.lendemains__header{
    display:flex;
    flex-direction: column;
    align-items: center;
    background-color:var(--violet);
    min-height:700px;
    position:relative;
        & h2{
        font-family: 'PoppinsBlack';
        padding:5px 0;
        margin: 0;
        width: 80%;
        line-height:1;
        color: var(--noir);
        font-size: 2.5rem;
    }
        & img{
        position:absolute;
        height: 100%;
        right: 2%;
        bottom:0;
        max-height:375px;
    }
}

.lendemains__header__content{
    padding:20px 0;
    width:80%;
    position:relative;
    & p{
        width: 100%;
        font-size:1.2rem;
    }
}

.lendemains__page{
    & header, & .header{
        background-color:var(--violet);
    }
    & .menu-overlay{
        background-color:var(--violet);
    }
}

.lendemains__une__video{
    display:flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: -180px;
}

.lendemains__videos__box{
    width: 60%;
    height: 100%;
    position:relative;
    bottom:250px;
}

.videos__player{
    overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
    & iframe{
        left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
    }
}

.video__gallery{
    display: flex;
    justify-content: center;
    margin-bottom:70px;
}

.video__gallery__item{
    width:45%;
    margin:10px 0;
}

.videos__gallery__player{
    overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
    & iframe{
        left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
    }
}

.video__gallery__box{
    width:80%;
    display:flex;
    gap:50px;
    flex-wrap:wrap;
    justify-content: center;
}


/* --------- responsive ------- */
@media screen and (max-width:1280px){
    .lendemains__header{
        min-height:auto;
        padding:20px 0;
    }

    .lendemains__videos__box{
        bottom:0px;
    }

    .lendemains__une__video{
        margin:30px 0;
    }
}


@media screen and (max-width:1024px){
    .video__gallery__box{
        gap:20px;
    }

    .video__gallery__item{
        margin:0;
    }
}

@media screen and (max-width:768px){
    .lendemains__header__content{
        & p{
            font-size:1rem;
        }
    }

    .lendemains__videos__box{
        width:80%;
    }

    .video__gallery__item{
        width:80%;
    }
}

@media screen and (max-width:480px){
    .video__gallery__item{
        width:100%;
    }

        .lendemains__header__content{
        & p{
            font-size:0.9rem;
        }
        & h2{
            font-size:2rem;
        }
    }

}