.recrutement img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}
.recrutement h4  {
  padding: 20px 40px;
}
.recrutement a {
  padding: 0;
}
.recrutement article {
  padding: 0 20px;
  width: calc( 100% - ( 20px * 2 ));
}
.nos-offres,
.multispecialiste,
.rencontrez {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nos-offres h4,
.multispecialiste h4,
.rencontrez h4 {
  padding: 20px;
  width: 100%;
}
.nos-offres section,
.multispecialiste section,
.rencontrez section {
  padding-bottom: 30px;
  width: 32%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.nos-offres section a ,
.multispecialiste section a ,
.rencontrez section a {
  width: 100%;
}
.nos-offres section a img,
.multispecialiste section a img,
.rencontrez section a img {  
  width: 100%;
  height: 200px;
}
.multispecialiste {
  background-color: #eee;
}


@media (width < 1200px) {
  .recrutement img {
    height: 550px;
  }
  .recrutement article * {
    width: 100%;
  }
  .nos-offres,
  .multispecialiste,
  .rencontrez {
    padding: 20px 0;
    flex-direction: column;
    justify-content: flex-start;
  }
  .nos-offres section,
  .multispecialiste section,
  .rencontrez section {
    padding: 0 20px;
    width: calc( 100% - ( 20px * 2 ));
  }
  .nos-offres section a img,
  .multispecialiste section a img,
  .rencontrez section a img {
    height: 500px;
  }

}