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

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

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

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

/* Tableau calé à gauche de la page */
form#form table.left {
	width : 347px;
	height : auto;
	margin : 5px 0 0 0;
	padding : 0;
	border-spacing : 4px;
}

/* Tableau calé à gauche / droite de la page */
form#form table.right {
	width : 347px;
	height : auto;
	margin : 5px 0 0 0;
	padding : 0;
	border-spacing : 4px;
}

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

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

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

/* 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 0 auto;
	padding : 4px;
	background-color : #999;
	border : #568CA6 1px solid;
	color : #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	cursor : pointer;
}
form#form table td.field input#submit:hover {
	border : #666 1px solid;
	color : #000;
}

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

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

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

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