/* CSS Document */
/* --------------------------------------------------------------------------------------------- Fieldset */
	fieldset {
		border:none;
		margin:5px 0 15px 0
	}
/* --------------------------------------------------------------------------------------------- Légende */
	legend {
		font-weight:bold;
		color:#3a3a3a;
		margin:0 0 5px 0
	}
	* html legend  {margin:0 0 5px -5px}
	*+html legend  {margin:0 0 5px -5px}
/* --------------------------------------------------------------------------------------------- Obligatoire */
	.obligatoire {color:#C04D36}
	p.obligatoire {
		float:left;
		padding:10px 0 10px 0
	}
/* --------------------------------------------------------------------------------------------- Div */
	div.formulaire {
		float:left;
		width:100%;
		margin-bottom:8px
	}
/* --------------------------------------------------------------------------------------------- Label */
	label {cursor:pointer}
	label.label, span.label {
		float:left;
		display:block;
		width:108px;
		text-align:right;
		line-height:18px;
		color:#666;
		padding:0 5px 0 0
	}
	span.label {line-height:normal}
	span.raccord {
		float:left;
		margin:0 8px;
		line-height:18px	/* Se référer à l'interlignage du label */
	}
	label.erreur {color:#ff0000}
	label.label.large, span.label.large {width:140px}
	label.label.x-large {width:200px}
	label.rouge {
		color:#C04D36
	}
/* ---------------------------------------------------------------- Checkbox */
	label.label.checkbox {line-height:11px}
/* --------------------------------------------------------------------------------------------- Champs, zone de texte et select */
	input.champ, textarea, select {
		float:left;
		width:131px;
		height:15px;
		border:1px solid #999;
		color:#666;
		/*font-size:1em;*/
		font-size:12px;
		font-family:arial, sans-serif;
		padding:2px 0 0 3px
	}
	#type_ressource{
		font-size:12px;
	}
	input.champ.xsmall {width:50px}
	input.champ.small {width:100px}
	input.champ.large {width:157px}
	input.champ.xlarge {width:350px}
	input.fichier {
		float:left;
		width:250px;
		height:19px;
		color:#666;
		font-size:1em;
		padding:2px 0 0 3px
	}
	input.contributeur {
		background:#DA8E7F;
		color:#fff
	}
	span.fichier {
		 float:left;
		 clear:both;
		 margin:0 0 0 155px	/* Se référer à la taille du label + son padding */
	}
	textarea {
		width:250px;
		height:100px;
		font-family:arial, sans-serif
	}
	textarea.small {height:50px}
	textarea.large {height:150px}
	select {
		width:162px;
		height:auto;
		padding:0
	}
	select option {padding:0 5px 0 0}
	.sans_label {margin:0 0 0 155px}	/* Se référer à la taille du label + son padding */
/* --------------------------------------------------------------------------------------------- Checkbox */
	ul.checkbox {
		float:left;
		padding:3px 20px 0 0
	}
	ul.checkbox li {margin:0 0 4px 0}
	ul.checkbox li label {color:#999}
	.checkbox_left {
		float:left;
		margin:0 5px 0 0
	}
/* --------------------------------------------------------------------------------------------- Radio */
	ul.radio {
		float:left;
		padding:2px 20px 0 0
	}
	ul.radio li {margin:0 0 4px 0}
	ul.radio li label {
		color:#999;
		position:relative;
		top:-2px;
		left:3px
	}
	ul.radio.horizontal li {display:inline}
	ul.radio.horizontal li label {margin:0 30px 0 0}
/* --------------------------------------------------------------------------------------------- Commentaires et explications */
	p.commentaire {
		font-style:italic;
		color:#999
	}
	p.commentaire.bottom {
		clear:both;
		margin:0 0 0 155px	/* Se référer à la taille du label + son padding */
	}
	p.commentaire.right {
		float:left;
		margin:3px 0 0 5px
	}
	p.explication, p.erreur {
		text-align:justify;
		line-height:15px;
		margin:0 0 8px 0
	}
	p.erreur {color:#ff0000}
/* --------------------------------------------------------------------------------------------- Images */
	img.bottom {
		float:left;
		display:block;
		clear:both;
		border:1px solid #ccc;
		padding:5px;
		margin:10px 0 5px 155px	/* Se référer à la taille du label + son padding */
	}
/* --------------------------------------------------------------------------------------------- Boutons */
	div.a_cote {
		float:left;
		margin:0 0 0 10px
	}
	input.a_cote {
		float:left;
		margin:2px 0 0 4px
	}
	input.en_bas {float:right}
	
	#titre_partager_fiche {
		display:block;
		color:#C04D36;
		font-size:1.1em;
		text-transform:uppercase;
		font-weight:bold;
		margin:0 0 3px 5px
	}
	#partager_fiche {
		float:left;
		width:96%;
		border:1px dotted #C04D36;
		padding:8px 2%;
		margin:0 0 10px 0
	}
	
	.engagement_contributeur {
		float:left;
		width:98%;
		background:url(../../images/elements/carre_rouge.gif) no-repeat 0 6px;
		padding:0 0 0 2%;
		margin:5px 0 10px 0
	}
	.engagement_contributeur span {
		display:block;
		font-size:1.1em;
		color:#C04D36;
		font-weight:bold
	}