/***************** BODY *****************/

* {

/*---on passe toutes les marges à 0---*/

margin:0;

padding:0;

}

body,html{

height:100%;

/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)

scrollbar-base-color:#7d8a2e;

---*/

}

body{

background:#211717;

}

/***************** CONTAINER *****************/

#container{

position:relative;

min-height:100%;

width:960px;

margin:0 auto;

background:scroll url(../images/bg_container.jpg) repeat-y;

}

/***************** HEADER *****************/

#header{

width:960px;

height:200px;

display:block;/*obligatoire si il y a un flash*/

background:url(../images/bg-header.jpg) no-repeat;

}

/***************** MENU TOP *****************/

#menuTop{

position:relative;

z-index:10;

width:960px;

height:30px;

background:url(../images/bg-menu.jpg) no-repeat;

list-style:none;

}

#menuTop li{

position:relative;

float:left;

width:160px;

}

#menuTop a{

text-decoration:none;

font:bold 12px/30px Arial, Helvetica, sans-serif;

color:#a58362;

text-align:center;

text-transform:uppercase;

display:block;

height:30px;

overflow:hidden;

}

#container #menuTop a:hover,

#container #menuTop a.trigered{

color:#d00404;

}

/***************** SOUS MENU */

#menuTop li ul{

list-style:none;

position:absolute;

width:160px;

top:-6000px;

left:0;

background:#513F30 url(../images/bg-ssmenu.gif) top center no-repeat;

}

#menuTop li li{

float:none;

}

#container #menuTop li li a{

background:none;

width:auto;

position:relative;

height:20px;

font:11px/20px Arial, Helvetica, sans-serif;

text-transform:none;

color:#fff;

text-decoration:none;

}

#container #menuTop li li a:hover{

background:#594535;

}

/***************** MENU LEFT *****************/

#menuLeft{

float:left;

width:200px;

padding:40px 0  0 0;

height:289px;

background:url(../images/bg-col-left.jpg) top left no-repeat;

}

#menuLeft h2{

font:bold 15px Arial, Helvetica, sans-serif;

color:#c39c77;

text-align:center;

padding:0 0px 5px 0;

margin:0 auto 30px auto;

}



#menuLeft p{

font:12px Arial, Helvetica, sans-serif;

font-size:12px;

padding:0 0 0 20px;

margin:10px 0 30px 0;

font-variant:small-caps;

font-weight:bold;

color:#9c7b5f;

background:url(../images/puce.gif) 8px 5px no-repeat;

}

/***************** CONTENU *****************/

#contenu_bg {

float:left;

width:760px;

background:url(../../charte/images/bg-contenu.jpg) left top no-repeat;

}

#contenu{

float:left;

width:740px;

padding:35px 0 10px 15px;

}

#contenu-droite{

float:left;

width:243px;

margin:0 0 0 0 ;

}



/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer{

clear:both;

}

#clearFooter{

height:45px;/*--- = à la hauteur du footer ---*/

}

/***************** FOOTER *****************/

#footer{

position:relative;

clear:both;

width:960px;

height:35px;

padding:10px 0 0 0;

margin:-45px auto 0;

background:url(../images/bg-footer.jpg) no-repeat;

}

#idep{

position:absolute;

left:10px;

top:15px;

width:600px;

height:30px;

}

#idep img{

float:left;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

font:9px/8px Arial, Helvetica, sans-serif;

color:#a58362;

margin:5px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#a58362;

}

/******************* STYLE FOOTER *****************/

#footer p{

font:10px/30px Arial, Helvetica, sans-serif;

color:#a58362;

text-align:right;

letter-spacing:1px;

padding:0 10px 0 0;

}

#footer a:link, #footer a:visited{

text-decoration:none;

color:#a58362;

}

#footer a:hover, #footer a:active{

text-decoration:none;

color:#fff;

}