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

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

.xf_media div {
 width: 100%;
}

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

.xf .xf_media {
 line-height: 2;
}

.xf label.tocheck {margin-left: 5px; width: auto;}
.xf legend {}
* html .xf legend {margin-left: -10px;}

.xf br {clear: both;}
.xf label {width: 15%; cursor: pointer;}
.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: 80%; height: 10em;}
.xf .xf_media {width: 80%;}
.xf .required {margin-left: 5px; font-size: 120%; font-weight: bold; color: #FF0000;}

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

.xf fieldset {margin: 0.6em 0; padding: 0.5em; background-color: transparent;}
.xf legend {
 margin-left: -7px;
 margin-bottom: 0.5em;
 padding: 0.2em;
 font-size: 90%;
 text-transform: uppercase;
 color: #666;
}

.xf *:focus {background: #f1f1f1;}

.xf blockquote {
    margin-left: 15%;
    margin-bottom: 0.5em;
    padding: 4px 4px 4px 0;
    color: #ff0000;
}

.xf input[type=submit] {
    background: #EEEEEE;
    border: none;
    padding: 4px 10px;
    color: black;
}

    .xf input[type=submit]:focus, .xf input[type=submit]:hover {
        background: #FC9E09;
    }

.form-col label {
    display: inline-block;
    box-sizing: border-box;
    width: 20%;
    margin: 0 0 5px 0;
    padding: 5px;
}

.form-col input[type=text] {
    display: inline-block;
    box-sizing: border-box;
    width: 78%;
    margin: 0 0 5px 0;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #eee;
    background: white;
}

    .form-col input[type=text]:not([title=""]) {
        border-bottom-color: red;
    }

.form-col .form-footer {
    text-align: right;
}

    .form-footer input[type=submit] {
            background: #eee;
            border: none;
            padding: 5px 10px;
    }
    
.form-col .help {
    display: block;
    text-align: right;
    color: red;
    font-size: 80%;
}