.flex-container {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between
    /* Utilisez une autre valeur pour voir le résultat */
;
  min-height: 300px;
  background-color: white;
  justify-content: center;
}

.flex-container>div {
  width: 120px;
  padding: 5px 0;
  margin: 8px;
  background-color: lightgrey;
  text-align: left;
  font-size: 18px;
}

.flex-container div.logo {
  width: 160px;
  background-color: red;
}

.flex-container div.titre {
  width: 320px;
  background-color: #FFAAAA;
}
h1{
  text-decoration: underline;
text-align:center;
}

.flex-container div.bandeau {
  background-color: red;
}

.flex-container div.menu {
  width: 65%;
  background-color: #11AAdd;
}

.flex-container div.contenu1 {
  width: 100%;
  min-height: 320px;
  background-color: #d5d5d5;
}

.flex-container div.contenu2 {
  width: 1280px;
  min-height: 120px;
  background-color: grey;
}

.flex-container div.contenu3 {
  width: 700px;
  height: 480px;
  background-color: #ddd;
}

.flex-container div.contenu4 {
  width: 700px;
  min-height: 320px;
  background-color: #ddd;
}

.flex-container div.pied_page {
  width: 100%;
  min-height: 120px;
  background-color: #222;
  color: white;
}


main {
  width: 1200px;
  margin: auto;
}