@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:#F16C00;
	font-weight:bold;
	margin:0;
	padding:0 0 0 10px;
	}
p.erreur {
	background:url(/img/fleche_erreur.gif) 0 4px no-repeat;
	color:#F16C00;
	font-weight:bold;
	margin:5px 10px;
	padding:3px 0 0 12px;
	line-height:130%;
	clear:both;
	}
p.retour {
	text-align:right;
}
p.retour a {
	font:normal 11px/120% Verdana, Geneva, sans-serif;
	background:transparent url(/img/previous.gif) no-repeat scroll 0 3px;
	color:#333333;
	margin:0 0 10px;
	padding:0 0 10px 10px;
	text-decoration:none;
}
p.retour :hover {
	color:#ff6600;
}
/*DROITE*/
	/**FORMULAIRES DROITE MAISON - SANTE - DIAGIMMO - B2B**/
div#droite div.form_pro, div#droite div.form_maison, div#droite div.form_sante, div#droite div.form_diagimmo {
	background-color:#f3f3f3;
	padding:0 0 5px 0;
	margin:0 0 15px 0;
	width:298px;
	color:#333333;
	}
div#droite div.form_pro {
	border:1px solid #FF8D27;
	}
div#droite div.form_maison, div#droite div.form_sante, div#droite div.form_diagimmo{
	border:1px solid #888888;
	}
div#droite img {
	display:block;
	margin:5px 0 0 0;
	}
div#droite form {
	padding:5px 0 0 0;
	}
div#droite form fieldset {
	padding:5px;
	margin:0;
	border:0;
	width:298px;
	border-bottom:none;
	}
div#droite form label {
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	padding:4px 0 0 0;
	float:left;
	width:80px;
	}
div#droite form input {
	float:left;
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	padding:2px;
	vertical-align:middle;
	width:120px;
	color:#666;
	border:1px solid #999;
	}
div#droite form select {
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	padding:1px;
	vertical-align:middle;
	width:205px;
	color:#666;
	border:1px solid #999;
	}
div#droite form fieldset div.bouton {
	float:left;
	margin:-4px 0 0 5px;
}
div#droite form fieldset div.bouton input {
	width:76px;
	border:none;
	float:left;
	padding:0;
}


/*CENTRE*/
	/**FORMULAIRE CENTRE MAISON - SANTE - DIAGIMMO**/
#centre div.form_maison p,
#centre div.form_sante p,
#centre div.form_diagimmo p {
	margin:0 0 3px 0;
	overflow:hidden;
}
#centre p.obligatoire {
	font:italic 10px/140% Arial, Helvetica, sans-serif;
	margin:0 0 0 5px;
}
#centre div.form_maison,
#centre div.form_sante,
#centre div.form_diagimmo {
	background-color:#f6f6f6;
	border:1px solid #888888;
	padding:10px;
	margin:0 0 10px 0;
	width:518px
	}
#centre div.form_maison fieldset,
#centre div.form_sante fieldset, 
#centre div.form_diagimmo fieldset {
	border:none;
	margin:0 0 8px 0;
	padding:5px 0 5px 0;
	border-bottom:1px dashed #41659c;
	overflow:hidden;
	background-color:#f6f6f6;
	clear:both;
	}
#centre div.form_maison table,
#centre div.form_sante table,
#centre div.form_diagimmo table {
	width:100%;
	padding:0;
	margin:-8px 0 0 0;
	background-color:#f6f6f6;
	border:0;
	}
#centre div.form_maison tr,
#centre div.form_sante tr, 
#centre div.form_diagimmo tr {
	margin:0;
	padding:0;
	}
#centre div.form_maison td,
#centre div.form_sante td, 
#centre div.form_diagimmo td {
	width:53%;
	padding:0;
	margin:0;
	background-color:#f6f6f6;
	border:none;
}
#centre div.form_maison td.checkbox,
#centre div.form_sante td.checkbox, 
#centre div.form_diagimmo td.checkbox {
	width:33%;
	padding:0 10px 0 0;
	margin:0;
	background-color:#f6f6f6;
	border:none;
}
#centre .form_maison legend, 
#centre .form_sante legend,
#centre .form_diagimmo legend {
	font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 20px;
	margin:0 0 7px 0;
	color:#FF6600;
	background:url(/img/rond_fleche.gif) 0 3px no-repeat;
}
	/**valeurs par defaut des differents champs**/
