/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
scrollbar-base-color:#fff;
}
body{
background:#ebebeb url(../images/charte/bg-body.gif) left top repeat-x;
}
body.intro{
background:#fff;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:990px;
margin:0 auto;
background:url(../images/charte/bg-container.jpg) center top repeat-y;
}
body.intro #container{
position:absolute;
left:50%;
top:50%;
width:990px;
height:314px;
min-height:inherit;
margin:-157px 0 0 -495px;
background:none;
}
/***************** HEADER *****************/
#logo{
width:990px;
height:103px;
}
#header{
width:990px;
height:183px;
}
#accueil{
width:990px;
height:30px;
vertical-align:middle;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:844px;
height:38px;
padding:0 0 0 146px;
list-style:none;
background:url(../images/charte/bg-menuTop.jpg) left top no-repeat;
}
#menuTop.en{
width:824px;
padding:0 0 0 166px;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop a{
text-decoration:none;
display:block;
height:38px;
overflow:hidden;
background:left top no-repeat;
}
#menuTop a span{
display:none;
}
#menuTop li.bt1{width:133px;}
#menuTop li.bt2{width:105px;}
#menuTop li.bt3{width:125px;}
#menuTop li.bt4{width:77px;}
#menuTop li.bt5{width:160px;}
#menuTop li.bt6{width:95px;}
#menuTop li.bt1 a{background-image:url(../images/charte/bt-01.gif);}
#menuTop li.bt2 a{background-image:url(../images/charte/bt-02.gif);}
#menuTop li.bt3 a{background-image:url(../images/charte/bt-03.gif);}
#menuTop li.bt4 a{background-image:url(../images/charte/bt-04.gif);}
#menuTop li.bt5 a{background-image:url(../images/charte/bt-05.gif);}
#menuTop li.bt6 a{background-image:url(../images/charte/bt-06.gif);}
/***************** ENGLISH VERSION */
#menuTop li.enbt1{width:106px;}
#menuTop li.enbt2{width:93px;}
#menuTop li.enbt3{width:103px;}
#menuTop li.enbt4{width:70px;}
#menuTop li.enbt5{width:164px;}
#menuTop li.enbt6{width:121px;}
#menuTop li.enbt1 a{background-image:url(../images/charte/enbt-01.gif);}
#menuTop li.enbt2 a{background-image:url(../images/charte/enbt-02.gif);}
#menuTop li.enbt3 a{background-image:url(../images/charte/enbt-03.gif);}
#menuTop li.enbt4 a{background-image:url(../images/charte/enbt-04.gif);}
#menuTop li.enbt5 a{background-image:url(../images/charte/enbt-05.gif);}
#menuTop li.enbt6 a{background-image:url(../images/charte/enbt-06.gif);}

#container #menuTop a:hover,
#container #menuTop a.trigered,
#container #menuTop li.actif a
{
background-position:left bottom;
}
/***************** CONTENU *****************/
#contenu{
width:714px;
padding:29px 138px 0;
min-height:171px;
background:url(../images/charte/bg-contenu.jpg) left top no-repeat;
}
#contenu.galerie{
width:722px;
padding:29px 130px 0 138px;
min-height:374px;
background:url(../images/charte/bg-contenuChapo.jpg) left top no-repeat;
}
#galerie{
float:right;
width:203px;
padding:0 8px;
margin:0 0 0 22px;
margin-bottom:25px;
height:320px;
background:url(../images/charte/bg-galerie.jpg) left top no-repeat;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:46px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:100%;
height:46px;
margin:-46px 0 0;
background:url(../images/charte/bg-footer.gif) left bottom repeat-x;
}
#footer2{
position:relative;
width:990px;
height:46px;
margin:0 auto;
background:url(../images/charte/bg-footer2.jpg) left bottom no-repeat;
}
#footerIntro{
position:absolute;
bottom:0;
width:100%;
height:30px;
}
#idepIntro{
position:absolute;
right:0;
width:auto;
height:30px;
}
/***************** STYLE FOOTER *****************/
#footer p,
#footerIntro p{
font:10px/30px Arial, Helvetica, sans-serif;
text-align:center;
color:#999;
padding-top:16px;
}
#idepIntro p{
text-align:right;
padding-right:10px;
}
#footerIntro p{
color:#bbb;
padding-top:0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#999;
}
#footerIntro a:link, #footerIntro a:visited{
text-decoration:none;
color:#bbb;
}
#footer a:hover, #footer a:active,
#footerIntro a:hover, #footerIntro a:active
{
text-decoration:underline;
color:#666;
}