/***************** 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.png) center center no-repeat;
}
/***************** CONTAINER *****************/
#container {
	position:absolute;
	width:960px;
	height:590px;
	left:50%;
	top:50%;
	margin-left:-480px;
	margin-top:-295px;
	background: url(../images/charte/bg-container.png) top left no-repeat;
}
/***************** HEADER *****************/
#header {
	position:absolute;
	z-index:5;
	top:0;
	left:0;
	width:960px;
	height:150px;
}
#logo {
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:320px;
	height:150px;
}

/***************** MENU TOP *****************/
#menuTopFond {
	position:absolute;
	z-index:10;
	top:0;
	right:0;
	width:480px;
	height:51px;
	background: url(../images/charte/bg-menutop.jpg) top left no-repeat;
}
#menuTopUl {
	list-style:none;
}
#menuTopUl li{
	float:left;
	display:inline;
	text-align:center;
}
#menuTopUl li a{
	font:14px/35px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
#menuTopUl li a:hover{
	font-weight:bold;
	color:#6d1038;
}
#menuTopUl li.menuTopLi1{ width:70px; margin-left:65px; }
#menuTopUl li.menuTopLi2{ width:140px; margin-left:21px; }
#menuTopUl li.menuTopLi3{ width:54px; margin-left:21px; }
#menuTopUl li.menuTopLi4{ width:68px; margin-left:21px; }

/***************** MENU MIDDLE *****************/
#menuMiddle {
	position:absolute;
	z-index:15;
	top:57px;
	left:298px;
	width:631px;
	height:78px;
	background: url(../images/charte/bg-menumiddle.jpg) top left no-repeat;
}
#menuMiddleUl {
	list-style:none;
	float:left;
	display:inline;
	padding:0 0 0 50px;
}
#menuMiddleUl li{
	float:left;
	display:inline;
	text-align:center;
	height:51px;
	margin:9px 0 0 0;
}
#menuMiddleUl li a{
	float:left;
	height:51px;
	padding:0 19px;
	display:block;
	font:bold 14px/47px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background: url(../images/charte/bg-menumiddle-btn.jpg) top left repeat-x;
}
#menuMiddleUl li a:hover{
	color:#6d1038;
	background-position: bottom left;
}

/***************** Home *****************/
#contenuHome {
	position:absolute;
	top:160px;
	left:30px;
	width:470px;
	height:250px;
	overflow:auto;
	padding:0 10px 0 0;
}
#photoHome {
	position:absolute;
	top:150px;
	left:519px;
	width:440px;
	height:420px;
}
#encart1, #encart2 {
	position:absolute;
	top:422px;
	width:226px;
	height:137px;
	background: url(../images/charte/bg-encart.jpg) top left no-repeat;
}
#encart1 {
	left:27px;
}
#encart2 {
	left:275px;
}
#titre {
	position:absolute;
	top:5px;
	left:5px;
	width:217px;
	height:29px;
	font:bold 13px/29px Arial, Helvetica, sans-serif;
	color:#a64d6c;
	text-align:center;
}
#texte {
	position:absolute;
	top:48px;
	left:15px;
	width:198px;
	height:29px;
	font:12px Arial, Helvetica, sans-serif;
	color:#b85d7e;
	text-align:justify;
}
#ensavoirplus {
	position:absolute;
	top:98px;
	left:110px;
	width:112px;
	height:24px;
}
#ensavoirplus a{
	width:112px;
	height:24px;
	display:block;
	background:url(../images/charte/btn-encart-ensavoirplus.jpg) top left no-repeat;
}
#ensavoirplus a:hover{
	background-position: bottom left;
}
#ensavoirplus span{
	display:none;
}
/***************** CONTENU *****************/
#contenu {
	position:absolute;
	top:170px;
	right:15px;
	width: 480px;
	height:389px;
	overflow:auto;
	padding:0 10px 0 0;
}
#photo{
	position:absolute;
	top:150px;
	left:1px;
	width:440px;
	height:420px;
}
/***************** FOOTER *****************/
#footer {
	position:absolute;
	width:960px;
	height:20px;
	left:0;
	bottom:0;
}