:root {
    --libbela-primary-color: #BF0000;
    --libbela-primary-color-hover: #7b0d0d;
    --libbela-secondary-color: #4D4D4D;
}

#wrap {
    background-color: #fff !important;
}

p.text-secondary {
    color: var(--libbela-secondary-color) !important;
}

h1 {
    color: var(--libbela-secondary-color) !important;
    font-size: 29px !important;
}

.text-small {
    font-size: 15px;
}

.form-check-input:checked {
    background-color: var(--libbela-primary-color) !important;
    border-color: var(--libbela-primary-color) !important;
}

#entete {
    background: url('./../images/background-header-left.svg') no-repeat !important;
    position: relative;
}

/* Image dupliquée, inversée horizontalement */
#entete::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 300px;
    background: url('./../images/background-header-right.svg') no-repeat right top;
}

@media (max-width: 768px) {
    #entete{
        background: url('./../images/background-header-mobile.svg') no-repeat center !important;
        background-size: cover !important;
    }

    #entete::after {
        background: none !important;
    }

    .text-small {
        font-size: 12px;
    }

    button.accordion-button:not(.collapsed) {
        background-color: var(--bs-light-rgb) !important;
        color: var(--libbela-secondary-color) !important;
    }
}