From 24cb50277083e7da648f38d8a71a52d4e0cca8de Mon Sep 17 00:00:00 2001
From: mathi <mathis.grillot@gmail.com>
Date: Wed, 23 Sep 2026 17:43:55 +0200
Subject: [PATCH] =?UTF-8?q?Impl=C3=A9mentation=20des=20page=20:?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-> Prochains départs / Arrivées (beta)
-> Recherches d'horaires (actif)
---
 public/images/train_agc.png                   |  Bin 0 -> 77141 bytes
 src/app/[region]/horaires/page.tsx            |   79 +
 src/app/[region]/offers/page.tsx              |   52 +
 src/app/[region]/page.tsx                     |   63 +-
 .../[region]/se-deplacer/horaires/page.tsx    |   13 +
 .../se-deplacer/prochains-departs/page.tsx    |   49 +
 src/app/horaires/page.tsx                     |   63 +
 src/app/offers/page.tsx                       |   44 +
 .../se-deplacer/prochains-departs/page.tsx    |   41 +
 src/components/HeaderMenu.tsx                 |  394 ++++
 src/components/HorairesPageClient.tsx         |  172 ++
 src/components/OffersPageClient.tsx           | 1140 ++++++++++
 src/components/ProchainsDepartsClient.tsx     | 1865 +++++++++++++++++
 src/components/RegionContent.tsx              |  676 ++----
 src/components/SiteHeader.tsx                 |  297 +++
 src/components/TimetableSearchForm.tsx        |  810 +++++++
 src/lib/perturbationUtils.ts                  |  113 +
 src/lib/regionTheme.ts                        |   99 +
 18 files changed, 5500 insertions(+), 470 deletions(-)
 create mode 100644 public/images/train_agc.png
 create mode 100644 src/app/[region]/horaires/page.tsx
 create mode 100644 src/app/[region]/offers/page.tsx
 create mode 100644 src/app/[region]/se-deplacer/horaires/page.tsx
 create mode 100644 src/app/[region]/se-deplacer/prochains-departs/page.tsx
 create mode 100644 src/app/horaires/page.tsx
 create mode 100644 src/app/offers/page.tsx
 create mode 100644 src/app/se-deplacer/prochains-departs/page.tsx
 create mode 100644 src/components/HeaderMenu.tsx
 create mode 100644 src/components/HorairesPageClient.tsx
 create mode 100644 src/components/OffersPageClient.tsx
 create mode 100644 src/components/ProchainsDepartsClient.tsx
 create mode 100644 src/components/SiteHeader.tsx
 create mode 100644 src/components/TimetableSearchForm.tsx
 create mode 100644 src/lib/perturbationUtils.ts
 create mode 100644 src/lib/regionTheme.ts

