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


#contactez-nous {
    display : block;
    float : none;
    clear : both;
    width : 100%;
    margin : 0;
    padding : 1em 0 0 0;
    overflow : hidden;
}


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

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


#contactez-nous p.action-apercu {
    display : block;
    clear : both;
    width : 94%;
    margin : 0;
    padding : 2% 0 5% 0;
}
#contactez-nous #formulaire-contact p.action-apercu { padding : 2% 0 5% 0; }



/* ---------------------------------------------------------------- */
/* 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;

}

#apercu-email p.action-apercu input {
    float : right;
    /*padding-right: 17%;*/
}

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

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


#formulaire-contact .formrow-m {
    float : left;
    clear : both;
    width : 100%;
    margin : 0;
    padding : .5em 0 .4em 0;
}

#formulaire-contact .formrow-m input {
    float : left;
    width : 70%;
    border : 1px solid #b9b9b9;
    padding : .2em;
}

#formulaire-contact .formrow-m label {
    float : left;
    width : 20%;
    text-align : right;
    padding : 0 1em 0 0;
}

#formulaire-contact .formrow-m samp {
    float : left;
    clear : both;
    width : 70%;
    padding : .4em 0 0 22%;
}

#formulaire-contact .formrow-m textarea {
    float : left;
    width : 70%;
    height : 9em;
    border : 1px solid #b9b9b9;
    padding : .2em;
}



#formulaire-contact p.action-apercu input {
    float : right;
    /*padding-right: 20%;*/
}

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


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

#envoi-confirmation p {

}