/* Bloc formulaire valable pour tous les formulaires */
form#form {
	width : 100%;
	margin : 0px;
	padding : 0px;
}

form#form h1 {
	font-size : 18px;
	font-family : arial;
	font-weight : bold;
	color : #6E90A6;
}

/* Tout champs du formulaire */
input, textarea, select {
	width : 100%;
	font-size : 12px;
	font-family : verdana, arial, sans-serif;
	border : 1px solid #D9E8F2;
	background-color: #FFFFFF;
	background-image : url(images/contenu/form.gif);
}

/* Tout bouton radio / case à cocher du formulaire */
input.radio, input.checkbox {
	border : 0px;
	background : none;
}

/* Tableau présentant les différents champs de formulaire */
form#form table {
	display : block;
	position : relative;
	float : left;
	clear : none;
	width : 255px;
	height : auto;
	margin : 5px 0px 10px 50px;
	padding : 0px;
	border-spacing : 1px;
}

/* Toute cellule d'un tel tableau */
form#form table td {
	padding : 0px;
	font-size : 12px;
	font-family : verdana, arial, sans-serif;
	color : #666;
}

/* Cellule affichant l'intitulé des champs */
form#form table td.label {
	width : 129px;
	font-weight : bold;
}

/* Cellule affichant l'intitulé des champs, occupant toute la largeur du tableau */
form#form table td.label2 {
	width : 255px;
	padding : 10px 0px 0px 0px;
	font-weight : bold;
}

/* Cellule affichant un champs de formulaire */
form#form table td.field {
	width : 255px;
}
form#form table td.field2 {
	width : 255px;
	text-align : left;
}

/* Cellule affichant un essage d'alerte */
form#form table td.alert {
	width : 255px;
    color : #AE0000;
    font-weight : bold;
}

/* Ligne vide espaçant des sections de formulaires */
td.empty_line {
	height : 20px;
	padding : 20px;
}

/* Le bouton de validation */
/*form#form table td.field input#submit {*/
form#form table + p input#submit {
	display : block;
	position : relative;
	float : none;
	clear : left;
	width : 68px;
	height : 22px;
	margin : 0px auto 0px auto;
	padding : 0px 7px 5px 7px;
	color : #FFF;
	font-weight : bold;
	background-image : url(images/contenu/button-off.png);
	background-repeat : no-repeat;
	border : none;
	cursor : pointer;
}
/*form#form table td.field input#submit:hover {*/
form#form table + p input#submit:hover {
	background-image : url(images/contenu/button-on.png);
}

/* Tout champs du formulaire en cours de saisie */
form#form table input.focusedField, form#form table textarea.focusedField, form#form table select.focusedField {
	background-color : #FFFFFF;
}

/* Tout champs erroné du formulaire */
form#form table input.errorField, form#form table textarea.errorField, form#form table select.errorField {
	margin : 0px;
    border : 1px #AE0000 solid;
    background-color : #FFDFDF;
    color : #000000;
}

/* Champs obligatoire */
span.asterisk {
    color : #AE0000;
    font-weight : bold;
}



/************************************* MESSAGES **********************************************/

/* Message d'alerte */
p.alert {
	display : block;
	position : relative;
	float : none;
	clear : left;
	width : 255px;
    margin : 2px 0px 2px 0px;
    padding : 2px;
    text-align : center;
    border : 1px #AE0000 solid;
    background-color : #FFDFDF;
    color : #AE0000;
    font-size : 12px;
	font-family : verdana, arial, sans-serif;
    font-weight : bold;
}

/* Paragraphe affichant le message de confirmation après traitement */
p.success {
    font-size : 12px;
	font-family : verdana, arial, sans-serif;
    font-weight : normal;
    color : #666;
	margin : 10px 0px 0px 0px;
	padding : 0px;
	height : 500px;
}