/* CSS Document */

html{ height: 100%;margin: 0; padding:0; }
body {
background:#FFFFFF url(images/fd.jpg) repeat-x scroll 0 0;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 0.8em;
text-align: left;
background-color: #fff;
color: #354a0f;
margin: 0; padding:0;
height:100%;
}
img{ border:0;}

h1{color:#6ca30a; font-size:1.3em; font-weight:bold; display:inline;}
h2{color:#6ca30a; font-size:1.2em;font-weight:bold;}
h3{color:#6ca30a; font-size:1.1em;font-weight:bold;}
ul{ padding-left:17px;margin-left:17px;  margin-top:5px;padding-top:5px; font-size:0.9em;}
li{  padding-left:8px;}

p{ text-align:justify;}

a,a:active, a:visited{color:#354a0f; text-decoration:underline;}
a:hover{color:#6c971e; text-decoration:none;}

#conteneur{ position:relative; margin-left:auto; margin-right:auto; background-color:#f7f5e9; width:941px; height:775px; top:20px;}
#header{ position:absolute; top:0; height:158px;width:941px; background-image:url(images/fond_header.jpg); background-repeat:no-repeat; background-color:#f7f5e9;}
#footer{ position:relative; top:-33px; height:186px;width:941px; background-image:url(images/fond_footer.jpg);margin-left:auto; margin-right:auto; }
#fond_footer{ position:absolute; width:100%; height:auto; background-color:#80c10d; top:720px;margin-left:auto; margin-right:auto;}

/*#logo_dev_durable{position:absolute; width:366px; height:96px; background-image:url(images/dev_durable.png); background-repeat:no-repeat; top:20px;}*/
#logo_nh{position:absolute; width:120px; height:144px; top:160px; right:-120px;}
#demarche_nh{ position:absolute; width:475px; height:316px; left:10px; top:160px; background-image:url(images/fond_div_pres.jpg); background-repeat:no-repeat;font-size: 0.9em; }
#photo{position:absolute; width:460px; height:220px; left:10px; top:468px;}
.vig_photo{ float:left; width:150px; height:95px; margin-left:3px; margin-top:3px;}

.vig_photo_1{ float:left; width:150px; height:95px; margin-left:3px; margin-top:3px;}
.vig_photo_1 a {background:transparent url(images/epanouissement_social.jpg) no-repeat scroll 0 0; display:block;}
.vig_photo_1 a:hover {background:transparent url(images/epanouissement_social.jpg) no-repeat scroll 0 -95px;}
.vig_photo_2{ float:left; width:150px; height:95px;margin-left:3px; margin-top:3px; }
.vig_photo_2 a {background:transparent url(images/epanouissement_pro.jpg) no-repeat scroll 0 0; display:block;}
.vig_photo_2 a:hover {background:transparent url(images/epanouissement_pro.jpg) no-repeat scroll 0 -95px;}
.vig_photo_3{ float:left; width:150px; height:95px; margin-left:3px; margin-top:3px;}
.vig_photo_3 a {background:transparent url(images/epanouissement_societal.jpg) no-repeat scroll 0 0; display:block;}
.vig_photo_3 a:hover {background:transparent url(images/epanouissement_societal.jpg) no-repeat scroll 0 -95px;}
.vig_photo_4{ float:left; width:150px; height:95px; margin-left:3px; margin-top:3px;}
.vig_photo_4 a {background:transparent url(images/prevention_risques.jpg) no-repeat scroll 0 0; display:block;}
.vig_photo_4 a:hover {background:transparent url(images/prevention_risques.jpg) no-repeat scroll 0 -95px;}
.vig_photo_5{ float:left; width:150px; height:95px;margin-left:3px; margin-top:3px;}
.vig_photo_5 a {background:transparent url(images/preservation_ressources.jpg) no-repeat scroll 0 0; display:block;}
.vig_photo_5 a:hover {background:transparent url(images/preservation_ressources.jpg) no-repeat scroll 0 -95px;}
.vig_photo_6{ float:left; width:150px; height:95px; margin-left:3px; margin-top:3px;}
.vig_photo_6 a {background:transparent url(images/promotion_richesses.jpg) no-repeat scroll 0 0; display:block;}
.vig_photo_6 a:hover {background:transparent url(images/promotion_richesses.jpg) no-repeat scroll 0 -95px;}

#doc_nh{position:absolute; width:400px; height:250px;  top:155px; left:510px;}
#doc_ext{position:absolute; width:400px; height:250px;  top:420px; left:510px;}
#bloc_info{position:absolute; width:390px; height:200px; border:1px solid #6ca30a; overflow:auto; background-image:url(images/fond_div_doc.jpg); background-repeat:repeat-x; background-color:#FFFFFF;}
#bloc_info ul {list-style-image:url(images/picto_acrobat.jpg);line-height:1.8em; font-size:0.8em;}
#bloc_desc_th{ position:absolute; width:455px; height:270px; left:485px; top:160px; background-image:url(images/fond_div_pres2.jpg); background-repeat:no-repeat; }
#bloc_desc_th p{ margin-right:35px; margin-left:5px;font-size: 0.9em; color:#535353; font-size:0.8em;}



#contact{ position:absolute; width:330px; height:50px; color:#354a0f; top:60px; left:20px; font-size:0.8em;}
#contact a, #contact a:visited{color:#fff; text-decoration:underline;font-size:1.0em; margin-left:35px;}
#contact a:hover{color:#bae077; text-decoration:none;font-size:1.0em;}
.picto_mail{margin-top:87px; margin-left:20px;}
#arbre{ position:absolute; width:122px; height:115px; background-image:url(images/arbre.png); background-repeat:no-repeat; bottom:80px; right:-12px;}
#header a{position:absolute; top:130px; font-size:0.8em;margin-left:5px;}
#header img{margin-top:127px; margin-left:5px;}
.legende{color:#1F1F1F; font-size:0.8em; font-weight:bold;}
#demarche_nh p{margin-right:35px; margin-left:5px;font-size: 1.0em; margin-top:10px;}
.liste{margin-top:-15px;}
.retrait{ margin-left:40px;}
.pos_picto{ position:absolute; left:15px;  top:5px;}