/***************** 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:#4a0e0e url(../images/bg-body.jpg) center top no-repeat;

}

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

#container{

position:relative;

min-height:100%;

width:960px;

margin:0 auto;

background:url(../images/bg-container2.jpg) center top repeat-y;

}

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

#header{

width:960px;

height:200px;

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





}

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

#menuTop{

position:relative;

z-index:10;

width:942px;

padding-left:16px;

height:30px;

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

list-style:none;

padding:0 0 0 20px;

}

#menuTop li{

position:relative;

float:left;

display:block;

}

#menuTop a{

text-decoration:none;

font: bold 12px /30px "trebuchet MS", Arial, sans-serif;

color:#f8b60d;

height:30px;

overflow:hidden;

border:solid #F8B60D;

border-width:0 1px 0px 0;

padding:0px 8px 0 8px;





}

#container #menuTop a:hover,

#container #menuTop a.trigered{

color:#fff;

}

/***************** 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:170px;

min-height:402px;

padding:0px 0  0 30px;

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

}

#menuLeft h4{

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

color:#fff;

text-align:center;

padding:15px 0px 5px 0;

margin:0 auto 30px auto;

}

#menuLeft p{

font:12/20px 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:#f8b60d;

background:url(../images/puce.gif) 2px 4px no-repeat;

}

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

#contenu_bg {

float:left;

width:760px;

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

padding:10px 0 0 0px;



}

#contenu{

float:left;

width:756px;

padding:0px 0 0 0px;

}

#contenu-droite{

float:left;

width:243px;

margin:0px 0 0 0 ;

}



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

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

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

.clearer{

clear:both;

}

#clearFooter{

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

}

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

#footer{

position:relative;

clear:both;

width:960px;

height:30px;

padding:0px 0 0 0;

margin:-30px auto 0;

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

}

#idep{

position:absolute;

left:0px;

top:0;



width:195px;

height:30px;

}

#idep img{

float:left;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

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

color:#a17f27;

margin:7px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#FF9966;

}

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

#footer p{

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

color:#a17f27;

text-align:left;

letter-spacing:1px;

padding:0 10px 0 600px;

}

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

text-decoration:none;

color:#a17f27;

}

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

text-decoration:none;

color:#FF9966;

}