PageSourceSearch

https://visitetretat.com/fr/

html visitetretat.com collected 2026-10-02 22:45:26 UTC 29,847 bytes, 425 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<title>Visit Étretat — Cliffs, Art &amp; Sea on the Alabaster Coast</title>
7<meta name="description" content="Plan your trip to Étretat, Normandy: the famous chalk cliffs and Needle, the coast of Monet, Arsène Lupin, hikes, the interactive map, turnkey itineraries and the best hotels.">
8<link rel="canonical" href="https://visitetretat.com/fr/">
9<link rel="alternate" hreflang="en" href="https://visitetretat.com/">
10<link rel="alternate" hreflang="fr" href="https://visitetretat.com/fr/">
11<link rel="alternate" hreflang="ja" href="https://visitetretat.com/ja/">
12<link rel="alternate" hreflang="zh-Hans" href="https://visitetretat.com/zh/">
13<link rel="alternate" hreflang="x-default" href="https://visitetretat.com/">
14<meta property="og:locale" content="fr_FR">
15<meta name="robots" content="index,follow">
16<meta name="theme-color" content="#2f5063">
17<meta property="og:type" content="website">
18<meta property="og:site_name" content="Visit Étretat">
19<meta property="og:title" content="Visit Étretat — Cliffs, Art &amp; Sea on the Alabaster Coast">
20<meta property="og:description" content="Plan your trip to Étretat, Normandy: the famous chalk cliffs and Needle, the coast of Monet, Arsène Lupin, hikes, the interactive map, turnkey itineraries and the best hotels.">
21<meta property="og:url" content="https://visitetretat.com/fr/">
22<meta property="og:image" content="https://visitetretat.com/assets/img/hero-etretat.jpg">
23<meta name="twitter:card" content="summary_large_image">
24<link rel="icon" href="/favicon/favicon.png">
25<link rel="preload" as="image" href="/assets/img/hero-etretat.jpg">
26<link rel="stylesheet" href="/assets/css/style.css">
27<script>
28window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}
29gtag('consent','default',{ad_storage:'denied',analytics_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',wait_for_update:500});
30</script>
30
31</head>
32<body class="home">
33
34<!-- ================= SHARED HEADER (header.php) ================= -->
35<!-- top utility bar removed (not needed) -->
36
37<header>
38  <nav class="nav">
39    <a class="brand" href="/fr/"><img class="logo-img" src="/assets/img/logo.jpg" alt="Visit Étretat.com"></a>
40    <div class="menu">
41      <a href="/fr/#cats" data-t>Découvrir</a>
42      <a href="/fr/#exp" data-t>À faire</a>
43      <a href="/fr/#map" data-t>Carte</a>
44      <a href="/fr/#iti" data-t>Itinéraires</a>
45      <a href="/fr/#stay" data-t>Hôtels</a>
46      <a href="/fr/#practical" data-t>Accès</a>
47    </div>
48    <div class="nav-right">
49      <div class="langbox">
50        <button class="lang" onclick="toggleLang(event)" aria-label="Language"><span class="flag flag-fr"></span> <span data-i18n-lang>FR</span> ▾</button>
51        <div class="langmenu" id="langmenu">
52          <a class="langlink" href="https://visitetretat.com/"><span class="flag flag-en"></span> English</a>
53          <a class="langlink" href="https://visitetretat.com/fr/"><span class="flag flag-fr"></span> Français</a>
54          <a class="langlink" href="https://visitetretat.com/ja/"><span class="flag flag-ja"></span> 日本語</a>
55          <a class="langlink" href="https://visitetretat.com/zh/"><span class="flag flag-zh"></span> 中文</a>
56        </div>
57      </div>
58      <button class="burger" onclick="openDrawer()" aria-label="Open menu"><span></span><span></span><span></span></button>
59    </div>
60  </nav>
61</header>
62
63<!-- ===== FULL-SITE NAV DRAWER (burger) ===== -->
64<div class="drawer-ov" id="drawerOv" onclick="closeDrawer()"></div>
65<aside class="drawer" id="drawer" aria-label="Site navigation">
66  <div class="drawer-head">
67    <span class="drawer-title" data-t>Explorer tout le site</span>
68    <button class="drawer-close" onclick="closeDrawer()" aria-label="Close">✕</button>
69  </div>
70  <div class="drawer-body">
71    <div class="dcol">
72      <h4 data-t>Préparez votre visite</h4>
73      <a href="/fr/#exp" onclick="closeDrawer()" data-t>À faire</a>
74      <a href="/fr/#map" onclick="closeDrawer()" data-t>Carte interactive</a>
75      <a href="/fr/#iti" onclick="closeDrawer()" data-t>Itinéraires</a>
76      <a href="/fr/#practical" onclick="closeDrawer()" data-t>Accès</a>
77      <a href="/fr/visit/" data-t>Villes à proximité</a>
78    </div>
79    <div class="dcol">
80      <h4 data-t>Où dormir</h4>
81      <a href="/fr/ledonjon/">Le Donjon — Domaine Saint Clair</a>
82      <a href="/fr/casteldelaterrasse/">Castel de la Terrasse</a>
83      <a href="/fr/hoteldesfalaises/">Hôtel des Falaises</a>
84      <a href="/fr/hotellerayonvert/">Hôtel Le Rayon Vert</a>
85      <a href="/fr/hotel/" data-t>Tous les hôtels</a>
86    </div>
87    <div class="dcol">
88      <h4 data-t>Sites & patrimoine</h4>
89      <a href="/fr/jardinsdetretat/">Les Jardins d'Étretat</a>
90      <a href="/fr/maisonmauriceleblanc/">Le Clos Lupin (Maurice Leblanc)</a>
91      <a href="/fr/chapellenotredamedelagarde/">Chapelle Notre-Dame de la Garde</a>
92      <a href="/fr/palaisbenedictine/">Palais Bénédictine</a>
93      <a href="/fr/townhall/">Town Hall</a>
94      <a href="/fr/trainstation/">Train Station</a>
95      <a href="/fr/visitorsbureau/">Visitors Bureau</a>
96    </div>
97    <div class="dcol">
98      <h4 data-t>Vu par les artistes</h4>
99      <div class="dcol-grid">
100        <a href="/fr/claudemonet/">Claude Monet</a>
101        <a href="/fr/gustavecourbet/">Gustave Courbet</a>
102        <a href="/fr/eugeneboudin/">Eugène Boudin</a>
103        <a href="/fr/henrimatisse/">Henri Matisse</a>
104        <a href="/fr/camillecorot/">Camille Corot</a>
105        <a href="/fr/eugenedelacroix/">Eugène Delacroix</a>
106        <a href="/fr/eugenelepoittevin/">Eugène Le Poittevin</a>
107        <a href="/fr/gustavecaillebotte/">Gustave Caillebotte</a>
108        <a href="/fr/felixvallotton/">Félix Vallotton</a>
109        <a href="/fr/leonaugusteasselineau/">Léon-Auguste Asselineau</a>
110        <a href="/fr/johnsellcotman/">John Sell Cotman</a>
111        <a href="/fr/georgeinness/">George Inness</a>
112        <a href="/fr/charleshalle/">Charles Hallé</a>
113        <a href="/fr/roselinegranet/">Roseline Granet</a>
114        <a href="/fr/stephanyvonfuerstenberg/">S. von Fuerstenberg</a>
115        <a href="/fr/seeberger/">Seeberger Brothers</a>
116      </div>
117    </div>
118    <div class="dcol">
119      <h4 data-t>Culture & histoires</h4>
120      <a href="/fr/netflix/" data-t>Lupin — la série Netflix</a>
121      <a href="/fr/cocochanel/">Coco Chanel in Étretat</a>
122      <a href="/fr/contact/" data-t>Contact</a>
123      <a href="/fr/about/" data-t>À propos</a>
124    </div>
125  </div>
126</aside>
127<!-- /shared-header -->
128
129<!-- HERO -->
130<section class="hero">
131  <div class="bg"></div>
132  <div class="veil"></div>
133  <div class="wrap">
134    <p class="eyebrow" style="color:#f0dcc0">Normandie · Côte d'Albâtre</p>
135    <h1>Tout pour visiter Étretat</h1>
136    <p class="sub">Hôtels, randonnées, carte intelligente, itinéraires clé en main et les histoires des falaises les plus célèbres de France — au même endroit.</p>
137    <form class="searchpanel" id="heroSearch" action="https://cse.google.com/cse" method="get" target="_blank" rel="noopener" data-cx="8b8d61eae15a14f86">
138      <input type="hidden" name="cx" value="8b8d61eae15a14f86">
139      <div class="field"><label>Quoi</label><input name="q" placeholder="Falaises, hôtel, resto, rando…"></div>
140      <div class="field"><label>Catégorie</label>
141        <select name="cat"><option value="">
141Toutes les expériences</option><option value="Sightseeing">Visites</option><option value="Hotels">Hôtels</option><option value="Restaurants">Restaurants</option><option value="Hikes">Randonnées</option><option value="Museums">Musées</option></select>
142      </div>
143      <div class="field"><label>Quand</label><input placeholder="Ajouter des dates"></div>
144      <button class="btn btn-primary" type="submit">🔍 Rechercher</button>
145    </form>
146    <div class="chips">
147      <a href="/fr/maisonmauriceleblanc/">🏛️ Le Clos Lupin</a><a href="/fr/#iti">🥾 Rando GR21</a><a href="/fr/jardinsdetretat/">🌿 Jardins d'Étretat</a><a href="/fr/claudemonet/">🎨 Points de vue de Monet</a><a href="/fr/#practical">🅿️ Parking</a>
148    </div>
149  </div>
150</section>
151
152<!-- IN-PAGE SEARCH RESULTS (Google Programmable Search, rendered under the hero) -->
153<section class="search-results" id="searchResults" aria-live="polite">
154  <div class="wrap">
155    <div class="sr-head">
156      <h2><span data-t="">Résultats de recherche</span><span class="sr-q" id="srQuery"></span></h2>
157      <button type="button" class="sr-close" onclick="closeSearch()" data-t="">Fermer ✕</button>
158    </div>
159    <div id="searchResultsInner"></div>
160  </div>
161</section>
162
163<div class="ad-zone"><div class="ad-inner"><span class="ad-label">Publicité</span><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-0833451737888084" data-ad-slot="7148869415" data-ad-format="auto" data-full-width-responsive="true"></ins>
163<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
163</div></div>
164<!-- CATEGORIES -->
165<section class="block" id="cats">
166  <div class="wrap">
167    <div class="sec-head"><p class="eyebrow">Parcourir le portail</p><h2>Que cherchez-vous ?</h2><p>Tout ce qu'Étretat offre, organisé pour vous.</p></div>
168    <div class="cat-grid">
169      <a class="cat c1" href="/fr/#exp"><span class="ic">🪨</span><span>Falaises &amp; panoramas</span></a>
170      <a class="cat c2" href="/fr/#stay"><span class="ic">🏨</span><span>Hôtels &amp; séjours</span></a>
171      <a class="cat c3" href="/fr/#iti"><span class="ic">🥾</span><span>Randonnées &amp; nature</span></a>
172      <a class="cat c4" href="/fr/claudemonet/"><span class="ic">🎨</span><span>Art &amp; peintres</span></a>
173      <a class="cat c5" href="/fr/#practical"><span class="ic">🍽️</span><span>Manger &amp; boire</span></a>
174      <a class="cat c6" href="/fr/maisonmauriceleblanc/"><span class="ic">🏛️</span><span>Musées &amp; patrimoine</span></a>
175      <a class="cat c7" href="#" onclick="openMap();return false"><span class="ic">🗺️</span><span>Carte interactive</span></a>
176      <a class="cat c8" href="/fr/#iti"><span class="ic">🧭</span><span>Itinéraires</span></a>
177    </div>
178  </div>
179</section>
180
181<!-- ABOUT ÉTRETAT -->
182<section class="block" id="about-etretat" style="background:#fff">
183  <div class="wrap">
184    <div class="about-grid">
185      <div>
186        <p class="eyebrow" data-t="">Découvrir</p>
187        <h2 data-t="">À propos d'Étretat</h2>
188        <p data-t="">Ancien modeste village de pêcheurs, Étretat est devenue une station balnéaire renommée au XIXe siècle. La petite ville se situe dans le nord de la France, sur la Côte d'Albâtre, dans le Pays de Caux, en Seine-Maritime (76), en Normandie.</p>
189        <p data-t="">Ses falaises de craie blanche et sa plage de galets gris en ont fait une destination prisée des voyageurs du monde entier, et des générations de peintres et de photographes ont bâti sa renommée.</p>
190        <ul class="feat">
191          <li data-t="">À 14 km à l'ouest de Fécamp</li>
192          <li data-t="">À 70 km au nord-ouest de Rouen</li>
193          <li data-t="">À 180 km au nord de Paris</li>
194          <li data-t="">De l'autre côté de la Manche : Eastbourne 118 km, Brighton 126 km, Londres ~200 km</li>
195        </ul>
196      </div>
197      <div>
198        <div class="video"><iframe loading="lazy" src="https://www.youtube-nocookie.com/embed/rb0DSce7l6g" title="Visit Étretat" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div>
199        <div class="video"><iframe loading="lazy" src="https://www.youtube-nocookie.com/embed/T7o9RCZcg4U" title="Étretat &amp; Arsène Lupin (Netflix)" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div>
200      </div>
201    </div>
202  </div>
203</section>
204
205<!-- TOP EXPERIENCES -->
206<section class="block" id="exp" style="background:#fff">
207  <div class="wrap">
208    <div class="sec-head"><p class="eyebrow">Coups de cœur des voyageurs</p><h2>Les meilleures expériences à Étretat</h2><p>Les incontournables les mieux notés, sélectionnés par notre équipe.</p></div>
209    <div class="exp-grid">
210      <article class="exp"><div class="ph"><span class="badge">Must-see</span><span class="fav">🤍</span><img src="/assets/img/hero-etretat.jpg" alt="Falaise d'Aval and the Needle at Étretat"></div>
211        <div class="in"><h3>La Falaise d'Aval &amp; l'Aiguille</h3><div class="meta"><span class="stars">★ 4.9</span><span>· 12,400 reviews</span></div><p style="color:var(--muted);font-size:.92rem">L'arche marine la plus emblématique de France et l'Aiguille de 70 m.</p><div class="foot"><span class="price">Free</span><a href="/fr/claudemonet/" class="btn btn-outline" style="padding:.5rem .9rem">Voir</a></div></div></article>
212      <article class="exp"><div class="ph"><span class="badge">Family</span><span class="fav">🤍</span>
212<img src="/assets/img/clos-lupin.jpg" alt="Le Clos Lupin, Maurice Leblanc's house in Étretat"></div>
213        <div class="in"><h3>Musée Le Clos Lupin</h3><div class="meta"><span class="stars">★ 4.6</span><span>· 3,100 reviews</span></div><p style="color:var(--muted);font-size:.92rem">La maison de Maurice Leblanc, berceau d'Arsène Lupin.</p><div class="foot"><span class="price">€9 <small>/ adult</small></span><a href="/fr/maisonmauriceleblanc/" class="btn btn-primary" style="padding:.5rem .9rem">Réserver</a></div></div></article>
214      <article class="exp"><div class="ph"><span class="badge">Nature</span><span class="fav">🤍</span><img src="/assets/img/jardins-etretat.jpg" alt="Les Jardins d'Étretat, clifftop gardens"></div>
215        <div class="in"><h3>Les Jardins d'Étretat</h3><div class="meta"><span class="stars">★ 4.7</span><span>· 5,800 reviews</span></div><p style="color:var(--muted);font-size:.92rem">Jardins d'avant-garde au sommet des falaises.</p><div class="foot"><span class="price">€12 <small>/ adult</small></span><a href="/fr/jardinsdetretat/" class="btn btn-primary" style="padding:.5rem .9rem">Réserver</a></div></div></article>
216    </div>
217    <div style="text-align:center;margin-top:30px"><a href="#" class="btn btn-outline">See all things to do →</a></div>
218  </div>
219</section>
220
221<!-- MAP SPLIT -->
222<section class="block" id="map">
223  <div class="wrap">
224    <div class="split">
225      <div class="txt">
226        <p class="eyebrow">Carte interactive intelligente</p>
227        <h2>Tous les lieux d'Étretat, cartographiés</h2>
228        <p>Basée sur notre base de lieux — filtrez par catégorie, consultez les horaires et créez un itinéraire en un geste.</p>
229        <ul class="feat">
230          <li>Falaises, points de vue, hôtels, restaurants &amp; parkings</li>
231          <li>Filtres en direct et recherche plein texte</li>
232          <li>One-tap directions &amp; “near me”</li>
233          <li>Enregistrez vos favoris et exportez votre journée</li>
234        </ul>
235        <a href="#" onclick="openMap();return false" class="btn btn-primary">Open the map →</a>
236      </div>
237      <a class="mapviz mapviz-img" href="#" onclick="openMap();return false" aria-label="Open the interactive map of Étretat">
238        <img src="/assets/img/map-etretat.jpg" alt="Map of Étretat with points of interest" onerror="this.style.display='none';this.closest('.mapviz-img').classList.add('noimg')">
239        <span class="mapviz-cta">🗺️ Open the interactive map</span>
240      </a>
241    </div>
242  </div>
243</section>
244
245<!-- ITINERARIES RAIL -->
246<section class="block" id="iti" style="background:#fff">
247  <div class="wrap">
248    <div class="sec-head"><p class="eyebrow">Plans clé en main</p><h2>Des itinéraires pour tous</h2></div>
249    <div class="rail">
250      <div class="it"><div class="ph" style="background-image:url('/assets/img/hero-etretat.jpg')"></div><div class="in"><h3>Étretat en 1 jour</h3><p>Falaises, plage, jardins &amp; déjeuner face à la mer.</p><div class="dur">⏱ 1 jour · facile</div></div></div>
251      <div class="it"><div class="ph" style="background-image:url('/assets/img/art-monet-manneporte.jpg')"></div><div class="in"><h3>Sur les pas des peintres</h3><p>Là où Monet a posé son chevalet.</p><div class="dur">⏱ Demi-journée · art</div></div></div>
252      <div class="it"><div class="ph" style="background-image:url('/assets/img/clos-lupin.jpg')"></div><div class="in"><h3>Sur la piste de Lupin</h3><p>Lieux de la série Netflix &amp; l'Aiguille creuse.</p><div class="dur">⏱ Demi-journée · famille</div></div></div>
253      <div class="it"><div class="ph" style="background-image:url('/assets/img/falaise-amont-chapelle.jpg')"></div><div class="in"><h3>Rando falaises &amp; côte</h3><p>Boucle complète, panoramas d'exception.</p><div class="dur">
253⏱ 3–4 h · sportif</div></div></div>
254      <div class="it"><div class="ph" style="background-image:url('/assets/img/beach-seeberger.jpg')"></div><div class="in"><h3>Week-end gourmand</h3><p>Huîtres, cidre &amp; Bénédictine à proximité.</p><div class="dur">⏱ 2 jours · gourmet</div></div></div>
255    </div>
256  </div>
257</section>
258
259<!-- HOTELS -->
260<section class="block hotels" id="stay">
261  <div class="wrap">
262    <div class="sec-head"><p class="eyebrow">Dormir face aux falaises</p><h2>Où dormir à Étretat</h2><p>Hôtels &amp; maisons d'hôtes sélectionnés. Cliquez pour photos, détails et réservation en direct.</p></div>
263    <div class="hg">
264      <article class="hotel" onclick="openHotel('donjon')">
265        <div class="ph"><span class="stars">★★★★</span><span class="gal">📷 4</span><img src="/assets/img/hotel-le-donjon.jpg" alt="Domaine Saint Clair — Le Donjon"></div>
266        <div class="in"><h3>Le Donjon — Domaine Saint Clair</h3><div class="loc">Chemin de Saint Clair · Château sur la falaise</div><div class="foot"><span class="lb-price">€€€€</span><span class="view">Voir &amp; réserver →</span></div></div>
267      </article>
268      <article class="hotel" onclick="openHotel('rayonvert')">
269        <div class="ph"><span class="stars">★★★</span><span class="gal">📷 3</span><img src="/assets/img/hotel-rayon-vert.jpg" alt="Hôtel Le Rayon Vert"></div>
270        <div class="in"><h3>Hôtel Le Rayon Vert</h3><div class="loc">Front de mer · Bord de mer</div><div class="foot"><span class="lb-price">€€€</span><span class="view">Voir &amp; réserver →</span></div></div>
271      </article>
272      <article class="hotel" onclick="openHotel('falaises')">
273        <div class="ph"><span class="stars">★★</span><span class="gal">📷 3</span><img src="/assets/img/hotel-des-falaises.jpg" alt="Hôtel des Falaises"></div>
274        <div class="in"><h3>Hôtel des Falaises</h3><div class="loc">Centre du village · Familial</div><div class="foot"><span class="lb-price">€€</span><span class="view">Voir &amp; réserver →</span></div></div>
275      </article>
276      <article class="hotel" onclick="openHotel('castel')">
277        <div class="ph"><span class="stars">B&amp;B</span><span class="gal">📷 3</span><img src="/assets/img/castel-terrasse.jpg" alt="Castel de la Terrasse"></div>
278        <div class="in"><h3>Castel de la Terrasse</h3><div class="loc">Vue panoramique · Maison d'hôtes</div><div class="foot"><span class="lb-price">€€€</span><span class="view">Voir &amp; réserver →</span></div></div>
279      </article>
280    </div>
281    <div class="stay22-map">
282      <iframe id="stay22-widget" width="100%" height="428" src="https://stay22.com/embed/6a6b3464ee9c21af0a0e680f" frameborder="0" loading="lazy" title="Interactive map of stays in Étretat"></iframe>
283    </div>
284    <div style="text-align:center;margin-top:20px">
285      <a class="btn btn-primary" data-t="" href="/fr/hotel/">Tous les hôtels à Étretat</a>
286    </div>
287  </div>
288</section>
289
290<!-- HOTEL LIGHTBOX -->
291<div class="lb" id="lb" onclick="if(event.target===this)closeHotel()">
292  <div class="lb-card">
293    <button class="lb-close" onclick="closeHotel()" aria-label="Close">✕</button>
294    <div class="lb-hero"><img id="lbHero" src="" alt=""></div>
295    <div class="lb-thumbs" id="lbThumbs"></div>
296    <div class="lb-body">
297      <div class="top"><div><h2 id="lbName"></h2><div class="loc" id="lbLoc"></div></div><div class="lb-stars" id="lbStars"></div></div>
298      <p class="lb-desc" id="lbDesc"></p>
299      <div class="lb-amen" id="lbAmen"></div>
300      <div class="lb-cta"><span class="lb-price" id="lbPrice"></span><a class="btn btn-primary" id="lbBook" href="#" target="_blank" rel="noopener">Vérifier &amp; réserver →</a></div>
301    </div>
302  </div>
303</div>
304
305<!-- PRACTICAL -->
306<section class="block practical" id="practical">
307  <div class="wrap">
308    <div class="sec-head"><p class="eyebrow">Préparez votre voyage</p><h2>Accès &amp; infos pratiques</h2></div>
309    <div class="pr-grid">
310      <div class="pr"><div class="ic">🚆</div><div><h3>By train + bus — from Paris</h3>
311        <ol class="route">
312          <li><b>Paris Saint-Lazare</b> → Le Havre <span>SNCF train · ≈2 h 05</span></li>
313          <li><b>Le Havre</b> → Étretat <span>Nomad coach line 24 · ≈1 h</span></li>
314        </ol>
315        <p class="route-alt">Alt.: Paris Saint-Lazare → Bréauté-Beuzeville (≈1 h 50), then Nomad bus to Étretat.</p>
316      </div></div>
317      <div class="pr"><div class="ic">🚗</div><div><h3>En voiture</h3><p>≈2 h 15 depuis Paris par l'A13. Parkings à l'entrée de la ville.</p></div></div>
318      <div class="weather"><a class="weatherwidget-io" href="https://forecast7.com/en/49d710d21/etretat/" data-label_1="ÉTRETAT" data-label_2="WEATHER" data-theme="original" data-basecolor="#2f7d82" data-textcolor="#ffffff">ÉTRETAT WEATHER</a></div>
319    </div>
320  </div>
321</section>
322
323<!-- SOUVENIRS & LOCAL -->
324<section class="block" id="local" style="background:#fff">
325  <div class="wrap">
326    <div class="sec-head"><p class="eyebrow" data-t="">Repartez avec Étretat</p><h2 data-t="">Souvenirs &amp; partenaires locaux</h2></div>
327    <div class="local-grid">
328      <a class="local-card" href="https://www.amazon.com/s?k=etretat+souvenir&amp;tag=visit0f-20" target="_blank" rel="noopener sponsored">
329        <img src="/assets/img/souvenir-puzzle.jpg" alt="Étretat souvenirs and puzzle">
330        <div class="in"><h3 data-t="">Boutique de souvenirs</h3><p data-t="">
330Puzzles, cadeaux et plus sur Amazon.</p></div>
331      </a>
332      <a class="local-card" href="https://www.amazon.com/s?k=etretat+book&amp;tag=visit0f-20" target="_blank" rel="noopener sponsored">
333        <img src="/assets/img/souvenir-book.jpg" alt="Books about Étretat">
334        <div class="in"><h3 data-t="">Livres sur Étretat</h3><p data-t="">Beaux livres et guides de voyage.</p></div>
335      </a>
336      <a class="local-card" href="https://adjaceparis.fr/" target="_blank" rel="noopener">
337        <img src="/assets/img/adjace-paris.jpg" alt="Adjace Paris vintage fashion">
338        <div class="in"><h3>Adjace Paris</h3><p data-t="">Étretat est la maison de campagne de cette maison de mode vintage.</p></div>
339      </a>
340      <div class="local-card">
341        <img src="/assets/img/hertz.jpg" alt="Hertz car rental" style="object-fit:contain;background:#fff;padding:24px">
342        <div class="in"><h3 data-t="">Location de voiture</h3><p>Hertz — 57 rue de Fleurus, 76600 Le Havre · <span style="color:var(--gold-d)">+33 2 35 25 51 50</span></p></div>
343      </div>
344    </div>
345  </div>
346</section>
347
348<!-- ================= SHARED FOOTER (footer.php) ================= -->
349<div class="ad-zone"><div class="ad-inner"><span class="ad-label">Publicité</span><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-0833451737888084" data-ad-slot="7148869415" data-ad-format="auto" data-full-width-responsive="true"></ins>
349<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
349</div></div><!-- FOOTER -->
350<footer>
351  <div class="wrap">
352    <div class="foot-grid">
353      <div>
354        <div class="brand" style="color:#fff;margin-bottom:10px"><span class="dot">É</span> Visit Étretat</div>
355        <p style="color:#a99f8f;max-width:260px" data-t>Le portail touristique complet et indépendant d'Étretat, Normandie.</p>
356        <div class="foot-social">
357          <a href="https://www.instagram.com/explore/tags/visitetretat/" target="_blank" rel="noopener" title="Instagram #visitetretat" aria-label="Instagram">📸</a>
358          <a href="https://www.youtube.com/results?search_query=etretat" target="_blank" rel="noopener" title="YouTube" aria-label="YouTube">▶️</a>
359        </div>
360      </div>
361      <div><h4>Découvrir</h4><ul><li><a href="/fr/#exp">À faire</a></li><li><a href="/fr/claudemonet/">Falaises & Art</a></li><li><a href="/fr/#map">Carte</a></li><li><a href="/fr/netflix/">Lupin</a></li></ul></div>
362      <div><h4>Préparer</h4><ul><li><a href="/fr/#iti">Itinéraires</a></li><li><a href="/fr/#stay">Hôtels</a></li><li><a href="/fr/#practical">Accès</a></li><li><a href="/fr/#practical">Météo</a></li></ul></div>
363      <div><h4>À propos</h4><ul><li><a href="/fr/visitorsbureau/">Office de tourisme</a></li><li><a href="/fr/contact/">Contact</a></li><li><a href="/fr/about/">À propos</a></li></ul></div>
364      <div><h4>Langues</h4><ul><li><a class="langlink" href="https://visitetretat.com/"><span class="flag flag-en"></span> English</a></li><li><a class="langlink" href="https://visitetretat.com/fr/"><span class="flag flag-fr"></span> Français</a></li><li><a class="langlink" href="https://visitetretat.com/ja/"><span class="flag flag-ja"></span> 日本語</a></li><li><a class="langlink" href="https://visitetretat.com/zh/"><span class="flag flag-zh"></span> 中文</a></li></ul></div>
365    </div>
366    <div class="foot-partners">
367      <h4 data-t>Réseau & partenaires</h4>
368      <div class="links">
369        <a href="https://www.etretat.fr/" target="_blank" rel="noopener">Etretat.fr</a>
370        <a href="https://lehavre-etretat-tourisme.com/" target="_blank" rel="noopener">Le Havre–Étretat Tourisme</a>
371        <a href="https://normandie-tourisme.fr/" target="_blank" rel="noopener">Normandie Tourisme</a>
372        <a href="https://seine-maritime-tourisme.com/" target="_blank" rel="noopener">Seine-Maritime Tourisme</a>
373        <a href="https://www.france.fr/" target="_blank" rel="noopener">France.fr</a>
374        <a href="https://visitfecamp.com/" target="_blank" rel="noopener">Visit Fécamp</a>
375        <a href="https://visitparis01.com" target="_blank" rel="noopener">Visit Paris</a>
376        <a href="https://visitlondon.com/" target="_blank" rel="noopener">Visit London</a>
377        <a href="https://phonebookoftheworld.com/" target="_blank" rel="noopener">PhoneBook of the World</a>
378        <a href="https://globalvisitlist.com/" target="_blank" rel="noopener">Global Visit List</a>
379      </div>
380    </div>
381    <div class="foot-b"><div>© 2026 VisitEtretat.com</div><div><a href="/fr/legal-notice/">Mentions légales</a><a href="/fr/privacy-policy/">Confidentialité</a><a href="/fr/terms-of-use/">Conditions</a><a href="/fr/cookie-policy/">Cookies</a></div></div>
382  </div>
383</footer>
384
385<!-- Cookie banner removed: Google's own consent message (AdSense GDPR) handles consent automatically. -->
386
387<!-- Mobile app-style bottom navigation (visible on phones only) -->
388<nav class="mobilenav" aria-label="Mobile navigation">
389  <a href="/fr/" class="active"><span class="ic">🏠</span><span data-t>Accueil</span></a>
390  <a href="/fr/#exp"><span class="ic">🧭</span><span data-t>Explorer</span></a>
391  <a href="#" onclick="openMap();return false" class="mn-map" aria-label="Map"><span class="ic">🗺️</span></a>
392  <a href="/fr/#stay"><span class="ic">🏨</span><span data-t>Hôtels</span></a>
393  <button class="mn-more" type="button" onclick="openDrawer()"><span class="ic">☰</span><span data-t>Plus</span></button>
394</nav>
395
396<!-- Interactive map (full-screen modal, Leaflet + OpenStreetMap, loaded on demand) -->
397<div class="map-modal" id="mapModal" role="dialog" aria-label="Interactive map of Étretat">
398  <div class="mm-bar">
399    <strong>🗺️ <span data-t>Carte interactive</span> — Étretat</strong>
400    <div class="mm-filters" id="mmFilters"></div>
401    <button class="mm-close" onclick="closeMap()" aria-label="Close">✕</button>
402  </div>
403  <div id="veMap"></div>
404</div>
405
406<!-- Scripts (external, shared on every page) -->
407<script src="/assets/js/i18n.js"></script>
vendor: 1 bytes, line 407
407
408<script src="/assets/js/subpages-i18n.js"></script>
vendor: 1 bytes, line 408
408
409<script src="/assets/js/main.js"></script>
409
410<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 410-411
410
411<script async src="https://www.googletagmanager.com/gtag/js?id=
411G-1P4GF6CQTV
vendor: 12 bytes, line 411
411"></script>
412<script>
413  
vendor: 133 bytes, lines 413-416
413window.dataLayer = window.dataLayer || [];
414  function gtag(){dataLayer.push(arguments);}
415  gtag('js', new Date());
416  gtag('config', '
416G-1P4GF6CQTV
vendor: 4 bytes, line 416
416');
417</script>
417
418<!-- Google AdSense — Google's own GDPR consent message handles consent automatically -->
419<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0833451737888084" crossorigin="anonymous"></script>
419
420<!-- Stay22 affiliate engine -->
421<script>(function(s,t,a,y,tw,two){s.Stay22=s.Stay22||{};s.Stay22.params={lmaID:'689db4505c720ae9e4bce3a6'};tw=t.createElement(a);two=t.getElementsByTagName(a)[0];tw.async=1;tw.src=y;two.parentNode.insertBefore(tw,two);})(window,document,'script','https://scripts.stay22.com/letmeallez.js');</script>
421
422<!-- Live weather widget (weatherwidget.io) -->
423<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');</script>
423
424</body>
425</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.