.home-page .footer{
    padding-top:50px;
}

.orange__button{
    background-color:var(--orange);
  border: 1px solid var(--orange);
  padding:20px;
  margin:10px 0;
  border-radius:50px;
  font-family: 'PoppinsBold';
  color: white;
  font-size: 16px;
  width:100%;
  transition: all 0.2s;
  &:hover{
    background-color:white;
    color:var(--orange);
    border:1px solid white;
    cursor:pointer;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 15px;
  }
  &:focus{
        background-color:white;
    color:var(--orange);
    border:1px solid white;
    cursor:pointer;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 15px;
  }
  &:active{
  background-color:var(--orange);
  color:white;
  border:1px solid var(--orange);
  }
}

#home__button{
  width:400px;
  margin: 30px 0;
}

/* ---------- section de presentation sous le carousel ----------- */
.presentation{
    display:flex;
    flex-direction: column;
    align-items: center;
    padding: 100px 0;
  position:relative;
  & div{
    width:80%;
    display:flex;
    flex-direction: column;
      gap: 30px;
  }
& h2{
    font-size:2.3rem;
    color:var(--noir);
    font-family:'PoppinsExtraBold';
    line-height: 1.2;
    margin:0;
}
& p{
    color:var(--noir);
    font-size:1.2rem;
    margin:0;
    line-height:1.2;
}
}

.home__presentation__soleil{
    position: absolute;
    width: 615px;
    z-index: -1;
    left: 20px;
    bottom: 0;
}

@media screen and (max-width:768px){
    .home__presentation__soleil{
        width: 80%;
        left: 50px;
    }

        .presentation{
        padding: 20px 0 50px 0;
        & p{
            font-size:1rem;
        }
    }

}

@media screen and (max-width:480px){
    .home__presentation__soleil{
        left: 30px;
    }

    .presentation{
        & h2{
            font-size:2rem;
        }
    }

}


/* --------- section des projets à la une ---------- */
.projet__une{
    display:flex;
    flex-direction: column;
    align-items: center;
    margin-top:20px;
        & #une__titre{
        width:80%;
        color:var(--orange);
        font-size:2.3rem;
        font-family:'PoppinsBold';
        line-height:1.1;
        margin:20px 0;
    }
    & .projet__box__container{
    flex-wrap:nowrap;
}
}

@media screen and (max-width:1024px){
    .projet__une{
    & .projet__box__container{
        justify-content: center;
        }
}
}


@media screen and (max-width:480px){
    .projet__une{
    margin-top:20px !important;
        & #une__titre{
        font-size:1.8rem;
        }
    }

    .methodologie{
        & h3{
            font-size:1.8rem !important;
        }
    }
}


/* -------- section témoignages (charge une boucle sur les custom posts verbatims -------- */
.temoignages__loop{
    display:flex;
    flex-direction: column;
    align-items: center;
    & h3{
        width:80%;
        color:var(--orange);
        font-size:2.3rem;
        line-height:1.1;
        margin: 50px 0 0px 0;
        font-family:'PoppinsBold';
    }
}

.temoignage__slider__container {
    width: 80%;
    max-width:1150px;
    height: 100%;
    margin-bottom: 50px;
    & .temoignage__img__box{
        background-color:var(--orange);
  }
}

.temoignage__container img{
    aspect-ratio: auto;
    object-fit: cover;
}

#temoignage__arrow__right{
    background-image: url("../images/icons/arrow_temoignage_right.svg");
    height: 100px;
    width: 100px;
    scale:1;
}

#temoignage__arrow__left{
    background-image: url("../images/icons/arrow_temoignage_left.svg");
    height: 100px;
    width: 100px;
    scale:1;
}

@media screen and (max-width:1280px){
    .temoignage__slider__container{
        & .temoignage__img__box{
            width:350px;
        }
        & .temoignage__content__box{
            width:350px;
        }
    }
}

@media screen and (max-width:1024px){
    .temoignage__slider__container{
        min-width: 768px;
        & .temoignage__img__box{
            width:300px;
            height:400px;
        }
        & .temoignage__content__box{
            width:300px;
            height:400px;
        }
    }

    #temoignage__arrow__left, #temoignage__arrow__right{
        height:70px;
        width:70px;
    }
}

@media screen and (max-width:768px){
    .temoignage__slider__container{
        min-width: 460px;
        & .temoignage__img__box{
            width:350px;
            height:350px;
            margin-top: 0;
        }
        & .temoignage__content__box{
            width:350px;
            height:380px;
        }
        .swiper-slide{
            flex-direction: column-reverse;
        }
    }
}

@media screen and (max-width:480px){
    #home__button{
        width:auto;
    }
    .temoignage__slider__container{
        min-width: 350px;
        & .temoignage__img__box{
            display:none;
        }
        & .temoignage__content__box{
            width:250px;
            margin-top:20px;
        }
        .swiper-slide{
            flex-direction: column-reverse;
        }
    }
    #temoignage__arrow__left, #temoignage__arrow__right{
        height:50px;
        width:50px;
    }
    .temoignages__loop h3{
        font-size:1.8rem;
    }
}




/* --------- section pour des lendemains qui changent ---------- */
.lendemains__section{
    display:flex;
    background-color:var(--violet);
    justify-content: center;
    position:relative;
}

.lendemains__container{
    margin:100px 0;
    width:80%;
    gap:50px;
    display:flex;
    align-items: center;
    position:relative;
}

.lendemains__content{
    width:50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    & h3{
        font-family:'PoppinsBold';
        color:var(--noir);
        font-size:2.3rem;
        margin:0;
        line-height:1.1;
    }
    & p{
        color:var(--noir);
        margin:0;
        font-size:1.2rem;
    }
}

.lendemains__video__box{
    width: 50%;
    height: 100%;
}

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

#lendemains__button{
    width:300px;
    margin: 20px 0;
    & button{
        color:white;
        font-family:'PoppinsBold';
        font-size:1.1rem;
  }
}

#lendemains__button button:hover, #lendemains__button button:focus{
    color:var(--orange);
}

#lendemains__button button:active{
    background-color:var(--orange);
    color:white;
}

.lendemains__soleil{
    position:absolute;
    height:330px;
    width:600px;
    bottom:0;
    left:35%;
}

@media screen and (max-width:1024px){
    .lendemains__soleil{
        height:auto;
        width: 80%;
        left: 7%;
    }
}


@media screen and (max-width:768px){
    .lendemains__container{
        flex-direction: column-reverse;
        margin: 50px 0;
        gap:20px;
    }

    .lendemains__content{
        width:100%;
        & p{
            font-size:1rem;
        }
    }

    #lendemains__button{
        width:100%;
        margin:0;
    }

    .lendemains__video__box{
        width:100%;
    }
}


@media screen and (max-width:480px){
    .lendemains__content{
        & h3{
            font-size:1.8rem;
        }
    }
}


@media screen and (max-width:350px){
    #temoignage__arrow__right{
    display:none;
}

#temoignage__arrow__left{
    display:none;
}

.temoignage__slider__container{
    min-width:300px;
}
}