/*--Initialisation--*/
* {margin:0;padding:0} 

body{
	 padding:0;
	 margin:0;
	 background-color:#bac4b6;
	 color:#000;	   
	 
}

div, h1, h2, p, form, input, label, textarea, img, span {
	 margin:0;
	 padding:0;
}
ul{
   	 margin:0;
	 padding:0;
	 list-style-type:none;
	 font-size:0;
}



/*--Initialisation--*/
/*-- Infobulle--*/
a.info{
    position:relative; 
    z-index:24; 
	font-weight: bold;
    color:#8e3f00;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#8bb4db}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
display: block;
	vertical-align: top;
	color: #934e0c;
	background-color: #bbd59d;
	font-weight: bold;
	position: absolute;
	border: 1px solid #1b8825;
	right: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
	height:150px;
	font-family:Arial, Tahoma, sans-serif;
	font-size: 10px;
    
    }
/*-- Infobulle--*/
/*--Partie Haute--*/

#haut{
	  background-color:#fff;
	  width:970px;
	  height:100px;
	  margin:0 auto;
	  position:relative;
	  
}

#logo{
 	  width:300px;
	  height:78px;
	  position:absolute;
	  background:url(images/logo.gif) 0 0 no-repeat;
	  left:25px;
	  top:10px;
}

#heron{
 	  width:82px;
	  height:90px;
	  position:absolute;
	  background:url(images/heron.gif) 0 0 no-repeat;
	  left:495px;
	  top:10px;
}

#arbre{
 	  width:165px;
	  height:124px;
	  position:absolute;
	  background:url(images/arbre.gif) 0 0 no-repeat;
	  left:825px;
	  top:1px;


}
#haut ul{
	 width:408px;
	 height:30px;
	 position:absolute;
	 left:567px;
	 top:71px;
	  
}
#haut ul li{
	  float:left;
	  margin:0 1px 0 0 ;
	  width:100px;
	  height:30px;
	  font:bold 11px/31px Arial, tahoma, sans-serif;
	  text-decoration:none;
	  text-transform:uppercase;
	  text-align:center;
	  background-color:inherit;
	  background:url(images/ol.gif) 0 0 no-repeat;
}
#haut ul li a{
	  background:url(images/ol2.gif) 0 0 no-repeat;
	  color:#fff;
	  display:block;
	  text-decoration:none;
	
}
#haut ul li a:hover{
 	  background:url(images/ol.gif) 0 0 no-repeat;
	  color:#000;
}
/*--Fin partie Haute--*/
/*--Bande de séparation--*/

#tete{
	  width:970px;
	  background:url(images/bande.gif) 0 0 repeat-x;
	  height:30px;
	  margin: 0 auto;
	 
}
/*--Fin de bande de séparation--*/
/*--Navigation sous bande--*/ 
	 
