/* Formulaire de contact */
.none{display: none;}
.contact_form{display: flex;flex-direction: column;align-items: center;margin:2rem 5rem}
.card_contact{  text-align: center;background: rgba(6,25,21, 0.90);backdrop-filter: blur(5px);padding: 10px;border-radius: 15px;}
.h1{font-family: var(--display);font-size: var(--h1);color: var(--ocre);letter-spacing: 1px;}
.card_contact div{margin: 15px;display: flex;flex-direction: column;align-items: center;}
.label_form, .help-text{padding: 15px;font-family: var(--display);font-size: 18px;color: var(--ocre);letter-spacing: 1px;}
.input_form{width: 50%;height: 30px;border-radius: 10px;background-color: aliceblue;text-align: center;outline: none;font-size: 18px;}
.textarea_form{height: 10rem;width: 36rem;border-radius: 10px;background-color:aliceblue;text-align: center;font-size: 18px;outline: none;}
.input_form:focus, .textarea_form:focus{border: 3px solid var(--ocre);}
.attachments_form{color: var(--ocre);font-family: var(--display);font-size: 15px;}
.attachments_form::file-selector-button, .btn_form{
    font-family: var(--display);
    font-size: 18px;
    letter-spacing: 2px;
    border-radius: 15px;
    background-color: var(--ocre);
    outline: none;
    border:2px solid black;
    transition: background 0.4s ease, color 0.4s ease;}
.attachments_form::file-selector-button:hover, .btn_form:hover{background: #0E3B36;color: var(--text);}
.btn_form{min-width: 35%;height: 40px;border-radius: 15px;}
@media screen and (max-width:680px) {.textarea_form{width: 25rem;height: 15rem;}}
@media screen and (max-width:500px) {.textarea_form{width: 15rem;height: 10rem;}}
.honeypot-field {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#link_legal{color: var(--ocre)}
.form_legal_notice{color: var(--text);letter-spacing: 2px;padding: 20px;}