.presentation{
    padding:15px;
    width: 70%;
    margin: 0 auto;
    min-height: 400px;
    margin-top: 30px;
    margin-bottom: 30px;
}
img[alt="profil"]{
    width: 200px;
    float: right;
}
p{
    line-height: 2;
    margin-top: 20px;
    margin-bottom: 20px;
}
figcaption{
    font-size: large;
    font-weight: bolder;
    text-align: center;
}
.img-contenair{
    width: 100%;
   
}
.values{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.img-contenair img{
    width: 30%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right:20px ;

}
.figure{
    margin-top: 30px;

    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
}
.figure figure{
    width: 20%;
}
.profil h3{
    text-align: center;
}
.profil img{
    width: 100%;
    margin-bottom: 10px;
    margin-right: 20px;
}


@media screen and (max-width:700px){
  .values{
    flex-direction: column;
    align-items: center;
  }
  .img-contenair img{
    width: 70%;

}
  .figure{
    flex-direction: column;
    align-items: center;
  }
 .figure figure{
    width: 30%;
    margin-bottom: 20px;
  }
  .presentation{
   
    width: 85%;
  
}
}