/* CSS Document */


* { margin:0; padding:0; border:0; }
body { 
	background: #fff url(img/bg-body.jpg) repeat-x 0 0;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color:#000;
	text-align: center;
}
.corps{
	background: transparent url(img/fond_contenu.png) repeat-y 0 0;
	width:1050px;
	margin: 0 auto;
	position: relative;
	padding: 20px 0 20px 0;
	top: 8px;
	text-align: left;
	z-index: 4;
}
* html .corps{
	background: transparent url(img/fond_contenu.gif) repeat-y 0 0;
}

.entete{
	background: transparent url(img/entete.png) no-repeat 0 0;
	height:250px;
	width:1050px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	height: 232px;
	top: 8px;
	z-index: 100;
}
* html .entete{
	background: transparent url(img/entete.gif) no-repeat 0 0;
}
.animation{
	position:absolute;
	left: 108px;
	top: 25px;
	z-index: 102;
}
.animation img{
	position:absolute;
	left: 765px;
	top: 15px;
}
.sous_titre{
	display: block;
	position:absolute;
	left: 780px;
	top: 150px;
	font-weight: bold;
	font-size: 15px;
	color: #2E3092;
	width: 200px;
}

#logo {
	position: absolute;
	top: 62px;
	left: 128px;
	z-index: 105;
}
.contenu{
	font-size:15px;
	color:#000066;
	height:auto;
	width:750px;
	float: left;
	text-align: justify;
}
.menugauche{		
	width:151px;
	position: relative;
	top: 0px;
	left:21px;
	margin-right: 50px;/* pour pousser le contenu vers la droite */
	float: left;
	text-align:center;
	background-color:#E8E8E8;
	text-align:justify;
	font-size:14px;
}


/* ajouter pour containers elements floatants */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* =================================================== */


h1{
	font-size: 22px;
	margin: 25px 0 15px 0;
}
h1.accueil{
	font-size: 22px;
	margin: 0;
}

#field1 legend{
	padding: 0 10px;
	border-left: #CCC 2px solid;
	border-right: #CCC 2px solid;
	font-size: 1.2em;
	color: #999;}
#field1{
	margin-bottom: 10px;
	border: #CCC 1px solid;
	background:#FFFFFF;
	}

#field1:hover{
	background-color:#F7F7F7;}
.adresse{
	font-weight:bolder;
	color: #000000;
	font-size: 16px;
	width: 401px;
	margin-left: 100px;
	}
.minicarte{
	position:absolute;
	margin-top:0px;
	margin-left:370px;}
	

/*---HACK IE6---*/
* html .sous_titre{
	float: right;
	margin-right: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 15px;
	color: #2E3092;
	cursor: default;
}
/*---HACK IE7---*/
*+html .sous_titre{
	float: right;
	margin-right: 273px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 15px;
	color: #2E3092;
	cursor: default;
}


/*---HACK IE6---*/
* html .entete{
	height:230px;
	width:1050px;
	margin-left:auto;
	margin-right:auto;
}
.introduction{
	margin-left:80px;	
}
div#myOtherElement {
	width:140px;
	height: 30px;
	overflow: hidden;
	background-color: #E8E8E8;
	
	}

div#myOtherElement span, div#myOtherElement a {
	display: block;
	padding: 0 3px;
	
		
	
}

div#myOtherElement a:hover {
	background: #FB8200;
	
}
div#myOtherElement1 {
	width:140px;
	height: 30px;
	overflow: hidden;
	background-color: #E8E8E8;
	}

div#myOtherElement1 span, div#myOtherElement1 a {
	display: block;
	padding: 0 3px;
		
	
}

div#myOtherElement1 a:hover {
	background: #FB8200;
	
}
div#myOtherElement2 {
	width:140px;
	height: 30px;
	overflow: hidden;
	background-color: #E8E8E8;
	}

div#myOtherElement2 span, div#myOtherElement2 a {
	display: block;
	padding: 0 3px;
		
	
}

div#myOtherElement2 a:hover {
	background: #FB8200;
	
}
div#myOtherElement3 {
	width:140px;
	height: 30px;
	overflow: hidden;
	background-color: #E8E8E8;
	}

div#myOtherElement3 span, div#myOtherElement3 a {
	display: block;
	padding: 0 3px;
		
	
}

div#myOtherElement3 a:hover {
	background: #FB8200;
	
}
.lienmenu:link{
	text-decoration:none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
	line-height:20px;
	border-bottom:dashed #FFFFFF 1px;
	width: 100%;}
.lienmenu:visited{
	text-decoration:none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:11px;
	line-height:20px;
	text-align:left;
	border-bottom:dashed #FFFFFF 1px;
	width: 100%;}
