/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#ffb400;
}
/***************** CONTAINER *****************/
#container{
position:absolute;
width:990px;
height:600px;
left:50%;
top:50%;
margin-left:-495px;
margin-top:-300px;
}
#container a:link, #container a:visited{
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;;
color: #fff;
}
#container a:hover, #container a:active{
color:#ab711e;
}
/***************** HEADER *****************/
#header{
width:990px;
height:50px;
background:#ffb400;
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:182px;
padding: 0 0 0 58px;
height:500px;
background:url(../images/charte/bg-menu-left.gif) left top no-repeat;
}

#menuLeft #logo{
padding-top:8px;
/*padding-bottom:13px;*/
width:182px;
height:106px;

}
#menuLeft #logo a{
  height:93px;
}

#menuLeft ul{
list-style:none;
}
#menuLeft span{
display:none;
}
#menuLeft a{
background-position:left top;
display:block;
height:25px;
overflow:hidden;
}
#menuLeft a:hover,
#menuTop a.trigered{
background-position:left bottom;
}
a.bt1{background:url(../images/charte/bt1.gif) no-repeat; }
a.bt2{background:url(../images/charte/bt2.gif) no-repeat; }
a.bt3{background:url(../images/charte/bt3.gif) no-repeat; }
/***************** SOUS MENU */
#container #menuLeft li a{
background:#fff;
border:none;
text-decoration:none;
font:bold 11px/20px Arial, Helvetica, sans-serif;
color:#555;
margin-bottom:-1px;
display:block;
height:20px;
overflow:hidden;
padding:0 0 0 10px;
}
#container #menuLeft li a:hover{
text-decoration:underline;
color:#000;
}
/**********************/
#menuLeft #diapo{
width:174px;
height:304px;
background:#000;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:750px;
height:500px;
background:url(../images/charte/bg-contenu.gif) left top no-repeat;
}
#contenu #top{
width:750px;
height:185px;
padding-top:8px;
}
#contenu #top #left{
float:left;
width:490px;
height:181px;
padding:0 5px 0px 5px ;
overflow:auto;
outline: none;
}
#contenu #top #right{
float:left;
width:250px;
height:181px;

}

#contenu #bottom{
float:left;
width:645px;
height:282px;
padding: 5px 50px 10px 5px;
overflow:auto;
}
#contenu #bottom img{
float:left;
border: 1px solid #c0c0c0;
}


#contenu #top .separateur{
  width:100%;
  height:1px;
  border-bottom:1px solid #e0c37e;
  margin-bottom: 5px;
}
.clearer
{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}
/***************** FOOTER *****************/
#footer{
float:left;
position:relative;
width:990px;
height:50px;
background:url(../images/charte/footer.gif) left top no-repeat;;
}
#idep{
position:absolute;
left:50px;
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:#fff;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:underline;
color:#fff;
}
/***************/
.invisible{
  display: none;
}