/**********Reset css**************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; }
A IMG {border: none;}
LI {list-style-type: none;}
/****************Fin*************/
BODY {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 13px;}
#page {background: #e9d7b4 url(../images/fond_craft.jpg) no-repeat top center;}
#conteneur {width: 980px; margin: 0 auto;}
H3 {color: #402314; font-size: 24px;}
H4 {color: #86b320; font-size: 14px; line-height: 45px; padding-left: 40px; margin-top: 35px;
  background: url(../images/puce_arbre.gif) no-repeat left center}
H5, H5 A {color: #e2001a; font-size: 15px; text-transform: uppercase; margin-bottom: 15px; text-align: center; text-decoration: none;}
H5 A:hover {text-decoration: underline;}
.cb {clear: both; line-height:0; height: 0;}
H6 {font-size:13px; margin-top: 20px}

#header { height: 140px;
  background: #d9e2b0 url(../images/header.jpg) no-repeat;}
#header H1, #header H2 {text-indent: -3000em;}
#header H1 {height:32px;line-height:30px;font-size:10px;}
#header H2 {height:25px;line-height:23px;font-size:10px;}
#header P { font-size: 13px; font-weight: bold; margin: -104px 0 0 790px; line-height: 20px;}
#header P SPAN {color: #057819; font-size: 15px;}
#header P A, #header P A:hover, #header P A:visited{color:#402314;}
#lienNF {text-indent: -3000em; position:relative;left: 405px;width: 189px; height:51px;  }
#lienNF A{display: block; width: 189px; height:51px;}

#menu {position: relative; height: 50px; 
  background : #057819 url(../images/onglet_off.gif) no-repeat}
#menu LI { text-indent :-3000em; position: absolute;}
#menu LI, #menu LI A { height: 60px; display: block;}
#accueil{left:0; width: 60px;}
#accueil.selected {background: transparent url(../images/onglet_on.gif) no-repeat 0 0}
#accueil A:hover {background: transparent url(../images/onglet_on.gif) no-repeat 0 0}
#deforestation {left: 61px ; width: 236px;}
#deforestation.selected {background: transparent url(../images/onglet_on.gif) no-repeat -61px 0}
#deforestation A:hover {background: transparent url(../images/onglet_on.gif) no-repeat -61px 0}
#foret {left: 297px ; width:212px;}
#foret.selected {background: transparent url(../images/onglet_on.gif) no-repeat -297px 0}
#foret A:hover {background: transparent url(../images/onglet_on.gif) no-repeat -297px 0}
#planter {left: 509px; width: 160px;}
#planter.selected {background: transparent url(../images/onglet_on.gif) no-repeat -509px 0}
#planter A:hover {background: transparent url(../images/onglet_on.gif) no-repeat -509px 0}
#association {left: 668px; width: 208px;}
#association.selected {background: transparent url(../images/onglet_on.gif) no-repeat -668px 0}
#association A:hover {background: transparent url(../images/onglet_on.gif) no-repeat -668px 0}
#quoi {left: 876px; width: 103px;}
#quoi.selected {background: transparent url(../images/onglet_on.gif) no-repeat -876px 0}
#quoi A:hover {background: transparent url(../images/onglet_on.gif) no-repeat -876px 0}

#contenu {background-color: #fff; padding-top: 15px; padding-bottom: 50px;}
#col1{float:left; width: 689px; padding-left: 40px;}
#col2{float:left; width: 208px; padding-left: 15px;}

.miseEnAvant {font-weight: bold; margin: 25px 173px 0 64px;}
.miseEnAvant SPAN {color: #046314}
P.etoile {color: #046314;margin: 15px 173px 0 64px; font-size: 9px;}
SPAN.etoile,#header SPAN.etoile {color: #046314;font-size: 9px;}
.titreImage { display: block; margin: 30px auto 0;}
#blockLien {margin-left:22px; margin-top: 20px; overflow: hidden;}
#blockLien DIV {float: left; border: 1px solid #cccccc; height : 250px; margin-right : 8px; width:181px  }
#blockLien DIV A.aImg {background: none; margin: 0;height: auto;}
#blockLien DIV A {display: block; color :#402314; font-weight: bold; text-decoration: none; font-size: 11px; line-height: 17px; margin : 5px;height: 34px;
  background: url(../images/fleche_marron.gif) no-repeat bottom right}
#blockLien DIV A:hover {text-decoration: underline}
blockquote {font-style: italic; margin: 8px  186px 0 188px }
blockquote P {margin-top: 20px; }
blockquote P.auteur {font-style: normal; margin-top: 60px; margin-left: 400px; }

#col1 .miseEnValeur {font-weight: bold; font-style: italic; margin-top: 30px; margin-left: 0}
#col1 P {margin-top: 20px; margin-left: 64px}
#col1 UL LI{ padding-left: 14px; margin-left: 50px; margin-top: 5px; overflow: hidden;
  background: transparent url(../images/puce_carre_rouge.gif) no-repeat left 8px}
#col1 UL LI.liSep{margin-top:40px;}
#col1 P SPAN, #col1 LI SPAN {color :#86b320; font-weight: bold; }

#col2 {margin-top: 60px;}
.cadre UL, .cadre DIV { padding: 9px 5px 0;
  background: transparent url(../images/contour_haut.gif) no-repeat left top}
.cadre {padding-bottom:10px;
  background: transparent url(../images/contour_bas.gif) no-repeat left bottom}  
#col2 LI {padding-left: 12px; font-size: 11px; margin-top: 15px;
  background: transparent url(../images/puce_triangle_rouge.gif) no-repeat left 5px}
#col2 LI SPAN {color: #e2001a; font-size: 12px; font-weight: bold}  
#col2 .espace {margin-top: 170px;}
#col2 .espaceTexte {margin-top: 70px;}
  
.illuImg {float: left; margin-right: 35px; margin-top: 22px; padding-bottom: 70px;} 

.contactAgence { width: 202px; height: 108px; font-size: 13px; font-weight: bold;line-height: 20px; padding: 5px 0 0 5px;
  background: transparent url(../images/contour-contact.jpg) no-repeat left top}
.contactAgence SPAN {color: #057819; font-size: 15px;}
.contactAgence A, .contactAgence A:hover, .contactAgence A:visited{color:#402314;}

.motPresidente P{font-size: 11px; margin-top: 20px }
.motPresidente .auteur {color: #e2001a}
.motPresidente IMG {float: left; margin-left: 5px;margin-right:5px;}
#col1 UL LI UL LI {margin:  -15px 5px 0 86px; background: none; padding: 0}
.imgSuper {/*position:relative;*/}
.imgSuper IMG{}
.imgSuper #imageDiapo{margin-left:-17px;}

.fond-craft { text-align: center; height: 80px; line-height: 19px; font-style: italic;
  background: transparent url(../images/fond-titre.jpg) repeat center center}
.facebook {text-align: center; margin-top: 80px;}


#opacityLayer {width:100%;height:100%;position:fixed;background-color:#000;z-index:0;top:0;left:0;_position:absolute;_height:expression(body.scrollHeight);_top:expression(documentElement.scrollTop+body.scrollTop);}
#diapo {height:556px;margin-left:-390px;margin-top:0;position:absolute;top:43px;left:50%;width:702px;z-index:100; background-color: #fff }
.boxShadow {
	-moz-box-shadow: 4px 4px 5px #ccc;
	-o-box-shadow: 4px 4px 5px #ccc;
	-webkit-box-shadow: 4px 4px 5px #ccc;
	box-shadow: 4px 4px 5px #ccc;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
  }
#fermer {background: #FAF3F7;text-align: right;padding: 5px; border-bottom: 1px solid #C899B2;
 -moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#fermer a {padding-left: 20px; font-weight: bold;padding-right: 10px; }