@media (max-width: 768px) {
  #accueil {
    flex-direction: column;
    height: auto;
  }

  .gauche, #centre, .droite {
    width: 100%;
    height: auto;
  }

  #menu {
    flex-wrap: wrap;
    width: 100%;
  }
}

@media screen and (min-width: 800px) and (max-width: 1280px) {
  #accueil {
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }

  .gauche, #centre, .droite {
    width: 32%;
    height: auto;
    margin-bottom: 0px;
  }

  #menu {
    width: 100%;
    flex-wrap: wrap;
    font-size: 14px;
  }

  .Tab_accueil {
    width: 90%;
    font-size: 0.9rem;
  }
  }