/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
scrollbar-base-color:#fff;
}
body{
background:#fff;
}
/***************** CONTAINER *****************/
#container{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:700px;
	margin:0 auto;
}
/***************** HEADER *****************/
#header{
width:700px;
height:115px;
background:url(../images/charte/bg-header.gif) left top no-repeat;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:700px;
height:32px;
list-style:none;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop a{
text-decoration:none;
display:block;
height:32px;
overflow:hidden;
background:left top no-repeat;
}
#container #menuTop a:hover,
#container #menuTop a.trigered{
background-position:left bottom;
}
#menuTop a span{
display:none;
}
#menuTop li.bt1{width:103px;}
#menuTop li.bt2{width:94px;}
#menuTop li.bt3{width:111px;}
#menuTop li.bt4{width:66px;}
#menuTop li.bt5{width:120px;}
#menuTop li.bt6{width:98px;}
#menuTop li.bt7{width:108px;}
#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);}
#menuTop li.bt7 a{background-image:url(../images/charte/bt-07.gif);}
/***************** SOUS MENU *****************/
#menuTop li ul{
list-style:none;
position:absolute;
width:94px;
top:-6000px;
left:0;
background:#cfcfcf;
/*border:solid #cfcfcf;*/
/*border-width:0 1px 1px;*/
filter:alpha(opacity=90);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.90; opacity:0.90;
}
#menuTop li li{
float:none;
}
#container #menuTop li li a{
	background:none;
	width:auto;
	position:relative;
	margin:0 10px;
	font:9px/9px Arial, Helvetica, sans-serif;
	height:9px;
	padding:5px 0;
	text-align:center;
	color:#666;
	text-decoration:none;
	border:solid #e0e0e0;
	border-width:0 0 1px 0;
}
#container #menuTop li li a.fin{
border:none;
}
#container #menuTop li li a:hover{
text-decoration:underline;
color:#fff;
}
/***************** CONTENU *****************/
#contenu{
width:680px;
padding:30px 0 0 10px;
}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}
#clearFooter{
height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:700px;
height:32px;
background:url(../images/charte/bg-footer.gif) left top no-repeat;
}
#idep{
position:absolute;
left:0;
top:0;
width:155px;
height:32px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#bcbcbc;
margin:9px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#666;
}
/***************** STYLE FOOTER MENU *****************/
#menuFoo{
position:absolute;
right:0;
top:0;
width:129px;
height:32px;
list-style:none;
}
#footer #menuFoo li{
position:relative;
float:left;
}
#menuFoo a{
text-decoration:none;
display:block;
height:32px;
overflow:hidden;
background:left top no-repeat;
}
#footer #menuFoo a:hover,
#footer #menuFoo a.trigered{
background-position:left bottom;
}
#menuFoo a span{
display:none;
}
#menuFoo li.bt1{width:95px;}
#menuFoo li.bt2{width:95px;}
#menuFoo li.bt1 a{background-image:url(../images/charte/btf-02.gif);}
#menuFoo li.bt2 a{background-image:url(../images/charte/btf-02.gif);}