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

}

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

#container{

position:relative;

min-height:100%;

width:960px;

margin:0 auto;

background:#35271c;

}

/***************** LEFT *****************/

#left{

width:430px;

height:625px;

float:left;

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

}

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

#header{

width:530px;

height:205px;

float:left;

}

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

#menuTop{

float:left;

position:relative;

z-index:10;

width:530px;

height:40px;

background:#35271c url(../images/charte/bg-menu.jpg) center top no-repeat;

list-style:none;

}

#menuTop li a span{

visibility:hidden;

}

#menuTop li{

position:relative;

float:left;

}

#menuTop a{

text-decoration:none;

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

color:#fff;

text-align:center;

text-transform:uppercase;

display:block;

height:40px;

overflow:hidden;



}

#container #menuTop a:hover,

#container #menuTop a.trigered,

#container #menuTop a.rubrique_active{

	background-position:bottom left;

}

#menuTop li.bt1 a{background:url(../images/charte/bt-01.jpg) no-repeat;

width:70px;

}

#menuTop li.bt2 a{background:url(../images/charte/bt-02.jpg) no-repeat;

width:95px;

}

#menuTop li.bt3 a{background:url(../images/charte/bt-03.jpg) no-repeat;

width:110px;

}

#menuTop li.bt4 a{background:url(../images/charte/bt-04.jpg) no-repeat;

width:55px;

}

#menuTop li.bt5 a{background:url(../images/charte/bt-05.jpg) no-repeat;

width:130px;

}

#menuTop li.bt6 a{background:url(../images/charte/bt-06.jpg) no-repeat;

width:70px;

}

#menuTop li.bt7 a{background:url(../images/charte/bt-07.jpg) no-repeat;
width:55px;
}



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

#menuTop li ul{

list-style:none;

position:absolute;

width:95px;

top:-6000px;

left:0;

background:#4d3d30;

}

#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{

color:#af7408;

}

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

#contenu{

width:530px;

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

float:left;

}

/***************** LES VIGNETTES *****************/

#lesvignettes{

width:451px;

height:185px;

float:left;

padding-left:79px;

}

#lesvignettes a.visu{

display:block;

float:left;

width:124px;

height:185px;

filter: alpha(opacity=100);

-moz-opacity: 1; opacity:1;

}

#lesvignettes a.visu:hover{

filter: alpha(opacity=70);

-moz-opacity: 0.70; opacity:0.70;

}

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

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

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

.clearer{

clear:both;

}

#clearFooter{

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

}

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

#footer{

position:relative;

clear:both;

width:960px;

height:75px;

margin:-75px auto 0;

background:#35271c url(../images/charte/bg-footer.jpg) center top no-repeat;

}

#idep{

position:absolute;

left:0;

top:39px;

width:195px;

height:36px;

}

#idep img{

float:left;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

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

color:#5f4e3f;

margin:8px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#927a64;

}

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

#footer p{

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

color:#5f4e3f;

text-align:left;

letter-spacing:1px;

padding:15px 0px 0 110px;

}

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

text-decoration:none;

color:#edcdb0;

}

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

text-decoration:underline;

color:#927a64;

}