@charset "utf-8";
/* commun */
/* modifs bNAv #formDiagnostic label, #formEnAgence label, #formRappel label, #formTirage label {display:none}*/
#formDiagnostic input, #formEnAgence input, #formRappel input, #formTirage input{ margin:0 0 2px 0}
#formlegal { font-style:italic; font-size:0.9em; padding-top:10px}
/* formulaire diagnostic*/
#zoneFormulaire { width:517px; clear:both}
#formDiagnostic { 
	background:#FFFFFF url(/Images/form_diagnostic.gif) left top no-repeat; 
	min-height:363px; margin-top:10px
}
* html #formDiagnostic {height:363px}
#formDiag_l1 {margin-left:55px; height:32px; width:300px}
#formDiag_l1 #civilite_1{margin-left:50px !important}
#formDiag_l1 #civilite_2{margin-left:50px !important}
#formDiag_l2 {padding-left:40px; height:25px; width:410px}
#formDiag_l2 #prenom{ margin-left:75px}
#formDiag_l3 {margin-left:110px; height:40px; width:300px}
#formDiag_l4 {margin-left:60px; height:36px; width:400px}
#formDiag_l5 {margin-left:75px; height:36px; width:380px}
#formDiag_l6 {margin-left:75px; height:48px; width:370px}
#formDiag_l5 #ville {margin-left:60px !important}
#formDiag_l6 #email {margin-left:60px !important}
#formDiag_l7 {margin:22px 0 0 -3px; height:30px; width:300px}
#formDiag_l8 {margin-left:-3px; height:30px; width:400px}
#formDiag_l9 {margin-left:-3px; height:50px; width:400px; border:1px solid red}
#formDiag_l10 {margin-left:150px}
#conjoint {display:none}
#formDiag_l1, #formDiag_l2, #formDiag_l3, #formDiag_l4, #formDiag_l5, 
#formDiag_l6, #formDiag_l7, #formDiag_l8, #formDiag_l9 {border:1px solid #FFFFFF}

/* gestion des erreurs*/
#validationMessage ul {margin-left:15px; margin-top:10px}
#validationMessage li { list-style-image:url(/Images/puce_rouge.gif); padding-left:10px; color:#415373; font-weight:bold}
#validationMessage h3 { background:url(/Images/form_erreurtitle.gif) left top no-repeat; height:19px}
input.desinput {background-color:#f2fbfd; border:1px solid #80adbe}
input.width50 {width:50px}
input.width83 {width:83px}
input.width145 {width:145px}
input.width161 {width:161px}
input.width216 {width:216px}
input.width270 {width:270px}
input.width330 {width:330px}
input.width388 {width:388px}
.btCalendrier {
	background:url(/Images/form_calendar.gif) left center no-repeat;
	width:28px; height:27px; border:none; cursor:pointer
}
input#submitDemande { 
	background:url(/Images/bt_envoyerdemande.gif) left top no-repeat;
	width:200px; height:81px; border:none; cursor:pointer
}
input#submitInscrire { 
	background: url(/Images/bt_inscrivezvous.gif) left top no-repeat;
	width:200px; height:86px; border:none; cursor:pointer
}

/* retour erreur*/
#myForm .red {border: 1px solid #d62b27}
#myForm label.red {border: none; color: #d62b27}
#myForm .customRed {border: none; color: #d62b27}
#validationMessage {
	padding: 5px;
	border: 1px dashed #d62b27;
	display: none;
}
/* formulaire en agence*/
#formEnAgence {
	background:#FFFFFF url(/Images/form_enagence.gif) left top no-repeat; 
	min-height:365px; margin-top:10px
}
* html #formEnAgence { height:365px}
* html #formDiagnostic {height:363px}
#formAgence_l1 {margin-left:35px; height:32px; width:350px}
#formAgence_l1 {margin-left:55px; height:32px; width:300px !important}
#formAgence_l1 #civilite_1{margin-left:50px !important}
#formAgence_l1 #civilite_2{margin-left:50px !important}
#formAgence_l2 {padding-left:40px; height:25px; width:410px}
#formAgence_l2 #prenom{margin-left:75px}
#formAgence_l3 {margin-left:110px; height:40px; width:300px}
#formAgence_l4 {margin-left:60px; height:36px; width:400px}
#formAgence_l5 {margin-left:75px; height:36px; width:380px}
#formAgence_l6 {margin-left:75px; height:48px; width:370px}
#formAgence_l5 #ville {margin-left:60px !important}
#formAgence_l6 #email {margin-left:60px !important}
#formAgence_l7 {margin:22px 0 0 -3px; height:40px; width:280px}
#formAgence_l8 {margin-left:-3px; height:35px; width:340px}
#formAgence_l9 {margin-left:0px; height:60px; width:300px}
#formAgence_l10 {margin-left:150px}

#formAgence_l1, #formAgence_l2, #formAgence_l3, #formAgence_l4, #formAgence_l5, 
#formAgence_l6, #formAgence_l7, #formAgence_l8, #formAgence_l9, #formAgence_l0 {border:1px solid #FFFFFF}

#block_confirmation {
	background:url(/Images/background_confirmation.gif) left top no-repeat;
	width:810px; height:427px; margin-top:10px
}
/*#block_confirmation img { border:1px solid red}*/
#block_confirmation_l1 { }
#block_confirmation_l1 img { width:200px; height:50px}
#block_confirmation_l2 {margin-left:500px}
#block_confirmation_l2 img {width:200px; height:110px}
#block_confirmation_l3 {margin-top:50px; margin-left:500px}
#block_confirmation_l3 img {width:200px; height:100px}
/**/


