/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;}

body,html{
height:100%;
overflow: hidden;}

body{background:#FFF url(../images/charte/bg-body.gif) no-repeat center center;}

/***************** CONTAINER *****************/
#container{
position:absolute;
width:996px;
height:620px;
left:50%;
top:50%;
margin-left:-498px;
margin-top:-315px;}

/***************** HEADER *****************/
#header{
width:996px;
height:138px;}
/***************** VIGNETTE HEADER *****************/
#headervignette{
position:absolute;
width:259px;
height:136px;
left:720px;
top:20px;
border:1px solid #e42010;}

/***************** langues *****************/
#langues {
position:absolute;
width:259px;
left:620px;
top:87px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#a4a4a4;
}
#langues a{
font-weight:bold;
text-decoration:none;
color:#a4a4a4;
}
#langues a:hover
{
color:#e31c17;
}
#langues a.actif  {
color:#e31c17;
cursor: default;
}


#langues2 {
position:absolute;
width:100px;
left:900px;
top:142px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#a4a4a4;
}
#langues2 a{
font-weight:bold;
text-decoration:none;
color:#a4a4a4;
}
#langues2 a:hover
{
color:#e31c17;
}
#langues2 a.actif  {
color:#e31c17;
cursor: default;
}

.mentiones-legales a{
position:absolute;
z-index: 190;
width:259px;
left:620px;
top:106px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#a4a4a4;
text-decoration: none;}

.mentiones-legales a:hover
{
color:#e31c17;
}
.mentiones-legales a.actif  {
color:#e31c17;
cursor: default;
}
/***************** MENU TOP *****************/
#menuTop{
width:818px;
height:37px;
list-style:none;
padding-left:65px;}

#menuTop li{
position:relative;
float:left;
width:70px;
height:20px;
border:1px solid #9b907c;
text-align:center;
margin-right:10px;}

#menuTop li.bt1{
position:relative;
float:left;
width:110px;}

#menuTop li.bt9{
display: none;
position:relative;
float:left;
width:125px;}

#menuTop a{
text-decoration:none;
font:bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
background:#FFF;
color:#9b907c;
text-align:center;
display:block;
height:20px;
overflow:hidden;}

#container #menuTop a:hover{
background:#e31c17;
color:#FFF;}

#container #menuTop a.actif{
background:#e31c17;
color:#FFF;
cursor: default;}



/***************** DIAPORAMA *****************/
#diaporama{
width:996px;
height:400px;
overflow:hidden;
margin:0;}

/***************** CONTENU *****************/
#contenu{
width:996px;
height:425px;
overflow:auto;
margin-top: 4px;}

#contenu2{
width:996px;
height:425px;}

#contenu-text2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
text-align: justify;
color:#6d6d6d;}

/***************** FOOTER *****************/
#footer{
position:absolute;
width:996px;
height:30px;
left:0;
bottom:0;
background:#fff;}

#idep{
position:absolute;
left:0;
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:#d8d8d8;
margin:10px 0 0;}

#footer #idep a.idep.optea{margin:0;}

#footer #idep a:hover.idep{
text-decoration:none;
color:#7b7a77;}

.hidden{	display: none;}