diff --git a/public/images/train_agc.png b/public/images/train_agc.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea1bc87387ae8e452a4bed46165d41fef81c6db8
GIT binary patch
literal 77141
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
X-^gX<FRX!Ycr35lm{(u%c=3M#(1PXj

literal 0
HcmV?d00001

diff --git a/src/app/[region]/horaires/page.tsx b/src/app/[region]/horaires/page.tsx
new file mode 100644
index 0000000..dae15c6
--- /dev/null
+++ b/src/app/[region]/horaires/page.tsx
@@ -0,0 +1,79 @@
+import React from 'react';
+import { supabase } from '@/lib/supabase';
+import HorairesPageClient from '@/components/HorairesPageClient';
+
+export const dynamic = 'force-dynamic';
+export const revalidate = 0;
+
+export default async function RegionHorairesPage({
+  params,
+}: {
+  params: Promise<{ region: string }>;
+}) {
+  const { region } = await params;
+
+  const regionCandidates = Array.from(new Set([
+    region,
+    region === 'sud-provence-alpes-cote-d-azur' ? 'provence-alpes-cote-azur' : '',
+    region === 'provence-alpes-cote-azur' ? 'sud-provence-alpes-cote-d-azur' : '',
+  ].filter(Boolean)));
+
+  // Fetch parameters
+  const { data } = await supabase
+    .from('parametres')
+    .select('valeur')
+    .eq('cle', 'general')
+    .single();
+
+  let regionData = {
+    nom_site: `FERROVIA ${region.replace(/-/g, ' ').toUpperCase()}`,
+    logo_header_url: '',
+    description_site: '',
+  };
+
+  if (data && data.valeur) {
+    const val = data.valeur as any;
+    let matchedRegionKey = regionCandidates.find(k => val.regions && val.regions[k]) || regionCandidates[0];
+    const rObj = val.regions?.[matchedRegionKey] || {};
+
+    const logoUrl = rObj.logo_header_url 
+      || val.logo_header_url?.[matchedRegionKey]
+      || val.logo_header_url_by_region?.[matchedRegionKey]
+      || val.logo_header_by_region?.[matchedRegionKey]
+      || '';
+
+    const siteName = rObj.nom_site 
+      || val.nom_site_by_region?.[matchedRegionKey]
+      || `FERROVIA ${region.replace(/-/g, ' ').toUpperCase()}`;
+
+    regionData = {
+      nom_site: siteName,
+      logo_header_url: logoUrl,
+      description_site: rObj.description_site || '',
+    };
+  }
+
+  // Fetch menus_regionaux
+  let menuStructure: any = null;
+  try {
+    const { data: menuData } = await supabase
+      .from('menus_regionaux')
+      .select('*')
+      .eq('actif', true)
+      .in('region_id', regionCandidates)
+      .limit(1);
+    if (menuData && menuData.length > 0) {
+      menuStructure = menuData[0].structure;
+    }
+  } catch (e) {
+    console.error('Error fetching menus_regionaux:', e);
+  }
+
+  return (
+    <HorairesPageClient 
+      regionSlug={region} 
+      regionData={regionData} 
+      menuStructure={menuStructure} 
+    />
+  );
+}
diff --git a/src/app/[region]/offers/page.tsx b/src/app/[region]/offers/page.tsx
new file mode 100644
index 0000000..83b5460
--- /dev/null
+++ b/src/app/[region]/offers/page.tsx
@@ -0,0 +1,52 @@
+import React, { Suspense } from 'react';
+import { notFound } from 'next/navigation';
+import { supabase } from '@/lib/supabase';
+import OffersPageClient from '@/components/OffersPageClient';
+
+interface RegionOffersPageProps {
+  params: Promise<{
+    region: string;
+  }>;
+}
+
+export default async function RegionOffersPage({ params }: RegionOffersPageProps) {
+  const { region } = await params;
+  let menuStructure = null;
+
+  try {
+    const { data: regionData } = await supabase
+      .from('regions')
+      .select('id, nom')
+      .eq('code_slug', region)
+      .maybeSingle();
+
+    if (regionData?.id) {
+      const { data: menuData } = await supabase
+        .from('menus_regionaux')
+        .select('structure')
+        .eq('region_id', regionData.id)
+        .maybeSingle();
+
+      if (menuData?.structure) {
+        menuStructure = typeof menuData.structure === 'string'
+          ? JSON.parse(menuData.structure)
+          : menuData.structure;
+      }
+    }
+  } catch (err) {
+    console.error(`Error loading menu for region ${region}:`, err);
+  }
+
+  return (
+    <Suspense fallback={
+      <div className="min-h-screen flex items-center justify-center bg-[#f8f9fa] font-sans text-gray-500">
+        Chargement des offres de billets...
+      </div>
+    }>
+      <OffersPageClient
+        regionSlug={region}
+        menuStructure={menuStructure}
+      />
+    </Suspense>
+  );
+}
diff --git a/src/app/[region]/page.tsx b/src/app/[region]/page.tsx
index 12cc023..2db75fa 100644
--- a/src/app/[region]/page.tsx
+++ b/src/app/[region]/page.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { supabase } from '@/lib/supabase';
-import RegionContent, { InfoTraficItem, ActualiteItem, HoraireItem } from '@/components/RegionContent';
+import RegionContent, { InfoTraficItem, ActualiteItem, EvenementItem, HoraireItem } from '@/components/RegionContent';
 
 interface RegionData {
   nom_site: string;
@@ -18,6 +18,13 @@ export default async function RegionPage({
 }) {
   const { region } = await params;
 
+  // Region candidates for alias support
+  const regionCandidates = Array.from(new Set([
+    region,
+    region === 'sud-provence-alpes-cote-d-azur' ? 'provence-alpes-cote-azur' : '',
+    region === 'provence-alpes-cote-azur' ? 'sud-provence-alpes-cote-d-azur' : '',
+  ].filter(Boolean)));
+
   // 1. Fetch general settings
   const { data } = await supabase
     .from('parametres')
@@ -33,15 +40,7 @@ export default async function RegionPage({
 
   if (data && data.valeur) {
     const val = data.valeur as any;
-    
-    // Check direct region key or aliases (e.g. sud-provence-alpes-cote-d-azur <-> provence-alpes-cote-azur)
-    const candidates = [
-      region,
-      region === 'sud-provence-alpes-cote-d-azur' ? 'provence-alpes-cote-azur' : '',
-      region === 'provence-alpes-cote-azur' ? 'sud-provence-alpes-cote-d-azur' : '',
-    ].filter(Boolean);
-
-    let matchedRegionKey = candidates.find(k => val.regions && val.regions[k]) || candidates[0];
+    let matchedRegionKey = regionCandidates.find(k => val.regions && val.regions[k]) || regionCandidates[0];
 
     const rObj = val.regions?.[matchedRegionKey] || {};
 
@@ -66,13 +65,14 @@ export default async function RegionPage({
     };
   }
 
-  // 2. Fetch info trafic from Supabase table "info_trafic"
+  // 2. Fetch info trafic strictly filtered by region_id
   let infoTraficList: InfoTraficItem[] = [];
   try {
     const { data: trafficData } = await supabase
       .from('info_trafic')
       .select('*')
       .eq('actif', true)
+      .in('region_id', regionCandidates)
       .is('deleted_at', null)
       .order('created_at', { ascending: false });
     if (trafficData) {
@@ -82,13 +82,14 @@ export default async function RegionPage({
     console.error('Error fetching info_trafic:', e);
   }
 
-  // 3. Fetch actualites from Supabase table "actualites"
+  // 3. Fetch actualites strictly filtered by region_id
   let actualitesList: ActualiteItem[] = [];
   try {
     const { data: actusData } = await supabase
       .from('actualites')
       .select('*')
       .eq('actif', true)
+      .in('region_id', regionCandidates)
       .is('deleted_at', null)
       .order('date_publication', { ascending: false })
       .order('created_at', { ascending: false });
@@ -99,7 +100,40 @@ export default async function RegionPage({
     console.error('Error fetching actualites:', e);
   }
 
-  // 4. Fetch gares and horaires from Supabase table "horaires"
+  // 4. Fetch evenements strictly filtered by region_id
+  let evenementsList: EvenementItem[] = [];
+  try {
+    const { data: eventsData } = await supabase
+      .from('evenements')
+      .select('*')
+      .eq('actif', true)
+      .in('region_id', regionCandidates)
+      .is('deleted_at', null)
+      .order('date_debut', { ascending: false });
+    if (eventsData) {
+      evenementsList = eventsData as EvenementItem[];
+    }
+  } catch (e) {
+    console.error('Error fetching evenements:', e);
+  }
+
+  // 5. Fetch menus_regionaux strictly filtered by region_id
+  let menuStructure: any = null;
+  try {
+    const { data: menuData } = await supabase
+      .from('menus_regionaux')
+      .select('*')
+      .eq('actif', true)
+      .in('region_id', regionCandidates)
+      .limit(1);
+    if (menuData && menuData.length > 0) {
+      menuStructure = menuData[0].structure;
+    }
+  } catch (e) {
+    console.error('Error fetching menus_regionaux:', e);
+  }
+
+  // 6. Fetch gares and horaires strictly filtered by region_id
   let horairesList: HoraireItem[] = [];
   try {
     const { data: garesData } = await supabase
@@ -137,8 +171,9 @@ export default async function RegionPage({
       regionData={regionData} 
       initialInfoTrafic={infoTraficList}
       initialActualites={actualitesList}
+      initialEvenements={evenementsList}
+      initialMenuStructure={menuStructure}
       initialHoraires={horairesList}
     />
   );
 }
-
diff --git a/src/app/[region]/se-deplacer/horaires/page.tsx b/src/app/[region]/se-deplacer/horaires/page.tsx
new file mode 100644
index 0000000..52d30e3
--- /dev/null
+++ b/src/app/[region]/se-deplacer/horaires/page.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import RegionHorairesPage from '../../horaires/page';
+
+export const dynamic = 'force-dynamic';
+export const revalidate = 0;
+
+export default async function SeDeplacerHorairesPage({
+  params,
+}: {
+  params: Promise<{ region: string }>;
+}) {
+  return <RegionHorairesPage params={params} />;
+}
diff --git a/src/app/[region]/se-deplacer/prochains-departs/page.tsx b/src/app/[region]/se-deplacer/prochains-departs/page.tsx
new file mode 100644
index 0000000..e8c7fad
--- /dev/null
+++ b/src/app/[region]/se-deplacer/prochains-departs/page.tsx
@@ -0,0 +1,49 @@
+import React, { Suspense } from 'react';
+import { supabase } from '@/lib/supabase';
+import ProchainsDepartsClient from '@/components/ProchainsDepartsClient';
+
+interface RegionProchainsDepartsPageProps {
+  params: Promise<{
+    region: string;
+  }>;
+}
+
+export default async function RegionProchainsDepartsPage({ params }: RegionProchainsDepartsPageProps) {
+  const { region } = await params;
+  let menuStructure = null;
+
+  try {
+    const { data: regionData } = await supabase
+      .from('regions')
+      .select('id, nom')
+      .or(`slug.eq.${region},code.eq.${region}`);
+
+    const rIds = regionData ? regionData.map((r: any) => r.id) : [];
+
+    let query = supabase.from('menus_regionaux').select('structure').eq('actif', true);
+    if (rIds.length > 0) {
+      query = query.in('region_id', rIds);
+    }
+
+    const { data: menuData } = await query.limit(1);
+
+    if (menuData && menuData.length > 0 && Array.isArray(menuData[0].structure)) {
+      menuStructure = menuData[0].structure;
+    }
+  } catch (err) {
+    console.error(`Error loading menu for region ${region}:`, err);
+  }
+
+  return (
+    <Suspense fallback={
+      <div className="min-h-screen flex items-center justify-center bg-[#f8f9fa] font-sans text-gray-500">
+        Chargement des prochains départs...
+      </div>
+    }>
+      <ProchainsDepartsClient
+        regionSlug={region}
+        menuStructure={menuStructure}
+      />
+    </Suspense>
+  );
+}
diff --git a/src/app/horaires/page.tsx b/src/app/horaires/page.tsx
new file mode 100644
index 0000000..5688d64
--- /dev/null
+++ b/src/app/horaires/page.tsx
@@ -0,0 +1,63 @@
+import React from 'react';
+import { supabase } from '@/lib/supabase';
+import HorairesPageClient from '@/components/HorairesPageClient';
+
+export const dynamic = 'force-dynamic';
+export const revalidate = 0;
+
+export default async function GlobalHorairesPage() {
+  const { data } = await supabase
+    .from('parametres')
+    .select('valeur')
+    .eq('cle', 'general')
+    .single();
+
+  let targetRegion = 'bourgogne-franche-comte';
+  if (data && data.valeur) {
+    const val = data.valeur as any;
+    if (val.region) {
+      targetRegion = val.region;
+    }
+  }
+
+  const regionCandidates = [targetRegion];
+
+  let regionData = {
+    nom_site: `FERROVIA ${targetRegion.replace(/-/g, ' ').toUpperCase()}`,
+    logo_header_url: '',
+    description_site: '',
+  };
+
+  if (data && data.valeur) {
+    const val = data.valeur as any;
+    const rObj = val.regions?.[targetRegion] || {};
+    regionData = {
+      nom_site: rObj.nom_site || `FERROVIA ${targetRegion.replace(/-/g, ' ').toUpperCase()}`,
+      logo_header_url: rObj.logo_header_url || val.logo_header_url?.[targetRegion] || '',
+      description_site: rObj.description_site || '',
+    };
+  }
+
+  let menuStructure: any = null;
+  try {
+    const { data: menuData } = await supabase
+      .from('menus_regionaux')
+      .select('*')
+      .eq('actif', true)
+      .in('region_id', regionCandidates)
+      .limit(1);
+    if (menuData && menuData.length > 0) {
+      menuStructure = menuData[0].structure;
+    }
+  } catch (e) {
+    console.error('Error fetching menus_regionaux:', e);
+  }
+
+  return (
+    <HorairesPageClient 
+      regionSlug={targetRegion} 
+      regionData={regionData} 
+      menuStructure={menuStructure} 
+    />
+  );
+}
diff --git a/src/app/offers/page.tsx b/src/app/offers/page.tsx
new file mode 100644
index 0000000..fea1ce8
--- /dev/null
+++ b/src/app/offers/page.tsx
@@ -0,0 +1,44 @@
+import React, { Suspense } from 'react';
+import { supabase } from '@/lib/supabase';
+import OffersPageClient from '@/components/OffersPageClient';
+
+export default async function OffersPage() {
+  let menuStructure = null;
+
+  try {
+    const { data: regionData } = await supabase
+      .from('regions')
+      .select('id')
+      .eq('code_slug', 'bourgogne-franche-comte')
+      .maybeSingle();
+
+    if (regionData?.id) {
+      const { data: menuData } = await supabase
+        .from('menus_regionaux')
+        .select('structure')
+        .eq('region_id', regionData.id)
+        .maybeSingle();
+
+      if (menuData?.structure) {
+        menuStructure = typeof menuData.structure === 'string'
+          ? JSON.parse(menuData.structure)
+          : menuData.structure;
+      }
+    }
+  } catch (err) {
+    console.error('Error loading menu for offers:', err);
+  }
+
+  return (
+    <Suspense fallback={
+      <div className="min-h-screen flex items-center justify-center bg-[#f8f9fa] font-sans text-gray-500">
+        Chargement des offres de billets...
+      </div>
+    }>
+      <OffersPageClient
+        regionSlug="bourgogne-franche-comte"
+        menuStructure={menuStructure}
+      />
+    </Suspense>
+  );
+}
diff --git a/src/app/se-deplacer/prochains-departs/page.tsx b/src/app/se-deplacer/prochains-departs/page.tsx
new file mode 100644
index 0000000..d47e446
--- /dev/null
+++ b/src/app/se-deplacer/prochains-departs/page.tsx
@@ -0,0 +1,41 @@
+import React, { Suspense } from 'react';
+import ProchainsDepartsClient from '@/components/ProchainsDepartsClient';
+import { supabase } from '@/lib/supabase';
+
+export const metadata = {
+  title: 'Prochains départs | TER Ferrovia',
+  description: 'Tableaux des départs et arrivées en gare',
+};
+
+export default async function ProchainsDepartsPage() {
+  let menuStructure = null;
+  try {
+    const { data: mData } = await supabase
+      .from('menus_regionaux')
+      .select('structure')
+      .eq('actif', true)
+      .limit(1);
+
+    if (mData && mData.length > 0 && Array.isArray(mData[0].structure)) {
+      menuStructure = mData[0].structure;
+    }
+  } catch (err) {
+    console.error('Error fetching menuStructure:', err);
+  }
+
+  return (
+    <Suspense fallback={
+      <div className="min-h-screen bg-gray-50 flex items-center justify-center p-8">
+        <div className="text-center space-y-3">
+          <div className="w-10 h-10 border-4 border-[#006837] border-t-transparent rounded-full animate-spin mx-auto"></div>
+          <p className="text-sm font-medium text-gray-700">Chargement des prochains départs...</p>
+        </div>
+      </div>
+    }>
+      <ProchainsDepartsClient
+        regionSlug="bourgogne-franche-comte"
+        menuStructure={menuStructure}
+      />
+    </Suspense>
+  );
+}
diff --git a/src/components/HeaderMenu.tsx b/src/components/HeaderMenu.tsx
new file mode 100644
index 0000000..c7f7e6c
--- /dev/null
+++ b/src/components/HeaderMenu.tsx
@@ -0,0 +1,394 @@
+"use client";
+
+import React, { useState, useEffect, useRef } from 'react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { supabase } from '@/lib/supabase';
+import { getRegionTheme } from '@/lib/regionTheme';
+
+export interface MenuItem {
+  id?: string;
+  label: string;
+  url?: string;
+  type?: string;
+  page_id?: string;
+  sous_elements?: MenuItem[];
+  sous_sous_elements?: MenuItem[];
+}
+
+interface HeaderMenuProps {
+  menuStructure?: MenuItem[] | null;
+  regionSlug: string;
+  activeTab?: string;
+  onTabSelect?: (label: string) => void;
+  mobileMenuOpen?: boolean;
+  onMobileMenuToggle?: (open: boolean) => void;
+}
+
+const DEFAULT_MENU: MenuItem[] = [
+  {
+    id: 'def-1',
+    label: 'Se déplacer',
+    url: '/se-deplacer',
+    sous_elements: [
+      {
+        id: 'def-1-1',
+        label: 'Rechercher un horaire (train, car...)',
+        url: '/horaires'
+      },
+      {
+        id: 'def-1-2',
+        label: 'Prochains départs',
+        url: '/se-deplacer/prochains-departs'
+      },
+      {
+        id: 'def-1-3',
+        label: 'Gares',
+        url: '/#gares'
+      }
+    ],
+    sous_sous_elements: []
+  },
+  {
+    id: 'def-2',
+    label: 'Abonnements',
+    url: '/abonnements',
+    sous_elements: [
+      {
+        id: 'def-2-1',
+        label: 'Fiches horaires',
+        url: '/#fiches-horaires'
+      },
+      {
+        id: 'def-2-2',
+        label: 'Info trafic',
+        url: '/#info-trafic',
+        sous_elements: [
+          { id: 'def-2-2-1', label: 'Travaux toutes lignes', url: '/#info-trafic' },
+          { id: 'def-2-2-2', label: 'Travaux ligne Paris - Laroche - Dijon - Lyon', url: '/#info-trafic' },
+          { id: 'def-2-2-3', label: 'Adaptation axe Lyon - Paray-le-Monial - Nevers', url: '/#info-trafic' }
+        ]
+      }
+    ]
+  },
+  {
+    id: 'def-3',
+    label: 'Tarifs et cartes de réduction',
+    url: '/tarifs-cartes',
+    sous_elements: [
+      {
+        id: 'def-3-1',
+        label: 'Cartes du réseau',
+        url: '/#cartes-reseau'
+      },
+      {
+        id: 'def-3-2',
+        label: 'Mon Info Trafic : alertes perturbations par sms/mail',
+        url: '/#alertes-sms'
+      }
+    ]
+  },
+  {
+    id: 'def-4',
+    label: 'Services et contacts',
+    url: '/services-contacts',
+    sous_elements: []
+  },
+  {
+    id: 'def-5',
+    label: 'Découvrir la région',
+    url: '/decouvrir-la-region',
+    sous_elements: []
+  }
+];
+
+export default function HeaderMenu({
+  menuStructure,
+  regionSlug,
+  activeTab = "Se déplacer",
+  onTabSelect,
+  mobileMenuOpen: controlledMobileMenuOpen,
+  onMobileMenuToggle,
+}: HeaderMenuProps) {
+  const pathname = usePathname();
+  const theme = getRegionTheme(regionSlug);
+  const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
+  const [internalMobileMenuOpen, setInternalMobileMenuOpen] = useState<boolean>(false);
+  const [expandedMobileIndices, setExpandedMobileIndices] = useState<Record<number, boolean>>({});
+  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+
+  const [items, setItems] = useState<MenuItem[]>(menuStructure && menuStructure.length > 0 ? menuStructure : DEFAULT_MENU);
+
+  useEffect(() => {
+    if (menuStructure && menuStructure.length > 0) {
+      setItems(menuStructure);
+      return;
+    }
+
+    const fetchRegionalMenu = async () => {
+      try {
+        const cleanSlug = regionSlug || 'bourgogne-franche-comte';
+        const { data: rData } = await supabase
+          .from('regions')
+          .select('id, slug')
+          .or(`slug.eq.${cleanSlug},code.eq.${cleanSlug}`);
+
+        const rIds = rData ? rData.map((r: any) => r.id) : [];
+
+        let query = supabase.from('menus_regionaux').select('structure').eq('actif', true);
+        if (rIds.length > 0) {
+          query = query.in('region_id', rIds);
+        }
+        
+        const { data: mData } = await query.limit(1);
+        if (mData && mData.length > 0 && mData[0].structure && Array.isArray(mData[0].structure)) {
+          setItems(mData[0].structure);
+        } else {
+          setItems(DEFAULT_MENU);
+        }
+      } catch (err) {
+        console.error('Error fetching menus_regionaux:', err);
+      }
+    };
+
+    fetchRegionalMenu();
+  }, [menuStructure, regionSlug]);
+
+  const isMobileMenuOpen = controlledMobileMenuOpen !== undefined ? controlledMobileMenuOpen : internalMobileMenuOpen;
+
+  const setMobileMenuOpen = (open: boolean) => {
+    if (onMobileMenuToggle) {
+      onMobileMenuToggle(open);
+    } else {
+      setInternalMobileMenuOpen(open);
+    }
+  };
+
+  const handleMouseEnter = (index: number) => {
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    setHoveredIndex(index);
+  };
+
+  const handleMouseLeave = () => {
+    timeoutRef.current = setTimeout(() => {
+      setHoveredIndex(null);
+    }, 150);
+  };
+
+  const resolveUrl = (rawUrl?: string) => {
+    if (!rawUrl) return `/${regionSlug}`;
+    if (rawUrl.startsWith('#')) return `/${regionSlug}${rawUrl}`;
+    if (rawUrl.startsWith('/')) {
+      if (rawUrl === '/se-deplacer/horaires' || rawUrl === '/horaires') {
+        return `/${regionSlug}/horaires`;
+      }
+      return `/${regionSlug}${rawUrl}`;
+    }
+    return rawUrl;
+  };
+
+  const toggleMobileIndex = (idx: number) => {
+    setExpandedMobileIndices(prev => ({ ...prev, [idx]: !prev[idx] }));
+  };
+
+  const activeItem = hoveredIndex !== null ? items[hoveredIndex] : null;
+
+  const getSubItems = (item: MenuItem): MenuItem[] => {
+    const list: MenuItem[] = [];
+    if (item.sous_elements && Array.isArray(item.sous_elements)) {
+      list.push(...item.sous_elements);
+    }
+    if (item.sous_sous_elements && Array.isArray(item.sous_sous_elements)) {
+      list.push(...item.sous_sous_elements);
+    }
+    return list;
+  };
+
+  const activeSubItems = activeItem ? getSubItems(activeItem) : [];
+
+  return (
+    <div className="relative z-40 bg-white border-b border-gray-200 shadow-xs">
+      {/* DESKTOP NAVIGATION BAR (IMAGE 1 & 2) */}
+      <nav className="hidden lg:block">
+        <div className="max-w-[1340px] mx-auto px-6 flex items-center gap-7 text-[13px] font-medium text-gray-700">
+          {items.map((item, index) => {
+            const isHovered = hoveredIndex === index;
+            
+            const itemContainsHoraires = (it: MenuItem): boolean => {
+              if (it.url && it.url.includes('/horaires')) return true;
+              if (it.sous_elements && Array.isArray(it.sous_elements)) {
+                return it.sous_elements.some(sub => (sub.url && sub.url.includes('/horaires')) || sub.label.toLowerCase().includes('horaire'));
+              }
+              return false;
+            };
+
+            const isHorairesPage = pathname ? pathname.includes('/horaires') : false;
+            const isActive = isHorairesPage && itemContainsHoraires(item);
+
+            return (
+              <div
+                key={item.id || index}
+                className="relative py-3.5"
+                onMouseEnter={() => handleMouseEnter(index)}
+                onMouseLeave={handleMouseLeave}
+              >
+                <Link
+                  href={resolveUrl(item.url)}
+                  onClick={() => {
+                    if (onTabSelect) onTabSelect(item.label);
+                  }}
+                  className={`inline-block transition-colors cursor-pointer border-b-[3px] -mb-[3.5px] pb-3 whitespace-nowrap ${
+                    isActive
+                      ? 'font-bold border-[#8da300] text-gray-900'
+                      : isHovered
+                      ? 'border-[#d1d800] text-gray-900'
+                      : 'border-transparent text-gray-700 hover:text-gray-900'
+                  }`}
+                  style={
+                    isActive
+                      ? { borderColor: '#8da300', color: '#111111' }
+                      : isHovered
+                      ? { borderColor: '#d1d800' }
+                      : undefined
+                  }
+                >
+                  {item.label}
+                </Link>
+              </div>
+            );
+          })}
+        </div>
+
+        {/* DESKTOP MEGA DROPDOWN (ORGANISÉ EN COLONNES) */}
+        {activeItem && activeSubItems.length > 0 && (
+          <div
+            className="absolute left-0 right-0 top-full bg-white shadow-xl border-t border-gray-100 z-50 animate-fadeIn"
+            style={{ borderBottomWidth: '4px', borderBottomColor: theme.secondary || '#d1d800' }}
+            onMouseEnter={() => {
+              if (timeoutRef.current) clearTimeout(timeoutRef.current);
+            }}
+            onMouseLeave={handleMouseLeave}
+          >
+            <div className="max-w-[1340px] mx-auto px-6 py-6">
+              {/* Disposition par colonnes verticales */}
+              <div className="grid grid-flow-col auto-cols-fr gap-8 items-start">
+                {activeSubItems.map((sub, sIdx) => {
+                  const nestedList = getSubItems(sub);
+                  return (
+                    <div key={sub.id || sIdx} className="flex flex-col space-y-3 min-w-[200px]">
+                      <Link
+                        href={resolveUrl(sub.url)}
+                        className="text-[14px] font-semibold text-gray-900 transition-colors block border-b pb-1.5"
+                        style={{ borderColor: `${theme.secondary}40`, color: theme.primary }}
+                      >
+                        {sub.label}
+                      </Link>
+
+                      {nestedList.length > 0 && (
+                        <div 
+                          className="pl-3 space-y-2 mt-1 flex flex-col border-l-2"
+                          style={{ borderColor: theme.secondary || '#d1d800' }}
+                        >
+                          {nestedList.map((nested, nIdx) => (
+                            <Link
+                              key={nested.id || nIdx}
+                              href={resolveUrl(nested.url)}
+                              className="text-[12.5px] text-gray-700 hover:text-black block transition-colors leading-relaxed font-normal"
+                            >
+                              {nested.label}
+                            </Link>
+                          ))}
+                        </div>
+                      )}
+                    </div>
+                  );
+                })}
+              </div>
+            </div>
+          </div>
+        )}
+      </nav>
+
+      {/* MOBILE BAR & ACCORDION DRAWER */}
+      <div className="lg:hidden flex items-center justify-between px-4 py-2.5 bg-gray-50 border-t border-gray-200">
+        <span className="text-[13px] font-semibold text-gray-800">Menu Régional</span>
+        <button
+          onClick={() => setMobileMenuOpen(!isMobileMenuOpen)}
+          className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-white border border-gray-300 text-gray-700 text-xs font-medium cursor-pointer shadow-xs active:bg-gray-100"
+        >
+          <span className="material-icons text-[18px]">
+            {isMobileMenuOpen ? 'close' : 'menu'}
+          </span>
+          <span>{isMobileMenuOpen ? 'Fermer' : 'Navigation'}</span>
+        </button>
+      </div>
+
+      {isMobileMenuOpen && (
+        <div className="lg:hidden bg-white border-b border-gray-200 px-4 py-3 space-y-2 animate-fadeIn">
+          {items.map((item, idx) => {
+            const subItems = getSubItems(item);
+            const isExpanded = !!expandedMobileIndices[idx];
+
+            return (
+              <div key={item.id || idx} className="border-b border-gray-100 pb-2">
+                <div className="flex items-center justify-between">
+                  <Link
+                    href={resolveUrl(item.url)}
+                    onClick={() => setMobileMenuOpen(false)}
+                    className="text-[14px] font-semibold text-gray-800 hover:text-[#006837] py-1"
+                  >
+                    {item.label}
+                  </Link>
+
+                  {subItems.length > 0 && (
+                    <button
+                      onClick={() => toggleMobileIndex(idx)}
+                      className="p-1 text-gray-500 hover:text-gray-800"
+                    >
+                      <span className="material-icons text-[20px]">
+                        {isExpanded ? 'expand_less' : 'expand_more'}
+                      </span>
+                    </button>
+                  )}
+                </div>
+
+                {isExpanded && subItems.length > 0 && (
+                  <div className="pl-4 mt-2 space-y-2 border-l-2 border-[#d1d800]">
+                    {subItems.map((sub, sIdx) => {
+                      const nestedList = getSubItems(sub);
+                      return (
+                        <div key={sub.id || sIdx} className="space-y-1">
+                          <Link
+                            href={resolveUrl(sub.url)}
+                            onClick={() => setMobileMenuOpen(false)}
+                            className="text-[13px] font-medium text-gray-700 hover:text-[#006837] block py-0.5"
+                          >
+                            {sub.label}
+                          </Link>
+                          {nestedList.length > 0 && (
+                            <div className="pl-3 space-y-1 border-l border-gray-200">
+                              {nestedList.map((nested, nIdx) => (
+                                <Link
+                                  key={nested.id || nIdx}
+                                  href={resolveUrl(nested.url)}
+                                  onClick={() => setMobileMenuOpen(false)}
+                                  className="text-[12px] text-gray-500 hover:text-gray-800 block py-0.5"
+                                >
+                                  {nested.label}
+                                </Link>
+                              ))}
+                            </div>
+                          )}
+                        </div>
+                      );
+                    })}
+                  </div>
+                )}
+              </div>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/HorairesPageClient.tsx b/src/components/HorairesPageClient.tsx
new file mode 100644
index 0000000..37f49b3
--- /dev/null
+++ b/src/components/HorairesPageClient.tsx
@@ -0,0 +1,172 @@
+"use client";
+
+import React, { useState } from 'react';
+import Link from 'next/link';
+import SiteHeader from '@/components/SiteHeader';
+import TimetableSearchForm from '@/components/TimetableSearchForm';
+import ClientWcsProvider from '@/components/ClientWcsProvider';
+
+interface HorairesPageClientProps {
+  regionSlug: string;
+  regionData: {
+    nom_site: string;
+    logo_header_url: string;
+    description_site: string;
+  };
+  menuStructure?: any;
+}
+
+const REGION_CONFIGS: Record<string, { heroImage: string; logoUrl: string; name: string }> = {
+  'bourgogne-franche-comte': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CBFC/2020-04/1920x680-BFC-Champs-Balles-de-Paille.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/bfc/headerLogo.svg',
+    name: 'Bourgogne-Franche-Comté'
+  },
+  'occitanie': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/COC/2021-04/1920x680_Occitanie_0.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/occitanie/headerLogo.svg',
+    name: 'Occitanie'
+  },
+  'provence-alpes-cote-azur': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CZOU/2021-05/1920x680_ZOU.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/paca/headerLogo.svg',
+    name: 'Provence-Alpes-Côte d\'Azur'
+  },
+  'sud-provence-alpes-cote-d-azur': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CZOU/2021-05/1920x680_ZOU.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/paca/headerLogo.svg',
+    name: 'Provence-Alpes-Côte d\'Azur'
+  },
+  'bretagne': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CBR/2020-04/1920x680_Bretagne.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/bretagne/headerLogo.svg',
+    name: 'Bretagne'
+  },
+  'grand-est': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CGE/2020-04/1920x680_Grand_Est.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/ge/headerLogo.svg',
+    name: 'Grand-Est'
+  },
+  'normandie': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CNO/2020-04/1920x680_Normandie.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/normandie/headerLogo.svg',
+    name: 'Normandie'
+  },
+  'hauts-de-france': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CHDF/2020-04/1920x680_Hauts_de_France.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/hdf/headerLogo.svg',
+    name: 'Hauts-de-France'
+  },
+  'pays-de-la-loire': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CPDL/2020-04/1920x680_Pays_de_la_Loire.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/aleop/headerLogo.svg',
+    name: 'Pays de la Loire'
+  },
+  'nouvelle-aquitaine': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CNA/2020-04/1920x680_Nouvelle_Aquitaine.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/na/headerLogo.svg',
+    name: 'Nouvelle-Aquitaine'
+  },
+  'centre-val-de-loire': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CCEN/2020-04/1920x680_Centre.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/cen/headerLogo.svg',
+    name: 'Centre-Val de Loire'
+  },
+  'auvergne-rhone-alpes': {
+    heroImage: 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CAURA/2020-04/1920x680_AURA.jpg',
+    logoUrl: 'https://www.ter.sncf.com/assets/medias/aura/headerLogo.svg',
+    name: 'Auvergne-Rhône-Alpes'
+  }
+};
+
+const DEFAULT_HERO = 'https://mmt.vsct.fr/sites/default/files/styles/swt_hero/public/swt/CBFC/2020-04/1920x680-BFC-Champs-Balles-de-Paille.jpg';
+
+export default function HorairesPageClient({
+  regionSlug,
+  regionData,
+  menuStructure,
+}: HorairesPageClientProps) {
+  const cfg = REGION_CONFIGS[regionSlug] || {
+    heroImage: DEFAULT_HERO,
+    logoUrl: regionData.logo_header_url || '',
+    name: regionSlug.replace(/-/g, ' ').toUpperCase()
+  };
+
+  const logoUrl = regionData.logo_header_url || cfg.logoUrl;
+  const heroImage = cfg.heroImage;
+
+  const [searchFeedback, setSearchFeedback] = useState<string | null>(null);
+
+  const handleSearchResults = (params: any) => {
+    setSearchFeedback(`Recherche d'horaires lancée de "${params.departure || 'Gare de départ'}" à "${params.arrival || 'Gare d\'arrivée'}" pour le ${params.outwardDate} à ${params.outwardTime}.`);
+  };
+
+  return (
+    <ClientWcsProvider>
+      <div className="w-full bg-white min-h-screen text-gray-800 font-sans">
+        
+        {/* ================================================================== */}
+        {/* 1. STICKY HEADER COMPONENT WITH REGIONAL LOGO AND MENU             */}
+        {/* ================================================================== */}
+        <SiteHeader
+          regionSlug={regionSlug}
+          logoUrl={logoUrl}
+          menuStructure={menuStructure}
+          activeTab="Se déplacer"
+        />
+
+        {/* ================================================================== */}
+        {/* 3. BREADCRUMB BAR BELOW MENU (IMAGE 1)                             */}
+        {/* ================================================================== */}
+        <div className="bg-white text-xs py-2.5 px-4 sm:px-6">
+          <div className="max-w-[1340px] mx-auto flex items-center gap-2 text-gray-600">
+            <Link href={`/${regionSlug}`} className="hover:text-black flex items-center gap-1">
+              <span className="material-icons text-[17px] text-[#006837]">home</span>
+            </Link>
+            <span className="text-gray-400">&gt;</span>
+            <span className="font-medium text-gray-800">Rechercher un horaire</span>
+          </div>
+        </div>
+
+        {/* ================================================================== */}
+        {/* 4. HERO SECTION WITH SEARCH CARD ON THE LEFT (IMAGE 1)              */}
+        {/* ================================================================== */}
+        <section
+          className="relative w-full bg-cover bg-center bg-no-repeat min-h-[500px] sm:min-h-[560px] py-6 sm:py-10 px-4 sm:px-6"
+          style={{ backgroundImage: `url(${heroImage})` }}
+        >
+          <div className="max-w-[1340px] mx-auto relative z-10">
+            {searchFeedback && (
+              <div className="mb-4 bg-white/95 border-l-4 border-[#006837] text-gray-900 px-4 py-3 rounded-lg shadow-md flex justify-between items-center text-sm font-medium">
+                <span>{searchFeedback}</span>
+                <button onClick={() => setSearchFeedback(null)} className="text-gray-500 hover:text-black font-bold">✕</button>
+              </div>
+            )}
+
+            {/* Timetable Search Form card pinned to LEFT side (Image 1) */}
+            <div className="w-full lg:w-[440px]">
+              <TimetableSearchForm onSearch={handleSearchResults} />
+            </div>
+          </div>
+        </section>
+
+        {/* ================================================================== */}
+        {/* 5. FOOTER                                                          */}
+        {/* ================================================================== */}
+        <footer className="bg-white border-t border-gray-200 py-8 px-4 sm:px-6 text-center text-xs text-gray-500 space-y-4">
+          <div className="flex flex-wrap justify-center gap-4 text-gray-600 font-medium">
+            <Link href={`/${regionSlug}`} className="hover:underline">Accueil {cfg.name}</Link>
+            <span>•</span>
+            <Link href={`/${regionSlug}/horaires`} className="hover:underline">Rechercher un horaire</Link>
+            <span>•</span>
+            <Link href={`/${regionSlug}#info-trafic`} className="hover:underline">Info Trafic</Link>
+            <span>•</span>
+            <Link href={`/${regionSlug}#actualites`} className="hover:underline">Actualités</Link>
+          </div>
+          <p>© FERROVIA - Tous droits réservés.</p>
+        </footer>
+
+      </div>
+    </ClientWcsProvider>
+  );
+}
diff --git a/src/components/OffersPageClient.tsx b/src/components/OffersPageClient.tsx
new file mode 100644
index 0000000..782c856
--- /dev/null
+++ b/src/components/OffersPageClient.tsx
@@ -0,0 +1,1140 @@
+"use client";
+
+import React, { useState, useEffect } from 'react';
+import Link from 'next/link';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { supabase } from '@/lib/supabase';
+import SiteHeader from '@/components/SiteHeader';
+
+interface OffersPageClientProps {
+  regionSlug?: string;
+  menuStructure?: any;
+}
+
+export interface TrainStop {
+  time: string;
+  stationName: string;
+}
+
+export interface PerturbationInfo {
+  id?: string;
+  type?: string;
+  cause?: string;
+  causeDetails?: string;
+  delayMinutes?: number;
+  notes?: string;
+}
+
+export interface TrainOffer {
+  id: string;
+  departureTime: string;
+  arrivalTime: string;
+  duration: string;
+  departureStation: string;
+  arrivalStation: string;
+  trainType: string;
+  trainNumber: string;
+  finalDestination: string;
+  operator: string;
+  trainModel: string;
+  capacityText: string;
+  onboardServices: string;
+  priceClass: string;
+  price: string;
+  stops: TrainStop[];
+  serviceAnnuelName?: string;
+  perturbation?: PerturbationInfo | null;
+  trainModelImageUrl?: string;
+}
+
+const DEFAULT_STOPS_FULL: TrainStop[] = [
+  { time: '06:44', stationName: 'Dijon' },
+  { time: '06:56', stationName: 'Ouges' },
+  { time: '07:00', stationName: 'Saulon' },
+  { time: '07:04', stationName: 'Longecourt-en-Plaine' },
+  { time: '07:07', stationName: 'Aiserey' },
+  { time: '07:12', stationName: 'Brazey-en-Plaine' },
+  { time: '07:16', stationName: 'Saint-Jean-de-Losne' },
+  { time: '07:19', stationName: 'Chaugey' },
+  { time: '07:23', stationName: 'Pagny' },
+  { time: '07:28', stationName: 'Seurre' },
+  { time: '08:30', stationName: 'Bourg-en-Bresse' },
+];
+
+const DEFAULT_OFFERS: TrainOffer[] = [
+  {
+    id: '1',
+    departureTime: '06:44',
+    arrivalTime: '07:23',
+    duration: '39 min',
+    departureStation: 'Dijon',
+    arrivalStation: 'Pagny',
+    trainType: 'TER',
+    trainNumber: '891801',
+    finalDestination: 'Bourg-en-Bresse',
+    operator: 'SNCF Voyageurs - 1187',
+    trainModel: 'Un train "AGC"',
+    capacityText: '4 voitures - 220 places',
+    onboardServices: '🚲',
+    priceClass: '2nde classe',
+    price: '6,50 €',
+    stops: DEFAULT_STOPS_FULL.slice(0, 9),
+  },
+  {
+    id: '2',
+    departureTime: '07:30',
+    arrivalTime: '08:08',
+    duration: '38 min',
+    departureStation: 'Dijon',
+    arrivalStation: 'Pagny',
+    trainType: 'TER',
+    trainNumber: '891803',
+    finalDestination: 'Louhans',
+    operator: 'SNCF Voyageurs - 1187',
+    trainModel: 'Un train "AGC"',
+    capacityText: '4 voitures - 220 places',
+    onboardServices: '🚲',
+    priceClass: '2nde classe',
+    price: '6,50 €',
+    stops: [
+      { time: '07:30', stationName: 'Dijon' },
+      { time: '07:42', stationName: 'Ouges' },
+      { time: '07:46', stationName: 'Saulon' },
+      { time: '07:50', stationName: 'Longecourt-en-Plaine' },
+      { time: '07:53', stationName: 'Aiserey' },
+      { time: '07:58', stationName: 'Brazey-en-Plaine' },
+      { time: '08:02', stationName: 'Saint-Jean-de-Losne' },
+      { time: '08:05', stationName: 'Chaugey' },
+      { time: '08:08', stationName: 'Pagny' },
+      { time: '08:13', stationName: 'Seurre' },
+    ],
+  },
+  {
+    id: '3',
+    departureTime: '08:44',
+    arrivalTime: '09:23',
+    duration: '39 min',
+    departureStation: 'Dijon',
+    arrivalStation: 'Pagny',
+    trainType: 'TER',
+    trainNumber: '891805',
+    finalDestination: 'Bourg-en-Bresse',
+    operator: 'SNCF Voyageurs - 1187',
+    trainModel: 'Un train "AGC"',
+    capacityText: '4 voitures - 220 places',
+    onboardServices: '🚲',
+    priceClass: '2nde classe',
+    price: '6,50 €',
+    stops: DEFAULT_STOPS_FULL.slice(0, 9),
+  },
+  {
+    id: '4',
+    departureTime: '12:15',
+    arrivalTime: '13:48',
+    duration: '1h33',
+    departureStation: 'Dijon',
+    arrivalStation: 'Pagny',
+    trainType: 'TER',
+    trainNumber: '418107',
+    finalDestination: 'Louhans',
+    operator: 'SNCF Voyageurs - 1187',
+    trainModel: 'Un train "AGC"',
+    capacityText: '4 voitures - 220 places',
+    onboardServices: '🚲',
+    priceClass: '2nde classe',
+    price: '6,50 €',
+    stops: [
+      { time: '12:15', stationName: 'Dijon' },
+      { time: '13:00', stationName: 'Saint-Jean-de-Losne' },
+      { time: '13:48', stationName: 'Pagny' },
+    ],
+  },
+  {
+    id: '5',
+    departureTime: '16:44',
+    arrivalTime: '17:23',
+    duration: '39 min',
+    departureStation: 'Dijon',
+    arrivalStation: 'Pagny',
+    trainType: 'TER',
+    trainNumber: '891811',
+    finalDestination: 'Bourg-en-Bresse',
+    operator: 'SNCF Voyageurs - 1187',
+    trainModel: 'Un train "AGC"',
+    capacityText: '4 voitures - 220 places',
+    onboardServices: '🚲',
+    priceClass: 'À partir de',
+    price: '6,00 €',
+    stops: DEFAULT_STOPS_FULL.slice(0, 9),
+  },
+];
+
+export default function OffersPageClient({
+  regionSlug = 'bourgogne-franche-comte',
+  menuStructure,
+}: OffersPageClientProps) {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+
+  // Search parameters from URL
+  const departure = searchParams.get('departure') || 'Dijon';
+  const arrival = searchParams.get('arrival') || 'Pagny';
+  const outwardDate = searchParams.get('outwardDate') || 'Lundi 21 septembre';
+  const outwardTime = searchParams.get('outwardTime') || '00:00';
+  const passengerCount = searchParams.get('passengers') || '1';
+  const passengerAge = searchParams.get('passengerAge') || '30';
+  const discountCard = searchParams.get('discountCard') || 'sans carte';
+
+  const [offers, setOffers] = useState<TrainOffer[]>([]);
+  const [loading, setLoading] = useState<boolean>(true);
+  const [expandedDetailsId, setExpandedDetailsId] = useState<string | null>(null);
+  const [selectedModalOffer, setSelectedModalOffer] = useState<TrainOffer | null>(null);
+  const [currentServiceAnnuel, setCurrentServiceAnnuel] = useState<string | null>(null);
+
+  // Robust station matching helper (exact or prefix match to prevent false partial matches)
+  const matchStation = (query: string, stationNom: string): boolean => {
+    if (!query || !stationNom) return false;
+    const clean = (s: string) => (s || '')
+      .toLowerCase()
+      .normalize("NFD").replace(/[\u0300-\u036f]/g, "")
+      .replace(/\s*\(toutes gares\)/g, '')
+      .replace(/gare de /g, '')
+      .replace(/gare d'/g, '')
+      .trim();
+    const q = clean(query);
+    const st = clean(stationNom);
+    if (!q || !st) return false;
+    return q === st || st.startsWith(q) || q.startsWith(st);
+  };
+
+  // Helper to extract exact segment stops & times for user departure -> arrival segment
+  const resolveTrainSegment = (item: any, depQuery: string, arrQuery: string, gMap: Record<string, string>) => {
+    let stops: TrainStop[] = [];
+
+    if (item.gares_desservies && Array.isArray(item.gares_desservies) && item.gares_desservies.length > 0) {
+      stops = item.gares_desservies.map((g: any) => ({
+        time: (g.heure_depart || g.heure_arrivee || '00:00').slice(0, 5),
+        stationName: g.gare_nom || (g.gare_id ? gMap[g.gare_id] : ''),
+      }));
+    } else {
+      stops = [
+        { time: (item.heure_depart || '08:00').slice(0, 5), stationName: item.gare_depart_nom || (item.gare_depart_id ? gMap[item.gare_depart_id] : '') || depQuery },
+        { time: (item.heure_arrivee || '08:45').slice(0, 5), stationName: item.gare_arrivee_nom || (item.gare_arrivee_id ? gMap[item.gare_arrivee_id] : '') || arrQuery },
+      ];
+    }
+
+    const depIdx = stops.findIndex(s => matchStation(depQuery, s.stationName));
+    const arrIdx = stops.findIndex(s => matchStation(arrQuery, s.stationName));
+
+    // STRICT DIRECTION FILTERING: Train MUST travel in direction depIdx < arrIdx!
+    if (depIdx === -1 || arrIdx === -1 || depIdx >= arrIdx) {
+      return null;
+    }
+
+    const segStops = stops.slice(depIdx, arrIdx + 1);
+    const segDepTime = stops[depIdx].time;
+    const segArrTime = stops[arrIdx].time;
+    const segDepName = stops[depIdx].stationName;
+    const segArrName = stops[arrIdx].stationName;
+
+    // Calculate segment duration
+    const [h1, m1] = segDepTime.split(':').map(Number);
+    const [h2, m2] = segArrTime.split(':').map(Number);
+    let totalMins = (h2 * 60 + m2) - (h1 * 60 + m1);
+    if (totalMins < 0) totalMins += 1440;
+    const durHours = Math.floor(totalMins / 60);
+    const durMins = totalMins % 60;
+    const durStr = durHours > 0 ? `${durHours}h${durMins < 10 ? '0' : ''}${durMins}` : `${durMins} min`;
+
+    const finalDest = stops[stops.length - 1]?.stationName || item.gare_arrivee_nom || arrQuery;
+
+    return {
+      depTime: segDepTime,
+      arrTime: segArrTime,
+      duration: durStr,
+      depName: segDepName,
+      arrName: segArrName,
+      finalDestination: finalDest,
+      segmentStops: segStops,
+    };
+  };
+
+  // Helper function to convert French text dates or slash dates to YYYY-MM-DD
+  const formatToIsoDate = (dateStr: string, defaultYear = 2026): string => {
+    if (!dateStr) return `${defaultYear}-09-19`;
+    const trimmed = dateStr.trim();
+
+    if (/^\d{4}-\d{2}-\d{2}$/.test(trimmed)) {
+      return trimmed;
+    }
+
+    const slashMatch = trimmed.match(/^(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})$/);
+    if (slashMatch) {
+      return `${slashMatch[3]}-${slashMatch[2].padStart(2, '0')}-${slashMatch[1].padStart(2, '0')}`;
+    }
+
+    const monthMap: Record<string, string> = {
+      janv: '01', janvier: '01',
+      fevr: '02', févr: '02', fevrier: '02', février: '02',
+      mars: '03',
+      avr: '04', avril: '04',
+      mai: '05',
+      juin: '06',
+      juil: '07', juillet: '07',
+      aout: '08', août: '08',
+      sept: '09', septembre: '09',
+      oct: '10', octobre: '10',
+      nov: '11', novembre: '11',
+      dec: '12', déc: '12', decembre: '12', décembre: '12',
+    };
+
+    const lower = trimmed.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+    const dayMatch = lower.match(/\b(\d{1,2})\b/);
+    const dayNum = dayMatch ? dayMatch[1].padStart(2, '0') : '19';
+    const yearMatch = lower.match(/\b(20\d{2})\b/);
+    const year = yearMatch ? yearMatch[1] : defaultYear.toString();
+
+    let monthStr = '09';
+    for (const [key, val] of Object.entries(monthMap)) {
+      const keyClean = key.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+      if (lower.includes(keyClean)) {
+        monthStr = val;
+        break;
+      }
+    }
+
+    return `${year}-${monthStr}-${dayNum}`;
+  };
+
+  // Fetch train offers from Supabase BDD with strict segment filtering & sorting by departure time
+  useEffect(() => {
+    const fetchTrainOffers = async () => {
+      setLoading(true);
+      try {
+        // 1. Fetch gares mapping
+        const { data: garesData } = await supabase.from('gares').select('id, nom');
+        const gMap: Record<string, string> = {};
+        if (garesData) {
+          garesData.forEach((g: any) => { gMap[g.id] = g.nom; });
+        }
+
+        // Target ISO date string (YYYY-MM-DD) from user selected date
+        const targetIsoDate = formatToIsoDate(outwardDate);
+
+        // 2. Fetch services_annuels to determine active SA for targetIsoDate
+        const { data: saData } = await supabase
+          .from('services_annuels')
+          .select('*')
+          .eq('actif', true);
+
+        const matchingSA = saData?.find((sa: any) => {
+          const dStart = (sa.date_debut || '').slice(0, 10);
+          const dEnd = (sa.date_fin || '').slice(0, 10);
+          return dStart <= targetIsoDate && targetIsoDate <= dEnd;
+        });
+
+        if (matchingSA) {
+          setCurrentServiceAnnuel(`${matchingSA.nom} (${matchingSA.code || 'SA'})`);
+        } else {
+          setCurrentServiceAnnuel(null);
+        }
+
+        // 3. Fetch perturbations from Supabase
+        const { data: pertData } = await supabase
+          .from('perturbations')
+          .select('*')
+          .eq('actif', true)
+          .is('deleted_at', null);
+
+        // 4. Query horaires from Supabase
+        const { data: hData } = await supabase
+          .from('horaires')
+          .select('*')
+          .eq('actif', true)
+          .is('deleted_at', null);
+
+        // Determine day of week column from outwardDate
+        const dayLower = (outwardDate || '').toLowerCase();
+        let targetCol = 'circule_lundi';
+        if (dayLower.includes('sam')) targetCol = 'circule_samedi';
+        else if (dayLower.includes('dim')) targetCol = 'circule_dimanche';
+        else if (dayLower.includes('lun')) targetCol = 'circule_lundi';
+        else if (dayLower.includes('mar')) targetCol = 'circule_mardi';
+        else if (dayLower.includes('mer')) targetCol = 'circule_mercredi';
+        else if (dayLower.includes('jeu')) targetCol = 'circule_jeudi';
+        else if (dayLower.includes('ven')) targetCol = 'circule_vendredi';
+
+        // Check circulation against jours_personnalises first, then fallback to day column
+        const filterDay = (item: any): boolean => {
+          if (item.jours_personnalises && Array.isArray(item.jours_personnalises) && item.jours_personnalises.length > 0) {
+            const dateEntry = item.jours_personnalises.find((jp: any) => {
+              const d = (jp.date || jp.jour || '').slice(0, 10);
+              return d === targetIsoDate;
+            });
+            return dateEntry?.circule === true;
+          }
+
+          if (item[targetCol] !== undefined && item[targetCol] !== null) {
+            return Boolean(item[targetCol]);
+          }
+          return true;
+        };
+
+        const userTimeHHMM = (outwardTime && outwardTime !== '--:--') ? outwardTime.slice(0, 5) : '00:00';
+
+        if (hData && hData.length > 0) {
+          const mappedList: TrainOffer[] = [];
+          const seenKeys = new Set<string>();
+
+          hData.forEach((item: any, idx: number) => {
+            // Service Annuel Filter: Match service_annuel_id if a SA covers targetIsoDate
+            if (matchingSA && item.service_annuel_id && item.service_annuel_id !== matchingSA.id) {
+              return;
+            }
+
+            if (!filterDay(item)) return;
+
+            const seg = resolveTrainSegment(item, departure, arrival, gMap);
+            if (!seg) return;
+
+            // Check if segment departure time is >= user's chosen time
+            if (seg.depTime < userTimeHHMM) return;
+
+            // Deduplicate same train departure time & number
+            const uniqueKey = `${seg.depTime}_${seg.depName}_${seg.arrName}_${item.numero_train || idx}`;
+            if (seenKeys.has(uniqueKey)) return;
+            seenKeys.add(uniqueKey);
+
+            // Match active perturbation for this train
+            const matchingPert = pertData?.find((p: any) => {
+              const matchTrain = p.horaire_id === item.id || p.horaire_id === item.numero_train;
+              if (!matchTrain) return false;
+
+              const pStart = (p.date_debut || '').slice(0, 10);
+              const pEnd = (p.date_fin || '').slice(0, 10);
+
+              if (pStart && pEnd && pStart <= targetIsoDate && targetIsoDate <= pEnd) {
+                return true;
+              }
+              if (p.jours_perturbation && Array.isArray(p.jours_perturbation)) {
+                const jpMatch = p.jours_perturbation.some((jp: any) => {
+                  const d = (jp.date || jp.dateDebut || '').slice(0, 10);
+                  return d === targetIsoDate;
+                });
+                if (jpMatch) return true;
+              }
+              return !pStart && !pEnd && (!p.jours_perturbation || p.jours_perturbation.length === 0);
+            });
+
+            const pertInfo: PerturbationInfo | null = matchingPert ? {
+              id: matchingPert.id?.toString(),
+              type: matchingPert.type_perturbation || 'Perturbation',
+              cause: matchingPert.cause || 'Incident de circulation',
+              causeDetails: matchingPert.cause_details || matchingPert.notes || '',
+              delayMinutes: matchingPert.duree_retard_minutes || 0,
+              notes: matchingPert.notes || '',
+            } : null;
+
+            // Determine price based on segment duration or distance
+            const isShortRoute = seg.arrName.toLowerCase().includes('pagny') || seg.arrName.toLowerCase().includes('brazey') || seg.depName.toLowerCase().includes('brazey');
+            const priceVal = isShortRoute ? '6,50 €' : '13,00 €';
+
+            // Extract matériel roulant image from composition_train BDD
+            const composition = Array.isArray(item.composition_train) ? item.composition_train : [];
+            const firstMat = composition.length > 0 ? composition[0] : null;
+            const matImageUrl = firstMat?.materiel_image_url || 'https://supabase-ferrovia.mrpatator.fr/storage/v1/object/public/materiel-roulant/images/1789909846752_regiolis_firsttosecond_bluegreenmobigo_4c__1_.png';
+            const matNameText = firstMat ? `Un train "${firstMat.materiel_nom || 'Régiolis'}" ${firstMat.materiel_nom_technique ? `(${firstMat.materiel_nom_technique})` : ''}` : (item.modele_train || 'Un train "AGC"');
+
+            mappedList.push({
+              id: item.id?.toString() || idx.toString(),
+              departureTime: seg.depTime,
+              arrivalTime: seg.arrTime,
+              duration: seg.duration,
+              departureStation: seg.depName,
+              arrivalStation: seg.arrName,
+              trainType: item.type_train || 'TER',
+              trainNumber: item.numero_train || `891${idx + 801}`,
+              finalDestination: seg.finalDestination,
+              operator: item.operateur || 'SNCF Voyageurs - 1187',
+              trainModel: matNameText,
+              capacityText: item.capacite_texte || '4 voitures - 220 places',
+              onboardServices: '🚲',
+              priceClass: idx === hData.length - 1 ? 'À partir de' : '2nd classe',
+              price: priceVal,
+              stops: seg.segmentStops,
+              serviceAnnuelName: matchingSA ? `${matchingSA.nom} (${matchingSA.code || ''})` : undefined,
+              perturbation: pertInfo,
+              trainModelImageUrl: matImageUrl,
+            });
+          });
+
+          if (mappedList.length > 0) {
+            // SORT STRICTLY BY DEPARTURE TIME ASCENDING
+            mappedList.sort((a, b) => a.departureTime.localeCompare(b.departureTime));
+            setOffers(mappedList);
+            setLoading(false);
+            return;
+          }
+        }
+
+        // Fallback matching default sample offers if DB yields no rows for custom gares
+        const filteredDefault = DEFAULT_OFFERS.map(o => {
+          const isDijonSeurre = arrival.toLowerCase().includes('seurre');
+          let arrSt = arrival;
+          let arrTm = o.arrivalTime;
+          let durSt = o.duration;
+          let priceSt = o.price;
+          let stopsList = o.stops;
+
+          if (isDijonSeurre) {
+            arrSt = 'Seurre';
+            arrTm = o.departureTime === '06:44' ? '07:28' : o.departureTime === '07:30' ? '08:13' : '09:28';
+            durSt = '44 min';
+            priceSt = '13,00 €';
+            stopsList = DEFAULT_STOPS_FULL;
+          } else {
+            stopsList = o.stops.map((s, idx) => idx === o.stops.length - 1 ? { ...s, stationName: arrival } : s);
+          }
+
+          return {
+            ...o,
+            departureStation: departure,
+            arrivalStation: arrSt,
+            arrivalTime: arrTm,
+            duration: durSt,
+            price: priceSt,
+            stops: stopsList,
+          };
+        }).filter(o => o.departureTime >= userTimeHHMM);
+
+        filteredDefault.sort((a, b) => a.departureTime.localeCompare(b.departureTime));
+        setOffers(filteredDefault);
+
+      } catch (err) {
+        console.error('Error fetching horaires from Supabase:', err);
+        const filtered = DEFAULT_OFFERS.filter(o => o.departureTime >= (outwardTime.slice(0, 5) || '00:00'));
+        filtered.sort((a, b) => a.departureTime.localeCompare(b.departureTime));
+        setOffers(filtered);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchTrainOffers();
+  }, [departure, arrival, outwardDate, outwardTime]);
+
+  const handleModifySearch = () => {
+    const searchUrl = regionSlug ? `/${regionSlug}/horaires` : '/horaires';
+    router.push(searchUrl);
+  };
+
+  const scrollToTop = () => {
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  };
+
+  return (
+    <div className="bg-[#f8f9fa] min-h-screen font-sans flex flex-col justify-between">
+      <div>
+        {/* ─── STICKY HEADER COMPONENT ─── */}
+        <SiteHeader
+          regionSlug={regionSlug}
+          menuStructure={menuStructure}
+          activeTab="Abonnements"
+        />
+
+        {/* ─── MAIN CONTENT AREA (STRICTLY CONFORME IMG 1 & 2) ─── */}
+        <main className="max-w-[1280px] mx-auto px-4 sm:px-6 py-4 sm:py-6 w-full">
+          
+          {/* Mobile Summary Banner (Img 2) */}
+          <div className="md:hidden bg-[#e6f2d5] p-3 rounded-lg flex items-center justify-between gap-3 mb-4 border border-[#d1d800]/40">
+            <div className="flex items-center gap-3">
+              <button 
+                type="button"
+                onClick={handleModifySearch} 
+                className="text-[#006837] hover:bg-[#006837]/10 p-1 rounded-full cursor-pointer transition-colors"
+                title="Modifier ma recherche"
+              >
+                <span className="material-icons text-[20px]">edit</span>
+              </button>
+              <div>
+                <div className="text-[14px] font-bold text-gray-900 leading-tight">
+                  {departure} → {arrival}
+                </div>
+                <div className="text-[12px] text-gray-700 leading-tight mt-0.5">
+                  {outwardDate.toLowerCase()} , {passengerCount} voyageur{Number(passengerCount) > 1 ? 's' : ''}
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Page Title & Subtitle Link */}
+          <div className="mb-4 sm:mb-5">
+            <h1 className="text-[22px] sm:text-[26px] font-light text-gray-900 tracking-tight mb-1.5 sm:mb-2">
+              Sélectionner votre billet
+            </h1>
+            <button 
+              type="button" 
+              className="flex items-center text-[13.5px] text-gray-700 hover:text-black gap-2 font-normal cursor-pointer"
+            >
+              <span className="material-icons text-[18px] text-gray-600">tune</span>
+              <span>Modes de transport</span>
+            </button>
+          </div>
+
+          {/* Grid Layout: Left Results Column + Right Recap Sidebar */}
+          <div className="flex flex-col lg:flex-row gap-6 items-start">
+            
+            {/* ─── LEFT COLUMN: TRAIN OFFERS LIST (IMG 1 & 2) ─── */}
+            <div className="flex-1 w-full max-w-[860px]">
+              
+              {/* Filter / Date Row Header */}
+              <div className="flex flex-col sm:flex-row sm:items-center justify-between py-2 mb-3 border-b border-gray-200 gap-2">
+                <div className="flex items-center gap-2 flex-wrap">
+                  <span className="material-icons text-[18px] text-[#006837]">event</span>
+                  <span className="text-[14px] font-bold text-gray-900">
+                    {outwardDate.includes('sept') || outwardDate.includes('oct') || outwardDate.includes('nov') ? outwardDate : `Date : ${outwardDate}`}
+                  </span>
+                  {currentServiceAnnuel && (
+                    <span className="bg-[#eef3da] text-[#006837] text-[11.5px] font-semibold px-2.5 py-0.5 rounded-md border border-[#d1d800] flex items-center gap-1">
+                      <span className="material-icons text-[14px]">calendar_today</span>
+                      <span>Service Annuel : {currentServiceAnnuel}</span>
+                    </span>
+                  )}
+                </div>
+                <button 
+                  type="button" 
+                  className="text-[13px] text-gray-700 hover:text-black font-normal flex items-center gap-1 cursor-pointer"
+                >
+                  <span>Horaires précédents</span>
+                  <span className="material-icons text-[16px]">expand_less</span>
+                </button>
+              </div>
+
+              {/* Train Result Cards */}
+              <div className="space-y-4">
+                {loading ? (
+                  <div className="bg-white rounded-2xl p-8 shadow-xs border border-gray-100 text-center text-gray-500 space-y-3">
+                    <span className="material-icons text-3xl text-[#006837] animate-spin">refresh</span>
+                    <p className="text-sm">Recherche des horaires en cours dans la base Supabase...</p>
+                  </div>
+                ) : offers.length > 0 ? (
+                  offers.map((offer) => {
+                    const isExpanded = expandedDetailsId === offer.id;
+                    return (
+                      <div 
+                        key={offer.id} 
+                        className="bg-white rounded-2xl shadow-xs border border-gray-100 overflow-hidden transition-shadow hover:shadow-md"
+                      >
+                        {/* PERTURBATION WARNING BANNER */}
+                        {offer.perturbation && (
+                          <div className="bg-amber-50 border-b border-amber-200 px-4 py-2 text-[12.5px] text-amber-900 flex items-center justify-between gap-2">
+                            <div className="flex items-center gap-2">
+                              <span className="material-icons text-amber-700 text-[18px]">warning</span>
+                              <span className="font-bold">Perturbation :</span>
+                              <span>{offer.perturbation.cause || offer.perturbation.type || 'Incident de circulation'}</span>
+                            </div>
+                            {offer.perturbation.delayMinutes ? (
+                              <span className="bg-amber-200 text-amber-950 px-2 py-0.5 rounded font-bold text-[11px] whitespace-nowrap">
+                                Retard : +{offer.perturbation.delayMinutes} min
+                              </span>
+                            ) : null}
+                          </div>
+                        )}
+
+                        {/* MAIN CARD ROW (CONFORME IMG 1 DESKTOP & IMG 2 MOBILE) */}
+                        <div className="p-4 sm:p-5 md:p-6 flex flex-col md:flex-row md:items-center justify-between gap-4">
+                          
+                          {/* LEFT/CENTER CONTENT BLOCK */}
+                          <div className="flex-1 space-y-3">
+                            
+                            {/* TIMELINE ROW */}
+                            <div className="flex items-center justify-between md:justify-start gap-2 sm:gap-6">
+                              
+                              {/* Departure Block */}
+                              <div className="flex flex-col min-w-[70px]">
+                                <span className="text-[22px] sm:text-[26px] font-bold text-gray-900 leading-none">
+                                  {offer.departureTime}
+                                </span>
+                                <span className="text-[13px] sm:text-[14px] text-gray-700 font-medium mt-1">
+                                  {offer.departureStation}
+                                </span>
+                              </div>
+
+                              {/* Horizontal duration timeline matching Img 1 & 2 */}
+                              <div className="flex items-center flex-1 max-w-[150px] sm:max-w-[240px] px-1">
+                                <span className="w-2 h-2 rounded-full border-2 border-gray-800 bg-white flex-shrink-0"></span>
+                                <div className="h-[1px] bg-gray-400 flex-1 relative flex items-center justify-center mx-0.5">
+                                  <span className="bg-white px-1.5 sm:px-2 text-[11px] sm:text-[12px] text-gray-600 font-normal whitespace-nowrap">
+                                    {offer.duration}
+                                  </span>
+                                </div>
+                                <span className="w-2 h-2 rounded-full border-2 border-gray-800 bg-white flex-shrink-0"></span>
+                              </div>
+
+                              {/* Arrival Block */}
+                              <div className="flex flex-col text-right md:text-left min-w-[70px]">
+                                <span className="text-[22px] sm:text-[26px] font-bold text-gray-900 leading-none">
+                                  {offer.arrivalTime}
+                                </span>
+                                <span className="text-[13px] sm:text-[14px] text-gray-700 font-medium mt-1">
+                                  {offer.arrivalStation}
+                                </span>
+                              </div>
+
+                            </div>
+
+                            {/* METADATA ROW: Train Icon/Number + Details Button (Img 1 desktop & Img 2 mobile) */}
+                            <div className="flex flex-col sm:flex-row sm:items-center justify-between md:justify-start gap-2 sm:gap-6 pt-1">
+                              
+                              {/* Details Pill Button (Bottom left on desktop & mobile) */}
+                              <div className="order-2 sm:order-1">
+                                <button
+                                  type="button"
+                                  onClick={() => setExpandedDetailsId(isExpanded ? null : offer.id)}
+                                  className={`text-[12px] font-semibold px-3.5 py-1 rounded-full flex items-center gap-1 cursor-pointer transition-colors ${
+                                    isExpanded 
+                                      ? 'bg-[#dcecc7] text-[#006837]' 
+                                      : 'bg-[#e6f2d5] text-[#2e5218] hover:bg-[#dcecc7]'
+                                  }`}
+                                >
+                                  <span>Détails</span>
+                                  <span className="material-icons text-[15px] font-bold">
+                                    {isExpanded ? 'expand_less' : 'expand_more'}
+                                  </span>
+                                </button>
+                              </div>
+
+                              {/* Train Icon & Number (Under Pagny on Desktop, Under Dijon on Mobile) */}
+                              <div className="order-1 sm:order-2 flex items-center gap-1.5 text-[13px] font-semibold text-gray-800 md:ml-auto md:mr-12">
+                                <span className="material-icons text-[#006837] text-[18px]">directions_railway</span>
+                                <span>{offer.trainType} {offer.trainNumber}</span>
+                              </div>
+
+                            </div>
+
+                          </div>
+
+                          {/* PRICE BUTTON BADGE (CONFORME IMG 1 & 2) */}
+                          <div className="flex justify-end md:justify-center items-center pt-1 md:pt-0">
+                            <button
+                              type="button"
+                              onClick={() => alert(`Billet sélectionné: Train ${offer.trainNumber} pour ${offer.price}`)}
+                              className="bg-[#006837] hover:bg-[#00522b] text-white rounded-xl py-2.5 px-5 md:py-3 md:px-6 text-center shadow-xs cursor-pointer transition-transform active:scale-98 flex flex-col items-center justify-center min-w-[120px] md:min-w-[135px] w-full sm:w-auto"
+                            >
+                              <span className="text-[11px] font-normal opacity-90 leading-tight flex items-center gap-0.5">
+                                2<sup className="text-[9px]">nde</sup> classe
+                              </span>
+                              <span className="text-[19px] md:text-[21px] font-bold leading-tight mt-0.5">
+                                {offer.price}
+                              </span>
+                            </button>
+                          </div>
+
+                        </div>
+
+                        {/* ─── EXPANDED ACCORDION DETAILS (STRICTLY CONFORME IMG 1) ─── */}
+                        {isExpanded && (
+                          <div className="bg-[#eef3da] p-5 sm:p-6 rounded-b-2xl border-t border-[#d1d800]/40 flex flex-col lg:flex-row justify-between gap-6 animate-fadeIn">
+                            
+                            {/* LEFT COLUMN: TIMELINE & TRAIN DETAILS (IMG 1) */}
+                            <div className="flex-1 space-y-4 font-sans text-gray-900">
+                              
+                              {/* Departure node */}
+                              <div className="flex items-center gap-3 text-[15px] font-semibold text-gray-900">
+                                <span className="w-12 text-right font-bold text-[15.5px] text-gray-900">
+                                  {offer.departureTime}
+                                </span>
+                                <span className="material-icons text-[20px] text-[#006837]">directions_railway</span>
+                                <span>{offer.departureStation}</span>
+                              </div>
+
+                              {/* Vertical line & details block */}
+                              <div className="flex gap-3 pl-12">
+                                {/* Left vertical line with duration */}
+                                <div className="w-8 flex flex-col items-center flex-shrink-0">
+                                  <div className="w-[2px] bg-[#006837] flex-1 min-h-[140px] relative flex items-center justify-center">
+                                    <span className="bg-[#eef3da] py-1 text-[12px] font-medium text-gray-700 whitespace-nowrap">
+                                      {offer.duration}
+                                    </span>
+                                  </div>
+                                </div>
+
+                                {/* Train info matching Image 1 */}
+                                <div className="space-y-2 text-[13px] text-gray-800 flex-1 pt-0.5">
+                                  
+                                  {/* Clickable Underlined Train Link -> Opens Modal (Image 2) */}
+                                  <button
+                                    type="button"
+                                    onClick={() => setSelectedModalOffer(offer)}
+                                    className="text-[#006837] font-semibold text-[15px] underline cursor-pointer hover:opacity-80 block text-left"
+                                  >
+                                    Train {offer.trainType} {offer.trainNumber}
+                                  </button>
+
+                                  <p className="text-gray-800 font-normal">
+                                    Destination: {offer.finalDestination}
+                                  </p>
+                                  <p className="text-gray-600 font-normal text-[12px]">
+                                    Opéré par {offer.operator}
+                                  </p>
+
+                                  {/* Perturbation Accordion Alert */}
+                                  {offer.perturbation && (
+                                    <div className="bg-amber-100/90 border border-amber-300 rounded-lg p-3 text-amber-950 text-[12.5px] space-y-1 my-2">
+                                      <div className="flex items-center gap-2 font-bold text-[#b45309]">
+                                        <span className="material-icons text-[18px]">warning</span>
+                                        <span>Information Perturbation</span>
+                                      </div>
+                                      <p><strong>Cause :</strong> {offer.perturbation.cause}</p>
+                                      {offer.perturbation.causeDetails && <p className="text-[12px] text-amber-900">{offer.perturbation.causeDetails}</p>}
+                                      {offer.perturbation.delayMinutes ? <p className="font-semibold text-amber-800">Retard estimé : +{offer.perturbation.delayMinutes} min</p> : null}
+                                    </div>
+                                  )}
+
+                                  {/* Matériel Roulant Image asset + Green Right Arrow Button */}
+                                  <div className="my-3 flex items-center gap-3">
+                                    <div className="max-w-[340px] overflow-hidden rounded-md bg-white/60 p-1 border border-gray-200/60 shadow-2xs">
+                                      <img 
+                                        src={offer.trainModelImageUrl || "/images/train_agc.png"} 
+                                        alt={offer.trainModel || "Matériel Roulant"} 
+                                        className="w-full object-contain h-auto max-h-[110px]"
+                                      />
+                                    </div>
+                                    <button 
+                                      type="button"
+                                      onClick={() => setSelectedModalOffer(offer)}
+                                      className="text-[#006837] hover:bg-[#006837]/10 p-1.5 rounded-full cursor-pointer transition-colors"
+                                      title="Voir les étapes du train"
+                                    >
+                                      <span className="material-icons text-[28px] font-bold">chevron_right</span>
+                                    </button>
+                                  </div>
+
+                                  <p className="text-gray-900 font-medium text-[13px]">
+                                    {offer.trainModel}
+                                  </p>
+                                  <p className="text-gray-700 font-normal text-[12px]">
+                                    {offer.capacityText}
+                                  </p>
+                                  
+                                  {/* Bicycle icon */}
+                                  <div className="flex items-center gap-1.5 text-gray-700 text-[12px] pt-1">
+                                    <span>À bord :</span>
+                                    <span className="material-icons text-[18px] text-gray-700">pedal_bike</span>
+                                  </div>
+                                </div>
+                              </div>
+
+                              {/* Arrival node */}
+                              <div className="flex items-center gap-3 text-[15px] font-semibold text-gray-900 pt-1">
+                                <span className="w-12 text-right font-bold text-[15.5px] text-gray-900">
+                                  {offer.arrivalTime}
+                                </span>
+                                <span className="material-icons text-[20px] text-[#006837]">place</span>
+                                <span>{offer.arrivalStation}</span>
+                              </div>
+
+                            </div>
+
+                            {/* RIGHT COLUMN: FARE / PASSENGER CARD INSIDE ACCORDION (IMAGE 1) */}
+                            <div className="w-full lg:w-[360px] flex-shrink-0">
+                              <div className="bg-white rounded-2xl p-5 shadow-xs flex flex-col justify-between h-full border border-gray-100 space-y-4">
+                                
+                                <div className="space-y-3">
+                                  <div className="flex items-start justify-between gap-3">
+                                    <div className="flex items-center gap-3">
+                                      <span className="w-10 h-10 rounded-full bg-[#006837] text-white flex items-center justify-center flex-shrink-0">
+                                        <span className="material-icons text-[22px]">person</span>
+                                      </span>
+                                      <div>
+                                        <h4 className="text-[14px] font-semibold text-gray-900 leading-snug">
+                                          Tarif jeune TRAIN Mobigo -26
+                                        </h4>
+                                        <p className="text-[12px] text-gray-600 font-normal mt-0.5">
+                                          Voyageur 1
+                                        </p>
+                                      </div>
+                                    </div>
+                                    <span className="text-[15px] font-bold text-gray-900">
+                                      {offer.price}
+                                    </span>
+                                  </div>
+
+                                  <div className="pl-13 text-[12.5px] text-gray-600 space-y-1">
+                                    <p>Adulte - Remboursable</p>
+                                    <button type="button" className="text-gray-700 underline font-normal hover:text-black cursor-pointer">
+                                      Conditions
+                                    </button>
+                                  </div>
+                                </div>
+
+                                {/* Green price button at bottom right of card */}
+                                <div className="flex justify-end pt-2">
+                                  <button
+                                    type="button"
+                                    onClick={() => alert(`Billet réservé: Train ${offer.trainNumber} pour ${offer.price}`)}
+                                    className="bg-[#006837] text-white rounded-xl py-2.5 px-6 text-center min-w-[130px] shadow-xs hover:bg-[#00522b] cursor-pointer transition-transform active:scale-98 flex flex-col items-center justify-center"
+                                  >
+                                    <span className="text-[11px] font-normal opacity-90 leading-tight">
+                                      {offer.priceClass}
+                                    </span>
+                                    <span className="text-[18px] font-bold leading-tight mt-0.5">
+                                      {offer.price}
+                                    </span>
+                                  </button>
+                                </div>
+
+                              </div>
+                            </div>
+
+                          </div>
+                        )}
+
+                      </div>
+                    );
+                  })
+                ) : (
+                  <div className="bg-white rounded-2xl p-8 shadow-xs border border-gray-100 text-center space-y-4">
+                    <span className="material-icons text-4xl text-gray-300">train</span>
+                    <h3 className="text-base font-bold text-gray-900">
+                      Aucun horaire trouvé pour ce trajet
+                    </h3>
+                    <p className="text-xs text-gray-600 max-w-md mx-auto leading-relaxed">
+                      Aucun train ne circule entre <strong className="text-gray-900">{departure}</strong> et <strong className="text-gray-900">{arrival}</strong> le <strong className="text-gray-900">{outwardDate}</strong> après <strong className="text-gray-900">{outwardTime}</strong> dans la base de données.
+                    </p>
+                    <button
+                      type="button"
+                      onClick={() => {
+                        const qp = new URLSearchParams(searchParams.toString());
+                        qp.set('outwardTime', '00:00');
+                        router.push(`?${qp.toString()}`);
+                      }}
+                      className="bg-[#006837] text-white text-xs font-semibold px-5 py-2.5 rounded-lg hover:bg-[#00522b] cursor-pointer inline-flex items-center gap-2"
+                    >
+                      <span className="material-icons text-base">schedule</span>
+                      <span>Voir tous les horaires de la journée dès 00:00</span>
+                    </button>
+                  </div>
+                )}
+              </div>
+
+              {/* Horaires suivants link */}
+              <div className="text-center pt-4">
+                <button 
+                  type="button" 
+                  className="text-[13px] text-gray-700 hover:text-black font-normal inline-flex items-center gap-1 cursor-pointer"
+                >
+                  <span>Horaires suivants</span>
+                  <span className="material-icons text-[16px]">expand_more</span>
+                </button>
+              </div>
+
+              {/* Haut de page Pill Button (CONFORME IMG 1 & 2) */}
+              <div className="pt-8 pb-4">
+                <button
+                  type="button"
+                  onClick={scrollToTop}
+                  className="bg-[#e6f0d7] text-[#006837] text-[12px] font-medium px-4 py-2 rounded-lg flex items-center gap-1 mx-auto hover:bg-[#d8e8c2] cursor-pointer transition-colors shadow-2xs"
+                >
+                  <span>Haut de page</span>
+                  <span className="material-icons text-[16px]">north</span>
+                </button>
+              </div>
+
+            </div>
+
+            {/* ─── RIGHT SIDEBAR: SEARCH SUMMARY CARD (STRICTLY CONFORME IMG 1 & 2) ─── */}
+            <div className="w-full lg:w-[310px] flex-shrink-0">
+              <div className="bg-[#eef3da] border border-[#c4d600]/60 rounded-2xl p-5 text-[13.5px] text-gray-800 space-y-2.5 shadow-xs">
+                
+                <div className="font-normal text-gray-900">
+                  Aller le {outwardDate.toLowerCase().includes('lun') ? outwardDate : 'lun. 21 sept.'} à {outwardTime}
+                </div>
+
+                <div className="font-medium text-gray-900">
+                  {departure} → {arrival}
+                </div>
+
+                <div className="text-[13px] text-gray-700">
+                  {passengerCount} voyageur{parseInt(passengerCount) > 1 ? 's' : ''}, {passengerAge} ans, {discountCard}
+                </div>
+
+                {/* Modifier ma recherche button */}
+                <div className="pt-2">
+                  <button
+                    type="button"
+                    onClick={handleModifySearch}
+                    className="bg-white border border-gray-300 rounded-lg py-2 px-4 text-[12.5px] font-semibold text-gray-800 hover:bg-gray-50 flex items-center justify-center gap-2 cursor-pointer shadow-2xs w-full transition-colors"
+                  >
+                    <span className="material-icons text-[16px] text-gray-600">edit</span>
+                    <span>Modifier ma recherche</span>
+                  </button>
+                </div>
+
+              </div>
+            </div>
+
+          </div>
+
+        </main>
+      </div>
+
+      {/* ─── MODALE ETAPES DU TRAIN (STRICTLY CONFORME IMG 2) ─── */}
+      {selectedModalOffer && (
+        <div 
+          className="fixed inset-0 z-50 bg-black/50 backdrop-blur-2xs flex items-center justify-center p-4 animate-fadeIn font-sans"
+          onClick={() => setSelectedModalOffer(null)}
+        >
+          <div 
+            className="bg-white rounded-2xl shadow-2xl max-w-lg w-full p-6 sm:p-7 relative overflow-hidden animate-scaleUp"
+            onClick={(e) => e.stopPropagation()}
+          >
+            {/* Top right close button */}
+            <button 
+              type="button" 
+              onClick={() => setSelectedModalOffer(null)}
+              className="absolute top-5 right-5 text-gray-500 hover:text-black font-bold text-2xl cursor-pointer p-1"
+            >
+              ✕
+            </button>
+
+            {/* Header Title: Gare Départ -> Gare Arrivée */}
+            <h3 className="text-[24px] font-medium text-gray-900 tracking-tight mb-5">
+              {selectedModalOffer.departureStation} → {selectedModalOffer.arrivalStation}
+            </h3>
+
+            {/* Table Headers */}
+            <div className="flex items-center text-[12px] font-normal text-gray-600 pb-2 border-b border-[#d1d800]">
+              <span className="w-32">Heure de passage</span>
+              <span>Etape</span>
+            </div>
+
+            {/* Timeline List of Stops (IMAGE 2) */}
+            <div className="py-4 max-h-[60vh] overflow-y-auto space-y-4 relative scrollbar-thin pr-2">
+              {selectedModalOffer.stops && selectedModalOffer.stops.length > 0 ? (
+                <div className="relative">
+                  {/* Green vertical line connecting all dots */}
+                  <div className="absolute left-[134px] top-2 bottom-2 w-[2px] bg-[#006837]"></div>
+
+                  {selectedModalOffer.stops.map((stop, idx) => (
+                    <div key={idx} className="flex items-center text-[14px] font-medium text-gray-900 py-1.5 relative z-10">
+                      {/* Time */}
+                      <span className="w-28 text-[14px] text-gray-900 font-semibold">
+                        {stop.time}
+                      </span>
+
+                      {/* Green Dot */}
+                      <div className="w-12 flex justify-center">
+                        <span className="w-3 h-3 rounded-full bg-[#006837] border-2 border-white shadow-2xs"></span>
+                      </div>
+
+                      {/* Station Name */}
+                      <span className="text-[14.5px] font-medium text-gray-900 flex-1">
+                        {stop.stationName}
+                      </span>
+                    </div>
+                  ))}
+                </div>
+              ) : (
+                <div className="py-6 text-center text-xs text-gray-500">
+                  Information d&apos;étapes non disponible.
+                </div>
+              )}
+            </div>
+
+          </div>
+        </div>
+      )}
+
+      {/* ─── FOOTER SECTION ─── */}
+      <footer className="w-full bg-white border-t border-gray-200 mt-12 pt-6 pb-8 text-gray-700 font-sans">
+        <div className="max-w-[1280px] mx-auto px-4 sm:px-6 space-y-6">
+          
+          {/* Region Selector Bar & Logos Row */}
+          <div className="flex flex-col sm:flex-row items-center justify-between gap-4">
+            
+            {/* Region Dropdown Selector */}
+            <div className="relative">
+              <select
+                value={regionSlug}
+                onChange={(e) => router.push(`/${e.target.value}/offers`)}
+                className="bg-white border border-gray-300 rounded-xl px-4 py-2 text-[13px] text-gray-800 font-medium appearance-none pr-8 cursor-pointer hover:border-gray-400 outline-none"
+                style={{
+                  backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23006837' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")`,
+                  backgroundRepeat: 'no-repeat',
+                  backgroundPosition: 'right 8px center',
+                  backgroundSize: '20px'
+                }}
+              >
+                <option value="bourgogne-franche-comte">Changer de région</option>
+                <option value="bourgogne-franche-comte">Bourgogne-Franche-Comté</option>
+                <option value="occitanie">Occitanie</option>
+                <option value="provence-alpes-cote-azur">Provence-Alpes-Côte d'Azur</option>
+                <option value="bretagne">Bretagne</option>
+                <option value="grand-est">Grand Est</option>
+                <option value="normandie">Normandie</option>
+                <option value="hauts-de-france">Hauts-de-France</option>
+                <option value="pays-de-la-loire">Pays de la Loire</option>
+                <option value="nouvelle-aquitaine">Nouvelle-Aquitaine</option>
+                <option value="centre-val-de-loire">Centre-Val de Loire</option>
+                <option value="auvergne-rhone-alpes">Auvergne-Rhône-Alpes</option>
+              </select>
+            </div>
+
+            {/* Regional & Network Logos */}
+            <div className="flex items-center gap-6">
+              <img 
+                src="https://www.ter.sncf.com/assets/medias/bfc/headerLogo.svg" 
+                alt="Logos SNCF et Mobigo" 
+                className="h-9 object-contain"
+              />
+            </div>
+
+          </div>
+
+          <div className="w-full h-[1px] bg-gray-200"></div>
+
+          {/* Social Icons Row */}
+          <div className="flex justify-center items-center gap-5 text-[#006837]">
+            <a href="#" className="hover:opacity-75"><span className="material-icons text-[20px]">facebook</span></a>
+            <a href="#" className="hover:opacity-75"><span className="material-icons text-[20px]">close</span></a>
+            <a href="#" className="hover:opacity-75"><span className="material-icons text-[20px]">photo_camera</span></a>
+            <a href="#" className="hover:opacity-75"><span className="material-icons text-[20px]">play_circle</span></a>
+            <a href="#" className="hover:opacity-75"><span className="material-icons text-[20px]">chat</span></a>
+          </div>
+
+          {/* Legal Links Row */}
+          <div className="text-center text-[11.5px] text-gray-600 flex flex-wrap justify-center gap-x-3 gap-y-1.5 leading-relaxed">
+            <a href="#" className="hover:underline">CGU/CGV TRAIN Mobigo</a>
+            <span>•</span>
+            <a href="#" className="hover:underline">CGU / CGV Site Internet</a>
+            <span>•</span>
+            <a href="#" className="hover:underline">Confidentialité/Cookies</a>
+            <span>•</span>
+            <a href="#" className="hover:underline">Gares</a>
+            <span>•</span>
+            <a href="#" className="hover:underline">Lignes</a>
+            <span>•</span>
+            <a href="#" className="hover:underline">MOBIGO</a>
+            <span>•</span>
+            <a href="#" className="hover:underline">Accessibilité : partiellement conforme</a>
+            <span>•</span>
+            <a href="#" className="hover:underline">Mentions légales</a>
+            <span>•</span>
+            <a href="#" className="hover:underline">Plan du site</a>
+            <span>•</span>
+            <a href="#" className="hover:underline">Contacts</a>
+          </div>
+
+          <div className="text-center text-[11.5px] text-gray-600 flex flex-wrap justify-center gap-x-3 leading-relaxed">
+            <a href="#" className="hover:underline">Demande d'information et réclamations</a>
+            <span>•</span>
+            <a href="#" className="hover:underline">Données personnelles</a>
+          </div>
+
+        </div>
+      </footer>
+
+    </div>
+  );
+}
diff --git a/src/components/ProchainsDepartsClient.tsx b/src/components/ProchainsDepartsClient.tsx
new file mode 100644
index 0000000..01da5a7
--- /dev/null
+++ b/src/components/ProchainsDepartsClient.tsx
@@ -0,0 +1,1865 @@
+"use client";
+
+import React, { useState, useEffect } from 'react';
+import Link from 'next/link';
+import { useRouter, useSearchParams, usePathname } from 'next/navigation';
+import { supabase } from '@/lib/supabase';
+import SiteHeader from '@/components/SiteHeader';
+import { getRegionTheme } from '@/lib/regionTheme';
+import { isPerturbationActiveOnDate, getPerturbationBannerStyle } from '@/lib/perturbationUtils';
+
+interface ProchainsDepartsClientProps {
+  regionSlug?: string;
+  menuStructure?: any;
+}
+
+export interface StationOption {
+  id: string;
+  nom: string;
+  type?: string;
+}
+
+export interface DepartureRow {
+  id: string;
+  departTime: string;
+  revisedTime?: string;
+  delayText?: string;
+  isSupprime?: boolean;
+  destination: string;
+  modeIcon: 'bus' | 'train';
+  modeLabel: string;
+  trainNumber: string;
+  trainBadge?: string;
+  operator?: string;
+  voie: string;
+  rawQuai?: string;
+  dateIso?: string;       // e.g. "2026-09-20" or "2026-09-21"
+  dateLabel?: string;     // e.g. "Lundi 21 septembre"
+  perturbationType?: 'retard' | 'suppression' | 'information' | 'parcours_modifie' | string;
+  perturbationDetails?: string;
+  infoBadge?: string;
+  travauxBanner?: string;
+  stops: {
+    departTime: string;
+    gareNom: string;
+    voie: string;
+    isDepart?: boolean;
+    isArrivee?: boolean;
+  }[];
+}
+
+export interface ArrivalRow {
+  id: string;
+  arrivalTime: string;
+  revisedTime?: string;
+  delayText?: string;
+  isSupprime?: boolean;
+  provenance: string;
+  modeIcon: 'bus' | 'train';
+  modeLabel: string;
+  trainNumber: string;
+  trainBadge?: string;
+  operator?: string;
+  voie: string;
+  dateIso?: string;
+  dateLabel?: string;
+  perturbationType?: 'retard' | 'suppression' | 'information' | 'parcours_modifie' | string;
+  perturbationDetails?: string;
+  stops: {
+    departTime: string;
+    gareNom: string;
+    voie: string;
+    isDepart?: boolean;
+    isArrivee?: boolean;
+  }[];
+}
+
+export interface TravauxItem {
+  id: string;
+  titre: string;
+  description: string;
+  ligne_nom?: string;
+}
+
+// ─── BRAZEY-EN-PLAINE DEFAULT DATASET (STRICTLY CONFORME IMAGE 1) ───
+const DEFAULT_BRAZEY_DEPARTURES: DepartureRow[] = [
+  {
+    id: 'b1',
+    departTime: '18:50',
+    destination: 'Dijon',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '891816',
+    trainBadge: 'P7',
+    voie: '2',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '18:50', gareNom: 'Brazey-en-Plaine', voie: '2', isDepart: true },
+      { departTime: '18:55', gareNom: 'Aiserey', voie: '2' },
+      { departTime: '18:59', gareNom: 'Longecourt-en-Plaine', voie: '-' },
+      { departTime: '19:03', gareNom: 'Saulon', voie: '-' },
+      { departTime: '19:07', gareNom: 'Ouges', voie: '-' },
+      { departTime: '19:16', gareNom: 'Dijon', voie: '-', isArrivee: true },
+    ]
+  },
+  {
+    id: 'b2',
+    departTime: '19:12',
+    destination: 'Bourg-en-Bresse',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '891817',
+    voie: '1',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '19:12', gareNom: 'Brazey-en-Plaine', voie: '1', isDepart: true },
+      { departTime: '19:45', gareNom: 'Seurre', voie: '1' },
+      { departTime: '20:30', gareNom: 'Bourg-en-Bresse', voie: '2', isArrivee: true },
+    ]
+  },
+  {
+    id: 'b3',
+    departTime: '19:49',
+    destination: 'Dijon',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '891818',
+    voie: '2',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '19:49', gareNom: 'Brazey-en-Plaine', voie: '2', isDepart: true },
+      { departTime: '20:15', gareNom: 'Dijon', voie: '1', isArrivee: true },
+    ]
+  },
+  {
+    id: 'b4',
+    departTime: '20:33',
+    destination: 'Seurre',
+    modeIcon: 'bus',
+    modeLabel: 'Car TER',
+    trainNumber: '37253',
+    voie: '-',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '20:33', gareNom: 'Brazey-en-Plaine', voie: '-', isDepart: true },
+      { departTime: '21:05', gareNom: 'Seurre', voie: '-', isArrivee: true },
+    ]
+  },
+  // Date Transition to Next Day
+  {
+    id: 'b5',
+    departTime: '06:49',
+    destination: 'Dijon',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '891800',
+    voie: '-',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-21',
+    dateLabel: 'Lundi 21 septembre',
+    stops: [
+      { departTime: '06:49', gareNom: 'Brazey-en-Plaine', voie: '-', isDepart: true },
+      { departTime: '07:15', gareNom: 'Dijon', voie: '-', isArrivee: true },
+    ]
+  },
+  {
+    id: 'b6',
+    departTime: '07:12',
+    destination: 'Bourg-en-Bresse',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '891801',
+    voie: '-',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-21',
+    stops: [
+      { departTime: '07:12', gareNom: 'Brazey-en-Plaine', voie: '-', isDepart: true },
+      { departTime: '08:30', gareNom: 'Bourg-en-Bresse', voie: '-', isArrivee: true },
+    ]
+  },
+  {
+    id: 'b7',
+    departTime: '07:17',
+    destination: 'Dijon',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '891802',
+    voie: '-',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-21',
+    stops: [
+      { departTime: '07:17', gareNom: 'Brazey-en-Plaine', voie: '-', isDepart: true },
+      { departTime: '07:45', gareNom: 'Dijon', voie: '-', isArrivee: true },
+    ]
+  },
+  {
+    id: 'b8',
+    departTime: '07:49',
+    destination: 'Dijon',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '891804',
+    voie: '-',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-21',
+    stops: [
+      { departTime: '07:49', gareNom: 'Brazey-en-Plaine', voie: '-', isDepart: true },
+      { departTime: '08:15', gareNom: 'Dijon', voie: '-', isArrivee: true },
+    ]
+  },
+  {
+    id: 'b9',
+    departTime: '07:58',
+    destination: 'Seurre',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '891803',
+    voie: '-',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-21',
+    stops: [
+      { departTime: '07:58', gareNom: 'Brazey-en-Plaine', voie: '-', isDepart: true },
+      { departTime: '08:25', gareNom: 'Seurre', voie: '-', isArrivee: true },
+    ]
+  },
+  {
+    id: 'b10',
+    departTime: '08:50',
+    destination: 'Dijon',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '891806',
+    voie: '-',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-21',
+    stops: [
+      { departTime: '08:50', gareNom: 'Brazey-en-Plaine', voie: '-', isDepart: true },
+      { departTime: '09:16', gareNom: 'Dijon', voie: '-', isArrivee: true },
+    ]
+  },
+  {
+    id: 'b11',
+    departTime: '09:12',
+    destination: 'Seurre',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '891805',
+    voie: '-',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-21',
+    stops: [
+      { departTime: '09:12', gareNom: 'Brazey-en-Plaine', voie: '-', isDepart: true },
+      { departTime: '09:40', gareNom: 'Seurre', voie: '-', isArrivee: true },
+    ]
+  },
+  {
+    id: 'b12',
+    departTime: '13:09',
+    destination: 'Seurre',
+    modeIcon: 'bus',
+    modeLabel: 'Car TER',
+    trainNumber: '418107',
+    voie: '-',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-21',
+    stops: [
+      { departTime: '13:09', gareNom: 'Brazey-en-Plaine', voie: '-', isDepart: true },
+      { departTime: '13:40', gareNom: 'Seurre', voie: '-', isArrivee: true },
+    ]
+  },
+  {
+    id: 'b13',
+    departTime: '14:39',
+    destination: 'Dijon',
+    modeIcon: 'bus',
+    modeLabel: 'Car TER',
+    trainNumber: '418098',
+    voie: '-',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-21',
+    stops: [
+      { departTime: '14:39', gareNom: 'Brazey-en-Plaine', voie: '-', isDepart: true },
+      { departTime: '15:10', gareNom: 'Dijon', voie: '-', isArrivee: true },
+    ]
+  }
+];
+
+// ─── LILLE FLANDRES DEFAULT DATASET (STRICTLY CONFORME IMAGE 2) ───
+const DEFAULT_LILLE_DEPARTURES: DepartureRow[] = [
+  {
+    id: 'lf1',
+    departTime: '16:29',
+    destination: 'Kortrijk',
+    modeIcon: 'bus',
+    modeLabel: 'Car TER',
+    trainNumber: '85632',
+    voie: '-',
+    operator: 'SNCF Voyageurs',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '16:29', gareNom: 'Lille Flandres', voie: '-', isDepart: true },
+      { departTime: '17:10', gareNom: 'Kortrijk', voie: '-', isArrivee: true }
+    ]
+  },
+  {
+    id: 'lf2',
+    departTime: '16:35',
+    destination: 'Valenciennes',
+    modeIcon: 'train',
+    modeLabel: 'Train TER HDF',
+    trainNumber: '',
+    trainBadge: 'K60',
+    voie: '10',
+    perturbationType: 'information',
+    perturbationDetails: 'Informations',
+    operator: 'SNCF Voyageurs',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '16:35', gareNom: 'Lille Flandres', voie: '10', isDepart: true },
+      { departTime: '17:15', gareNom: 'Valenciennes', voie: '2', isArrivee: true }
+    ]
+  },
+  {
+    id: 'lf3',
+    departTime: '16:38',
+    destination: 'Calais Ville',
+    modeIcon: 'train',
+    modeLabel: 'Train TER HDF',
+    trainNumber: '',
+    trainBadge: 'K71',
+    voie: '14',
+    perturbationType: 'information',
+    perturbationDetails: 'Informations',
+    operator: 'SNCF Voyageurs',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '16:38', gareNom: 'Lille Flandres', voie: '14', isDepart: true },
+      { departTime: '17:40', gareNom: 'Calais Ville', voie: '1', isArrivee: true }
+    ]
+  },
+  {
+    id: 'lf4',
+    departTime: '16:42',
+    destination: 'Saint-Pol-sur-Ternoise',
+    modeIcon: 'train',
+    modeLabel: 'Train TER HDF',
+    trainNumber: '',
+    trainBadge: 'K50',
+    voie: '2',
+    perturbationType: 'information',
+    perturbationDetails: 'Information',
+    operator: 'SNCF Voyageurs',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '16:42', gareNom: 'Lille Flandres', voie: '2', isDepart: true },
+      { departTime: '17:50', gareNom: 'Saint-Pol-sur-Ternoise', voie: '1', isArrivee: true }
+    ]
+  },
+  {
+    id: 'lf5',
+    departTime: '16:47',
+    destination: 'Lens',
+    modeIcon: 'train',
+    modeLabel: 'Train TER HDF',
+    trainNumber: '',
+    trainBadge: 'C41',
+    voie: '4',
+    perturbationType: 'information',
+    perturbationDetails: 'Informations',
+    operator: 'SNCF Voyageurs',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '16:47', gareNom: 'Lille Flandres', voie: '4', isDepart: true },
+      { departTime: '17:25', gareNom: 'Lens', voie: '2', isArrivee: true }
+    ]
+  },
+  {
+    id: 'lf6',
+    departTime: '16:50',
+    destination: 'Paris Nord',
+    modeIcon: 'train',
+    modeLabel: 'Train TGV INOUI',
+    trainNumber: '7060',
+    voie: '-',
+    operator: 'SNCF Voyageurs',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '16:50', gareNom: 'Lille Flandres', voie: '-', isDepart: true },
+      { departTime: '17:52', gareNom: 'Paris Nord', voie: ' Hall 1', isArrivee: true }
+    ]
+  },
+  {
+    id: 'lf7',
+    departTime: '16:54',
+    destination: 'Tournai',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '19947',
+    voie: '11',
+    perturbationType: 'information',
+    perturbationDetails: 'Information',
+    operator: 'SNCF Voyageurs',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '16:54', gareNom: 'Lille Flandres', voie: '11', isDepart: true },
+      { departTime: '17:25', gareNom: 'Tournai', voie: '1', isArrivee: true }
+    ]
+  },
+  {
+    id: 'lf8',
+    departTime: '17:05',
+    destination: 'Rouen Rive Droite',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '848910',
+    voie: '-',
+    perturbationType: 'information',
+    perturbationDetails: 'Information',
+    operator: 'SNCF Voyageurs',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '17:05', gareNom: 'Lille Flandres', voie: '-', isDepart: true },
+      { departTime: '19:40', gareNom: 'Rouen Rive Droite', voie: '1', isArrivee: true }
+    ]
+  },
+  {
+    id: 'lf9',
+    departTime: '17:05',
+    destination: 'Valenciennes',
+    modeIcon: 'train',
+    modeLabel: 'Train TER HDF',
+    trainNumber: '',
+    trainBadge: 'K60',
+    voie: '-',
+    perturbationType: 'information',
+    perturbationDetails: 'Information',
+    operator: 'SNCF Voyageurs',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '17:05', gareNom: 'Lille Flandres', voie: '-', isDepart: true },
+      { departTime: '17:45', gareNom: 'Valenciennes', voie: '3', isArrivee: true }
+    ]
+  }
+];
+
+// ─── DIJON DEFAULT DATASET ───
+const DEFAULT_DIJON_DEPARTURES: DepartureRow[] = [
+  {
+    id: 'd1',
+    departTime: '15:30',
+    destination: 'Auxerre Saint-Gervais',
+    modeIcon: 'bus',
+    modeLabel: 'Car TER',
+    trainNumber: '79006',
+    voie: '-',
+    perturbationType: 'information',
+    perturbationDetails: 'Car supplémentaire',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '15:30', gareNom: 'Dijon', voie: '-' },
+      { departTime: '16:15', gareNom: 'Sombernon', voie: '-' },
+      { departTime: '17:00', gareNom: 'Avallon', voie: '-' },
+      { departTime: '17:45', gareNom: 'Auxerre Saint-Gervais', voie: '-' },
+    ]
+  },
+  {
+    id: 'd4',
+    departTime: '15:47',
+    destination: 'Nevers',
+    modeIcon: 'train',
+    modeLabel: 'Train MOBIGO',
+    trainNumber: '893019',
+    trainBadge: 'K6',
+    voie: '-',
+    operator: 'SNCF Voyageurs - 1187',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '15:47', gareNom: 'Dijon', voie: '-', isDepart: true },
+      { departTime: '16:08', gareNom: 'Beaune', voie: 'A' },
+      { departTime: '16:35', gareNom: 'Montchanin', voie: '2' },
+      { departTime: '16:42', gareNom: 'Le Creusot', voie: '2' },
+      { departTime: '16:58', gareNom: 'Étang', voie: '2' },
+      { departTime: '17:12', gareNom: 'Luzy', voie: '2' },
+      { departTime: '17:30', gareNom: 'Cercy-la-Tour', voie: '2' },
+      { departTime: '17:40', gareNom: 'Decize', voie: 'A' },
+      { departTime: '17:55', gareNom: 'Imphy', voie: '2' },
+      { departTime: '18:06', gareNom: 'Nevers', voie: '-', isArrivee: true },
+    ]
+  },
+  {
+    id: 'd10',
+    departTime: '16:49',
+    destination: 'Lyon Part Dieu',
+    modeIcon: 'train',
+    modeLabel: 'Train TER',
+    trainNumber: '17775',
+    voie: '-',
+    perturbationType: 'information',
+    perturbationDetails: 'Information voyageurs',
+    operator: 'SNCF Voyageurs',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '16:49', gareNom: 'Dijon', voie: '-' },
+      { departTime: '18:30', gareNom: 'Lyon Part Dieu', voie: 'A' },
+    ]
+  },
+  {
+    id: 'd17',
+    departTime: '17:50',
+    revisedTime: '18:00',
+    delayText: 'Retard estimé de 10 min (Travaux sur la voie)',
+    destination: 'Metz',
+    modeIcon: 'train',
+    modeLabel: 'Train TGV INOUI',
+    trainNumber: '5500',
+    voie: '-',
+    perturbationType: 'retard',
+    perturbationDetails: 'Retard estimé de 10 min : Travaux sur la voie',
+    operator: 'SNCF Voyageurs',
+    dateIso: '2026-09-20',
+    stops: [
+      { departTime: '18:00', gareNom: 'Dijon', voie: '-' },
+      { departTime: '20:30', gareNom: 'Metz Ville', voie: '1' },
+    ]
+  }
+];
+
+export default function ProchainsDepartsClient({
+  regionSlug = 'bourgogne-franche-comte',
+  menuStructure
+}: ProchainsDepartsClientProps) {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const pathname = usePathname();
+
+  // Dynamic regional theme
+  const theme = getRegionTheme(regionSlug);
+
+  // URL Query Param state for selected station
+  const stationParam = searchParams.get('gare') || searchParams.get('station') || '';
+
+  // Form search state
+  const [stationQuery, setStationQuery] = useState(stationParam);
+  const [selectedStation, setSelectedStation] = useState<string>(stationParam);
+  const [activeTabType, setActiveTabType] = useState<'departs' | 'arrivees'>('departs');
+  const [activeSubTab, setActiveSubTab] = useState<'departs' | 'arrivees'>('departs');
+
+  // Autocomplete stations list
+  const [stationsList, setStationsList] = useState<StationOption[]>([]);
+  const [filteredOptions, setFilteredOptions] = useState<StationOption[]>([]);
+  const [showDropdown, setShowDropdown] = useState(false);
+
+  // Departures list state & Travaux state
+  const [departures, setDepartures] = useState<DepartureRow[]>([]);
+  const [arrivals, setArrivals] = useState<ArrivalRow[]>([]);
+  const [travauxList, setTravauxList] = useState<TravauxItem[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  // Accordion open detail ID
+  const [expandedId, setExpandedId] = useState<string | null>(null);
+
+  // Get current time as HH:MM string
+  const getCurrentTimeStr = (): string => {
+    const now = new Date();
+    return `${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}`;
+  };
+
+  // Get today's date as YYYY-MM-DD
+  const getTodayIso = (): string => {
+    const now = new Date();
+    return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;
+  };
+
+  // Filter out past departures (if dateIso is today and departTime < current time)
+  const filterPastItems = <T extends { dateIso?: string }>(items: T[], timeKey: keyof T): T[] => {
+    const todayIso = getTodayIso();
+    const nowStr = getCurrentTimeStr();
+    return items.filter(item => {
+      // If dateIso is today, check if time has passed
+      if (item.dateIso === todayIso) {
+        const timeVal = item[timeKey] as unknown as string;
+        if (timeVal && timeVal < nowStr) return false;
+      }
+      // Future dates or no dateIso: always show
+      return true;
+    });
+  };
+
+  // Generate arrivals from full horaires data (trains arriving AT this station)
+  const generateArrivals = (allDepartureRows: DepartureRow[], stationName: string): ArrivalRow[] => {
+    const cleanName = stationName.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '').trim();
+    const arrList: ArrivalRow[] = [];
+
+    allDepartureRows.forEach((dep) => {
+      const stops = dep.stops;
+      if (!stops || stops.length < 2) return;
+
+      // Find this station in stops
+      const stationIdx = stops.findIndex(s => {
+        const sClean = s.gareNom.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '').trim();
+        return sClean.includes(cleanName) || cleanName.includes(sClean);
+      });
+
+      // For arrivals, the station must NOT be the first stop (it must arrive there from somewhere)
+      // stationIdx > 0: train arrives at this station from somewhere else
+      if (stationIdx > 0) {
+        const stationStop = stops[stationIdx];
+        const firstStop = stops[0];
+        // Use arriveeTime if available, otherwise use departTime of that stop
+        const arrTime = stationStop.arriveeTime || dep.departTime;
+
+        arrList.push({
+          id: `arr-${dep.id}`,
+          arrivalTime: arrTime,
+          revisedTime: dep.revisedTime,
+          delayText: dep.delayText,
+          isSupprime: dep.isSupprime,
+          provenance: firstStop.gareNom,
+          modeIcon: dep.modeIcon,
+          modeLabel: dep.modeLabel,
+          trainNumber: dep.trainNumber,
+          trainBadge: dep.trainBadge,
+          operator: dep.operator,
+          voie: stationStop.voie || '-',
+          dateIso: dep.dateIso,
+          dateLabel: dep.dateLabel,
+          perturbationType: dep.perturbationType,
+          perturbationDetails: dep.perturbationDetails,
+          stops: stops,
+        });
+      }
+    });
+
+    arrList.sort((a, b) => a.arrivalTime.localeCompare(b.arrivalTime));
+    return arrList;
+  };
+
+  // Fetch stations list from Supabase
+  useEffect(() => {
+    const fetchGares = async () => {
+      try {
+        const { data } = await supabase.from('gares').select('id, nom, type').order('nom');
+        if (data && data.length > 0) {
+          setStationsList(data);
+        } else {
+          setStationsList([
+            { id: '1', nom: 'Brazey-en-Plaine', type: 'ville' },
+            { id: '2', nom: 'Lille Flandres', type: 'ville' },
+            { id: '3', nom: 'Dijon', type: 'ville' },
+            { id: '4', nom: 'Auxerre Saint-Gervais', type: 'ville' },
+            { id: '5', nom: 'Besançon Viotte', type: 'ville' },
+            { id: '6', nom: 'Nevers', type: 'ville' },
+            { id: '7', nom: 'Mâcon', type: 'interurbaine' },
+            { id: '8', nom: 'Chalon-sur-Saône', type: 'ville' },
+            { id: '9', nom: 'Paris Gare de Lyon', type: 'ville' },
+          ]);
+        }
+      } catch (err) {
+        console.error('Error fetching gares:', err);
+      }
+    };
+    fetchGares();
+  }, []);
+
+  // Update selectedStation when URL changes
+  useEffect(() => {
+    if (stationParam) {
+      setSelectedStation(stationParam);
+      setStationQuery(stationParam);
+      if (stationParam.toLowerCase().includes('brazey')) {
+        setExpandedId('b1');
+      } else if (stationParam.toLowerCase().includes('dijon')) {
+        setExpandedId('d4');
+      }
+    }
+  }, [stationParam]);
+
+  // Handle Station Search submit & URL update
+  const handleShowTimetable = (stationName: string) => {
+    if (!stationName) return;
+    setSelectedStation(stationName);
+    setShowDropdown(false);
+
+    const newParams = new URLSearchParams(searchParams.toString());
+    newParams.set('gare', stationName);
+
+    const targetUrl = regionSlug 
+      ? `/${regionSlug}/se-deplacer/prochains-departs?${newParams.toString()}` 
+      : `/se-deplacer/prochains-departs?${newParams.toString()}`;
+
+    router.push(targetUrl);
+  };
+
+  // Check train circulation on target date (jours_personnalises)
+  const checkCirculation = (item: any, targetIsoDate: string = '2026-09-20'): boolean => {
+    if (item.actif === false) return false;
+
+    if (Array.isArray(item.jours_personnalises) && item.jours_personnalises.length > 0) {
+      const jpMatch = item.jours_personnalises.find((jp: any) => {
+        const d = (jp.date || jp.jour || '').slice(0, 10);
+        return d === targetIsoDate;
+      });
+      if (jpMatch) return Boolean(jpMatch.circule);
+    }
+
+    return false;
+  };
+
+  // Quai display logic: Ville (<= 30 min) vs Interurbaine (<= 12 hours)
+  const formatQuaiDisplay = (rawQuai: string | null | undefined, depTimeStr: string, stationType: string = 'ville'): string => {
+    if (!rawQuai || rawQuai.trim() === '' || rawQuai === '-') return '-';
+
+    const now = new Date();
+    const nowTotalMins = now.getHours() * 60 + now.getMinutes();
+    const [depH, depM] = depTimeStr.split(':').map(Number);
+    const depTotalMins = depH * 60 + depM;
+    const diffMins = depTotalMins - nowTotalMins;
+
+    const thresholdMins = stationType === 'interurbaine' ? 720 : 30;
+
+    if (diffMins >= 0 && diffMins <= thresholdMins) {
+      return rawQuai.trim();
+    }
+    return '-';
+  };
+
+  // Line Badge BG color helper
+  const getLineBadgeBg = (badge: string) => {
+    if (!badge) return '#006837';
+    const upper = badge.toUpperCase();
+    if (upper.startsWith('P')) return '#006837';
+    if (upper.startsWith('C')) return '#0066a4';
+    if (upper.startsWith('K')) return '#b81d77';
+    return '#006837';
+  };
+
+  // Fetch departures for selectedStation with strict perturbation date matching
+  useEffect(() => {
+    if (!selectedStation) {
+      setDepartures([]);
+      setTravauxList([]);
+      return;
+    }
+
+    const loadDepartures = async () => {
+      setLoading(true);
+      try {
+        const cleanName = selectedStation.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").trim();
+
+        // 1. Query Gares for type
+        const { data: gData } = await supabase.from('gares').select('id, nom, type');
+        const gMap: Record<string, string> = {};
+        let currentStationType = 'ville';
+
+        if (gData) {
+          gData.forEach((g: any) => {
+            gMap[g.id] = g.nom;
+            const gClean = g.nom.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").trim();
+            if (gClean === cleanName || gClean.includes(cleanName) || cleanName.includes(gClean)) {
+              currentStationType = g.type || 'ville';
+            }
+          });
+        }
+
+        // 2. Query Perturbations from Supabase
+        const { data: pertData } = await supabase
+          .from('perturbations')
+          .select('*')
+          .eq('actif', true)
+          .is('deleted_at', null);
+
+        // 3. Query Travaux from Supabase
+        const { data: trData } = await supabase
+          .from('travaux')
+          .select('*')
+          .eq('actif', true)
+          .is('deleted_at', null);
+
+        if (trData && trData.length > 0) {
+          setTravauxList(trData.map((t: any) => ({
+            id: t.id?.toString(),
+            titre: t.titre || "Travaux d'entretien des voies",
+            description: (t.description || '').replace(/<[^>]*>?/gm, ''),
+            ligne_nom: t.ligne_nom || '',
+          })));
+        } else {
+          setTravauxList([]);
+        }
+
+        // 4. Query Horaires from Supabase
+        const { data: hData } = await supabase
+          .from('horaires')
+          .select('*')
+          .eq('actif', true)
+          .is('deleted_at', null);
+
+        if (hData && hData.length > 0) {
+          const processForDate = (targetDateStr: string, isTomorrow: boolean = false) => {
+            const list: DepartureRow[] = [];
+            const allRowsForArrivals: DepartureRow[] = [];
+            let dateLabelStr: string | undefined = undefined;
+            
+            if (isTomorrow) {
+              const d = new Date(targetDateStr);
+              dateLabelStr = d.toLocaleDateString('fr-FR', { weekday: 'long', day: 'numeric', month: 'long' });
+              dateLabelStr = dateLabelStr.charAt(0).toUpperCase() + dateLabelStr.slice(1);
+            }
+
+            hData.forEach((h: any, idx: number) => {
+              if (!checkCirculation(h, targetDateStr)) return;
+
+              let gares = [];
+              if (typeof h.gares_desservies === 'string') {
+                try { gares = JSON.parse(h.gares_desservies); } catch (e) {}
+              } else if (Array.isArray(h.gares_desservies)) {
+                gares = h.gares_desservies;
+              }
+
+              const stopIdx = gares.findIndex((g: any) => {
+                const gNom = (g.gare_nom || gMap[g.gare_id] || '').toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").trim();
+                return gNom.includes(cleanName) || cleanName.includes(gNom);
+              });
+
+              if (stopIdx !== -1) {
+                const stop = gares[stopIdx];
+                const isTerminus = stop.is_arrivee || (stopIdx === gares.length - 1 && !stop.heure_depart) || !stop.heure_depart;
+
+                const depTime = (stop.heure_depart || stop.heure_arrivee || '').slice(0, 5) || '15:00';
+                const rawQuai = stop.quai || stop.quai_reel;
+                const quaiVal = formatQuaiDisplay(rawQuai, depTime, currentStationType);
+
+                const matchingPert = pertData?.find((p: any) => {
+                  const trainMatch = (p.horaire_id === h.id || String(p.horaire_id) === String(h.numero_train));
+                  if (!trainMatch) return false;
+                  return isPerturbationActiveOnDate(p, targetDateStr);
+                });
+
+                let revisedTimeStr: string | undefined = undefined;
+                let delayTextStr: string | undefined = undefined;
+                let isSupp = false;
+                let pertTypeStr: string | undefined = undefined;
+                let pertDetailsStr: string | undefined = undefined;
+
+                if (matchingPert) {
+                  pertTypeStr = matchingPert.type_perturbation || 'information';
+                  pertDetailsStr = matchingPert.cause_details || matchingPert.cause || 'Information voyageurs';
+
+                  if (matchingPert.type_perturbation === 'suppression') {
+                    isSupp = true;
+                    delayTextStr = `Train supprimé : ${matchingPert.cause_details || 'Incident'}`;
+                  } else if (matchingPert.type_perturbation === 'retard' || matchingPert.duree_retard_minutes) {
+                    const delayMins = matchingPert.duree_retard_minutes || 10;
+                    const [hH, hM] = depTime.split(':').map(Number);
+                    let revTotalMins = hH * 60 + hM + delayMins;
+                    const revH = Math.floor(revTotalMins / 60) % 24;
+                    const revM = revTotalMins % 60;
+                    revisedTimeStr = `${String(revH).padStart(2, '0')}:${String(revM).padStart(2, '0')}`;
+                    delayTextStr = `Retard estimé de ${delayMins} min (${matchingPert.cause_details || 'Incident'})`;
+                  }
+                }
+
+                const stopsMapped = gares.map((g: any, gIdx: number) => {
+                  let impacts = [];
+                  if (typeof matchingPert?.impacts_arrets === 'string') {
+                    try { impacts = JSON.parse(matchingPert.impacts_arrets); } catch (e) {}
+                  } else if (Array.isArray(matchingPert?.impacts_arrets)) {
+                    impacts = matchingPert.impacts_arrets;
+                  }
+
+                  let stopPert = undefined;
+                  if (impacts.length > 0) {
+                    stopPert = impacts.find((a: any) => a.gare_id === g.gare_id || a.gare_nom === g.gare_nom);
+                  }
+
+                  return {
+                    departTime: (g.heure_depart || g.heure_arrivee || '').slice(0, 5),
+                    arriveeTime: (g.heure_arrivee || g.heure_depart || '').slice(0, 5),
+                    gareNom: g.gare_nom || gMap[g.gare_id] || '',
+                    voie: (g.quai && String(g.quai).trim() !== '') ? String(g.quai).trim() : '-',
+                    isDepart: gIdx === 0,
+                    isArrivee: gIdx === gares.length - 1,
+                    perturbationType: stopPert ? stopPert.type_perturbation : undefined,
+                    perturbationDetails: stopPert ? stopPert.cause_arret : undefined,
+                    isNouvelleOrigine: stopPert ? stopPert.is_nouvelle_origine : false,
+                    isNouveauTerminus: stopPert ? stopPert.is_nouveau_terminus : false,
+                    retardMinutes: stopPert ? stopPert.retard_minutes : 0
+                  };
+                });
+
+                const rowData: DepartureRow = {
+                  id: h.id || `h-${idx}-${targetDateStr}`,
+                  departTime: depTime,
+                  revisedTime: revisedTimeStr,
+                  delayText: delayTextStr,
+                  isSupprime: isSupp,
+                  destination: isTerminus
+                    ? (gares[0]?.gare_nom || gMap[gares[0]?.gare_id] || 'Origine')
+                    : (h.gare_arrivee_nom || gares[gares.length - 1]?.gare_nom || 'Terminus'),
+                  modeIcon: (h.type_train || '').toLowerCase().includes('car') ? 'bus' : 'train',
+                  modeLabel: h.type_train || 'Train TER',
+                  trainNumber: h.numero_train || `89${idx + 301}`,
+                  trainBadge: h.badge_ligne || undefined,
+                  voie: quaiVal,
+                  rawQuai: rawQuai,
+                  dateIso: targetDateStr,
+                  dateLabel: dateLabelStr,
+                  perturbationType: pertTypeStr,
+                  perturbationDetails: pertDetailsStr,
+                  operator: h.operateur || 'SNCF Voyageurs - 1187',
+                  stops: stopsMapped,
+                };
+
+                allRowsForArrivals.push(rowData);
+
+                if (!isTerminus) {
+                  list.push(rowData);
+                }
+              }
+            });
+            
+            list.sort((a, b) => a.departTime.localeCompare(b.departTime));
+            return { list, allRowsForArrivals };
+          };
+
+          const todayIso = getTodayIso();
+          let { list: todayDeps, allRowsForArrivals: todayArrRows } = processForDate(todayIso, false);
+          
+          let filteredDeps = filterPastItems(todayDeps, 'departTime');
+          let genArrivals = generateArrivals(todayArrRows, selectedStation);
+          let filteredArr = filterPastItems(genArrivals, 'arrivalTime');
+
+          // If less than 20, load tomorrow
+          if (filteredDeps.length < 20 || filteredArr.length < 20) {
+            const tomDate = new Date();
+            tomDate.setDate(tomDate.getDate() + 1);
+            const tomorrowIso = `${tomDate.getFullYear()}-${String(tomDate.getMonth() + 1).padStart(2, '0')}-${String(tomDate.getDate()).padStart(2, '0')}`;
+            
+            const { list: tomDeps, allRowsForArrivals: tomArrRows } = processForDate(tomorrowIso, true);
+            
+            if (filteredDeps.length < 20) {
+              filteredDeps = [...filteredDeps, ...tomDeps];
+            }
+            if (filteredArr.length < 20) {
+              const tomGenArr = generateArrivals(tomArrRows, selectedStation);
+              filteredArr = [...filteredArr, ...tomGenArr];
+            }
+          }
+
+          setDepartures(filteredDeps.slice(0, 20));
+          setArrivals(filteredArr.slice(0, 20));
+          setLoading(false);
+          return;
+        }
+
+        // Fallback demo datasets matching Image 1 & Image 2
+        let fallbackDeps: DepartureRow[] = [];
+        if (cleanName.includes('brazey')) {
+          fallbackDeps = DEFAULT_BRAZEY_DEPARTURES;
+          setExpandedId('b1');
+        } else if (cleanName.includes('lille')) {
+          fallbackDeps = DEFAULT_LILLE_DEPARTURES;
+        } else if (cleanName.includes('dijon')) {
+          fallbackDeps = DEFAULT_DIJON_DEPARTURES;
+          setExpandedId('d4');
+        } else {
+          // Custom station fallback
+          fallbackDeps = DEFAULT_DIJON_DEPARTURES.map((d, i) => ({
+            ...d,
+            id: `cust-${i}`,
+            stops: d.stops.map((st, idx) => idx === 0 ? { ...st, gareNom: selectedStation } : st)
+          }));
+        }
+        const filteredFallbackDeps = filterPastItems(fallbackDeps, 'departTime');
+        setDepartures(filteredFallbackDeps);
+        const fallbackArrivals = generateArrivals(fallbackDeps, selectedStation);
+        const filteredFallbackArr = filterPastItems(fallbackArrivals, 'arrivalTime');
+        setArrivals(filteredFallbackArr);
+
+      } catch (err) {
+        console.error('Error fetching departures:', err);
+        setDepartures(DEFAULT_DIJON_DEPARTURES);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    loadDepartures();
+  }, [selectedStation]);
+
+  const handleSearchInputChange = (val: string) => {
+    setStationQuery(val);
+    if (!val.trim()) {
+      setFilteredOptions([]);
+      setShowDropdown(false);
+      return;
+    }
+    const filtered = stationsList.filter(s =>
+      s.nom.toLowerCase().includes(val.toLowerCase())
+    ).slice(0, 8);
+    setFilteredOptions(filtered);
+    setShowDropdown(true);
+  };
+
+  const scrollToTop = () => {
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  };
+
+  return (
+    <div className="bg-[#f8f9fa] min-h-screen font-sans flex flex-col justify-between text-[#222222]">
+      <div>
+        {/* Header with dynamic region theme */}
+        <SiteHeader
+          regionSlug={regionSlug}
+          menuStructure={menuStructure}
+          activeTab="Se déplacer"
+        />
+
+        {/* ─── BREADCRUMB ─── */}
+        <div className="max-w-[1280px] mx-auto px-4 sm:px-6 py-3 text-[13px] text-gray-600 flex items-center gap-2 flex-wrap">
+          <Link href={regionSlug ? `/${regionSlug}` : '/'} className="hover:text-black">
+            <span className="material-icons text-[16px]" style={{ color: theme.primary }}>home</span>
+          </Link>
+          <span>›</span>
+          <Link href={regionSlug ? `/${regionSlug}/se-deplacer/prochains-departs` : '/se-deplacer/prochains-departs'} className="hover:text-black">
+            Prochains départs
+          </Link>
+          {selectedStation && (
+            <>
+              <span>›</span>
+              <span className="font-semibold text-gray-900">Gare {selectedStation}</span>
+            </>
+          )}
+        </div>
+
+        {/* ─── MAIN CONTENT ─── */}
+        <main className="max-w-[1280px] mx-auto px-4 sm:px-6 py-4 sm:py-6 w-full">
+
+          {/* STEP 1: STATION SEARCH VIEW */}
+          {!selectedStation ? (
+            <div className="flex flex-col items-center justify-center min-h-[480px] text-center max-w-[640px] mx-auto py-6 sm:py-8 px-2">
+              
+              {/* Green Train + Clock Pictogram */}
+              <div className="mb-6 flex justify-center">
+                <div 
+                  className="w-20 h-20 rounded-full flex items-center justify-center border shadow-xs"
+                  style={{ backgroundColor: theme.primaryLight, borderColor: `${theme.primary}30` }}
+                >
+                  <div className="relative flex items-center justify-center">
+                    <span className="material-icons text-[42px]" style={{ color: theme.primary }}>train</span>
+                    <span className="material-icons text-[22px] absolute -top-1 -right-1 bg-white rounded-full p-0.5 shadow-2xs" style={{ color: theme.primary }}>access_time</span>
+                  </div>
+                </div>
+              </div>
+
+              {/* Title & Subtitle */}
+              <h1 className="text-[24px] sm:text-[28px] font-bold text-gray-900 mb-2 tracking-tight">
+                Prochains départs
+              </h1>
+              <p className="text-[13px] sm:text-[14px] text-gray-600 mb-6">
+                Tableaux des départs et arrivées de plus de 5000 gares
+              </p>
+
+              {/* Toggle Switch (Départs / Arrivées) */}
+              <div className="flex items-center justify-center gap-2 mb-6">
+                <button
+                  type="button"
+                  onClick={() => setActiveTabType('departs')}
+                  className={`px-5 py-2 rounded-full text-[13.5px] font-semibold transition-all cursor-pointer ${
+                    activeTabType === 'departs'
+                      ? 'bg-[#006837] text-white shadow-xs'
+                      : 'bg-gray-200 text-gray-700 hover:bg-gray-300'
+                  }`}
+                >
+                  Départs
+                </button>
+                <button
+                  type="button"
+                  onClick={() => setActiveTabType('arrivees')}
+                  className={`px-5 py-2 rounded-full text-[13.5px] font-semibold transition-all cursor-pointer ${
+                    activeTabType === 'arrivees'
+                      ? 'bg-[#006837] text-white shadow-xs'
+                      : 'bg-gray-200 text-gray-700 hover:bg-gray-300'
+                  }`}
+                >
+                  Arrivées
+                </button>
+              </div>
+
+              {/* Station Search Input Box with Autocomplete */}
+              <div className="w-full relative max-w-[480px] mb-5">
+                <div className="flex items-center bg-white border border-gray-300 rounded-lg px-4 py-3 shadow-xs focus-within:border-[#006837] focus-within:ring-1 focus-within:ring-[#006837]">
+                  <span className="material-icons text-gray-400 mr-3 text-[20px]">search</span>
+                  <input
+                    type="text"
+                    value={stationQuery}
+                    onChange={(e) => handleSearchInputChange(e.target.value)}
+                    onFocus={() => stationQuery && setShowDropdown(true)}
+                    placeholder="Rechercher une gare"
+                    className="w-full bg-transparent text-[14px] text-gray-900 outline-none placeholder:text-gray-400"
+                  />
+                  {stationQuery && (
+                    <button
+                      type="button"
+                      onClick={() => { setStationQuery(''); setShowDropdown(false); }}
+                      className="text-gray-400 hover:text-gray-700 text-xs font-bold"
+                    >
+                      ✕
+                    </button>
+                  )}
+                </div>
+
+                {/* Autocomplete Dropdown */}
+                {showDropdown && filteredOptions.length > 0 && (
+                  <div className="absolute top-full left-0 right-0 mt-1 bg-white border border-gray-200 rounded-lg shadow-xl z-50 text-left overflow-hidden">
+                    {filteredOptions.map((st) => (
+                      <div
+                        key={st.id}
+                        onClick={() => {
+                          setStationQuery(st.nom);
+                          setShowDropdown(false);
+                          handleShowTimetable(st.nom);
+                        }}
+                        className="px-4 py-2.5 text-[14px] text-gray-800 hover:bg-[#eef5e6] hover:text-[#006837] cursor-pointer flex items-center justify-between border-b border-gray-50 last:border-0"
+                      >
+                        <span className="font-medium">{st.nom}</span>
+                        <span className="material-icons text-[16px] text-gray-400">chevron_right</span>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+
+              {/* Action Button: "Afficher les horaires" */}
+              <button
+                type="button"
+                onClick={() => handleShowTimetable(stationQuery || 'Brazey-en-Plaine')}
+                className="w-full max-w-[480px] bg-[#006837] hover:bg-[#00522b] text-white font-bold py-3.5 px-6 rounded-lg text-[14px] shadow-xs cursor-pointer transition-colors"
+              >
+                Afficher les horaires
+              </button>
+
+            </div>
+          ) : (
+            /* STEP 2: TIMETABLE & DETAILED HORAIRE VIEW (STRICTLY IMAGE 1 & IMAGE 2 DESIGN) */
+            <div className="space-y-5 animate-fadeIn">
+              
+              {/* Header Title Row (Image 1) */}
+              <div className="flex flex-col sm:flex-row sm:items-start justify-between gap-3 pb-3">
+                <div>
+                  <h1 className="text-[22px] sm:text-[26px] font-normal text-gray-900 leading-tight">
+                    Prochains {activeSubTab === 'arrivees' ? 'arrivées' : 'départs'}
+                  </h1>
+                  <h2 className="text-[17px] sm:text-[19px] font-normal text-gray-700 leading-tight">
+                    Gare {selectedStation}
+                  </h2>
+                </div>
+
+                {/* Top Right Action Links (Image 1) */}
+                <div className="flex items-center gap-5 text-[13px] font-normal text-gray-700 flex-wrap">
+                  <button
+                    type="button"
+                    onClick={() => alert(`Infos pratiques pour la gare de ${selectedStation}`)}
+                    className="flex items-center gap-1.5 hover:underline cursor-pointer"
+                  >
+                    <span className="w-2 h-2 rounded-full bg-[#006837] inline-block"></span>
+                    <span>Infos pratiques {selectedStation}</span>
+                  </button>
+                  <button
+                    type="button"
+                    onClick={() => {
+                      setSelectedStation('');
+                      setStationQuery('');
+                      const newParams = new URLSearchParams(searchParams.toString());
+                      newParams.delete('gare');
+                      router.push(pathname);
+                    }}
+                    className="flex items-center gap-1 hover:underline cursor-pointer"
+                  >
+                    <span className="material-icons text-[15px] text-gray-600">search</span>
+                    <span>Changer de gare</span>
+                  </button>
+                </div>
+              </div>
+
+              {/* TRAVAUX INFO BANNER (If active travaux exist) */}
+              {travauxList.length > 0 && (
+                <div className="bg-amber-50 border border-amber-300 rounded-xl p-4 text-amber-950 text-[13px] space-y-1 shadow-2xs">
+                  <div className="flex items-center gap-2 font-bold text-amber-900">
+                    <span className="material-icons text-amber-700 text-[20px]">construction</span>
+                    <span>Info Travaux : {travauxList[0].titre}</span>
+                  </div>
+                  <p className="text-[12.5px] leading-relaxed text-amber-950">
+                    {travauxList[0].description}
+                  </p>
+                </div>
+              )}
+
+              {/* Sub Header Tabs: Départs SNCF / Arrivées SNCF (Image 1) */}
+              <div className="flex items-center gap-2.5 pt-1">
+                <button
+                  type="button"
+                  onClick={() => { setActiveSubTab('departs'); setExpandedId(null); }}
+                  className={`px-5 py-1.5 rounded-full text-[13px] font-semibold cursor-pointer transition-colors ${
+                    activeSubTab === 'departs'
+                      ? 'bg-[#006837] text-white shadow-xs'
+                      : 'bg-[#ebebeb] text-[#4a4a4a] hover:bg-[#ddd] border border-[#ccc]'
+                  }`}
+                >
+                  Départs SNCF
+                </button>
+                <button
+                  type="button"
+                  onClick={() => { setActiveSubTab('arrivees'); setExpandedId(null); }}
+                  className={`px-5 py-1.5 rounded-full text-[13px] font-semibold cursor-pointer transition-colors ${
+                    activeSubTab === 'arrivees'
+                      ? 'bg-[#006837] text-white shadow-xs'
+                      : 'bg-[#ebebeb] text-[#4a4a4a] hover:bg-[#ddd] border border-[#ccc]'
+                  }`}
+                >
+                  Arrivées SNCF
+                </button>
+              </div>
+
+              {/* ─── MAIN TABLE (STRICTLY IMAGE 1 & IMAGE 2) ─── */}
+              <div className="bg-white rounded-lg shadow-xs border border-gray-200 overflow-hidden">
+                
+                {/* Table Header (Top yellow-green border line matching Image 1) */}
+                <div className="hidden sm:grid grid-cols-[72px_1fr_260px_72px_52px] px-5 py-2.5 text-[12px] font-normal text-[#888] uppercase tracking-wide border-t-[3px] border-t-[#c8d830] border-b border-gray-200 bg-white">
+                  <span>{activeSubTab === 'arrivees' ? 'Arrivée' : 'Départ'}</span>
+                  <span>{activeSubTab === 'arrivees' ? 'Provenance' : 'Destination'}</span>
+                  <span>Mode</span>
+                  <span className="text-center">Voie</span>
+                  <span></span>
+                </div>
+
+                {/* ════ DÉPARTS TABLE ════ */}
+                {activeSubTab === 'departs' && (
+                  <div className="divide-y divide-gray-100">
+                    {loading ? (
+                      <div className="p-8 text-center text-gray-500 space-y-2">
+                        <span className="material-icons text-3xl animate-spin text-[#006837]">refresh</span>
+                        <p className="text-xs">Chargement des prochains départs en gare de {selectedStation}...</p>
+                      </div>
+                    ) : departures.length > 0 ? (
+                      departures.map((dep, dIdx) => {
+                        const isExpanded = expandedId === dep.id;
+                        const showDateHeader = dep.dateLabel && (dIdx === 0 || departures[dIdx - 1].dateIso !== dep.dateIso);
+
+                        // Resolve perturbation banner style
+                        const pertStyle = dep.perturbationType 
+                          ? getPerturbationBannerStyle(dep.perturbationType) 
+                          : null;
+
+                        return (
+                          <React.Fragment key={dep.id}>
+
+                            {/* Date Separator Row (Image 1: e.g. "Lundi 21 septembre") */}
+                            {showDateHeader && (
+                              <div className="border-t-[3px] border-b border-[#c8d830] bg-white px-5 py-2.5 text-[13.5px] font-normal text-gray-800">
+                                {dep.dateLabel}
+                              </div>
+                            )}
+
+                            <div className="transition-colors">
+                              
+                              {/* Main Departure Row */}
+                              <div 
+                                onClick={() => setExpandedId(isExpanded ? null : dep.id)}
+                                className="px-3.5 py-3 sm:px-5 sm:py-3 grid grid-cols-2 sm:grid-cols-[72px_1fr_260px_72px_52px] items-center gap-2 sm:gap-0 hover:bg-gray-50/60 cursor-pointer text-[14px]"
+                              >
+                                {/* Time */}
+                                <div className="col-span-1">
+                                  {dep.revisedTime ? (
+                                    <div className="flex flex-col leading-tight">
+                                      <span className="line-through text-gray-400 text-[12px]">
+                                        {dep.departTime}
+                                      </span>
+                                      <span className="font-bold text-[#c00] text-[14px]">
+                                        {dep.revisedTime}
+                                      </span>
+                                    </div>
+                                  ) : (
+                                    <span className={`font-medium ${dep.isSupprime ? 'line-through text-gray-400' : 'text-gray-900'}`}>
+                                      {dep.departTime}
+                                    </span>
+                                  )}
+                                </div>
+
+                                {/* Voie & Toggle (Mobile) */}
+                                <div className="sm:hidden flex items-center justify-end gap-2 col-span-1">
+                                  <span className="font-semibold text-xs px-2 py-0.5 rounded bg-gray-100 text-gray-700">
+                                    Voie {dep.voie}
+                                  </span>
+                                  <div className="bg-[#006837] text-white rounded-full px-2 py-1 flex items-center gap-0.5">
+                                    <span className="material-icons text-[14px]">shopping_basket</span>
+                                    <span className="material-icons text-[14px]">
+                                      {isExpanded ? 'expand_less' : 'expand_more'}
+                                    </span>
+                                  </div>
+                                </div>
+
+                                {/* Destination */}
+                                <div className="col-span-2 sm:col-span-1 font-normal text-gray-900">
+                                  {dep.destination}
+                                </div>
+
+                                {/* Mode Icon + Label + Badge */}
+                                <div className="col-span-2 sm:col-span-1 flex items-center gap-2 text-[13px] text-gray-700">
+                                  <span className="material-icons text-[18px] text-[#006837]">
+                                    {dep.modeIcon === 'bus' ? 'directions_bus' : 'directions_railway'}
+                                  </span>
+                                  <span className="text-gray-800">{dep.modeLabel} {dep.trainNumber}</span>
+                                  {dep.trainBadge && (
+                                    <span 
+                                      className="text-white text-[10.5px] font-bold px-1.5 py-0.5 rounded-[3px] shrink-0 leading-none"
+                                      style={{ backgroundColor: getLineBadgeBg(dep.trainBadge) }}
+                                    >
+                                      {dep.trainBadge}
+                                    </span>
+                                  )}
+                                </div>
+
+                                {/* Voie (Desktop) */}
+                                <div className="hidden sm:block text-center font-normal text-gray-800">
+                                  {dep.voie}
+                                </div>
+
+                                {/* Green Pill Button (Image 1: basket + chevron) */}
+                                <div className="hidden sm:flex justify-end">
+                                  <div className="bg-[#006837] hover:bg-[#00522b] text-white rounded-full px-2 py-1 flex items-center gap-0 shadow-2xs transition-colors cursor-pointer">
+                                    <span className="material-icons text-[15px]">shopping_basket</span>
+                                    <span className="material-icons text-[15px]">
+                                      {isExpanded ? 'expand_less' : 'expand_more'}
+                                    </span>
+                                  </div>
+                                </div>
+                              </div>
+
+                              {/* ─── PERTURBATION INFO BANNER (Image 1: light blue bg + wavy notch) ─── */}
+                              {pertStyle && !isExpanded && (
+                                <div className="relative" style={{ backgroundColor: pertStyle.bgColor }}>
+                                  {/* Left-side wavy notch chevrons (Image 1 style) */}
+                                  <div className="absolute left-0 top-0 bottom-0 flex flex-col justify-center">
+                                    <svg width="16" height="24" viewBox="0 0 16 24" fill="none" className="-ml-px">
+                                      <path d="M0 0 L16 0 L10 6 L16 12 L10 18 L16 24 L0 24 Z" fill={pertStyle.bgColor} />
+                                    </svg>
+                                  </div>
+                                  <div className="pl-5 sm:pl-8 pr-5 py-2 flex items-center gap-2 text-[12.5px] font-normal" style={{ color: pertStyle.textColor }}>
+                                    <span 
+                                      className="w-[18px] h-[18px] rounded-full text-white flex items-center justify-center text-[10px] font-bold shrink-0"
+                                      style={{ backgroundColor: pertStyle.iconBgColor }}
+                                    >
+                                      {pertStyle.iconText}
+                                    </span>
+                                    <span className="font-normal">
+                                      {dep.delayText || dep.perturbationDetails || pertStyle.badgeLabel}
+                                    </span>
+                                  </div>
+                                </div>
+                              )}
+
+                              {/* ─── EXPANDED DETAIL VIEW (Image 2 style) ─── */}
+                              {isExpanded && (
+                                <div className="bg-[#eef4d6] p-4 sm:p-6 border-t border-b border-[#d5dfb0] animate-fadeIn text-[#222]">
+                                  
+                                  {/* Expanded Banner for Perturbation (Image 2 style) */}
+                                  {pertStyle && (
+                                    <div className="mb-4">
+                                      <div className="px-4 sm:px-6 py-3 border-b border-[#d5dfb0]" style={{ backgroundColor: '#ffefe1' }}>
+                                        <div className="flex items-center gap-2 mb-1 text-[#cc5500]">
+                                          <span className="material-icons text-[18px]">
+                                            {pertStyle.iconText === '!' ? 'error' : 'schedule'}
+                                          </span>
+                                          <span className="font-medium text-[14px]">
+                                            {pertStyle.badgeLabel}
+                                          </span>
+                                        </div>
+                                        {dep.perturbationDetails && (
+                                          <div className="text-[13px] text-gray-800 ml-[26px]">
+                                            {dep.perturbationDetails}
+                                          </div>
+                                        )}
+                                      </div>
+                                    </div>
+                                  )}
+
+                                  <h3 className="text-[17px] sm:text-[19px] font-bold text-gray-900 mb-0.5">
+                                    Liste des gares
+                                  </h3>
+                                  <p className="text-[14px] text-gray-800 font-normal mb-0.5">
+                                    desservies par le {dep.modeIcon === 'bus' ? 'car' : 'train'} TER {dep.trainNumber}
+                                    {dep.trainBadge && (
+                                      <span 
+                                        className="ml-2 text-white text-[10.5px] font-bold px-1.5 py-0.5 rounded-[3px] inline-block leading-none"
+                                        style={{ backgroundColor: getLineBadgeBg(dep.trainBadge) }}
+                                      >
+                                        {dep.trainBadge}
+                                      </span>
+                                    )}
+                                  </p>
+                                  <p className="text-[11.5px] text-gray-500 font-normal mb-5">
+                                    {dep.operator || 'Opéré par SNCF Voyageurs - 1187'}
+                                  </p>
+
+                                  {/* Stops Timeline (Image 1 style) */}
+                                  <div className="mb-6 max-w-[600px] overflow-x-auto">
+                                    <div className="grid grid-cols-[30px_60px_1fr_55px] sm:grid-cols-[40px_70px_1fr_70px] text-[11.5px] font-normal text-gray-500 pb-2 border-b border-[#d5dfb0] min-w-[320px]">
+                                      <span></span>
+                                      <span>Départ</span>
+                                      <span>Gare</span>
+                                      <span>Voie</span>
+                                    </div>
+
+                                    <div className="space-y-0 pt-2 min-w-[320px] relative">
+                                      {/* Vertical timeline line */}
+                                      <div className="absolute left-[105px] sm:left-[125px] top-4 bottom-4 w-[2px] bg-[#c8d830] z-0" />
+
+                                      {dep.stops.map((stop, sIdx) => {
+                                        const isFirst = sIdx === 0;
+                                        return (
+                                          <div key={sIdx} className="grid grid-cols-[30px_60px_1fr_55px] sm:grid-cols-[40px_70px_1fr_70px] items-start py-1.5 text-[13.5px] relative z-10">
+                                            {/* Radio Button Column */}
+                                            <div className="flex items-start justify-center pt-0.5">
+                                              {!isFirst && (
+                                                <div className="w-[18px] h-[18px] rounded-full border-[2.5px] border-[#006837] bg-white cursor-pointer hover:bg-gray-100 flex-shrink-0"></div>
+                                              )}
+                                            </div>
+
+                                            {/* Time Column */}
+                                            <span className={`font-medium pt-0.5 ${isFirst ? 'text-gray-900' : 'text-gray-700'}`}>
+                                              {stop.departTime}
+                                            </span>
+
+                                            {/* Timeline & Station Name Column */}
+                                            <div className="flex flex-col pt-0.5">
+                                              <div className="flex items-center gap-2.5">
+                                                {/* Yellow Timeline Dot */}
+                                                <span className="w-2.5 h-2.5 rounded-full bg-[#c8d830] flex-shrink-0 z-10"></span>
+                                                
+                                                <span className={`${isFirst ? 'font-medium text-gray-900' : 'font-normal text-gray-800'} ${stop.perturbationType === 'arret_supprime' || stop.isSupprime ? 'line-through text-[#c00]' : ''}`}>
+                                                  {stop.gareNom}
+                                                </span>
+                                              </div>
+                                              
+                                              {/* Perturbation sub-block */}
+                                              {stop.perturbationType && (
+                                                <div className="ml-[18px] mt-0.5 text-[11.5px] flex flex-col gap-0.5 mb-1.5 leading-snug">
+                                                  <div className="flex items-center gap-1.5 font-medium" style={{ color: stop.perturbationType === 'arret_supprime' ? '#c00' : stop.perturbationType === 'retard' ? '#cc5500' : '#005b9f' }}>
+                                                    <span className="material-icons text-[15px]">
+                                                      {stop.perturbationType === 'arret_supprime' ? 'error' : stop.perturbationType === 'retard' ? 'schedule' : 'info'}
+                                                    </span>
+                                                    <span>
+                                                      {stop.perturbationType === 'arret_supprime' ? 'Arrêt supprimé' 
+                                                       : stop.perturbationType === 'retard' ? `Retard estimé de ${stop.retardMinutes || 0} min` 
+                                                       : stop.isNouvelleOrigine ? 'Nouvelle gare de départ'
+                                                       : stop.isNouveauTerminus ? 'Nouveau terminus'
+                                                       : 'Information'}
+                                                    </span>
+                                                  </div>
+                                                  {stop.perturbationDetails && (
+                                                    <span className="text-gray-700 ml-[21px]">{stop.perturbationDetails}</span>
+                                                  )}
+                                                </div>
+                                              )}
+                                            </div>
+
+                                            {/* Voie Column */}
+                                            <span className="font-normal text-gray-700 pt-0.5">
+                                              {stop.voie}
+                                            </span>
+                                          </div>
+                                        );
+                                      })}
+                                    </div>
+                                  </div>
+
+                                  {/* Buy Ticket Widget (Image 1 style) */}
+                                  <div className="pt-4 max-w-[380px] space-y-3">
+                                    <h4 className="text-[13px] font-bold text-gray-900">
+                                      Vous souhaitez acheter un trajet ?
+                                    </h4>
+                                    <p className="text-[12.5px] text-gray-700">
+                                      Sélectionnez votre gare d&apos;arrivée dans la liste ci-dessus
+                                    </p>
+                                    
+                                    <div className="flex items-center justify-between bg-white border border-[#006837] rounded-lg px-3 py-2 cursor-pointer shadow-xs">
+                                      <div className="flex items-center gap-2 text-[#006837]">
+                                        <span className="material-icons text-[20px]">person</span>
+                                        <span className="text-[13.5px] font-medium">1 Voyageur, Sans carte</span>
+                                      </div>
+                                      <span className="material-icons text-[18px] text-[#006837]">edit</span>
+                                    </div>
+                                  </div>
+                                </div>
+                              )}
+
+                            </div>
+                          </React.Fragment>
+                        );
+                      })
+                    ) : (
+                      <div className="p-8 text-center text-gray-500">
+                        Aucun départ trouvé en gare de {selectedStation}.
+                      </div>
+                    )}
+                  </div>
+                )}
+
+                {/* ════ ARRIVÉES TABLE ════ */}
+                {activeSubTab === 'arrivees' && (
+                  <div className="divide-y divide-gray-100">
+                    {loading ? (
+                      <div className="p-8 text-center text-gray-500 space-y-2">
+                        <span className="material-icons text-3xl animate-spin text-[#006837]">refresh</span>
+                        <p className="text-xs">Chargement des prochaines arrivées en gare de {selectedStation}...</p>
+                      </div>
+                    ) : arrivals.length > 0 ? (
+                      arrivals.map((arr, aIdx) => {
+                        const isExpanded = expandedId === arr.id;
+                        const showDateHeader = arr.dateLabel && (aIdx === 0 || arrivals[aIdx - 1].dateIso !== arr.dateIso);
+
+                        const pertStyle = arr.perturbationType 
+                          ? getPerturbationBannerStyle(arr.perturbationType) 
+                          : null;
+
+                        return (
+                          <React.Fragment key={arr.id}>
+
+                            {/* Date Separator */}
+                            {showDateHeader && (
+                              <div className="border-t-[3px] border-b border-[#c8d830] bg-white px-5 py-2.5 text-[13.5px] font-normal text-gray-800">
+                                {arr.dateLabel}
+                              </div>
+                            )}
+
+                            <div className="transition-colors">
+                              {/* Main Arrival Row */}
+                              <div 
+                                onClick={() => setExpandedId(isExpanded ? null : arr.id)}
+                                className="px-3.5 py-3 sm:px-5 sm:py-3 grid grid-cols-2 sm:grid-cols-[72px_1fr_260px_72px_52px] items-center gap-2 sm:gap-0 hover:bg-gray-50/60 cursor-pointer text-[14px]"
+                              >
+                                {/* Arrival Time */}
+                                <div className="col-span-1">
+                                  {arr.revisedTime ? (
+                                    <div className="flex flex-col leading-tight">
+                                      <span className="line-through text-gray-400 text-[12px]">
+                                        {arr.arrivalTime}
+                                      </span>
+                                      <span className="font-bold text-[#c00] text-[14px]">
+                                        {arr.revisedTime}
+                                      </span>
+                                    </div>
+                                  ) : (
+                                    <span className={`font-medium ${arr.isSupprime ? 'line-through text-gray-400' : 'text-gray-900'}`}>
+                                      {arr.arrivalTime}
+                                    </span>
+                                  )}
+                                </div>
+
+                                {/* Voie & Toggle (Mobile) */}
+                                <div className="sm:hidden flex items-center justify-end gap-2 col-span-1">
+                                  <span className="font-semibold text-xs px-2 py-0.5 rounded bg-gray-100 text-gray-700">
+                                    Voie {arr.voie}
+                                  </span>
+                                  <div className="bg-[#006837] text-white rounded-full px-2 py-1 flex items-center gap-0.5">
+                                    <span className="material-icons text-[14px]">shopping_basket</span>
+                                    <span className="material-icons text-[14px]">
+                                      {isExpanded ? 'expand_less' : 'expand_more'}
+                                    </span>
+                                  </div>
+                                </div>
+
+                                {/* Provenance */}
+                                <div className="col-span-2 sm:col-span-1 font-normal text-gray-900">
+                                  {arr.provenance}
+                                </div>
+
+                                {/* Mode Icon + Label + Badge */}
+                                <div className="col-span-2 sm:col-span-1 flex items-center gap-2 text-[13px] text-gray-700">
+                                  <span className="material-icons text-[18px] text-[#006837]">
+                                    {arr.modeIcon === 'bus' ? 'directions_bus' : 'directions_railway'}
+                                  </span>
+                                  <span className="text-gray-800">{arr.modeLabel} {arr.trainNumber}</span>
+                                  {arr.trainBadge && (
+                                    <span 
+                                      className="text-white text-[10.5px] font-bold px-1.5 py-0.5 rounded-[3px] shrink-0 leading-none"
+                                      style={{ backgroundColor: getLineBadgeBg(arr.trainBadge) }}
+                                    >
+                                      {arr.trainBadge}
+                                    </span>
+                                  )}
+                                </div>
+
+                                {/* Voie (Desktop) */}
+                                <div className="hidden sm:block text-center font-normal text-gray-800">
+                                  {arr.voie}
+                                </div>
+
+                                {/* Green Pill Button */}
+                                <div className="hidden sm:flex justify-end">
+                                  <div className="bg-[#006837] hover:bg-[#00522b] text-white rounded-full px-2 py-1 flex items-center gap-0 shadow-2xs transition-colors cursor-pointer">
+                                    <span className="material-icons text-[15px]">shopping_basket</span>
+                                    <span className="material-icons text-[15px]">
+                                      {isExpanded ? 'expand_less' : 'expand_more'}
+                                    </span>
+                                  </div>
+                                </div>
+                              </div>
+
+                              {/* Perturbation info banner */}
+                              {pertStyle && !isExpanded && (
+                                <div className="relative" style={{ backgroundColor: pertStyle.bgColor }}>
+                                  <div className="absolute left-0 top-0 bottom-0 flex flex-col justify-center">
+                                    <svg width="16" height="24" viewBox="0 0 16 24" fill="none" className="-ml-px">
+                                      <path d="M0 0 L16 0 L10 6 L16 12 L10 18 L16 24 L0 24 Z" fill={pertStyle.bgColor} />
+                                    </svg>
+                                  </div>
+                                  <div className="pl-5 sm:pl-8 pr-5 py-2 flex items-center gap-2 text-[12.5px] font-normal" style={{ color: pertStyle.textColor }}>
+                                    <span 
+                                      className="w-[18px] h-[18px] rounded-full text-white flex items-center justify-center text-[10px] font-bold shrink-0"
+                                      style={{ backgroundColor: pertStyle.iconBgColor }}
+                                    >
+                                      {pertStyle.iconText}
+                                    </span>
+                                    <span className="font-normal">
+                                      {arr.delayText || arr.perturbationDetails || pertStyle.badgeLabel}
+                                    </span>
+                                  </div>
+                                </div>
+                              )}
+
+                              {/* Expanded Detail (Image 1 style) */}
+                              {isExpanded && (
+                                <div className="bg-[#eef4d6] p-4 sm:p-6 border-t border-b border-[#d5dfb0] animate-fadeIn text-[#222]">
+                                  
+                                  {/* Expanded Banner for Perturbation (Image 2 style) */}
+                                  {pertStyle && (
+                                    <div className="mb-4">
+                                      <div className="px-4 sm:px-6 py-3 border-b border-[#d5dfb0]" style={{ backgroundColor: '#ffefe1' }}>
+                                        <div className="flex items-center gap-2 mb-1 text-[#cc5500]">
+                                          <span className="material-icons text-[18px]">
+                                            {pertStyle.iconText === '!' ? 'error' : 'schedule'}
+                                          </span>
+                                          <span className="font-medium text-[14px]">
+                                            {pertStyle.badgeLabel}
+                                          </span>
+                                        </div>
+                                        {arr.perturbationDetails && (
+                                          <div className="text-[13px] text-gray-800 ml-[26px]">
+                                            {arr.perturbationDetails}
+                                          </div>
+                                        )}
+                                      </div>
+                                    </div>
+                                  )}
+
+                                  <h3 className="text-[17px] sm:text-[19px] font-bold text-gray-900 mb-0.5">
+                                    Liste des gares
+                                  </h3>
+                                  <p className="text-[14px] text-gray-800 font-normal mb-0.5">
+                                    desservies par le {arr.modeIcon === 'bus' ? 'car' : 'train'} TER {arr.trainNumber}
+                                    {arr.trainBadge && (
+                                      <span 
+                                        className="ml-2 text-white text-[10.5px] font-bold px-1.5 py-0.5 rounded-[3px] inline-block leading-none"
+                                        style={{ backgroundColor: getLineBadgeBg(arr.trainBadge) }}
+                                      >
+                                        {arr.trainBadge}
+                                      </span>
+                                    )}
+                                  </p>
+                                  <p className="text-[11.5px] text-gray-500 font-normal mb-5">
+                                    {arr.operator || 'Opéré par SNCF Voyageurs - 1187'}
+                                  </p>
+
+                                  {/* Stops Timeline (Image 1 & 3 style) */}
+                                  <div className="mb-6 max-w-[600px] overflow-x-auto">
+                                    <div className="grid grid-cols-[30px_60px_1fr_55px] sm:grid-cols-[40px_70px_1fr_70px] text-[11.5px] font-normal text-gray-500 pb-2 border-b border-[#d5dfb0] min-w-[320px]">
+                                      <span></span>
+                                      <span>Départ</span>
+                                      <span>Gare</span>
+                                      <span>Voie</span>
+                                    </div>
+
+                                    <div className="space-y-0 pt-2 min-w-[320px] relative">
+                                      {/* Vertical timeline line */}
+                                      <div className="absolute left-[94px] sm:left-[114px] top-[18px] bottom-6 w-[2px] bg-[#c8d830] z-0" />
+
+                                      {arr.stops.map((stop, sIdx) => {
+                                        const isLast = sIdx === arr.stops.length - 1;
+                                        return (
+                                          <div key={sIdx} className="grid grid-cols-[30px_60px_1fr_55px] sm:grid-cols-[40px_70px_1fr_70px] items-start py-1.5 text-[13.5px] relative z-10">
+                                            {/* Radio Button Column */}
+                                            <div className="flex items-start justify-center pt-0.5">
+                                              {!isLast && (
+                                                <div className="w-[18px] h-[18px] rounded-full border-[2.5px] border-[#006837] bg-white cursor-pointer hover:bg-gray-100 flex-shrink-0"></div>
+                                              )}
+                                            </div>
+
+                                            {/* Time Column */}
+                                            <span className={`font-medium pt-0.5 ${isLast ? 'text-gray-900' : 'text-gray-700'}`}>
+                                              {stop.departTime}
+                                            </span>
+
+                                            {/* Timeline & Station Name Column */}
+                                            <div className="flex flex-col pt-0.5">
+                                              <div className="flex items-center gap-2.5">
+                                                {/* Yellow Timeline Dot */}
+                                                <span className="w-2.5 h-2.5 rounded-full bg-[#c8d830] flex-shrink-0 z-10"></span>
+                                                
+                                                <span className={`${isLast ? 'font-medium text-gray-900' : 'font-normal text-gray-800'} ${stop.perturbationType === 'arret_supprime' || stop.isSupprime ? 'line-through text-[#c00]' : ''}`}>
+                                                  {stop.gareNom}
+                                                </span>
+                                              </div>
+                                              
+                                              {/* Perturbation sub-block */}
+                                              {stop.perturbationType && (
+                                                <div className="ml-[18px] mt-0.5 text-[11.5px] flex flex-col gap-0.5 mb-1.5 leading-snug">
+                                                  <div className="flex items-center gap-1.5 font-medium" style={{ color: stop.perturbationType === 'arret_supprime' ? '#c00' : stop.perturbationType === 'retard' ? '#cc5500' : '#005b9f' }}>
+                                                    <span className="material-icons text-[15px]">
+                                                      {stop.perturbationType === 'arret_supprime' ? 'error' : stop.perturbationType === 'retard' ? 'schedule' : 'info'}
+                                                    </span>
+                                                    <span>
+                                                      {stop.perturbationType === 'arret_supprime' ? 'Arrêt supprimé' 
+                                                       : stop.perturbationType === 'retard' ? `Retard estimé de ${stop.retardMinutes || 0} min` 
+                                                       : stop.isNouvelleOrigine ? 'Nouvelle gare de départ'
+                                                       : stop.isNouveauTerminus ? 'Nouveau terminus'
+                                                       : 'Information'}
+                                                    </span>
+                                                  </div>
+                                                  {stop.perturbationDetails && (
+                                                    <span className="text-gray-700 ml-[21px]">{stop.perturbationDetails}</span>
+                                                  )}
+                                                </div>
+                                              )}
+                                            </div>
+
+                                            {/* Voie Column */}
+                                            <span className="font-normal text-gray-700 pt-0.5">
+                                              {stop.voie}
+                                            </span>
+                                          </div>
+                                        );
+                                      })}
+                                    </div>
+                                  </div>
+
+                                  {/* Buy Ticket Widget (Image 1 style) */}
+                                  <div className="pt-4 max-w-[380px] space-y-3">
+                                    <h4 className="text-[13px] font-bold text-gray-900">
+                                      Vous souhaitez acheter un trajet ?
+                                    </h4>
+                                    <p className="text-[12.5px] text-gray-700">
+                                      Sélectionnez votre gare d'arrivée dans la liste ci-dessus
+                                    </p>
+                                    
+                                    <div className="flex items-center justify-between bg-white border border-[#006837] rounded-lg px-3 py-2 cursor-pointer shadow-xs">
+                                      <div className="flex items-center gap-2 text-[#006837]">
+                                        <span className="material-icons text-[20px]">person</span>
+                                        <span className="text-[13.5px] font-medium">1 Voyageur, Sans carte</span>
+                                      </div>
+                                      <span className="material-icons text-[18px] text-[#006837]">edit</span>
+                                    </div>
+                                  </div>
+                                </div>
+                              )}
+
+                            </div>
+                          </React.Fragment>
+                        );
+                      })
+                    ) : (
+                      <div className="p-8 text-center text-gray-500">
+                        Aucune arrivée trouvée en gare de {selectedStation}.
+                      </div>
+                    )}
+                  </div>
+                )}
+
+              </div>
+
+            </div>
+          )}
+
+        </main>
+      </div>
+
+      {/* ─── SCROLL TO TOP BUTTON ─── */}
+      <div className="flex justify-center my-6">
+        <button
+          type="button"
+          onClick={scrollToTop}
+          className="hover:opacity-90 font-semibold text-[12.5px] px-4 py-2 rounded-lg flex items-center gap-1.5 shadow-2xs cursor-pointer transition-colors"
+          style={{ backgroundColor: theme.primaryLight, color: theme.primary }}
+        >
+          <span>Haut de page</span>
+          <span className="material-icons text-[16px]">expand_less</span>
+        </button>
+      </div>
+
+      {/* ─── FOOTER ─── */}
+      <footer className="bg-white border-t border-gray-200 text-gray-700 text-[12px] py-6">
+        <div className="max-w-[1280px] mx-auto px-4 sm:px-6 space-y-6">
+          
+          {/* Region Switcher */}
+          <div className="flex items-center gap-2">
+            <select
+              value={regionSlug}
+              onChange={(e) => router.push(`/${e.target.value}`)}
+              className="bg-gray-100 border border-gray-300 rounded-md px-3 py-1.5 text-[13px] font-medium text-gray-800 outline-none"
+            >
+              <option value="bourgogne-franche-comte">Bourgogne-Franche-Comté</option>
+              <option value="occitanie">Occitanie</option>
+              <option value="provence-alpes-cote-azur">Provence-Alpes-Côte d&apos;Azur</option>
+              <option value="bretagne">Bretagne</option>
+              <option value="grand-est">Grand-Est</option>
+              <option value="normandie">Normandie</option>
+              <option value="hauts-de-france">Hauts-de-France</option>
+            </select>
+          </div>
+
+          {/* Social Icons */}
+          <div className="flex items-center justify-center gap-6 text-gray-600">
+            <span className="material-icons text-[20px] cursor-pointer hover:text-black">facebook</span>
+            <span className="font-bold text-[16px] cursor-pointer hover:text-black">X</span>
+            <span className="material-icons text-[20px] cursor-pointer hover:text-black">photo_camera</span>
+            <span className="material-icons text-[20px] cursor-pointer hover:text-black">play_circle</span>
+            <span className="material-icons text-[20px] cursor-pointer hover:text-black">chat</span>
+          </div>
+
+          {/* Links Row */}
+          <div className="flex flex-wrap items-center justify-center gap-3 text-[11.5px] text-gray-600 text-center border-t border-gray-100 pt-4">
+            <Link href="#" className="hover:underline">CGU/CGV TRAIN Mobigo</Link>
+            <span>•</span>
+            <Link href="#" className="hover:underline">CGU / CGV Site Internet</Link>
+            <span>•</span>
+            <Link href="#" className="hover:underline">Confidentialité/Cookies</Link>
+            <span>•</span>
+            <Link href="#" className="hover:underline">Gares</Link>
+            <span>•</span>
+            <Link href="#" className="hover:underline">Lignes</Link>
+            <span>•</span>
+            <Link href="#" className="hover:underline">MOBIGO</Link>
+            <span>•</span>
+            <Link href="#" className="hover:underline">Accessibilité : partiellement conforme</Link>
+            <span>•</span>
+            <Link href="#" className="hover:underline">Mentions légales</Link>
+            <span>•</span>
+            <Link href="#" className="hover:underline">Plan du site</Link>
+            <span>•</span>
+            <Link href="#" className="hover:underline">Contacts</Link>
+          </div>
+
+          <div className="text-center text-[11px] text-gray-500">
+            Demande d&apos;information et réclamations • Données personnelles
+          </div>
+
+        </div>
+      </footer>
+    </div>
+  );
+}
diff --git a/src/components/RegionContent.tsx b/src/components/RegionContent.tsx
index 168b22c..f0850a5 100644
--- a/src/components/RegionContent.tsx
+++ b/src/components/RegionContent.tsx
@@ -1,8 +1,13 @@
 "use client";
 
 import React, { useState, useEffect } from 'react';
+import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import { supabase } from '@/lib/supabase';
+import { getRegionTheme } from '@/lib/regionTheme';
+import SiteHeader from '@/components/SiteHeader';
+import HeaderMenu from '@/components/HeaderMenu';
+import TimetableSearchForm from '@/components/TimetableSearchForm';
 
 interface RegionData {
   nom_site: string;
@@ -39,6 +44,21 @@ export interface ActualiteItem {
   region_id?: string;
 }
 
+export interface EvenementItem {
+  id: string | number;
+  titre: string;
+  description?: string;
+  lieu?: string | null;
+  gare_id?: string | null;
+  date_debut?: string;
+  date_fin?: string | null;
+  image_url?: string | null;
+  lien_externe?: string | null;
+  actif?: boolean;
+  visible_site?: boolean;
+  region_id?: string;
+}
+
 export interface HoraireGareDesservie {
   gare_id?: string;
   gare_nom: string;
@@ -492,16 +512,27 @@ export default function RegionContent({
   regionData,
   initialInfoTrafic = [],
   initialActualites = [],
+  initialEvenements = [],
+  initialMenuStructure = null,
   initialHoraires = []
 }: { 
   regionSlug: string; 
   regionData: RegionData;
   initialInfoTrafic?: InfoTraficItem[];
   initialActualites?: ActualiteItem[];
+  initialEvenements?: EvenementItem[];
+  initialMenuStructure?: any;
   initialHoraires?: HoraireItem[];
 }) {
   const router = useRouter();
 
+  // Region candidates for alias support
+  const regionCandidates = Array.from(new Set([
+    regionSlug,
+    regionSlug === 'sud-provence-alpes-cote-d-azur' ? 'provence-alpes-cote-azur' : '',
+    regionSlug === 'provence-alpes-cote-azur' ? 'sud-provence-alpes-cote-d-azur' : '',
+  ].filter(Boolean)));
+
   // Dynamic Region Configuration
   const config = REGION_CONFIGS[regionSlug] || REGION_CONFIGS["sud-provence-alpes-cote-d-azur"];
   const regionDisplayName = regionData?.nom_site 
@@ -509,28 +540,16 @@ export default function RegionContent({
     : config.displayName;
 
   // State: Navigation tabs
-  const [activeTab, setActiveTab] = useState("Tarifs et cartes de réduction");
+  const [activeTab, setActiveTab] = useState("Se déplacer");
 
-  // State: Search Booking Box
-  const [departureStation, setDepartureStation] = useState("");
-  const [arrivalStation, setArrivalStation] = useState("");
-  const [showVia, setShowVia] = useState(false);
-  const [viaStation, setViaStation] = useState("");
-  const [outwardDate, setOutwardDate] = useState("Mer. 26 août");
-  const [outwardTime, setOutwardTime] = useState("01:00");
-  const [hasReturn, setHasReturn] = useState(false);
-  const [returnDate, setReturnDate] = useState("Jeu. 27 août");
-  const [returnTime, setReturnTime] = useState("18:00");
-  const [passengerCount, setPassengerCount] = useState(1);
-  const [selectedDiscountCard, setSelectedDiscountCard] = useState("Sans carte");
-  const [showPassengerModal, setShowPassengerModal] = useState(false);
+  // State: Search feedback
   const [searchSuccessMessage, setSearchSuccessMessage] = useState("");
 
   // State: Prochains départs
   const [selectedStation, setSelectedStation] = useState(config.stations[0] || "Dijon");
   const [expandedDepartures, setExpandedDepartures] = useState(false);
 
-  // State: Traffic info (Default to collapsed/non-extended mode)
+  // State: Traffic info
   const [trafficPage, setTrafficPage] = useState(1);
   const [isTrafficExpanded, setIsTrafficExpanded] = useState(false);
 
@@ -556,10 +575,13 @@ export default function RegionContent({
     }
   }, [regionSlug, config.stations]);
 
-  // 1. STATE & LIVE SUPABASE SYNC (ZERO MOCK)
+  // 1. STATE & LIVE SUPABASE SYNC (STRICTLY REGIONAL)
   const [trafficDataList, setTrafficDataList] = useState<InfoTraficItem[]>(initialInfoTrafic || []);
   const [actusDataList, setActusDataList] = useState<ActualiteItem[]>(initialActualites || []);
+  const [evenementsDataList, setEvenementsDataList] = useState<EvenementItem[]>(initialEvenements || []);
+  const [menuStructure, setMenuStructure] = useState<any>(initialMenuStructure || null);
   const [horairesDataList, setHorairesDataList] = useState<HoraireItem[]>(initialHoraires || []);
+  const [garesTypeMap, setGaresTypeMap] = useState<Record<string, string>>({});
 
   useEffect(() => {
     if (initialInfoTrafic && initialInfoTrafic.length > 0) {
@@ -568,11 +590,17 @@ export default function RegionContent({
     if (initialActualites && initialActualites.length > 0) {
       setActusDataList(initialActualites);
     }
+    if (initialEvenements && initialEvenements.length > 0) {
+      setEvenementsDataList(initialEvenements);
+    }
+    if (initialMenuStructure) {
+      setMenuStructure(initialMenuStructure);
+    }
     if (initialHoraires && initialHoraires.length > 0) {
       setHorairesDataList(initialHoraires);
     }
 
-    // Client-side live fetch to guarantee 100% up-to-date DB data
+    // Client-side live fetch filtered strictly by region_id
     const fetchLiveSupabase = async () => {
       try {
         // 1. Info trafic
@@ -580,6 +608,7 @@ export default function RegionContent({
           .from('info_trafic')
           .select('*')
           .eq('actif', true)
+          .in('region_id', regionCandidates)
           .is('deleted_at', null)
           .order('created_at', { ascending: false });
         if (tData) {
@@ -591,6 +620,7 @@ export default function RegionContent({
           .from('actualites')
           .select('*')
           .eq('actif', true)
+          .in('region_id', regionCandidates)
           .is('deleted_at', null)
           .order('date_publication', { ascending: false })
           .order('created_at', { ascending: false });
@@ -598,11 +628,39 @@ export default function RegionContent({
           setActusDataList(aData as ActualiteItem[]);
         }
 
-        // 3. Gares & Horaires
-        const { data: gData } = await supabase.from('gares').select('id, nom');
+        // 3. Evenements
+        const { data: eData } = await supabase
+          .from('evenements')
+          .select('*')
+          .eq('actif', true)
+          .in('region_id', regionCandidates)
+          .is('deleted_at', null)
+          .order('date_debut', { ascending: false });
+        if (eData) {
+          setEvenementsDataList(eData as EvenementItem[]);
+        }
+
+        // 4. Menus régionaux
+        const { data: mData } = await supabase
+          .from('menus_regionaux')
+          .select('*')
+          .eq('actif', true)
+          .in('region_id', regionCandidates)
+          .limit(1);
+        if (mData && mData.length > 0) {
+          setMenuStructure(mData[0].structure);
+        }
+
+        // 5. Gares & Horaires
+        const { data: gData } = await supabase.from('gares').select('id, nom, type');
         const gMap: Record<string, string> = {};
+        const gTypeMap: Record<string, string> = {};
         if (gData) {
-          gData.forEach((g: any) => { gMap[g.id] = g.nom; });
+          gData.forEach((g: any) => { 
+            gMap[g.id] = g.nom; 
+            gTypeMap[g.nom.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").trim()] = g.type || 'ville';
+          });
+          setGaresTypeMap(gTypeMap);
         }
 
         const { data: hData } = await supabase
@@ -624,19 +682,13 @@ export default function RegionContent({
     };
 
     fetchLiveSupabase();
-  }, [initialInfoTrafic, initialActualites, initialHoraires, regionSlug]);
+  }, [initialInfoTrafic, initialActualites, initialEvenements, initialMenuStructure, initialHoraires, regionSlug]);
 
-  // Filter traffic for this region or take all active DB records
-  const regionSpecificTraffics = trafficDataList.filter(t => 
-    !t.region_id || t.region_id === regionSlug || 
-    (regionSlug === 'provence-alpes-cote-azur' && t.region_id === 'sud-provence-alpes-cote-d-azur') ||
-    (regionSlug === 'sud-provence-alpes-cote-d-azur' && t.region_id === 'provence-alpes-cote-azur')
+  // Strict regional filtering: NO fallback to other regions
+  const trafficItems: InfoTraficItem[] = trafficDataList.filter(t => 
+    !t.region_id || regionCandidates.includes(t.region_id)
   );
 
-  const trafficItems: InfoTraficItem[] = regionSpecificTraffics.length > 0 
-    ? regionSpecificTraffics 
-    : trafficDataList;
-
   const currentTrafficIndex = (trafficPage - 1) % (trafficItems.length || 1);
   const currentTraffic: InfoTraficItem | null = trafficItems.length > 0 
     ? trafficItems[currentTrafficIndex] 
@@ -659,18 +711,17 @@ export default function RegionContent({
     return '#e65100';
   };
 
-  // Filter actualités for this region or take all active DB records
-  const regionSpecificActus = actusDataList.filter(a =>
-    !a.region_id || a.region_id === regionSlug ||
-    (regionSlug === 'provence-alpes-cote-azur' && a.region_id === 'sud-provence-alpes-cote-d-azur') ||
-    (regionSlug === 'sud-provence-alpes-cote-d-azur' && a.region_id === 'provence-alpes-cote-azur')
+  // Strict regional actualités filter
+  const allActusList: ActualiteItem[] = actusDataList.filter(a =>
+    !a.region_id || regionCandidates.includes(a.region_id)
   );
 
-  const allActusList: ActualiteItem[] = regionSpecificActus.length > 0 
-    ? regionSpecificActus 
-    : actusDataList;
+  // Strict regional evenements filter
+  const evenementsItems: EvenementItem[] = evenementsDataList.filter(e =>
+    !e.region_id || regionCandidates.includes(e.region_id)
+  );
 
-  // 2 dernières actualités mises en avant pour le Sub-hero (BDD Supabase)
+  // 2 dernières actualités mises en avant pour le Sub-hero
   const featuredOnly = allActusList.filter(a => a.mise_en_avant);
   const top2Featured: ActualiteItem[] = featuredOnly.length >= 2 
     ? featuredOnly.slice(0, 2) 
@@ -693,21 +744,19 @@ export default function RegionContent({
     return `${year}-${month}-${day}`;
   };
 
-  // Helper: Vérification des règles de circulation UNIQUEMENT via la colonne "jours_personnalises"
+  // Helper: Vérification des règles de circulation (uniquement "jours_personnalises")
   const isTrainCirculating = (h: HoraireItem, targetDate: string = getLocalDateStr()) => {
     if (h.actif === false) return false;
 
-    // Uniquement la colonne "jours_personnalises" : tableau d'objets avec { date, circule: true }
-    if (!Array.isArray(h.jours_personnalises) || h.jours_personnalises.length === 0) {
-      return false;
+    if (Array.isArray(h.jours_personnalises) && h.jours_personnalises.length > 0) {
+      const customDay = h.jours_personnalises.find(jp => {
+        const d = jp.date || jp.jour || '';
+        return d === targetDate || d.slice(0, 10) === targetDate;
+      });
+      if (customDay) return customDay.circule === true;
     }
 
-    const customDay = h.jours_personnalises.find(jp => {
-      const d = jp.date || jp.jour || '';
-      return d === targetDate || d.slice(0, 10) === targetDate;
-    });
-
-    return customDay?.circule === true;
+    return false;
   };
 
   // Filter and resolve departures for selectedStation taking into account gares_desservies & real quais
@@ -720,7 +769,16 @@ export default function RegionContent({
     // 1. Vérification de la circulation du train pour aujourd'hui
     if (!isTrainCirculating(h, todayDateStr)) continue;
 
-    const gares = Array.isArray(h.gares_desservies) ? h.gares_desservies : [];
+    let gares: any[] = [];
+    if (typeof h.gares_desservies === 'string') {
+      try {
+        gares = JSON.parse(h.gares_desservies);
+      } catch (e) {
+        gares = [];
+      }
+    } else if (Array.isArray(h.gares_desservies)) {
+      gares = h.gares_desservies;
+    }
     
     // 2. Recherche dans la balise / tableau "gares_desservies" du nom de la gare affichée
     const stopIndex = gares.findIndex(g => {
@@ -739,8 +797,18 @@ export default function RegionContent({
         const lastStop = gares[gares.length - 1];
         const destination = h.gare_arrivee_nom || lastStop?.gare_nom || "Terminus";
         const departureTime = (stop.heure_depart || '').slice(0, 5);
-        // Quai réel de l'horaire pour cette gare
-        const quaiVal = (stop.quai && String(stop.quai).trim() !== '') ? String(stop.quai).trim() : '-';
+        
+        // Quai réel avec filtrage selon le type de gare (30min pour ville, 12h pour interurbaine)
+        const rawQuaiStr = (stop.quai && String(stop.quai).trim() !== '') ? String(stop.quai).trim() : '-';
+        const currentStationType = garesTypeMap[selectedStationNorm] || (selectedStationNorm.includes('dijon') ? 'ville' : 'interurbaine');
+        const [depH, depM] = departureTime.split(':').map(Number);
+        const depTotalMins = (depH || 0) * 60 + (depM || 0);
+        const nowForQuai = new Date();
+        const refTotalMins = nowForQuai.getHours() * 60 + nowForQuai.getMinutes();
+        const diffMins = depTotalMins - refTotalMins;
+        const thresholdMins = currentStationType === 'interurbaine' ? 720 : 30;
+        const quaiVal = (rawQuaiStr !== '-' && diffMins >= 0 && diffMins <= thresholdMins) ? rawQuaiStr : '-';
+
         const trainType = h.type_train || 'Train TER';
         const trainNum = h.numero_train || '';
 
@@ -783,29 +851,16 @@ export default function RegionContent({
   // Tri chronologique par heure de départ
   stationDepartures.sort((a, b) => a.scheduledTime.localeCompare(b.scheduledTime));
 
-  // Swap departure & arrival
-  const handleSwapStations = () => {
-    const temp = departureStation;
-    setDepartureStation(arrivalStation);
-    setArrivalStation(temp);
-  };
+  // Filter out past departures (where scheduledTime < current time)
+  const nowTimeStr = (() => {
+    const n = new Date();
+    return `${String(n.getHours()).padStart(2, '0')}:${String(n.getMinutes()).padStart(2, '0')}`;
+  })();
+  const filteredStationDepartures = stationDepartures.filter(d => d.scheduledTime >= nowTimeStr);
 
-  // Pre-fill search from destinations
+  // Pre-fill route selection and navigate to search
   const handleSelectRoute = (from: string, to: string) => {
-    setDepartureStation(from);
-    setArrivalStation(to);
-    window.scrollTo({ top: 100, behavior: 'smooth' });
-  };
-
-  // Perform search
-  const handleSearchSubmit = () => {
-    if (!departureStation || !arrivalStation) {
-      setSearchSuccessMessage("Veuillez renseigner la gare de départ et d'arrivée.");
-      setTimeout(() => setSearchSuccessMessage(""), 4000);
-      return;
-    }
-    setSearchSuccessMessage(`Recherche lancée pour : ${departureStation} ➔ ${arrivalStation} le ${outwardDate}`);
-    setTimeout(() => setSearchSuccessMessage(""), 5000);
+    router.push(`/${regionSlug}/horaires`);
   };
 
   // Add ticket to cart
@@ -814,7 +869,7 @@ export default function RegionContent({
       id: Date.now(),
       title: `${selectedStation} ➔ ${dep.destName} (${dep.scheduledTime})`,
       price: dep.price,
-      date: outwardDate
+      date: new Date().toLocaleDateString('fr-FR')
     };
     setCartItems(prev => [...prev, newItem]);
     setShowCartDrawer(true);
@@ -832,180 +887,50 @@ export default function RegionContent({
     <div className="bg-white min-h-screen text-[#232323] font-sans antialiased text-[13px]">
       
       {/* ================================================================== */}
-      {/* 1. HEADER (RESPONSIVE MOBILE / TABLETTE / DESKTOP)                 */}
+      {/* 1. STICKY UNIFIED SITE HEADER COMPONENT (IMAGE 1 & 2)              */}
       {/* ================================================================== */}
-      <header className="bg-white border-b border-gray-200 sticky top-0 z-30 shadow-xs">
-        <div className="max-w-[1340px] mx-auto px-3 sm:px-6 py-2.5 sm:py-3 flex justify-between items-center">
-          
-          {/* Left: Burger Menu (Mobile only) + SNCF VOYAGEURS Logo + Regional Brand Logo */}
-          <div className="flex items-center gap-2 sm:gap-3.5">
-            {/* Burger Menu Button for Mobile & Tablet */}
-            <button 
-              type="button"
-              onClick={() => setIsMobileMenuOpen(true)}
-              className="lg:hidden text-[#0066a4] p-1.5 -ml-1 rounded-md hover:bg-gray-100 transition-colors cursor-pointer flex items-center justify-center"
-              aria-label="Ouvrir le menu"
-            >
-              <svg className="w-7 h-7 text-[#0066a4]" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2.2} strokeLinecap="round" strokeLinejoin="round">
-                <path d="M4 6h16M4 12h16M4 18h16" />
-              </svg>
-            </button>
+      <SiteHeader
+        regionSlug={regionSlug}
+        logoUrl={regionData?.logo_header_url || config.heroImage}
+        brandPrimary={config.brandPrimary}
+        brandSecondary={config.brandSecondary}
+        menuStructure={menuStructure || initialMenuStructure}
+        activeTab={activeTab}
+        onTabSelect={setActiveTab}
+      />
 
-            {/* SNCF Voyageurs Logo */}
-            <div className="flex flex-col items-center cursor-pointer" onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}>
-
-
-            </div>
-
-
-            {/* Regional Brand Logo (Database logo_header_url or Fallback) */}
-            {regionData?.logo_header_url ? (
-              <div className="flex items-center">
-                <img 
-                  src={regionData.logo_header_url} 
-                  alt={regionDisplayName} 
-                  className="h-9 sm:h-12 max-w-[180px] sm:max-w-[240px] object-contain"
-                />
-              </div>
-            ) : regionSlug === "provence-alpes-cote-azur" || regionSlug === "sud-provence-alpes-cote-d-azur" ? (
-              <div className="flex items-baseline">
-                <span className="text-[19px] sm:text-[24px] font-light text-[#0066a4] tracking-tight">TER</span>
-                <span className="text-[21px] sm:text-[26px] font-black text-[#0066a4] ml-1 sm:ml-1.5 tracking-tighter">Z</span>
-                <span className="text-[21px] sm:text-[26px] font-black text-[#f59e0b] tracking-tighter">OU</span>
-                <span className="text-[21px] sm:text-[26px] font-black text-[#0066a4] tracking-tighter">!</span>
-              </div>
-            ) : regionSlug === "bourgogne-franche-comte" ? (
-              <div className="flex flex-col">
-                <div className="flex items-baseline leading-none">
-                  <span className="text-[20px] sm:text-[26px] font-black tracking-tight text-[#00743f]">
-                    mobi<span className="text-[#a0c800]">go</span>
-                  </span>
-                  <span className="w-2 sm:w-2.5 h-2 sm:h-2.5 rounded-full ml-0.5 sm:ml-1 self-start mt-0.5 bg-[#f39200]"></span>
-                </div>
-                <span className="text-[6px] sm:text-[7.5px] uppercase font-bold tracking-wider leading-none mt-0.5 text-[#f39200]">
-                  {config.tagline}
-                </span>
-              </div>
-            ) : regionSlug === "bretagne" ? (
-              <div className="flex items-baseline">
-                <span className="text-[19px] sm:text-[25px] font-black tracking-tight text-[#00838f]">Breizh</span>
-                <span className="text-[19px] sm:text-[25px] font-black tracking-tight text-gray-900 ml-0.5 sm:ml-1">Go</span>
-              </div>
-            ) : regionSlug === "centre-val-de-loire" ? (
-              <div className="flex items-baseline">
-                <span className="text-[20px] sm:text-[26px] font-black tracking-tight text-[#e2001a]">Ré</span>
-                <span className="text-[20px] sm:text-[26px] font-light tracking-tight text-[#e2001a]">mi</span>
-              </div>
-            ) : regionSlug === "occitanie" ? (
-              <div className="flex items-baseline">
-                <span className="text-[20px] sm:text-[26px] font-black tracking-tight text-[#e30613]">liO</span>
-                <span className="text-[16px] sm:text-[20px] font-normal tracking-tight text-gray-800 ml-1 sm:ml-1.5">Train</span>
-              </div>
+      {/* ================================================================== */}
+      {/* 2. BANDEAU JAUNE ÉVÉNEMENT (CONFORME MAQUETTE IMAGE 1)             */}
+      {/* ================================================================== */}
+      {evenementsItems.length > 0 && (
+        <div className="w-full bg-[#ffd93b] text-[#111111] py-2 px-4 sm:px-6 border-b border-[#f0ca2b] shadow-2xs">
+          <div className="max-w-[1340px] mx-auto flex items-center justify-center gap-2 text-[12.5px] sm:text-[13.5px] font-normal text-center flex-wrap">
+            <span className="material-icons text-[18px] text-[#111111]">campaign</span>
+            <span>
+              {evenementsItems[0].titre?.toLowerCase().includes('patrimoine')
+                ? "Journées du patrimoine : allez-y en train, bus et car avec le pass 6€ !"
+                : `${evenementsItems[0].titre}${evenementsItems[0].description ? ` : ${evenementsItems[0].description}` : ''}`}
+            </span>
+            {evenementsItems[0].lien_externe ? (
+              <a 
+                href={evenementsItems[0].lien_externe} 
+                target="_blank" 
+                rel="noopener noreferrer" 
+                className="font-medium underline hover:opacity-80 ml-1 inline-flex items-center gap-0.5"
+              >
+                Billets en vente ici en nombre limité ›
+              </a>
             ) : (
-              <div className="flex items-baseline">
-                <span className="text-[18px] sm:text-[23px] font-light tracking-tight" style={{ color: 'var(--region-primary, #0066a4)' }}>
-                  {config.brandPrimary}
-                </span>
-                <span className="text-[19px] sm:text-[24px] font-bold ml-1 sm:ml-1.5 tracking-tight" style={{ color: 'var(--region-primary, #0066a4)' }}>
-                  {config.brandSecondary}
-                </span>
-              </div>
+              <Link 
+                href={regionSlug ? `/${regionSlug}/offers` : '/offers'} 
+                className="font-medium underline hover:opacity-80 ml-1 inline-flex items-center gap-0.5"
+              >
+                Billets en vente ici en nombre limité ›
+              </Link>
             )}
           </div>
-
-          {/* Right: Actions */}
-          <div className="flex items-center text-[11px] font-medium text-gray-700">
-            {/* Desktop only: Commande */}
-            <button 
-              type="button"
-              onClick={() => setShowOrderModal(true)}
-              className="hidden md:flex flex-col items-center px-4 group cursor-pointer hover:opacity-80 transition-opacity"
-            >
-              <span 
-                className="material-icons text-[22px] mb-0.5"
-                style={{ color: 'var(--region-primary, #0066a4)' }}
-              >
-                confirmation_number
-              </span>
-              <span>Commande</span>
-            </button>
-
-            <div className="hidden md:block w-[1px] h-7 bg-gray-200"></div>
-
-            {/* Panier (Mobile & Desktop) */}
-            <button 
-              type="button"
-              onClick={() => setShowCartDrawer(true)}
-              className="flex flex-col items-center px-2.5 sm:px-4 group cursor-pointer hover:opacity-80 transition-opacity relative"
-            >
-              <span 
-                className="material-icons text-[22px] sm:text-[24px]"
-                style={{ color: 'var(--region-primary, #0066a4)' }}
-              >
-                shopping_basket
-              </span>
-              <span className="hidden md:inline mt-0.5">Panier</span>
-              {cartItems.length > 0 && (
-                <span 
-                  className="absolute top-0 right-1 sm:right-3 text-white text-[9px] sm:text-[9.5px] font-bold w-4 h-4 rounded-full flex items-center justify-center animate-pulse"
-                  style={{ backgroundColor: 'var(--region-primary, #0066a4)' }}
-                >
-                  {cartItems.length}
-                </span>
-              )}
-            </button>
-
-            <div className="w-[1px] h-6 sm:h-7 bg-gray-200"></div>
-
-            {/* Compte (Mobile & Desktop) */}
-            <button 
-              type="button"
-              onClick={() => setShowAccountModal(true)}
-              className="flex flex-col items-center px-2.5 sm:px-4 group cursor-pointer hover:opacity-80 transition-opacity"
-            >
-              <span 
-                className="material-icons text-[22px] sm:text-[24px]"
-                style={{ color: 'var(--region-primary, #0066a4)' }}
-              >
-                person
-              </span>
-              <span className="hidden md:inline mt-0.5">Compte</span>
-            </button>
-          </div>
         </div>
-      </header>
-
-      {/* ================================================================== */}
-      {/* 2. NAVIGATION BAR (DESKTOP & GRANDES TABLETTES)                     */}
-      {/* ================================================================== */}
-      <nav className="hidden lg:block border-b border-gray-200 bg-white shadow-xs">
-        <div className="max-w-[1340px] mx-auto px-6 flex gap-7 text-[12.5px] font-medium text-gray-700 overflow-x-auto scrollbar-hide">
-          {[
-            "Se déplacer", 
-            "Abonnements", 
-            "Tarifs et cartes de réduction", 
-            "Services et contacts", 
-            "Découvrir la région",
-            ...(config.navExtraLinks || ["ZOU ! sur la Côte d'Azur", "ZOU! sur Provence-Alpes", "ZOU! sur Marseille-Nice"])
-          ].map((tab) => (
-            <button
-              key={tab}
-              onClick={() => setActiveTab(tab)}
-              className={`py-3 transition-colors cursor-pointer border-b-[2.5px] whitespace-nowrap ${
-                activeTab === tab
-                  ? "font-semibold"
-                  : "border-transparent text-gray-700 hover:text-gray-900"
-              }`}
-              style={activeTab === tab ? {
-                borderColor: 'var(--region-primary, #0066a4)',
-                color: 'var(--region-primary, #0066a4)'
-              } : undefined}
-            >
-              {tab}
-            </button>
-          ))}
-        </div>
-      </nav>
+      )}
 
       {/* ================================================================== */}
       {/* 3. HERO & SEARCH BOX (RESPONSIVE CONFORME IMAGE 1)                 */}
@@ -1035,165 +960,11 @@ export default function RegionContent({
         <div className="max-w-[1340px] mx-auto px-4 sm:px-6 py-4 md:py-7 relative z-10 -mt-12 sm:-mt-16 md:mt-0">
           <div className="flex flex-col lg:flex-row gap-4 md:gap-5 items-stretch lg:items-start">
 
-            {/* ─── BLOC DE RECHERCHE D'HORAIRES (SCALE EXACTE IMAGE 1) ─── */}
-            <div className="bg-white rounded-2xl shadow-xl w-full lg:w-[410px] p-4 sm:p-5 border border-gray-100/60">
-
-              {/* 1. Gare de départ */}
-              <div className="bg-[#f2f2f3] rounded-lg px-3.5 py-3 mb-2.5 flex items-center justify-between hover:bg-[#eaeaea] transition-colors">
-                <div className="flex items-center gap-3 flex-1">
-                  <span 
-                    className="material-icons text-[21px] flex-shrink-0"
-                    style={{ color: 'var(--region-primary, #0066a4)' }}
-                  >
-                    place
-                  </span>
-                  <input
-                    type="text"
-                    value={departureStation}
-                    onChange={(e) => setDepartureStation(e.target.value)}
-                    placeholder="Gare de départ"
-                    className="w-full bg-transparent text-[14px] text-gray-800 placeholder-gray-500 outline-none font-normal"
-                  />
-                </div>
-                <button 
-                  type="button"
-                  onClick={handleSwapStations}
-                  className="hover:opacity-80 transition-transform active:rotate-180 duration-200 pl-1.5 cursor-pointer" 
-                  title="Inverser les gares"
-                  style={{ color: 'var(--region-primary, #0066a4)' }}
-                >
-                  <span className="material-icons text-[20px]">swap_vert</span>
-                </button>
-              </div>
-
-              {/* 2. Gare d'arrivée */}
-              <div className="bg-[#f2f2f3] rounded-lg px-3.5 py-3 mb-1.5 flex items-center gap-3 hover:bg-[#eaeaea] transition-colors">
-                <span 
-                  className="material-icons text-[21px] flex-shrink-0"
-                  style={{ color: 'var(--region-primary, #0066a4)' }}
-                >
-                  place
-                </span>
-                <input
-                  type="text"
-                  value={arrivalStation}
-                  onChange={(e) => setArrivalStation(e.target.value)}
-                  placeholder="Gare d'arrivée"
-                  className="w-full bg-transparent text-[14px] text-gray-800 placeholder-gray-500 outline-none font-normal"
-                />
-              </div>
-
-              {/* + Via */}
-              <div className="text-right pb-1">
-                <button 
-                  type="button"
-                  onClick={() => setShowVia(!showVia)}
-                  className="text-[12px] font-medium cursor-pointer hover:underline"
-                  style={{ color: 'var(--region-primary, #0066a4)' }}
-                >
-                  {showVia ? "- Supprimer Via" : "+ Via"}
-                </button>
-              </div>
-
-              {showVia && (
-                <div className="bg-[#f2f2f3] rounded-lg px-3.5 py-2 mb-2.5 flex items-center gap-2.5 animate-fadeIn">
-                  <span className="material-icons text-[18px] text-gray-500">alt_route</span>
-                  <input
-                    type="text"
-                    value={viaStation}
-                    onChange={(e) => setViaStation(e.target.value)}
-                    placeholder="Gare de passage (Via)"
-                    className="w-full bg-transparent text-[13.5px] text-gray-800 placeholder-gray-500 outline-none"
-                  />
-                </div>
-              )}
-
-              {/* 3. Aller */}
-              <div className="bg-[#f2f2f3] rounded-lg px-3.5 py-2 mb-2.5 flex items-center justify-between hover:bg-[#eaeaea] transition-colors">
-                <div className="flex items-center gap-3 flex-1">
-                  <span 
-                    className="material-icons text-[20px] flex-shrink-0"
-                    style={{ color: 'var(--region-primary, #0066a4)' }}
-                  >
-                    calendar_today
-                  </span>
-                  <div className="flex flex-col">
-                    <span className="text-[10px] text-gray-500 font-bold uppercase tracking-wider leading-none">Aller</span>
-                    <input 
-                      type="text" 
-                      value={outwardDate} 
-                      onChange={(e) => setOutwardDate(e.target.value)} 
-                      className="bg-transparent text-[13.5px] font-semibold text-gray-900 leading-tight outline-none w-28"
-                    />
-                  </div>
-                </div>
-                <div className="w-[1px] h-6 bg-gray-300 mx-3"></div>
-                <input 
-                  type="text" 
-                  value={outwardTime} 
-                  onChange={(e) => setOutwardTime(e.target.value)} 
-                  className="w-14 bg-transparent text-left font-normal text-[14px] text-gray-900 outline-none"
-                />
-              </div>
-
-              {/* 4. Retour */}
-              <div 
-                onClick={() => setHasReturn(!hasReturn)}
-                className="bg-[#f2f2f3] rounded-lg px-3.5 py-2.5 mb-2.5 flex items-center justify-between hover:bg-[#eaeaea] transition-colors cursor-pointer"
-              >
-                <div className="flex items-center gap-3 flex-1">
-                  <span 
-                    className="material-icons text-[20px] flex-shrink-0"
-                    style={{ color: hasReturn ? 'var(--region-primary, #0066a4)' : '#888' }}
-                  >
-                    calendar_today
-                  </span>
-                  <span className={`text-[13.5px] ${hasReturn ? 'text-gray-900 font-semibold' : 'text-gray-600 font-normal'}`}>
-                    {hasReturn ? returnDate : "Retour (optionnel)"}
-                  </span>
-                </div>
-                <div className="w-[1px] h-6 bg-gray-300 mx-3"></div>
-                <div className="w-14 text-left font-normal text-[13.5px] text-gray-400">
-                  {hasReturn ? returnTime : "--:--"}
-                </div>
-              </div>
-
-              {/* 5. Voyageurs */}
-              <div 
-                onClick={() => setShowPassengerModal(true)}
-                className="bg-[#f2f2f3] rounded-lg px-3.5 py-2.5 mb-4 sm:mb-5 flex items-center justify-between hover:bg-[#eaeaea] transition-colors cursor-pointer"
-              >
-                <div className="flex items-center gap-3 flex-1">
-                  <span 
-                    className="material-icons text-[21px] flex-shrink-0"
-                    style={{ color: 'var(--region-primary, #0066a4)' }}
-                  >
-                    account_circle
-                  </span>
-                  <span className="text-[13.5px] text-gray-800 font-normal">
-                    {passengerCount} Voyageur{passengerCount > 1 ? 's' : ''}, {selectedDiscountCard}
-                  </span>
-                </div>
-                <span 
-                  className="material-icons text-[20px]"
-                  style={{ color: 'var(--region-primary, #0066a4)' }}
-                >
-                  add
-                </span>
-              </div>
-
-              {/* 6. Rechercher Button (Full width on mobile, right on desktop) */}
-              <div className="flex justify-end pt-1">
-                <button 
-                  type="button" 
-                  onClick={handleSearchSubmit}
-                  className="w-full sm:w-auto text-white font-semibold px-8 py-3 sm:py-2.5 rounded-lg text-[15px] sm:text-[14px] shadow-sm transition-transform active:scale-98 hover:opacity-90 cursor-pointer text-center"
-                  style={{ backgroundColor: 'var(--region-primary, #0066a4)' }}
-                >
-                  Rechercher
-                </button>
-              </div>
-            </div>
+            {/* ─── REUSABLE TIMETABLE SEARCH FORM MODULE (IMAGE 1) ─── */}
+            <TimetableSearchForm 
+              className="w-full lg:w-[410px]" 
+              onSearch={(params) => setSearchSuccessMessage(`Recherche d'horaire lancée de "${params.departure || 'Gare'}" à "${params.arrival || 'Gare'}" pour le ${params.outwardDate}`)} 
+            />
 
             {/* ─── SIDE COLUMN (INFO TRAFIC + S'ABONNER) ─── */}
             <div className="w-full lg:w-[280px] flex flex-col gap-4">
@@ -1486,7 +1257,7 @@ export default function RegionContent({
                                 id: Date.now(),
                                 title: `Billet ${selectedStation} → ${dep.destName}`,
                                 price: 12.00,
-                                date: outwardDate
+                                date: new Date().toLocaleDateString('fr-FR')
                               }]);
                               setShowCartDrawer(true);
                             }}
@@ -1690,6 +1461,53 @@ export default function RegionContent({
         </div>
       </section>
 
+      {/* ================================================================== */}
+      {/* 5.5 ÉVÉNEMENTS RÉGIONAUX (BDD SUPABASE)                              */}
+      {/* ================================================================== */}
+      {evenementsItems.length > 0 && (
+        <section className="bg-gray-50 py-8 border-t border-gray-100">
+          <div className="max-w-[1340px] mx-auto px-6">
+            <h3 className="text-[20px] font-light text-gray-800 mb-5">
+              Événements en {regionDisplayName}
+            </h3>
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+              {evenementsItems.map((ev, idx) => (
+                <div key={ev.id || idx} className="bg-white rounded-xl p-5 border border-gray-200 shadow-xs flex flex-col justify-between">
+                  <div>
+                    {ev.image_url && (
+                      <div className="w-full h-36 rounded-lg overflow-hidden mb-3">
+                        <img src={ev.image_url} alt={ev.titre} className="w-full h-full object-cover" />
+                      </div>
+                    )}
+                    <h4 className="text-base font-semibold text-gray-900 mb-1">{ev.titre}</h4>
+                    {ev.date_debut && (
+                      <p className="text-xs text-[#0066a4] font-medium mb-2">
+                        Du {new Date(ev.date_debut).toLocaleDateString('fr-FR')} {ev.date_fin ? `au ${new Date(ev.date_fin).toLocaleDateString('fr-FR')}` : ''}
+                      </p>
+                    )}
+                    {ev.description && (
+                      <div className="text-xs text-gray-600 line-clamp-3 mb-3">
+                        <RichText content={ev.description} />
+                      </div>
+                    )}
+                  </div>
+                  {ev.lien_externe && (
+                    <a
+                      href={ev.lien_externe}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="inline-block text-center bg-gray-100 text-gray-800 text-xs font-semibold py-2 px-4 rounded-lg hover:bg-gray-200 transition-colors"
+                    >
+                      En savoir plus ↗
+                    </a>
+                  )}
+                </div>
+              ))}
+            </div>
+          </div>
+        </section>
+      )}
+
       {/* ================================================================== */}
       {/* 6. DESTINATIONS PLÉBISCITÉES                                       */}
       {/* ================================================================== */}
@@ -1837,60 +1655,6 @@ export default function RegionContent({
       {/* 8. MODALES & TIROIRS                                               */}
       {/* ================================================================== */}
 
-      {/* MODAL PASSAGERS */}
-      {showPassengerModal && (
-        <div className="fixed inset-0 z-50 bg-black/50 backdrop-blur-xs flex items-center justify-center p-4 animate-fadeIn">
-          <div className="bg-white rounded-xl shadow-2xl max-w-sm w-full p-5 relative">
-            <h3 className="text-[17px] font-bold text-gray-900 mb-3">Voyageurs et Cartes</h3>
-            
-            <div className="mb-4">
-              <label className="block text-xs font-semibold text-gray-700 mb-1.5">Nombre de voyageurs</label>
-              <div className="flex items-center gap-3">
-                <button 
-                  onClick={() => setPassengerCount(prev => Math.max(1, prev - 1))}
-                  className="w-8 h-8 rounded bg-gray-100 font-bold text-base hover:bg-gray-200 transition-colors cursor-pointer"
-                >
-                  -
-                </button>
-                <span className="text-base font-bold text-gray-900 w-6 text-center">{passengerCount}</span>
-                <button 
-                  onClick={() => setPassengerCount(prev => Math.min(9, prev + 1))}
-                  className="w-8 h-8 rounded bg-gray-100 font-bold text-base hover:bg-gray-200 transition-colors cursor-pointer"
-                >
-                  +
-                </button>
-              </div>
-            </div>
-
-            <div className="mb-5">
-              <label className="block text-xs font-semibold text-gray-700 mb-1.5">Carte de réduction / Abonnement</label>
-              <select
-                value={selectedDiscountCard}
-                onChange={(e) => setSelectedDiscountCard(e.target.value)}
-                className="w-full bg-[#f4f5f6] border border-gray-200 rounded p-2 text-xs text-gray-800 outline-none"
-              >
-                <option value="Sans carte">Sans carte</option>
-                <option value="Carte Avantage Jeune">Carte Avantage Jeune (-30%)</option>
-                <option value="Carte Avantage Adulte">Carte Avantage Adulte (-30%)</option>
-                <option value="Carte Avantage Senior">Carte Avantage Senior (-30%)</option>
-                <option value="Pass ZOU !">Pass ZOU !</option>
-                <option value="Tarif Solidaire">Tarif Solidaire (-75%)</option>
-              </select>
-            </div>
-
-            <div className="flex justify-end">
-              <button 
-                onClick={() => setShowPassengerModal(false)}
-                className="text-white font-semibold px-5 py-2 rounded-lg text-xs shadow-xs cursor-pointer"
-                style={{ backgroundColor: 'var(--region-primary, #0066a4)' }}
-              >
-                Valider
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-
       {/* DRAWER PANIER */}
       {showCartDrawer && (
         <div className="fixed inset-0 z-50 bg-black/40 backdrop-blur-xs flex justify-end animate-fadeIn">
diff --git a/src/components/SiteHeader.tsx b/src/components/SiteHeader.tsx
new file mode 100644
index 0000000..dd7c41b
--- /dev/null
+++ b/src/components/SiteHeader.tsx
@@ -0,0 +1,297 @@
+"use client";
+
+import React, { useState } from 'react';
+import Link from 'next/link';
+import HeaderMenu, { MenuItem } from '@/components/HeaderMenu';
+import { getRegionTheme } from '@/lib/regionTheme';
+
+interface SiteHeaderProps {
+  regionSlug?: string;
+  logoUrl?: string;
+  brandPrimary?: string;
+  brandSecondary?: string;
+  menuStructure?: MenuItem[] | null;
+  activeTab?: string;
+  onTabSelect?: (label: string) => void;
+}
+
+const REGION_LOGOS: Record<string, string> = {
+  'bourgogne-franche-comte': 'https://www.ter.sncf.com/assets/medias/bfc/headerLogo.svg',
+  'occitanie': 'https://www.ter.sncf.com/assets/medias/occitanie/headerLogo.svg',
+  'provence-alpes-cote-azur': 'https://www.ter.sncf.com/assets/medias/paca/headerLogo.svg',
+  'sud-provence-alpes-cote-d-azur': 'https://www.ter.sncf.com/assets/medias/paca/headerLogo.svg',
+  'bretagne': 'https://www.ter.sncf.com/assets/medias/bretagne/headerLogo.svg',
+  'grand-est': 'https://www.ter.sncf.com/assets/medias/ge/headerLogo.svg',
+  'normandie': 'https://www.ter.sncf.com/assets/medias/normandie/headerLogo.svg',
+  'hauts-de-france': 'https://www.ter.sncf.com/assets/medias/hdf/headerLogo.svg',
+  'pays-de-la-loire': 'https://www.ter.sncf.com/assets/medias/aleop/headerLogo.svg',
+  'nouvelle-aquitaine': 'https://www.ter.sncf.com/assets/medias/na/headerLogo.svg',
+  'centre-val-de-loire': 'https://www.ter.sncf.com/assets/medias/cen/headerLogo.svg',
+  'auvergne-rhone-alpes': 'https://www.ter.sncf.com/assets/medias/aura/headerLogo.svg',
+};
+
+export default function SiteHeader({
+  regionSlug = 'bourgogne-franche-comte',
+  logoUrl,
+  brandPrimary,
+  brandSecondary,
+  menuStructure,
+  activeTab,
+  onTabSelect,
+}: SiteHeaderProps) {
+  const theme = getRegionTheme(regionSlug);
+  const [showOrderModal, setShowOrderModal] = useState(false);
+  const [showCartDrawer, setShowCartDrawer] = useState(false);
+  const [showAccountModal, setShowAccountModal] = useState(false);
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+
+  const effectiveLogoUrl = logoUrl || REGION_LOGOS[regionSlug] || REGION_LOGOS['bourgogne-franche-comte'];
+
+  return (
+    <header className="sticky top-0 z-50 bg-white shadow-xs border-b border-gray-100">
+      {/* ─── TOP BRANDING & ACTIONS BAR (CONFORME IMG 2) ─── */}
+      <div className="max-w-[1340px] mx-auto px-3 sm:px-6 py-2 sm:py-2.5 flex items-center justify-between">
+        
+        {/* Left: Mobile Hamburger Icon (Img 2) & Logos */}
+        <div className="flex items-center gap-2 sm:gap-4">
+          <button
+            type="button"
+            onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
+            className="lg:hidden p-1 hover:bg-gray-100 rounded-lg cursor-pointer flex items-center justify-center"
+            style={{ color: theme.primary }}
+            aria-label="Menu"
+          >
+            <span className="material-icons text-[26px] font-bold">
+              {mobileMenuOpen ? 'close' : 'menu'}
+            </span>
+          </button>
+
+          <Link 
+            href={regionSlug ? `/${regionSlug}` : '/'} 
+            className="flex items-center gap-3 sm:gap-4 hover:opacity-90 transition-opacity"
+          >
+            {effectiveLogoUrl ? (
+              <img 
+                src={effectiveLogoUrl} 
+                alt="Logo TER Région" 
+                className="h-8 sm:h-10 md:h-11 object-contain max-w-[200px] sm:max-w-none"
+              />
+            ) : (
+              <div className="flex items-center">
+                <span className="text-[20px] sm:text-[24px] font-black text-[#c00] tracking-tighter">
+                  SNCF
+                </span>
+                <span className="text-[14px] sm:text-[16px] font-bold text-gray-800 ml-2">
+                  TER
+                </span>
+              </div>
+            )}
+
+            {(brandPrimary || brandSecondary) && (
+              <div className="hidden sm:flex flex-col border-l border-gray-200 pl-3">
+                <span className="text-[11px] font-semibold text-gray-500 uppercase tracking-wider leading-none">
+                  {brandPrimary || "RÉGION"}
+                </span>
+                <span className="text-[13px] font-bold leading-tight" style={{ color: theme.primary }}>
+                  {brandSecondary || "BOURGOGNE-FRANCHE-COMTÉ"}
+                </span>
+              </div>
+            )}
+          </Link>
+        </div>
+
+        {/* Right: Actions (Commande, Panier, Compte - Img 2) */}
+        <div className="flex items-center text-[11px] font-medium text-gray-700">
+          
+          {/* Commande */}
+          <button 
+            type="button"
+            onClick={() => setShowOrderModal(true)}
+            className="hidden md:flex flex-col items-center px-4 group cursor-pointer hover:opacity-80 transition-opacity"
+          >
+            <span className="material-icons text-[20px] mb-0.5" style={{ color: theme.primary }}>
+              edit_note
+            </span>
+            <span>Commande</span>
+          </button>
+
+          <div className="hidden md:block w-[1px] h-7 bg-gray-200"></div>
+
+          {/* Panier */}
+          <button 
+            type="button"
+            onClick={() => setShowCartDrawer(true)}
+            className="flex flex-col items-center px-2 sm:px-4 group cursor-pointer hover:opacity-80 transition-opacity relative"
+          >
+            <span className="material-icons text-[22px] sm:text-[22px]" style={{ color: theme.primary }}>
+              shopping_bag
+            </span>
+            <span className="hidden md:inline mt-0.5">Panier</span>
+          </button>
+
+          <div className="w-[1px] h-6 sm:h-7 bg-gray-200"></div>
+
+          {/* Compte */}
+          <button 
+            type="button"
+            onClick={() => setShowAccountModal(true)}
+            className="flex flex-col items-center px-2 sm:px-4 group cursor-pointer hover:opacity-80 transition-opacity"
+          >
+            <span className="material-icons text-[22px] sm:text-[22px]" style={{ color: theme.primary }}>
+              person
+            </span>
+            <span className="hidden md:inline mt-0.5">Compte</span>
+          </button>
+        </div>
+      </div>
+
+      {/* ─── DYNAMIC HEADER MENU (ATTACHED TO HEADER & STICKY) ─── */}
+      <HeaderMenu
+        menuStructure={menuStructure}
+        regionSlug={regionSlug}
+        activeTab={activeTab}
+        onTabSelect={onTabSelect}
+        mobileMenuOpen={mobileMenuOpen}
+        onMobileMenuToggle={setMobileMenuOpen}
+      />
+
+      {/* MODALE COMMANDE */}
+      {showOrderModal && (
+        <div 
+          className="fixed inset-0 z-50 bg-black/50 flex items-center justify-center p-4 animate-fadeIn"
+          onClick={() => setShowOrderModal(false)}
+        >
+          <div 
+            className="bg-white rounded-2xl shadow-2xl max-w-md w-full p-6 space-y-4 animate-scaleUp"
+            onClick={(e) => e.stopPropagation()}
+          >
+            <div className="flex justify-between items-center border-b pb-3">
+              <h3 className="text-lg font-bold text-gray-900">Suivi & Gestion de Commande</h3>
+              <button 
+                type="button"
+                onClick={() => setShowOrderModal(false)}
+                className="text-gray-400 hover:text-black font-bold text-xl cursor-pointer"
+              >
+                ✕
+              </button>
+            </div>
+            <p className="text-xs text-gray-600">
+              Saisissez votre numéro de commande pour consulter vos billets et justificatifs de voyage.
+            </p>
+            <input 
+              type="text" 
+              placeholder="Ex: CMD-89472" 
+              className="w-full border border-gray-300 rounded-lg p-3 text-sm outline-none focus:border-[#006837]"
+            />
+            <div className="flex justify-end gap-2 pt-2">
+              <button 
+                type="button"
+                onClick={() => setShowOrderModal(false)}
+                className="px-4 py-2 text-xs font-semibold text-gray-600 hover:bg-gray-100 rounded-lg cursor-pointer"
+              >
+                Fermer
+              </button>
+              <button 
+                type="button"
+                onClick={() => {
+                  alert("Commande recherchée.");
+                  setShowOrderModal(false);
+                }}
+                className="px-5 py-2 text-xs font-semibold text-white bg-[#006837] hover:bg-[#00522b] rounded-lg cursor-pointer shadow-xs"
+              >
+                Rechercher
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* DRAWER PANIER */}
+      {showCartDrawer && (
+        <div 
+          className="fixed inset-0 z-50 bg-black/50 flex justify-end animate-fadeIn"
+          onClick={() => setShowCartDrawer(false)}
+        >
+          <div 
+            className="bg-white w-full max-w-sm h-full shadow-2xl p-6 flex flex-col justify-between animate-slideLeft"
+            onClick={(e) => e.stopPropagation()}
+          >
+            <div>
+              <div className="flex justify-between items-center border-b pb-4 mb-4">
+                <div className="flex items-center gap-2">
+                  <span className="material-icons text-[#006837]">shopping_bag</span>
+                  <h3 className="text-base font-bold text-gray-900">Votre Panier</h3>
+                </div>
+                <button 
+                  type="button"
+                  onClick={() => setShowCartDrawer(false)}
+                  className="text-gray-400 hover:text-black font-bold text-xl cursor-pointer"
+                >
+                  ✕
+                </button>
+              </div>
+              <div className="py-8 text-center text-gray-500 text-xs">
+                <span className="material-icons text-4xl text-gray-300 block mb-2">remove_shopping_cart</span>
+                Votre panier est vide pour le moment.
+              </div>
+            </div>
+            <button 
+              type="button"
+              onClick={() => setShowCartDrawer(false)}
+              className="w-full bg-[#006837] text-white py-3 rounded-lg text-xs font-bold hover:bg-[#00522b] cursor-pointer"
+            >
+              Poursuivre la navigation
+            </button>
+          </div>
+        </div>
+      )}
+
+      {/* MODALE COMPTE */}
+      {showAccountModal && (
+        <div 
+          className="fixed inset-0 z-50 bg-black/50 flex items-center justify-center p-4 animate-fadeIn"
+          onClick={() => setShowAccountModal(false)}
+        >
+          <div 
+            className="bg-white rounded-2xl shadow-2xl max-w-sm w-full p-6 space-y-4 animate-scaleUp"
+            onClick={(e) => e.stopPropagation()}
+          >
+            <div className="flex justify-between items-center border-b pb-3">
+              <h3 className="text-lg font-bold text-gray-900">Espace Mon Compte</h3>
+              <button 
+                type="button"
+                onClick={() => setShowAccountModal(false)}
+                className="text-gray-400 hover:text-black font-bold text-xl cursor-pointer"
+              >
+                ✕
+              </button>
+            </div>
+            <div className="space-y-3">
+              <input 
+                type="email" 
+                placeholder="Adresse email" 
+                className="w-full border border-gray-300 rounded-lg p-2.5 text-xs outline-none focus:border-[#006837]"
+              />
+              <input 
+                type="password" 
+                placeholder="Mot de passe" 
+                className="w-full border border-gray-300 rounded-lg p-2.5 text-xs outline-none focus:border-[#006837]"
+              />
+            </div>
+            <button 
+              type="button"
+              onClick={() => {
+                alert("Connexion réussie.");
+                setShowAccountModal(false);
+              }}
+              className="w-full bg-[#006837] text-white py-2.5 rounded-lg text-xs font-bold hover:bg-[#00522b] cursor-pointer"
+            >
+              Se connecter
+            </button>
+          </div>
+        </div>
+      )}
+
+    </header>
+  );
+}
diff --git a/src/components/TimetableSearchForm.tsx b/src/components/TimetableSearchForm.tsx
new file mode 100644
index 0000000..4479a97
--- /dev/null
+++ b/src/components/TimetableSearchForm.tsx
@@ -0,0 +1,810 @@
+"use client";
+
+import React, { useState, useEffect, useRef } from 'react';
+import { useRouter, usePathname } from 'next/navigation';
+import { supabase } from '@/lib/supabase';
+
+type ActiveField = 'departure' | 'arrival' | 'via' | 'outwardDate' | 'outwardTime' | 'returnDate' | 'returnTime' | 'passenger' | null;
+
+export interface PassengerInfo {
+  id: number;
+  age: string;
+  discountCard: string;
+}
+
+interface TimetableSearchFormProps {
+  initialDeparture?: string;
+  initialArrival?: string;
+  regionSlug?: string;
+  onSearch?: (searchParams: {
+    departure: string;
+    arrival: string;
+    via: string;
+    outwardDate: string;
+    outwardTime: string;
+    hasReturn: boolean;
+    returnDate: string;
+    returnTime: string;
+    passengerCount: number;
+    discountCard: string;
+  }) => void;
+  className?: string;
+}
+
+const DEFAULT_STATIONS = [
+  'Dijon',
+  'Dijon (Toutes Gares)',
+  'Dijon Porte Neuve',
+  'Neuilly-lès-Dijon',
+  'Aiserey',
+  'Bourg-en-Bresse',
+  'Brazey-en-Plaine',
+  'Chaugey',
+  'Longecourt',
+  'Louhans',
+  'Mervans',
+  'Ouges',
+  'Pagny',
+  'Saint-Amour',
+  'Saint-Jean-de-Losne',
+  'Saulon',
+  'Seurre',
+  'Paris Gare de Lyon',
+  'Paris Montparnasse',
+  'Paris Est',
+  'Paris Nord',
+  'Lyon Part-Dieu',
+  'Lyon Perrache',
+  'Marseille Saint-Charles',
+  'Toulouse Matabiau',
+  'Nice Ville',
+  'Rennes',
+  'Nantes',
+  'Bordeaux Saint-Jean',
+  'Strasbourg',
+  'Lille Flandres'
+];
+
+const DISCOUNT_CARDS = [
+  'Carte de réduction (optionnel)',
+  'Sans carte',
+  'Carte Avantage Jeune (12-27 ans)',
+  'Carte Avantage Adulte (27-59 ans)',
+  'Carte Avantage Senior (60+ ans)',
+  'Abonnement Régional Mobigo',
+  'Carte Liberté',
+  'Famille Nombreuse'
+];
+
+const TIME_SLOTS = Array.from({ length: 24 }, (_, i) => `${String(i).padStart(2, '0')}:00`);
+
+export default function TimetableSearchForm({
+  initialDeparture = '',
+  initialArrival = '',
+  regionSlug: propRegionSlug,
+  onSearch,
+  className = '',
+}: TimetableSearchFormProps) {
+  const router = useRouter();
+  const pathname = usePathname();
+  const containerRef = useRef<HTMLDivElement>(null);
+
+  // Determine current region slug from props or URL pathname
+  const currentRegionSlug = propRegionSlug || (() => {
+    if (!pathname) return '';
+    const parts = pathname.split('/').filter(Boolean);
+    const knownNonRegion = ['horaires', 'offers', 'se-deplacer', 'abonnements'];
+    if (parts.length > 0 && !knownNonRegion.includes(parts[0])) {
+      return parts[0];
+    }
+    return '';
+  })();
+
+  // Form states
+  const [departureStation, setDepartureStation] = useState(initialDeparture);
+  const [arrivalStation, setArrivalStation] = useState(initialArrival);
+  const [viaStation, setViaStation] = useState('');
+  const [showVia, setShowVia] = useState(false);
+  const [outwardDate, setOutwardDate] = useState('Dim. 20 sept.');
+  const [outwardTime, setOutwardTime] = useState('16:00');
+  const [hasReturn, setHasReturn] = useState(false);
+  const [returnDate, setReturnDate] = useState('Dim. 20 sept.');
+  const [returnTime, setReturnTime] = useState('--:--');
+
+  // Interactive active field panel state
+  const [activeField, setActiveField] = useState<ActiveField>(null);
+
+  // Station database items
+  const [allStations, setAllStations] = useState<string[]>(DEFAULT_STATIONS);
+
+  // Calendar state for date picker (default September 20, 2026)
+  const [calendarDate, setCalendarDate] = useState<Date>(new Date(2026, 8, 20)); // Month 8 is Sept
+  const [selectedDayNumber, setSelectedDayNumber] = useState<number>(20);
+
+  // Passenger state matching Img 1
+  const [passengers, setPassengers] = useState<PassengerInfo[]>([
+    { id: 1, age: '', discountCard: 'Carte de réduction (optionnel)' }
+  ]);
+
+  // Fetch stations from Supabase
+  useEffect(() => {
+    const fetchGares = async () => {
+      try {
+        const { data } = await supabase.from('gares').select('nom').order('nom');
+        if (data && data.length > 0) {
+          const names = data.map((g: any) => g.nom);
+          const combined = Array.from(new Set([...DEFAULT_STATIONS, ...names]));
+          setAllStations(combined);
+        }
+      } catch (err) {
+        console.error('Error fetching gares:', err);
+      }
+    };
+    fetchGares();
+  }, []);
+
+  // Close side panel on click outside
+  useEffect(() => {
+    const handleClickOutside = (e: MouseEvent) => {
+      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {
+        setActiveField(null);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, []);
+
+  const handleSwapStations = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    const temp = departureStation;
+    setDepartureStation(arrivalStation);
+    setArrivalStation(temp);
+  };
+
+  const handleAddPassenger = () => {
+    setPassengers(prev => [
+      ...prev,
+      { id: prev.length + 1, age: '', discountCard: 'Carte de réduction (optionnel)' }
+    ]);
+  };
+
+  const handleRemovePassenger = (id: number) => {
+    if (passengers.length <= 1) return;
+    setPassengers(prev => prev.filter(p => p.id !== id).map((p, idx) => ({ ...p, id: idx + 1 })));
+  };
+
+  const handleUpdatePassenger = (id: number, key: 'age' | 'discountCard', val: string) => {
+    setPassengers(prev => prev.map(p => p.id === id ? { ...p, [key]: val } : p));
+  };
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    setActiveField(null);
+    
+    const firstPassenger = passengers[0];
+    const discountStr = firstPassenger?.discountCard !== 'Carte de réduction (optionnel)' 
+      ? firstPassenger.discountCard 
+      : 'Sans carte';
+
+    if (onSearch) {
+      onSearch({
+        departure: departureStation || 'Dijon',
+        arrival: arrivalStation || 'Seurre',
+        via: showVia ? viaStation : '',
+        outwardDate,
+        outwardTime,
+        hasReturn,
+        returnDate,
+        returnTime,
+        passengerCount: passengers.length,
+        discountCard: discountStr,
+      });
+    }
+
+    const queryParams = new URLSearchParams({
+      departure: departureStation || 'Dijon',
+      arrival: arrivalStation || 'Seurre',
+      via: showVia ? viaStation : '',
+      outwardDate,
+      outwardTime,
+      hasReturn: hasReturn ? '1' : '0',
+      returnDate: hasReturn ? returnDate : '',
+      returnTime: hasReturn ? returnTime : '',
+      passengers: passengers.length.toString(),
+      passengerAge: firstPassenger?.age || '30',
+      discountCard: discountStr,
+    });
+
+    const targetUrl = currentRegionSlug 
+      ? `/${currentRegionSlug}/offers?${queryParams.toString()}` 
+      : `/offers?${queryParams.toString()}`;
+
+    router.push(targetUrl);
+  };
+
+  // Get matching stations for active text input
+  const getActiveInputValue = () => {
+    if (activeField === 'departure') return departureStation;
+    if (activeField === 'arrival') return arrivalStation;
+    if (activeField === 'via') return viaStation;
+    return '';
+  };
+
+  const currentQuery = getActiveInputValue().trim();
+
+  const filteredStations = allStations.filter(st =>
+    st.toLowerCase().includes(currentQuery.toLowerCase())
+  );
+
+  const handleSelectStation = (stName: string) => {
+    if (activeField === 'departure') setDepartureStation(stName);
+    if (activeField === 'arrival') setArrivalStation(stName);
+    if (activeField === 'via') setViaStation(stName);
+    setActiveField(null);
+  };
+
+  // Calendar calculations
+  const year = calendarDate.getFullYear();
+  const month = calendarDate.getMonth();
+  const monthName = calendarDate.toLocaleDateString('fr-FR', { month: 'long', year: 'numeric' });
+  const daysInMonth = new Date(year, month + 1, 0).getDate();
+  const firstDayOfWeek = (new Date(year, month, 1).getDay() + 6) % 7; // Mon = 0
+
+  const handlePrevMonth = () => {
+    setCalendarDate(new Date(year, month - 1, 1));
+  };
+
+  const handleNextMonth = () => {
+    setCalendarDate(new Date(year, month + 1, 1));
+  };
+
+  const handleSelectDay = (dayNum: number) => {
+    setSelectedDayNumber(dayNum);
+    const d = new Date(year, month, dayNum);
+    const daysShort = ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'];
+    const monthsShort = ['janv.', 'févr.', 'mars', 'avr.', 'mai', 'juin', 'juil.', 'août', 'sept.', 'oct.', 'nov.', 'déc.'];
+    const formatted = `${daysShort[d.getDay()]} ${dayNum} ${monthsShort[d.getMonth()]}`;
+
+    if (activeField === 'outwardDate') {
+      setOutwardDate(formatted);
+    } else if (activeField === 'returnDate') {
+      setReturnDate(formatted);
+      setHasReturn(true);
+    }
+    setActiveField(null);
+  };
+
+  const handleSelectTime = (slot: string) => {
+    if (activeField === 'outwardTime') {
+      setOutwardTime(slot);
+    } else if (activeField === 'returnTime') {
+      setReturnTime(slot);
+      setHasReturn(true);
+    }
+    setActiveField(null);
+  };
+
+  // Pointer position top offset calculation matching the input row centers (Img 2 & Img 1)
+  const getPointerTop = () => {
+    switch (activeField) {
+      case 'departure': return 'top-6';
+      case 'arrival': return 'top-20';
+      case 'via': return 'top-28';
+      case 'outwardDate':
+      case 'outwardTime': return 'top-40';
+      case 'returnDate':
+      case 'returnTime': return 'top-56';
+      case 'passenger': return 'top-[290px]';
+      default: return 'top-6';
+    }
+  };
+
+  return (
+    <div ref={containerRef} className={`flex flex-col lg:flex-row gap-4 lg:gap-5 items-start ${className}`}>
+      
+      {/* ================================================================== */}
+      {/* 1. LEFT SEARCH FORM CARD (CONFORME IMG 1 & 2)                      */}
+      {/* ================================================================== */}
+      <div className="bg-white rounded-2xl shadow-xl p-5 sm:p-6 border border-gray-100/70 w-full lg:w-[410px] flex-shrink-0 relative z-10">
+        <form onSubmit={handleSubmit} className="space-y-3">
+          
+          {/* 1. Gare de départ */}
+          <div 
+            onClick={() => setActiveField('departure')}
+            className={`rounded-xl px-4 py-3 flex items-center justify-between transition-all cursor-pointer ${
+              activeField === 'departure'
+                ? 'bg-[#fff8f8] border-2 border-dashed border-[#c00] shadow-xs'
+                : 'bg-[#f2f3f5] border border-transparent hover:bg-[#eaecef]'
+            }`}
+          >
+            <div className="flex items-center gap-3 flex-1">
+              <span className="material-icons text-[22px] text-[#006837] flex-shrink-0">
+                place
+              </span>
+              <input
+                type="text"
+                value={departureStation}
+                onChange={(e) => {
+                  setDepartureStation(e.target.value);
+                  if (activeField !== 'departure') setActiveField('departure');
+                }}
+                onFocus={() => setActiveField('departure')}
+                placeholder="Gare de départ"
+                className="w-full bg-transparent text-[14px] text-gray-800 placeholder-gray-500 outline-none font-medium"
+              />
+            </div>
+            <button
+              type="button"
+              onClick={handleSwapStations}
+              className="hover:opacity-80 transition-transform active:rotate-180 duration-200 pl-2 cursor-pointer text-[#006837]"
+              title="Inverser les gares"
+            >
+              <span className="material-icons text-[20px]">swap_vert</span>
+            </button>
+          </div>
+
+          {/* 2. Gare d'arrivée */}
+          <div 
+            onClick={() => setActiveField('arrival')}
+            className={`rounded-xl px-4 py-3 flex items-center gap-3 transition-all cursor-pointer ${
+              activeField === 'arrival'
+                ? 'bg-[#fff8f8] border-2 border-dashed border-[#c00] shadow-xs'
+                : 'bg-[#f2f3f5] border border-transparent hover:bg-[#eaecef]'
+            }`}
+          >
+            <span className="material-icons text-[22px] text-[#006837] flex-shrink-0">
+              place
+            </span>
+            <input
+              type="text"
+              value={arrivalStation}
+              onChange={(e) => {
+                setArrivalStation(e.target.value);
+                if (activeField !== 'arrival') setActiveField('arrival');
+              }}
+              onFocus={() => setActiveField('arrival')}
+              placeholder="Gare d'arrivée"
+              className="w-full bg-transparent text-[14px] text-gray-800 placeholder-gray-500 outline-none font-medium"
+            />
+          </div>
+
+          {/* + Via link */}
+          <div className="text-right -mt-1">
+            <button
+              type="button"
+              onClick={() => {
+                setShowVia(!showVia);
+                if (!showVia) setActiveField('via');
+              }}
+              className="text-[12px] font-medium text-[#006837] cursor-pointer hover:underline"
+            >
+              {showVia ? "- Supprimer Via" : "+ Via"}
+            </button>
+          </div>
+
+          {showVia && (
+            <div 
+              onClick={() => setActiveField('via')}
+              className={`rounded-xl px-4 py-2.5 flex items-center gap-2.5 transition-all cursor-pointer ${
+                activeField === 'via'
+                  ? 'bg-[#fff8f8] border-2 border-dashed border-[#c00]'
+                  : 'bg-[#f2f3f5] hover:bg-[#eaecef]'
+              }`}
+            >
+              <span className="material-icons text-[18px] text-gray-500">alt_route</span>
+              <input
+                type="text"
+                value={viaStation}
+                onChange={(e) => setViaStation(e.target.value)}
+                onFocus={() => setActiveField('via')}
+                placeholder="Gare de passage (Via)"
+                className="w-full bg-transparent text-[13.5px] text-gray-800 placeholder-gray-500 outline-none"
+              />
+            </div>
+          )}
+
+          {/* 3. Aller */}
+          <div 
+            className={`rounded-xl px-4 py-2.5 flex items-center justify-between transition-all ${
+              activeField === 'outwardDate' || activeField === 'outwardTime'
+                ? 'bg-[#f7faef] border-2 border-dashed border-[#006837] shadow-xs'
+                : 'bg-[#f2f3f5] border border-transparent hover:bg-[#eaecef]'
+            }`}
+          >
+            <div 
+              onClick={() => setActiveField('outwardDate')}
+              className="flex items-center gap-3 flex-1 cursor-pointer"
+            >
+              <span className="material-icons text-[20px] text-[#006837] flex-shrink-0">
+                event
+              </span>
+              <div className="flex flex-col">
+                <span className="text-[10px] text-gray-500 font-bold uppercase tracking-wider leading-none">Aller</span>
+                <span className="text-[13.5px] font-semibold text-gray-900 leading-tight">
+                  {outwardDate}
+                </span>
+              </div>
+            </div>
+            
+            <div className="w-[1px] h-6 bg-gray-300 mx-3"></div>
+
+            <div 
+              onClick={() => setActiveField('outwardTime')}
+              className="w-14 text-left font-normal text-[14px] text-gray-900 cursor-pointer hover:text-[#006837]"
+            >
+              {outwardTime}
+            </div>
+          </div>
+
+          {/* 4. Retour */}
+          <div 
+            className={`rounded-xl px-4 py-3 flex items-center justify-between transition-all ${
+              activeField === 'returnDate' || activeField === 'returnTime'
+                ? 'bg-[#f7faef] border-2 border-dashed border-[#006837] shadow-xs'
+                : 'bg-[#f2f3f5] border border-transparent hover:bg-[#eaecef]'
+            }`}
+          >
+            <div 
+              onClick={() => {
+                setHasReturn(true);
+                setActiveField('returnDate');
+              }}
+              className="flex items-center gap-3 flex-1 cursor-pointer"
+            >
+              <span className="material-icons text-[20px] text-[#006837] flex-shrink-0">
+                event
+              </span>
+              <span className={`text-[13.5px] ${hasReturn ? 'text-gray-900 font-semibold' : 'text-gray-600 font-normal'}`}>
+                {hasReturn ? returnDate : "Retour (optionnel)"}
+              </span>
+            </div>
+
+            <div className="w-[1px] h-6 bg-gray-300 mx-3"></div>
+
+            <div className="flex items-center gap-2">
+              <div 
+                onClick={() => {
+                  setHasReturn(true);
+                  setActiveField('returnTime');
+                }}
+                className="w-14 text-left font-normal text-[13.5px] text-gray-700 cursor-pointer hover:text-[#006837]"
+              >
+                {hasReturn ? returnTime : "--:--"}
+              </div>
+
+              {hasReturn && (
+                <button
+                  type="button"
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    setHasReturn(false);
+                    setReturnDate('Dim. 20 sept.');
+                    setReturnTime('--:--');
+                    if (activeField === 'returnDate' || activeField === 'returnTime') {
+                      setActiveField(null);
+                    }
+                  }}
+                  className="text-gray-400 hover:text-[#c00] transition-colors p-1 cursor-pointer flex items-center justify-center"
+                  title="Supprimer le retour"
+                >
+                  <span className="material-icons text-[18px]">close</span>
+                </button>
+              )}
+            </div>
+          </div>
+
+          {/* 5. Voyageurs (CONFORME IMG 1) */}
+          <div
+            onClick={() => setActiveField('passenger')}
+            className={`rounded-xl px-4 py-3 flex items-center justify-between transition-all cursor-pointer ${
+              activeField === 'passenger'
+                ? 'bg-[#f7faef] border-2 border-dashed border-[#006837] shadow-xs'
+                : 'bg-[#f2f3f5] border border-transparent hover:bg-[#eaecef]'
+            }`}
+          >
+            <div className="flex items-center gap-3 flex-1">
+              <span className="material-icons text-[21px] text-[#006837] flex-shrink-0">
+                person
+              </span>
+              <span className="text-[13.5px] text-gray-800 font-normal">
+                {passengers.length} Voyageur{passengers.length > 1 ? 's' : ''}
+                {passengers[0]?.age ? `, ${passengers[0].age} ans` : ''}
+                {passengers[0]?.discountCard && passengers[0].discountCard !== 'Carte de réduction (optionnel)' ? `, ${passengers[0].discountCard}` : ', sans carte'}
+              </span>
+            </div>
+            <span className="material-icons text-[20px] text-[#006837]">
+              add
+            </span>
+          </div>
+
+          {/* 6. Action Button */}
+          <div className="flex justify-end pt-2">
+            <button
+              type="submit"
+              className="w-full sm:w-auto text-white font-semibold px-8 py-2.5 rounded-lg text-[14px] shadow-sm transition-transform active:scale-98 hover:bg-[#00522b] cursor-pointer text-center bg-[#006837]"
+            >
+              Rechercher
+            </button>
+          </div>
+
+        </form>
+      </div>
+
+      {/* ================================================================== */}
+      {/* 2. DYNAMIC SIDE PANEL CARD (CONFORME IMG 1, 2, 3, 4, 5)           */}
+      {/* ================================================================== */}
+      {activeField && (
+        <div 
+          className="bg-white rounded-2xl shadow-xl p-6 border border-gray-100/90 w-full lg:w-[340px] min-h-[400px] flex-shrink-0 relative z-20 animate-fadeIn font-sans"
+        >
+          {/* Left Pointer Arrow (Speech Bubble Triangle) matching Img 1 & 2 */}
+          <div 
+            className={`hidden lg:block absolute -left-3 ${getPointerTop()} w-0 h-0 border-t-[10px] border-t-transparent border-b-[10px] border-b-transparent border-r-[12px] border-r-white drop-shadow-xs transition-all duration-200 pointer-events-none`}
+          ></div>
+
+          {/* ─── CASE A: STATION SELECTION (GARE DE DÉPART / ARRIVÉE / VIA) (IMG 2 & 3) ─── */}
+          {(activeField === 'departure' || activeField === 'arrival' || activeField === 'via') && (
+            <div>
+              <h3 className="text-[26px] font-light text-gray-800 tracking-tight whitespace-nowrap mb-1">
+                {activeField === 'departure' ? "Gare de départ" : activeField === 'arrival' ? "Gare d'arrivée" : "Gare de passage"}
+              </h3>
+
+              {currentQuery.length < 2 ? (
+                <div>
+                  <p className="text-[13px] font-normal text-[#c00] whitespace-nowrap mb-2">
+                    Veuillez saisir au moins 2 caractères dans ce champ.
+                  </p>
+                  <div className="w-full h-[1px] bg-[#c00] mb-4"></div>
+                </div>
+              ) : (
+                <div>
+                  <p className="text-[13px] font-normal text-[#c00] whitespace-nowrap mb-2">
+                    Veuillez sélectionner une gare dans cette liste.
+                  </p>
+                  <div className="w-full h-[1px] bg-[#c00] mb-3"></div>
+
+                  <div className="max-h-[300px] overflow-y-auto space-y-2 pr-1 scrollbar-thin">
+                    {filteredStations.length > 0 ? (
+                      filteredStations.map((st, idx) => {
+                        const isFirst = idx === 0;
+                        return (
+                          <div
+                            key={st + idx}
+                            onClick={() => handleSelectStation(st)}
+                            className={`transition-all cursor-pointer ${
+                              isFirst
+                                ? 'bg-[#e6f0d7] border border-dashed border-[#006837] rounded-xl p-3 text-[15px] font-medium text-gray-900 shadow-2xs'
+                                : 'py-2.5 px-2 border-b border-[#006837] text-[15px] text-gray-900 hover:bg-[#f4f8ec] transition-colors font-medium'
+                            }`}
+                          >
+                            <span>{st}</span>
+                          </div>
+                        );
+                      })
+                    ) : (
+                      <div className="py-4 text-center text-xs text-gray-500">
+                        Aucune gare ne correspond à &quot;{currentQuery}&quot;
+                      </div>
+                    )}
+                  </div>
+                </div>
+              )}
+            </div>
+          )}
+
+          {/* ─── CASE B: DATE PICKER (ALLER / RETOUR) (IMG 4) ─── */}
+          {(activeField === 'outwardDate' || activeField === 'returnDate') && (
+            <div>
+              <h3 className="text-[26px] font-light text-gray-800 tracking-tight mb-2">
+                {activeField === 'outwardDate' ? "Date de départ Aller" : "Date de départ Retour"}
+              </h3>
+
+              <p className="text-[12.5px] text-gray-700 font-normal mb-5 leading-relaxed">
+                Format attendu : &quot;Jour/Mois/Année complète&quot; (exemple: 19/09/2026).
+              </p>
+
+              {/* Month navigation */}
+              <div className="flex items-center justify-between mb-4 px-1">
+                <span className="text-[16px] font-semibold text-gray-800 capitalize">
+                  {monthName}
+                </span>
+                <div className="flex items-center gap-3">
+                  <button 
+                    onClick={handlePrevMonth}
+                    type="button"
+                    className="p-1 text-gray-400 hover:text-black transition-colors"
+                  >
+                    <span className="material-icons text-[18px]">chevron_left</span>
+                  </button>
+                  <button 
+                    onClick={handleNextMonth}
+                    type="button"
+                    className="p-1 text-gray-400 hover:text-black transition-colors"
+                  >
+                    <span className="material-icons text-[18px]">chevron_right</span>
+                  </button>
+                </div>
+              </div>
+
+              {/* Calendar Grid */}
+              <div className="grid grid-cols-7 gap-1 text-center text-[12px] mb-2">
+                {['L', 'M', 'M', 'J', 'V', 'S', 'D'].map((d, i) => (
+                  <span key={i} className="text-gray-500 font-normal py-1">
+                    {d}
+                  </span>
+                ))}
+              </div>
+
+              <div className="grid grid-cols-7 gap-1 text-center text-[13px]">
+                {/* Blank days for month start alignment */}
+                {Array.from({ length: firstDayOfWeek }).map((_, i) => (
+                  <div key={`blank-${i}`} className="py-1.5"></div>
+                ))}
+
+                {/* Days of month */}
+                {Array.from({ length: daysInMonth }, (_, i) => i + 1).map((dayNum) => {
+                  const isSelected = dayNum === selectedDayNumber;
+                  const today = new Date();
+                  today.setHours(0, 0, 0, 0);
+                  const dayDate = new Date(year, month, dayNum, 0, 0, 0, 0);
+                  const isPastDate = dayDate < today;
+
+                  return (
+                    <button
+                      key={dayNum}
+                      type="button"
+                      disabled={isPastDate}
+                      onClick={() => !isPastDate && handleSelectDay(dayNum)}
+                      className={`h-9 w-9 mx-auto rounded-full flex items-center justify-center font-normal transition-all ${
+                        isPastDate
+                          ? 'text-gray-300 opacity-40 cursor-not-allowed bg-gray-50'
+                          : isSelected
+                          ? 'bg-[#c4d600] text-gray-900 font-bold shadow-xs scale-105'
+                          : 'hover:bg-gray-100 text-gray-800 cursor-pointer'
+                      }`}
+                      title={isPastDate ? 'Date passée' : undefined}
+                    >
+                      {dayNum}
+                    </button>
+                  );
+                })}
+              </div>
+            </div>
+          )}
+
+          {/* ─── CASE C: TIME PICKER (ALLER / RETOUR) (IMG 5) ─── */}
+          {(activeField === 'outwardTime' || activeField === 'returnTime') && (
+            <div>
+              <h3 className="text-[26px] font-light text-gray-800 tracking-tight mb-4">
+                {activeField === 'outwardTime' ? "Heure de départ" : "Heure de retour"}
+              </h3>
+
+              <div className="max-h-[300px] overflow-y-auto scrollbar-thin">
+                {TIME_SLOTS.map((slot) => {
+                  const currentSelected = activeField === 'outwardTime' ? outwardTime : returnTime;
+                  const isSelected = slot === currentSelected;
+
+                  const now = new Date();
+                  const isTodaySelected = (year === now.getFullYear() && month === now.getMonth() && selectedDayNumber === now.getDate());
+                  const slotHour = parseInt(slot.split(':')[0], 10);
+                  const isPastTime = isTodaySelected && slotHour < now.getHours();
+
+                  return (
+                    <div
+                      key={slot}
+                      onClick={() => !isPastTime && handleSelectTime(slot)}
+                      className={`py-2.5 px-4 text-[15px] transition-colors ${
+                        isPastTime
+                          ? 'text-gray-300 opacity-40 cursor-not-allowed bg-gray-50 line-through border-b border-gray-100'
+                          : isSelected
+                          ? 'bg-[#e5ecc5] font-semibold text-gray-900 cursor-pointer'
+                          : 'border-b border-[#006837] text-gray-900 hover:bg-[#f4f8ec] cursor-pointer'
+                      }`}
+                      title={isPastTime ? 'Heure passée' : undefined}
+                    >
+                      {slot}
+                    </div>
+                  );
+                })}
+              </div>
+            </div>
+          )}
+
+          {/* ─── CASE D: VOYAGEUR VOLET (STRICTLY CONFORME IMG 1) ─── */}
+          {activeField === 'passenger' && (
+            <div className="space-y-4">
+              <h3 className="text-[26px] font-light text-gray-800 tracking-tight">
+                Voyageur
+              </h3>
+
+              <div className="space-y-4 max-h-[340px] overflow-y-auto pr-1">
+                {passengers.map((p, index) => (
+                  <div key={p.id} className="space-y-3 relative">
+                    <div className="flex items-center justify-between">
+                      <div className="flex items-center gap-2">
+                        <span className="w-6 h-6 rounded-full bg-[#006837] text-white flex items-center justify-center">
+                          <span className="material-icons text-[15px]">person</span>
+                        </span>
+                        <span className="text-[14px] font-medium text-gray-900">
+                          Voyageur {index + 1}
+                        </span>
+                      </div>
+                      {passengers.length > 1 && (
+                        <button
+                          type="button"
+                          onClick={() => handleRemovePassenger(p.id)}
+                          className="text-gray-400 hover:text-[#c00] text-xs font-semibold"
+                        >
+                          Supprimer
+                        </button>
+                      )}
+                    </div>
+
+                    {/* Field 1: Âge (optionnel) - Box with dashed green border matching Image 1 */}
+                    <div className="border-2 border-dashed border-[#006837] rounded-lg p-2 bg-[#fff] relative">
+                      <label className="text-[11px] text-gray-600 font-medium block">
+                        Âge (optionnel)
+                      </label>
+                      <div className="flex items-center justify-between mt-0.5">
+                        <input
+                          type="number"
+                          min="0"
+                          max="120"
+                          value={p.age}
+                          onChange={(e) => handleUpdatePassenger(p.id, 'age', e.target.value)}
+                          placeholder="Ex: 30"
+                          className="w-full bg-transparent text-[14px] font-semibold text-gray-900 outline-none"
+                        />
+                        <div className="flex flex-col text-gray-400 text-[10px]">
+                          <span className="material-icons text-[14px] leading-none">unfold_more</span>
+                        </div>
+                      </div>
+                    </div>
+
+                    {/* Field 2: Carte de réduction (optionnel) - Select matching Image 1 */}
+                    <div className="bg-[#f4f5f6] rounded-xl p-3 border border-transparent hover:border-gray-200 transition-colors">
+                      <select
+                        value={p.discountCard}
+                        onChange={(e) => handleUpdatePassenger(p.id, 'discountCard', e.target.value)}
+                        className="w-full bg-transparent text-[13px] font-medium text-gray-800 outline-none cursor-pointer appearance-none pr-6"
+                        style={{
+                          backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23006837' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")`,
+                          backgroundRepeat: 'no-repeat',
+                          backgroundPosition: 'right 0 center',
+                          backgroundSize: '20px'
+                        }}
+                      >
+                        {DISCOUNT_CARDS.map((card) => (
+                          <option key={card} value={card}>{card}</option>
+                        ))}
+                      </select>
+                    </div>
+                  </div>
+                ))}
+              </div>
+
+              {/* Yellow Horizontal Divider Line (CONFORME IMG 1) */}
+              <div className="w-full border-b border-[#d1d800] my-3"></div>
+
+              {/* + Ajouter un voyageur Green Button (CONFORME IMG 1) */}
+              <div className="flex justify-end">
+                <button
+                  type="button"
+                  onClick={handleAddPassenger}
+                  className="flex items-center gap-1.5 text-[#006837] text-[13.5px] font-semibold cursor-pointer hover:underline"
+                >
+                  <span className="text-[18px] font-bold">+</span>
+                  <span>Ajouter un voyageur</span>
+                </button>
+              </div>
+
+            </div>
+          )}
+
+        </div>
+      )}
+
+    </div>
+  );
+}
+
diff --git a/src/lib/perturbationUtils.ts b/src/lib/perturbationUtils.ts
new file mode 100644
index 0000000..1c021a2
--- /dev/null
+++ b/src/lib/perturbationUtils.ts
@@ -0,0 +1,113 @@
+/**
+ * Utility functions for perturbation date matching & UI banner styling (matching Image 1 & Image 2)
+ */
+
+export interface PerturbationData {
+  id?: string | number;
+  horaire_id?: string | number;
+  type_perturbation: 'retard' | 'suppression' | 'information' | 'parcours_modifie' | string;
+  duree_retard_minutes?: number;
+  cause?: string;
+  cause_details?: string;
+  date_debut?: string;
+  date_fin?: string;
+  jours_perturbation?: any[];
+  actif?: boolean;
+}
+
+/**
+ * Checks if a perturbation strictly applies to the recorded target ISO date (YYYY-MM-DD)
+ */
+export function isPerturbationActiveOnDate(pert: any, targetDateIso: string): boolean {
+  if (!pert || pert.actif === false) return false;
+
+  // 1. Check jours_perturbation array if present
+  if (Array.isArray(pert.jours_perturbation) && pert.jours_perturbation.length > 0) {
+    return pert.jours_perturbation.some((jp: any) => {
+      if (typeof jp === 'string') {
+        return jp.slice(0, 10) === targetDateIso;
+      }
+      if (jp && typeof jp === 'object') {
+        const d = (jp.date || jp.dateDebut || jp.jour || '').slice(0, 10);
+        return d === targetDateIso;
+      }
+      return false;
+    });
+  }
+
+  // 2. Check date_debut and date_fin
+  const start = pert.date_debut ? pert.date_debut.slice(0, 10) : null;
+  const end = pert.date_fin ? pert.date_fin.slice(0, 10) : null;
+
+  if (start && end) {
+    return targetDateIso >= start && targetDateIso <= end;
+  }
+  if (start) {
+    return targetDateIso === start;
+  }
+  if (end) {
+    return targetDateIso === end;
+  }
+
+  // Strictly assign perturbations only when target date matches recorded date
+  return false;
+}
+
+export interface BannerStyle {
+  bgColor: string;       // Background color matching Image 2
+  textColor: string;     // Text color
+  iconBgColor: string;   // Icon circle bg color
+  iconText: string;      // Icon character ('i', '!', '✕', '↔')
+  badgeLabel: string;    // Label ('Information', 'Informations', 'Retard', 'Suppression', 'Parcours modifié')
+  defaultCause?: string;
+}
+
+/**
+ * Gets banner styling and metadata strictly matching Image 2
+ */
+export function getPerturbationBannerStyle(type: string): BannerStyle {
+  const normType = (type || '').toLowerCase();
+
+  if (normType.includes('retard')) {
+    return {
+      bgColor: '#fff1ed',
+      textColor: '#c00',
+      iconBgColor: '#e65100',
+      iconText: '!',
+      badgeLabel: 'Retard',
+      defaultCause: 'Retard estimé'
+    };
+  }
+
+  if (normType.includes('suppr')) {
+    return {
+      bgColor: '#fdeded',
+      textColor: '#c00',
+      iconBgColor: '#c00',
+      iconText: '✕',
+      badgeLabel: 'Suppression',
+      defaultCause: 'Train supprimé'
+    };
+  }
+
+  if (normType.includes('parcours') || normType.includes('modifi')) {
+    return {
+      bgColor: '#f0f7ff',
+      textColor: '#0066a4',
+      iconBgColor: '#0066a4',
+      iconText: '↔',
+      badgeLabel: 'Parcours modifié',
+      defaultCause: 'Modification de parcours'
+    };
+  }
+
+  // Default: Information
+  return {
+    bgColor: '#eef7fc',
+    textColor: '#0066a4',
+    iconBgColor: '#0066a4',
+    iconText: 'i',
+    badgeLabel: 'Informations',
+    defaultCause: 'Informations voyageurs'
+  };
+}
diff --git a/src/lib/regionTheme.ts b/src/lib/regionTheme.ts
new file mode 100644
index 0000000..249ba4d
--- /dev/null
+++ b/src/lib/regionTheme.ts
@@ -0,0 +1,99 @@
+export interface RegionTheme {
+  primary: string;
+  primaryHover: string;
+  primaryLight: string;
+  secondary: string;
+  badgeText: string;
+}
+
+export const REGION_THEMES: Record<string, RegionTheme> = {
+  'bourgogne-franche-comte': {
+    primary: '#006837',
+    primaryHover: '#00522b',
+    primaryLight: '#eef5e6',
+    secondary: '#8da300',
+    badgeText: 'TER Bourgogne-Franche-Comté',
+  },
+  'occitanie': {
+    primary: '#c0001a',
+    primaryHover: '#990014',
+    primaryLight: '#fde8ea',
+    secondary: '#e60000',
+    badgeText: 'liO Train Occitanie',
+  },
+  'provence-alpes-cote-azur': {
+    primary: '#005088',
+    primaryHover: '#003a63',
+    primaryLight: '#e5f0f8',
+    secondary: '#009fe3',
+    badgeText: 'ZOU ! TER PACA',
+  },
+  'sud-provence-alpes-cote-d-azur': {
+    primary: '#005088',
+    primaryHover: '#003a63',
+    primaryLight: '#e5f0f8',
+    secondary: '#009fe3',
+    badgeText: 'ZOU ! TER PACA',
+  },
+  'bretagne': {
+    primary: '#0077b6',
+    primaryHover: '#005b8c',
+    primaryLight: '#e6f4fa',
+    secondary: '#0096c7',
+    badgeText: 'TER BreizhGo',
+  },
+  'grand-est': {
+    primary: '#2b5c8f',
+    primaryHover: '#1e4267',
+    primaryLight: '#eaf0f6',
+    secondary: '#4885c1',
+    badgeText: 'TER Fluo Grand Est',
+  },
+  'normandie': {
+    primary: '#d32f2f',
+    primaryHover: '#b71c1c',
+    primaryLight: '#fbe9e7',
+    secondary: '#e53935',
+    badgeText: 'TER Nomad Normandie',
+  },
+  'hauts-de-france': {
+    primary: '#004b87',
+    primaryHover: '#003663',
+    primaryLight: '#e5edf5',
+    secondary: '#0066b3',
+    badgeText: 'TER Hauts-de-France',
+  },
+  'pays-de-la-loire': {
+    primary: '#008459',
+    primaryHover: '#006343',
+    primaryLight: '#e6f5ef',
+    secondary: '#00a872',
+    badgeText: 'TER Aléop',
+  },
+  'nouvelle-aquitaine': {
+    primary: '#0066a4',
+    primaryHover: '#004c7a',
+    primaryLight: '#e6f2fa',
+    secondary: '#0085d0',
+    badgeText: 'TER Nouvelle-Aquitaine',
+  },
+  'centre-val-de-loire': {
+    primary: '#008080',
+    primaryHover: '#006666',
+    primaryLight: '#e6f2f2',
+    secondary: '#00a3a3',
+    badgeText: 'TER Rémi',
+  },
+  'auvergne-rhone-alpes': {
+    primary: '#00609c',
+    primaryHover: '#004875',
+    primaryLight: '#e6f1f8',
+    secondary: '#007bc7',
+    badgeText: 'TER Auvergne-Rhône-Alpes',
+  },
+};
+
+export function getRegionTheme(slug: string = 'bourgogne-franche-comte'): RegionTheme {
+  const cleanSlug = (slug || 'bourgogne-franche-comte').toLowerCase();
+  return REGION_THEMES[cleanSlug] || REGION_THEMES['bourgogne-franche-comte'];
+}