@charset "UTF-8";

@media screen{
	#contenu form {
		position: relative;
		width: 600px;
		margin: 0 0 20px 40px;
		padding: 20px 0 0 0;
		background: url(../images/f-form.png) no-repeat;
	}
	#contenu form fieldset {
		position: relative;
		margin: 0 20px;
		padding: 0 0 20px 0;
		width: 560px;
		border: none;
		border-bottom: 1px solid #009a54;
	}
	#contenu form legend {
		position: relative;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: bold;
		font-size: 1.6em;
		color: #009a54;
		width: 545px;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: 1px solid #009a54;
	}
	#contenu form p {
		position: relative;
		font-size: 1.2em;
		margin: 0.2em 0;
	}
	#contenu form p label {
		position:relative;
		display: -moz-inline-box;
		display: inline-block;
		font-size: 1em;
		line-height:1.2em;
		padding-left: 0.5em;
		width: 14.5em;
		vertical-align: top;
	}
	#contenu form p label.radio {
		display: block;
		width: auto;
	}
	#contenu form p input, #contenu form p textarea, #contenu form p select {
		position: relative;
		width: 22em;
		/*height: 1.2em;*/
	}
	#contenu form p textarea {
		height: 5em;
	}
	#contenu form p select {
	}
	
	/* bouton submit */
	#contenu form h4.btnenvoyer {
		position: relative;
		display: block;
		bottom: -10px;
		margin: 0;
		padding-bottom: 20px;
		width: 100%;
		text-align: center; 
		background: url(../images/bas-form.png) no-repeat left bottom;
	}
	#contenu form h4.btnenvoyer input {
		cursor: pointer;
	}
	
	/* champs obligatoires */
	#contenu p.messobligatoire {
		margin: 20px;
		font-size: 1em;
		font-style: italic;
	}
	#contenu form p.obligatoire {
	}
	#contenu form p.obligatoire label {
	}
	#contenu form p.obligatoire input {
	}
	#contenu form p.obligatoire span {
	}

}
@media print{
  /* ... définition de formats pour l'impression ... */
}