.lienmenu:hover{
	text-decoration:none;
	color:#FFFFFF;
	border-bottom:dashed #FFFFFF 1px;}

.lienmenu:active{
	text-decoration:none;
	color:#000000;
	border-bottom:dashed #FFFFFF 1px;}
.lienmenu2:link{
	text-decoration:none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:11px;
	line-height:17px;
	text-align:left;
	border-bottom:dashed #FFFFFF 1px;}
.lienmenu2:visited{
	text-decoration:none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:11px;
	border-bottom:dashed #FFFFFF 1px;}
.lienmenu2:hover{
	text-decoration:none;
	color:#FFFFFF;
	border-bottom:dashed #FFFFFF 1px;}

.lienmenu2:active{
	text-decoration:none;
	color:#000000;
	border-bottom:dashed #FFFFFF 1px;}
.menu{
	position:absolute;
	left:10px;
	top:1px;	
	width:1050px;
	height:30px;
	z-index: 710;
	}
.placemenu{
	background: transparent url(img/bgmenu.png) no-repeat 0 0;
	width:1050px;
	height:32px;
	position:absolute;
	top:200px;
	left:21px;
	z-index: 700;
}
.item_menu {
	position: absolute;
	z-index: 720;
}
.tetemenu{height:32px;
	background-image:url(img/bgmenu.png);}

.divgauche{
	border-bottom:1px dashed;
	border-top:1px dashed;	
	border-color:#FFFFFF;
	text-indent:8px;
	height:30px;
	line-height:27px;
	background-image:url(img/bgliengauche.png);
	background-repeat:no-repeat;}
.liengauche:link{
	text-decoration:none;
	color:#FF6600;
	font-weight:500;
 	font-family:Myriad Pro;

  /*background-color:white;	
  display:block;
  float:center;*/
  
	}
.liengauche:visited{
	text-decoration:none;
	color:#FF6600;
	font-weight:500;
	font-family:Myriad Pro;

}
.liengauche:hover{
	text-decoration:none;
	color:#000066;}

.filariane{
	float: left;
	font-size:13px;
	width: 750px;
	color: #999;
}
.footer{
	background: transparent url(img/footer.png) no-repeat 0 0;
	width:1050px;
	height:115px;
	margin: 8px auto 0 auto;
	text-align: left;
	position: relative;
}
* html .footer{
	background: transparent url(img/footer.gif) no-repeat 0 0;
}
#foot {position:relative; top:70px; left:21px; width:1020px;}
.lien_footer {position: absolute; font-size:12px; left:390px; top:13px;}

.titre{
	font-family:Arial;
	color:#000066;
	}
.lienfooter{
	text-decoration:none;
	color:#000000;}
#accordion {
	margin:20px 0px;
	width:750px;
}

.gauche {float: left; margin-right: 10px;}
.droite {float: right; margin-left: 10px;}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	/*font-family:"Myriad Pro", sans-serif;*/
	font-family: Arial;
	font-size: 14px;
	background-color:#000099;
	color: #000099;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}
.txtetape{
	/*font-family:Myriad Pro;*/
	font-family: Arial;
	font-size:14px;
	list-style:none;
	margin-left:30px;
}
.listetape{
	margin-left:30px;
	line-height:30px;
	}
.listefluide{
	list-style:url(img/list.png);
	}
.listefluide li{
	margin-bottom: 20px;
}
.lienariane:link{
	text-decoration:none;
	color:#000066;}
.lienariane:visited{
	text-decoration:none;
	color:#000066;}
.lienariane:hover{
	text-decoration:underline;
	color:#FF6600;}
#liencontact:link{
	text-decoration:none;
	color:#9E9E9E;
	font-size: 13px;
	width:100px;}
	#liencontact:visited{
	text-decoration:underline;
	color:#9E9E9E;
	font-size: 13px;
	width:100px;}
#liencontact:hover{
	text-decoration:underline;
	color:#FF6600;
	font-size: 13px;
	width:100px;}
#liencontact:active{
	text-decoration:underline;
	color:#9E9E9E;
	font-size: 13px;
	width:100px;}
input,
input[type=text]{
	border:1px solid  #CCCCCC;
	color:#666666;
}
input[type=text]:hover{border: #999 1px solid;background-color:#DDEEFF;color:#666666;}
input[type=text]:focus{
	border: #999 1px solid;
	background-color:#DDEEFF;
	color:#666666;
}
textarea{
	border:1px solid  #CCCCCC;
  	scrollbar-base-color:#DDEEFF;
 	scrollbar-3dlight-color:#FFFFFF;
  	scrollbar-arrow-color:#FFFFFF;
  	scrollbar-darkshadow-color:#000000;
  	scrollbar-face-color:#DDEEFF;
  	scrollbar-highlight-color:#FFFFFF;
  	scrollbar-shadow-color:#000000;
  	scrollbar-track-color:#DDEEFF;
	color:#666666;}
textarea:hover{border: #999 1px solid;background-color:#DDEEFF;color:#666666;}
textarea:focus{border: #999 1px solid;background-color:#DDEEFF;color:#666666;}

#field2 legend{
	padding: 0 10px;
	border-left: #CCC 2px solid;
	border-right: #CCC 2px solid;
	font-size: 1.2em;
	color: #999;}
#field2 input {
	border:1px solid  #CCCCCC;
	color:#666666;
}
#field2{
	border: #CCC 1px solid;
	background:#FFFFFF;
	}
#field2 div {
	clear: both;
	padding: 10px 0;
	}

#field2:hover{
	background-color:#F7F7F7;
	color:#DDEEFF;}
#field2 label{
	display: block;
	float: left;
	width: 150px;
	font-weight:normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight:600;}
#field2 label:hover{
	font-weight:bold;
	color:#666666;
	font-size:17px;
}
legend
{
	font-size:20px;
	color:#000000;}
label{
	margin-left:8px;
	display:block;
	width:100px;
	float:left;
	text-align:left;
	font-weight:bold;}
.obligatoire{
	color:#CC0000;
	font-size:12px;}
.renseignement{
	font-weight:bold;}
.envoie{
	margin-left:8px;}
.msg{
	margin-left:auto;
	margin-right:auto;}
input[type=submit], input[type=reset] {
	border:2px outset #FFFFFF;
	font-weight:bold;
	cursor:pointer;
	background-color: #FFFFFF;
	color: #000066;}
input[type=submit]:hover, input[type=reset]:hover {
	border:2px outset white;
	background-color:#FF9900;}
input[type=submit]:active, input[type=reset]:active {
	border:2px inset #A6BEDE;
	background-color:#A6BEDE;
	color:black;} 
.logo{
	margin-left:30px;
	width:740px;
	margin-top:10px;}

.liste_logo{
	width:320px;
	height:80px;}
a.savoirplus:link, a.savoirplus:visited{
	text-decoration:underline;
	color:#000066;
	font-size:16px;
	font-family:Comic Sans MS;}

		
.contenaireimage{
	text-decoration:none;
	position:absolute;
	width:400px;
	height:400px;
	margin-left:340px;
	margin-top:-49px;
	color:#000000;}
.titrearticle {
	font-size: 16px;
	color: #F2762C;
	font-family: Arial, Helvetica, sans-serif;
	height:22px;
	border-bottom:#F2762C 2px solid;}
.lien:link{color:#000066;}
.lien:visited{
	color:#000066;
	text-decoration:underline;}
.lien:hover{
	text-decoration:underline;
	color:#FF6600;}
.reference{text-indent:10px;}

.lesActualites{
	color: #E98432;
	margin: 0 0 50px 0;
}

.lesActualites ul li{
	margin: 0 0 20px 0;
}

.lesActualites h3{
	margin: 0;
}
.lesActualites span.monActualite{
	color: #000066;
	margin: 10px 0 0 0;
	clear: both;
}

.lesActualites span.dateActualite{
	color: #676767;
	font-size: 12px;

	display: block;
	margin: 0;
}
div.actualiteAccueil{
	width: 150px;
	text-align: center;
	padding: 10px 0 10px 0;
	background: transparent url("img/accueil/actu.png") repeat-y;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #BBBBBB;	
}
div.actualiteAccueil a:link, a:visited{
	color: #6C9505;
}
div.actualiteAccueil a:hover{
	color: #828282;
}
div.actu_ombre{
	padding: 20px 0 20px 0;
}
span.AccueildateActualite{
	color: #676767;
	font-size: 12px;
	width: 150px;
	text-align: center;
	position: relative;
	float: left;
	margin: 0px 0 5px 0;
}
a.AccueilLienActualite{
	display: block;
	margin: 0 0 15px 0;	
}

span.monActualite p.image img{
	margin: 0 5px 0 0;	
}
div.photos{
	text-align: center;
	margin-top: 15px;
}
ul.historique li{
	margin: 0 0 15px 0;
}
span.CenterBold{
font-weight: bold;
text-align: center;
width: 100%;
display: block;
margin: 20px 0 20px 0;
}

span.espace_vide{
	margin: 50px;
	display: block;
	height: 50px;
}

.clearfix {
/* ajouter pour containers elements floatants */ 							
.clearfix:after { 								
	content: "."; 								
	display: block; 								
	clear: both; 								
	visibility: hidden; 								
	line-height: 0; 								
	height: 0; 									
} 									
					
display: inline-block; 								
} 									
html[xmlns] .clearfix { 								
	display: block; 								
} 									
* html .clearfix { 								
	height: 1%; 								
}

div.conteneur{

}

.anim-reference{
	width: 515px;
	display: inline-table;
	clear: none;
}

div.jcarousel-skin-tango{
 	width: 120px;
 	display: inline-table;
 	clear: none;
}
/* HACK IE 6 et 7 */

* html .anim-reference{
	width: 515px;
	display: inline-table;
	clear: none;
	float: left;
}
*+html .anim-reference{
	width: 515px;
	display: inline-table;
	clear: none;
	float: left;
}
/*--------*/
.eco-responsable{
}