/***************** 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:#d3d3d3;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:980px;
margin:0 auto;
padding:0 7px 0 7px;
background:#fff url(../images/charte/bg-container.gif) center top repeat-y;
}
/***************** HEADER *****************/
#header{
width:980px;
height:224px;
background:url(../images/charte/header.jpg) center top no-repeat;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
margin:0 auto;
width:980px;
height:36px;
background:#000;
}

#menuTop dt{
display:block;
float:left;
text-decoration:none;
padding:0;
margin: 0;
}

#menuTop span{
display:none;
}
#menuTop ul{
float:left;
list-style:none;
	margin:0 auto;
}
#menuTop li{
position:relative;
float:left;
width: 160px;
border: 1px solid #BEBDBD;
background-color: #ccc;
text-align: center;
font-family: Verdana, Arial;
font-size: 11px;
font-weight: bold;
margin-right: 1px;
padding: 3px;

}


#menuTop li a{
color: #000000;
text-decoration: none;
}

#menuTop li a:hover{
color: #CC0000;
text-decoration: none;
}

#menuTop li .current{
color: #CC0000;
text-decoration: none;
cursor: default;

  }

#smenu2{
	position: absolute;
	left: 293px;
  width: 550px;
	top: 39px;
}


#menuTop a{
display:block;
} 
a.bt1{
width:123px;
height:36px;
background:url(../images/charte/bt1.gif) no-repeat;
}
a:hover.bt1{
width:123px;
height:36px;
background:url(../images/charte/bt1h.gif) no-repeat;
}

.bt1current{
width:123px;
height:36px;
background:url(../images/charte/bt1_current.gif) no-repeat;
cursor: default;
}

a.bt2{
width:128px;
height:36px;
background:url(../images/charte/bt2.gif) no-repeat;
}
a:hover.bt2{
width:128px;
height:36px;
background:url(../images/charte/bt2h.gif) no-repeat;
}
.bt2current{
width:128px;
height:36px;
background:url(../images/charte/bt2_current.gif) no-repeat;
cursor: default;
}



a.bt3{
width:167px;
height:36px;
background:url(../images/charte/bt3.gif) no-repeat;
}
a:hover.bt3{
width:167px;
height:36px;
background:url(../images/charte/bt3h.gif) no-repeat;
}
.bt3current{
width:167px;
height:36px;
background:url(../images/charte/bt3_current.gif) no-repeat;
cursor: default;
}


a.bt4{
width:90px;
height:36px;
background:url(../images/charte/bt4.gif) no-repeat;
}
a:hover.bt4{
width:90px;
height:36px;
background:url(../images/charte/bt4h.gif) no-repeat;
}

.bt4current{
width:90px;
height:36px;
background:url(../images/charte/bt4_current.gif) no-repeat;
cursor: default;
}


a.bt5{
width:116px;
height:36px;
background:url(../images/charte/bt5.gif) no-repeat;
}
a:hover.bt5{
width:116px;
height:36px;
background:url(../images/charte/bt5h.gif) no-repeat;
}

.bt5current{
width:116px;
height:36px;
background:url(../images/charte/bt5_current.gif) no-repeat;
cursor: default;
}
/***************** CONTENU *****************/
#contenu{
width:920px;
padding:5px 30px 0 30px;
background:url(../images/charte/bg-contenu.jpg) center top no-repeat;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:42px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:980px;
height:42px;
margin:-42px auto 0;
background:#fff url(../images/charte/bg-footer.gif) center top no-repeat;
}
#idep{
position:absolute;
left:0;
top:0;
width:280px;
height:30px;
font-family: Arial, Helvetica, sans-serif;
line-height: 12px;
font-weight: normal;
padding:10px 0 0 0;
font-size: 10px;
}
#idep img{
float:left;
border: 0px;

}
#footer #idep a.idep{
text-decoration:none;
display:block;
color:#000;
padding-top:10px;
line-height: 5px;


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



}
#footer #idep a:hover.idep{
text-decoration:none;
color:#CC0000;
}
.invisible{
display: none;

}
a img{

-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{

-moz-opacity: 0.70; opacity:0.70;
 border: 0px;
}