/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
scrollbar-base-color:#fff;
}
body{
background:#32252f;
}
#lightflash{
background:#fff;
}
/***************** CONTAINER *****************/
#container{
position:absolute;
width:932px;
height:536px;
left:50%;
top:50%;
margin-left:-466px;
margin-top:-268px;
background:url(../images/charte/bg-container.gif) left top no-repeat;
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:166px;
height:511px;
}
#logo{
width:166px;
height:250px;
background:url(../images/charte/bg-logo.gif) left top no-repeat;
}
#menuLeft a{
text-decoration:none;
display:block;
height:20px;
line-height:20px;
overflow:hidden;
background:left top no-repeat;
font:10px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:right;
}
#menuLeft a:hover{
text-decoration:underline;
color:red;
}
#menuLeft a span{
display:none;
}
#menuLeft p span{
display:none;
}
#menuLeft a:hover{
background-position:right top;
}
#menuLeft a.bt1{background-image:url(../images/charte/bt-01.gif);}
#menuLeft a.bt2{background-image:url(../images/charte/bt-02.gif);}

#menuLeft p.bt3{background-image:url(../images/charte/bt-03.gif); height:17px;}
#menuLeft a.bt31{background-image:url(../images/charte/bt-031.gif);}
#menuLeft a.bt32{background-image:url(../images/charte/bt-032.gif);}
#menuLeft a.bt33{background-image:url(../images/charte/bt-033.gif);}
#menuLeft a.bt4{background-image:url(../images/charte/bt-04.gif);}
#menuLeft a.bt5{background-image:url(../images/charte/bt-05.gif);}
#menuLeft a.bt6{background-image:url(../images/charte/bt-06.gif);}
#menuLeft a.bt7{background-image:url(../images/charte/bt-07.gif);}
#menuLeft a.bt8{background-image:url(../images/charte/bt-08.gif);}
#menuLeft a.bt9{background-image:url(../images/charte/bt-09.gif);}
#menuLeft a.bt20{background-image:url(../images/charte/bt-contact.gif);}
#menuLeft a.bt21{background-image:url(../images/charte/bt-mentions.gif);}
/***************** CONTENU *****************/
#contenu{
float:left;
width:766px;

margin-top:1px;
}
#headerFlash{
float:left;
width:766px;
height:193px;
}
#blocFlash{
float:left;
width:445px;
height:280px;
margin:10px 0 0 10px;
}
#contenuTexe{
float:left;
width:290px;
padding-right:10px;
height:280px;
overflow:auto;
margin:10px 0 0 0;
}
/***************** FOOTER *****************/
#footer{
float:left;
position:relative;
width:776px;
padding-left:70px;
height:25px;
}
#idep{
position:absolute;
right:0;
top:0;
width:96px;
height:25px;
}
#container #footer #idep a.idep{
text-decoration:none;
display:block;
float:none;
height:auto;
font:9px/8px Arial, Helvetica, sans-serif;
color:#69af3b;
margin:4px 0 0;
}
#container #footer #idep a.idep.optea{
margin:0;
}
#container #footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}
/***************** STYLE FOOTER *****************/
#footer a{
text-decoration:none;
display:block;
float:left;
height:25px;
line-height:25px;
overflow:hidden;
background:left top no-repeat;
}
#footer a span{
display:none;
}
#footer a:hover{
background-position:left bottom;
}
#footer a.bt10{background-image:url(../images/charte/bt-10.gif);width:67px;}
#footer a.bt11{background-image:url(../images/charte/bt-11.gif);width:90px;}
#footer a.bt12{background-image:url(../images/charte/bt-12.gif);width:142px;}
#footer a.bt13{background-image:url(../images/charte/bt-13.gif);width:73px;}
#footer a.bt14{background-image:url(../images/charte/bt-14.gif);width:120px;}
#footer a.bt15{background-image:url(../images/charte/bt-15.gif);width:83px;}