/* ------------------------------------------------ */
/* ---------- style_contacts.css ---------- */
/* ------------------------------------------------ */


/* ----- @Id : contact_form ----- */
/* Formulaire de contact */
/* Marges externes */
#contact_form { 
	clear: left;
	width: 600px;
	height: 425px;
	margin: 0 auto 2em;
	padding: 2em 0.5em 0;
	background: url(../images/back_contacts.png) no-repeat top left; 
}	


/* ----- @Class : form_left & form_right ----- */
/* 2 conteneurs séparent les catégories du formulaire en 2 colonnes */
/* Positionnement commun des conteneurs */
.form_left, .form_right { float: left;}
/* Taille et marges externes des conteneurs */
.form_left { width: 150px; padding-left: 3em; margin-bottom: 1.5em;}
.form_right { width: 150px; padding-left: 7em; margin-bottom: 1.5em;}
/* Marge externe gauche des boutons radios */
.form_left input, .form_right input { width: 180px; margin-left: 1.5em;}


/* ----- @Id : suggestion_field ----- */
/* Conteneur pour la suggestion */
/* Taille, marges externes, etc... */
#commentaires{
	float: left;
	padding-left: 3em;
	margin-top: 1em;
	margin-bottom: 1.5em;
}
#commentaires textarea {
	margin-left: 1.5em;
}


/* ----- @Id : email_field ----- */
/* Conteneur pour l'email */
/* Taille et marges externes du champ de saisie de l'email */
/* Pour que le titre apparaisse au même niveau que le champ de saisie */
/* ----- @Id : send_button ----- */
/* Bouton Envoyer */
/* Marge externe gauche */
#button_div {
	clear: left; 
	padding-left: 15.5em;
}
#button_div #send_button { float: left;}