/***************** 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.jpg) center top no-repeat;
}
/***************** CONTAINER *****************/
#container {
	position:relative;
	min-height:100%;
	width:990px;
	margin:0 auto;
}
#containerHome {
	position:absolute;
	top:0;
	left:0;
	width:990px;
	height:556px;
}
/***************** MENU TOP *****************/
#menuTop {
	position:relative;
	display:inline;
	float:left;
	margin:144px 0 0 175px;
	z-index:10;
	width:800px;
	height:127px;
	list-style:none;
}
#menuTop li {
	position:relative;
	float:left;
}
#menuTop a {
	text-decoration:none;
	display:block;
	height:127px;
	overflow:hidden;
	background:left top no-repeat;
}
#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:166px;
}
#menuTop li.bt2 {
	width:143px;
}
#menuTop li.bt3 {
	width:144px;
}
#menuTop li.bt4 {
	width:150px;
}
#menuTop li.bt5 {
	width:104px;
}
#menuTop li.bt6 {
	width:93px;
}
#menuTop li.bt1 a {
	background-image:url(../images/charte/bt_01.gif);
}
#menuTop li.bt2 a {
	background-image:url(../images/charte/bt_02.gif);
}
#menuTop li.bt3 a {
	background-image:url(../images/charte/bt_03.gif);
}
#menuTop li.bt4 a {
	background-image:url(../images/charte/bt_04.gif);
}
#menuTop li.bt5 a {
	background-image:url(../images/charte/bt_05.gif);
}
#menuTop li.bt6 a {
	background-image:url(../images/charte/bt_06.gif);
}
/***************** SOUS MENU *****************/
#menuTop li ul {
	list-style:none;
	position:absolute;
	top:-6000px;
	left:0;
	background: #1481c2 url(../images/charte/bg-sousmenu.gif) center top repeat-x;
	padding:0 0 10px 0;
}
#menuTop li li {
	float:none;
}
#container #menuTop li li a {
	background:none;
	width:auto;
	position:relative;
	height:14px;
	font:11px/8px Arial, Helvetica, sans-serif;
	padding:6px 10px;
	text-transform:none;
	color:#fff;
	text-decoration:none;
}
#container #menuTop li ul.ul3 li a {
	width:124px;
}
#container #menuTop li ul.ul4 li a {
	width:130px;
}
#container #menuTop li li a:hover {
	background:#1271aa;
}
/***************** MENU LEFT *****************/
#colLeft {
	position:relative;
	display:inline;
	float:left;
	z-index:10;
	width:289px;
}
#actu {
	position:relative;
	display:inline;
	float:left;
	margin:74px 34px 65px 29px;
	width:226px;
	height:90px;
	overflow:hidden;
	color:#67421f;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
}
#actu a {
	color:#007abf;
	font-weight:bold;
}
#actu a:hover{
	color:#000;
}

#newsletter
{
	position:relative;
	display:block;
	float:none;
	margin:0px 34px 36px 29px;
	width:226px;
	height:42px;
	overflow:hidden;
	color:#black;
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
}

#adresse_mail_newsletter
{
	border:1px solid #b4c2c3;
	background-color:#FFF;
	color:#b4c2c3;
}

#newsletter p
{
	margin-bottom:3px;
}

#btn_OK_newsletter
{
	border:none;
	background:none;
	font-size:12px;
	font-weight:bold;
	width:40px;
	color:#0085C4;
}

#liens {
	position:relative;
	display:inline;
	float:left;
	list-style:none;
}
#liens li{
	background: url(../images/charte/bg-puce.gif) center left no-repeat;
}
#liens li a{
	text-decoration:none;
	font:14px/25px Arial, Helvetica, sans-serif;
	color:#007abf;
	display:inline-block;
	padding:0 0 0 20px;
}
#liens li a:hover{
	text-decoration:underline;
	color:#67421f;
}
/***************** CONTENU *****************/
#contenu {
	position:relative;
	display:inline;
	float:left;
	width:701px;
	margin:19px 0 25px 0;
}
#contenuHome {
	position:relative;
	display:inline;
	float:left;
	width:625px;
	height:555px;
	background: url(../images/charte/bg-home.jpg) center top no-repeat;
	color:#6b4723;
	font:14px Arial, Helvetica, sans-serif;
	padding:30px 38px;
}
#contenuHome .bleu{
	color:#0085c4;
}
#encartContenuHaut {
	position:relative;
	display:inline;
	float:left;
	width:701px;
	height:38px;
	background: url(../images/charte/bg-encartcontenu-haut.gif) center top no-repeat;
}
#encartContenuMilieu {
	position:relative;
	display:inline;
	float:left;
	width:625px;
	background: url(../images/charte/bg-encartcontenu-milieu.gif) center top repeat-y;
	padding:0 38px;
}
#encartContenuBas {
	position:relative;
	display:inline;
	float:left;
	width:701px;
	height:38px;
	background: url(../images/charte/bg-encartcontenu-bas.gif) center top no-repeat;
}

.mail
{
	display:none;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
#clearFooter {
	height:135px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footerGeneral {
	margin:-135px auto 0;
	position:relative;
	clear:both;
	width:100%;
	height:135px;
	background: url(../images/charte/bg-footer.jpg) center top no-repeat;
}
#footer {
	position:relative;
	clear:both;
	width:990px;
	height:135px;
	margin:0 auto;
}
#footerLecteur {
	position:absolute;
	bottom:50px;
	right:0px;
}
#footerLiens {
	position:absolute;
	bottom:10px;
	right:0px;
}
