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

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

/****** PAGES DE SUITE ******/
.form h1 {
	text-align:center;
	font:normal 22px/125% Arial, Helvetica, sans-serif;
	color:#EC4800;
	margin:0 0 0.5em 0;
	}
p.merci {
	text-align:center;
	font-size:14px;
	line-height:150%;
	padding:10px 0;
	}
p.merci strong{
	font-weight:bold;
	color:#EC4800;
	}
/****** FORMULAIRE A DROITE ******/
#droite .form{
	padding:0;
	margin:10px 0;
	color:#544A42;
	font-size:11px;
	border:2px solid #ff7800;
	background-color:#f0ebe6;
	}
#droite .form_petit{
	border:2px solid #ff7800;
	}
#droite .form_grand{
	border:2px solid #ec4800;
	}
#droite .form form{
	padding:0;
	margin:0;
	}
#droite .form p.titre_devis{
	background-color:#ffa800;
	font:normal 16px/1em Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:4px 0 2px 10px;
	margin:0;
	text-transform:uppercase;
	border-bottom:2px solid #ff7800;
	border-left:10px solid #ff7800;
	}
#droite .form p.titre_pro{
	background-color:#ff7800;
	font:normal 16px/1em Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:4px 0 2px 10px;
	margin:0;
	text-transform:uppercase;
	border-bottom:2px solid #ec4800;
	border-left:10px solid #ec4800;
	}
#droite .form input.champ {
	float:left;
	width:75px;
	font-size:11px;
	padding:2px;
	height:14px;
	}
#droite .form select {
	width:120px;
	font-size:10px;
	}
#droite .form fieldset {
	border:0;
	margin:0;
	padding:5px 10px;
	}
#droite div.bouton {
	float:left;
	margin:0 0 0 10px;
}
#droite div.bouton_centre {
	text-align:center;
	margin:5px 0 0 0;
	}
#droite .form small {
	font-size:10px;
	}
div#droite .form label.moyen, div#droite .labelmoyen {
	float:left;
	width:150px;
	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 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:5px 0;
	margin:0 10px;
	font-size:10px;
	color:#666;
	font-style:italic;
	}
	
/****** FORMULAIRE AU CENTRE ******/
#centre .form{
	padding:0;
	margin:0;
	color:#575246;
	font-size:11px;
	}
#centre .form form{
	padding:0;
	margin:0;
	}
#centre .form input.champ {
	width:160px;
	border:1px solid #CCC6BD;
	padding:2px;
	}
#centre .form fieldset textarea.multiligne {
	width:515px;
	border:1px solid #CCC6BD;
	margin:0 0 10px 0;
	padding:0;
	}
#centre .form select {
	width:145px;
	border:1px solid #CCC6BD;
	}
#centre .form fieldset {
	border:none;
	margin:5px 0;
	padding:0 0 5px 0;
	}
#centre .form fieldset.marketing {
	border-top:1px solid #DEDEDE;
	padding:10px 0 5px 0;
	}
#centre .form legend {
	font-size:14px;
	font-weight:bold;
	color:#706155;
	display:block;
	background-color:#FFF;
	padding:0 10px 0 0;
	}
#centre .form p.plus {
	clear:left;
	}
#centre .form p.plus a{
	font-size:11px;
	color:#544A42;
	text-decoration:none;
	}
#centre .form p.plus a span{
	color:#EC4800;
	text-decoration:underline;
	}
#centre .form p.plus a:hover{
	color:#EC4800;
	background-color:#FFF;
	}
#centre .form small {
	font-size:10px;
	}

div#centre .form label.normal, div#centre p.labelnormal {
	float:left;
	font-size:11px;
	width:280px;
	margin:0;
	padding:0 0 10px 0;
	}
div#centre .form label.long, div#centre .labellong {
	float:left;
	font-size:11px;
	width:320px;
	margin:0;
	padding:0 0 10px 0;
	}
div#centre .form label.moyen, div#centre .labelmoyen {
	float:left;
	width:145px;
	margin:0;
	padding:3px 5px 5px 0;
	}
div#centre .form label.court, div#centre .labelcourt {
	float:left;
	width:120px;
	margin:0 5px 5px 0;
	padding:3px 0 0 0;
	}
div#centre .form label.small, div#centre .labelsmall {
	float:left;
	width:45px;
	margin:0 5px 5px 0;
	padding:3px 0 0 0;
	}
