@charset "UTF-8";
@media screen {
	/************************/
	/* formulaire générique */
	/************************/
	#coldroite h3#header_contact {
		position: relative; margin: 0; padding: 22px 0 0 10px; width: 240px; height: 26px;
		font-family: Helvetica; font-size: 2.4em; font-weight: normal; color: #ec7404;
		background: url(../images/sprite.png) no-repeat 0 -32px;
		cursor: pointer;
	}
	#coldroite h3#header_contact.opened { background-position: -250px -32px; }
	#coldroite #body_contact {
		position: relative; display: block; margin: 0 0 2.5em 0; padding: 0 0 10px 0;
		background: url(../images/sprite.png) right bottom;
	}
	#coldroite form { position: relative;  margin: 0; padding: 0; font-family: Helvetica; }
	#coldroite form fieldset { position: relative;  margin: 0; padding: 10px; border: none; }
	#coldroite form legend { display: none; }
	#coldroite form p { position: relative; margin: 0; font-size: 1em; }
	#coldroite form p label {
		position:relative; padding: 0 0 0 10px; width: 75px; vertical-align: top;
		display: -moz-inline-box; display: inline-block;
		font-size: 1.2em; line-height:2em; color: #303030;
	}
	#coldroite form p label.radio { display: block; width: auto; }
	#coldroite form p input { 
		position: relative; margin: 0; padding: 2px 5px; width: 135px; height: 18px; line-height: 22px;
		color: #303030;
		background: url(../images/sprite.png) 0 -90px; border: none;
	}
	#coldroite form p textarea {
		position: relative; margin: 0; padding: 2px 5px; width: 135px; height: 46px;
		font-family: Helvetica; color: #303030; font-size: 1.2em;
		background: url(../images/sprite.png) 0 -134px; border: none;
	}
	#coldroite form p select {
		position: relative; margin: 0; padding: 2px 5px; width: 145px; height: 22px; line-height: 22px;
		color: #303030;
		background: url(../images/sprite.png) 0 -90px; border: none;
	}
	#coldroite form p input:hover,
	#coldroite form p select:hover,
	#coldroite form p input:focus,
	#coldroite form p select:focus { background-position: -145px -90px; }
	#coldroite form p textarea:hover,
	#coldroite form p textarea:focus { background-position: -145px -134px; }
	#coldroite form p.obligatoire input,
	#coldroite form p.obligatoire input:focus { background-position: 0 -112px; }
	#coldroite form p.obligatoire input:hover,
	#coldroite form p.obligatoire select:hover,
	#coldroite form p.obligatoire input:focus,
	#coldroite form p.obligatoire select:focus { background-position: -145px -112px; }
	/* tous les champs checkbox */
	#coldroite form p input[type="checkbox"] { width: auto; }
	/* tous les champs radio */
	#coldroite form p input[type="radio"] { width: auto; }
	
	/* bouton submit */
	#coldroite form h4.btnenvoyer { margin: 0 10px 0 95px; font-size: 1em; }
	#coldroite form h4.btnenvoyer input {
		position: relative; margin: 0; padding: 0; width: 145px; height: 25px;
		font-size: 0; color: white;
		border: none; background: url(../images/sprite.png) 0 -184px;
		cursor: pointer; 
	}
	#coldroite form h4.btnenvoyer input:hover { background-position: -145px -184px; }
	
	/* champs obligatoires */
	#coldroite p.messobligatoire { margin: 1em 10px; color: #303030; }
	#coldroite form p.obligatoire, #coldroite p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#coldroite form .obligatoire label {
		font-weight: bold;
		background: url(../images/etoile_obligatoire.png) no-repeat left 6px;
	}
	#coldroite form p.obligatoire input { }
	#coldroite form p.obligatoire span { display: block; margin-left: 95px; color: #de353a; }
	#coldroite form .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
	.message, .messageConfirmation, .messageAlert { }
	
	p#message_envoye { font-size: 1.2em; font-weight: bold; margin: 0 10px; }
	
	/**********************************/
	/* formulaires relatifs aux pages */
	/**********************************/
	#c2 form {  }
	#c2 form fieldset { margin: 0; padding: 10px; border: none; }
	#c2 form legend { display: none; }
	#c2 form p { position: relative; margin: 0 0 0.4em 0; font-size: 1em; }
	#c2 form p label {
		position:relative; display: block; padding: 0 0 0 10px;
		font-size: 1.2em; /*line-height:2em;*/ color: #303030;
	}
	#c2 form p label.radio { display: block; width: auto; }
	#c2 form p input { 
		position: relative; margin: 0; padding: 2px 5px; width: 150px; height: 18px; line-height: 22px;
		color: #303030;
		background: url(../images/sprite.png) -290px -90px; border: none;
	}
	#c2 form p textarea {
		position: relative; margin: 0; padding: 2px 5px; width: 150px; height: 46px;
		font-family: Helvetica; color: #303030; font-size: 1.2em;
		background: url(../images/sprite.png) -290px -134px; border: none;
	}
	#c2 form p select {
		position: relative; margin: 0; padding: 2px 5px; width: 160px; height: 22px; line-height: 22px;
		color: #303030;
		background: url(../images/sprite.png) -290px -90px; border: none;
	}
	#c2 form p input:hover,
	#c2 form p select:hover,
	#c2 form p input:focus,
	#c2 form p select:focus { background-position: -450px -90px; }
	#c2 form p textarea:hover,
	#c2 form p textarea:focus { background-position: -450px -134px; }
	#c2 form p.obligatoire input,
	#c2 form p.obligatoire input:focus { background-position: -290px -112px; }
	#c2 form p.obligatoire input:hover,
	#c2 form p.obligatoire select:hover,
	#c2 form p.obligatoire input:focus,
	#c2 form p.obligatoire select:focus { background-position: -450px -112px; }
	/* tous les champs checkbox */
	#c2 form p input[type="checkbox"] { width: auto; }
	/* tous les champs radio */
	#c2 form p input[type="radio"] { width: auto; }
	
	/* bouton submit */
	#c2 form h4.btnenvoyer { margin: 0 10px; font-size: 1em; }
	#c2 form h4.btnenvoyer input {
		position: relative; margin: 0; padding: 0; width: 160px; height: 25px;
		font-size: 0; color: white;
		border: none; background: url(../images/sprite.png) -290px -184px;
		cursor: pointer; 
	}
	#c2 form h4.btnenvoyer input:hover { background-position: -450px -184px; }
	
	/* champs obligatoires */
	#c2 p.messobligatoire { margin: 1em 10px; color: #303030; }
	#c2 form p.obligatoire, #contenu p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#c2 form .obligatoire label, #contenu form .obligatoire legend {
		font-weight: bold;
		background: url(../images/etoile_obligatoire.png) no-repeat left top;
	}
	#c2 form p.obligatoire input { }
	#c2 form p.obligatoire span { position: relative; display: block; color: #de353a; margin-bottom: 0.5em; }
	#c2 form .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
	.message, .messageConfirmation, .messageAlert { }
	
	p#message_envoye { font-size: 1.2em; font-weight: bold; }
}
@media print{ }