@charset "utf-8";
/* CSS Document */

.show {
	display:block;
	visibility:visible;
	height:100%;
	}
.hide {
	display:none;
	visibility:hidden;
	height:0%;
	}
.form input.champ, .form select,
.formhp input.champ, .formhp select {
	background-color:#e9e9e9;
	border:1px solid #CCC6BD;
	font:normal 10px/100% Arial, Helvetica, sans-serif;
	color:#443e33;
	padding:2px;
	vertical-align:middle;
	}
.form input, .formhp input {
	vertical-align:middle;
	background-color:#e9e9e9;
	}
div.form p.legal, div.formhp p.legal {
	font:italic normal 0.85em Verdana, Arial, Helvetica, sans-serif;	
	padding:10px 0 0 95px;
	margin:0 5px;
	background:url(/img/logo_cnil.gif) 0 100% no-repeat;
	min-height:76px;
	}
/****** ERREUR ******/
div.erreur {
	margin:5px;
	}
div.erreur ul {
	list-style-type:none;
	margin:0;
	padding:5px;
	}
div.erreur ul li {
	background:url(/img/error.png) 0 0 no-repeat;
	color: #F60;
	font:bold 12px/130% Arial, Helvetica, sans-serif;;
	margin:0;
	padding:2px 0 0 20px;
	min-height:20px;
	}
div.bouton {
	text-align:center;
	margin:10px 10px 0 10px;
}

/****** PAGES DE SUITE ******/
.form h1 {
	font:normal 22px/125% Arial, Helvetica, sans-serif;
	color:#5c564a;
	margin:0 0 0.5em 0;
	}
p.merci {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	padding:10px 0;
	}
/****** FORMULAIRE A DROITE ******/
#droite .form{
	width:350px;
	padding:0;
	margin:0;
	color:#FFF;
	font-size:11px;
	}
#droite .form form{
	padding:0;
	margin:0;
	}
#droite .form p.titre{
	background:url(/img/entete_module1_droite.gif) 0 0 repeat-x;
	font:normal 16px/100% 'Futura', Arial, Helvetica, sans-serif;
	color:#FFF;
	height:30px;
	padding:7px 10px 0 10px;
	margin:0;
	text-transform:uppercase;
	}
#droite .form input.champ {
	width:80px;
	font-size:10px;
	}
#droite .form select {
	width:85px;
	font-size:10px;
	}
#droite .form fieldset {
	border:0;
	margin:0;
	padding:0 10px;
	}
#droite .form small {
	font-size:10px;
	}

div#droite .form label.normal, div#droite p.labelnormal {
	margin:0 5px 5px 0;
	padding:0;
	}
div#droite .form label.moyen, div#droite .labelmoyen {
	float:left;
	width:240px;
	margin:0;
	padding:3px 0 0 0;
	}
div#droite .form label.court, div#droite .labelcourt {
	float:left;
	width:70px;
	margin:0 5px 5px 0;
	padding:3px 0 0 0;
	}
div#droite .form label.small {
	float:left;
	width:55px;
	margin:0 5px 5px 0;
	padding:3px 0 0 0;
	}

div#droite .form table{
	width:100%;
	}
div#droite .form table td{
	padding:0;
	width:50%;
	/*border:1px solid white;*/
	}
div#droite .form input.case{
	padding:0  0 0;
	margin:-3px 10px 0 0;
	}
div#droite p.note {
	padding:0px 0 5px 0;
	margin:0 5px;
	}
	
/****** FORMULAIRE AU CENTRE ******/
#centre .form, #centre .formhp{
	padding:0;
	margin:0;
	color:#575246;
	font-size:11px;
	}
#centre .form form, #centre .formhp form{
	padding:0;
	margin:0;
	}
#centre .form p.titre,
#centre .form h1{
	font:normal 24px/100% 'FuturaBold', Arial, Helvetica, sans-serif;
	color:#575246;
	padding:0;
	margin:0;
	}
#centre .form input.champ, #centre .form select,
#centre .formhp input.champ, #centre .formhp select {
	width:120px;
	border:1px solid #76B8E3;
	font-size:11px;
	}
#centre .form input.long, #centre .formhp input.long {
	width:388px;
	border:1px solid #76B8E3;
	font-size:11px;
	padding:2px;
	}
#centre .form fieldset, #centre .formhp fieldset {
	border:none;
	margin:0;
	padding:0;
	}
#centre .form small, #centre .formhp small {
	font-size:11px;
	padding:5px 0 0 0;
	}

div#centre label.normal, div#centre p.labelnormal {
	margin:0 5px 5px 0;
	padding:0;
	font-weight:bold;
	}
div#centre label.long, div#centre .labellong {
	float:left;
	font-size:11px;
	font-weight:bold;
	width:310px;
	margin:0;
	padding:3px 0 10px 0;
	}
div#centre .labellong2 {
	float:left;
	font-size:11px;
	font-weight:bold;
	width:340px;
	margin:0;
	padding:5px 0 10px 0;
	}
div#centre label.moyen, div#centre .labelmoyen {
	float:left;
	width:135px;
	margin:0;
	padding:3px 0 10px 0;
	font-weight:bold;
	}
div#centre label.court, div#centre .labelcourt {
	float:left;
	width:120px;
	margin:0 5px 5px 0;
	padding:3px 0 0 0;
	}
div#centre .form table, #centre .formhp table{
	border:none;
	padding:0;
	margin:10px 0;
	}
div#centre .form table td{
	border:none;
	padding:3px 0;
	font:normal 12px/140% Arial, Helvetica, sans-serif;
	}
#centre .formhp table td{
	border:none;
	padding:0;
	width:550px;
	}
div#centre .form table.acocher td, #centre .formhp table.acocher td{
	font-size:11px;
	}
div#centre .form label.acocher, #centre .formhp label.acocher {
	padding:0 10px 0 5px;
	}
div#centre .form input.case, div#centre .form input.bulle,
#centre .formhp input.case, #centre .formhp input.bulle{
	padding:0;
	margin:-3px 0 0 0;
	}
div#centre .form p.note, div#centre .formhp p.note {
	background:none;
	padding:0px 0 5px 0;
	margin:0 5px;
	}
div#centre .form input.champlong {
	background-color:#FFF;
	border:1px solid #76B8E3;
	font-size:10px;
	color:#443e33;
	padding:2px;
	width:220px;
	}
div#centre .form input.champlong, div#centre .form select.champlong {
	background-color:#FFFFFF;
	border:1px solid #76B8E3;
	color:#443E33;
	font-size:10px;
	padding:2px;
	width:220px;
	}