/************************
CONTACT
************************/


body.contact {
background:url('images/paper_512x512.jpg');
}

section#contact {
padding: 0 10%;
}

@media screen and (max-width: 767px) {
section#contact {
padding: 0;
}
}


body.contact hr {
background-color:var(--couleur2);
}


section#contact h3 {
font-size:1.2em;
}


.form-control {
box-shadow: 0 0 20px 0px #00000033;
border:none;
padding:0.75rem;
border-radius:0;
}

button[type=submit] {
background:#FFFFFF;
box-shadow: 0 0 20px 0px #00000033;
padding:1em;
font-weight:700;
color:#000000;
border-radius:0;
transition: all 0.3s;
border:none;
}

button[type=submit]:hover, button[type=submit]:focus {
background:var(--couleur3);
color:var(--couleur2);
transform:scale(1.1);
border:none;
}

::placeholder { font-size:0.8em; }

.mentionsFormulaire {
background: #FFFFFF66;
border:1px solid var(--couleur2);
font-size:0.8rem;
}

.mentionsFormulaire p:last-of-type {
margin-bottom:0;
}

.form-text.erreur {
color:#dc3545;
}