/* Modif bloc intro */
.chapo_titre, .chapo_soustitre, .chapo_texte {
	width : 100%;
}

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

/* Titre du formulaire */
form#contact h2 {
	display : block;
	position : relative;
	float : left;
	clear : left;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FA8800;
}

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

/* Tableau calé à gauche de la page */
form#contact table.left {
	display : block;
	position : relative;
	float : left;
	clear : left;
	width : 183px;
	height : auto;
	margin : 5px 0px 0px 0px;
	padding : 0px;
	border-spacing : 1px;
}

/* Tableau calé à gauche / droite de la page */
form#contact .left, form#contact .right {
	width : 183px;
	height : auto;
	padding : 0px;
	vertical-align : top;
}

/* Toute cellule d'un tel tableau */
form#contact table td {
	padding : 0px;
}

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

/* Cellule affichant l'intitulé des champs date */
form#contact table td.label_date {
	padding : 4px 0px 0px 0px;
	white-space : nowrap;
	font-weight : bold;
}

/* Cellule affichant l'intitulé des champs nombre */
form#contact table td.label_nb {
	white-space : nowrap;
	font-weight : bold;
}

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

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

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

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

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

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

/* Le bouton de validation */
form#contact table input#submit {
	display : block;
	position : relative;
	float : none;
	clear : none;
	width : auto;
	height : auto;
	margin : 10px auto 0px auto;
	/*background-color : #666666;
	color : #CCCCCC;
	font-weight : bold;*/
}

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

/* Tout champs erroné du formulaire */
form#contact table input.errorField, form#contact table textarea.errorField, form#contact 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 : #FF7248;
    font-weight : bold;
}



/* Message de confirmation / erreur */
p.alerte {
	display : block;
	position : relative;
	float : none;
	clear : left;
	margin : 2px;
	padding : 2px;
	background-color : #FFF2CF;
	border : 1px #FF7248 solid;
	text-align : center;
	font-weight : bold;
	color : #000000;
}