*, html, body{
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
    transition: 1s;
}

/* ====== NAV ====== **/

.nav ul li:nth-child(3) a{
    border-bottom: 2px solid rgba(249, 161, 12, 1.0);
    padding-bottom: 5px;
}
.nav ul li:nth-child(3) a::before{
    border-bottom: 0px solid white !important;
}
/* voir fichier nav.css */

/* ====== FIN NAV ====== */


/* ===== ACCUEIL ===== */

@media screen and (min-width: 800px){
    .bgAccueil{
        height: 15vw !important;
        background-image: url('https://res.cloudinary.com/dyfvpmg3o/image/upload/v1772314368/fabienCovis1_mxeprb.png') !important;
    }
}
.bgAccueil{
    background-image: url('https://res.cloudinary.com/dyfvpmg3o/image/upload/v1772314363/fabienCovis2_qndvxt.png');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 12vw;
}
.bgBlurAccueil{
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bgBlurAccueil h1{
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 4px;
    text-shadow: 1px 1px 1px black;
}

/* ====== FIN ACUUELL ===== */ 



/* ===== EQUIPE ====== */

.bgEquipe{
    padding: 70px;
    position: relative;
}
.bgEquipe h2{
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 25px;
    color: rgba(16, 107, 73, 1.0);
}

.bgEquipes{
    padding: 30px 0px 30px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 40px;
    column-gap: 40px;
}
.bgEquipes svg{
    width: 50px;
    height: 50px;
}

.bgEquipe1, .bgEquipe2, .bgEquipe3, .bgEquipe4, .bgEquipe5, .bgEquipe6, .bgEquipe7,
.bgEquipe8, .bgEquipe9, .bgEquipe10, .bgEquipe111, .bgEquipe112, .bgEquipe13, .bgEquipe14{
    padding: 40px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    display: flex;
    column-gap: 40px;
}
/* ===== FIN EQUIPE ====== */


/* ===== RESPONSIVE ===== */

@media screen and (max-width: 640px){
    .bgEquipe{
        padding: 70px 40px 70px 40px;
    }
    .bgEquipes{
        grid-template-columns: 1fr;
        grid-template:  "bgEquipe1"
                        "bgEquipe2"
                        "bgEquipe3"
                        "bgEquipe4"
                        "bgEquipe5"
                        "bgEquipe6"
                        "bgEquipe7"
                        "bgEquipe8";
         padding: 10px 0px 40px 0px;
    }
   
    .bgEquipe h2{
        font-size: 22px;
    }
    
}


@media screen and (min-width: 640px) and (max-width: 1000px){
    .bgEquipes{
        grid-template-columns: 1fr 1fr;
        grid-template-areas:"bgEquipe1 bgEquipe2"
                            "bgEquipe3 bgEquipe4"
                            "bgEquipe5 bgEquipe6"
                            "bgEquipe7 bgEquipe8"
                            "bgEquipe9 bgEquipe10";
        column-gap: 80px;
    }
}
/* ===== FIN RESPONSIVE ===== */