/***************** 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: #050f10 url(../images/charte/bg-body.png) center top no-repeat;
}
/***************** CONTAINER *****************/
#containerFlash {
	position:absolute;
	top:135px;
	left:0;
	width:100%;
	height:455px;
	margin:0 auto;
	z-index:1;
	background: url(../images/charte/bg-flash.jpg) center top no-repeat;
}
#container {
	position:relative;
	min-height:100%;
	width:960px;
	margin:0 auto;
	z-index:10;
}
/***************** HEADER *****************/
#header {
	float:left;
	position:relative;
	width:960px;
	height:135px;
	z-index:97;
}
#menuFlash {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:960px;
	height:135px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
/***************** MENU TOP *****************/
#menuTop {
	position:absolute;
	top:99px;
	left:0;
	z-index:98;
	width:960px;
	height:36px;
	list-style:none;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop a{
	text-decoration:none;
	display:block;
	height:36px;
	overflow:hidden;
	background:url(../images/charte/bg-menutop-hover.gif) left top repeat-x;
}
#container #menuTop a:hover,
#container #menuTop a.trigered,
#container #menuTop a.rubrique_active{
	background-position:left bottom;
}

#menuTop a span{
	display:none;
}
#menuTop li.bt1{width:65px;}
#menuTop li.bt2{width:106px;}
#menuTop li.bt3{width:119px;}
#menuTop li.bt4{width:60px;}
#menuTop li.bt5{width:135px;}
#menuTop li.bt6{width:143px;}
#menuTop li.bt7{width:74px;}
#menuTop li.bt8{width:96px;}
#menuTop li.bt9{width:90px;}
#menuTop li.bt10{width:72px;}
/***************** SOUS MENU *****************/
#menuTop li ul {
	list-style:none;
	position:absolute;
	top:-6000px;
	left:0;
	background:#0c292c;
	border:1px solid #b7a776;
	padding:10px 0;
	display:inline;
	z-index:99;
}
#menuTop li li {
	float:none;
	width:160px;
}
#container #menuTop li li a {
	background:none;
	width:auto;
	position:relative;
	height:20px;
	font:11px/20px Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	color:#ebc17a;
	text-decoration:none;
	padding:10px;
	display:inline;
	text-align:center;
}
#container #menuTop li li a:hover {
	text-decoration:underline;
}


/***************** SOUS SOUS MENU *****************/
#menuTop li li ul {
	list-style:none;
	position:absolute;
	top:-6000px;
	left:0;
	background:#0c292c;
	border:1px solid #b7a776;
	display:inline;
	z-index:150;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin-left: 100px;
	margin-top: -40px;
}
#menuTop li li li {
	float:none;
	width:160px;
}
#container #menuTop li li li a {
	background:none;
	width:auto;
	position:relative;
	height:20px;
	font:11px/20px Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	color:#ebc17a;
	text-decoration:none;
	padding:10px;
	display:inline;
	text-align:center;
}
#container #menuTop li li li a:hover {
	text-decoration:underline;
}

/***************** CONTENU *****************/
#contenu {
	float:left;
	position:relative;
	display:inline;
	width:842px;
	margin:65px 59px 30px 59px;
	padding:9px 0;
	z-index:5;
}
#contenuZoneTexte {
	float:left;
	position:relative;
	display:inline;
	width:760px;
	border:1px solid #c7b57f;
	padding:30px 40px;
	z-index:1;
	background:url(../images/charte/bg-contenu.png) center top repeat;
}
#contenuOrnementationHaut {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-121px;
	width:242px;
	height:19px;
	z-index:5;
	background:url(../images/charte/bg-ornementation.png) center top repeat; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-ornementation.png", sizingMethod="scale");
}
#contenuOrnementationBas {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-121px;
	width:242px;
	height:19px;
	z-index:5;
	background:url(../images/charte/bg-ornementation.png) center top repeat; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-ornementation.png", sizingMethod="scale");
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
#clearFooter {
	height:55px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer {
	position:relative;
	clear:both;
	width:960px;
	height:55px;
	margin:-55px auto 0;
	text-align:center;
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#384d4f;
}
#footer .titre{
	color:#f5c266;
}