/* Bloc formulaire valable pour tous les formulaires */
form#form {
	width : 355px;
	margin : 0px 0px 0px 50px;
}

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

/* Tout champs du formulaire */
input, textarea, select {
	font-size : 11px;
	font-family : verdana, arial, sans-serif;
	border : 1px solid #6E90A6;
	background-color: #FFFFFF;
}

/* 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 : none;
	clear : left;
	width : 355px;
	height : auto;
	margin : 5px 0px 0px 0px;
	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 : #666;
}

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

/* 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;
}
form#form table td.field2 {
	text-align : left;
}

/* 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;
}

/* 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 {
	display : block;
	position : relative;
	float : none;
	clear : none;
	width : auto;
	height : auto;
	margin : 10px auto 0px auto;
	background-color : #6E90A6;
	border : #666 1px dotted;
	color : #FFFFFF;
	font-weight : bold;
	cursor : pointer;
}
form#form table td.field input#submit:hover {
	border : #666 1px solid;
	color : #666;
}

/* 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;
}

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



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

/* Message d'alerte */
p.alert {
	display : block;
	position : relative;
	float : none;
	clear : left;
	width : 355px;
    margin : 2px 0px 2px 0px;
    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;
}

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