From 0ccc189ed3d72be658b12f6535b28a17c69eff98 Mon Sep 17 00:00:00 2001
From: lrdlg <lrdlg@macbookpro.home>
Date: Tue, 14 Jul 2026 08:49:48 +0200
Subject: [PATCH] =?UTF-8?q?update:=20nuits=20=C3=A9toil=C3=A9es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 139 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 137 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 776245e..331356f 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,8 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,900&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
+<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
 <style>
   :root{
     --paper:#EFEADD;
@@ -154,6 +156,22 @@
     text-transform:uppercase;color:var(--ink-soft);display:block}
   .src a{border:0;color:var(--river);word-break:break-word}
 
+  /* ---- astro ---- */
+  #astromap{height:420px;border-radius:8px;border:1px solid var(--line);margin:6px 0 8px;z-index:0}
+  .leaflet-popup-content{font-family:"Inter",sans-serif;font-size:13.5px;line-height:1.5}
+  .leaflet-popup-content b{font-family:"Fraunces",serif;font-size:15px;color:var(--river)}
+  .maplegend{font-size:12.5px;color:var(--ink-soft);font-family:"IBM Plex Mono",monospace;margin-bottom:22px}
+  .moon{width:100%;border-collapse:collapse;margin:6px 0 10px;font-size:14.5px}
+  .moon th{text-align:left;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;
+    text-transform:uppercase;color:var(--ink-soft);font-weight:500;padding:8px 10px;
+    border-bottom:2px solid var(--river)}
+  .moon td{padding:10px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
+  .moon tr.best td{background:#E9F0E6}
+  .moon tr.best td:first-child{font-weight:600;color:var(--river)}
+  .moon .verdict{font-size:13.5px;color:var(--ink-soft)}
+  .moon .pct{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--ochre);white-space:nowrap}
+  .moonicon{font-size:15px;margin-right:6px}
+
   footer{margin-top:40px;padding:26px 0 50px;border-top:2px solid var(--river);color:var(--ink-soft);font-size:13px}
 
   @media (max-width:680px){
@@ -204,6 +222,7 @@
     <a href="#utile">Adresses utiles</a>
     <a href="#pepites">Pépites locales</a>
     <a href="#marches">Marchés</a>
+    <a href="#astro">Étoiles</a>
     <a href="#sources">Toutes les sources</a>
   </div>
 </nav>
@@ -594,9 +613,60 @@
     </div>
   </section>
 
+  <!-- ============ ASTRO ============ -->
+  <section id="astro">
+    <div class="sechead"><span class="num">09</span><h2>Observer les étoiles</h2></div>
+    <p class="lead">Vous logez au bord du <b>« triangle noir du Quercy »</b>. En 2002, une étude d'images satellitaires publiée par <i>Ciel &amp; Espace</i> a révélé au-dessus des Causses du Quercy — entre Rocamadour et la vallée du Célé — la zone présentant <b>la plus faible pollution lumineuse de France métropolitaine</b>. Une cinquantaine de communes y éteignent leur éclairage public la nuit. Le site de Reilhac est mesuré à 21,59 SQM : un ciel réellement excellent.</p>
+
+    <div class="note warn" style="margin-bottom:24px">
+      <h4>★ L'information décisive : la nouvelle lune tombe le 14 juillet</h4>
+      <p>La lune est le principal ennemi de la Voie lactée, bien plus que la pollution lumineuse résiduelle. Vous avez une chance rare : le ciel sera totalement noir en début de séjour. <b>Priorisez la première semaine</b> — la seconde sera de plus en plus éclairée.</p>
+    </div>
+
+    <table class="moon">
+      <thead><tr><th>Nuits</th><th>Lune éclairée</th><th>Verdict</th></tr></thead>
+      <tbody>
+        <tr class="best"><td><span class="moonicon">🌑</span>12 → 18 juillet</td><td class="pct">0 – 18 %</td><td class="verdict"><b>Fenêtre idéale.</b> Voie lactée pleinement visible. Le meilleur moment : 13–16 juillet.</td></tr>
+        <tr><td><span class="moonicon">🌒</span>19 → 21 juillet</td><td class="pct">27 – 48 %</td><td class="verdict">Correct en début de nuit : le croissant se couche assez tôt.</td></tr>
+        <tr><td><span class="moonicon">🌔</span>22 → 25 juillet</td><td class="pct">58 – 86 %</td><td class="verdict">Médiocre : la lune écrase le ciel et efface la Voie lactée.</td></tr>
+      </tbody>
+    </table>
+    <p style="font-size:13px;color:var(--ink-soft);margin:0 0 26px">[PROBABLE] Calcul fondé sur la période synodique moyenne — fiable à un jour près.</p>
+
+    <div class="subhead">Les trois sites d'observation — carte</div>
+    <div id="astromap"></div>
+    <p class="maplegend">Carte OpenStreetMap · cliquez sur un marqueur pour le détail · ★ = recommandé</p>
+
+    <div class="cards">
+      <div class="card"><div class="top"><h4>★ Miers — le plus proche</h4><span class="km">~20 min</span></div><p>Trois plates-formes en béton pour trépied ou télescope, table d'interprétation du ciel, <b>axe d'observation plein sud</b> (idéal). Le mieux noté par les visiteurs (4,8/5) : la Voie lactée y est décrite comme stupéfiante sans lune. Garez-vous à distance du site pour ne pas éblouir les observateurs.<br><span class="mono" style="font-size:12px;color:var(--ink-soft)">Accès libre et gratuit · géré par le club de Gramat</span></p><a href="https://astrogramat.wixsite.com/astro-gramat/miers">infos du club</a></div>
+      <div class="card"><div class="top"><h4>★ Reilhac — le mieux équipé</h4><span class="km">~30 min</span></div><p>Aménagé en 2021 tout en bois de châtaignier : totem explicatif, dalle pour télescope, <b>transats et bancs inclinés</b> pour observer allongé, espace agora. <b>Accessible PMR.</b> Axe plein sud, qualité de ciel mesurée à 21,59 SQM. Commune labellisée « Villes et Villages étoilés » depuis 2011.<br><span class="mono" style="font-size:12px;color:var(--ink-soft)">Accès libre et gratuit · parking sur place</span></p><a href="https://www.parc-causses-du-quercy.fr/fiche-tourisme/site-dobservation-du-ciel-etoile-de-reilhac/">fiche du Parc</a></div>
+      <div class="card"><div class="top"><h4>Carlucet</h4><span class="km">~25 min</span></div><p>Table de lecture du ciel, axe sud/sud-ouest, parking à proximité. <b>Réserve honnête</b> : plusieurs visiteurs signalent des arbres et des maisons éclairées aux abords — nettement moins dégagé que Miers ou Reilhac. À garder en troisième choix.<br><span class="mono" style="font-size:12px;color:var(--ink-soft)">Accès libre et gratuit</span></p><a href="https://www.parc-causses-du-quercy.fr/fiche-tourisme/site-dobservation-du-ciel-etoile-de-carlucet/">fiche du Parc</a></div>
+      <div class="card"><div class="top"><h4>Soirées accompagnées</h4><span class="km">sur réservation</span></div><p>Pour être guidés et profiter d'un vrai télescope : le <b>Club d'Astronomie de Gramat</b> (ACL Astronomie, qui gère le site de Miers), ainsi qu'<b>Anima'Ciel</b> et <b>Astronomade</b>. Le Parc annonce des animations les mercredis et jeudis à partir du 15 juillet, vers 22 h (horaire variable).<br><span class="mono" style="font-size:12px;color:var(--ink-soft)">À confirmer auprès du Parc ou de l'OT</span></p><a href="https://www.parc-causses-du-quercy.fr/explorez-les-causses-du-quercy/observation-de-la-nuit/">observation de la nuit (PNR)</a></div>
+    </div>
+
+    <div class="grid2" style="margin-top:20px">
+      <div class="note">
+        <h4>Quand arriver</h4>
+        <p>La nuit vraiment noire ne s'installe qu'après le crépuscule astronomique, soit vers <b>23 h 15 – 23 h 30</b> à cette latitude en juillet. Inutile d'arriver à 21 h.</p>
+      </div>
+      <div class="note">
+        <h4>À emporter</h4>
+        <p>Une lampe à <b>lumière rouge</b> (une lampe blanche ruine la vision nocturne pendant 20 min — la vôtre et celle des autres), des jumelles (spectaculaires sur la Voie lactée), un vêtement chaud, une couverture, de l'anti-moustiques.</p>
+      </div>
+      <div class="note">
+        <h4>Ce que vous verrez</h4>
+        <p>À l'œil nu : la <b>Voie lactée</b> traversant le zénith et, vers le sud, le cœur dense de la galaxie dans le Sagittaire. C'est là que le spectacle est le plus riche.</p>
+      </div>
+      <div class="note">
+        <h4>Perséides</h4>
+        <p>Les étoiles filantes montent en puissance fin juillet, mais leur pic est à la mi-août. Vous en verrez quelques-unes, sans plus.</p>
+      </div>
+    </div>
+  </section>
+
   <!-- ============ SOURCES ============ -->
   <section id="sources">
-    <div class="sechead"><span class="num">09</span><h2>Toutes les sources</h2></div>
+    <div class="sechead"><span class="num">10</span><h2>Toutes les sources</h2></div>
     <p class="lead">L'ensemble des liens utilisés pour compiler ce dossier.</p>
     <div class="src">
       <div><span class="lab">Festival — site officiel</span><a href="https://www.souillacenjazz.fr/new/">souillacenjazz.fr</a></div>
@@ -637,14 +707,79 @@
       <div><span class="lab">Artisans d'art — OT</span><a href="https://www.vallee-dordogne.com/la-vallee-de-la-dordogne/gastronomie/art-artisanat/artisans-dart-et-savoir-faire">vallee-dordogne.com/artisans-dart</a></div>
       <div><span class="lab">Marchés du Lot — Tourisme Lot</span><a href="https://www.tourisme-lot.com/agenda/marches/">tourisme-lot.com/agenda/marches</a></div>
       <div><span class="lab">Calendrier des marchés — Blog des Bourians</span><a href="https://www.blogdesbourians.fr/les-marches-du-lot/">blogdesbourians.fr/les-marches-du-lot</a></div>
+      <div><span class="lab">Observation de la nuit — PNR Causses du Quercy</span><a href="https://www.parc-causses-du-quercy.fr/explorez-les-causses-du-quercy/observation-de-la-nuit/">parc-causses-du-quercy.fr/observation-de-la-nuit</a></div>
+      <div><span class="lab">Site d'observation de Reilhac — PNR</span><a href="https://www.parc-causses-du-quercy.fr/fiche-tourisme/site-dobservation-du-ciel-etoile-de-reilhac/">parc-causses-du-quercy.fr/reilhac</a></div>
+      <div><span class="lab">Site d'observation de Carlucet — PNR</span><a href="https://www.parc-causses-du-quercy.fr/fiche-tourisme/site-dobservation-du-ciel-etoile-de-carlucet/">parc-causses-du-quercy.fr/carlucet</a></div>
+      <div><span class="lab">Site d'observation de Miers — PNR</span><a href="https://www.parc-causses-du-quercy.fr/fiche-tourisme/site-dobservation-du-ciel-etoile-de-miers/">parc-causses-du-quercy.fr/miers</a></div>
+      <div><span class="lab">Club d'Astronomie de Gramat (ACL)</span><a href="https://astrogramat.wixsite.com/astro-gramat/miers">astrogramat.wixsite.com</a></div>
+      <div><span class="lab">Le triangle noir du Quercy</span><a href="https://www.cahorsvalleedulot.com/explorer/visitez-la-vallee-du-lot/le-triangle-noir-du-quercy/">cahorsvalleedulot.com/triangle-noir</a></div>
+      <div><span class="lab">Observer les étoiles — OT Vallée de la Dordogne</span><a href="https://www.vallee-dordogne.com/rocamadour/decouvrir/que-voir-que-faire-a-rocamadour-incontournables-meilleurs-spots/observer-etoiles">vallee-dordogne.com/observer-etoiles</a></div>
       <div><span class="lab">Fiches carte (sans site dédié)</span>Rocamadour, Martel, Carennac, Autoire, Saint-Cirq-Lapopie, Collonges-la-Rouge, Turenne, Curemonte, Gourdon, Saint-Céré, La Roque-Gageac, Domme, Belvédère de Copeyre, Lac du Tolerme, Lac du Causse — fiches Google Maps liées dans le répertoire.</div>
     </div>
   </section>
 
   <footer class="wrap">
-    Dossier établi le 28 juin 2026 pour un séjour du 11 au 25 juillet 2026, base Lacave (Lot). Distances et durées indicatives en voiture. Horaires des sites et programmation du festival à reconfirmer sur les liens officiels avant chaque visite.
+    Dossier établi le 28 juin 2026 pour un séjour du 11 au 25 juillet 2026, base Lacave (Lot). Distances et durées indicatives en voiture. Horaires des sites, jours de marché et programmation du festival à reconfirmer sur les liens officiels avant chaque visite.
   </footer>
 
 </main>
+
+<script>
+  (function () {
+    var el = document.getElementById('astromap');
+    if (!el || typeof L === 'undefined') return;
+
+    var map = L.map('astromap', { scrollWheelZoom: false }).setView([44.79, 1.67], 10);
+
+    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+      maxZoom: 18,
+      attribution: '&copy; contributeurs <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+    }).addTo(map);
+
+    var sites = [
+      {
+        lat: 44.8715876, lng: 1.7213296,
+        nom: '★ Site d\'observation de Miers',
+        txt: '<b>★ Miers</b><br>~20 min de Lacave. Le plus proche et le mieux noté.<br>3 dalles béton pour télescope, table d\'interprétation, axe plein sud.<br>Accès libre et gratuit.',
+        star: true
+      },
+      {
+        lat: 44.7053221, lng: 1.7260281,
+        nom: '★ Aire d\'astronomie de Reilhac',
+        txt: '<b>★ Reilhac</b><br>~30 min de Lacave. Le mieux équipé.<br>Transats et bancs inclinés en châtaignier, dalle télescope, accessible PMR.<br>Ciel mesuré à 21,59 SQM.',
+        star: true
+      },
+      {
+        lat: 44.7213127, lng: 1.6024476,
+        nom: 'Site de Carlucet',
+        txt: '<b>Carlucet</b><br>~25 min de Lacave.<br>Table de lecture du ciel, axe sud/sud-ouest.<br><i>Réserve : arbres et maisons éclairées à proximité.</i>',
+        star: false
+      }
+    ];
+
+    sites.forEach(function (s) {
+      L.circleMarker([s.lat, s.lng], {
+        radius: s.star ? 10 : 8,
+        color: '#1E4A3C',
+        weight: 2,
+        fillColor: s.star ? '#A96B1E' : '#F6F2E8',
+        fillOpacity: 1
+      }).addTo(map).bindPopup(s.txt);
+    });
+
+    // Repère : Lacave (camp de base)
+    L.circleMarker([44.8459148, 1.5579145], {
+      radius: 7, color: '#26251F', weight: 2, fillColor: '#fff', fillOpacity: 1
+    }).addTo(map).bindPopup('<b>Lacave</b><br>Votre camp de base.');
+
+    var group = L.featureGroup([
+      L.marker([44.8715876, 1.7213296]),
+      L.marker([44.7053221, 1.7260281]),
+      L.marker([44.7213127, 1.6024476]),
+      L.marker([44.8459148, 1.5579145])
+    ]);
+    map.fitBounds(group.getBounds().pad(0.18));
+  })();
+</script>
 </body>
 </html>
\ No newline at end of file