lrdlg/criel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

index.html

Browse Source
This commit is contained in:
lrdlg
2026-08-04 21:50:01 +02:00
commit 129e39f348
1 changed files with 720 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+720
View File
@@ -0,0 +1,720 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Criel-sur-Mer · 19–23 octobre 2026</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.css" />
<style>
:root{
--craie:#F1ECE0;
--craie-2:#E8E0CE;
--carte-bg:#FBF8F1;
--silex:#21252B;
--silex-soft:#5B6167;
--manche:#33505F;
--manche-deep:#14232B;
--manche-mid:#1E3644;
--varangue:#4C7360;
--brique:#AD4B2A;
--line: rgba(33,37,43,0.14);
--line-strong: rgba(33,37,43,0.28);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
font-family:'Work Sans',sans-serif;
background:var(--craie);
color:var(--silex);
line-height:1.55;
-webkit-font-smoothing:antialiased;
}
::selection{background:var(--brique);color:var(--craie);}
a{color:var(--manche);text-decoration:none;border-bottom:1px solid rgba(51,80,95,0.35);}
a:hover{border-bottom-color:var(--manche);}
.mono{font-family:'Space Mono',monospace;}
h1,h2,h3,h4{font-family:'Libre Caslon Display',serif;font-weight:400;color:var(--silex);letter-spacing:-0.01em;}
/* ============ NAV ============ */
nav{
position:sticky;top:0;z-index:200;
background:rgba(241,236,224,0.94);
backdrop-filter:blur(8px);
border-bottom:1px solid var(--line);
display:flex;align-items:center;justify-content:space-between;
padding:12px 28px;
overflow-x:auto;
white-space:nowrap;
}
.nav-wordmark{
font-family:'Libre Caslon Display',serif;
font-size:18px;color:var(--brique);
flex-shrink:0;margin-right:28px;
}
.nav-links{display:flex;gap:20px;}
.nav-links a{
font-family:'Space Mono',monospace;
font-size:11px;text-transform:uppercase;letter-spacing:0.06em;
color:var(--silex-soft);border-bottom:none;
padding:4px 0;flex-shrink:0;
}
.nav-links a:hover{color:var(--brique);}
/* ============ HERO ============ */
.hero{
position:relative;
background:linear-gradient(180deg,var(--manche-deep) 0%, var(--manche-mid) 55%, var(--manche) 100%);
color:var(--craie);
padding:64px 28px 0;
overflow:hidden;
}
.hero-inner{max-width:820px;margin:0 auto;position:relative;z-index:3;}
.hero-eyebrow{
font-family:'Space Mono',monospace;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
color:#B9CDD4;margin-bottom:18px;display:flex;align-items:center;gap:10px;
}
.hero-eyebrow .dot{width:6px;height:6px;background:var(--brique);border-radius:50%;display:inline-block;}
.hero h1{
font-size:clamp(42px,9vw,88px);
line-height:0.98;
font-style:italic;
color:#FBF8F1;
}
.hero p.lead{
font-size:18px;max-width:520px;margin-top:22px;color:#D7E2E5;
}
.hero-dates{
font-family:'Space Mono',monospace;font-size:15px;color:var(--craie);
margin-top:28px;padding-top:18px;border-top:1px solid rgba(241,236,224,0.25);
display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;
}
.hero-dates b{color:#F4B99A;font-weight:700;}
.quickbar{
max-width:820px;margin:34px auto 0;
display:flex;flex-wrap:wrap;gap:0;
border-top:1px solid rgba(241,236,224,0.22);
position:relative;z-index:3;
}
.quickbar div{
flex:1 1 140px;
padding:16px 18px 16px 0;
border-right:1px solid rgba(241,236,224,0.16);
}
.quickbar div:last-child{border-right:none;}
.quickbar .qb-place{font-family:'Space Mono',monospace;font-size:12px;color:#B9CDD4;text-transform:uppercase;letter-spacing:0.04em;}
.quickbar .qb-time{font-family:'Libre Caslon Display',serif;font-size:22px;color:#FBF8F1;margin-top:4px;}
.tide-svg{display:block;width:100%;height:auto;position:relative;z-index:2;margin-top:38px;}
.cliff-svg{display:block;width:100%;height:auto;}
/* ============ SECTIONS ============ */
section{max-width:900px;margin:0 auto;padding:64px 28px;}
section.bleed{max-width:none;}
.sechead{display:flex;align-items:baseline;gap:16px;margin-bottom:6px;}
.sechead .num{font-family:'Space Mono',monospace;font-size:13px;color:var(--brique);letter-spacing:0.05em;}
.sechead h2{font-size:clamp(28px,4vw,40px);font-style:italic;}
.lead{font-size:17px;color:var(--silex-soft);max-width:640px;margin-top:14px;margin-bottom:30px;}
.subhead{
font-family:'Space Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:0.08em;
color:var(--manche);margin:34px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line);
}
.subhead:first-of-type{margin-top:0;}
/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;}
.card{
background:var(--carte-bg);
border:1px solid var(--line);
border-radius:2px;
padding:18px 20px;
position:relative;
}
.card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;}
.card h4{font-size:19px;font-weight:600;font-family:'Work Sans',sans-serif;font-style:normal;line-height:1.25;}
.card .km{font-family:'Space Mono',monospace;font-size:11px;color:var(--manche);white-space:nowrap;background:rgba(51,80,95,0.09);padding:3px 7px;border-radius:2px;flex-shrink:0;}
.card p{font-size:14.5px;color:var(--silex-soft);}
.card .meta{display:block;font-size:12.5px;color:var(--silex-soft);margin-top:8px;font-family:'Space Mono',monospace;}
.card .warn{display:block;font-size:12.5px;color:var(--brique);margin-top:6px;}
.card a.gomap{display:inline-block;margin-top:10px;font-size:12.5px;font-family:'Space Mono',monospace;}
/* note boxes */
.note{background:var(--craie-2);border-left:3px solid var(--varangue);padding:14px 18px;font-size:14.5px;color:var(--silex);}
.note.brique{border-left-color:var(--brique);}
.notegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:10px;}
/* tables */
table{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px;}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);}
th{font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--silex-soft);font-weight:400;}
td.ok{color:var(--varangue);font-family:'Space Mono',monospace;}
td.no{color:var(--brique);font-family:'Space Mono',monospace;}
td.mono{font-family:'Space Mono',monospace;font-size:13px;}
tr:last-child td{border-bottom:none;}
/* tide divider */
.tide-divider{max-width:900px;margin:0 auto;padding:0 28px;}
.tide-divider svg{width:100%;height:28px;display:block;}
/* map */
#map{height:520px;width:100%;border:1px solid var(--line);}
.maplegend{font-size:12.5px;color:var(--silex-soft);margin-top:10px;}
footer{
background:var(--manche-deep);color:#B9CDD4;padding:48px 28px 40px;text-align:center;
}
footer p{font-size:13px;max-width:560px;margin:0 auto;font-family:'Space Mono',monospace;}
footer .fmark{font-family:'Libre Caslon Display',serif;font-style:italic;font-size:20px;color:var(--craie);margin-bottom:10px;}
@media (max-width:600px){
section{padding:48px 20px;}
.quickbar div{flex:1 1 45%;}
nav{padding:10px 16px;}
}
</style>
</head>
<body>
<nav>
<span class="nav-wordmark">Criel · oct. 2026</span>
<div class="nav-links">
<a href="#surplace">Sur place</a>
<a href="#soeurs">3 sœurs</a>
<a href="#littoral">Littoral</a>
<a href="#somme">Baie de Somme</a>
<a href="#rando">Randos</a>
<a href="#loin">Plus loin</a>
<a href="#semaine">Cette semaine</a>
<a href="#tables">Bonnes tables</a>
<a href="#pratique">Pratique</a>
<a href="#carte">Carte</a>
</div>
</nav>
<div class="hero">
<div class="hero-inner">
<div class="hero-eyebrow"><span class="dot"></span>Côte d'Albâtre · Seine-Maritime → Baie de Somme</div>
<h1>Criel-sur-Mer</h1>
<p class="lead">Falaises de craie, villas Belle Époque, ports de pêche et phoques de la baie — tout ce qu'il y a à portée d'1h à 1h30 de route, sans obligation d'y aller un jour précis.</p>
<div class="hero-dates">Séjour du <b>lundi 19</b> au <b>vendredi 23 octobre 2026</b> <span style="opacity:0.5">(inclus)</span></div>
</div>
<div class="quickbar">
<div><div class="qb-place">Le Tréport</div><div class="qb-time">10 min</div></div>
<div><div class="qb-place">Eu</div><div class="qb-time">15 min</div></div>
<div><div class="qb-place">Dieppe</div><div class="qb-time">25 min</div></div>
<div><div class="qb-place">St-Valery-s-Somme</div><div class="qb-time">35 min</div></div>
<div><div class="qb-place">Pointe du Hourdel</div><div class="qb-time">50 min</div></div>
<div><div class="qb-place">Amiens</div><div class="qb-time">1h20</div></div>
</div>
<svg class="cliff-svg" viewBox="0 0 1200 140" preserveAspectRatio="none" style="margin-top:30px;">
<path d="M0,140 L0,90 L40,88 L70,95 L110,70 L150,80 L190,55 L230,65 L260,40 L300,52 L340,30 L380,44 L420,20 L460,35 L500,15 L540,30 L580,10 L620,26 L660,12 L700,28 L740,8 L780,22 L820,6 L860,20 L900,4 L940,18 L980,8 L1020,22 L1060,10 L1100,24 L1140,14 L1200,26 L1200,140 Z" fill="#F1ECE0"/>
</svg>
</div>
<div class="tide-divider"><svg viewBox="0 0 900 28" preserveAspectRatio="none"><path d="M0,14 C75,2 150,26 225,14 C300,2 375,26 450,14 C525,2 600,26 675,14 C750,2 825,26 900,14" fill="none" stroke="#AD4B2A" stroke-width="1.5"/></svg></div>
<!-- ============ 01 SUR PLACE ============ -->
<section id="surplace">
<div class="sechead"><span class="num">01</span><h2>Sur place, à Criel</h2></div>
<p class="lead">Avant même de prendre la voiture : Criel-sur-Mer se suffit largement à elle-même pour une demi-journée. Ancien village de pêcheurs au débouché de l'Yères, encadré par les plus hautes falaises de craie d'Europe — 106 m au sommet du Mont Joli Bois (109 m selon Wikipédia, les sources varient d'un mètre ou deux).</p>
<div class="cards">
<div class="card">
<div class="top"><h4>Falaises &amp; sentier littoral</h4><span class="km">accès direct</span></div>
<p>Le sentier qui longe le sommet vers Le Tréport (portion du GR21) offre le point de vue le plus spectaculaire : par temps clair, on distingue le phare d'Ailly au-delà de Dieppe à l'ouest et la baie de Somme à l'est.</p>
<span class="warn">⚠ Ne pas s'approcher du bord ni marcher en contrebas près des éboulis — la craie est friable, surtout après la pluie.</span>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Falaises+de+Criel-sur-Mer&query_place_id=ChIJH-to_n4D3kcRi4Co0Bf2iPU">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Manoir de Briançon</h4><span class="km">centre-bourg</span></div>
<p>Fin XVIe siècle, en silex, pierre et brique. Racheté en 1682 par la Grande Mademoiselle, cousine de Louis XIV. Abrite aujourd'hui des services de la mairie — façade et cour visibles en accès libre.</p>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Manoir+de+Briançon+Criel-sur-Mer&query_place_id=ChIJAesjwXsC3kcRRcrpA6X0RrI">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Église Saint-Aubin</h4><span class="km">centre-bourg</span></div>
<p>Reconstruite au XVIe, remaniée après l'effondrement de sa voûte au XIXe. Inscrite aux monuments historiques. Vitraux remarquables, ossuaire avec une relique de saint Benoît. Accès libre, jardins de l'ancien presbytère attenants.</p>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Église+Saint-Aubin+Criel-sur-Mer&query_place_id=ChIJ2X542BoD3kcR44OUFBoICSY">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Plages de galets</h4><span class="km">Criel &amp; Mesnil-Val</span></div>
<p>Deux plages : Criel-Plage (la principale, devant le bourg) et celle de Mesnil-Val, un peu plus à l'est, plus confidentielle. Baignade non surveillée hors saison — en octobre, on y va surtout pour la marche et la lumière du soir.</p>
</div>
</div>
</section>
<div class="tide-divider"><svg viewBox="0 0 900 28" preserveAspectRatio="none"><path d="M0,14 C75,26 150,2 225,14 C300,26 375,2 450,14 C525,26 600,2 675,14 C750,26 825,2 900,14" fill="none" stroke="#AD4B2A" stroke-width="1.5"/></svg></div>
<!-- ============ 02 LES TROIS SŒURS ============ -->
<section id="soeurs">
<div class="sechead"><span class="num">02</span><h2>Les trois sœurs</h2></div>
<p class="lead">Le Tréport, Mers-les-Bains et Eu forment un même bassin de vie de part et d'autre de l'estuaire de la Bresle — la frontière Normandie / Hauts-de-France passe littéralement au milieu du pont. Trois ambiances très différentes en 15 minutes de marche les unes des autres.</p>
<div class="subhead">Le Tréport</div>
<div class="cards">
<div class="card">
<div class="top"><h4>Funiculaire</h4><span class="km">gratuit</span></div>
<p>Inauguré en 1908, remis en service en 2006. Relie le port au sommet de la falaise en 1 min 55. Vue sur la ville, le port et jusqu'à Mers-les-Bains depuis la gare haute.</p>
<span class="meta">Lun–ven 7h45–20h45 · sam-dim jusqu'à 22h45/00h45 · toute l'année</span>
</div>
<div class="card">
<div class="top"><h4>Port de pêche</h4><span class="km">quai François-Ier</span></div>
<p>Une quarantaine de bateaux : seiche, sole, turbot, crevette grise, maquereau, bar, hareng, coquille selon saison. La criée vend en direct — bon réflexe en fin de matinée pour le poisson du soir.</p>
</div>
</div>
<div class="subhead">Mers-les-Bains</div>
<div class="cards">
<div class="card">
<div class="top"><h4>Villas classées, front de mer</h4><span class="km">secteur sauvegardé</span></div>
<p>Plus de 300 villas Belle Époque, alignées face à la plage, chacune avec ses couleurs et sa fantaisie architecturale (bow-windows, loggias, épis de faîtage). Des panneaux le long de la promenade racontent les architectes. Se visite à pied, gratuitement, à toute heure.</p>
</div>
</div>
<div class="subhead">Eu</div>
<div class="cards">
<div class="card">
<div class="top"><h4>Château d'Eu</h4><span class="km">15 min</span></div>
<p>Résidence d'été de Louis-Philippe, musée consacré à la famille d'Orléans. Beaux salons meublés, portraits. Parc et jardins en accès libre même hors horaires du musée.</p>
<span class="meta">Lun/mer/jeu/sam/dim 10h–12h &amp; 14h–18h · ven 14h–18h seulement</span>
<span class="warn">⚠ Fermé le mardi — donc fermé le 20 octobre.</span>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Château+d%27Eu&query_place_id=ChIJS47HugAB3kcRs5LljGre1lI">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Collégiale Notre-Dame-et-Saint-Laurent</h4><span class="km">centre-ville</span></div>
<p>Gothique, XIIe–XVe. Guillaume le Conquérant y épousa Mathilde de Flandre vers 1050. Crypte romane avec gisants des comtes d'Eu. Ouverte tous les jours, y compris le mardi.</p>
<span class="meta">Tous les jours 9h30–12h15 &amp; 14h–17h</span>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Collégiale+Notre-Dame-et-Saint-Laurent+Eu&query_place_id=ChIJLXntKF8A3kcRA0hSflAWx8s">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Forêt d'Eu</h4><span class="km">15–25 min</span></div>
<p>Un des grands massifs de Normandie (plus de 9 000 ha), vallonné, giboyeux. Superbe en couleurs d'automne mi-octobre. Chiens autorisés en liberté, sentiers balisés, sites archéologiques (camp retranché).</p>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Forêt+d%27Eu&query_place_id=ChIJ981FRl1V50cRik5LV_DXiFc">Itinéraire</a>
</div>
</div>
</section>
<div class="tide-divider"><svg viewBox="0 0 900 28" preserveAspectRatio="none"><path d="M0,14 C75,2 150,26 225,14 C300,2 375,26 450,14 C525,2 600,26 675,14 C750,2 825,26 900,14" fill="none" stroke="#AD4B2A" stroke-width="1.5"/></svg></div>
<!-- ============ 03 LITTORAL ============ -->
<section id="littoral">
<div class="sechead"><span class="num">03</span><h2>Le littoral, vers le sud</h2></div>
<p class="lead">En restant sur la côte plutôt qu'en piquant vers l'intérieur, deux étapes naturelles avant la baie de Somme.</p>
<div class="cards">
<div class="card">
<div class="top"><h4>Dieppe</h4><span class="km">25 min</span></div>
<p>Château-musée perché sur la falaise (Braque, Sisley, ivoiries dieppoises, vue sur la ville et le port). Grande plage de galets, port de pêche encore actif, quartier du Pollet.</p>
<span class="meta">Musée : mer–dim 10h–18h</span>
<span class="warn">⚠ Fermé lundi et mardi — donc fermé le 19 et le 20 octobre.</span>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Château-musée+de+Dieppe&query_place_id=ChIJnVAl16iY4EcRF_mUbpmI-5U">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Falaises d'Ault</h4><span class="km">40 min</span></div>
<p>Craie blanche, grottes à la base (fragiles — on regarde, on ne s'y aventure pas), plage à galets et fossiles à marée basse. Moins connu qu'Étretat, tout aussi impressionnant, sans le monde.</p>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Falaises+d%27Ault&query_place_id=ChIJFdIT3lkH3kcR1Kxjuc0scwA">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Cayeux-sur-Mer</h4><span class="km">45 min</span></div>
<p>2 km de cabines de plage en bois colorées sur digue-promenade, face à une plage de galets qui a longtemps alimenté l'industrie locale. Ambiance balnéaire discrète, jolie en fin d'après-midi.</p>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Cabines+de+Bains+Cayeux-sur-Mer&query_place_id=ChIJ-00FFAHj3UcRP-FFXHwby5A">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Varengeville-sur-Mer</h4><span class="km">35–40 min</span></div>
<p>Église Saint-Valéry et son cimetière marin, à flanc de falaise, à 80 m au-dessus de la mer — Georges Braque (peintre cubiste, y a vécu 30 ans) y est enterré et a conçu l'un des vitraux. Claude Monet, lui, a peint les paysages du village sans y être enterré. Panorama sur les falaises jusqu'à Dieppe. Accès libre, en permanence.</p>
<span class="warn">⚠ Falaise en érosion active (~1 m/an) — on ne s'approche pas du bord du cimetière.</span>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Église+Saint-Valéry+Varengeville-sur-Mer&query_place_id=ChIJaXeuMt6b4EcRY7Uba38NC4A">Itinéraire</a>
</div>
</div>
</section>
<div class="tide-divider"><svg viewBox="0 0 900 28" preserveAspectRatio="none"><path d="M0,14 C75,26 150,2 225,14 C300,26 375,2 450,14 C525,26 600,2 675,14 C750,26 825,2 900,14" fill="none" stroke="#AD4B2A" stroke-width="1.5"/></svg></div>
<!-- ============ 04 BAIE DE SOMME ============ -->
<section id="somme">
<div class="sechead"><span class="num">04</span><h2>La baie de Somme</h2></div>
<p class="lead">Le morceau le plus spectaculaire du rayon d'1h30 : l'une des plus grandes zones humides de France, classée réserve naturelle, avec l'une des principales colonies de phoques du littoral français.</p>
<div class="subhead">Les phoques</div>
<div class="note">
Les phoques se reposent sur les bancs de sable <b>à marée basse</b> — trois heures avant et trois heures après l'heure de basse mer, pas au-delà. À marée haute ils chassent au large et sont invisibles depuis la côte. Deux espèces : le phoque veau-marin (mai–octobre surtout) et le phoque gris (toute l'année).
<div class="notegrid">
<div><b>Pointe du Hourdel</b><br><span style="font-size:13px;color:var(--silex-soft)">Le spot le plus facile en autonomie, jumelles conseillées. Distance légale : 300 m minimum, ne jamais s'avancer seul dans la baie.</span></div>
<div><b>Sortie guidée</b><br><span style="font-size:13px;color:var(--silex-soft)">Hors haute saison, moins d'affluence : les guides locaux (baie de Somme) organisent encore des sorties à pied ou en kayak, sur réservation — comptez ~20 €/adulte.</span></div>
</div>
</div>
<div class="subhead">Marées de la semaine — Le Tréport (port de référence)</div>
<table>
<tr><th>Jour</th><th>Marée basse</th><th>Coefficient</th><th>Marée basse</th><th>Coefficient</th></tr>
<tr><td>Lun 19</td><td class="mono">12h22</td><td class="mono">25</td><td class="mono">—</td><td class="mono">—</td></tr>
<tr><td>Mar 20</td><td class="mono">01h10</td><td class="mono">29</td><td class="mono">13h57</td><td class="mono">34</td></tr>
<tr><td>Mer 21</td><td class="mono">02h52</td><td class="mono">41</td><td class="mono">15h31</td><td class="mono">48</td></tr>
<tr><td>Jeu 22 / Ven 23</td><td class="mono" colspan="4">à vérifier sur maree.info — hors de la plage de données consultée, coefficients probablement en légère hausse (49→60)</td></tr>
</table>
<p style="font-size:13px;color:var(--silex-soft);margin-top:8px">Coefficients de 25 à 48 : semaine de mortes-eaux (premier quartier de lune le 18 octobre), marnage modéré. Moins spectaculaire qu'en vive-eau mais suffisant pour découvrir les bancs de sable et les phoques. Prévoir 15–20 min de trajet en plus entre Criel et le Hourdel par rapport à Saint-Valery.</p>
<div class="subhead">À voir sur place</div>
<div class="cards">
<div class="card">
<div class="top"><h4>Saint-Valery-sur-Somme</h4><span class="km">35 min</span></div>
<p>Cité médiévale sur la colline (ruelles pavées, porte de Nevers, remparts) où Jeanne d'Arc fut détenue avant son procès à Rouen. En bas, le quartier des pêcheurs et le port. Le plus agréable tôt le matin ou en fin de journée, hors cars.</p>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Cité+Médiévale+Saint-Valery-sur-Somme&query_place_id=ChIJf_hVjeXl3UcR31Ivf9NQEl0">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Le Crotoy</h4><span class="km">50 min</span></div>
<p>Face à Saint-Valery de l'autre côté de la baie, port de pêche à moules, plage de sable (rare sur cette côte), petites rues commerçantes. Marché réputé le vendredi.</p>
</div>
<div class="card">
<div class="top"><h4>Parc du Marquenterre</h4><span class="km">55 min–1h</span></div>
<p>Réserve ornithologique de 260 ha au cœur de la baie, entre Le Crotoy et Quend : parcours de 6 km, 13 observatoires, jumelles utiles. Complémentaire de la sortie phoques — ici, ce sont les oiseaux migrateurs (limicoles, oies, spatules selon la saison). Site payant, chiens interdits même tenus en laisse.</p>
<span class="meta">Tous les jours 10h–19h</span>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Parc+du+Marquenterre&query_place_id=ChIJJerRYY7m3UcRxgqmAEjcwrQ">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Petit train à vapeur</h4><span class="km">Saint-Valery ↔ Le Crotoy</span></div>
<p>Le Chemin de Fer de la Baie de Somme, vestige du réseau Belle Époque. Confirmé sur le calendrier officiel 2026 : en octobre, il circule <b>uniquement le jeudi</b> — donc le 22 octobre pour vous. Trajet Le Crotoy–Noyelles–Saint-Valery, aller-retour 2h. Traversée de marais et prés salés, pas de vue directe sur la baie en continu.</p>
<span class="warn">⚠ Les circulations peuvent être annulées à la dernière minute par grand vent ou tempête (c'est arrivé début novembre 2025) — un coup de fil la veille ne coûte rien.</span>
</div>
</div>
</section>
<div class="tide-divider"><svg viewBox="0 0 900 28" preserveAspectRatio="none"><path d="M0,14 C75,2 150,26 225,14 C300,2 375,26 450,14 C525,2 600,26 675,14 C750,2 825,26 900,14" fill="none" stroke="#AD4B2A" stroke-width="1.5"/></svg></div>
<!-- ============ 05 RANDONNÉES ============ -->
<section id="rando">
<div class="sechead"><span class="num">05</span><h2>Randonnées &amp; promenades</h2></div>
<p class="lead">De la balade d'une heure au sommet d'une falaise à la journée complète sur le GR21, en passant par la vallée de l'Yères et ses villages — de quoi marcher tous les jours sans refaire deux fois le même chemin.</p>
<div class="subhead">Promenades faciles (1h–2h)</div>
<div class="cards">
<div class="card">
<div class="top"><h4>Circuit des falaises du Tréport</h4><span class="km">~2h, facile</span></div>
<p>Départ du port, montée par les 365 marches jusqu'aux Terrasses (ou par le funiculaire, pour redescendre à pied ensuite — moins de monde dans ce sens). En haut : le Calvaire des Terrasses, calvaire en bois de 1860 redescendu par les Allemands en 1942 puis remonté à dos d'hommes en 1948, panorama sur le port, la plage, Mers-les-Bains et, par temps clair, jusqu'à Cayeux et la pointe du Hourdel. La boucle complète redescend par la digue-promenade, le casino et la vieille ville.</p>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Calvaire+des+Terrasses+Le+Tréport&query_place_id=ChIJg_iUgHoB3kcRkswbiIqFk7w">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Notre-Dame de la Falaise</h4><span class="km">Mers-les-Bains, ~1h A/R</span></div>
<p>Montée douce depuis le centre de Mers (départ possible à 500 m de la gare Tréport-Mers) jusqu'à la statue de la Vierge, érigée en 1878 pour protéger les marins, posée sur un ancien blockhaus allemand. Panorama sur les « trois sœurs » et la baie de Somme. Chiens et enfants bienvenus, mais escaliers et passages raides — pas de poussette.</p>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Notre-Dame+de+la+Falaise+Mers-les-Bains&query_place_id=ChIJ_3iAVVMB3kcR2OpD-cKISCs">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Mont Jolibois &amp; prés salés</h4><span class="km">Criel, ~1h30–2h</span></div>
<p>Boucle courte depuis le Manoir de Briançon : montée au Mont Jolibois (point de vue sur la Manche et la vallée), puis retour par les prés salés et les chemins le long de l'Yères. Une bonne option quand le temps ou l'envie ne suffit pas pour rejoindre Le Tréport à pied.</p>
</div>
</div>
<div class="subhead">Le sentier des falaises (GR21)</div>
<div class="note brique">
Le tronçon Criel ↔ Le Tréport du GR21 a été élu <b>sentier de randonnée préféré des Français</b> en 2020. L'érosion y modifie régulièrement le tracé : suivez le balisage blanc-rouge plutôt qu'une trace GPS ancienne, et restez en retrait du bord.
</div>
<div class="cards">
<div class="card">
<div class="top"><h4>Criel ↔ Le Tréport</h4><span class="km">~6–8 km / sens</span></div>
<p>Départ par le Chemin des Soupirs à Criel-Plage, en passant le Mont Joli-Bois et le lieu-dit Sang-Roy, puis une incursion dans l'arrière-pays avant Mesnil-Val (nouveaux panoramas sur la mer), et enfin la falaise de Criel elle-même, point d'orgue à 106 m. Comptez 1h30–2h l'aller ; possibilité de revenir par le même chemin ou de profiter du port/funiculaire côté Tréport avant de faire demi-tour.</p>
</div>
<div class="card">
<div class="top"><h4>Criel → Dieppe</h4><span class="km">~20 km, une journée</span></div>
<p>Variante longue pour une journée complète : via Berneval-le-Grand et Petit-Caux — qui englobe aujourd'hui Biville-sur-Mer, ancienne commune connue pour ses valleuses non aménagées donnant accès à des plages isolées — le tronçon passe aussi près de la centrale nucléaire de Penly (section brève et moins photogénique), puis à nouveau des falaises jusqu'à Dieppe. Peu de commerces sur ce tronçon — prévoir eau et pique-nique. À faire en aller simple, retour en covoiturage, taxi, ou bus (ligne Nomad Car).</p>
</div>
<div class="card">
<div class="top"><h4>Falaises d'Ault ↔ Bois de Cise</h4><span class="km">~11 km A/R</span></div>
<p>Sentier de petite randonnée au départ d'Ault, le long de la falaise jusqu'au hameau du Bois de Cise et ses villas Belle Époque perchées, à l'écart de tout.</p>
<span class="warn">⚠ Le sentier du littoral y est par endroits fermé pour raisons de sécurité (érosion) — se renseigner sur place avant de partir.</span>
</div>
</div>
<div class="subhead">La vallée de l'Yères &amp; ses villages</div>
<div class="cards">
<div class="card">
<div class="top"><h4>Boucle de Sang-Roy</h4><span class="km">~10,6 km, balisage bleu</span></div>
<p>Départ du Manoir de Briançon à Criel. Passe par la cidrerie artisanale <b>Les Prés</b> (visite du verger et dégustation), puis Touffreville-sur-Eu et son viaduc à neuf arches — ancienne voie ferrée Dieppe–Eu, vue superbe sur le village et la rivière. Retour par les chemins du plateau, rive droite de l'Yères.</p>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Viaduc+de+Touffreville-sur-Eu&query_place_id=ChIJGW1lSQCp4EcRzAO0hW71n0g">Itinéraire vers le viaduc</a>
</div>
<div class="card">
<div class="top"><h4>Chemin Vert du Petit Caux</h4><span class="km">variable, plat</span></div>
<p>Voie verte sur l'ancienne voie ferrée Dieppe–Eu, sans dénivelé notable — utile par vent fort ou pour relier Criel à Flocques/Le Tréport sans passer par la route. Passe également par le viaduc de Touffreville.</p>
</div>
<div class="card">
<div class="top"><h4>Autour de Saint-Martin-le-Gaillard</h4><span class="km">10–15 min de Criel</span></div>
<p>Circuit à la campagne, chemins pittoresques, belles vues sur la vallée de l'Yères et son jardin des sources — plus vert, plus vallonné, sans la mer.</p>
</div>
</div>
<div class="subhead">Forêt &amp; baie</div>
<div class="cards">
<div class="card">
<div class="top"><h4>Forêt d'Eu</h4><span class="km">30 min–2h30</span></div>
<p>Plusieurs boucles balisées au départ des parkings forestiers (Beaumont-le-Hareng, Bois l'Abbé). Terrain vallonné, sous-bois, très agréable en lumière d'automne. Cèpes fréquents selon la météo de la saison.</p>
</div>
<div class="card">
<div class="top"><h4>Digue du Hourdel</h4><span class="km">1h A/R</span></div>
<p>Marche plate le long de la digue à galets, vue continue sur la baie et, à marée basse, sur les bancs à phoques. Vent quasi permanent — bonne veste indispensable.</p>
</div>
</div>
</section>
<div class="tide-divider"><svg viewBox="0 0 900 28" preserveAspectRatio="none"><path d="M0,14 C75,26 150,2 225,14 C300,26 375,2 450,14 C525,26 600,2 675,14 C750,26 825,2 900,14" fill="none" stroke="#AD4B2A" stroke-width="1.5"/></svg></div>
<!-- ============ 06 PLUS LOIN ============ -->
<section id="loin">
<div class="sechead"><span class="num">06</span><h2>Un peu plus loin</h2></div>
<p class="lead">Toujours dans le rayon d'1h–1h30, à réserver pour une journée sans autre projet.</p>
<div class="cards">
<div class="card">
<div class="top"><h4>Amiens</h4><span class="km">1h15–1h20</span></div>
<p>Cathédrale Notre-Dame, la plus vaste de France, gothique flamboyant — façade sculptée, nef vertigineuse, montée à la tour possible. À côté, les Hortillonnages : balade en barque à cornet traditionnelle dans les jardins maraîchers sur l'eau, réservation conseillée à l'avance.</p>
<span class="meta">Cathédrale : tous les jours 7h30–18h30 · Hortillonnages : tous les jours, dép. le matin et l'après-midi</span>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Cathédrale+Notre-Dame+d%27Amiens&query_place_id=ChIJH1iNbLMh-kcRRCx-YHUbORU">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Blangy-sur-Bresle — Musée du Verre</h4><span class="km">30–40 min</span></div>
<p>La vallée de la Bresle concentre l'essentiel de la production française de flaconnage verrier de luxe. Le musée retrace cette histoire industrielle avec démonstration de souffleur de verre — spectaculaire et rare à voir en vrai.</p>
<span class="meta">Mer–dim 14h–18h</span>
<span class="warn">⚠ Fermé lundi et mardi — donc fermé les 19 et 20 octobre.</span>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Musée+du+Verre+Blangy-sur-Bresle&query_place_id=ChIJa84Yh_5Z50cRRyjWdvvAVMA">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Veules-les-Roses</h4><span class="km">45 min</span></div>
<p>Seul village de Seine-Maritime classé « Plus Beaux Villages de France ». Traversé par la Veules, le plus petit fleuve de France (1,1 km) qui se jette dans la Manche au milieu de la plage — chaumières, cressonnières et moulins le long de son cours. Bonne étape à mi-chemin si vous poussez vers Fécamp ou Étretat sans vouloir y passer la journée entière.</p>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Veules-les-Roses">Itinéraire</a>
</div>
<div class="card">
<div class="top"><h4>Rouen</h4><span class="km">1h10–1h15</span></div>
<p>Cathédrale gothique peinte par Monet, vieille ville à colombages, Gros-Horloge, quartier du Vieux-Marché où Jeanne d'Arc fut brûlée. Bonne option de repli un jour de pluie battante sur la côte — musée couverts, rues animées, terrasses abritées.</p>
<a class="gomap" href="https://www.google.com/maps/search/?api=1&query=Cathédrale+Notre-Dame+de+Rouen&query_place_id=ChIJHX8RptXd4EcRigYhfDQiYS8">Itinéraire</a>
</div>
</div>
<p style="font-size:14px;color:var(--silex-soft);margin-top:20px">Fécamp (Palais Bénédictine) et Étretat sont un cran au-delà du rayon annoncé — environ <b>1h30–1h35</b> de route, sans compter le temps sur place. Faisable en journée complète, mais ça mange une bonne partie du séjour pour un aller-retour.</p>
</section>
<div class="tide-divider"><svg viewBox="0 0 900 28" preserveAspectRatio="none"><path d="M0,14 C75,2 150,26 225,14 C300,2 375,26 450,14 C525,2 600,26 675,14 C750,2 825,26 900,14" fill="none" stroke="#AD4B2A" stroke-width="1.5"/></svg></div>
<!-- ============ 07 CETTE SEMAINE ============ -->
<section id="semaine">
<div class="sechead"><span class="num">07</span><h2>Cette semaine précisément</h2></div>
<p class="lead">Pas de programme imposé, mais deux ou trois choses qui ne tombent pas n'importe quel jour — marchés et fermetures hebdomadaires des lieux mentionnés plus haut, pour les dates réelles du séjour.</p>
<div class="subhead">Marchés</div>
<table>
<tr><th>Jour</th><th>Marché</th><th>Lieu</th></tr>
<tr><td class="mono">Lun 19</td><td>Mers-les-Bains</td><td>Place du Marché, matin</td></tr>
<tr><td class="mono">Mar 20</td><td colspan="2" style="color:var(--silex-soft)">pas de marché majeur à proximité immédiate</td></tr>
<tr><td class="mono">Mer 21</td><td>Criel-sur-Mer</td><td>Centre-bourg, matin, toute l'année</td></tr>
<tr><td class="mono">Jeu 22</td><td>Mers-les-Bains</td><td>Place du Marché, matin</td></tr>
<tr><td class="mono">Ven 23</td><td>Eu</td><td>Centre-ville, matin — le plus grand des trois sœurs</td></tr>
</table>
<div class="subhead">Ouvert / fermé</div>
<table>
<tr><th>Site</th><th>Lun 19</th><th>Mar 20</th><th>Mer 21</th><th>Jeu 22</th><th>Ven 23</th></tr>
<tr><td>Château d'Eu</td><td class="ok">✓</td><td class="no">fermé</td><td class="ok">✓</td><td class="ok">✓</td><td class="ok">✓ (14h–18h)</td></tr>
<tr><td>Château-musée Dieppe</td><td class="no">fermé</td><td class="no">fermé</td><td class="ok">✓</td><td class="ok">✓</td><td class="ok">✓</td></tr>
<tr><td>Musée du Verre Blangy</td><td class="no">fermé</td><td class="no">fermé</td><td class="ok">✓</td><td class="ok">✓</td><td class="ok">✓</td></tr>
<tr><td>Collégiale d'Eu</td><td class="ok">✓</td><td class="ok">✓</td><td class="ok">✓</td><td class="ok">✓</td><td class="ok">✓</td></tr>
<tr><td>Funiculaire Tréport</td><td class="ok">✓</td><td class="ok">✓</td><td class="ok">✓</td><td class="ok">✓</td><td class="ok">✓</td></tr>
<tr><td>Petit train Baie de Somme</td><td class="no">non</td><td class="no">non</td><td class="no">non</td><td class="ok">✓ seul jour</td><td class="no">non</td></tr>
</table>
<p style="font-size:13px;color:var(--silex-soft);margin-top:8px">Le mardi 20 est donc la meilleure fenêtre pour de l'extérieur pur — falaises, Hourdel, forêt d'Eu, Amiens (cathédrale et hortillonnages ouvertes tous les jours) — plutôt que pour les musées.</p>
</section>
<div class="tide-divider"><svg viewBox="0 0 900 28" preserveAspectRatio="none"><path d="M0,14 C75,26 150,2 225,14 C300,26 375,2 450,14 C525,26 600,2 675,14 C750,26 825,2 900,14" fill="none" stroke="#AD4B2A" stroke-width="1.5"/></svg></div>
<!-- ============ 08 BONNES TABLES ============ -->
<section id="tables">
<div class="sechead"><span class="num">08</span><h2>Bonnes tables</h2></div>
<p class="lead">Une sélection resserrée sur le quai de Le Tréport (le plus dense en restaurants de poisson du secteur), plus deux adresses à Criel et Mers. Vérifiez les jours de fermeture — beaucoup ferment un ou deux jours en semaine hors saison.</p>
<div class="cards">
<div class="card">
<div class="top"><h4>Le Homard Bleu</h4><span class="km">Le Tréport</span></div>
<p>Quai François-Ier. Fruits de mer et poisson, table plutôt raffinée, chiens bienvenus. Réputation solide sur la fraîcheur.</p>
<span class="meta">Fermé lundi · réserver le week-end</span>
</div>
<div class="card">
<div class="top"><h4>Restaurant le Saint Louis</h4><span class="km">Le Tréport</span></div>
<p>Quai François-Ier, décor Art déco. Menu 3 plats autour de 25 €, plateaux de fruits de mer. Bon rapport qualité-prix cité constamment.</p>
<span class="meta">Ouvert tous les jours midi et soir</span>
</div>
<div class="card">
<div class="top"><h4>Comptoirs de l'Océan</h4><span class="km">Le Tréport</span></div>
<p>Quai François-Ier également. Coquilles Saint-Jacques particulièrement citées. Pas de menu en anglais — utile à savoir si besoin.</p>
<span class="meta">Fermé le jeudi</span>
</div>
<div class="card">
<div class="top"><h4>Le Pour Koi Pas</h4><span class="km">Criel-Plage</span></div>
<p>Face à la mer, vue sur le coucher de soleil. Moules-frites, bavette, cartes de vins soignée. Ouvert tous les jours midi et soir.</p>
</div>
<div class="card">
<div class="top"><h4>Au Gré des Vents</h4><span class="km">Criel-Plage</span></div>
<p>Autre adresse en front de mer, fruits de mer frais bien notés. Fermé le mercredi.</p>
</div>
<div class="card">
<div class="top"><h4>Les Mouettes</h4><span class="km">Mers-les-Bains</span></div>
<p>Sur la digue, premier rang face à la plage. Moules-frites très appréciées, service parfois lent aux heures de pointe.</p>
</div>
<div class="card">
<div class="top"><h4>Pérette et Suzette</h4><span class="km">Le Tréport</span></div>
<p>Crêperie familiale, rue Gambetta. Galettes et cidre — petite adresse, avis très favorables sur la fraîcheur.</p>
<span class="meta">Fermé lundi et mardi</span>
</div>
</div>
</section>
<div class="tide-divider"><svg viewBox="0 0 900 28" preserveAspectRatio="none"><path d="M0,14 C75,2 150,26 225,14 C300,2 375,26 450,14 C525,2 600,26 675,14 C750,2 825,26 900,14" fill="none" stroke="#AD4B2A" stroke-width="1.5"/></svg></div>
<!-- ============ 09 PRATIQUE ============ -->
<section id="pratique">
<div class="sechead"><span class="num">09</span><h2>Pratique</h2></div>
<p class="lead">Adresses utiles à Criel et dans les trois sœurs, et quelques repères pour la semaine.</p>
<div class="subhead">Santé</div>
<div class="cards">
<div class="card">
<div class="top"><h4>Pharmacie du Pont de l'Yères</h4><span class="km">Criel-sur-Mer</span></div>
<p>42 rue de la Libération, 76910 Criel-sur-Mer.</p>
<span class="meta">Lun–ven 9h–12h30 / 14h–19h · sam 9h–12h30 / 14h–17h · fermé dim</span>
<span class="meta">Tél. 02 35 86 72 42</span>
</div>
<div class="card">
<div class="top"><h4>Centre hospitalier d'Eu</h4><span class="km">15 min</span></div>
<p>2 rue de Clèves, 76260 Eu. Urgences de proximité, antenne SMUR. Le bon réflexe pour une urgence non vitale.</p>
<span class="meta">Tél. 02 27 28 22 22</span>
</div>
<div class="card">
<div class="top"><h4>Centre hospitalier de Dieppe</h4><span class="km">25 min</span></div>
<p>Avenue Pasteur, 76200 Dieppe. Urgences 24h/24, plateau technique complet, SMUR. À privilégier pour toute urgence sérieuse.</p>
<span class="meta">Urgences : 02 32 14 76 76 · SAMU : 15</span>
</div>
<div class="card">
<div class="top"><h4>Pharmacie de garde</h4><span class="km">nuit / dimanche</span></div>
<p>Numéro national pour trouver la pharmacie de garde la plus proche à toute heure.</p>
<span class="meta">3237 (0,35 €/min)</span>
</div>
</div>
<div class="subhead">Courses</div>
<div class="cards">
<div class="card">
<div class="top"><h4>Intermarché Super</h4><span class="km">Eu, 15 min</span></div>
<p>Rue Lavoisier, 76260 Eu. Le supermarché le plus complet du secteur.</p>
<span class="meta">Lun–jeu 8h30–19h30 · ven-sam 8h30–20h · dim 9h–13h</span>
</div>
<div class="card">
<div class="top"><h4>Carrefour Contact</h4><span class="km">Le Tréport, 10 min</span></div>
<p>1 avenue des Canadiens, 76470 Le Tréport. Format de proximité, pratique pour un dépannage rapide.</p>
<span class="meta">Lun–sam 8h–20h · dim 9h–13h &amp; 15h–18h45</span>
</div>
<div class="card">
<div class="top"><h4>Boulangerie Gaudry</h4><span class="km">Criel-sur-Mer</span></div>
<p>2 rue de Chantereine. Bien notée, ouverte tôt.</p>
<span class="meta">Fermé lundi · sinon 6h30–19h (dim 6h30–13h)</span>
</div>
<div class="card">
<div class="top"><h4>Boulangerie de la Plage</h4><span class="km">Mesnil-Val</span></div>
<p>14 rue de la Mer. Tout fait maison, pain aux graines apprécié.</p>
<span class="meta">Fermé lundi</span>
</div>
</div>
<div class="subhead">Météo &amp; conditions d'octobre</div>
<div class="note brique">
Côte de la Manche mi-octobre : températures de saison autour de 10–14°C en journée, 6–9°C le matin, vent fréquent surtout en haut des falaises, averses possibles et changeantes d'une heure à l'autre. Prévoir des couches, un coupe-vent imperméable, de bonnes chaussures pour les sentiers de falaise (souvent glissants) et — pour la baie de Somme — des bottes ou de quoi salir des chaussures sur la vasière.
</div>
</section>
<div class="tide-divider"><svg viewBox="0 0 900 28" preserveAspectRatio="none"><path d="M0,14 C75,26 150,2 225,14 C300,26 375,2 450,14 C525,26 600,2 675,14 C750,26 825,2 900,14" fill="none" stroke="#AD4B2A" stroke-width="1.5"/></svg></div>
<!-- ============ 10 CARTE ============ -->
<section id="carte">
<div class="sechead"><span class="num">10</span><h2>Carte</h2></div>
<p class="lead">Tous les lieux mentionnés plus haut, positionnés par rapport à Criel-sur-Mer.</p>
<div id="map"></div>
<p class="maplegend">Fond de carte © OpenStreetMap contributors · cercle bleu = base du séjour</p>
</section>
<div class="tide-divider"><svg viewBox="0 0 900 28" preserveAspectRatio="none"><path d="M0,14 C75,2 150,26 225,14 C300,2 375,26 450,14 C525,2 600,26 675,14 C750,2 825,26 900,14" fill="none" stroke="#AD4B2A" stroke-width="1.5"/></svg></div>
<!-- ============ 11 SOURCES ============ -->
<section id="sources">
<div class="sechead"><span class="num">11</span><h2>Sources &amp; fiabilité</h2></div>
<p class="lead" style="margin-bottom:14px">Horaires, jours de fermeture et coefficients de marée changent régulièrement — ce dossier a été vérifié début août 2026 pour un séjour en octobre. Trois points à recontrôler personnellement avant de vous déplacer :</p>
<ul style="padding-left:20px;color:var(--silex-soft);font-size:14.5px;line-height:1.8">
<li>Les marées du <b>jeudi 22 et vendredi 23 octobre</b> (données incomplètes ici) — <a href="https://maree.info/12" target="_blank">maree.info, port du Tréport</a>.</li>
<li>Le calendrier de circulation du <b>petit train de la baie de Somme</b> (jeudi uniquement en octobre) est confirmé par l'exploitant, mais une annulation de dernière minute reste possible par mauvais temps — <a href="https://www.chemindefer-baiedesomme.fr/" target="_blank">chemindefer-baiedesomme.fr</a>.</li>
<li>Les horaires du <b>Château d'Eu</b> et du <b>Musée du Verre</b>, qui varient parfois avec les vacances scolaires de la Toussaint — offices de tourisme <a href="https://www.destination-letreport-mers.fr/" target="_blank">Destination Le Tréport-Mers</a> et <a href="https://www.tourisme-baiedesomme.fr/" target="_blank">Baie de Somme</a>.</li>
</ul>
</section>
<footer>
<div class="fmark">Criel-sur-Mer</div>
<p>Dossier préparé pour le séjour du 19 au 23 octobre 2026 · falaises de craie, villas Belle Époque et marées de la Manche.</p>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.js"></script>
<script>
if (typeof L === 'undefined') {
document.getElementById('map').innerHTML = '<p style="padding:20px;font-family:\'Space Mono\',monospace;font-size:13px;color:#5B6167">Carte indisponible hors connexion — ouvrez ce fichier dans un navigateur connecté à internet.</p>';
} else {
const map = L.map('map').setView([50.06, 1.42], 10);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 18,
attribution: '&copy; OpenStreetMap contributors'
}).addTo(map);
function pin(color){
return L.divIcon({
className:'',
html:`<div style="width:12px;height:12px;border-radius:50%;background:${color};border:2px solid #FBF8F1;box-shadow:0 0 0 1px rgba(0,0,0,0.25)"></div>`,
iconSize:[12,12],
iconAnchor:[6,6]
});
}
const base = pin('#33505F');
const spot = pin('#AD4B2A');
const food = pin('#4C7360');
L.marker([50.0167,1.3183], {icon: base}).addTo(map).bindPopup("<b>Criel-sur-Mer</b><br>base du séjour");
const spots = [
[50.02899,1.301131,"Falaises de Criel-sur-Mer"],
[50.060172,1.378751,"Le Tréport — port de pêche"],
[50.059589,1.367378,"Calvaire des Terrasses — Le Tréport"],
[50.064463,1.379659,"Mers-les-Bains — villas"],
[50.073323,1.391438,"Notre-Dame de la Falaise — Mers"],
[50.049374,1.417081,"Château d'Eu"],
[50.048959,1.419012,"Collégiale d'Eu"],
[50.0,1.466667,"Forêt d'Eu"],
[49.999296,1.339392,"Viaduc de Touffreville-sur-Eu"],
[50.101963,1.445843,"Falaises d'Ault"],
[49.924541,1.070065,"Château-musée de Dieppe"],
[49.916607,0.982225,"Varengeville-sur-Mer — cimetière marin"],
[50.217239,1.5719,"Pointe du Hourdel — phoques"],
[50.263503,1.585533,"Parc du Marquenterre"],
[50.183765,1.493612,"Cayeux-sur-Mer"],
[50.188508,1.630074,"Saint-Valery-sur-Somme"],
[50.215734,1.628087,"Le Crotoy"],
[49.870648,0.801713,"Veules-les-Roses"],
[49.440140,1.095008,"Cathédrale de Rouen"],
[49.894589,2.302054,"Cathédrale d'Amiens"],
[49.896535,2.311258,"Hortillonnages d'Amiens"],
[49.927949,1.637191,"Musée du Verre — Blangy-sur-Bresle"]
];
spots.forEach(s => L.marker([s[0],s[1]], {icon: spot}).addTo(map).bindPopup(`<b>${s[2]}</b>`));
const tables = [
[50.061795,1.370779,"Le Homard Bleu"],
[50.061569,1.370883,"Le Saint Louis"],
[50.061858,1.370593,"Comptoirs de l'Océan"],
[50.034035,1.316232,"Le Pour Koi Pas"],
[50.033952,1.314824,"Au Gré des Vents"],
[50.069774,1.386299,"Les Mouettes"]
];
tables.forEach(s => L.marker([s[0],s[1]], {icon: food}).addTo(map).bindPopup(`<b>${s[2]}</b>`));
}
</script>
</body>
</html>