@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:1px;
	vertical-align:middle;
	}
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;
	clear:both;
	padding:15px 0 0 0;
}
div.form textarea {
	width:80%;
	margin:0;
	}
div.erreur {
	margin:5px;
	}
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, div.form 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%;
	}
	
/******************* FORMULAIRE DEFISC AU CENTRE ************************/
div#centre div.form {
	background-color:#EBEAE6;
	padding:0 4px 4px 4px;
	margin:1em 0 0 0;
	}
div#centre div.form p.titre_etude {
	background-color:#cc0000;
	color:#FFF;
	padding:0.2em;
	margin:0 0 0.4em 0;
	font-size:1.7em;
	font-weight:normal;
	text-align:left;
	}
div#centre div.form h6 {
	color:#cc0000;
	font-size:1.4em;
	font-style:italic;
	font-weight:normal;
	padding:0 0 0.2em 0;
	margin:0;
	}
div#centre label.normal, div#centre p.labelnormal {
	font-weight:bold;
	margin:0 5px 10px 0;
	}
div#centre label.long, div#centre p.labellong {
	font-weight:bold;
	margin:5px 5px 0 0;
	float:left;
	width:355px;
	}
div#centre label.moyen, div#centre p.labelmoyen {
	font-weight:bold;
	float:left;
	width:130px;
	margin:0;
	padding:3px 0 0 0;
	}
div#centre label.court, div#centre .labelcourt {
	font-weight:bold;
	float:left;
	width:130px;
	margin:0 5px 0 0;
	}
div#centre table.acocher td{
	padding:0 0 5px 0;
	}

/******************* FORMULAIRE MAISON AU CENTRE ************************/
div#centre div.form_maison {
	background-color:#ebeae6;
	border:1px solid #D1D5DF;
	padding:10px;
	margin:0;
	}
div#centre div.form_maison fieldset{
	border:0;
	margin:0 0 10px 0;
	padding:5px 0;
	}
div#centre div.form_maison table, div#centre div.form_maison td{
	border:0;
	margin:0;
	background-color:#ebeae6;
	}
div#centre div.form_maison table{
	width:100%;
	padding:0;
	}
div#centre div.form_maison td{
	width:50%;
	padding:5px 0 0 0;
	vertical-align:middle;
	}
div#centre div.form_maison h1 {
	background-color:#c7c8bf;
	color:#FFF;
	padding:0.2em;
	margin:0 0 0.4em 0;
	}
div#centre div.form_maison h2 {
	padding:0 0 0.2em 0;
	margin:0;
	}
div#centre .form_maison legend {
	font:bold 12px/100% Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	color:#CC0000;
	}
div#centre .form_maison label, div#centre .form_maison p.labelnormal {
	font:normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
	}
div#centre .form_maison label.long, div#centre .form_maison p.labellong {
	font:normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	float:left;
	width:400px;
	}
div#centre .form_maison label.normal, div#centre .form_maison p.labelnormal {
	font:normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	float:left;
	width:320px;
	}
div#centre .form_maison label.moyen, div#centre .form_maison p.labelmoyen {
	float:left;
	width:140px;
	font:normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
	padding:3px 5px 10px 0;
	font-weight:normal;
	}
div#centre p.merci{
	text-align:center;
	}
div#centre p.merci strong{
	text-align:center;
	font-size:14px;
	color:#CC0000;
	line-height:140%;
	}
div#centre .form_maison .bulle {
	vertical-align:middle;
	}
div#centre .form_maison .champ {
	float:left;
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	padding:1px;
	vertical-align:middle;
	width:120px;
	color:#666;
	}
div#centre .form_maison .multiligne {
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	padding:5px;
	width:540px;
	color:#666;
	}
div#centre .form_maison .liste {
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	padding:1px;
	vertical-align:middle;
	width:125px;
	color:#666;
	}
div#centre .form_maison div.bouton {
	text-align:center;
	margin:5px 0;
}
div#centre .form_maison 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;
	}
	
/******************* FORMULAIRE DEFISC A DROITE ************************/
div#droite div.form {
	background-color:#EBEAE6;
	border:1px solid #cc0000;
	padding:0 0 5px 0;
	margin:0;
	}
div#droite div.form form{
	padding:0;
	margin:0;
	}
div#droite p.titre_simulation {
	background-color:#cc0000;
	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;
	}
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;
	}
div#droite .form label.checkbox {
	width:93px;
	font-weight:normal;
	}
div#droite .form label {
	font-weight:bold;
	float:left;
	width:120px;
	margin:0 5px 0 0;
	padding:3px 0 0 0;
	}
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:0.9em;
	}
div#droite .form table.acocher td{
	padding:0 5px 5px 0;
	}
div#droite .form p.note {
	padding:0px 0 5px 0;
	margin:0 5px;
	}

/******************* FORMULAIRE MAISON A DROITE ************************/
div#droite div.form_maison {
	background-color:#ebeae6;
	border:1px solid #c7c8bf;
	padding:0 0 5px 0;
	margin:15px 0;
	}
div#droite .form_maison fieldset{
	padding:5px;
	margin:0;
	border:0;
	}
div#droite div.form_maison h1 {
	background-color:#c7c8bf;
	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;
	}
div#droite .form_maison label, div#droite .form_maison .labelcourt {
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	padding:4px 0 0 0;
	float:left;
	width:140px;
	}
div#droite .form_maison .champ {
	float:left;
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	padding:1px;
	vertical-align:middle;
	width:68px;
	color:#666;
	}
