@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:#FFF;
	border:1px solid #CCC6BD;
	font-size:10px;
	color:#443e33;
	padding:2px;
	}
.form input, .formhp input {
	vertical-align:middle;
	}
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:#ffa800;
	font-weight:bold;
	margin:0;
	padding:0 0 0 20px;
	min-height:18px;
	}
div.bouton {
	text-align:center;
	margin:10px 10px 0 10px;
}

/****** PAGES DE SUITE ******/
.form h1 {
	text-align:center;
	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 1em/1em 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 h1{
	font:normal 22px/1em 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:110px;
	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:5spx 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:150px;
	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 0 0;
	font-size:11px;
	}
div#centre .form table td{
	border:none;
	padding:0 0 0 0;
	}
#centre .formhp table td{
	border:none;
	padding:0 0 0 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;
	}