body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0; padding: 0; background: url(../img/fd_degrade.jpg) fixed #ECECEC; background-repeat: repeat-x; background-attachment: scroll;height:800px ;   scrollbar-face-color: #FFFFFF; scrollbar-darkshadow-color: #ECECEC; scrollbar-shadow-color: #B1C800; scrollbar-highlight-color: #B1C800; scrollbar-3dlight-color: #ECECEC; scrollbar-track-color: #ECECEC; scrollbar-arrow-color: #B1C800}	 

#top {height: 160px; width: 978px; background-image: url(../img/cadreOmbreTop.jpg); background-position: right; background-repeat: no-repeat; background-color: #919B69}

#conteneur {position: absolute; width: 978px; left: 50%; margin-left: -489px; background-color: #ECECEC;}

#conteneurCentre {border-left: 1px solid black; background-color: #919B69;}

#centre {background-color: #768341; margin-left: 131px; width: 847px; background-position: right; background-repeat: repeat-y; background-image: url(../img/cadreOmbre.jpg)}
#centre p {margin: 10px 25px 10px 45px; color: #FFFFFF; text-align: justify}
#centre h1 {color: #ffffff; font-size: 1.3em; margin: 35px 25px 30px 25px; text-align: center; font-weight: lighter; text-transform: uppercase} 
#centre h2 {color: #B1C800; font-size: 1.1em; margin: 25px 25px 10px 25px} 
#centre h3 {color: #B1C800; font-size: .9em; margin: 25px 25px 10px 45px; font-weight: normal}
#centre ul {color: #ffffff; margin: 0px 25px 0px 75px}
#centre li {list-style-image: url(../img/puce01.gif); margin: 0px 0px 10px 0px}
#centre table {color: #FFFFFF;  font-size: 1em; margin: 0px 0px 0px 0px}
#centre img.border {border: 1px solid #FFFFFF}
#centre a {color: #B1C800; text-decoration: underline}
#centre a:hover {text-decoration: none; color: #ffffff}

#centreDl {background-color: #768341; margin-left: 0px; width: 978px; background-position: right; background-repeat: repeat-y; background-image: url(../img/cadreOmbre.jpg)}
#centreDl p {margin: 10px 25px 10px 45px; color: #FFFFFF; text-align: justify}
#centreDl h1 {color: #ffffff; font-size: 1.3em; margin: 35px 25px 30px 25px; text-align: center; font-weight: lighter} 
#centreDl h2 {color: #B1C800; font-size: 1.1em; margin: 25px 25px 10px 25px}
#centreDl h3 {font-size: 0.9em; margin: 0 0 0 0}
 
#centreDl ul {color: #ffffff; margin: 0px 25px 0px 75px}
#centreDl li {list-style-image: url(../img/puce01.gif); margin: 0px 0px 10px 0px}
#centreDl table {color: #FFFFFF;  font-size: 1em; margin: 0px 0px 0px 0px}
#centreDl img.noBorder {border: Opx}
#centreDl img {margin-left: 55px; margin-bottom: 5px; border: 1px solid #FFFFFF}
#centreDl a {color: #ffffff; text-decoration: none}
#centreDl a:hover {text-decoration: none; color: #B1C800}
#centreDl img.zoom {margin-left: 0px; margin-bottom: 15px; border: 1px solid #FFFFFF}

#menu {position: absolute; left: 2px; width: 130px; background: url(../img/fd_rubrique.jpg) fixed; background-position: top; background-repeat: no-repeat}
#menu h1 {color: #ffffff; font-size: 1em; margin: 50px 0px 15px 0px; text-align: center; font-weight: bold;}
#menu a {color: #FFFFFF; text-decoration: none}
#menu a:hover {text-decoration: none; color: #B1C800}
#menu ul {list-style-type: none; margin: 0px; padding: 0px}

.menuContain a {display: block; height: 10px; width: 130px; color: #FFFFFF; text-decoration: none; background-image: url(../img/menuOff.gif); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 25px}
	 
.menuContain a:hover{
background-image:url(../img/menuOver.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 0 0 0 35px
}

.smenuContain a {display: block; height: 10px; width: 130px; color: #FFFFFF; text-decoration: none; background-image: url(../img/smenuOff.jpg); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 25px}
	 
.smenuContain a:hover{
background-image:url(../img/smenuOn.jpg);
background-position: left center;
background-repeat: no-repeat;
padding: 0 0 0 35px
}

.menuOn {display: block; height: 10px; width: 130px;  background-image: url(../img/menuOn.gif); background-position: left center; background-repeat: no-repeat; margin: 0 0 15px; font-weight: bold; color: #FFFFFF;  padding: 0 0 0 35px}

.smenuOn {display: block; height: 10px; width: 130px; background-image: url(../img/smenuOn.jpg); background-position: left center; background-repeat: no-repeat; margin: 0 0 15px; font-weight: normal; color: #ffffff; padding: 0 0 0 25px}

#bas {position: fixed; height: 25px; width: 978px; background: url(../img/cadreOmbreBas.jpg);}
#basDl {position: fixed; height: 25px; width: 978px; background: url(../img/cadreOmbreBasDl.jpg);}

/********************/
/**** REFERENCES ****/
/********************/
.lettrineContain {width: 95%; border: 0px dashed #00FFFF; height: 35px; padding-top: 15px}

.lettrine {line-height: -5em; float: left; font-size: 35px; font-weight: bold; color: #B1C800;  margin-top: -20px; margin-right: 0px; margin-bottom: 0; margin-left: 25px}

.lettrineNext {line-height: ; float: left; font-size: 15px; font-weight: bold; color: #FFFFFF; margin-left: 0px; }

.ligne {width: 100%; border: ; border-bottom: 1px dashed #FFFFFF} 

.refLigneContain{width: 843px; height: 195px; border: 0px dotted #FF9900; margin: 10px 0px 10px 0px}

.refContainGauche {height: 170px; width: 325px; background: #B1C800; border: 1px solid #FFFFFF; margin-left: 65px; margin-top: 0px}

.refContainDroite {height: 170px; width: 325px; background: #B1C800; border: 1px solid #FFFFFF; margin-left: 455px; margin-top: -179px}

.refContainImg {border: 0px dashed #CCFFFF; height: 145px; width: 325px}

.refVign {float: left; margin-top: 5px; margin-right: 10px; margin-left: 5px; margin-bottom: 5px;  border: 1px solid #FFFFFF}

.refTxt {text-align: left; font-family: Verdana; font-size: 1em; font-weight: bold; color: #FFFFFF; margin: 5px 5px 5px 0px; padding-top: }

.refLieu {font-family: Verdana; font-size: 0.9em; font-style: normal; color: #FFFFFF}

.refLienContain {color: #768341; font-family: Verdana; font-size: 0.8em; font-style: normal; font-weight: normal; border: 0px dashed #CCFF66; width: 325px; padding-top: 15px; height: 25px}

.refLienImg {float: right; margin-top: -10px}

.refLienTxt {margin: 0 0 5px 5px}

.media {float: right; margin-right: 25px; border: 1px solid #b1c800; background-color: #919b69; text-align: center; padding: 5px 5px 5px 5px; color: #ffffff; font-size: 0.9em; font-weight: bold; margin-bottom: 25px; margin-left: 25px}