/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
html{
overflow:-moz-scrollbars-vertical;
}
body,html{
height:100%;
}
body{
background:#000 url(../images/charte/bg-body.jpg) center top no-repeat;
}
body.intro{
background:#000;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:930px;
margin:0 auto;
}
body.intro #container{
position:absolute;
min-height:0;
width:830px;
height:510px;
left:50%;
top:50%;
margin:-255px 0 0 -415px;
padding:0;
background:none;
}
/***************** HEADER *****************/
#header{
width:930px;
height:254px;
}
#logo{
width:300px;
height:198px;
margin-left:195px;
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:164px;
margin:31px 0 0;
list-style:none;
}
#menuLeft li a{
text-decoration:none;
display:block;
height:20px;
overflow:hidden;
background:left top no-repeat;
}
#menuLeft li a span{
visibility:hidden;
}
#menuLeft li a:hover{
background-position:right top;
}

#menuLeft li.bt1 a{background-image:url(../images/charte/bt-01.gif);}
#menuLeft li.bt2 a{background-image:url(../images/charte/bt-02.gif);}
#menuLeft li.bt3 a{background-image:url(../images/charte/bt-03.gif);}
#menuLeft li.bt4 a{background-image:url(../images/charte/bt-04.gif);}
#menuLeft li.bt5 a{background-image:url(../images/charte/bt-05.gif);}
#menuLeft li.bt6 a{background-image:url(../images/charte/bt-06.gif);}
#menuLeft li.bt7 a{background-image:url(../images/charte/bt-07.gif);}
#menuLeft li.bt8 a{background-image:url(../images/charte/bt-08.gif);}
#menuLeft li.bt9 a{background-image:url(../images/charte/bt-09.gif);}
#menuLeft li.bt10 a{background-image:url(../images/charte/bt-10.gif);}
#menuLeft li.bt11 a{background-image:url(../images/charte/bt-11.gif);}
#menuLeft li.bt12 a{background-image:url(../images/charte/bt-12.gif);}
#menuLeft li.bt13 a{background-image:url(../images/charte/bt-13.gif);}
#menuLeft li.bt14 a{background-image:url(../images/charte/bt-14.gif);}
#menuLeft li.bt15 a{background-image:url(../images/charte/bt-15.gif);}
#menuLeft li.bt16 a{background-image:url(../images/charte/bt-16.gif);}
#menuLeft li.bt17 a{background-image:url(../images/charte/bt-17.gif);}
/***************** CONTENU *****************/
#contenu{
float:left;
width:720px;
padding:45px 0 0 45px;
}
.colone{
float:left;
width:345px;
margin:0 15px 0 0;
display:inline;
}
.droite{
margin:0 0 0 15px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:70px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:100%;
height:35px;
margin:-35px 0 0;
background:url(../images/charte/bg-footer.gif) center top no-repeat;
}
#footer p{

text-align:right;
margin-right:20px;

margin-top:10px;
}
#footer a{
font:9px/27px Arial, Helvetica, sans-serif;
text-align:right;

color:#4d4d4d;
}
#idep{
position:absolute;
left:50%;
top:0;
width:144px;
height:17px;
margin-left:-465px;
}
#idepIntro{
position:absolute;
left:0;
top:0;
width:120px;
height:27px;
}
#idep img{
float:left;
}
#footerIntro{
position:absolute;
left:0;
bottom:0;
width:100%;
height:27px;
margin:-27px 0 0;
}
#footerIntro p{
font:9px/27px Arial, Helvetica, sans-serif;
text-align:center;
color:#4d4d4d;
/*padding:0 0 0 80px;*/
}
#footerIntro a:link, #footerIntro a:visited{
text-decoration:none;
color:#4d4d4d;
}
#footerIntro a:hover, #footerIntro a:active{
color:#fff;
}