.actualites {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background-color: #eee;
}
.actualites article .actualite,
.actualites article .dernieres-livraisons {
  padding: 20px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.actualites article .actualite h4,
.actualites article .dernieres-livraisons h4 {
  width: 100%;
}
.actualites article .actualite section,
.actualites article .dernieres-livraisons section {
  padding-bottom: 20px;
  width: 47%;
}
.actualites article .actualite section img,
.actualites article .dernieres-livraisons section img{
  height: 180px;
  object-fit: cover;
}



@media (width < 1200px) {
  .actualites {
    padding: 0;
    width: 100%;  
    flex-direction: column;
    justify-content: flex-start;
  }
  .actualites article .actualite section,
  .actualites article .dernieres-livraisons section {
    padding: 40px 0;
    width: 100%;
  }
  .actualites .actualite,
  .actualites .dernieres-livraisons {
    width: calc(100% - 40px);
  }
  .actualites article .actualite section img,
  .actualites article .dernieres-livraisons section img {
    height: 500px;
  }
}