html {
	font-size:16px;
}
body {
	font:normal 16px/135% Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#4a4f59;
	background-color:#DFDFDF;
}
img {
	border:0 none;
	margin:0;
	padding:0;
}
.show {
	display:block;
	visibility:visible;
	height:100%
	}
.hide, .form p.hide {
	display:none;
	visibility:hidden;
	height:0%;
	}
#header {
	width:1030px;
	margin:0 auto;
	height:100px;
	background-color:#4a4f59;
	background:url(/img/fond_header.gif) 0 0 repeat-x;
	position:relative;
}
#accroche {
	margin:auto auto 40px 100px;
}
#onglets {
	position:absolute;
	bottom:0;
	right:20px;
	height:30px;
	}
#conteneur {
	width:1030px;
	padding:20px 0;
	margin:0 auto;
	background-color:#FFF;
	position:relative;
	overflow:auto;
}
div#centre {
	margin:0 280px 0 170px;
}
div#gauche {
	float:left;
	width:430px;
	padding:0 0 0 20px;
	font-size:11px;
}
div#droite {
	margin: 0 0 0 470px;
	padding:20px 0 0 0;
}
div#centre {
	width:1030px;
	margin:0 auto;
}

/*** CONTENU GAUCHE ***/
div#gauche strong{
	color:#9D47B8;
	font-weight:bold;
	text-transform:uppercase;
}
div#gauche h1 {
	font:bold 20px/1em Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	color:#9D47B8;
	}
div#gauche h2 {
	font:bold 16px/150% Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	padding:0;
	color:#9D47B8;
	}
div#gauche p {
	font:normal 12px/150% Arial, Helvetica, sans-serif;
	margin:0;
	padding:5px 0;
	}
div#gauche ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
div#gauche ul li {
	background:transparent url(/img/puce_fleche.gif) no-repeat scroll 0 4px;
	line-height:135%;
	margin:0 0 0.5em 10px;
	padding:0 0 0 13px;
}

/*** CONTENU DROITE ***/
div#droite h5 {
	margin:0;
	padding:0;
	}
div#droite .form {
	background-color:#ece0ef;
	border-right:2px solid #c48fd3;
	border-bottom:2px solid #c48fd3;
	border-left:2px solid #c48fd3;
	width:524px;
	padding:6px;
	margin:0 20px 0 0;
	font:normal 11px/110% Verdana, Arial, Helvetica, sans-serif;;
	}
div#droite .form .erreur {
	background:url(/img/fleche_erreur.gif) 0 3px no-repeat;
	color:#CC0000;
	font-weight:bold;
	margin:5px 10px;
	padding:0 0 0 12px;
	line-height:130%;
	font-size:10px;
	list-style-type:none;
	}
div#droite .form h6 {
	padding:0 0 0.4em 0;
	margin:0 auto;
	text-align:center;
	font:italic 16px/200% Verdana, Arial, Helvetica, sans-serif;
	color:#9D47B8;
	}
div#droite .form fieldset {
	border:0;
	margin:0;
	padding:4px 6px;
	}
div#droite label.normal, div#droite p.labelnormal {
	font-weight:bold;
	margin:0 5px 10px 0;
	font-size:10px;
	}
div#droite p.labelgrand {
	width:350px;
	float:left;
	margin:10px 10px 0 0;
	font-weight:bold;
	font-size:10px;
	}
div#droite fieldset div {
	margin:5px 0;
	}
div#droite label.long, div#droite p.labellong {
	font-weight:bold;
	margin:5px 5px 0 0;
	float:left;
	width:250px;
	font-size:10px;
	}
div#droite label.moyen, div#droite p.labelmoyen {
	font-weight:bold;
	font-size:10px;
	float:left;
	width:130px;
	margin:0;
	padding:3px 0 0 0;
	}
div#droite label.court, div#droite .labelcourt {
	font-weight:bold;
	font-size:10px;
	float:left;
	width:130px;
	margin:0 5px 0 0;
	}
div#droite label.petit, div#droite .labelpetit, div#droite .bulle {
	font-size:10px;
	vertical-align:middle;
	}

