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

body{
	background:url(images/fond_body.jpg) black repeat-x;
    margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:black;
	font-size:14px;
	text-align:center;
}

p.skiplink {
	display:none;
}

/****************************************************contenu****************************************/ 
  
 
div#contenu{
	width:985px;
	padding:0;
	text-align:center;	
	margin:0 auto 0 auto;
	z-index:35;
}
	
div#contenu h2{
	margin:0;
	padding:7px 0 0 0;
	color:#e34a20;
	font-size:0.8em;
	text-align:left;
}	

div#contenu a{
	color:black;
}

div#contenu a:hover{
	text-decoration:none;
	color:#e44b20;
}
	
	
.img{
	float:left;
	margin: 0 14px 0 10px;
	padding:0;
}

.bot{
	clear:both;
}

.noborder{
	border:0;
}

.text{
	border:1px solid #e44b20;
}

.decal{
	width:35%;
	margin:0;
	padding:0;
	float:left;
}

/********************************************************menu***************************************/

div#conteneur_menu{
	position:relative;
	width:100%;
	text-align:center;
}
/*******************************************************menu 1er niveau****************************/
div#menu{
	position:relative;
	margin:0 0 0 350px;
	height:39px;
	padding:7px 0 0 0;
	z-index:40;
	background:url(images/fond_body.jpg) repeat-x;
}

div#menu img{
	float:left;
}

div#menu div{
	position:relative;
	float:left;
	margin:0;
	position:relative;
	border-left:1px solid #FEEB71;
	border-right:1px solid #F3CF12;
}

div#menu div a{
	display:block;
	height:39px;
	width:147px;
	text-decoration:none;
	color:black;
	background:url(images/btn_menu_up.jpg) no-repeat;
	font-size:0.9em;
	margin:0;
	padding:0;
}
	
div#menu div a:hover,div#menu div:hover a{
	text-decoration:none;
	color:white;
	background:url(images/btn_menu_over.jpg) no-repeat;
	cursor:pointer;
}


div#menu div a span, div#menu div.active span{
	float:left;
	margin:10px 0 0 0;
	width:100%;
	text-align:center;
}

/****************************************************separation******************************************/

div#separation {
	width:100%;
	height:20px;
	border-top:9px solid #000000;
	background-color:#e44b20;
	clear:both;	
}

/****************************************************realisations****************************************/ 

div#realisations{
	width:100%;
	height:217px;
	background:url(images/fond_realisations.jpg) repeat-x;
	clear:both;
}

div#contenu_realisations{
	width:985px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
}

div#contenu_realisations a{
	float:left;
	text-decoration:none;
	margin:3px 0 0 0;
}

div#contenu_realisations a img{
	border:0;
}

div#titre_rea a{
	display:block;
	width:302px;
	height:37px;
	background:url(images/btn_realisations_xl.jpg) 0 0 no-repeat;
	text-decoration:none;
}

div#titre_rea a:hover{
	background-position: 0 -37px;
	text-decoration:none;
}

div#ampoule_flash{
	position:relative;
	float:left;
	margin:-110px 0 0 0;
	width:350px;
	height:320px;
	z-index:9000;
}

html>body div#ampoule_flash{
	margin:-110px 0 0 0;
}

div#ampoule_img{
	float:right;
	width:408px;
	height:217px;
	margin:-37px 0 0 0;
	padding:0;
	background:url(images/bas_ampoule.jpg) 0 0 no-repeat;
}

 /****************************************************footer****************************************/ 

div#pied{
	width:100%;
	background:black;
	padding-top:15px;
}

div#footer{
	width:985px;
	margin:0 auto 0 auto;
	padding:0;
	height:235px;	
}

html>body div#footer{
	padding:0;
}

div#footer div.colonne_gauche, div#footer div.colonne_centre, div#footer div.colonne_droite{
	float:left;
}

div#footer div.colonne_gauche{
	text-align:left;
	margin:0 12px 20px 12px;
}

div#footer div.colonne_centre{
	border-right:1px solid #636363;
	border-left:1px solid #636363;
	text-align:left;
	margin:0 12px 20px 60px;
	padding:0 60px 0 60px;
}

div#footer div.colonne_droite{
	float:left;
	margin:0 12px 20px 60px;
	text-align:left;
}

div#footer ul{
	margin:0;
	padding:0;
}

div#footer ul li{
	font-size:0.7em;
	color:white;
	list-style:none;
	padding:5px 0 5px 5px;
	clear:both;
}

div#footer img{
	float:left;
	padding:0;
	margin:5px 0 0 0;
}

div#footer p{
	color:#ecdca5;
	text-align:left;
	font-size:0.6em;
}

div#footer a{
	float:left;
	color:white;
}

div#footer a:hover{
	text-decoration:none;
	color:#ffd600;
}

div#footer span{
	float:left;
	margin:30px 0 0 5px;
}

div#footer .img_footer{
	padding:0;
	margin:35px 10px 0 0;
	border:0;
}

.bot{
	clear:both;
}

img.img_contenu {
	margin:0;
	padding:15px 15px 5px 15px;
}


div#reseaux{
	position:absolute;
	top:170px;
	right:0;
	background:url(images/reseaux-sociaux.jpg) no-repeat;
	width:39px;
	height:231px;
}

div#reseaux a{
	float:left;
	margin:8px 0 0 8px;
}

div#reseaux a img{
	border:0;
}