#centre .form_maison label,
#centre .form_sante label,
#centre .form_diagimmo label {
	font:normal 10px/100% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	vertical-align:middle;
	padding:5px 0 0 0;
	margin:0;
	width:200px;
}
#centre .form_maison input,
#centre .form_sante input, 
#centre .form_diagimmo input {
	font:normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	vertical-align:middle;
	color:#666666;
	padding:1px;
	margin:0;
	border:1px solid #999999;
	width:140px;
}
#centre .form_maison select,
#centre .form_sante select, 
#centre .form_diagimmo select {
	font:normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	vertical-align:top;
	color:#666666;
	padding:0;
	margin:0;
	width:146px;
	border:1px solid #999999;
}
#centre .form_maison textarea,
#centre .form_sante textarea, 
#centre .form_diagimmo textarea {
	font:normal 11px/100% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	vertical-align:middle;
	color:#666666;
	padding:5px;
	margin:10px 0 0 0 ;
	border:1px solid #999999;
	width:298px;
}
	/**valeurs specifiques**/
		/***label***/
#centre .form_maison label.bulle,
#centre .form_sante label.bulle, 
#centre .form_diagimmo label.bulle {
	vertical-align:middle;
	padding:0;
	margin:2px 15px 0 0;
	width:55px;
}
#centre .form_maison .marketing div label.bulle,
#centre .form_sante .marketing div label.bulle, 
#centre .form_diagimmo .marketing div label.bulle {
	margin:2px 10px 5px 3px;
	font-weight:normal;
	vertical-align:top;
	padding:0;
	width:20px;
}
			/****choix multiple****/
#centre .form_maison label.checkbox,
#centre .form_sante label.checkbox, 
#centre .form_diagimmo label.checkbox {
	vertical-align:middle;
	padding:0;
	margin:2px 15px 0 0;
	width:120px;
}
#centre .form_maison label.small,
#centre .form_sante label.small, 
#centre .form_diagimmo label.small {
	width:45px;
	padding:3px 5px 10px 0;
	margin:0;
}
#centre .form_maison label.moyen,
#centre .form_sante label.moyen, 
#centre .form_diagimmo label.moyen {
	width:85px;
	padding:3px 5px 10px 0;
	margin:0;
}
#centre .form_maison label.long,
#centre .form_sante label.long, 
#centre .form_diagimmo label.long{
	width:400px;
	padding:0 0 0 0;
}
		/***input***/
#centre .form_maison input.bulle,
#centre .form_sante input.bulle, 
#centre .form_diagimmo input.bulle {
	vertical-align:top;
	margin:0 5px 0 0;
	padding:0;
	border:none;
	width:15px;
}
			/****choix multiple****/
#centre .form_maison input.checkbox,
#centre .form_sante input.checkbox, 
#centre .form_diagimmo input.checkbox {
	vertical-align:top;
	padding:0;
	border:none;
	margin:0 5px 5px 0;
	width:15px;
	clear:both;
}
#centre .form_maison input.moyen,
#centre .form_sante input.moyen, 
#centre .form_diagimmo input.moyen {
	width:200px;
}
#centre .form_maison input.long,
#centre .form_sante input.long, 
#centre .form_diagimmo input.long {
	width:452px;
}
#centre .form_maison .marketing div input,
#centre .form_sante .marketing div input,
#centre .form_diagimmo .marketing div input {
	margin:0 0 0 0;
	vertical-align:top;
	padding:0;
}
		/***select***/
#centre .form_maison .small,
#centre .form_sante .small, 
#centre .form_diagimmo .small {
	margin:0 7px 0 0;
	width:50px;
}
		/***paragraphe***/
