.form-notice {
    margin-top: 1em;
    padding: 1em;
    border-radius: 8px;
    background: rgba(242, 186, 66, 0.15);
    color: var(--lcap-blanc);
    border: 1px solid rgba(242, 186, 66, 0.35);
    text-align: center;
    max-width: 40em;
}

form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
    height: auto;
    border-radius: 16px;
    padding: 2% 3% 4% 3%;
    margin: 3% 0 3% 0;
    font-size: 1em;
    color: var(--lcap-blanc);
    background: var(--card-bg);
    -webkit-box-shadow: var(--shadow-card);
            box-shadow: var(--shadow-card);
    border: 1px solid var(--card-border);
    transition: border-color var(--ease), background var(--ease);
}

form:hover {
    border-color: var(--card-hover-border);
    background: var(--card-hover-bg);
}

input {
    font-size: 1.1em;
    -webkit-transition: var(--ease);
    -o-transition: var(--ease);
    transition: var(--ease);
    font-weight: bolder;
    width: 90%;
    min-height: 1.3em;
    border-radius: 50px;
}

textarea {
    -webkit-transition: var(--ease);
    -o-transition: var(--ease);
    transition: var(--ease);
}

input:not([type="submit"], [type="file"]), textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 90%;
    min-height: 1.2em;
    outline: none;
    color: var(--lcap-blanc);
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid var(--card-border);
    -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.3);
    margin: 10px 50px 0 50px;
}

input:not([type="submit"]) {
    padding-left: 2em;
}

input {
    height: 2.6em;
    border-radius: 50px;
}

textarea {
    width: 90%;
    height: 10em;
    padding: 1em 1em 1em 2.1em;
    border-radius: 20px 20px 0 20px;
    font-weight: bolder;
}

input[type="submit"] {
    position: relative;
    top: 1em;
    background: var(--lcap-jaune);
    color: var(--lcap-noir);
    border: 1px solid var(--lcap-jaune);
    cursor: pointer;
}

input[type="submit"]:hover {
    -webkit-filter: none;
            filter: none;
    transform: scale(1.02);
    background: var(--lcap-jaune);
    color: var(--lcap-noir);
}

input:focus, textarea:focus {
    border-color: var(--lcap-jaune);
    -webkit-filter: none;
            filter: none;
}

label {
    padding: 3% 0 0 0;
    color: var(--lcap-blanc);
}

::-webkit-input-placeholder { opacity: .5; transition: opacity .5s; color: var(--lcap-blanc); }
:-moz-placeholder { opacity: .5; transition: opacity .5s; color: var(--lcap-blanc); }
::-moz-placeholder { opacity: .5; transition: opacity .5s; color: var(--lcap-blanc); }
:-ms-input-placeholder { opacity: .5; -ms-transition: opacity .5s; transition: opacity .5s; color: var(--lcap-blanc); }
::placeholder { opacity: .5; transition: opacity .5s; color: var(--lcap-blanc); }
*:focus::-webkit-input-placeholder { opacity: 0; }
*:focus:-moz-placeholder { opacity: 0; }
*:focus::-moz-placeholder { opacity: 0; }
*:focus:-ms-input-placeholder { opacity: 0; }
*:focus::placeholder { opacity: 0; }

@media screen and (max-width: 950px) {
    form {
        width: 100%;
        height: 35em;
        padding: 1.5em;
        box-shadow: var(--shadow-card);
    }
    form:not(#searchform) {
        margin: 2em 0 3em 0;
        padding: 4% 4% 8% 4%;
    }
}
