/* entete page */
    .entetePage{
        position: absolute;
        top: 38px; left: 0;
        width: 100%;
        height: 250px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-image: url('../images/coup-moyenr.webp');
        background-size: cover;
        background-position: center;
        z-index: -10;
    }

    .entetePage::before{
        content: '';
        position: absolute;
        width: 100%; height: 250px;
        left: 0; top: 0;
        z-index: -1;
        backdrop-filter: brightness(60%);
    }

    .entetePage h1{
        color: var(--white);
        font-size: 40px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 16px;
    }

    path{
        display: flex;
        align-items: center;
        margin-top: -16px;
    }

    .path a, .path i{
        font-size: 18px;
        color: white;
        transform: translatey(3px);
        margin: 0 2px;
    }
/* entete page */


/* responsive */
    /* entete page */
        @media screen and (max-width: 660px) {
            .entetePage h1{
                font-size: 50px;
            }
        }

        @media screen and (max-width: 500px) {
            .entetePage h1{
                font-size: 45px;
            }
        }

        @media screen and (max-width: 450px) {
            .entetePage, .entetePage::before{
                height: 280px;
            }
        }
        
        @media screen and (max-width: 430px){
            .entetePage{
                margin-top: 64px;
            }
        }

        @media screen and (max-width: 400px) {
            .entetePage h1{
                font-size: 40px;
            }
        }
        
        @media screen and (max-width: 380px){
            .entetePage{
                margin-top: 52px;
            }
        }

        @media screen and (max-width: 350px) {
            .entetePage h1{
                font-size: 35px;
            }
        }
    /* entete page */
/* responsive */