@charset "utf-8";
/* CSS Document */

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.9em;
		color:#ffffff;
		margin:0px;
		
		background-color:#262526;
		
}



#contain {
				width:1000px;
				margin:0px auto;
				padding:0px;
				
				

	
						
}

#header {
			display:block;
			position:relative;
			float:left;
			width:853px;
			height:446px;
			
	

}

#logo {
			display:block;
			position:relative;
			float:left;
			width:279px;
			height:116px;
			padding-top:26px;

}



#menu {
			display:block;
			position:relative;
			float: left;
			width:574px;
			height:48px;
			padding-top:26px;


}

a.accueil:link, a.accueil:visited, a.accueil:active
{
			display:block;
			position:relative;
			float:left;
			background-image: url(images/accueil.jpg);
			background-repeat:no-repeat;
			width:70px;
			height:33px;
			padding:15px 0px 0px 22px;
			text-decoration:none;
			color:#000000;
			
			
						
				
}

a.accueil:hover 
{			
		display:block;
			position:relative;
			float:left;
			background-image: url(images/accueil_hover.jpg) ;
		background-repeat:no-repeat;
		width:70px;
			height:33px;
			padding:15px 0px 0px 22px;
			text-decoration:none;
			color:#000000;
		
		
}

a.services:link, a.services:visited, a.services:active
{
			display:block;
			position:relative;
			float:left;
			background-image: url(images/services_on.jpg);
			background-repeat:no-repeat;
			width:81px;
			height:33px;
			padding:15px 0px 0px 27px;
			text-decoration:none;
			color:#000000;
			
						
				
}

a.services:hover 
{			
		display:block;
			position:relative;
			float:left;
			background-image: url(images/services_hover.jpg);
		background-repeat:no-repeat;
		width:81px;
			height:33px;
			padding:15px 0px 0px 27px;
			text-decoration:none;
			color:#000000;
		
		
}



a.realisation:link, a.realisation:visited, a.realisation:active
{
			display:block;
			position:relative;
			float:left;
			background-image: url(images/realisation_on.jpg);
			background-repeat:no-repeat;
			width:102px;
			height:33px;
			padding:15px 0px 0px 26px;
			text-decoration:none;
			color:#000000;
			
						
				
}

a.realisation:hover 
{			
		display:block;
			position:relative;
			float:left;
			background-image: url(images/realisation_hover.jpg);
			background-repeat:no-repeat;
			width:102px;
			height:33px;
			padding:15px 0px 0px 26px;
			text-decoration:none;
			color:#000000;
		
		
}

a.entreprise:link, a.entreprise:visited, a.entreprise:active
{
			display:block;
			position:relative;
			float:left;
			background-image: url(images/entreprise_on.jpg);
			background-repeat:no-repeat;
			width:97px;
			height:33px;
			padding:15px 0px 0px 31px;
			text-decoration:none;
			color:#000000;
			
						
				
}

a.entreprise:hover 
{			
		display:block;
			position:relative;
			float:left;
			background-image: url(images/entreprise_hover.jpg);
			background-repeat:no-repeat;
			width:97px;
			height:33px;
			padding:15px 0px 0px 31px;
			text-decoration:none;
			color:#000000;
		
		
}

a.contact:link, a.contact:visited, a.contact:active
{
			display:block;
			position:relative;
			float:left;
			background-image: url(images/contact_on.jpg);
			background-repeat:no-repeat;
			width:89px;
			height:33px;
			padding:15px 0px 0px 29px;
			text-decoration:none;
			color:#000000;
			
						
				
}

a.contact:hover 
{			
		display:block;
			position:relative;
			float:left;
			background-image: url(images/contact_hover.jpg);
			background-repeat:no-repeat;
			width:89px;
			height:33px;
			padding:15px 0px 0px 29px;
			text-decoration:none;
			color:#000000;
		
		
}

#numero {
			display:block;
			position:relative;
			float: left;
			width:559px;
			height:53px;
			background-color:#FFFFFF;
			padding:15px 15px 0px 0px;


}

#numero p { margin:0px; font-size:2.0em; color:#efa011;}




#photo {
			display:block;
			position:relative;
			float: left;
			width:463px;
			height:304px;


}

#contenu_orange {
			display:block;
			position:relative;
			float: left;
			width:345px;
			height:304px;
			background-image:url(images/carre_orange.jpg);
			padding:0px 0px 0px 45px;

}

#photo_realisation {
			display:block;
			position:relative;
			float: left;
			width:489px;
			height:304px;


}

#contenu_orange_realisation {
			display:block;
			position:relative;
			float: left;
			width:345px;
			height:304px;
			background-image:url(images/carre_orange_realisation.jpg);
			padding:0px 0px 0px 19px;

}

#conception {
			display:block;
			position:relative;
			float: left;
			width:345px;
			height:63px;
			padding-top:22px;

}

