body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
}

header {
  background-color: blue;
  height: 50px;
}

a {
  text-decoration: none;
}

ul {
  color: #333;
  margin: 100px 0; /* Ajoute 20px de marge supérieure et inférieure */
}

.content {
  margin: 0 300px; /* Marge de 20px à gauche et à droite */
  display: flex;
  justify-content: center; /* Centrage horizontal */
  align-items: stretch; /* Alignement en haut des colonnes */
}

.left-column {
  width: 20%; /* La colonne de gauche occupe 2/3 de l'espace */
  background-color: #E4E4E4;
  margin-right: 10px; /* Espacement de 10px entre les colonnes */
  
}

.right-column {
  width: 80%; /* La colonne de droite occupe 1/3 de l'espace */
  background-color: #EFEFEF;
  margin-top: 0; /* Marge supérieure nulle */
}
.content2 {
  margin: 0 10px; /* Marge de 20px à gauche et à droite */
  display: flex;
  justify-content: center; /* Centrage horizontal */
  align-items: stretch; /* Alignement en haut des colonnes */
}

.left-column2 {
  width: 80%; /* La colonne de gauche occupe 2/3 de l'espace */
  background-color: #E4E4E4;
  margin-right: 10px; /* Espacement de 10px entre les colonnes */
}

.right-column2 {
  width: 20%; /* La colonne de droite occupe 1/3 de l'espace */
  background-color: #E4E4E4;
  margin-top: 0; /* Marge supérieure nulle */
}