@charset "UTF-8";

@media screen{
	#contenu form {margin:1em 0 1em 0;}
	#contenu form fieldset {position : relative; margin-top:1em; border:1px solid #c0c0c0; padding:0.5em;}
	#contenu form legend {font-size:1.4em;	color:#b0c627;	padding-left:17px;	line-height:15px;}
	
	#contenu form fieldset#fieldset_0 legend {background:url(../images/picto-facturation.png) no-repeat left center;	}
	
	#contenu form fieldset#fieldset_0 fieldset {
		font-size: 1.2em; 
		color:#666;		
		margin: 0;
		padding: 0;
		border: none;
	}
	#contenu form fieldset#fieldset_0 fieldset legend {background:none; display: none; }
	#contenu form fieldset#fieldset_0 fieldset ul {margin : 0 0 0 14.5em; list-style: none;}
	#contenu form fieldset#fieldset_0 fieldset ul li { display: inline;	}
	
	#contenu form fieldset#fieldset_1 legend {background:url(../images/picto-caddie.png) no-repeat left center;}
	#contenu form#formContact_contactDecoludo fieldset#fieldset_0 legend {background:url(../images/picto-vous.png) no-repeat left center;}
	#contenu form#formContact_contactDecoludo fieldset#fieldset_1 legend {background:url(../images/picto-voscoord.png) no-repeat left center;}
	#contenu form#formContact_contactDecoludo fieldset#fieldset_2 legend {background:url(../images/picto-votremessage.png) no-repeat left center;}
	#contenu form p {
		position: relative;
		font-size: 1.2em;
		margin: 0.2em 0;
		color:#666;
	}
	#contenu form label {
		position:relative;
		display: -moz-inline-box;
		display: inline-block;
		font-size: 1em;
		line-height:1.3em;
		width: 15em;
		vertical-align: top;
	}
	#contenu form label.radio {
		display: block;
		width: auto;
	}
	#contenu form fieldset#fieldset_0 label.radio{
		display: inline;
	}
	#contenu form p input, #contenu form p textarea, #contenu form p select {
		position: relative;
		width: 22em;
		height: 1.2em;
		border:1px solid #c0c0c0;		
	}
	#contenu form label.radio input{
		width: auto;
		height: auto;
		border: none;
	}
	#contenu form p textarea {
		height: 5em;
	}
	#contenu form p select {
	}
	
	/* bouton submit */
	#contenu form h4.btnenvoyer {
		text-align:right;
		margin-top:0.5em;
	}
	#contenu form h4.btnenvoyer input {
		background:url(../images/fond-processus-cmd-on.png) no-repeat;
		width:193px;
		height:24px;
		line-height:24px;
		border:none;
		font-size:1.1em;
		font-weight:bold;
		color:#bc1548;
		cursor:pointer;
	}
	
	/* champs obligatoires */
	#contenu p.messobligatoire { color:#bc1548; padding-left: 20px; background: url(../images/picto-remise.png) no-repeat left center;	}
	#contenu form p.obligatoire, #contenu p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
		color:#bc1548;
	}
	#contenu form .obligatoire label, #contenu form .obligatoire legend {	
		width: 14.3em;
		padding-right: 0.7em;
		background: url(../images/etoile_obligatoire.png) no-repeat right top;
	}
	#contenu form .obligatoire label.radio {width: 16em;}
	#contenu form p.obligatoire input {
	}
	#contenu form p.obligatoire span { 
		display: block;
		padding-left: 12px; color: #666; font-size: 0.8em;
		background: url(../images/flechetri-haut.png) no-repeat left center;
	}
	#contenu form p.obligatoire span.euro {display: inline; padding: 0; background: none; }
	#contenu form .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
	.message, .messageConfirmation, .messageAlert { }
	
	#contenu form.choixModeLivraison .obligatoire label {width: 18em;}
	p#message_envoye { font-size: 1.2em; font-weight: bold; }
	
	/* spécifique à la page nous contacter */
	#formContact_contactDecoludo { position: relative; float: left; width: 440px; margin-right: 0; }
	#contenu form#formContact_contactDecoludo label { width: 10.7em; }
	#contenu form#formContact_contactDecoludo p.obligatoire label { width: 10em; }
	#contenu form#formContact_contactDecoludo label.radio { width: auto; }
}
@media print{
  /* ... définition de formats pour l'impression ... */
}