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

/* on annule les styles de table par défaut */
div.form table,
div.form table td {
	background:none;
	border:none;
	margin:0;
	padding:0;
	font-size:1em;
	}
/*** Fin de formulaire ***/
div.colonne {
	float:left;
	width:50%;
	}
	
/**************** STYLES PAR DEFAUT ELEMENTS DE FORMULAIRE ****************/
.show {
	display:block;
	visibility:visible;
	height:100%
	}
.hide, .form p.hide {
	display:none;
	visibility:hidden;
	height:0%;
	}
form {
	font-size:0.85em;
	margin:0;
	padding:0;
	}
div.form input,
div.form select {
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 5px 0 0;
	padding:2px;
	vertical-align:middle;
	border:1px solid #afafaf;
	}
div.form input.checkbox {
	border:none;
	}
div.form input.long {
	width:370px;
	}
div.form input#btvalider, div.form input#btvalider1, div.form input#btvalider2, div.form input#btterminer {
	border:none;
	}
div.form p.note {
	font-size:0.85em;
	font-weight:normal;
	padding:10px 0 5px 0;
	margin:0 5px;
	background:none;
	}
div.form p.legal {
	font:italic normal 0.85em Verdana, Arial, Helvetica, sans-serif;	
	padding:10px 85px 0 0;
	margin:0 5px;
	background:url(/img/logo_cnil.gif) 100% 100% no-repeat;
	min-height:76px;
	}
div.form fieldset {
	border:0;
	margin:0;
	padding:4px;
	}
div.form fieldset:hover {
	background-color:#DEDFE4;
	}
div.form p {
	margin:2px 0;
	padding:0;
	font-size:1em;
	font-weight:bold;
	display:block;
	}
div.form div.bouton {
	margin:5px auto;
	border:none;
	text-align:center;
	border:none;
}
div.form textarea {
	width:80%;
	margin:0;
	}
div.form textarea.etude, div.form textarea.simul {
	width:95%;
	margin:0 0 0 20px;
	}
div.erreur {
	margin:5px;
	}
div.erreur ul {
	padding:0;
	margin:0;
	}
div.erreur ul li {
	background:url(/img/fleche_erreur.gif) 0 3px no-repeat;
	color:#CC0000;
	font-weight:bold;
	margin:0;
	padding:0 0 0 10px;
	}
p.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;
	}

/******************* FORMULAIRE DEFISC AU CENTRE ************************/
div#col3 h5 {
	font:bold 11px/150% Verdana, Geneva, sans-serif;
	line-height:150%;
	margin:20px 0 0 20px;
	padding:0 0 0 0;
	text-align:left;
	color:#FF8D27;
}
div#col3 h5 span {
	background-color:#757575;
	border:1px solid #7D808B;
	border-bottom:3px solid #B2B5B8;
	color:#FFFFFF;
	font:bold 12px/150% Verdana, Geneva, sans-serif;
	margin:0 5px 0 0;
	padding:6px;
	text-transform:uppercase;
}
div#col3 div.form {
	background-color:#efefef;
	padding:10px;
	margin:7px 0 0 20px;
	border:1px solid #AFAFAF;
	width:960px;
	}
div#col3 div.form fieldset:hover {
	background-color:#efefef;
	}
div#col3 div.form table td {
	border:0 none;
	font-size:11px;
	padding:5px 5px 5px 0;
	vertical-align:top;
	width:50%;
}
div#col3 div.form label.moyen {
	float:left;
	font-weight:bold;
	margin:0 5px 0 0;
	width:160px;
}
div#col3 div.form input {
	border:1px solid #AFAFAF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.9em;
	margin:0 5px 0 0;
	padding:2px;
	vertical-align:middle;
	width:260px;
}
div#col3 div.form textarea.multiligne {
	border:1px solid #AFAFAF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.9em;
	margin:0 5px 0 0;
	padding:2px;
	vertical-align:middle;
	width:78%;
}
div#col3 div.form  p input {
	border:none;
	width:88px;
	margin:10px 0 0 0;
}
div#col3 div.form p.erreur {
	background:transparent url(/img/fleche_erreur.gif) no-repeat scroll 0 3px;
	color:#CC0000;
	font-weight:bold;
	line-height:130%;
	margin:5px 10px 10px 0px;
	padding:0 0 0 12px;
}

