.page__accompagnement__header{
    background-color:var(--blanc);
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:10px;
    height:265px;
    & h1{
        font-family: 'PoppinsBlack';
        padding: 0;
        margin: 0;
        width: 80%;
        line-height:1;
        color: var(--orange);
        font-size: 2.5rem;
    }
  & a{
    width:80%;
    font-size:15px;
    font-family:'PoppinsMedium';
    text-decoration:underline;
  }
}

.page__accompagnement__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    position:relative;
    bottom:190px;
    margin-bottom:-200px;
}

.page__description{
    width:80%;
    padding:20px 0;
      & img{
        width:60%;
        object-fit: cover;
        float:right;
        padding-left:50px;
        padding-bottom:15px;
    }
      & p{
        margin:0;
        font-size:1.2rem;
    }
    & a{
    width:80%;
    font-size:1.2rem;
    display:block;
    margin:20px 0;
    font-family:'PoppinsMedium';
    text-decoration:underline;
  }
}

.page__projets{
    display:flex;
    flex-direction: column;
    align-items: center;
    margin:30px 0 50px 0;
        & .page__projets__title{
        width:80%;
        color:var(--orange);
        font-size:2rem;
        font-family:'PoppinsBold';
        line-height:1.1;
    }
    & .projet__box__container{
    flex-wrap:nowrap;
}
}

.page__accompagnement__court{
  & .page__accompagnement__content{
    bottom:200px;
    margin-bottom: -200px;
  }
}

.page__accompagnement__very__court{
  & .page__accompagnement__content{
    bottom:200px;
    margin-bottom: -200px;
  }
}

@media screen and (max-width:1024px){
  .page__description{
    & p{
      font-size:1rem;
    }
    & a{
      font-size:1rem;
    }
  }
    .page__textes{
    & p{
      font-size:1rem;
    }
  }

  .page__projets{
    margin: 0px 0 50px 0;
  }
}


@media screen and (max-width:768px){
  .page__accompagnement__header{
    height:auto;
  }

  .page__accompagnement__court{
  & .page__accompagnement__content{
    bottom:0px;
    margin-bottom: 0px;
  }
}

  .page__accompagnement__very__court{
  & .page__accompagnement__content{
    bottom:0px;
    margin-bottom: 0px;
  }
}

  .page__accompagnement__content{
    bottom:0px;
    margin-bottom:0;
  }

  .page__accompagnement__header{
    gap:20px;
  }

  .page__description{
    flex-direction: column;
    & img{
      width:100%;
      float:none;
      padding-left:0;
    }
  }

  .page__textes{
    width:100%;
  }

  .page__projets{
    margin: 0 0 50px 0;
  }
}