/***************** 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:#fff url(../images/charte/bg-body.gif) center top repeat-x;
}
/***************** CONTAINER *****************/
#container{
position:absolute;
width:950px;
height:550px;
left:50%;
top:50%;
margin-left:-475px;
margin-top:-280px;
}
/***************** HEADER *****************/
#header{
width:950px;
height:190px;
}
/***************** MENU LEFT *****************/
#menu {
	width:184px;
	height:369px;
	float:left;
	background: url(../images/charte/bg-left.jpg) left top no-repeat;
	padding:0px 0 0 16px;
}


#menu dt {
	cursor: pointer;
	width:173px;
	display:block;
}

#menu dt a {
	width:173px;
	display:block;
}
#menu dt a:hover {
	width:173px;
	display:block;
}
#menu dt span {
	display:none;
}

a.btn_01:hover,a.btn_01:hover,a.btn_02:hover,a.btn_03:hover,a.btn_04:hover,a.btn_05:hover,a.btn_06:hover,a.btn_07:hover,a.btn_08:hover,a.btn_09:hover,a.btn_10:hover,a.btn_11:hover,a.btn_12:hover,a.btn_chef:hover{
background-position:top right;
}

a.btn_01 {
background: url(../images/charte/btn_01.gif) top left;
height:26px; margin-top:10px;
width:173px;
}
a.btn_02 {
background:url(../images/charte/btn_02.gif) top left;
height:29px;
}
a.btn_03 {
background:url(../images/charte/btn_03.gif) top left;
height:30px;
}
a.btn_04 {
background:url(../images/charte/btn_04.gif) top left;
height:29px;
}
a.btn_05 {
background:url(../images/charte/btn_05.gif) top left;
height:29px;
}
a.btn_06 {
background:url(../images/charte/btn_06.gif) top left;
height:29px;
}
a.btn_07 {
background:url(../images/charte/btn_07.gif) top left;
height:29px;
}
a.btn_08 {
background:url(../images/charte/btn_08.gif) top left;
height:29px;
}
a.btn_09 {
background:url(../images/charte/btn_09.gif) top left;
height:29px;
}
a.btn_10 {
background:url(../images/charte/btn_10.gif) top left;
height:30px;
}
a.btn_11 {
background:url(../images/charte/btn_11.gif) top left;
height:27px;
}

a.btn_12 {
background:url(../images/charte/btn_12.gif) top left;
height:27px;
}

a.btn_chef {
background:url(../images/charte/btn_chef.gif) top left;
height:30px;
}
#menu dd{
	position: absolute;
	z-index: 100;
	left:185px;
	top:232px;
	width:200px;
	text-align:left;
}

*html #menu dd{
	top:156px;
}


#menu ul {
	list-style:none;
	margin:0 0 0 5px!important;
	margin:75px 0 0 5px;
}
#menu li {
	float:left;
	text-align:left;
	width:140px;
	background:#000 ;
}
#menu li a {
	color:#494a4a;
	text-decoration: none;
	display: block;
	background-color: #faa117;
	padding:0 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#menu li a:hover {
	color:#494a4a	;
	background:#fbbc5a;
}



/***************** CONTENU *****************/
#contenu{
	float:left;
	width:550px;
	height:369px;
	background:url(../images/charte/bg-contenu.jpg) center top no-repeat;
}
#presentation{
	float:left;
	width:520px;
	height:265px;
	overflow:auto;
	padding:20px 10px 10px 10px;
	margin:10px 0 10px 0;
	border:1px solid #CEDDAA;
}
/***************** right *****************/
#right{
	float:left;
	width:200px;
	height:369px;
	background:url(../images/charte/bg-right.jpg) left top no-repeat;
}
#service{
	float:left;
	width:155px;
	height:107px;
	margin:222px 0px 0 15px;
	overflow:auto;
}
#service p{
	width:140px;
	font:11px/10px Arial, Helvetica, sans-serif;
	color:#808181;
	padding:5px;
	text-align:justify;
}

#service h2{
	width:140px;
	font:12px/13px Arial, Helvetica, sans-serif;
	color:#808181;
	font-weight:600;
	padding:5px;
}
/***************** FOOTER *****************/
#footer{
	float:right;
	position:absolute;
	right:15px;
	bottom:0;
	width:170px;
	height:29px;
}
#idep{
	position:absolute;
	right:0;
	bottom:0;
	width:170px;
	height:29px;
}
#idep img{
	float:right;
}
#footer #idep a.idep{
	float:left;
	text-decoration:none;
	display:block;
	font:9px/8px Arial, Helvetica, sans-serif;
	color:#a1a2a2;
	margin:6px 0 0;
}
#footer #idep a.idep.optea{
	margin:0;
}
#footer #idep a:hover.idep{
	text-decoration:none;
	color:#686969;
}