/***************** 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:#f8ece6 url(../images/charte/bg-body.jpg) center top no-repeat;
}
/***************** CONTAINER *****************/

#container {
	position:relative;
	min-height:100%;
	width:830px;
	margin:0 auto;
	background:scroll #f8ece6;
}
/***************** HEADER *****************/

#header {
	width:830px;
	height:213px;
}
/***************** MENU LEFT *****************/

#menuLeft {
	float:left;
	width:187px;
	height:330px;
	background:url(../images/charte/bg-menu.jpg) left top no-repeat;
	padding:0 0 0 5px;
}
#menuLeft ul {
	list-style:none;
	color:#c9998b;
}
#menuLeft a {
	text-decoration:none;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color:#7d8a2e;
	display:block;
	height:25px;
	overflow:hidden;
}
#menuLeft a:hover,  #menuTop a.trigered {
	background-position:right top;
	color:#fff;
}
#menuLeft #bt1 a {
	background-image:url(../images/charte/bt1.gif);
}
#menuLeft #bt2 a {
	background-image:url(../images/charte/bt2.gif);
}
#menuLeft #bt3 a {
	background-image:url(../images/charte/bt3.gif);
}
#menuLeft #bt4 a {
	background-image:url(../images/charte/bt4.gif);
}
#menuLeft #bt5 a {
	background-image:url(../images/charte/bt5.gif);
}
#menuLeft #bt6 a {
	background-image:url(../images/charte/bt6.gif);
}
#menuLeft #bt7 a {
	background-image:url(../images/charte/bt7.gif);
}
#menuLeft #bt8 a {
	background-image:url(../images/charte/bt8.gif);
}
#menuLeft #bt9 a {
	background-image:url(../images/charte/bt9.gif);
}
#menuLeft #bt10 a {
	background-image:url(../images/charte/bt9.gif);
}
#menuLeft span {
	display:none;
}
/***************** SOUS MENU */

#container #menuLeft li a {
	background:none;
	border:none;
	text-decoration:none;
	font:11px/20px Georgia, Times New Roman, Times, serif;
	color:#c9998b;
	display:block;
	height:20px;
	margin-left:50px;
	overflow:hidden;
}
#container #menuLeft li a:hover {
	text-decoration:underline;
	color:#c9998b;
}
/***************** CONTENU *****************/

#contenu {
	float:left;
	width:600px;
	padding:40px 0 50px 20px;
}
#contenu-gauche {
	float:left;
	width:600px;
	margin:0;
	margin:0 15px 0 0;
}
#flashAccueil {
	width:600px;
	height:144px;
	background:none;
}
/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer {
	clear:both;
}
#clearFooter {
	height:52px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/

#footer {
	position:relative;
	clear:both;
	width:830px;
	height:52px;
	margin:-52px auto 0;
	background:url(../images/charte/bg-footer.jpg) center top no-repeat;
}
#idep {
	position:absolute;
	left:0;
	top:20px;
	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:#c9998b;
	margin:4px 0 0;
}
#footer #idep a.idep.optea {
	margin:0;
}
#footer #idep a:hover.idep {
	text-decoration:none;
	color:#d7431e;
}