/***************** 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:#ffffff;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
height:auto!important;
height:100%;
width:990px;
margin:0 auto;
background:scroll #fff url(../images/charte/bg-container.gif) center top repeat-y;
}
/***************** HEADER *****************/
#header{
width:990px;
height:200px;
background:url(../images/charte/header.jpg) left top no-repeat;
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:178px;
padding:4px 0 0 22px;
min-height:315px;
background:url(../images/charte/bg-menu-left.gif) left top no-repeat;
}
#menuLeft ul{
list-style:none;
}
#menuLeft span{
display:none;
}
#menuLeft a{
display:block;
height:37px;
overflow:hidden;
}
.bt0{background:url(../images/charte/bt0.gif) no-repeat;  background-position:left top; }
.bt0:hover{background:url(../images/charte/bt0.gif) no-repeat;  background-position:left bottom; }
.bt0-selected{background:url(../images/charte/bt0.gif) no-repeat; background-position:left bottom; cursor: default; }

.bt1{background:url(../images/charte/bt1.gif) no-repeat;  background-position:left top; }
.bt1:hover{background:url(../images/charte/bt1.gif) no-repeat;  background-position:left bottom; }
.bt1-selected{background:url(../images/charte/bt1.gif) no-repeat; background-position:left bottom; cursor: default; }

.bt2{background:url(../images/charte/bt2.gif) no-repeat;  background-position:left top; }
.bt2:hover{background:url(../images/charte/bt2.gif) no-repeat;  background-position:left bottom; }
.bt2-selected{background:url(../images/charte/bt2.gif) no-repeat; background-position:left bottom; cursor: default; }


.bt3{background:url(../images/charte/bt3.gif) no-repeat;  background-position:left top; }
.bt3:hover{background:url(../images/charte/bt3.gif) no-repeat;  background-position:left bottom; }
.bt3-selected{background:url(../images/charte/bt3.gif) no-repeat; background-position:left bottom; cursor: default; }

.bt4{background:url(../images/charte/bt4.gif) no-repeat;  background-position:left top; }
.bt4:hover{background:url(../images/charte/bt4.gif) no-repeat;  background-position:left bottom; }
.bt4-selected{background:url(../images/charte/bt4.gif) no-repeat; background-position:left bottom; cursor: default; }

.bt5{background:url(../images/charte/bt5.gif) no-repeat;  background-position:left top; }
.bt5:hover{background:url(../images/charte/bt5.gif) no-repeat;  background-position:left bottom; }
.bt5-selected{background:url(../images/charte/bt5.gif) no-repeat; background-position:left bottom; cursor: default; }

.bt6{background:url(../images/charte/bt6.gif) no-repeat;  background-position:left top; }
.bt6:hover{background:url(../images/charte/bt6.gif) no-repeat;  background-position:left bottom; }
.bt6-selected{background:url(../images/charte/bt6.gif) no-repeat; background-position:left bottom; cursor: default; }

.bt7{background:url(../images/charte/bt7.gif) no-repeat;  background-position:left top; }
.bt7:hover{background:url(../images/charte/bt7.gif) no-repeat;  background-position:left bottom; }
.bt7-selected{background:url(../images/charte/bt7.gif) no-repeat; background-position:left bottom; cursor: default; }

.bt8{background:url(../images/charte/bt8.gif) no-repeat;  background-position:left top; }
.bt8:hover{background:url(../images/charte/bt8.gif) no-repeat;  background-position:left bottom; }
.bt8-selected{background:url(../images/charte/bt8.gif) no-repeat; background-position:left bottom; cursor: default; }

/***************** CONTENU *****************/
#contenu{
float:left;
width:747px;
padding:10px 33px 0 10px;
background:url(../images/charte/bg-contenu.gif) left top no-repeat;
}

#contenu-text{
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: normal;
text-align:justify;
color:#000000;
padding-bottom: 25px;


}
 #gauche{
 width: 460px;
 float: left;
 margin-top: -20px;
 height: 90px;
 }

  #gauche .prof
 {
  float:left;
   font-weight:bold;
    width:115px;
 }

 #gauche .prof1
 {
 color:#483135;
 text-decoration: none;
 cursor: default;
 }

  #gauche .prof1:hover
 {
 color:#483135;
 text-decoration: none;
 cursor: default;
 }
 .gauche2{
 width: 460px;
 float: left;
 margin-top: -15px;
 padding-bottom: 25px;

 }

  .gauche3{
 width: 460px;
 float: left;
 margin-top: -15px;
 padding-bottom: 0px;
 clear: left;

 }

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:100px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer1{
width:100%;
height:100px;
clear:both;
position:relative;
margin:-100px auto;
background:url(../images/charte/bg-footer.gif) left top repeat-x;
}
#footer{
position: relative;/*---obligatoire pour le footer---*/
margin:auto;
width:990px;
height:100px;
color:#fff;
background:url(../images/charte/footer.gif) left top no-repeat;
}
#idep{
position:absolute;
right:0;
top:40px;
width:90px;
height:60px;
}
#idep img{
float:left;
}

#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#fff;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#666;
}
#plan{
position:absolute;
right:252px;
top:24px;
width:90px;
height:30px;
}