/* CSS Document */

/* Feuille de style élaborée par Johan Ramon - Novembre 2007 */
/* Testée sous : IE6 / IE7 / Firefox 2.0.0.9 / Safari 3.0.3 / Opéra 9.20 */

/* --------------------------------------------------------------------------------------------- Fieldset et legend */
	fieldset {
		border:1px solid #ccc;
		padding-bottom:10px;
		margin-bottom:20px
	}
	fieldset legend {
		font-size:1.3em;
		font-weight:bold;
		color:#000;
		background:#fff;
		padding:10px 5px;
		margin-left:5px
	}
	* html fieldset legend {margin:0}
	*+html fieldset legend {margin:0}
/* --------------------------------------------------------------------------------------------- Paragraphes */
	p.explication {
		text-align:justify;
		font-size:1.1em;
		line-height:1.4em;
		margin:0 0 8px 0
	}
	p.explication a {
		color:#1f3d92;
		text-decoration:underline
	}
	p.explication a:hover {text-decoration:none}
	div.conteneur p.explication {
		font-size:1em;
		padding:0 10px
	}
	div.conteneur p.commentaire {
		clear:both;
		font-size:.9em;
		color:#666;
		padding-top:2px;
		margin-left:175px		/* Se référer à : taille + padding du label */
	}
/* --------------------------------------------------------------------------------------------- Obligations - Erreurs */
	div.conteneur span.obligatoire {
		float:right;
		color:#ff0000;
		margin-right:30px
	}
	div.conteneur label span.obligatoire, div.conteneur span span.obligatoire {
		float:none;
		margin:0
	}
	div.conteneur span.erreur {
		display:block;
		line-height:1.7em;
		font-size:.9em;
		color:#ff0000
	}
/* --------------------------------------------------------------------------------------------- Conteneur */
	div.conteneur {
		float:left;
		width:100%;
		padding-bottom:8px
	}
	div.conteneur.petit_espacement {padding-bottom:4px}
	div.conteneur.espacement {padding-bottom:20px}
	div.conteneur.grand_espacement {padding-bottom:30px}
	div.conteneur.tres_grand_espacement {padding-bottom:40px}
/* --------------------------------------------------------------------------------------------- Label */
	div.conteneur label, div.conteneur span.label {
		display:block;
		float:left;
		padding-right:5px
	}
	div.conteneur label.label, div.conteneur span.label {
		width:170px;
		line-height:1.7em;
		text-align:right
	}
	div.conteneur label.entre_deux {line-height:1.7em}
	div.conteneur label.checkbox {line-height:normal}
/* --------------------------------------------------------------------------------------------- Eléments de formulaire */
/* ------------------------------------------------------------------------- Communs */
	div.conteneur input.champ_texte, div.conteneur input.champ_fichier, div.conteneur textarea, div.conteneur select {
		float:left;
		font-size:1em;
		border:1px solid #666;
		padding:2px 0 2px 3px;
		margin-right:8px
	}
	.tres_court {width:35px}
	.court {width:80px}
	.normal {width:150px}
	.long {width:250px}
	.tres_long {width:300px}
	.sans_label {margin-left:175px}		/* Se référer à : taille + padding du label */
/* ------------------------------------------------------------------------- Zone de texte */
	div.conteneur textarea {
		height:100px;
		font-family:arial
	}
	div.conteneur textarea.grand {height:150px}
/* ------------------------------------------------------------------------- Liste - Menu */
	div.conteneur select {padding:0}
	div.conteneur select option {padding-right:10px}
/* ------------------------------------------------------------------------- Cases à cocher - Boutons radio */
	div.conteneur input.checkbox_radio {
		float:left;
		width:13px;
		height:13px;
		margin-right:5px
	}
	div.conteneur div.checkbox {margin-left:175px}		/* Se référer à : taille + padding du label */
	div.conteneur ul.checkbox_radio {float:left}
	div.conteneur ul.checkbox_radio li {
		clear:both;
		padding-top:4px
	}
	div.conteneur ul.checkbox_radio.horizontal li {
		clear:none;
		float:left;
		margin-right:20px
	}
/* --------------------------------------------------------------------------------------------- Divers */
	div.conteneur img.bottom {
		vertical-align:middle;
		border:1px solid #ddd;
		padding:5px;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:175px		/* Se référer à : taille + padding du label */
	}
/* --------------------------------------------------------------------------------------------- Bouton */
	#contenu div.actions {padding:0 0 10px 380px}	/* A modifier en fonction de la taille + padding du label */
	#contenu div.actions input.bouton {margin:0 10px 0 0}