
form.xf * {font-size: 100%; font-family: arial;}

.xf label, .xf input, .xf textarea, .xf select, .xf_photo, .xf_photo img, .xf_document, .xf_document a {
 float: left;
 margin: 0 0.5em 0.5em 0;
}

.xf .groupCheckbox input, .xf .groupCheckbox label {
 float: none;
 margin: 0;
}

.xf br {clear: both;}
.xf input+label {width: auto;} /* firefox */
.xf label {cursor: pointer;}
.xf label.tocheck {width: auto;}
.xf legend {margin-bottom: 0.5em;}
* html .xf legend {margin-left: -10px;}

/* pied de formulaire */
.xf .xf_footer {width: 40em; padding-right: 5%; text-align: right;}
.xf .xf_footer input {float: none; display: inline; cursor: pointer;}

/* pré-formatage */
.xf .xf_numero {width: 3em;}
.xf .xf_chiffre {width: 8em;}
.xf .xf_date {width: 6em;}
.xf .xf_mot {width: 10em;}
.xf .xf_mot2 {width: 20em;}
.xf .xf_email {width: 16em;}
.xf .xf_phrase {width: 30em;}
.xf textarea {width: 30em; height: 10em;}

/* personnalisation */
.xf label {width: 16em;}
.xf fieldset {margin: 0.6em 0; padding: 0.5em; background-color: transparent;}
.xf legend {margin-left: -7px; padding: 0.2em; font-size: 90%; text-transform: uppercase; color: #666}
.xf fieldset:first-child input:focus, .xf textarea:focus {background-color: #f1f1f1;}
.xf .error {
 margin-bottom: 0.5em;
 padding-left: 22px;
 background: transparent url(alert.gif) no-repeat 0em 0.2em;
 color: #FF0000;
}
.xf .required {
 font-size: 120%;
 font-weight: bold;
 color: #FF0000;
}

.xf .error strong{font-weight: normal;}