div#droite .champ {
	border:1px solid #999;
	padding:2px;
	width:100px;
	vertical-align:middle;
	color:#333;
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	}
div#droite .long {
	border:1px solid #999;
	padding:2px;
	width:330px;
	vertical-align:middle;
	color:#333;
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	}
div#droite .liste {
	border:1px solid #999;
	padding:1px;
	width:105px;
	vertical-align:middle;
	color:#333;
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	}
div#droite table.acocher td {
	padding:0 0 5px 0;
	font-size:10px;
	vertical-align:middle;
	}
div#droite p.note {
	font:italic 10px/100% Verdana, Arial, Helvetica, sans-serif;
	}	
div#droite .bouton {
	margin:10px 15px;
	}
	
/*** CONTENU MERCI ***/
div#merci{
	margin:20px;
	font:normal 12px/140% Arial, Helvetica, sans-serif;
	}
div#merci h1 {
	font:bold 18px/150% Arial, Helvetica, sans-serif;
	color:#9D47B8;
	}
div#merci h2 {
	font:bold 14px/150% Arial, Helvetica, sans-serif;
	color:#4A4F59;
	}
div#merci h3{
	font:bold 12px/135% Verdana, Arial, Helvetica, sans-serif;
	color:#9D47B8;
	}
div#merci h4{
	text-align:center;
	font:bold 14px/135% Verdana, Arial, Helvetica, sans-serif;
	color:#9D47B8;
	}
div#merci h5{
	text-align:center;
	font:italic 14px/135% Verdana, Arial, Helvetica, sans-serif;
	}
div#merci .colonne{
	width:45%;
	float:left;
	margin:0 15px;
	}
div#merci a{
	color:#9D47B8;
}
div#merci p{
	padding:0 0 10px 0;
	margin:0;
}
div#merci ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
div#merci ul li {
	background:transparent url(/img/puce_fleche.gif) no-repeat scroll 0 5px;
	line-height:135%;
	margin:0 0 0.5em 10px;
	padding:0 0 0 13px;
	font:normal 12px/135% Verdana, Arial, Helvetica, sans-serif;
}
div#merci ul li a{
	color:#4a4f59;
}
	
/*** CONTENU FOOTER ***/
div#footer {
	clear:both;
	width:990px;
	margin:0 auto;
	padding:20px 20px 10px 20px;
	background:#CFCFCF url(/img/fd_footer.gif) 0 0 repeat-x;
	font-size:11px;
	line-height:130%;
	overflow:auto;
	}
div#footer h2{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0.5em 0;
	padding:0;
	}
div#footer h3{
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	margin:0 0 0.3em 0;
	padding:0;
	color:#9D47B8;
	}
div#footer h4{
	font-size:12px;
	color:#4A4F59;
	font-weight:bold;
	font-style:normal;
	margin:0 0 0.8em 0;
	padding:0;
	}
div#footer h3 strong{
	text-transform: uppercase;
	font-size:12px;
	}
div#footer a{
	color:#9D47B8;
	}
div#footer ul {
	margin:0;
	padding:0;
	line-height:130%;
	list-style-type:none;
}
div#footer ul li {
	background:transparent url(/img/puce_fleche.gif) no-repeat scroll 0 5px;
	line-height:135%;
	margin:0 0 0.5em 10px;
	padding:0 0 0 13px;
	font:normal 11px/135% Verdana, Arial, Helvetica, sans-serif;
	}
div#footer div.colonne {
	width:45%;
	float:left;
	margin:0 0 0 20px;
}

/*** PIED DE PAGE ***/
#pied {
	clear:both;
	width:1030px;
	margin:0 auto;
	text-align:center;
	font-size:0.9em;
	padding:0;
}

#pied p.liens_pied{/* lien en bas de page */
	padding:10px 0;
	margin:0;
	background-color:#CFCFCF;
	border-top:1px dashed #4a4f59;
	font-size:10px;
	line-height:160%
	}
#pied p.liens_pied a{
	color:#4a4f59;
	}
#pied p.mentions{/* lien en bas de page */
	padding:15px 0;
	margin:0;
	font-size:10px;
	}
#pied p.mentions a{
	color:#4a4f59;
	}