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

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

.xf br {clear: both;}
.xf input+label, .xf p+label {width: auto;} /* firefox */
.xf label {cursor: pointer;}
.xf label.tocheck {width: auto;}

/* pied de formulaire */
.xf .xf_footer {padding-right: 20%; text-align: right;}
.xf .xf_footer input {float: none; display: inline;}

/* 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: 20em; height: 5em;}

/* personnalisation */
.xf label {width: 200px;}
.xf fieldset {margin: 0.6em 0; padding: 0.5em; background-color: transparent;}
.xf legend {padding: 0.2em; font-size: 80%; font-weight: bold; text-transform: uppercase; background: #000; color: #fff;}
.xf fieldset:first-child input:focus, .xf textarea:focus {background-color: #f1f1f1;}
.xf .alarm {margin-bottom: 0.5em; color: #666;}
.required {color: #f00;}
.xf .required {font-family: verdana;}