{source}
<style>
/* Iframes et colonnes trajet */
.responsive-iframe {
  width: 100%;
  max-width: 300px;
  height: 256px;
  border: none;
}

.flex-table {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 20px 0;
}

.flex-table > div {
  flex: 1;
  min-width: 280px;
  max-width: 400px;
  text-align: center;
  border: 1px solid #000;
  padding: 10px;
  box-sizing: border-box;
  background: #f9f9f9;
  border-radius: 6px;
}

.fiche-image { width: 100%; max-width: 300px; height: auto; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); margin-bottom: 10px; cursor: zoom-in; }

/* Lightbox plein écran */
#lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
}

#lightbox img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(255,255,255,0.3);
}

#lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  background: #fff;
  color: #000;
  font-size: 18px;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  z-index: 1000;
}
</style>

<h2 style="text-align: center;">🏍️ Harley Days Morzine</h2>
<p style="text-align: center;">
  RDV Poulaillon Sierentz à 08:45 pour le café.<br>
  Départ 09:30. RC Seb<br>
  Arrivée vers 15:00
</p>

<h3 style="text-align: center;">🗺️ TRAJET</h3>

<div class="flex-table">
  <div>
    <h4><u><strong>ALLER</strong></u></h4>
    <iframe class="responsive-iframe" src="https://www.myrouteapp.com/embed/route/12269348?lang=fr"></iframe>
    <h3>Vendredi 10 juillet 2026</h3>
    <p><strong>📍 Départ</strong> – <em>Sierentz (FR)</em><br>🕘 09h30</p>
    <p><strong>☕ Pause café</strong> – <em>Restoroute, Pont-en-Ogoz (CH)</em><br>🕚 11h10 → 🕧 11h40<br>🛣️ 161 km | ⏱️ 1h40</p>
    <p><strong>🍽️ Pause déjeuner</strong> – <em>Publier (FR)</em><br>🕐 12h50 → 🕑 14h10<br>🛣️ 83 km | ⏱️ 1h09</p>
    <p><strong>🎉 Arrivée</strong> – <em>Morzine (FR)</em><br>🕒 14h42<br>🛣️ 34 km | ⏱️ 32 min</p>
    <p><strong>📊 Total</strong> : 279 km | ⏱️ 5h12 (pauses incluses)</p>
  </div>

  <div>
    <h4><u><strong>RETOUR</strong></u></h4>
    <iframe class="responsive-iframe" src="https://www.myrouteapp.com/embed/route/12342624?lang=fr"></iframe>
    <h3>Mercredi 15 juillet 2026</h3>
    <p><strong>📍 Départ</strong> – <em>Morzine (FR)</em><br>🕘 09h00</p>
    <p><strong>🛑 Pause rapide</strong> – <em>Thonon-les-Bains (FR)</em><br>🕤 09h28<br>🛣️ 31 km | ⏱️ 28 min</p>
    <p><strong>☕ Pause café</strong> – <em>Restoroute, Pont-en-Ogoz (CH)</em><br>🕙 10h39 → 🕥 11h09<br>🛣️ 85 km | ⏱️ 1h10</p>
    <p><strong>🎯 Arrivée</strong> – <em>Sierentz (FR)</em><br>🕛 12h50<br>🛣️ 162 km | ⏱️ 1h41</p>
    <p><strong>📊 Total</strong> : 278 km | ⏱️ 3h50 (pauses incluses)</p>
  </div>
</div>

<h3 style="text-align: center;">📍 SUR PLACE</h3>
<p style="text-align: center;">
  Sur place nous vous proposons une balade et un repas à la ferme de la Charbonnière.<br>
  Rien d'obligatoire, chacun fait comme il le souhaite.
</p>

<h2 style="text-align: center;">🏍️ Circuit Morzine – À travers les Alpes franco-suisses</h2>
<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center; margin-bottom: 30px;">
  <div style="flex: 1; min-width: 280px; text-align: center;">
    <img src="images/images/Site/2026/Sejours/Morzine/Boucle_Alpine1.png" alt="Circuit Morzine" class="fiche-image" onclick="document.getElementById('lightbox-img').src=this.src; document.getElementById('lightbox').style.display='flex';">
  </div>
  <div style="flex: 1; min-width: 280px;">
    <p><strong>Partez à la découverte d’un itinéraire exceptionnel de 193 km</strong> au cœur des Alpes, entre France et Suisse.</p>
    <p>Ce circuit en boucle, au départ de Morzine, vous emmène sur les plus belles routes de montagne, à travers vallées, cols et villages pittoresques.</p>
    <p>Un parcours idéal pour les amateurs de paysages alpins, de virages techniques et de découvertes locales.</p>

<p>Nous effectuerons 2 heures de pause à Chamonix</p>
  </div>
</div>

<h2 style="text-align: center;">🐄 Ferme de la Charbonnière – Menthon-Saint-Bernard</h2>
<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center;">
  <div style="flex: 1; min-width: 280px;">
    <p><strong>Une ferme vivante :</strong><br>
    80 vaches laitières produisent chaque jour plus de 300 reblochons fermiers. La traite est visible depuis le restaurant, situé juste au-dessus de l’étable.</p>

    <p><strong>Un restaurant authentique :</strong><br>
    Fondue, tartiflette, tomme blanche, diots… tout est fait maison dans une ambiance rustique et chaleureuse.</p>

    <p><strong>Un cadre exceptionnel :</strong><br>
    Vue sur le lac d’Annecy, entre les Dents de Lanfon et le château de Menthon. Idéal pour une pause gourmande après la balade moto.</p>
  </div>
  <div style="flex: 1; min-width: 280px; text-align: center;">
    <img src="images/images/Site/2026/Sejours/Morzine/ferme.jpg" alt="Ferme de la Charbonnière" class="fiche-image">
  </div>
</div>

<!-- Lightbox plein écran avec bouton Fermer -->
<div id="lightbox" style="display: none;" onclick="this.style.display='none'">
  <div id="lightbox-close" onclick="document.getElementById('lightbox').style.display='none'; event.stopPropagation();">
    Fermer ✖
  </div>
  <img id="lightbox-img" src="" alt="Agrandissement">
</div>{/source}