/***************** 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:#000 url(../images/charte/bg.jpg) center top no-repeat;
font-family:Helvetica, sans-serif, Arial;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:953px;
margin:0 auto;
background:url(../images/charte/bg-back.jpg) center top repeat-y;
}
/***************** HEADER *****************/
#header{
width:953px;
height:223px;
background:url(../images/charte/bg.jpg) repeat-x;
}
/***************** MENU LEFT *****************/
#menuTop{
position:absolute;
top:200px;
width:969px;
height:41px;

}
#menuTop ul{
list-style:none;
}
#menuTop li {
float:left;
}
#menuTop li a{
color:#FF3333;
text-decoration:none;
}
#menuTop li a:hover{
color:#fff;
text-decoration:none;
}
#menuTop span{
display:none;
}
a.bt1{
width:71px;
height:41px;
display:block;
background:url(../images/charte/bt1.jpg) no-repeat;
}
a.bt2{
width:74px;
height:41px;
display:block;
background:url(../images/charte/bt2.jpg) no-repeat;
}
a.bt3{
width:94px;
height:41px;
display:block;
background:url(../images/charte/bt3.jpg) no-repeat;
}
a.bt4{
width:99px;
height:41px;
display:block;
background:url(../images/charte/bt4.jpg) no-repeat;
}
a.bt5{
width:83px;
height:41px;
display:block;
background:url(../images/charte/bt5.jpg) no-repeat;
}
a.bt6{
width:85px;
height:41px;
display:block;
background:url(../images/charte/bt6.jpg) no-repeat;
}
a.bt7{
width:75px;
height:41px;
display:block;
background:url(../images/charte/bt7.jpg) no-repeat;
}
a.bt8{
width:94px;
height:41px;
display:block;
background:url(../images/charte/bt8.jpg) no-repeat;
}
a.bt9{
width:137px;
height:41px;
display:block;
background:url(../images/charte/bt9.jpg) no-repeat;
}
a.bt10{
width:82px;
height:41px;
display:block;
background:url(../images/charte/bt10.jpg) no-repeat;
}
a.bt11{
width:75px;
height:41px;
display:block;
background:url(../images/charte/bt11.jpg) no-repeat;
}
/*hover*/
a:hover.bt1{
width:71px;
height:41px;
display:block;
background:url(../images/charte/bt1h.jpg) no-repeat;
}
a:hover.bt2{
width:74px;
height:41px;
display:block;
background:url(../images/charte/bt2h.jpg) no-repeat;
}
a:hover.bt3{
width:94px;
height:41px;
display:block;
background:url(../images/charte/bt3h.jpg) no-repeat;
}
a:hover.bt4{
width:99px;
height:41px;
display:block;
background:url(../images/charte/bt4h.jpg) no-repeat;
}
a:hover.bt5{
width:83px;
height:41px;
display:block;
background:url(../images/charte/bt5h.jpg) no-repeat;
}
a:hover.bt6{
width:85px;
height:41px;
display:block;
background:url(../images/charte/bt6h.jpg) no-repeat;
}
a:hover.bt7{
width:75px;
height:41px;
display:block;
background:url(../images/charte/bt7h.jpg) no-repeat;
}
a:hover.bt8{
width:94px;
height:41px;
display:block;
background:url(../images/charte/bt8h.jpg) no-repeat;
}
a:hover.bt9{
width:137px;
height:41px;
display:block;
background:url(../images/charte/bt9h.jpg) no-repeat;
}
a:hover.bt10{
width:82px;
height:41px;
display:block;
background:url(../images/charte/bt10h.jpg) no-repeat;
}
a:hover.bt11{
width:75px;
height:41px;
display:block;
background:url(../images/charte/bt11h.jpg) no-repeat;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:913px;
margin:18px 0 0 0;
padding:20px 20px 0 20px;
background: url(../images/charte/bg-container.jpg) top center no-repeat;
}
#colRight{
width:250px;
float:right;
margin:0px 0 0 10px;
}
#news{
width:226px;
height:182px;
float:right;
margin:0 0 0 15px;
padding:10px 15px 0 15px;
background:url(../images/charte/encart-actu.jpg) no-repeat;
}
#news p{
margin:40px 0 0 0;
}
#colRight #newsletter{
float:right;
width:226px;
height:124px;
margin-right:22px;
background:url(../images/charte/newsletter.jpg) left top no-repeat;
}
#colRight #newsletter input{
border:none;
margin:55px 0 0 10px;
width:160px;
}
#colRight #newsletter a{
text-decoration:none;
color:#FFFFFF;
margin:0 0 0 10px;
}
#colRight #newsletter a:hover{
color:#000000;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:44px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:969px;
height:44px;
margin:-44px auto 0;
background:url(../images/charte/bg-footer.jpg) center top no-repeat;
}
#idep{
position:absolute;
right:10px;
top:5px;
width:165px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#FF0000;
margin:3px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}