/* CSS Document */

/* CSS Document */
form.formclassique{
margin:0 0 0 0;
padding:0;
}
form.formclassique fieldset {	/*** Mise en forme des cadres ***/
margin: 0 0 0 0;
padding:0 0 0 0;
border:0px;
width:auto;
} 

form.formclassique textarea {	/*** Mise en forme des titres des cadres ***/
width: 180px;
border: 1px solid #0f293e;
} 
form.formclassique p {	/*** Mise en forme des lignes du formulaire ***/
padding: 2px 0 2px 25px;
margin: 0;
clear:both;
float:none;
} 
form.formclassique label {	/*** Mise en forme des intitulés de champs ***/
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 220px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: left;	/*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0;
line-height: 15px;	/*** ... et centrés verticalement. ***/
font-weight:bold;
}
form.formclassique input {	/*** Mise en forme des intitulés de champs ***/
width: 180px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
border: 1px solid #0f293e;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
} 

form.formclassique label:hover{
cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
background: #F9F8F9;
color: black;
}
.normal {	/*** Retour à l'état normal après l'utilisation ***/
background: white;
color: black;
}
.fielderror {
color: red;
}
.fieldreq { 
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 120px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: left;	/*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0;
line-height: 15px;	/*** ... et centrés verticalement. ***/
font-weight:bold;
}

form.formclassique input.checkbox{
	width:auto;
	border:0;
}
form.formclassique input.bton{
	width:auto;
	border: solid;
	
}