<div style="display: flex; flex-wrap: wrap; gap: 20px;">

• <div style="flex: 1; text-align: center;">
  • <h3>Module 1 - Là où tout commence ;-)</h3>
  • <p>Où l'on trouve des contenus à lire, à regarder, des exercices de validation des connaissances… À explorer selon le temps disponible et la curiosité.</p>
  • <img src="M1c.png" style="max-width: 200px;" alt="Module 1 Image">
  • <br>
  • Accéder au module
• </div>

• <div style="flex: 1; text-align: center;">
  • <h3>Module 2 - La boîte à outil pour démarrer en mode collaboratif</h3>
  • <p>Où l'on parle de méthodologie, et organisation. Nous proposons des points de repères pour suivre la formation et adopter divers outils.</p>
  • <img src="M2c.png" style="max-width: 200px;" alt="Module 2 Image">
  • <br>
  • Accéder au module
• </div>

• <div style="flex: 1; text-align: center;">
  • <h3 style="color: #ff9900;">Premier regroupement (pour enfin se voir en vrai !)</h3>
  • <p>Où l'on trouve les infos pratiques et les contenus du premier regroupement.</p>
  • <img src="M3c.png" style="max-width: 200px;" alt="Premier regroupement Image">
  • <br>
  • Toutes les infos du regroupement
• </div>

• <div style="flex: 1; text-align: center;">
  • <h3>Module 3 - Impulser et bien vivre la coopération : les essentiels</h3>
  • <p>Où l'on réaffirme les notions essentielles pour collaborer et où on pratique avec les (nouveaux) outils.</p>
  • <img src="Avion.png" style="max-width: 200px;" alt="Module 3 Image">
  • <br>
  • Accéder au module
• </div>

</div>

<hr>

<div style="display: flex; flex-wrap: wrap; gap: 20px;">

• <div style="flex: 1; text-align: center;">
  • <h3>Module 4 - Interroger sa posture pour co-produire</h3>
  • <p>Où l'on poursuit l'exploration de la communication inter-personnelle, et un zoom sur l'écriture collective.</p>
  • <img src="M52.png" style="max-width: 200px;" alt="Module 4 Image">
  • <br>
  • Accéder au module
• </div>

• <div style="flex: 1; text-align: center;">
  • <h3>Module 5 - Communs numériques et partage de connaissances</h3>
  • <p>Où l'on parle de propriété intellectuelle et de Bien Commun.</p>
  • <img src="Piano_jardin.png" style="max-width: 200px;" alt="Module 5 Image">
  • <br>
  • Accéder au module
• </div>

• <div style="flex: 1; text-align: center;">
  • <h3 style="color: #ff9900;">Deuxième regroupement, où nous lançons nos co-productions</h3>
  • <p>Où l'on trouve les infos pratiques et les contenus du deuxième regroupement.</p>
  • <img src="M7.png" style="max-width: 200px;" alt="Deuxième regroupement Image">
  • <br>
  • Toutes les infos du regroupement
• </div>

• <div style="flex: 1; text-align: center;">
  • <h3>Module 6 - L'animation et gestion de projet en mode collaboratif</h3>
  • <p>Où l'on trouve les contenus et ressources du second regroupement, les bilans des accélérateurs, et on poursuit la découverte de (nouveaux) outils numériques.</p>
  • <img src="M8bis.png" style="max-width: 200px;" alt="Module 6 Image">
  • <br>
  • Accéder au module
• </div>

</div>

---