/* Styles du formulaire de contact : */

.contact.form-main-helper{
    text-align: center;
}

div.contact.form-main{
    /*border: solid thin blue;*/
    text-align: left;
    display: inline-block;
    margin: 10px;
    padding: 10px;
}

label.contact.form-label{
    display: block;
    width: 100%;
}

label.contact.form-label.required::after{
    content: '*';
    color: red;
}

.contact.form-row{
    width: 400px;
}

.contact.form-row.form-textarea{
    height: 200px;
}

/* Les champs d'erreurs des formulaires : */

label.contact.form-label + ul{
    border: solid thin red;
    background-color: red;
    width: 340px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: justify;
}

label.contact.form-label + ul > li{
    list-style-image: url('../images/svg/list-arrow-error.svg');
    color: #fff;
    padding-right: 30px;
    font-size: 90%;
}

label.contact.form-label + ul + input,
label.contact.form-label + ul + textarea{
    border: solid thin red;
}

/* Le bouton d'envoie du formulaire : */

div.contact.helper{
    text-align: right;
}
.btn{
    border-image: none;
    border-style: none;
}
.btn-contact-form{
    font-family: 'font3i', sans-serif;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #555;
    color: #fff;
    cursor: pointer;
}

.btn-contact-form:hover{
    background-color: #000;
}