@charset "UTF-8";

@media screen{
	#contenu form#formContact_contactClient {margin: 2em 0 2em 0; width: 920px; background: #e6e6e6; padding: 20px;}
	#contenu form#formContact_contactClient fieldset {float: left; margin: 0 20px; background: white; 
	width: 380px; min-height: 250px; padding: 20px;}
	#contenu form#formContact_contactClient legend {display: none;}
	#contenu form#formContact_contactClient p { position: relative; margin: 0.2em 0; font-size: 1.2em; }
	#contenu form#formContact_contactClient p label {
		position:relative; width: 150px; vertical-align: top;
		display: -moz-inline-box; display: inline-block;
		font-size: 1em; line-height:1.2em;
	}
	#contenu form#formContact_contactClient p label.radio { display: block; width: auto; }
	#contenu form#formContact_contactClient p input, 
	#contenu form#formContact_contactClient p textarea, 
	#contenu form#formContact_contactClient p select { position: relative; width:220px; }
	#contenu form#formContact_contactClient p input, #contenu form#formContact_contactClient p select { 
	border: none; background: url(../images/f-input.png)no-repeat 0 0; width: 190px; height: 16px; padding: 2px 5px;}
	#contenu form#formContact_contactClient p textarea {
	border: none; background: url(../images/f-textarea.png)no-repeat 0 0; width: 374px; height: 225px; }
	#contenu form#formContact_contactClient p select { width: 200px; height: 20px; line-height: 20px; }
	/* tous les champs checkbox */
	#contenu form#formContact_contactClient p input[type="checkbox"] { width: auto; }
	/* tous les champs radio */
	#contenu form#formContact_contactClient p input[type="radio"] { width: auto; }
	
	/* bouton submit */
	#contenu form#formContact_contactClient h4.btnenvoyer { font-size: 1em;}
	#contenu form#formContact_contactClient h4.btnenvoyer input {
	margin: 0 0 0 345px;
	width: 269px; height: 30px; font-size: 1.4em; 
	font-weight: bold; color: white; cursor: pointer; 
	border: none; background: url(../images/f-boutonenvoyer.png) no-repeat 0 0; 
	}
	
	/* champs obligatoires */
	#contenu p.messobligatoire { padding:5px 20px;}
	#contenu form#formContact_contactClient p.obligatoire, #contenu p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#contenu form#formContact_contactClient .obligatoire label, #contenu form#formContact_contactClient .obligatoire legend {
		width: 143px;
		padding-left: 7px;
		background: url(../images/etoile_obligatoire.png) no-repeat left top;
	}
	#contenu form#formContact_contactClient p.obligatoire input { }
	#contenu form#formContact_contactClient p.obligatoire span {
	display: block; position: relative; display: block; margin : -6px 0 1.2em 150px; padding: 12px 4px 2px 4px;
	width: 195px; background: url(../images/f-champoblogatoire.png) no-repeat;}
	#contenu form#formContact_contactClient .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
	.message, .messageConfirmation, .messageAlert { }
	
	p#message_envoye { font-size: 1.2em; font-weight: bold; }
	/*contactProduit*/
	#contenu form#formContact_contactProduit {margin: 36px 0 0 0; padding: 5em 10px 2em 10px; background: #fff url(../images/devisGratuit.gif) no-repeat 0 0;}
	#contenu form#formContact_contactProduit fieldset {float: left; display: inline; margin: 0 20px; 
	padding:10px; width: 400px; min-height: 300px; border: 1px solid #cdcdcd; }
	#contenu form#formContact_contactProduit legend {color: #e2001a; font-size: 2em;}
	#contenu form#formContact_contactProduit p { position: relative; margin: 0.2em 0; font-size: 1.2em; }
	#contenu form#formContact_contactProduit p label {
		position:relative; width: 177px; vertical-align: top;
		display: -moz-inline-box; display: inline-block;
		font-size: 1em; line-height:1.2em;
	}
	#contenu form#formContact_contactProduit p label.radio { display: block; width: auto; }
	#contenu form#formContact_contactProduit p input, #contenu form#formContact_contactProduit p textarea, #contenu form#formContact_contactProduit p select { 
	position: relative; width: 200px; 	}
	#contenu form#formContact_contactProduit p input {border: none; background: url(../images/f-input.png) 0 0; width: 190px; height: 16px; padding: 2px 5px;}
	#contenu form#formContact_contactProduit p textarea {border: none; background: url(../images/f-textarea.png) 0 0; width: 374px; height: 225px; }
	#contenu form#formContact_contactProduit p select { }
	/* tous les champs checkbox */
	#contenu form#formContact_contactProduit p input[type="checkbox"] { width: auto; }
	/* tous les champs radio */
	#contenu form#formContact_contactProduit p input[type="radio"] { width: auto; }
	
	/* bouton submit */
	#contenu form#formContact_contactProduit h4.btnenvoyer { font-size: 1em; text-align: right; }
	#contenu form#formContact_contactProduit h4.btnenvoyer input {width: 269px; height: 30px; font-size: 1.4em; font-weight: bold; color: white; cursor: pointer; border: none; background: url(../images/f-boutonenvoyer.png) no-repeat 0 0; }
	
	/* champs obligatoires */
	#contenu p.messobligatoire {clear: left; }
	#contenu form#formContact_contactProduit p.obligatoire, #contenu p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#contenu form#formContact_contactProduit .obligatoire label, #contenu form#formContact_contactProduit .obligatoire legend {
		padding-left: 0.7em;
		background: url(../images/etoile_obligatoire.png) no-repeat left top;
	}
	#contenu form#formContact_contactProduit p.obligatoire input { }
	#contenu form#formContact_contactProduit p.obligatoire span {
	display: block; position: relative; display: block; margin : -6px 0 1.2em 185px; padding: 12px 4px 2px 4px;
	width: 195px; background: url(../images/f-champoblogatoire.png) no-repeat; }
	#contenu form#formContact_contactProduit .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
}
@media print{ }