*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/

}
body{
font-size:62.5%;

background-image:url(../images/charte/bg-body.jpg);
background-position:center top;
background-color:#ffffff;
background-repeat:repeat-x;
}

#container{
position: relative;/*---obligatoire pour le footer---*/
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;/*---obligatoire pour le footer:IE---*/
width:890px;
margin:0 auto;
z-Index:0;
background-image:url(../images/charte/bg-container.jpg);
background-repeat:repeat-y;
background-position:center;
}
#header{
width:890px;
height:200px;
}
/**********************/
#colLeft{
float:left;
width:249px;
}
/*--- MENU ---*/
dl, dt, dd, ul, li {
list-style-type: none;
}
#menu {
margin-top:4px;
width:249px;
}
#menu dt {
cursor: pointer;
height:30px;
line-height:30px;
}
#menu dt a {
text-decoration: none;
display: block;
height: 100%;
padding-left:35px;
font:bold 1.2em/30px Verdana, Helvetica, sans-serif;
text-align:left;
color: #bd6ee9;

background:url(../images/charte/bouton.jpg) no-repeat scroll left bottom;
}
#menu dt a:hover{
text-decoration: none;
color:#bd6ee9;
background:url(../images/charte/bouton.jpg) no-repeat scroll left top;
}
#menu dt.courant a {
color: #ff1685;
background:url(../images/charte/bouton.jpg) no-repeat scroll left top;
}
#promo{
margin-top:10px;
width:201px;

}





#menu dd {
	width:160px;
	padding:0px 0px 0px 20px;
}




#menu ul{
	border:0px solid #ccc;
	
}
#menu li {
	font:1.1em Verdana, Helvetica, sans-serif;
	text-align:left;
	text-indent:5px;
	text-decoration: none;
	padding:4px;
	font-weight:bold;
}


#menu li a {
	color: #ff1685;
	text-decoration: none;
	display: block;
}
#menu li a:hover {
	color:#bd6ee9;
	text-decoration: none;
}



/**********************/
/**********************/
#contenu{
position:relative;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color: #ff1685;
line-height:18px;
width:600px;
padding-left:20px;
padding-top:20px;
padding-bottom:50px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear: both;
width:890px;
height:39px;
margin:-39px auto 0 auto;
background:url(../images/charte/bg-footer.jpg) no-repeat;
color:#9A7F68;
}
#idep{
	position:absolute;
	right:-1px;
	width:115px;
	height:39px;
	top: 0px;
}
#footerMenu{
font:10px Verdana, Helvetica, sans-serif;
text-align:center;
float:left;
padding-top:5px;
padding-left:252px;
width:520px;
letter-spacing:-0.07px;
height:32px;
color:#FFFFFF;
}
#footerMenu a{
color:#FFFFFF;
font-size:10px;
font-weight:normal;
text-decoration:none;
}
#footerMenu a:hover{
color:#FFE8F2;
}

#contenu h1{
font:bold 1.3em Verdana, Helvetica, sans-serif;
letter-spacing:-0.05em;
text-align:left;
text-transform:uppercase;
color:#cfa0e9;
margin-bottom:25px;


}
#contenu h2{
font:bold 12px Verdana, Helvetica, sans-serif;
text-align:left;
text-transform:uppercase;
color: #ff1685;
font-style:italic;
text-align:center;
padding-top:10px;

}
#contenu h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#cfa0e9;
font-weight:bold;
text-transform:uppercase;
line-height:18px;
padding-top:15px;
border-bottom:1px dashed #cfa0e9;
margin-bottom:5px;
}
#contenu h4{
font:bold 12px Verdana, Helvetica, sans-serif;
color: #A24BD2;
line-height:25px;
text-align:center;
margin-top:15px;
margin-bottom:15px;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#ff1685;
}
a{
font-weight:bold;
font-size:12px;
text-decoration:underline;
color:#F7B701
}
a:hover{
font-weight:bold;
text-decoration:none;
color: #FF6BAF;
}

.promo{
font-weight:bold;
font-size:12px;
text-decoration:underline;
color: #FF6BAF;
}
.promo:hover{
font-weight:bold;
text-decoration:none;
color:#ff1685;
}
.inputForm{
	font-family: Arial, Courier, monospace;;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color:#ffffff;
	width: 150px;
	border: 1px solid #8F63A7;
}
.inputFormOver{
	font-family:  Arial, Courier, monospace;
	font-size: 12px;
	font-weight: normal;
	background-color:#F1F5F8;
	width: 150px;
	border: 1px solid /*#A73364;*/#8F63A7;
}

.button{
	font-family:Arial, Courier, monospace;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #D3B2E5;
	width:80px;
	background-position: bottom left;
	background-color: #8F63A7;
	vertical-align: bottom;
}
.buttonOver{
	font-family:Arial, Courier, monospace;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #D3B2E5;
	width:80px;
	background-position: bottom left;
	background-color: #D3B2E5;
	vertical-align: bottom;
}

.frmContact{ /* dedicated ID for "contact form"*/
	width:580px;
	background-color:#CB98E7;
	border: 1px solid #8F63A7;
	display: table;
}
.frmContact .Label, .frmContact label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:normal;
	text-align:left;
}

.notice{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	line-height:18px;
	text-align:center;
}