/******************* FORMULAIRE DEFISC AU CENTRE ************************/
/*FORMULAIRE CENTRE DEFISC*/
div.form_defiscCentre {
	background-color:#EFEFEF;
	border:1px solid #AFAFAF;
	margin:0 0 0 0;
	padding:0 4px 4px;
	width:569px;
	overflow:hidden;
}
div.form_defiscCentre h6 {
	color:#F16C00;
	font-size:1.4em;
	font-style:italic;
	font-weight:normal;
	margin:0 0 10px;
	padding:10px 0 0.2em;
}
div.form_defiscCentre p {
	margin:0 0 5px 0;
	overflow:hidden;
}
div.form_defiscCentre p.labelnormal {
	font-size:10px;
	font-weight:bold;
	margin:0;
	padding:0 0 5px 0;
	width:300px;
}
div.form_defiscCentre p.labellong {
	float:left;
	font-size:10px;
	margin:5px 5px 0 0;
	width:355px;
}
div.form_defiscCentre fieldset {
	border:none;
	margin:0;
	padding:0 4px 0 4px;
	border-bottom:1px dashed #666666;
	margin:0 0 8px 0;
	width:550px;
	clear:both;
}
div.form_defiscCentre table td {
	border:none;
	font-size:11px;
	margin:0;
	padding:0;
	background-color:#EFEFEF;
	width:50%;
}
div.form_defiscCentre table {
	border-collapse:collapse;
	font-size:11px;
	margin:0 0 5px 0;
	width:555px;
	border:none;
	font-size:11px;
	padding:0;
	background-color:#EFEFEF;
}
div.form_defiscCentre table.acocher {
	width:550px;
	margin:0 0 15px 0;
}
	/**label**/
div.form_defiscCentre label {
	font:normal 10px/140% Verdana, Geneva, sans-serif;
	float:left;
	font-weight:bold;
	margin:0;
	padding:3px 0 0;
}
div.form_defiscCentre label.moyen, div.form_defiscCentre p.labelmoyen {
	width:143px;
}
		/***1 seul choix***/
div.form_defiscCentre label.bulle {
	margin:0 5px 0 0;
	padding:0;
	font-weight:normal;
}
		/***choix multiple***/
div.form_defiscCentre label.checkbox {
	padding:0 0 0 0;
	width:220px;
	vertical-align:middle;
	font-weight:normal;
}

	/**select**/
div.form_defiscCentre select {
	font:normal 10px/140% Verdana, Geneva, sans-serif;
	border:1px solid #999999;
	vertical-align:middle;
	padding:2px;
	margin:0;
}
div.form_defiscCentre select.liste {
	width:130px;
}
div.form_defiscCentre select.long {
	width:406px;
}

	/**input**/
div.form_defiscCentre input {
	font:normal 10px/140% Verdana, Geneva, sans-serif;
	border:1px solid #999999;
	margin:0 5px 0 0;
	padding:2px;
	vertical-align:middle;
	float:left;
}
div.form_defiscCentre input.checkbox{
	width:15px;
	margin:0 5px 5px 0;
	float:left;
	border:none;
}
div.form_defiscCentre input.court {
	width:85px;
}
div.form_defiscCentre input.moyen {
	width:123px;
}
div.form_defiscCentre input.long {
	width:400px;
}
div.form_defiscCentre input.bulle {
	border:none;
}

	/**bouton**/
div.form_defiscCentre div.bouton{
	margin:0;
	text-align:center;
	width:560px;
	clear:both;	
}
div.form_defiscCentre div.bouton input {
	width:88px;
	border:none;
	margin:15px 0 10px 230px;
}

	/**legal - obligatoire**/
div.form_defiscCentre p.obligatoire {
	font:italic 10px/140% Verdana, Geneva, sans-serif;
	margin:0 0 5px 0;
	clear:both;
}
div.form_defiscCentre p.legal {
	background:transparent url(/img/logo_cnil.gif) no-repeat 0 0 ;
	font:italic 10px/100% Verdana, Geneva, sans-serif;
	margin:0 5px 0 0;
	min-height:76px;
	padding:0 0 0 95px;
}


	
/******************* FORMULAIRE DEFISC A DROITE ************************/
div#droite div.form {
	background-color:#efefef;
	border:1px solid #ff8d27;
	padding:0 0 5px 0;
	margin:0;
	}
