/* CSS nav */
    #navbarNav{
        justify-content: space-between;
    }

    .navbar{
        background-color: #4A3721;
    }

    .nav-link{
        color: white;
        font-weight: 500;
    }

    .nav-link:hover{
        color: #FFB800;
    }


    .navbar-toggler-icon{
        filter: invert(1);
    }

    .navbar-toggler{
        border: 1px solid #ffffff4f;
    }

    #article:target {
        margin-top: -56px; /* Décalage de 50 pixels */
        padding-top: 56px; /* Pour compenser la marge négative */
    }

    #agenda:target {
        margin-top: -56px; /* Décalage de 50 pixels */
        padding-top: 56px; /* Pour compenser la marge négative */
    }

    #About_us:target {
        margin-top: -56px; /* Décalage de 50 pixels */
         padding-top: 56px; /* Pour compenser la marge négative */
    }


    @media screen and (max-width: 575px) {
        #baniere .header{
            display: none!important;
        }

        #navbarNav .justify-content-end{
            justify-content: flex-start!important;
        }

    }

        /* CSS baniere */
        #baniere .fond_couleur {
            z-index: -1;
            height: 170px;
            width: 100%;
            position: absolute;
            display: block;
            background-color: #EAAE39;
            filter: opacity(85%);
        }

        #baniere .fond {
            filter: saturate(0);
            z-index: -2;
            height: 170px;
            width: 100%;
            object-fit: cover;
            position: absolute;
            display: block;
        }

        #baniere .logo {
            height: 123px;
            width: 123px;
            margin-bottom: 25px;
        }

        #baniere .baniere-head {
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            padding-top: 21px;
        }

        #baniere .header {
            display: flex;
            justify-content: center;
            width: 80vw;
        }

        #baniere .titre {
            color: #349966;
            font-size: 47px;
            font-weight: 700;
        }

        #baniere .subtitre {
            color: #D9D9D9;
            font-size: 31px;
            margin-top: 19px;
        }