/**
 *  Mise en forme des éléments associés au formulaire "Nous joindre".
 **/

.invisible {
    display:none;
}

#formulaire {
    border: solid 1px #e5e5e8;
    background-color: #f3f3f3;
    padding: 12px;
}
 
label {
     display: inline-block;
     width: 90px;
     text-align: right;
     vertical-align: top;
}

.champ {
    margin-bottom: 8px;
}

.champ input[type='text'] {
    width: 230px;
}

.champ select {
    width: 344px;
}

textarea.message {
    font-family: Arial,Helvetiva,Verdana;
    font-size: 12px;
    width: 344px;
    padding: 4px;
}

#maximum {
    width: 344px;
    margin-left: 80px;
    text-align: right;
    font-size: 0.8em;
}

#envoyer {
    margin-left: 90px;
}

/* éléments affichés lors d'une erreur de validation */
.validation {
    color: #f00;
}


.validation.sommaire {
    text-align: left;
    margin-left: 20px;
    margin-bottom: 20px;
}

.validation.sommaire ul {
    margin-left: 68px;
}

/* paragraphe d'introduction */
#introduction {
    margin: 20px;
}

#introduction ul {
    margin: 12px;
}

#introduction li {
    margin-left: 26px;
    margin-bottom: 12px;
}