div#droite .form_maison .liste {
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	padding:1px;
	vertical-align:middle;
	width:105px;
	color:#666;
	}
div#droite .form_maison fieldset div.bouton {
	float:left;
	margin:0 0 0 5px;
}
	
/************************ FORMULAIRE 2 COL ************************/
.devis540 {
	width:738px;
	overflow:hidden;
	float:left;
}
#droite_devis {
	float:left;
	width:280px;
}
#formgauche {
	margin: 0px 20px 0 10px;
}
.devis540 div.form {
	background-color:#ebeae6;
	border:1px solid #686153;
	padding:0 0 5px 0;
	margin:10px 0 0 0;
	}
.devis540 div.form form{
	padding:0;
	margin:0;
	}
.devis540 div.form h1 {
	background-color:#686153;
	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;
	}
.devis540 div.form h2 {
	background:none;
	font: bold 1.4em/130% Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-align:center;
	padding:0;
	margin:5px;
	}
.devis540 label.long, .devis540 .labellong {
	font-weight:bold;
	float:left;
	width:400px;
	margin:0 5px 0 0;
	}
.devis540 label.normal, .devis540e p.labelnormal {
	font-weight:bold;
	margin:0 5px 10px 0;
	width:450px;
	float:left;
	}
.devis540 label.moyen, .devis540 .labelmoyen {
	font-weight:bold;
	float:left;
	width:160px;
	margin:0 5px 0 0;
	}
.devis540 label.court, .devis540 .labelcourt {
	font-weight:bold;
	float:left;
	width:120px;
	margin:0 5px 0 0;
	}
.devis540 label.petit {
	font-weight:normal;
	font-size:0.9em;
	}

/******************* FORMULAIRE LANDING ************************/
div#gauche_landing {
	float:left;
	width: 430px;
	padding:0 0 0 20px;
	font-size:11px;
}
div#gauche_landing ul{
	margin:0;
}
div#gauche_landing strong{
	color:#c7c8bf;
	font-weight:bold;
	text-transform:uppercase;
}
div#droite_landing {
	margin: 0 0 0 470px;
	padding:50px 0 0 0;
}
div#centre_landing {
	width: 660px;
	margin:0 auto;
}
div#centre_landing div.form, div#droite_landing div.form {
	background-color:#ebeae6;
	border-right:2px solid #c7c8bf;
	border-bottom:2px solid #c7c8bf;
	border-left:2px solid #c7c8bf;
	padding:6px;
	margin:0;
	}
div#gauche_landing h5 {
	font:bold 20px/1em Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	}
div#centre_landing h5, div#droite_landing h5 {
	background-color:#c7c8bf;
	color:#FFF;
	margin:0;
	padding:0;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	}
div#centre_landing div.form h2, div#droite_landing div.form h2 {
	padding:0 0 0.4em 0;
	margin:0 auto;
	text-align:center;
	}
div#droite_landing div.form fieldset {
	border:0;
	margin:0;
	padding:4px 6px;
	}
div#centre_landing p.labelnormal, div#centre_landing label.normal, div#droite_landing label.normal, div#droite_landing p.labelnormal {
	font-weight:bold;
	margin:0 5px 10px 0;
	}
div#centre_landing label.long, div#centre_landing p.labellong, div#droite_landing label.long, div#droite_landing p.labellong {
	font-weight:bold;
	margin:5px 5px 0 0;
	float:left;
	width:355px;
	}
div#centre_landing label.moyen, div#centre_landing p.labelmoyen, div#droite_landing label.moyen, div#droite_landing p.labelmoyen {
	font-weight:bold;
	float:left;
	width:130px;
	margin:0;
	padding:3px 0 0 0;
	}
div#centre_landing label.court, div#centre_landing .labelcourt, div#droite_landing label.court, div#droite_landing .labelcourt {
	font-weight:bold;
	float:left;
	width:130px;
	margin:0 5px 0 0;
	}
div#centre_landing table.acocher td, div#droite_landing table.acocher td {
	padding:0 0 10px 0;
	}
	
div#footer_landing {
	clear:both;
	background:#c3cdd1 url(/img/fd_footer_landing.gif) 0 0 repeat-x;
	padding:20px;
	margin:0;
	font-size:11px;
	line-height:130%;
	overflow:auto;
	}
div#footer_landing h5{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0.5em 0;
	padding:0;
	}
div#footer_landing h6{
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	margin:0 0 0.5em 0;
	padding:0;
	}
div#footer_landing h3{
	font-size:12px;
	color:#4A4F59;
	font-weight:bold;
	font-style:normal;
	margin:0 0 0.8em 0;
	padding:0;
	}
div#footer_landing h3 strong{
	text-transform: uppercase;
	font-size:12px;
	}
div#footer_landing ul {
	margin:0;
	padding:0;
	line-height:130%;
}
div#footer_landing ul li {
	line-height:130%;
	}
div#footer_landing div.colonne {
	width:47%;
	float:left;
	margin:0 0 0 20px;
	/*border:1px solid black;*/
}

/**/
div.form input.liste, div.form select.liste {
	border:1px solid #999;
	padding:1px;
	width:105px;
	vertical-align:middle;
	color:#333;
	font:normal 11px/100% Arial, Helvetica, sans-serif;
}
div.form input.champ {
	border:1px solid #999;
	padding:2px;
	width:100px;
	vertical-align:middle;
	color:#333;
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	}