/* feuille de styles pour formulaires - dernière maj : 26/10/2004 */
/* copyright Clerc&Net 2004 */
	
	fieldset.champ label {width: 17em;}
	fieldset.champ input.tocheck {margin-left: 3em;} /* label + 3 */

/* pré-formatage */
	fieldset.champ input.nombre {width: 3em;}
	fieldset.champ input.montant {width: 6em;}
	fieldset.champ input.date {width: 8em;}
	fieldset.champ input.numero {width: 8em;}
	fieldset.champ input.mot {width: 10em;}
	fieldset.champ input.mot2 {width: 20em;}
	fieldset.champ input.email {width: 16em;}
	fieldset.champ input.phrase {width: 30em;}
	fieldset.champ textarea {width: 20em; height: 5em;}
	fieldset.champ span.libelle_option {width: 200px;}

/* label */
	fieldset.champ label {
	 float: left;
	 display: block;
	 height: 3ex;
	 padding-left: 22px;
	 padding-right: 10px;
	 cursor: pointer;
	}

/* racourci accesskey */
	fieldset.champ label span, fieldset.champ legend span {
	 text-decoration: underline;
	}

/* avertissement */
	fieldset.champ p.alarm {
	 margin: 0;
	 padding-bottom: 10px;
	 padding-left: 22px;
	 background: transparent url("/media/alert.gif") no-repeat 0em 0.2em;
	 color: #000;
	 clear: both;
	}
	
	fieldset.champ .alarm strong {font-weight: normal;}

/* elements input, textarea, select */
	fieldset.champ input, fieldset.champ textarea {
	 float: left;
	 margin-right: 10px;
	 font-size: 100%;
	}
	
	fieldset.champ select {
	 margin-right: 10px;
	 margin-bottom : 10px;
	 font-size: 100%;
	}
	
	/* \*/
	fieldset.champ input, fieldset.champ textarea {
	 display: block;
	}
	/* */
	
	fieldset.champ > input, fieldset.champ textarea, fieldset.champ select {
	 border: 1px solid #c0c0c0;
	 font-family: arial;
	 background-color: #fff;
	}

	fieldset.champ input:focus, fieldset.champ textarea:focus {
	 background-color: #F1F1F1;
	}

fieldset.champ span.libelle_option {
 float: left;
 padding-bottom: 10px;
}


/* textarea : font-size > mozilla; overflow > IE */
	fieldset.champ textarea {
	 margin-bottom: 6px;
	 overflow: auto;
	}

/* champs radio ou checkbox : le label suit le champ ! */
	fieldset.champ label.tocheck {
	 float: none;
	 display: inline;
	 cursor: pointer;
	 padding: 0px;
	}

	fieldset.champ input.tocheck {
	 display: inline;
	 float: none;

	 vertical-align: top;
	}

 /* champs disabled */
	fieldset.champ input.disabled {
	 border: 0px solid #c0c0c0;
	}

 /* champs readonly */
	fieldset.champ input.readonly {
	 border-top: none;
	 border-left: none;
	 border-right: none;
	 color: #a0a0a0;
	}
	
	fieldset.champ input.readonly:focus {
	 background: #fff;
	}

/* infos liées à un champ - précède le label et le champ */
	fieldset p.infoChamp {
	 clear: both;
	 margin-bottom : 10px;
	 padding-left: 22px; /* alignement sur le label */
	}

/* champs submit ou cancel dans fieldset champ */
	fieldset.champ .floatsubmit {
	 display: inline;
	}
	
	fieldset.champ .floatsubmit input {
	 padding: 0px 5px;
	 float: none;
	}
	
	/* \*/
	fieldset.champ .floatsubmit input {
	 float: left;
	}
	/* */

/* pied de formulaire */
	fieldset.formfooter {
	 width: auto;
	 padding: 5px 10px;
	 text-align: right;
	}
	
	fieldset.formfooter input {
	 float: none;
	 margin-left: 5px;
	 padding: 0px 5px;
	 font-size: 100%;
	}
	
	/* \*/
	fieldset.formfooter input {
	 display: inline;
	}
	/* */
	
	input.submit:hover, input.cancel:hover, fieldset.champ .floatsubmit input:hover {
	 cursor: pointer;
	}

/* notes  en bas de formulaire (champs obligatoires,..) */
	p.note_form {
	 font-style: italic;
	 letter-spacing: 0.1em;
	}

/* séparateur */
	form hr {
	 clear: both;
	 margin: 0;
	 visibility: hidden;
	}
	
	form fieldset.champ > hr {height: 1em;}
	
	
	form br.dft {
	 display: none;
	}
	
fieldset input.hidden{
 display: none;
}