/**
 * Visuel du formulaire de contact
 * @module "contact"
 *
 * Nécessite "erreurs.css" (module messages/erreurs)
 */


#contactez-nous {
    float : left;
    clear : both;
    width : 100%;
    margin : 0;
    padding : 0;
}

#contactez-nous h4 {
    float : left;
    clear : both;
}


#contactez-nous p.action-apercu {
    float : left;
    clear : both;
    width : 66%;
    margin : 0;
    padding : 2% 0 5% 0;
}
#contactez-nous #formulaire-contact p.action-apercu { padding : 2% 0 5% 33%; }


#contactez-nous p.action-apercu input {
    float : left;
}


/* ---------------------------------------------------------------- */
/* Aperçu de l'email avant envoi */


#apercu-email {
    float : left;
    clear : both;
    width : 95%;
    margin : 0;
    padding : 1em;
    background : #f2f2f2;

}


#apercu-email h4 {
    float : left;
    clear : both;
    width : 100%;
    margin : 0;
    padding : 0;

}

#apercu-email p {
    float : left;
    clear : both;
    width : 100%;
    margin : 0;
    padding : .5em 0 .5em 0;

}


/* ---------------------------------------------------------------- */
/* Formulaire de saisie du message */

#formulaire-contact {
    float : left;
    clear : both;
    width : 100%;
    margin : 0;
    padding : 0;
}

#contactez-nous .champ-zone-texte,
#contactez-nous .champ-texte {
    display : block;
    float : none;
    overflow : hidden;
    clear : both;
    width : 100%;
    margin : .2em 0;
    padding : .4em 0 .4em 0;
}


#contactez-nous .champ-texte input {
    float : left;
    width : 70%;
    border : 1px solid #b9b9b9;
    border-top : 1px solid #909090;
    padding : .2em;
    font-size : .9em;
}

#contactez-nous .champ-texte label,
#contactez-nous .champ-zone-texte label {
    float : left;
    width : 20%;
    text-align : right;
    padding : 0 1em 0 0;
}


#contactez-nous .champ-texte p,
#contactez-nous .champ-zone-texte p {
    float : left;
    clear : both;
    width : 67%;
    padding : .4em 0 0 22%;
}

#contactez-nous .champ-zone-texte textarea {
    float : left;
    width : 70%;
    height : 20em;
    border : 1px solid #b9b9b9;
    border-top : 1px solid #909090;
    padding : .2em;
}



/**
 * Code de protection anti-bot
 */
#contactez-nous .captcha {
    float : left;
    width : 60%;
    border : 1px solid #e0e0e0;
    padding : .6em;
    clear : both;
    margin : 1em 0 .6em 0;
}

#contactez-nous .captcha p {
    display : block;
    clear : both;
    float : none;
    width : 100%;
    overflow : hidden;
    padding : .2em 0 .6em 0;
    color : #666;
}

#contactez-nous .captcha input {
    float : left;
    clear : none;
    width : 9em;
    margin : 1em 0 0 0;
}

* html #contactez-nous .captcha input {
    margin : .5em 0 0 0;
}

#contactez-nous .captcha img {
    float : left;
    clear : none;
    margin-right : .8em;
}

* html #contactez-nous .captcha img {
    margin-right : .4em;
}

/* ---------------------------------------------------------------- */
/* Page de confirmation d'envoi du mail */


#envoi-confirmation {
    float : left;
    clear : both;
    width : 95%;
    margin : 0;
    padding : 1em;
}

#envoi-confirmation p {

}