/* 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:#000;
		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, p.obligatoire {
		float:none;
		margin:0;
		color:#ff0000;
	}
	div.conteneur span.erreur {
		/*display:block;*/
		line-height:1.7em;
		font-size:.9em;
		color:#ff0000
	}
/* --------------------------------------------------------------------------------------------- Conteneur */
	div.conteneur {
		float:left;
		width:100%;
		padding-bottom:15px;
		font-size:0.8em;
	}
	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;
		font-size:0.9em;
		font-weight:bold;
	}
	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 #cccccc;
		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 */
	
	select.long {width:255px}
/* ------------------------------------------------------------------------- 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 ul, div.conteneur ul li{
		list-style-type:none;
	}
	
	div.conteneur div.checkbox {margin-left:175px}		/* Se référer à : taille + padding du label */
	div.conteneur ul.checkbox_radio {float:left;margin-left:155px;clear:both;}
	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 142px}	/* A modifier en fonction de la taille + padding du label */
	#contenu div.actions input.bouton {margin:0 10px 0 0}
	
	#cnil{
		color:#797979;
		font-size:0.9em;
		padding:0 0 0 105px;
		text-align:justify;
	}
	
	div.conteneur ul li label.align-check{
		padding-top:3px;
	}
	
	*+ html div.conteneur ul li label.align-check{
		padding-top:0px;
	}
	
	div.actions input.button_valid {
		background:url('../../images/boutons/bt_modif_profil.gif') no-repeat scroll 0 0;
		color:white;
		cursor:pointer;
		padding:1px 0 5px;
		width:120px;
		height:28px;
		text-align:center;
		border:none;
		font-size:0.7em;
	}
	
	div.actions input.button_valid.vert{
		background:url('../../images/boutons/bt_valider.gif') no-repeat scroll 0 0;
	}
	
	#contenu h3{
		font-size:1.1em;
		color:#207CBB;
		margin-bottom:5px;
	}