div#droite div.form img {
	margin:0 0 0 4px;
	}
div#droite div.form form{
	padding:0;
	margin:0;
	}
div#droite div.form h5 {
	background:url(/img/titre_form_simul.gif) 0 0 no-repeat;
	color:#FFF;
	font: bold 1.2em/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	text-align:center;
	padding:3px;
	margin:0;
	height:32px;
	}
div#droite div.form h6 {
	font: bold 1.2em/100% Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-align:center;
	padding:0;
	margin:5px;
	}
div#droite .form label.normal, div#droite .form p.labelnormal {
	font-weight:bold;
	margin:5px 5px 5px 0;
	font-size:10px;
	}
div#droite .form label.moyen, div#droite .form .labelmoyen {
	font-weight:bold;
	float:left;
	width:125px;
	margin:0 5px 0 0;
	padding:3px 0 0 0;
	font-size:10px;
	}
div#droite .form label.court, div#droite .form .labelcourt {
	font-weight:bold;
	float:left;
	width:120px;
	margin:0 5px 0 0;
	}
div#droite .form label.petit {
	font-weight:normal;
	font-size:10px;
	}
div#droite .form table.acocher td{
	padding:0 5px 5px 0;
	}
div#droite .form p.note {
	padding:0px 0 5px 0;
	margin:0 5px;
	}
div#droite .form .champ {
	float:left;
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	padding:1px;
	vertical-align:middle;
	width:110px;
	color:#666;
	border:1px solid #867F71;
	}
div#droite .form .liste {
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	padding:1px;
	vertical-align:middle;
	width:125px;
	color:#666;
	border:1px solid #867F71;
	}
	
/************************ FORMULAIRE 2 COL ************************/
#formgauche {
	/*margin: 0px 280px 0 10px;*/
	float:left;
	margin: 20px 10px 0 10px;
	width:750px;
}
div#formgauche h5.form {
	background-color:#CC0000;
	color:#FFF;
	height:15px;
	font: bold 1.2em/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	text-align:center;
	padding:3px;
	margin:0 0 -10px 0;
	}
div#formgauche div.form {
	background-color:#efefef;
	border:1px solid #c7c8bf;
	padding:0 0 5px 0;
	margin:0 0 0 0;
	}
div#formgauche div.form form{
	padding:5px 0 0 0;
	margin:0;
	}
div#formgauche div.form h5 {
	background-color:#c7c8bf;
	color:#FFF;
	height:15px;
	font: bold 1.2em/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	text-align:center;
	padding:3px;
	margin:0;
	}
div#formgauche div.form h6 {
	background:none;
	font: bold 1.4em/130% Arial, Helvetica, sans-serif;
	color:#c7c8bf;
	text-align:center;
	padding:0;
	margin:5px;
	}
div#formgauche div.form h5.simul {
	background-color:#CC0000;
	color:#FFF;
	height:15px;
	font: bold 1.2em/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	text-align:center;
	padding:3px;
	margin:0;
	}
div#formgauche div.form h6.simul {
	background:none;
	font: bold 1.4em/130% Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-align:center;
	padding:0;
	margin:5px;
	}
div#formgauche label.long, div#formgauche .labellong {
	font-weight:bold;
	float:left;
	width:400px;
	margin:0 5px 0 0;
	}
div#formgauche label.normal, div#formgauche p.labelnormal {
	font-weight:bold;
	margin:0 5px 10px 0;
	width:450px;
	float:left;
	}
div#formgauche label.moyen, div#formgauche .labelmoyen {
	font-weight:bold;
	float:left;
	width:160px;
	margin:0 5px 0 0;
	}
div#formgauche label.court, div#formgauche .labelcourt {
	font-weight:bold;
	float:left;
	width:120px;
	margin:0 5px 0 0;
	}
div#formgauche label.petit {
	font-weight:normal;
	font-size:0.9em;
	}