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

input, textarea, select {
	font-size : 11px;
	font-family : verdana, arial, sans-serif;
	border : 1px solid #666666;
	background-color: #FFFFFF;
}

/* Titre du formulaire */
form#form h2 {
	display : block;
	position : relative;
	float : left;
	clear : left;
	margin : 10px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

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

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

/* 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 {
	font-weight : bold;
	padding : 10px 0px 0px 0px;
}

/* Cellule affichant un champs de formulaire */
form#form table td.field {
	width : 226px;
}

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

/* Tout champs du formulaire */
form#form table td.field input {
	width : auto;
}

/* Tout bouton radio / case à cocher du formulaire */
form#form table td.field input.radio, form#form table td.field input.checkbox {
	border : 0px;
}

/* Champs date du formulaire */
form#form table td.field input#dateA, form#form table td.field input#dateD {
	margin : 4px 0px 0px 0px;
}

/* Le bouton de validation */
form#form table input#submit {
	display : block;
	position : relative;
	float : none;
	clear : none;
	width : auto;
	height : auto;
	margin : 10px auto 0px auto;
	background-color : #97B4C2;
	border : #97B4C2 1px solid;
	color : #FFFFFF;
	font-weight : bold;
	cursor : pointer;
}
form#form table input#submit:hover {
	border : #264768 1px solid;
	color : #264768;
}

/* 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 #D9302F solid;
    background-color : #FFDFDF;
    color : #000000;
}

/* Paragraphe affichant le message de confirmation après traitement */
p.success {
	display : block;
	position : relative;
	float : none;
	clear : left;
    width : 400px;
    margin : 2px auto 2px auto;
    padding : 2px;
    text-align : center;
    font-size : 11px;
	font-family : verdana, arial, sans-serif;
    font-weight : bold;
    color : #328D04;
    background-color : #DFFFDF;
    border : 1px #328D04 solid;
}

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



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

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

/* Message de confirmation */
p.info {
	display : block;
	position : relative;
	float : none;
	clear : left;
    width : auto;
    margin : 2px 0px 2px 0px;
    padding : 2px;
    text-align : center;
    font-size : 11px;
	font-family : verdana, arial, sans-serif;
    font-weight : bold;
    color : #328D04;
    background-color : #DFFFDF;
    border : 1px #328D04 solid;
}