#centre .form_maison p.labellong,
#centre .form_sante p.labellong, 
#centre .form_diagimmo p.labellong {
	font:normal 10px/100% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	vertical-align:middle;
	width:400px;
	padding:0;
	margin:0;
	clear:both;
}
		/***formulaire garde-meuble***/
div.localisationDem {
	border-bottom:1px dashed #41659C;
	overflow:hidden;
	padding-bottom:5px;
	margin-bottom:5px;
}
div.localisationDem div.depart fieldset {
	border-right:1px solid #41659C;
}
div.localisationDem div.arrivee {
	padding-left:15px;
}
div.localisationDem div.depart, div.localisationDem div.arrivee {
	float:left;
	width:250px;
}
div.localisationDem div.depart fieldset, div.localisationDem div.arrivee fieldset {
	width:250px;
	border-bottom:none;
	margin:0;
}
#centre .form_maison input.champ_date_pick,
#centre .form_sante input.champ_date_pick, 
#centre .form_diagimmo input.champ_date_pick{
	width:85px;
}
div.localisationDem div.depart .multiligne, div.localisationDem div.arrivee .multiligne {
	width:222px;
}

	/**BOUTON**/
#centre .form_maison div.bouton,
#centre .form_sante div.bouton, 
#centre .form_diagimmo div.bouton {
	text-align:center;
	margin:8px 0 0 0;
	clear:both;
	padding:0;
	width:520px;
}
#centre .form_maison input#btvalider,
#centre .form_sante input#btvalider, 
#centre .form_diagimmo input#btvalider {
	margin:15px 0 15px 0;
	border:none;
	float:none;
	width:76px;
}
	/**LEGAL**/
#centre .form_maison p.legal,
#centre .form_sante p.legal, 
#centre .form_diagimmo p.legal {
	font:italic normal 0.85em Verdana, Arial, Helvetica, sans-serif;	
	padding:0 0 0 90px;
	margin:0 5px;
	background:url(/img/logo_cnil.gif) center left no-repeat;
	min-height:76px;
}
/*PAGE DE REMERCIEMENT*/
#centre p.merci, div.article p.merci{
	text-align:center;
}
#centre p.merci strong, div.article p.merci strong {
	text-align:center;
	font-size:14px;
	color:#FF6600;
	line-height:140%;
}


/*PAGE_FIN FORMULAIRE*/
div.colonne {
	float:left;
	width:50%;
	}
div#article div.article p.merci { 
	text-align:left;
	font-size:14px;
}
div#article div.article p.merci strong{
	text-align:left;
	font-size:16px;
}
div.autresProjets img {
	float:left;
	margin:0 10px 0 0;
}
div.autresProjets {
	margin:50px 0 0 0;
	padding:0 0 0 0;
}
div.autresProjets p {
	display:inline;
	float:left;
	font-size:12px;
}
div.autresProjets p strong {
	color:#FF6600;
	font-size:16px;
	line-height:140%;
}
div.colonnes {
	clear:both;
}
div.colonnes h3 {
	color:#FF6600;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:15px 0 10px 0;
	text-transform:uppercase;
	text-align:center;
}
div.colonnes a {
	color:#333333;
	font-size:12px;
	margin:0;
	padding:0;
	
	text-decoration:none;
}
div.colonnes a:hover {
	text-decoration:underline;
	color:#ff6600;
}
div.colonne2 {
	float:left;
	width:38%;
	margin:0 30px 0 30px ;
}
div.colonne3 {
	float:left;
	width:32%;
	margin:0 7px 0 0;
}
p.menu {
	text-align:right;
	font-size:14px;
	clear:both;
	padding:20px 0 0 0;
}
p.menu a {
	color:#FF6600;
	text-decoration:none;
}
p.menu a:hover {
	text-decoration:underline;
}
/******************* FORMULAIRE CONTACT ************************/
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:85px;
	margin:10px 0 0 0;
}
div#col3 div.form  p input#btvalider {
	width:76px;
}
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;
}