@CHARSET "UTF-8";
@media screen{
	#contenu form {
		position: relative;
		margin: 0;
	}
	#contenu form fieldset {
		position: relative;
		padding: 1em;
		*padding: 0 1em 1em 1em;
		margin: 0 0 2em 0;
		border: 1px solid #c7c9bf;
		border: none;
		font-size: 1em;
		background-color: #AFB1AA;
	}
	
	#contenu form legend {
		position: relative;
		font-size: 1.5em;
		font-weight: bold;
		color: #aed705;
		margin: 0 0 0 1em;
		*margin: 0 0 1em 1em;
		padding: 0 0.5em;
		text-align: left;
		background-color: #5A5D51;
		border: 1px solid #c7c9bf;
	}
	
	#contenu form fieldset fieldset {
		background: none;
		display: inline;
		border: 0;
		padding: 0;
		
		position: relative;
		font-size: 1.2em;
		margin: 0.2em 0;
		clear: left;
		
	}
	#contenu form fieldset fieldset legend {
		display: inline;
		font-size: 1.2em;
		border: 0;
		font-weight: normal;
		background: none;
		color: black;
		padding: 0;
		margin: 0;
	}
	#contenu form fieldset fieldset ul {
		margin: 0;
		padding: 0;
		font-size: 1.2em;
	}
	#contenu form fieldset fieldset li {
		display: inline;
		margin: 0;
		padding: 0;
		font-size: 1.2em;
	}
	
	#contenu form p {
		position: relative;
		font-size: 1.2em;
		margin: 0.2em 0;
		clear: left;
	}
	#contenu form p label {
		position:relative;
		display: -moz-inline-box;
		display: inline-block;
		font-size: 1em;
		line-height:1.2em;
		width: 12em;
		vertical-align: top;
	}
	#contenu form p label.radio {
		display: block;
		width: auto;
		float: left;
		margin: 0 1em 0.5em 0;
	}
	#contenu form p input, #contenu form p textarea, #contenu form p select {
		position: relative;
		width: 20em;
	}
	#contenu form p label.radio input {
		position: relative;
		width: auto;
	}
	#contenu form p textarea {
		height: 5em;
	}
	#contenu form p select {
	}
	
	/* bouton submit */
	#contenu form h4.btnenvoyer {
		text-align: right;
		margin-top: -1.4em;
		font-size: 1em;
		font-weight: normal;
	}
	#contenu form h4.btnenvoyer input {
		position: relative;
		border: none;
		background: url(../../images/declic/btn-send.png) no-repeat;
		width: 236px;
		height: 46px;
		font-size: 2em;
		font-weight: normal;
		color: black;
		cursor: pointer;
	}
	#contenu form h4.btnenvoyer input:hover {
		color: white;
	}
	
	/* champs obligatoires */
	#contenu p.messobligatoire {
		font-size: 0.9em;
		font-style: italic;
		font-weight: bold;
		color: #aed705;
	}
	#contenu form p.obligatoire {
	}
	#contenu form p.obligatoire label {
		font-weight: bold;
	}
	#contenu form p.obligatoire input {
	}
	#contenu form p.obligatoire span {
		position:relative;
		display: -moz-inline-box;
		display: inline-block;
		font-size: 0.9em;
		line-height:1em;
		width: 6em;
		vertical-align: middle;
		margin: 0;
		padding: 0 0 0 0.5em;
		color: #c3df42;
		background: url(../../images/declic/fleche.png) no-repeat left center;
	}
	
	#contenu .message, .messageConfirmation, .messageAlert {
		padding: 1em; margin: 1em;
		font-size: 1.6em; font-weight: bold; text-align: center; 
		border: 1px solid #5A5D51; background: #C7C9BF;
	}
}
@media print{
  /* ... définition de formats pour l'impression ... */
}