div#centre .form label.mi_moyen{
	float:left;
	width:80px;
	margin:0 5px 5px 0;
	padding:3px 0 0 0;
	}
div#centre .form input.mi_long{
	float:left;
	width:195px;
	margin:0 5px 5px 0;
	padding:3px 0 0 0;
	border:1px solid #CCC6BD;
	}
div#centre .form input{
	float:left;
	margin:0 5px 5px 0;
	padding:3px 0 0 0;
	border:1px solid #CCC6BD;
	}
div#centre .form input#btvaliderdroite{
	float:none;
	border:none;
	}
div#centre .form .listeCivilite {
	float:left;
	margin:0 7px 0 0;
	padding:1px;
	vertical-align:middle;
	width:40px;
	}
div#centre .form table{
	border:none;
	padding:0;
	margin:10px 0 0 0;
	font-size:11px;
	}
div#centre .form table td{
	vertical-align:top;
	width:50%;
	border:none;
	padding:0 0 0 0;
	}
div#centre .form p.note {
	background:none;
	padding:0px 0 5px 0;
	margin:0 5px;
	}
div#centre input.bulle {
	padding:0;
	vertical-align:middle;
	margin:-3px 2px 0 10px;
	float:none;
	border:none;
	}
div#centre form td {
	margin:0;
	padding:0;
	}
#centre .devis {
	color:#544A42;
	font-size:13px;
	line-height:140%;
	margin:20px 20px 0 20px;
	padding:10px 15px;
	background-color:#FFF;
	border:1px solid #ffa800;
	}
#centre .devis h1 {
	font:bold 22px/125% Arial, Helvetica, sans-serif;
	color:#EC4800;
	margin:0 0 0.5em 0;
	text-align:left;
	z-index:-10;
	}
#centre .devis h1 span {
	font:normal 12px/125% Arial, Helvetica, sans-serif;
	color:#EC4800;
	}
#centre .devis h2 {
	font:bold 16px/125% Arial, Helvetica, sans-serif;
	color:#EC4800;
	margin:10px 0 0.5em 0;
	text-align:left;
	}
#centre .devis a{
	color:#EC4800;
	padding:2px;
	}
#centre .devis a:hover{
	background-color:#EC4800;
	color:#FFF;
	text-decoration:none;
	}
#centre .devis ul{
	list-style-type:none;
	margin:0.4em 0 0.8em 20px;
	}
#centre .devis ol{
	list-style-type: decimal;
	margin:0.4em 0 0.8em 30px;
	}
#centre .devis li{
	line-height:135%;
	margin:0 0 0.3em 0;
	}
#centre .devis ul li{
	background:url(/img/puce_li.gif) 0 5px no-repeat;
	padding:0 0 0.2em 10px;
	}
#centre .devis ul li ul li{
	background:url(/img/puce_li_li.gif) 0 5px no-repeat;
	padding:0 0 0 8px;
	}
	
/****** FORMULAIRE A GAUCHE ******/
#gauche .form{
	padding:0 0 5px 0;
	margin:30px 0;
	color:#544A42;
	font-size:11px;
	background-color:#ffa800;
	}
#gauche .form form{
	padding:0;
	margin:0;
	}
#gauche .form p.titre{
	text-align:left;
	background-color:#EC4800;
	font:bold 11px/135% Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:4px 10px;
	margin:0;
	text-transform:uppercase;
	}
#gauche .form input.champ {
	float:left;
	width:95px;
	font-size:11px;
	padding:2px;
	height:14px;
	margin:5px 0 0 0;
	}
#gauche .form select {
	width:140px;
	font-size:10px;
	margin:5px 0 0 0;
	}
#gauche .form fieldset {
	border:0;
	margin:0;
	padding:5px 10px;
	}
#gauche div.bouton {
	float:left;
	margin:5px 0 0 10px;
}
#gauche div.bouton_centre {
	text-align:center;
	margin:5px 0 10px 0;
	}
#gauche .form small {
	font-size:10px;
	}
div#gauche .form label.moyen, div#gauche .labelmoyen {
	float:left;
	width:150px;
	margin:0;
	padding:3px 0 0 0;
	}
div#gauche .form label.court, div#gauche .labelcourt {
	padding:5px 0;
	}
/******************* 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;
}