/***************** 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:relative;
	min-height:100%;
	width:960px;
	margin:0 auto;
	background:#ebebeb;
}
/***************** HEADER *****************/
#header {
	float:left;
	width:690px;
	height:115px;
	background: url(../images/charte/bg-body.gif) center top repeat-x;
}
#headerFlash {
	float:left;
	width:690px;
	height:115px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
/***************** MENU LEFT *****************/
#colLeft {
	float:left;
	width:270px;
	list-style:none;
}
#flashLeft {
	float:left;
	width:270px;
	height:156px;
}
#menuLeft {
	float:left;
	width:270px;
	list-style:none;
}
#menuLeft li {
	position:relative;
	float:left;
}
#menuLeft li a {
	display:block;
	width:270px;
	overflow:hidden;
	background:left top no-repeat;
}
#menuLeft li a:hover, #menuLeft li a.rubrique_active {
	background-position:left bottom;
}
#menuLeft a span {
	display:none;
}
#menuLeft li.bt1 a {
	background-image:url(../images/charte/bt1.jpg);
	height:98px;
}
#menuLeft li.bt2 a {
	background-image:url(../images/charte/bt2.jpg);
	height:45px;
}
#menuLeft li.bt3 a {
	background-image:url(../images/charte/bt3.jpg);
	height:46px;
}
#menuLeft li.bt4 a {
	background-image:url(../images/charte/bt4.jpg);
	height:48px;
}
#menuLeft li.bt5 a {
	background-image:url(../images/charte/bt5.jpg);
	height:49px;
}
#menuLeft li.bt6 a {
	background-image:url(../images/charte/bt6.jpg);
	height:59px;
}
#menuLeftBas {
	float:left;
	width:270px;
	height:428px;
	list-style:none;
	background: url(../images/charte/bg-menuleft-bas.jpg) center top no-repeat;
}
/***************** CONTENU *****************/
#contenu {
	float:left;
	width:660px;
}
#contenuTexteHome {
	float:left;
	display:inline;
	width:369px;
	padding:125px 0 0 0;
	overflow:hidden;
}
#contenuPersonnageHome {
	float:left;
	display:inline;
	width:281px;
	height:456px;
}
#contenuBoutonsHome {
	float:left;
	display:inline;
}
#contenuBoutonsHome a{
	margin:0 15px 0 0;
	float:left;
	display:inline;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
#clearFooter {
	height:269px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footerLarge {
	position:relative;
	clear:both;
	width:100%;
	height:269px;
	margin:-269px auto 0;
	background: url(../images/charte/bg-footer-large.gif) center bottom repeat-x;
}
#footer {
	position:relative;
	clear:both;
	width:960px;
	height:175px;
	margin:0 auto;
	background: url(../images/charte/bg-footer.gif) center top repeat-x;
	padding:94px 0 0 0;
}
#footerEncart {
	position:relative;
	float:left;
	display:inline;
	width:270px;
	height:112px;
	background: url(../images/charte/bg-footer-encart.gif) center top repeat-x;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	padding:15px;
	margin:0 10px;
	}
#footerEncart .titre{
	color:#f28e00;
	font:14px Arial, Helvetica, sans-serif;
}
#container #footerEncart a{
	color:#f28e00;
	text-decoration:underline;
}
#footerEncart a:hover{
	color:#fff;
}
#creationweb {
	position:absolute;
	left:15px;
	top:0;
	width:195px;
	height:30px;
}
#footer #creationweb a {
	text-decoration:none;
	display:block;
	font:10px/8px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:4px 0 0;
}
#footer #creationweb a:hover {
	text-decoration:none;
	color:#fff;
}