sss

src/components/Activities.astro

@@ -43,6 +43,35 @@
           </div>
         </details>
 
+        <details class="group border-b border-secondary/60">
+          <summary class="flex items-center justify-between py-5 cursor-pointer list-none">
+            <div class="flex items-center gap-4">
+              <span class="text-xl">🚴</span>
+              <span class="font-serif text-xl font-light">Via Allier · Vélo itinérant</span>
+            </div>
+            <span class="text-primary text-lg transition-transform duration-300 group-open:rotate-45">+</span>
+          </summary>
+          <div class="pb-6 text-dark/70 leading-relaxed space-y-3 text-sm">
+            <p>
+              La Via Allier est un itinéraire cyclable de 300 km le long de la rivière Allier.
+              Alleyras est un point de passage idéal pour les cyclistes itinérants, avec des
+              hébergements et services adaptés.
+            </p>
+            <div class="pl-4 border-l border-primary/30 space-y-1">
+              <div>Étape 6 · Monistrol-d'Allier → Pont d'Alleyras <span class="text-primary font-medium">17,6 km</span></div>
+              <div>Étape 7 · Pont d'Alleyras → Chapeauroux <span class="text-primary font-medium">22,2 km</span></div>
+            </div>
+            <a
+              href="https://www.via-allier.com/"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="inline-block text-xs tracking-[0.15em] uppercase text-primary border-b border-primary/40 hover:border-primary transition-colors mt-1"
+            >
+              Fiche officielle de la Via Allier →
+            </a>
+          </div>
+        </details>
+
         <details class="group border-b border-secondary/60">
           <summary class="flex items-center justify-between py-5 cursor-pointer list-none">
             <div class="flex items-center gap-4">

src/components/Features.astro

@@ -1,9 +1,8 @@
 ---
-import { Mountain, Waves, Bike, Fish, Milestone } from 'lucide-astro';
+import { Mountain, Waves, Bike, Fish } from 'lucide-astro';
 
 const features = [
   { icon: Mountain, label: 'GR470 · Étape officielle' },
-  { icon: Milestone, label: 'Via Allier · Vélo itinérant' },
   { icon: Waves,    label: 'Canoë & kayak' },
   { icon: Bike,     label: 'VTT & VTTAE' },
   { icon: Fish,     label: 'Pêche à la mouche' },