#corps {
width : 970px;
margin : 0 auto;
padding : 0;
background-color : #fff;
color : #000;
border-bottom : 2px solid #acbd00;
}
#corps ul.navig {
width : 970px;
height : 30px;
padding : 2px 0 2px 0;
background-color : #fff;
}
#corps ul.navig li.naviglien {
display : block;
background : url(images/separ.gif) repeat-y right top;
float : left;
padding : 0 1px 0 0;
}
#corps ul.navig li.naviglienssbord {
display : block;
background-image : none;
float : left;
padding : 0 1px 0 0;
}
#corps ul.navig li.naviglien a {
font : bold 10px/30px Arial, Tahoma, sans-serif;
text-transform : uppercase;
text-decoration : none;
color : #000;
padding : 0 14px 0 45px;
}
#corps ul.navig li.naviglien a.impla {
display : block;
background : #fff url(images/Gicon1.gif) no-repeat 10px 0;
}
#corps ul.navig li.naviglien a.impla:hover {
background : #fff url(images/Gicon2.gif) no-repeat 10px 0;
color : #ff0000;
}
#corps ul.navig li.naviglien a.politi {
display : block;
background : #fff url(images/Picon1.gif) no-repeat 10px 0;
}
#corps ul.navig li.naviglien a.politi:hover {
background : #fff url(images/Picon2.gif) no-repeat 10px 0;
color : #ff0000;
}
#corps ul.navig li.naviglien a.refere {
display : block;
background : #fff url(images/Ricon1.gif) no-repeat 10px 0;
}
#corps ul.navig li.naviglien a.refere:hover {
background : #fff url(images/Ricon2.gif) no-repeat 10px 0;
color : #ff0000;
}
#corps ul.navig li.naviglien a.service {
display : block;
background : #fff url(images/Sicon1.gif) no-repeat 10px 0;
}
#corps ul.navig li.naviglien a.service:hover {
background : #fff url(images/Sicon2.gif) no-repeat 10px 0;
color : #ff0000;
}
#corps ul.navig li.naviglienssbord a.plandac {
display : block;
background : #fff url(images/Aicon1.gif) no-repeat 10px 0;
padding : 0 14px 0 55px;
font : bold 10px/30px Arial, Tahoma, sans-serif;
text-transform : uppercase;
color : #000;
text-decoration : none;
}
#corps ul.navig li.naviglienssbord a.plandac:hover {
background : #fff url(images/Aicon2.gif) no-repeat 10px 0;
color : #ff0000;
}
#paccueil {
width : 970px;
background:#fff;
margin :auto;
padding:auto;
}
/*--partie gauche--*/ 
#gauche{
		width:390px;
		height:365px;
		float:left;	
		padding:10px 0 0 10px;
		background-color:#fff;
}
#gauche h2{
		font:bold 20px/20px Arial, Tahoma, sans-serif ;
		color:#3a68bd;
		display:block;
	}	
#gauche p.text1gauche{
		font:normal 12px/18px Arial, Tahoma, sans-serif;
		text-align:justify;
		color:#267224;
		padding:10px 0 0 0 ;
}
#gauche p.ensavoir{
		width:290px;
		height:32px;
		display:block;
		background:url(images/bastext1.gif) 0 0 repeat-x;
		font-size:0;	
}
#gauche p.ensavoir a{
		background:url(images/esp1.gif) 0 0 no-repeat;
		width:87px;
		height:32px;
		display:block;
		margin:0 0 0 292px;
}
#gauche p.ensavoir a:hover{
		background:url(images/esp2.gif) 0 0 no-repeat;
}
#gauche2{
		 width:375px;
		 margin:0 5px 0 0;
}
#gauche2 p.boiteH{
		 width:375px;
		 height:9px;
		 background:url(images/boiteH.gif) 0 0 no-repeat;
		 padding:0;
		 font-size:0;	
}
#gauche2 h3{
		 font:bold 15px/20px Arial, Tahoma, sans-serif;
		 color:#3a68bd;
		 margin:0;
		 padding:0 0 0 5px;
		 background:url(images/miltext2.gif) 0 0 repeat-y;	 
}
#gauche2 p.text2gauche{
		 color:#9E3F01;
		 font: bold 12px/20px Arial, Tahoma, sans-serif;
		 padding: 5px 0 0 5px;
		 background:url(images/miltext2.gif) 0 0 repeat-y;
		
}
#gauche2 p.boiteB{
		 width:375px;
		 background:url(images/boiteB.gif) 0 0 no-repeat;
		 height:9px;
		 padding:0;
		 margin:0 0 10px 0;
		 font-size:0;	
}



/*--partie gauche--*/ 
/*--partie centre--*/ 


#milieu{
width:240px;
		height:365px;
		float:left;
		background-color:#fff;
		padding:10px 0 0 10px;
}	
#milieuint{
		width:230px;
		height:349px;
		background:url(images/boxMi.gif) 0 0 no-repeat;
		}
#milieuint h2{
		font: bold 22px/38px Arial, Tahoma, sans-serif;
		color:#fff;
		padding: 0 0 5px 15px;
		}	
#milieuint p.imagActua{
 		width:230px;
		height:180px;
		background:url(images/imagActua.png) center no-repeat;}
#milieuint h3{
		font: bold 11px/14px Arial, Tahoma, sans-serif;
		color:#fff414;
		padding: 10px 10px 0 10px;
		text-align:center;		
		}
