.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 1px 1px;
  grid-template-areas: "Evenement Evenement Evenement" "Catalogue Catalogue Catalogue" "Catalogue Catalogue Catalogue";
}

.Evenement { grid-area: Evenement; }

.Catalogue {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 1px 1px;
  grid-template-areas: "Rayon Rayon Rayon" ". . .";
  grid-area: Catalogue;
}

.Rayon { grid-area: Rayon; }