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

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

 * html .xf .alarm {margin: 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: 10em;}
.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;}
.error {padding-left: 22px; background: transparent url(alert.gif) no-repeat 0em 0.2em; color: #f00;}
.required {color: #f00;}

#contact_devis #client,
#contact_devis #demande {
 float: left;
}

#contact_devis #demande {
 margin-left: 10px;
 border-left: 2px solid #c0c0c0;
 padding-left: 10px;
}

#contact_devis table {width: 100%;}
#contact_devis th,
#contact_devis td input {
 margin: 0;
 padding: 0;
 width: 60px;
}

#contact_devis .technique td {
 border-top: 2px solid #c0c0c0;
 padding-top: 10px;
 vertical-align: top;
}

#contact_devis .technique td.last {
 width: 50px;
}

#contact_devis .xf textarea {
 width: auto;
 height: auto;
}