/********************************/
/*   FORM
/********************************/

/********************************/
/*   GENERAL
/********************************/

fieldset{ border: 1px solid #ADC0C8; position: relative; padding: 10px; margin: 0 0 15px; background-color: #FFFFFF; }

legend{ margin: 0 0 0 20px; padding: 0; color: #FF4200; font-weight: bold; font-size: 13px; } 

.form-field{ width: 200px; border: 1px solid #ADC0C8;}
.form-field:hover { border: 1px solid #53A2F2;}

textarea:hover { border: 1px solid #53A2F2; }

select:hover { border: 1px solid #53A2F2; }

.form-bloc{display:block; margin: 5px 0; width:100%; overflow:hidden}
.form-bloc label { 
	width: 200px; 
	height: auto; 
	color: #53A2F2; 
	display: block; 
	float: left; 
	text-align: right;
	padding: 0 5px 0 0; 
	font-weight: bold; 
}

.form-bloc.longlabel label{ margin: 0 0 3px 0; float: left; width: auto; }
.form-bloc.longlabel .form-blocfield{ margin-left: 210px; clear: both; display: inline;}
*html .form-bloc.longlabel .form-blocfield{ width: 100%; } /*Définition d'une taille pour IE6, sinon décalage du lien*/

.form-blocfield{ display:block; width:auto; float:left; }
.form-blocfield.display{ width: 420px; }

select.form-field{ width: 200px;}

.txtDessus{ margin: 0 0 20px 0;}
.txtDessous{ margin: 20px 0 0 0;}

#form{ padding: 0 10px 20px 10px 0; }

#form h2{ background:transparent url(img/page/puce_orange.gif) no-repeat scroll 0 0; color:#2983E8; padding:0 0 10px 25px; }

.submitControl { width: 200px; float: left; margin: 20px 0 20px 200px; display: inline;  } 
.form-submit { 
	background: url(img/form/form_btn.png) no-repeat 0 0;
	color: #FFF; 
	font-size: 13px;
	font-weight: bold;
	padding: 3px 0 7px 0; 
	width: 200px; 
	border: none;
} 

.form-submit:hover  { background: url(img/form/form_btn.png) no-repeat 0 100%; } 

.form-mandatorysign { color: #dd0000; font-family: Verdana; }

/*Champs arborescents*/

ul.hqcmField{ margin: 5px 0; }
ul.hqcmField li{ list-style-type: none; list-style-position: inside; margin: 0 0 0 5px;}
*html ul.hqcmField li, { list-style-position: outside;}

h4.hqcmField{ text-decoration: underline; font-size: 1em; color: #FF4200;}

/*Styles pour le double colonnage des input choix et choix arborescent*/
.form-bloc.twoColumns label{ margin: 10px 0; float: left; width: auto;}
.form-bloc.twoColumns .form-blocfield{ clear: both; display: inline;}
.form-bloc.twoColumns .c1, .form-bloc.twoColumns .c2{ float: left; width: 316px;}

.cnil{ padding: 0 10px 10px 10px; text-align: justify; width: auto; margin: 30px 0 0 0; font-size: 10px;}

/********************************/
/*   WARNING
/********************************/

#bloc-warning{ border:1px solid #AF2D18; padding: 10px; margin: 10px 0;}
#bloc-warning h3{ font-weight: bold; font-size: 1.5em; color: #FFF; background:#AF2D18; padding: 5px 0 5px 15px; margin: 0 0 10px 0;}
#bloc-warning li{ list-style-type: none; margin: 3px 0 3px 10px; }

/********************************/
/*   WARNING searchbox
/********************************/

#bloc-warning-searchbox{ background: url(img/bg_warning_searchbox.gif) no-repeat 0 0; margin: 10px 0;height:20px}
#bloc-warning-searchbox li{ list-style-type: none; margin: 3px 0 3px 10px; text-align:center;color:white;font-weight:bold;padding: 2px; }


/********************************/
/*   PREENREGISTREMENT
/********************************/

/*Chemin de fer*/

.cdf_form { 
	width: 100%; 
	height: 40px; 
	line-height: 40px; 
	background: url(img/form_breadCrumb_bg.png) top left no-repeat;
	margin: 0 0 20px 0;
}

.cdf_form li {
	float: left;
	width: 208px;
	padding: 0 10px 0 0;
	text-align: center;
	}

.cdf_form li .cdf_stepInfo {
	font: normal 11px Arial;
	color: #333;
	}

.cdf_form li .cdf_stepTitle {
	font: bold 12px Arial;
	color: #2a82e6;
	}

.large, select.large{ width: 300px; }