.presentation {
    /* height: 100vh; */
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    background-image: url(../images/bg-aPropos.webp);
    background-size: cover;
    background-position: center;
}
.presentation h2 {
margin-top: 100px;
}

.ul-presentation {
    display: flex;
    flex-direction: row;
    padding: 0;
    justify-content: space-around;


}
.approche {
    display: flex;
    flex-direction: column;
    width: 20vw;

}
.approche h4 {
    margin: 0;
    display: flex;
    align-items: center;
    color: #E6AA68;
}
.approche img {
    padding-right: 5px;

}
.aPropos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.aPropos img {
    height: 250px;

}

.w7 {
    width: 70%;
}

.aPropos-texte {
    margin: 0 50px;
    width: 40vw;
}

@media screen and (max-width: 960px) {

.ul-presentation {
    flex-direction: column;
    align-items: center;

}

}