.menu-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #f4f4f4;
  border-bottom: 2px solid #ccc;
}

.menu-nav li {
  margin: 0.5em 1em;
}

.menu-nav a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
  padding: 0.5em 1em;
  border-radius: 5px;
  transition: background-color 0.2s ease;
}

.menu-nav a:hover {
  background-color: #ddd;
}
<nav>
  <ul class="menu-nav">
    <li><a href="#accueil">Accueil</a></li>
    <li><a href="#association">L'association</a></li>
    <li><a href="#actualite">Actualité</a></li>
    <li><a href="#revue">Revue de presse</a></li>
    <li><a href="#argumentaire">Argumentaire</a></li>
    <li><a href="#contact">Contact & réseaux</a></li>
  </ul>
</nav>
<section id="contact" style="padding: 2em; text-align: center;">
  <h2>📬 Contact & Réseaux</h2>
  <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 1.5em;">
    
    <a href="mailto:asso-bvcl@tuta.io?subject=Questions" title="Nous contacter par mail">
      <img src="mail.png" alt="Mail" width="60"><br>Mail
    </a>

    <a href="https://www.facebook.com/profile.php?id=61560520481745" title="Page Facebook">
      <img src="facebook.jpg" alt="Facebook" width="60"><br>Facebook
    </a>

    <a href="https://www.instagram.com/non_ferme_usine_vaugeton/profilecard/" title="Instagram">
      <img src="insta.jpg" alt="Instagram" width="60"><br>Instagram
    </a>

    <a href="https://t.me/boost/non_au_150000_poules" title="Canal Telegram">
      <img src="telegram.jpg" alt="Telegram" width="60"><br>Telegram
    </a>

    <a href="https://x.com/150000PoulesNon" title="Compte X">
      <img src="X.jpg" alt="X/Twitter" width="60"><br>X / Twitter
    </a>

    <a href="https://www.helloasso.com/associations/bien-vivre-a-celle-levescault/administration/ma-page-publique" title="Adhérer à l'association">
      <img src="helloasso.jpeg" alt="HelloAsso" width="100"><br>Adhérer
    </a>

    <a href="https://www.change.org/p/non-%C3%A0-l-installation-d-une-ferme-usine-de-150-000-poules-%C3%A0-vaugeton" title="Signer la pétition">
      <img src="change.jpeg" alt="Change.org" width="60"><br>Pétition
    </a>

  </div>
</section>