


 body  {
    	font: small "Lucida Grande", Arial, sans-serif;
		background-image: url(../../images/background_site.jpg);
		background-position: center bottom;
		background-attachment:fixed;
		background-repeat:no-repeat;
    	margin: 0;
    	padding: 0;
    	text-align: center; 
    	color: #617a8f;
		font-size:11px;
		}
	
	a {
	text-decoration: none;
	color:#617a8f;
	}

	a:hover {
	text-decoration: none;
	color:#617a8f;
	text-decoration:underline;

	
	}

	a img {
	border: 0;
	}
	
	
    .thrColFixHdr #container { 
    	width: 804px;  
    	margin: 0 auto; 
    	text-align: left; 
    } 
    .thrColFixHdr #header { 
    	background: white; 
    	padding:0 ;
		margin: 0;
		margin-bottom: 0;
		background-image: url(../../images/banner_02.jpg);
		background-position: left;
		background-repeat:no-repeat;
		height:152px;
		text-align: right;
    } 
	
	
	#spacer {
	height:124px;}
	
	#menu {
	margin:0 4px 0 0;
	padding:0;
	list-style-type: none; /* supprimer les puces */
	
	}

	.cache {
	display: none;
	}

	#menu li {
	float: right;
	}
	
	.bold{
		font-weight:bold;
		text-decoration:none;
	}
	
	.grand_gras{
		font-size: 12px;
		margin:10px 0 0;
		padding:0;
		font-weight:bold;
	}
	
	#menu1 {
	display: block;
	background-image: url("../../images/accueil.jpg");
	width: 65px;
	height: 17px;
	}

	#menu2 {
	display: block;
	background-image: url("../../images/services.jpg");
	width: 74px;
	height: 17px;
	}

	#menu3 {
	display: block;
	background-image: url("../../images/realisations.jpg");
	width: 87px;
	height: 17px;
	}
	
	#menu4 {
	display: block;
	background-image: url("../../images/temoignages.jpg");
	width: 95px;
	height: 17px;
	}
	
	#menu5 {
	display: block;
	background-image: url("../../images/contact.jpg");
	width: 73px;
	height: 17px;
	}
	
	#menu1:hover {
	background-image: url("../../images/accueil_over.jpg");
	}

	#menu2:hover {
	background-image: url("../../images/services_over.jpg");
	}

	#menu3:hover {
	background-image: url("../../images/realisations_over.jpg");
	}
	
	#menu4:hover {
	background-image: url("../../images/temoignages_over.jpg");
	}
	
	#menu5:hover {
	background-image: url("../../images/contact_over.jpg");
	}
		
    
    .thrColFixHdr #sidebar1 {
    	float: left; 
    	width: 135px;
    	padding: 0;
		margin:0 0 0 10px;
		
    }
	
	.fenetre_colonne{
		margin:0 0 15px;
		padding:0;
		}
	
	.titre_menu{
		margin:0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/menu.gif);
		background-position:left;
		background-repeat:no-repeat;
		}
	
	#menu_gauche{
		margin:5px 8px 5px 0;
		padding:2px 02px 8px;
		background-color:#f2f4f6;
	}
		
	#menu_gauche li{
		margin:0;
		padding: 5px 0 0 10px;
		list-style-type: none;
		background-image:url(../../images/puce.gif);
		background-position: left 75%;
		background-repeat:no-repeat;
		width:100px;
	}
		
	
	.temoignage{
		margin:3px 0;
		padding:3px 0;
		border-bottom:1px solid #bdc8d1;
		}
		
	.temoignage{
		margin:3px 0;
		padding:3px 0;
		
		}
	
	.titre_temoignages{
		margin:0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/derniers_temoignages.gif);
		background-position:left;
		background-repeat:no-repeat;
		}
		
	.titre_partenaires{
		margin:0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/partenaires.gif);
		background-position:left;
		background-repeat:no-repeat;
		}
		
	.fenetre_temoignages{
		margin:5px 8px 5px 0;
		padding:2px 02px 8px;
		background-color:#f2f4f6;
		
	}
	
	.titre_puce_bleue{
		margin:0;
		padding: 0 0 0 10px;
		background-image:url(../../images/puce.gif);
		background-position: left ;
		background-repeat:no-repeat;
		font-weight:bold;
		font-size:11px;
	}
	
	.texte{
		margin:3px 0 3px 5px;
		padding:0;
		font-size:9px;
		clear:both;
		}
		
    .thrColFixHdr #sidebar2 {
    	float: right; 
    	width: 135px; 
    	padding: 0 ;
		margin:0 2px;
    }
	
	.titre_news{
		margin:0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/news.gif);
		background-position:left;
		background-repeat:no-repeat;
		}
	
	
	.news{
		margin:5px 0 13px;
		padding:0 0 12px;
		border-bottom:1px solid #bdc8d1;
	
	}
	
	
	.news_last{
		margin:5px 0 0;
		padding:0;
	}
	
	.les_news{
		margin:5px 8px 5px 0;
		padding:2px 02px 8px;
		background-color:#f2f4f6;
	}
	
	.photo_petite_news{
		margin:3px 3px 5px 4px;
		padding:0;
		border:1px solid #bdc8d1;
		float:left;
	}
	
	.legende_petite_news{
		margin:0;
		padding:0 0 0 5px;
		font-size:9px;
		font-weight: bolder;
		background-image:url(../../images/puce2.gif);
		background-position:left 60%;
		background-repeat:no-repeat;
		}
	
    .thrColFixHdr #mainContent { 
    	margin: 0 152px 0; 
    	padding: 0;
		width:500px;
    } 
	
	.thrColFixHdr #mainContent2 { 
    	margin: 0 0px 0 152px; 
    	padding: 0;
		width:642px;
    } 
	
	
	.titre_presentation{
		margin:0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/presentation.gif);
		background-position:left;
		background-repeat:no-repeat;
	
	}
	
	.presentation{
		margin:5px 0px 2px 0;
		padding:2px 02px 8px;
		background-color:#f2f4f6;
		overflow:auto;
	}
	
	.photo_presentation{
		margin:10px 3px 5px 4px;
		padding:0;
		float:left;
	}
	
	.texte_presentation{
		margin:0;
		padding:0;
		font-size:10px;
	}
		
	
	.titre_der_realisations{
		margin:12px 0 0 ;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/dernieres_rea.gif);
		background-position:left;
		background-repeat:no-repeat;
	
	}
	
	.der_rea{
		margin:5px 0px 2px 0;
		padding:2px 02px 8px;
		background-color:#f2f4f6;
		overflow:auto;
				
	}
	
	.rea{
		margin:0 3px 0 3px;
		padding:0;
		width:160px;
		border-right:1px solid #bdc8d1;
		float:left;
			
	}
	
	.rea_last{
		margin:0 0 0 3px;
		padding:0;
		width:150px;
		float:left;
			
	}
	
	
	.photo_rea{
		margin:5px 3px 5px 4px;
		padding:3px;
		border:1px solid #bdc8d1;
	
	}
	
	.photo_details{
		margin:5px 3px 5px 4px;
		padding:3px;
		border:1px solid #bdc8d1;
		float:left;
	
	}
	
	.petit_titre_puce_bleue{
		margin:0 0 0 8px;
		padding: 0 0 0 6px;
		background-image:url(../../images/puce3.gif);
		background-position: left 50% ;
		background-repeat:no-repeat;
		font-weight:bold;
		font-size:9px;
	}
	
	.legende_petite_rea{
		margin:0 0 0 15px;
		padding:0 0 0 5px;
		font-size:9px;
		font-weight: bolder;
		background-image:url(../../images/puce2.gif);
		background-position:left 60%;
		background-repeat:no-repeat;
		}
		
		
	.legende_rea_details{
		margin:50px 0 0 15px;
		padding:0 0 0 5px;
		font-size:9px;
		font-weight: bolder;
		background-image:url(../../images/puce2.gif);
		background-position:left 60%;
		background-repeat:no-repeat;
		}
	
	.sous_photo{
		margin:0 0 0 3px;
		padding:0;
		clear:both;
		}
	
	.texte_rea{
		margin:5px 0 0 10px;
		padding:0;
		font-size:9px;
	}
	
	.retour{
		display:block;
		clear:both;
		margin:0 0 -10px 7px;
		padding:7px 0 0 7px;
		background-image:url(../../images/puce4.gif);
		background-position:left 74%;
		background-repeat:no-repeat;
			
		
		}
	
	
	#spacer2 {
		width:50px;
		height:228px;
}
	
	
	.titre_services{
		margin:0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/services.gif);
		background-position:left;
		background-repeat:no-repeat;
	
	}
	
	.service{
		margin:5px 0px 2px 0;
		padding:2px 02px 8px;
		background-color:#f2f4f6;
		overflow:auto;
	
	}
	
	.services{
		margin:15px 0 0 0;
		padding:0;
		background-image:url(../../images/puce.gif);
		background-position: 12% ;
		background-repeat:no-repeat;
		font-weight:bold;
		font-size:11px;
		
		
	}
	
	.photo_service{
		margin:10px 3px 5px 4px;
		padding:0;
		float:left;
	}
	
	
	.texte_services{
		margin:0;
		padding:0;
		font-size:10px;
	}
	
	
	.titre_web{
		margin:0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/web.gif);
		background-position:left;
		background-repeat:no-repeat;
	
	}
	
	
	.web{
		margin:5px 0px 10px 0;
		padding:2px 02px 8px;
		background-color:#f2f4f6;
		overflow:hidden;
				
	}
	
	.rea2{
		margin:3px 6px 5px 3px;
		padding:0;
		width:150px;
		float:left;
			
	}
	
	.rea_details{
		margin:3px 6px 5px 3px;
		padding:0;
		float:left;
			
	}
	
	.titre_presse{
		margin:12px 0 0 ;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/presse.gif);
		background-position:left;
		background-repeat:no-repeat;
	
	}
	
	
	.titre_presse2{
		margin:0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/presse.gif);
		background-position:left;
		background-repeat:no-repeat;
	
	}
	
	.titre_menu_rea{
		margin:14px 0 0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/menu_realisation.gif);
		background-position:left;
		background-repeat:no-repeat;
		}
	
	
	.news2{
		margin:5px 0px 2px 0;
		padding:2px 02px 8px;
		background-color:#f2f4f6;
		overflow:auto;
		border:none;
	
	}
	
	.texte_news{
		float:right;
		width:415px;
		}
	
	.texte_news2{
		float:right;
		width:550px;
		}
	
	.titre_puce_bleue_news{
		margin:5px 0 0;
		padding:0 0 0 5px;
		background-image:url(../../images/puce5.gif);
		background-position:0% ;
		background-repeat:no-repeat;
		font-weight:bold;
		font-size:11px;
	}
	
	
	.titre_grande_news{
		margin:0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/news_grand.gif);
		background-position:left;
		background-repeat:no-repeat;
	
	}
	
	
	.titre__grand_temoignages{
		margin:0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/temoignages.gif);
		background-position:left;
		background-repeat:no-repeat;
	
	}
	
	
	
	.adresse{
		margin:3px 6px 5px 3px;
		padding:0;
		float:left;			
	}
	
	.legende_contact{
		margin:0 0 0 15px;
		padding:0 0 0 5px;
		font-size:11px;
		background-image:url(../../images/puce2.gif);
		background-position:left 60%;
		background-repeat:no-repeat;
		}
	
	
	.titre_coordonnees{
		margin:0;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/coordonnees.gif);
		background-position:left;
		background-repeat:no-repeat;
	
	}
	
	.titre_formulaire{
		margin:12px 0 0 ;
		padding:0 0 0 5px;
		display:block;
		height:13px;
		background-image:url(../../images/formulaire.gif);
		background-position:left;
		background-repeat:no-repeat;
	
	}
	
	
	#formulaire{
		margin:15px 0 0 15px;
		padding:0;	
	}
	
	
	#formulaire label{
		margin:0;
		padding: 0 0 0 10px;
		background-image:url(../../images/puce.gif);
		background-position: left ;
		background-repeat:no-repeat;
		font-weight:bold;
		font-size:11px;	
	}
	
	.photo_contact{
		margin:0;
		padding:0;
		float:right;
	}
	
	.thrColFixHdr #footer { 
    	padding:0 10 10 10;
		margin: 0 ;
		height:17px;
		background-image:url(../../images/footer.jpg);
		background-position:center;
		background-repeat:no-repeat;
    	
    } 
    .thrColFixHdr #footer p {
    	margin: 0; 
    	padding:0; 
    }
    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	

#footer ol{
	margin:0;
	padding:3px 0 0;
	font-size:8px;
	text-align:center;
	color: white;
	
}

#footer a{
	font-size:9px;
	color:white;
	}
	
#footer a:hover{
	font-size:9px;
	color:white;
	text-decoration: underline;
	}
	
.menu li{
	display:inline;
	margin:0;
	padding:0 0.9em 0 0.6em;
	border-right: 1px solid white;
	font-size:9px;

}

.menu li.last{
	border-right: 0;
	padding-right:0;
}


.intro {
	margin-top: 10%;
	margin-left: 10px;

	}