#milieuint p.text1milieu{
		 font:bold 10px/12px Arial, Tahoma, sans-serif;
		 color:#fff;
		 padding: 0 10px 0 20px;
}	
#milieuint p.text2milieu{
		 font:bold 10px/14px Arial, Tahoma, sans-serif;
		 color:#fff;
		 padding: 5px 0 0 0;
		 text-align:center;
}	


/*--partie centre--*/ 
/*--partie droite--*/ 

* html #droite { 
  width:300px;
		height:365px;
		float:left;
		padding:10px 0 0 15px;
		background-color:#fff;
}
#droite{
		width:300px;
		height:365px;
		float:left;
		padding:10px 0 0 20px;
		background-color:#fff;
}
#droite h2.photos{
		font:bold 20px/20px Arial, Tahoma, sans-serif;
		color:#3a68bd;
		display:block;
		padding:0 0 10px 0;
}
#droite ul li {
display:block;
background:url(images/separdroite.gif) left bottom  repeat-x;
padding:0 5px 0px 5px;
height:23px;
width:250px;
}
#droite ul li a{
display:block;
background:url(images/fleche.gif) no-repeat;
padding:0 0 0 25px;
font:bold 12px/18px Arial, Tahoma, sans-serif;
color:#000;
text-decoration:none;
}
#droite ul li a:hover{
color:#a60303;
background-color:#87c389;
}
#droite h2.ftp{
		width:250px;
		padding:10px 0 10px 0;
		font:bold 20px/20px Arial, Tahoma, sans-serif;
		color:#3a68bd;
}
#boitedrH{
width:260px;
height:135px;
display:block;
background:url(images/ftpBG.gif) no-repeat;
}
#droite p.text1droite{
		padding:10px 0 10px 10px;
		font:bold 16px Arial, Tahoma, sans-serif;
		color:#fff;
}
#droite form input.textbox{
width:130px;
height:20px;
float:left;
margin:5px 0 0 0;
border:#808080 solid 1px;
color:#000;
background-color:#c1e3cd;
}
#droite form input.log{
width:85px;
height:20px;
background:url(images/entrer.gif) no-repeat;
border:none;
margin:0px 0 0px 10px;
}
#droite form input.log:hover{
background:url(images/entrer2.gif) no-repeat;
}	

	
/*--partie droite--*/ 
/*--partie sous--*/ 
#sous {
width:970px;
height:75px;
background-color:#fff;
float:left;

}
#sous ul li{
width:300px;
margin: 0 10px 0 10px;
font:normal 12px/20px Arial, Tahoma, sans-serif;
text-align: center;
color:#000;
background-color:#e5f1df;
border: 1px solid #afe096;
float:left;
display:block;
}
#sous ul li a{
font:bold 12px/20px Arial, Tahoma, sans-serif;
color:#1e850d;
display:block;
}
#sous ul li a:hover{
font:bold 12px/20px Arial, Tahoma, sans-serif;
color:#261a63;
display:block;
}

/*--partie sous--*/ 
/*--fin du Corps de la page--*/ 
/*--Début du pied de la page--*/ 

#pied{
width:970px;
height:80px;
background:url(images/bgpied.gif) repeat-x;
border-top: 2px solid #727272;
margin:auto; 
padding:auto;
float:left;
}

#pied ul{
width:700px;
padding:10px 0 0 270px;
float:left;
}
#pied ul li {
float:left;
padding:0 2px 0 2px;
}
#pied ul li a {
font:normal 12px/14px Arial, Tahoma, sans-serif;
color:#000;
}
#pied ul li a:hover{
font:normal 14px/14px Arial, Tahoma, sans-serif;
text-decoration:none;
color:#ff0000;
}
#pied p.copyright{
font:normal 10px/16px Arial, Tahoma, sans-serif;
float:left;
padding:10px 0 2px 300px;
}
#pied p.design{
font:normal 10px/16px Arial, Tahoma, sans-serif;
float:left;
padding:10px 0 0 10px;
}
/*--Fin du pied de la page--*/