/*--- avant Bnav-----  
#formRappel{ 
	background:#FFFFFF url(/Images/form_rappel.gif) left top no-repeat; 
	min-height:327px; margin-top:10px; width:506px
}*/
#formRappel{ 
	background:#FFFFFF url(/Images/form_rappel_v2.gif) left top no-repeat; 
	min-height:327px; margin-top:10px; width:506px
}

* html #formRappel{height:331px}
#formRappel_l1 {margin:0 0 0 10px; height:20px; width:450px} 
#formRappel_l1 #civilite_0{margin:0 0 0 68px !important}
#formRappel_l1 #civilite_1{margin:0 0 0 10px !important}
#formRappel_l1 #civilite_2{margin:0 0 0 10px !important}

#formRappel_l2 {padding:0 0 0 10px; height:42px; width:420px}
#formRappel_l2 #nom{margin:0 0 3px 88px !important; margin:0 0 0 88px}
#formRappel_l2 #prenom{margin:1px 0 2px 68px !important; margin:0 0 0 68px}

#formRappel_l3 {height:17px; margin:0px 0 0 10px !important; margin:0 0 0 10px; width:220px;}
#formRappel_l3 #datenaissance{margin:3px 0 0 5px !important}

#formRappel_l4 {margin:7px 0 0 10px !important; margin:1px 0 0 10px; height:19px; width:400px}
#formRappel_l4 #adresse{margin:0 0 2px 69px !important; margin:0 0 0px 69px}

#formRappel_l5 {margin:2px 0 0 10px !important; margin:2px 0 0 10px; height:40px; width:400px}
#formRappel_l5 #codepostal{margin:0 0 4px 37px !important; margin:0 0 0px 37px}
#formRappel_l5 #ville{margin:0 0 0 82px !important; margin:0px 0 0px 82px}

#formRappel_l6 {margin:4px 0 0 10px !important; margin:0px 0 0px 10px; height:40px; width:385px}
#formRappel_l6 #tel{margin:0 0 4px 52px !important; margin:0 0 0 52px}
#formRappel_l6 #email{margin:0 0 0 79px !important; margin:0px 0 0 79px }

#formRappel_l7 {margin:22px 0 0 -3px; height:40px; width:280px}

#formRappel_l8 {margin-left:-3px; height:60px; width:310px}

#formRappel_l9 {padding-left:10px; height:60px; width:300px}
#formRappel_l10 {margin-left:150px}

#formRappel_l1, #formRappel_l2, #formRappel_l3, #formRappel_l4, #formRappel_l5, 
#formRappel_l6, #formRappel_l7, #formRappel_l8, #formRappel_l9 {border:1px solid #FFFFFF}

/* tirage*/
#formTirage {
	background:#FFFFFF url(/Images/form_tirage.gif) left top no-repeat; 
	min-height:227px; margin-top:10px; width:506px
}
* html #formTirage {height:227px}
#formTirage_l1 {margin-left:55px; height:34px; width:400px}
#formTirage_l1 #civilite_1{margin-left:50px !important}
#formTirage_l1 #civilite_2{margin-left:50px !important}
#formTirage_l2 {padding-left:55px; height:25px; width:420px}
#formTirage_l2 #prenom {margin-left:70px}
#formTirage_l3 {margin-left:115px; height:42px; width:300px}
#formTirage_l4 {margin-left:55px; height:36px; width:420px}
#formTirage_l5 {margin-left:80px; height:36px; width:380px}
#formTirage_l5 #ville { margin-left:55px}
#formTirage_l6 #email { margin-left:50px}
#formTirage_l6 {margin-left:80px; height:70px; width:400px}
#formTirage_l7 {margin-left:30px; height:55px; width:420px}

#formTirage_l1, #formTirage_l2, #formTirage_l3, #formTirage_l4, 
#formTirage_l5, #formTirage_l6, #formTirage_l7 {border:1px solid #FFFFFF}

/* --------------- ajout Bnav ------------------ */
form {
	width: 500px;
	padding: 10px 20px;
	/*background: white;*/
	color: #415373;
	/*font-size:68.75%;
	font-family:Arial,Helvetica,sans-serif;*/
}
form p {
	margin: 1em 0;
}
form p.double_MSG_form {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
	margin-left:0px;
}
form p.radio_MSG_form{
margin:0 0 0 0px;
vertical-align:middle;
overflow: hidden;
width: 100%;
} 

form p.double_MSG_form label {
	float: left;
	width: 200px;
	text-align: left;
}
form p.double_MSG_form label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}
form p.double_MSG_form input,
form p.double_MSG_form textarea {
	/*width: 250px;*/
	margin-left: -70px;
	padding: 2px 4px;
	background-color:#F2FBFD;
    border:1px solid #80ADBE;
}
form p.double_MSG_form textarea {
	padding: 2px 0 0 4px;
	width: 320px;
	height: 6em;
}
form p.simple {
	margin-left: 160px;
}

.font_MSG_form {
font-weight:bold;
text-transform: uppercase;
margin:0;
padding:0;
}
.asterisque_MSG {
font-weight:bold;
text-transform: uppercase;
margin:0px;
padding:0px;
color:red;
}
.MSG_field_background{
background-color:#F2FBFD;
border:1px solid #80ADBE;
width:66px;
/*margin:0 0 0 29px;*/
}
.MSG_FORM_txt{
padding:0 65px 0 2px;
margin:0;
}