#conception h1 { margin:0px; font-size:1.4em; color:#fffffe; font-weight:500; line-height:26px;}
#conception span { font-size:0.7em; color:#fffffe; }




#specialiste {
			display:block;
			position:relative;
			float: left;
			width:345px;
			height:53px;
			padding-top:8px;

}

#specialiste h2 { margin:0px;   font-size:1.1em; color:#541f06;}
#specialiste span { margin:0px;   font-size:0.9em; color:#541f06; font-weight:500;}


#expert {
			display:block;
			position:relative;
			float: left;
			width:345px;
			height:122px;
			line-height:24px;



}

#fleche {
			display:block;
			position:relative;
			float: left;
			width:345px;
			height:36px;


}

#fleche p { margin:0px;}


a.serv:link, a.serv:visited, a.serv:active
{
			display:block;
			position:relative;
			float:left;
			padding:8px 0px 0px 235px;
			text-decoration:none;
			color:#fffffe;
			
						
				
}

a.serv:hover 
{			
			display:block;
			position:relative;
			float:left;
			padding:8px 0px 0px 235px;
			text-decoration: underline;
			color:#fffffe;		
		
		
}

#contenu {
			display:block;
			position:relative;
			float:left;
			width:853px;


}

.contenu_top {
			display:block;
			position:relative;
			float:left;
			width:853px;
			height:10px;

}

.contenu_centre {
			display:block;
			position:relative;
			float:left;
			width:853px;
			background-image:url(images/contenu_centre.jpg);
			background-repeat:repeat-y;
			color:#000000;
		

}

.contenu_centre {
			display:block;
			position:relative;
			float:left;
			width:853px;
			background-image:url(images/contenu_centre.jpg);
			background-repeat:repeat-y;
			color:#000000;
			
		

}

a.bety:link, a.bety:visited, a.bety:active
{
			
			text-decoration: underline;
			color:#d78d00;
			font-weight:bold;
			
						
				
}

a.bety:hover 
{			
		
			text-decoration: none;
			color:#d78d00;		
		font-weight:bold;
		
}


a.blanc:link, a.blanc:visited, a.blanc:active
{
			
			text-decoration: underline;
			color:#fffffe;
			font-weight:bold;
			
						
				
}

a.blanc:hover 
{			
		
			text-decoration: none;
			color:#fffffe;		
		font-weight:bold;
		
}


.devis {
			display:block;
			position:relative;
			float:left;
			width:430px;
			padding:15px 0px 0px 33px;

}

.devis h3 { margin:0px; font-size:1.3em; color:#dd9003;}

.devis ul { list-style-image:url(images/fleche.jpg); vertical-align:middle; font-size:0.9em; line-height:24px;  }



.plan {
			display:block;
			position:relative;
			float:left;
			width:390px;

}

.contenu_centre_services {
			display:block;
			position:relative;
			float:left;
			width:790px;
			background-image:url(images/contenu_centre.jpg);
			background-repeat:repeat-y;
			color:#000000;
			padding:15px 30px 15px 33px;
		

}

.contenu_centre_services h4 { margin:0px; font-size:1.3em; color:#dd9003;}

.devis_services {
			display:block;
			position:relative;
			float:left;
			width:430px;
			padding:15px 0px 0px 33px;

}

.devis_services h3 { margin:0px; font-size:1.1em; color:#dd9003;}

.devis_services ul { list-style-image:url(images/fleche.jpg); vertical-align:middle; font-size:0.9em; line-height:26px;  }



.plan_services {
			display:block;
			position:relative;
			float:left;
			width:390px;
			padding:15px 0px 0px 0px;

}

.plan_services h3 { margin:0px; font-size:1.1em; color:#dd9003;}

.plan_services ul { list-style-image:url(images/fleche.jpg); vertical-align:middle; font-size:0.9em; line-height:26px;  }


.contenu_bas {
			display:block;
			position:relative;
			float:left;
			width:853px;
			height:2px;

}

.contenu_bas2 {
			display:block;
			position:relative;
			float:left;
			width:853px;
			height:15px;

}

#bg_droite {
			display:block;
			position:relative;
			float: right;
			width:147px;
	

}

#footer {
			display:block;
			position:relative;
			float:left;
			width:853px;
			height:58px;
			background-image:url(images/footer.jpg);
			background-repeat: no-repeat;

}

#footer p { margin:0px; font-size:0.8em; color:#a3a3a3;}


a.site:link, a.site:visited, a.site:active
{
			
			text-decoration: underline;
			color:#a3a3a3;
		
			
						
				
}

a.site:hover 
{			
		
			text-decoration: none;
			color:#a3a3a3;		
		
		
}

a.logo:link, a.logo:visited, a.logo:active
{
			
			text-decoration: underline;
			color: #333333;
			font-size:0.7em;
		
			
						
				
}

a.logo:hover 
{			
		
			text-decoration: none;
			color: #333333;
			font-size:0.7em;		
		
		
}