:root {
    --bs-primary: #4B382A; /* Marron */
    /*--bs-secondary: var(--bs-red);*/
    --bs-body-color: #333333;
    --bs-link-hover-color: #333333;
}

.pagination a {
    color: black !important;
}

.pagination > .active > a {
    background-color: var(--bs-primary) !important;
    color: white !important;
    border-color: var(--bs-primary) !important;
}

.form-floating label {
    color: var(--bs-gray-600);
    font-style: italic;
    margin-left: 10px;
}


.btn-primary {
    --bs-btn-color: #B1854C; /* or */
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-gray-700);
    --bs-btn-hover-border-color: var(--bs-gray-700);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-gray-600);
    --bs-btn-disabled-border-color: var(--bs-gray-600);
}

.overlay {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100vh;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/Medias/3/background.webp);
    background-size: cover;
    background-position: center bottom;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: -10;
}

.logo_entete {
    background-image: url(/Medias/3/logo_entete.svg);
    width: 200px;
    height: 200px;
    margin: 30px auto 0px auto;
}

.logo_entete_tableau {
    background-image: url(/Medias/3/logo_entete_tableau.png);
    background-size: 200px 50px;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    margin-bottom: 20px;
}

.entete_identifiant {
    display: none;
}

.entete_password {
    display: none;
}

.entete_tableau {
    height: 0px;
    margin-bottom: 10px;
}

a:hover {
    /*color: var(--bs-link-hover-color);*/
    color:white;
}