.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;
}
}