/* 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.4;
		margin:0 0 8px 0
	}
	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:none;
		color:#ff0000;
		font-size:1.2em;
		line-height:1.7em;
		float:left;
	}
	div.conteneur span.erreur em{
		background:url('../../images/structure/background/error.gif') no-repeat center left;
		padding-left:25px;
		font-style:normal;
	}
	label.align_date{
		position:relative;
		top:6px
	}
	label.entre_deux.align_date{top:4px}
/* --------------------------------------------------------------------------------------------- Conteneur */
	div.conteneur {
		float:left;
		width:100%;
		padding-bottom:3px;
		clear:both;
	}
	.conteneur * {zoom: 1;}
	.conteneur label {zoom: 1; position: relative;}
	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, div.conteneur span.categorie {
		display:block;
		float:left;
		padding-right:5px
	}
	div.conteneur label.label, div.conteneur span.label, div.conteneur span.categorie, div.conteneur span.categorie {
		width:160px;
		line-height:1.7;
		text-align:right;
		color:#525150;
		font-size:1.2em;
		padding-right:15px;
		font-weight:bold;
	}
	div.conteneur span.categorie {
		font-size:1.3em;
		font-style:italic;
	}
	div.conteneur span.categorie span.precision{
		font-size:0.8em;
		position:relative;
		bottom:4px;
	}
	div.conteneur label.entre_deux {line-height:1.7}
	div.conteneur label.checkbox {line-height:normal}
	div.conteneur label.italic {font-style:italic}
/* --------------------------------------------------------------------------------------------- El�ments de formulaire */
	
	div.conteneur span.infos_texte {
		float:left;
		display:block;
		line-height:1.8em;
		padding-right:5px;
	}

/* ------------------------------------------------------------------------- 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 #00A6F3;
		padding:2px 0 2px 3px;
		margin-right:8px
	}
	.tres_court {width:35px}
	.court {width:80px}
	.normal {width:187px}
	.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:60px;
		font-family:arial
	}
	div.conteneur textarea.grand {height:150px}
/* ------------------------------------------------------------------------- Liste - Menu */
	div.conteneur select {
		padding:0;
		width:192px;
		border:1px solid #00A6F3;
		font-size:1.2em;
	}
	
	div.conteneur select.width_auto {
		width:auto;
	}
	
	div.conteneur select option {
		padding-right:5px;
	}
/* ------------------------------------------------------------------------- Cases � cocher - Boutons radio */
	div.conteneur input.checkbox_radio {
		float:left;
		width:13px;
		height:13px;
		margin-right:5px;
		position:relative;
		top:3px;
	}
	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 */
	}
	
	div.conteneur div.annotation {
		clear:both;
		font-size:0.9em;
		margin-left:174px;
		padding-top:3px;
	}
	
	a.lien_ajout {
		color:#525150;
		display:block;
		font-size:1.2em;
		line-height:1.9em;
	}
	a.bouton_ajout{
		background:#00A6F3 none repeat scroll 0 0;
		color:white;
		display:block;
		float:left;
		font-size:1.2em;
		line-height:1.5em;
		margin-left:175px;
		padding:0 7px;
		height:18px;
	}
	a.bouton_ajout:hover {text-decoration:none}
	a.bouton_suppression{
		background:red none repeat scroll 0 0;
		color:white;
		display:block;
		float:left;
		font-size:1.2em;
		line-height:1.5em;
		margin-left:175px;
		padding:0 7px;
		height:18px;
	}
	a.bouton_suppression:hover {text-decoration:none}
/* --------------------------------------------------------------------------------------------- Bouton */
	#contenu div.actions {margin:10px 0}
	#contenu div.actions input.bouton {margin:0 0 0 200px}
	
	input.validation, a.validation {
		width:105px;
		height:25px;
		background:url('../../images/boutons/fond_jevalide.gif') no-repeat top left;
		border:none;
		color:#2B5B00;
		text-transform:uppercase;
		margin-left:500px;
		margin-top:16px;
		clear:both;
	}
	
	div.navigation_etape{
		padding-top:16px;
		padding-bottom:46px;
		clear:both;
	}
	a.etape_suivante{
		float:right;
	}
	a.etape_precedente{
		float:left;
	}