/***************** 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:#182a7c url(../images/charte/bg-page-x.jpg) repeat-x center top;
	font-family: Verdana;
}

/***************** CONTAINER *****************/
#container{
	position:relative;
	min-height:100%;
	width:970px;
	margin:0 auto;
	background:url(../images/charte/bg-page-y.jpg) repeat-y center top;
}

/***************** LOGO *****************/
#logo{
	width:259px;
	height:145px;
	background-image:url(../images/charte/logo.jpg);
}

/***************** MENU LEFT *****************/
#menuLeft{
	float:left;
	width:259px;
}

#menu{
	float:left;
	width:259px;
	height:375px;
}

#menu ul li{
	display:block;
	width:259px;
	border:none;
}

#menu ul li a:link,#menu ul li a:visited{
	display:block;
	font-weight:normal;
}

#menu ul li span{
	margin:-2000px;
}

a.accueil{
	background-image:url(../images/charte/bt-accueil.jpg);
}

a.accueil:hover{
	background-image:url(../images/charte/bt-accueil-on.jpg);
}

a.prestations{
	background-image:url(../images/charte/bt-prestations.jpg);
}
a.tarifs{
	background-image:url(../images/charte/bt-tarifs.jpg);
}

a.tarifs:hover{
	background-image:url(../images/charte/bt-tarifs-on.jpg);
}

a.avant{
	background-image:url(../images/charte/bt-avant.jpg);
}

a.avant:hover{
	background-image:url(../images/charte/bt-avant-on.jpg);
}

a.contact{
	background-image:url(../images/charte/bt-contact.jpg);
}

a.contact:hover{
	background-image:url(../images/charte/bt-contact-on.jpg);
}

a.presse{
	background-image:url(../images/charte/bt-presse.jpg);
}

a.presse:hover{
	background-image:url(../images/charte/bt-presse-on.jpg);
}
a.temoignages{
	background-image:url(../images/charte/bt-temoignages.jpg);
}
a.temoignages:hover{
	background-image:url(../images/charte/bt-temoignages-on.jpg);
}

.ssrub ul{
	background:url(../images/charte/bg-prestations.jpg) repeat-y left top;
}

#menu ul li ul{
	padding:10px 0 0 0;
	line-height: normal;
}

#menu ul li ul li{
	width:150px;
	font-weight:normal;
	font-size:10px;
	line-height: 11px;
	padding:0 0 0 40px;
}

#menu ul li ul li a,#menu ul li ul li a:visited{
	color:#000;
	text-decoration:none;
	font-weight:normal;

}

#menu ul li ul li a:hover{
	color:#000;
	text-decoration:underline;
	font-weight:normal;
}



/***************** CONTENU *****************/
#contenu{
	float:left;
	width:711px;
	min-height:470px;
	padding:0;
	background:url(../images/charte/bg-contenu.jpg) no-repeat right top;
}

#contenu #texte{
	float:left;
	width:650px;
	padding:50px 10px 0 10px;
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
	clear:both;
}

#clearFooter{
	height:101px;/*--- = à la hauteur du footer ---*/
}

/***************** FOOTER *****************/
#footer{
	position:relative;
	clear:both;
	width:970px;
	height:101px;
	margin:-101px auto 0;
	background-image:url(../images/charte/bg-footer.jpg);
}

#idep{
	position:absolute;
	left:20px;
	top:50px;
	width:195px;
	height:30px;
}

#idep img{
	float:left;
	padding:5px 0 0 0;
}

#footer #idep a.idep{
	text-decoration:none;
	display:block;
	font:9px/8px Arial, Helvetica, sans-serif;
	color:#a9c9f5;
	margin:8px 0 0;
}

#footer #idep a.idep.optea{
	margin:0;
}

#footer #idep a:hover.idep{
	text-decoration:none;
	color:#fff;
}