/* styles formulaires - 23/06/2004 */
/* copyright Clerc&Net 2004 */

form br {
 clear: both;
}

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

fieldset.champ label.Lradio {
 float: none;
 display: inline;
 padding-right: 10px;
 cursor: pointer;
}

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

fieldset.champ span.alarm {
 display: block;
 padding-bottom: 10px;
 padding-left: 22px;
 background: transparent url("../media/alert.gif") no-repeat left top;
 color: #f00;
 clear: both;
}

fieldset.champ input, fieldset.champ textarea, fieldset.champ select {
 
 float: left;
 margin-right: 10px;
 margin-bottom : 10px;
 font-size: 100%;
}

/* \*/
fieldset.champ input, fieldset.champ textarea, fieldset.champ select {
 display: block;
}
/* */

fieldset.champ > input, fieldset.champ textarea, fieldset.champ select {
 border: 1px solid #c0c0c0;
 font-family: arial;
 background-color: #fff;
}

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

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

fieldset.champ input.checkbox {
 vertical-align: baseline;
}

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

fieldset.champ input.radio {
 display: inline;
 float: none;
 vertical-align: bottom;
 margin: 0px 10px 0px 0px;
}

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

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

fieldset.champ label {width: 8em;}
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;}

/* 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: 110%;
}

/* \*/
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;
}