PageSourceSearch

https://www.berck-tourisme.com/en/meteo-et-webcams

html berck-tourisme.com collected 2026-10-06 15:07:55 UTC 102,170 bytes, 1,694 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3    <head>
4        <!-- Global site tag (gtag.js) - Google Analytics -->
5<script src="https://cdn.berck.fr/cookie-consent/cookie-consent.min.js?v1.25.2.1"></script>
vendor: 1 bytes, line 5
5
6<script>
7    if(CookieConsent.getCookie() === "true"){
8        // Insert library
9        const script = document.createElement("script");
10        script.setAttribute("src", "https://www.googletagmanager.com/gtag/js?id=UA-112261391-2");
11        script.setAttribute("type", "text/javascript");
12        script.setAttribute("async", "async");
13        document.getElementsByTagName("head")[0].appendChild(script);
14
15        // Google Analytics code
16        
vendor: 152 bytes, lines 16-20
16window.dataLayer = window.dataLayer || [];
17        function gtag(){dataLayer.push(arguments);}
18        gtag('js', new Date());
19
20        gtag('config', '
20UA-112261391-2
vendor: 8 bytes, lines 20-21
20');
21    
21}
22</script>
22        <meta charset="UTF-8" />
23        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
24                                                    <meta name="description" content="The resort famous for its International Kite Festival, located between the Bay of Somme and the Two Capes, Gris-Nez and Blanc-Nez">                                <title>
25                Météo et Webcams -                 Office de Tourisme de Berck-sur-Mer en Côte d&#039;Opale
26            
27        </title>
28
29        <link href="https://fonts.googleapis.com/css2?family=Roboto&family=Comfortaa:[email protected]&display=swap" rel="stylesheet">
30
31                    <link href="/bundles/bercksurmercmscore/library/jquery-ui-1.12.1/jquery-ui.min.css" rel="stylesheet" type="text/css">
32<link href="/bundles/bercksurmercmscore/library/jquery-ui-1.12.1/jquery-ui.structure.min.css" rel="stylesheet" type="text/css">
33<link href="/bundles/bercksurmercmscore/library/jquery-ui-1.12.1/jquery-ui.theme.min.css" rel="stylesheet" type="text/css">
34<link href="/bundles/bercksurmercmscore/library/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css">
35<link href="/bundles/bercksurmercmscore/library/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
36<link href="/assets/library/fontawesome-free-6.7.2/css/all.min.css" rel="stylesheet" type="text/css">
37<link href="/bundles/bercksurmercmscore/library/leaflet-1.3.4/leaflet.css" rel="stylesheet" type="text/css">
38<link href="/bundles/bercksurmercmscore/library/leaflet-1.3.4/plugins/leaflet.fullscreen-1.0.2/leaflet.fullscreen.css" rel="stylesheet" type="text/css">
39<link href="/bundles/bercksurmercmscore/library/leaflet-1.3.4/plugins/leafleft-gesture-handling-1.18/leaflet-gesture-handling.min.css" rel="stylesheet" type="text/css">        
40                    <link href="/bundles/bercksurmercmscore/css/global.css?1.26.9.1" rel="stylesheet" type="text/css">
41<link href="/bundles/bercksurmercmscore/css/iframe.css?1.26.9.1" rel="stylesheet" type="text/css">
42<link href="/bundles/bercksurmercmscore/css/page.css?1.26.9.1" rel="stylesheet" type="text/css">
43<link href="/bundles/bercksurmercmscore/css/section.css?1.26.9.1" rel="stylesheet" type="text/css">
44<link href="/bundles/bercksurmercmscore/css/widget.css?1.26.9.1" rel="stylesheet" type="text/css">
45<link href="/bundles/bercksurmercmscore/css/navigation.css?1.26.9.1" rel="stylesheet" type="text/css">
46<link href="/bundles/bercksurmercmscore/css/breadcrumb.css?1.26.9.1" rel="stylesheet" type="text/css">
47<link href="/bundles/bercksurmercmscore/css/footer.css?1.26.9.1" rel="stylesheet" type="text/css">
48<link href="/bundles/bercksurmercmscore/css/modal.css?1.26.9.1" rel="stylesheet" type="text/css">
49<link href="/bundles/bercksurmercmscore/css/button.css?1.26.9.1" rel="stylesheet" type="text/css">
50<link href="/bundles/bercksurmercmscore/css/form.css?1.26.9.1" rel="stylesheet" type="text/css">
51<link href="/bundles/bercksurmercmscore/css/dropdown.css?1.26.9.1" rel="stylesheet" type="text/css">
52<link href="/bundles/bercksurmercmscore/css/table.css?1.26.9.1" rel="stylesheet" type="text/css">
53<link href="/bundles/bercksurmercmscore/css/user.css?1.26.9.1" rel="stylesheet" type="text/css">
54<link href="/bundles/bercksurmercmscore/css/pagination.css?1.26.9.1" rel="stylesheet" type="text/css">
55<link href="/bundles/bercksurmercmscore/css/front/form.css?1.26.9.1" rel="stylesheet" type="text/css">
56<link href="/bundles/bercksurmercmscore/css/front/global.css?1.26.9.1" rel="stylesheet" type="text/css">
57<link href="/bundles/bercksurmercmscore/css/front/modal.css?1.26.9.1" rel="stylesheet" type="text/css">
58<link href="/bundles/bercksurmercmscore/css/front/navigation.css?1.26.9.1" rel="stylesheet" type="text/css">
59    <link href="/bundles/bercksurmercmscore/css/front/search/search.css?1.26.9.1" rel="stylesheet" type="text/css">
60<link href="/bundles/bercksurmercmscore/css/front/social-network.css?1.26.9.1" rel="stylesheet" type="text/css">
61<link href="/bundles/bercksurmercmscore/css/frontadmin/global.css?1.26.9.1" rel="stylesheet" type="text/css">
62        
63                    
63<script src="/bundles/bercksurmercmscore/library/jquery-3.2.1/jquery.min.js"></script>
vendor: 1 bytes, line 63
63
64<script src="/bundles/bercksurmercmscore/library/jquery-ui-1.12.1/jquery-ui.min.js"></script>
vendor: 1 bytes, line 64
64
65<script src="/bundles/bercksurmercmscore/library/jquery-ui-1.12.1/datepicker-fr.js"></script>
vendor: 1 bytes, line 65
65
66<script src="/bundles/bercksurmercmscore/library/bootstrap-3.3.7/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 66
66
67<script src="/bundles/bercksurmercmscore/library/leaflet-1.3.4/leaflet.js"></script>
vendor: 1 bytes, line 67
67
68<script src="/bundles/bercksurmercmscore/library/leaflet-1.3.4/plugins/leaflet.fullscreen-1.0.2/leaflet.fullscreen.min.js"></script>
vendor: 1 bytes, line 68
68
69<script src="/bundles/bercksurmercmscore/library/leaflet-1.3.4/plugins/leafleft-gesture-handling-1.18/leaflet-gesture-handling.min.js"></script>
69                <link rel="icon" type="image/x-icon" href="/favicon.ico" />
70
71                        <link rel="preconnect" href="https://fonts.googleapis.com">
72    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
73    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
74    <link href="https://fonts.googleapis.com/css2?family=Comfortaa:[email protected]&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
75    <link href="https://cdn.berck.fr/cookie-consent/cookie-consent.min.css?v1.25.2.1" rel="stylesheet">
76    <link rel="stylesheet" href="https://use.typekit.net/shu2fxl.css">
77    <link rel="stylesheet" href="/assets/css/global.css?1.26.9.1" />
78    <link rel="stylesheet" href="/assets/css/navigation.css?1.26.9.1" />
79    <link rel="stylesheet" href="/assets/css/newsletter.css?1.26.9.1" />
80    <link rel="stylesheet" href="/assets/css/page.css?1.26.9.1" />
81    <link rel="stylesheet" href="/assets/css/breadcrumb.css?1.26.9.1" />
82    <link rel="stylesheet" href="/assets/css/section.css?1.26.9.1" />
83    <link rel="stylesheet" href="/assets/css/widget.css?1.26.9.1" />
84    <link rel="stylesheet" href="/assets/css/footer.css?1.26.9.1" />
85    <link rel="stylesheet" href="/assets/css/datatourisme.css?1.26.9.1" />
86    <link rel="stylesheet" href="/assets/css/datatourisme-place.css?1.26.9.1" />
87    <link rel="stylesheet" href="/assets/css/datatourisme-event.css?1.26.9.1" />
88    <link rel="stylesheet" href="/assets/css/page-navigation.css?1.26.9.1" />
89    <link rel="stylesheet" href="/assets/css/search.css?1.26.9.1" />
90    <link rel="stylesheet" href="/assets/css/scroll-top.css?1.26.9.1" />
91    <link rel="stylesheet" href="/assets/library/ranger-slider-2.3.1/ion.rangeSlider.min.css?1.26.9.1" />
92            </head>
93    <body class="navigation-page">
94                            
95                        
96                    <nav id="navigation" class="navbar navbar-default navbar-fixed-top navbar-large navbar-base">
97    <div class="container-fluid">
98                <div class="navbar-header">
99            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
100                <span class="sr-only">Toggle navigation</span>
101<span class="icon-bar"></span>
102<span class="icon-bar"></span>
103<span class="icon-bar"></span>            </button>
104            <a class="navbar-brand" href="/en/">
105    <div>
106        <img src="/assets/img/logo.png" alt="Tourist Office" />
107    </div>
108</a>
109        </div>
110
111        <div class="navbar-menu-extra">
112                <div class="navbar-menu-extra-search navbar-menu-extra-item">
113        <a href="#modal-search" data-toggle="modal" data-target="#modal-search" aria-label="Search">
114    <i class="fa fa-search" aria-hidden="true"></i>
115</a>    </div>
116<div class="navbar-menu-extra-generic navbar-menu-extra-item">
117    <ul>
118            <li class="navbar-menu-extra-weather">
119            <a href="/en/meteo-et-webcams" >
120                19°
121                                     | <img src="https://api.berck.fr/assets/img/weather/04d.png"  alt="nuageux" title="nuageux" height="100%"/>
122                            </a>
123        </li>
124        <li>
125        <a href="/en/meteo-et-webcams" aria-label="Webcams"><span class="hidden">Webcams</span><i aria-hidden="true" class="fa fa-video-camera"></i></a>
126    </li>
127    <li id="menu-extra-navigation-contact">
128        <a href="/en/nous-contacter">Contact us !</a>
129    </li>
130    <li id="menu-extra-navigation-espace-pro">
131        <a href="/en/espace-pro">Professional area</a>
132    </li>
133</ul>
134</div>
135<div class="navbar-menu-extra-connexion navbar-menu-extra-item">
136    </div>
137<div class="navbar-menu-extra-language navbar-menu-extra-item">
138                <div class="dropdown">
139            <button class="btn btn-default dropdown-toggle" type="button" id="navbar-menu-extra-language-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
140                                    EN
141                                <span class="caret"></span>
142            </button>
143            <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbar-menu-extra-language-dropdown">
144                                    <li role="separator" class="divider"></li>
145                    <li class=""><a href="/fr/meteo-et-webcams">FR</a></li>
146                                    <li role="separator" class="divider"></li>
147                    <li class="disabled"><a href="/en/meteo-et-webcams">EN</a></li>
148                                    <li role="separator" class="divider"></li>
149                    <li class=""><a href="/de/meteo-et-webcams">DE</a></li>
150                                    <li role="separator" class="divider"></li>
151                    <li class=""><a href="/nl/meteo-et-webcams">NL</a></li>
152                            </ul>
153        </div>
154    </div>        </div>
155
156                <div class="collapse navbar-collapse" id="navbar-collapse">
157            <ul class="nav navbar-nav">
158                                        <li id="navbar-menu-desktop-1" class="navbar-menu dropdown navbar-menu-lg navabar-desktop">
159                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
160                    <span class="navbar-menu-decor-bar"></span><i class="fa fa-chevron-right hidden-lg hidden-md hidden-sm" aria-hidden="true"></i>
161                    <span class="navigation-long-title">Exploring Berck-sur-Mer</span>
162                    <span class="navigation-short-title">
163                                                    Exploring Berck-sur-Mer
164                                            </span>
165                    <span class="caret" ></span>
166                                    </a>
167                <ul class="dropdown-menu">
168                    <li>
169                        <table>
170                            <tbody>
171                            <tr>
172                                <td class="navbar-menu-office-left">
173                                    <ul>
174                        <li id="navbar-menu-desktop-5">
175                                    <a href="/en/decouvrir/la-baie-dauthie-et-les-phoques">
176                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> The Baie d&#039;Authie</span>
177                        <span class="navigation-short-title">
178                            <i class="fa fa-angle-right" aria-hidden="true"></i>
179                                                            The Baie d&#039;Authie
180                                                    </span>
181                                            </a>
182                            </li>
183                                <li id="navbar-menu-desktop-7">
184                                    <a href="/en/decouvrir/les-randos-a-pied-et-a-velo">
185                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Hiking and cycling</span>
186                        <span class="navigation-short-title">
187                            <i class="fa fa-angle-right" aria-hidden="true"></i>
188                                                            Hiking and cycling
189                                                    </span>
190                                            </a>
191                            </li>
192                                <li id="navbar-menu-desktop-9">
193                                    <a href="/en/decouvrir/les-rencontres-internationales-de-cerfs-volants-2027">
194                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> The International Kite Festival 2027</span>
195                        <span class="navigation-short-title">
196                            <i class="fa fa-angle-right" aria-hidden="true"></i>
197                                                            The International Kite Festival 2027
198                                                    </span>
199                                            </a>
200                            </li>
201                                <li id="navbar-menu-desktop-8">
202                                    <a href="/en/decouvrir/la-plage">
203                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> The beach</span>
204                        <span class="navigation-short-title">
205                            <i class="fa fa-angle-right" aria-hidden="true"></i>
206                                                            The beach
207                                                    </span>
208                                            </a>
209                            </li>
210                                <li id="navbar-menu-desktop-10">
211                                    <a href="/en/decouvrir/histoire-et-patrimoine">
212                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> History and Local Heritage</span>
213                        <span class="navigation-short-title">
214                            <i class="fa fa-angle-right" aria-hidden="true"></i>
215                                                            History and Local Heritage
216                                                    </span>
217                                            </a>
218                            </li>
219                                <li id="navbar-menu-desktop-11">
220                                    <a href="/en/decouvrir/le-musee-de-france">
221                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> The Musée de France</span>
222                        <span class="navigation-short-title">
223                            <i class="fa fa-angle-right" aria-hidden="true"></i>
224                                                            The Musée de France
225                                                    </span>
226                                            </a>
227                            </li>
228            </ul>                                </td>
229                                <td class="navbar-menu-office-right">
230                                                                        <ul>
231                                                                                                                                                                                                                                        <li class="navbar-menu-5">
232            <a href="/en/decouvrir/la-baie-dauthie-et-les-phoques">
233                                    <span class="navigation-long-title">The Baie d&#039;Authie</span>
234            <span class="navigation-short-title">
235                                    The Baie d&#039;Authie
236                            </span>
237                                    <span class="navbar-menu-office-right-background"></span>
238                                        <img src="/assets/img/navigation/5.jpg?1.26.9.1" alt="The Baie d&#039;Authie" />
239                    </a>
240    </li>            <li class="navbar-menu-7">
241            <a href="/en/decouvrir/les-randos-a-pied-et-a-velo">
242                                    <span class="navigation-long-title">Hiking and cycling</span>
243            <span class="navigation-short-title">
244                                    Hiking and cycling
245                            </span>
246                                    <span class="navbar-menu-office-right-background"></span>
247                                        <img src="/assets/img/navigation/7.jpg?1.26.9.1" alt="Hiking and cycling" />
248                    </a>
249    </li>            <li class="navbar-menu-9">
250            <a href="/en/decouvrir/les-rencontres-internationales-de-cerfs-volants-2027">
251                                    <span class="navigation-long-title">The International Kite Festival 2027</span>
252            <span class="navigation-short-title">
253                                    The International Kite Festival 2027
254                            </span>
255                                    <span class="navbar-menu-office-right-background"></span>
256                                        <img src="/assets/img/navigation/9.jpg?1.26.9.1" alt="The International Kite Festival 2027" />
257                    </a>
258    </li>            <li class="navbar-menu-8">
259            <a href="/en/decouvrir/la-plage">
260                                    <span class="navigation-long-title">The beach</span>
261            <span class="navigation-short-title">
262                                    The beach
263                            </span>
264                                    <span class="navbar-menu-office-right-background"></span>
265                                        <img src="/assets/img/navigation/8.jpg?1.26.9.1" alt="The beach" />
266                    </a>
267    </li>            <li class="navbar-menu-10">
268            <a href="/en/decouvrir/histoire-et-patrimoine">
269                                    <span class="navigation-long-title">History and Local Heritage</span>
270            <span class="navigation-short-title">
271                                    History and Local Heritage
272                            </span>
273                                    <span class="navbar-menu-office-right-background"></span>
274                                        <img src="/assets/img/navigation/10.jpg?1.26.9.1" alt="History and Local Heritage" />
275                    </a>
276    </li>            <li class="navbar-menu-11">
277            <a href="/en/decouvrir/le-musee-de-france">
278                                    <span class="navigation-long-title">The Musée de France</span>
279            <span class="navigation-short-title">
280                                    The Musée de France
281                            </span>
282                                    <span class="navbar-menu-office-right-background"></span>
283                                        <img src="/assets/img/navigation/11.jpg?1.26.9.1" alt="The Musée de France" />
284                    </a>
285    </li>    
286    </ul>                                                                    </td>
287                            </tr>
288                            <tr>
289                                <td colspan="2" class="navbar-menu-office-bottom">
290                                    <a href="/en/decouvrir">
291                                        Exploring Berck-sur-Mer <i class="fa fa-caret-right" aria-hidden="true"></i>
292                                    </a>
293                                </td>
294                            </tr>
295                            </tbody>
296                        </table>
297                    </li>
298                </ul>
299            </li>
300                <li class="divider hidden-lg hidden-md hidden-sm hidden-xs"></li>
301                        <li id="navbar-menu-desktop-2" class="navbar-menu dropdown navbar-menu-lg navabar-desktop">
302                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
303                    <span class="navbar-menu-decor-bar"></span><i class="fa fa-chevron-right hidden-lg hidden-md hidden-sm" aria-hidden="true"></i>
304                    <span class="navigation-long-title">Spend time in Berck-sur-Mer</span>
305                    <span class="navigation-short-title">
306                                                    Spend time in Berck-sur-Mer
307                                            </span>
308                    <span class="caret" ></span>
309                                    </a>
310                <ul class="dropdown-menu">
311                    <li>
312                        <table>
313                            <tbody>
314                            <tr>
315                                <td class="navbar-menu-office-left">
316                                    <ul>
317                        <li id="navbar-menu-desktop-76">
318                                    <a href="/en/sejourner/les-marches">
319                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Common Markets</span>
320                        <span class="navigation-short-title">
321                            <i class="fa fa-angle-right" aria-hidden="true"></i>
322                                                            Common Markets
323                                                    </span>
324                                            </a>
325                            </li>
326                                <li id="navbar-menu-desktop-20">
327                                    <a href="/en/sejourner/hebergements">
328                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Accomodations in Berck</span>
329                        <span class="navigation-short-title">
330                            <i class="fa fa-angle-right" aria-hidden="true"></i>
331                                                            Accomodations in Berck
332                                                    </span>
333                                            </a>
334                            </li>
335                                <li id="navbar-menu-desktop-27">
336                                    <a href="/en/sejourner/restauration">
337                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Catering</span>
338                        <span class="navigation-short-title">
339                            <i class="fa fa-angle-right" aria-hidden="true"></i>
340                                                            Catering
341                                                    </span>
342                                            </a>
343                            </li>
344                                <li id="navbar-menu-desktop-62">
345                                    <a href="/en/sejourner/shopping-et-prendre-un-verre">
346                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Shops</span>
347                        <span class="navigation-short-title">
348                            <i class="fa fa-angle-right" aria-hidden="true"></i>
349                                                            Shops
350                                                    </span>
351                                            </a>
352                            </li>
353                                <li id="navbar-menu-desktop-41">
354                                    <a href="/en/sejourner/berck-sur-mer-destination-famille-plus">
355                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Berck-sur-Mer, Famille Plus Resort</span>
356                        <span class="navigation-short-title">
357                            <i class="fa fa-angle-right" aria-hidden="true"></i>
358                                                            Berck-sur-Mer, Famille Plus Resort
359                                                    </span>
360                                            </a>
361                            </li>
362                                <li id="navbar-menu-desktop-61">
363                                    <a href="/en/sejourner/avec-mon-animal-de-compagnie">
364                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Berck with my four-legged friend</span>
365                        <span class="navigation-short-title">
366                            <i class="fa fa-angle-right" aria-hidden="true"></i>
367                                                            Berck with my four-legged friend
368                                                    </span>
369                                            </a>
370                            </li>
371            </ul>                                </td>
372                                <td class="navbar-menu-office-right">
373                                                                        <ul>
374                                                                                                    <li class="navbar-menu-76">
375            <a href="/en/sejourner/les-marches">
376                                    <span class="navigation-long-title">Common Markets</span>
377            <span class="navigation-short-title">
378                                    Common Markets
379                            </span>
380                                    <span class="navbar-menu-office-right-background"></span>
381                                        <img src="/assets/img/navigation/76.jpg?1.26.9.1" alt="Common Markets" />
382                    </a>
383    </li>            <li class="navbar-menu-20">
384            <a href="/en/sejourner/hebergements">
385                                    <span class="navigation-long-title">Accomodations in Berck</span>
386            <span class="navigation-short-title">
387                                    Accomodations in Berck
388                            </span>
389                                    <span class="navbar-menu-office-right-background"></span>
390                                        <img src="/assets/img/navigation/20.jpg?1.26.9.1" alt="Accomodations in Berck" />
391                    </a>
392    </li>            <li class="navbar-menu-27">
393            <a href="/en/sejourner/restauration">
394                                    <span class="navigation-long-title">Catering</span>
395            <span class="navigation-short-title">
396                                    Catering
397                            </span>
398                                    <span class="navbar-menu-office-right-background"></span>
399                                        <img src="/assets/img/navigation/27.jpg?1.26.9.1" alt="Catering" />
400                    </a>
401    </li>            <li class="navbar-menu-62">
402            <a href="/en/sejourner/shopping-et-prendre-un-verre">
403                                    <span class="navigation-long-title">Shops</span>
404            <span class="navigation-short-title">
405                                    Shops
406                            </span>
407                                    <span class="navbar-menu-office-right-background"></span>
408                                        <img src="/assets/img/navigation/62.jpg?1.26.9.1" alt="Shops" />
409                    </a>
410    </li>            <li class="navbar-menu-41">
411            <a href="/en/sejourner/berck-sur-mer-destination-famille-plus">
412                                    <span class="navigation-long-title">Berck-sur-Mer, Famille Plus Resort</span>
413            <span class="navigation-short-title">
414                                    Berck-sur-Mer, Famille Plus Resort
415                            </span>
416                                    <span class="navbar-menu-office-right-background"></span>
417                                        <img src="/assets/img/navigation/41.jpg?1.26.9.1" alt="Berck-sur-Mer, Famille Plus Resort" />
418                    </a>
419    </li>            <li class="navbar-menu-61">
420            <a href="/en/sejourner/avec-mon-animal-de-compagnie">
421                                    <span class="navigation-long-title">Berck with my four-legged friend</span>
422            <span class="navigation-short-title">
423                                    Berck with my four-legged friend
424                            </span>
425                                    <span class="navbar-menu-office-right-background"></span>
426                                        <img src="/assets/img/navigation/61.jpg?1.26.9.1" alt="Berck with my four-legged friend" />
427                    </a>
428    </li>    
429    </ul>                                                                    </td>
430                            </tr>
431                            <tr>
432                                <td colspan="2" class="navbar-menu-office-bottom">
433                                    <a href="/en/sejourner">
434                                        Spend time in Berck-sur-Mer <i class="fa fa-caret-right" aria-hidden="true"></i>
435                                    </a>
436                                </td>
437                            </tr>
438                            </tbody>
439                        </table>
440                    </li>
441                </ul>
442            </li>
443                <li class="divider hidden-lg hidden-md hidden-sm hidden-xs"></li>
444                        <li id="navbar-menu-desktop-3" class="navbar-menu dropdown navbar-menu-lg navabar-desktop">
445                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
446                    <span class="navbar-menu-decor-bar"></span><i class="fa fa-chevron-right hidden-lg hidden-md hidden-sm" aria-hidden="true"></i>
447                    <span class="navigation-long-title">Leisure &amp; Activities</span>
448                    <span class="navigation-short-title">
449                                                    Leisure &amp; Activities
450                                            </span>
451                    <span class="caret" ></span>
452                                    </a>
453                <ul class="dropdown-menu">
454                    <li>
455                        <table>
456                            <tbody>
457                            <tr>
458                                <td class="navbar-menu-office-left">
459                                    <ul>
460                        <li id="navbar-menu-desktop-57">
461                                    <a href="/en/sortir-et-se-divertir/activites-et-loisirs">
462                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Activities and leisure</span>
463                        <span class="navigation-short-title">
464                            <i class="fa fa-angle-right" aria-hidden="true"></i>
465                                                            Activities and leisure
466                                                    </span>
467                                            </a>
468                            </li>
469                                <li id="navbar-menu-desktop-38">
470                                    <a href="/en/sortir-et-se-divertir/agenda-annuel">
471                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> All events</span>
472                        <span class="navigation-short-title">
473                            <i class="fa fa-angle-right" aria-hidden="true"></i>
474                                                            All events
475                                                    </span>
476                                            </a>
477                            </li>
478                                <li id="navbar-menu-desktop-37">
479                                    <a href="/en/sortir-et-se-divertir/les-evenements-incontournables">
480                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Main Events</span>
481                        <span class="navigation-short-title">
482                            <i class="fa fa-angle-right" aria-hidden="true"></i>
483                                                            Main Events
484                                                    </span>
485                                            </a>
486                            </li>
487                                <li id="navbar-menu-desktop-40">
488                                    <a href="/en/sortir-et-se-divertir/mon-village-vacances">
489                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Berck, my holiday village !</span>
490                        <span class="navigation-short-title">
491                            <i class="fa fa-angle-right" aria-hidden="true"></i>
492                                                            Berck, my holiday village !
493                                                    </span>
494                                            </a>
495                            </li>
496                                <li id="navbar-menu-desktop-91">
497                                    <a href="/en/sortir-et-se-divertir/jeux-de-piste">
498                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Jeux de piste</span>
499                        <span class="navigation-short-title">
500                            <i class="fa fa-angle-right" aria-hidden="true"></i>
501                                                            Jeux de piste
502                                                    </span>
503                                            </a>
504                            </li>
505            </ul>                                </td>
506                                <td class="navbar-menu-office-right">
507                                                                        <ul>
508                                                                                        <li class="navbar-menu-57">
509            <a href="/en/sortir-et-se-divertir/activites-et-loisirs">
510                                    <span class="navigation-long-title">Activities and leisure</span>
511            <span class="navigation-short-title">
512                                    Activities and leisure
513                            </span>
514                                    <span class="navbar-menu-office-right-background"></span>
515                                        <img src="/assets/img/navigation/57.jpg?1.26.9.1" alt="Activities and leisure" />
516                    </a>
517    </li>            <li class="navbar-menu-38">
518            <a href="/en/sortir-et-se-divertir/agenda-annuel">
519                                    <span class="navigation-long-title">All events</span>
520            <span class="navigation-short-title">
521                                    All events
522                            </span>
523                                    <span class="navbar-menu-office-right-background"></span>
524                                        <img src="/assets/img/navigation/38.jpg?1.26.9.1" alt="All events" />
525                    </a>
526    </li>            <li class="navbar-menu-37">
527            <a href="/en/sortir-et-se-divertir/les-evenements-incontournables">
528                                    <span class="navigation-long-title">Main Events</span>
529            <span class="navigation-short-title">
530                                    Main Events
531                            </span>
532                                    <span class="navbar-menu-office-right-background"></span>
533                                        <img src="/assets/img/navigation/37.jpg?1.26.9.1" alt="Main Events" />
534                    </a>
535    </li>            <li class="navbar-menu-40">
536            <a href="/en/sortir-et-se-divertir/mon-village-vacances">
537                                    <span class="navigation-long-title">Berck, my holiday village !</span>
538            <span class="navigation-short-title">
539                                    Berck, my holiday village !
540                            </span>
541                                    <span class="navbar-menu-office-right-background"></span>
542                                        <img src="/assets/img/navigation/40.jpg?1.26.9.1" alt="Berck, my holiday village !" />
543                    </a>
544    </li>            <li class="navbar-menu-91">
545            <a href="/en/sortir-et-se-divertir/jeux-de-piste">
546                                    <span class="navigation-long-title">Jeux de piste</span>
547            <span class="navigation-short-title">
548                                    Jeux de piste
549                            </span>
550                                    <span class="navbar-menu-office-right-background"></span>
551                                        <img src="/assets/img/navigation/91.jpg?1.26.9.1" alt="Jeux de piste" />
552                    </a>
553    </li>    
554    </ul>                                                                    </td>
555                            </tr>
556                            <tr>
557                                <td colspan="2" class="navbar-menu-office-bottom">
558                                    <a href="/en/sortir-et-se-divertir">
559                                        Leisure &amp; Activities <i class="fa fa-caret-right" aria-hidden="true"></i>
560                                    </a>
561                                </td>
562                            </tr>
563                            </tbody>
564                        </table>
565                    </li>
566                </ul>
567            </li>
568                <li class="divider hidden-lg hidden-md hidden-sm hidden-xs"></li>
569                        <li id="navbar-menu-desktop-4" class="navbar-menu dropdown navbar-menu-lg navabar-desktop">
570                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
571                    <span class="navbar-menu-decor-bar"></span><i class="fa fa-chevron-right hidden-lg hidden-md hidden-sm" aria-hidden="true"></i>
572                    <span class="navigation-long-title">Good to Know</span>
573                    <span class="navigation-short-title">
574                                                    Good to Know
575                                            </span>
576                    <span class="caret" ></span>
577                                    </a>
578                <ul class="dropdown-menu">
579                    <li>
580                        <table>
581                            <tbody>
582                            <tr>
583                                <td class="navbar-menu-office-left">
584                                    <ul>
585                        <li id="navbar-menu-desktop-85">
586                                    <a href="/en/pratique/lequipe">
587                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> The Team</span>
588                        <span class="navigation-short-title">
589                            <i class="fa fa-angle-right" aria-hidden="true"></i>
590                                                            The Team
591                                                    </span>
592                                            </a>
593                            </li>
594                                <li id="navbar-menu-desktop-71">
595                                    <a href="/en/pratique/les-marees">
596                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Tide Timetable</span>
597                        <span class="navigation-short-title">
598                            <i class="fa fa-angle-right" aria-hidden="true"></i>
599                                                            The Tides in Berck-sur-Mer
600                                                    </span>
601                                            </a>
602                            </li>
603                                <li id="navbar-menu-desktop-69">
604                                    <a href="/en/pratique/nos-brochures">
605                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Our Flyers</span>
606                        <span class="navigation-short-title">
607                            <i class="fa fa-angle-right" aria-hidden="true"></i>
608                                                            Our Flyers
609                                                    </span>
610                                            </a>
611                            </li>
612                                <li id="navbar-menu-desktop-84">
613                                    <a href="/en/pratique/la-boutique-billetterie">
614                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> The shop &amp; ticket sales</span>
615                        <span class="navigation-short-title">
616                            <i class="fa fa-angle-right" aria-hidden="true"></i>
617                                                            The shop &amp; ticket sales
618                                                    </span>
619                                            </a>
620                            </li>
621                                <li id="navbar-menu-desktop-60">
622                                    <a href="/en/pratique/acces-pmr">
623                        <span class="navigation-long-title"><i class="fa fa-angle-right" aria-hidden="true"></i> Accessibility</span>
624                        <span class="navigation-short-title">
625                            <i class="fa fa-angle-right" aria-hidden="true"></i>
626                                                            Accessibility
627                                                    </span>
628                                            </a>
629                            </li>
630                                                </ul>                                </td>
631                                <td class="navbar-menu-office-right">
632                                                                             <div id="navbar-menu-office-right-4">
633                                                                        <ul>
634                                                                                                                                                                                                                                                                                                                        <li class="navbar-menu-99">
635            <a href="/en/pratique/preparer-sa-venue">
636                            <div class="navigation-text-container-4">
637                                        <div class="navigation-text-content-4">
638                <div>
639                        <span class="navigation-long-title">Practical access info</span>
640            <span class="navigation-short-title">
641                                    Practical access info
642                            </span>
643                            <span class="navigation-extract-navigation">
644                    (parking - how
645come)
646                </span>
647                                        </div>
648                </div>
649                        <span class="navbar-menu-office-right-background"></span>
650                            </div>
651                                        <img src="/assets/img/navigation/99.jpg?1.26.9.1" alt="Practical access info" />
652                    </a>
653    </li>            <li class="navbar-menu-83">
654            <a href="/en/pratique/infos-pratiques-office-de-tourisme">
655                            <div class="navigation-text-container-4">
656                                        <div class="navigation-text-content-4">
657                <div>
658                        <span class="navigation-long-title">Practical information</span>
659            <span class="navigation-short-title">
660                                    Practical information
661                            </span>
662                            <span class="navigation-extract-navigation">
663                    (opening hours - your opinion - our commitments)
664                </span>
665                                        </div>
666                </div>
667                        <span class="navbar-menu-office-right-background"></span>
668                            </div>
669                                        <img src="/assets/img/navigation/83.jpg?1.26.9.1" alt="Practical information" />
670                    </a>
671    </li>            <li class="navbar-menu-59">
672            <a href="/en/pratique/je-suis-berckois-e">
673                            <div class="navigation-text-container-4">
674                                        <div class="navigation-text-content-4">
675                <div>
676                        <span class="navigation-long-title">Je suis Berckois.e</span>
677            <span class="navigation-short-title">
678                                    Je suis Berckois.e
679                            </span>
680                            <span class="navigation-extract-navigation">
681                    Associations - Logements étudiants
682                </span>
683                                        </div>
684                </div>
685                        <span class="navbar-menu-office-right-background"></span>
686                            </div>
687                                        <img src="/assets/img/navigation/59.jpg?1.26.9.1" alt="Je suis Berckois.e" />
688                    </a>
689    </li>    
690    </ul>                                                                             </div>
691                                                                    </td>
692                            </tr>
693                            <tr>
694                                <td colspan="2" class="navbar-menu-office-bottom">
695                                    <a href="/en/pratique">
696                                        Good to Know <i class="fa fa-caret-right" aria-hidden="true"></i>
697                                    </a>
698                                </td>
699                            </tr>
700                            </tbody>
701                        </table>
702                    </li>
703                </ul>
704            </li>
705                <li class="divider hidden-lg hidden-md hidden-sm hidden-xs"></li>
706    
707                        <li id="navbar-menu-mobile-1" class="navbar-menu dropdown navbar-menu-lg">
708                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
709                    <span class="navbar-menu-decor-bar"></span><i class="fa fa-chevron-right hidden-lg hidden-md hidden-sm" aria-hidden="true"></i>
710                    <span class="navigation-long-title">Exploring Berck-sur-Mer</span>
711                    <span class="navigation-short-title">
712                                                    Exploring Berck-sur-Mer
713                                            </span>
714                    <span class="caret" ></span>
715                                    </a>
716                <ul class="dropdown-menu">
717                    <li>
718                        <table>
719                            <tbody>
720                            <tr>
721                                <td class="navbar-menu-side">
722                                                                            <a href="/en/decouvrir">
723                                            <span class="navigation-long-title">Exploring Berck-sur-Mer</span>
724                                            <span class="navigation-short-title">
725                                                                                                    Exploring Berck-sur-Mer
726                                                                                            </span>
727                                                                                    </a>
728                                                                        <p>
729                                        
730                                    </p>
731                                </td>
732                                <td class="navbar-menu-page">
733                                    <ul class="navbar-menu-header">
734                                            <li id="navbar-menu-5">
735        <ul class="navbar-menu-body">
736            <li class="navbar-menu-item-2">
737                                    <a href="/en/decouvrir/la-baie-dauthie-et-les-phoques">
738                                                <span class="navigation-long-title">The Baie d&#039;Authie</span>
739                        <span class="navigation-short-title">
740                                                            The Baie d&#039;Authie
741                                                    </span>
742                                            </a>
743                            </li>
744                    </ul>
745    </li>
746    <li id="navbar-menu-7">
747        <ul class="navbar-menu-body">
748            <li class="navbar-menu-item-2">
749                                    <a href="/en/decouvrir/les-randos-a-pied-et-a-velo">
750                                                <span class="navigation-long-title">Hiking and cycling</span>
751                        <span class="navigation-short-title">
752                                                            Hiking and cycling
753                                                    </span>
754                                            </a>
755                            </li>
756                    </ul>
757    </li>
758    <li id="navbar-menu-9">
759        <ul class="navbar-menu-body">
760            <li class="navbar-menu-item-2">
761                                    <a href="/en/decouvrir/les-rencontres-internationales-de-cerfs-volants-2027">
762                                                <span class="navigation-long-title">The International Kite Festival 2027</span>
763                        <span class="navigation-short-title">
764                                                            The International Kite Festival 2027
765                                                    </span>
766                                            </a>
767                            </li>
768                    </ul>
769    </li>
770    <li id="navbar-menu-8">
771        <ul class="navbar-menu-body">
772            <li class="navbar-menu-item-2">
773                                    <a href="/en/decouvrir/la-plage">
774                                                <span class="navigation-long-title">The beach</span>
775                        <span class="navigation-short-title">
776                                                            The beach
777                                                    </span>
778                                            </a>
779                            </li>
780                    </ul>
781    </li>
782    <li id="navbar-menu-10">
783        <ul class="navbar-menu-body">
784            <li class="navbar-menu-item-2">
785                                    <a href="/en/decouvrir/histoire-et-patrimoine">
786                                                <span class="navigation-long-title">History and Local Heritage</span>
787                        <span class="navigation-short-title">
788                                                            History and Local Heritage
789                                                    </span>
790                                            </a>
791                            </li>
792                                <li id="navbar-menu-12">
793        <ul class="navbar-menu-body">
794            <li class="navbar-menu-item-3">
795                                    <a href="/en/decouvrir/histoire-et-patrimoine/le-phare-de-berck-et-la-maison-du-patrimoine">
796                                                                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
797                                                                            <span class="navigation-long-title">The Berck Lighthouse and the House of Cultural Heritage</span>
798                        <span class="navigation-short-title">
799                                                            The Berck Lighthouse and the House of Cultural Heritage
800                                                    </span>
801                                            </a>
802                            </li>
803                    </ul>
804    </li>
805    <li id="navbar-menu-15">
806        <ul class="navbar-menu-body">
807            <li class="navbar-menu-item-3">
808                                    <a href="/en/decouvrir/histoire-et-patrimoine/villas-balneaires">
809                                                                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
810                                                                            <span class="navigation-long-title">Resort Villas</span>
811                        <span class="navigation-short-title">
812                                                            Resort Villas
813                                                    </span>
814                                            </a>
815                            </li>
816                    </ul>
817    </li>
818    <li id="navbar-menu-17">
819        <ul class="navbar-menu-body">
820            <li class="navbar-menu-item-3">
821                                    <a href="/en/decouvrir/histoire-et-patrimoine/greeter">
822                                                                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
823                                                                            <span class="navigation-long-title">Greeter</span>
824                        <span class="navigation-short-title">
825                                                            Greeter
826                                                    </span>
827                                            </a>
828                            </li>
829                    </ul>
830    </li>
831    <li id="navbar-menu-13">
832        <ul class="navbar-menu-body">
833            <li class="navbar-menu-item-3">
834                                    <a href="/en/decouvrir/histoire-et-patrimoine/eglises">
835                                                                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
836                                                                            <span class="navigation-long-title">Churches</span>
837                        <span class="navigation-short-title">
838                                                            Churches
839                                                    </span>
840                                            </a>
841                            </li>
842                    </ul>
843    </li>
844                    </ul>
845    </li>
846    <li id="navbar-menu-11">
847        <ul class="navbar-menu-body">
848            <li class="navbar-menu-item-2">
849                                    <a href="/en/decouvrir/le-musee-de-france">
850                                                <span class="navigation-long-title">The Musée de France</span>
851                        <span class="navigation-short-title">
852                                                            The Musée de France
853                                                    </span>
854                                            </a>
855                            </li>
856                    </ul>
857    </li>
858                                    </ul>
859                                </td>
860                            </tr>
861                            </tbody>
862                        </table>
863                    </li>
864                </ul>
865            </li>
866                <li class="divider hidden-lg hidden-md hidden-sm"></li>
867                        <li id="navbar-menu-mobile-2" class="navbar-menu dropdown navbar-menu-lg">
868                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
869                    <span class="navbar-menu-decor-bar"></span><i class="fa fa-chevron-right hidden-lg hidden-md hidden-sm" aria-hidden="true"></i>
870                    <span class="navigation-long-title">Spend time in Berck-sur-Mer</span>
871                    <span class="navigation-short-title">
872                                                    Spend time in Berck-sur-Mer
873                                            </span>
874                    <span class="caret" ></span>
875                                    </a>
876                <ul class="dropdown-menu">
877                    <li>
878                        <table>
879                            <tbody>
880                            <tr>
881                                <td class="navbar-menu-side">
882                                                                            <a href="/en/sejourner">
883                                            <span class="navigation-long-title">Spend time in Berck-sur-Mer</span>
884                                            <span class="navigation-short-title">
885                                                                                                    Spend time in Berck-sur-Mer
886                                                                                            </span>
887                                                                                    </a>
888                                                                        <p>
889                                        
890                                    </p>
891                                </td>
892                                <td class="navbar-menu-page">
893                                    <ul class="navbar-menu-header">
894                                            <li id="navbar-menu-76">
895        <ul class="navbar-menu-body">
896            <li class="navbar-menu-item-2">
897                                    <a href="/en/sejourner/les-marches">
898                                                <span class="navigation-long-title">Common Markets</span>
899                        <span class="navigation-short-title">
900                                                            Common Markets
901                                                    </span>
902                                            </a>
903                            </li>
904                    </ul>
905    </li>
906    <li id="navbar-menu-20">
907        <ul class="navbar-menu-body">
908            <li class="navbar-menu-item-2">
909                                    <a href="/en/sejourner/hebergements">
910                                                <span class="navigation-long-title">Accomodations in Berck</span>
911                        <span class="navigation-short-title">
912                                                            Accomodations in Berck
913                                                    </span>
914                                            </a>
915                            </li>
916                    </ul>
917    </li>
918    <li id="navbar-menu-27">
919        <ul class="navbar-menu-body">
920            <li class="navbar-menu-item-2">
921                                    <a href="/en/sejourner/restauration">
922                                                <span class="navigation-long-title">Catering</span>
923                        <span class="navigation-short-title">
924                                                            Catering
925                                                    </span>
926                                            </a>
927                            </li>
928                    </ul>
929    </li>
930    <li id="navbar-menu-62">
931        <ul class="navbar-menu-body">
932            <li class="navbar-menu-item-2">
933                                    <a href="/en/sejourner/shopping-et-prendre-un-verre">
934                                                <span class="navigation-long-title">Shops</span>
935                        <span class="navigation-short-title">
936                                                            Shops
937                                                    </span>
938                                            </a>
939                            </li>
940                    </ul>
941    </li>
942    <li id="navbar-menu-41">
943        <ul class="navbar-menu-body">
944            <li class="navbar-menu-item-2">
945                                    <a href="/en/sejourner/berck-sur-mer-destination-famille-plus">
946                                                <span class="navigation-long-title">Berck-sur-Mer, Famille Plus Resort</span>
947                        <span class="navigation-short-title">
948                                                            Berck-sur-Mer, Famille Plus Resort
949                                                    </span>
950                                            </a>
951                            </li>
952                    </ul>
953    </li>
954    <li id="navbar-menu-61">
955        <ul class="navbar-menu-body">
956            <li class="navbar-menu-item-2">
957                                    <a href="/en/sejourner/avec-mon-animal-de-compagnie">
958                                                <span class="navigation-long-title">Berck with my four-legged friend</span>
959                        <span class="navigation-short-title">
960                                                            Berck with my four-legged friend
961                                                    </span>
962                                            </a>
963                            </li>
964                    </ul>
965    </li>
966                                    </ul>
967                                </td>
968                            </tr>
969                            </tbody>
970                        </table>
971                    </li>
972                </ul>
973            </li>
974                <li class="divider hidden-lg hidden-md hidden-sm"></li>
975                        <li id="navbar-menu-mobile-3" class="navbar-menu dropdown navbar-menu-lg">
976                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
977                    <span class="navbar-menu-decor-bar"></span><i class="fa fa-chevron-right hidden-lg hidden-md hidden-sm" aria-hidden="true"></i>
978                    <span class="navigation-long-title">Leisure &amp; Activities</span>
979                    <span class="navigation-short-title">
980                                                    Leisure &amp; Activities
981                                            </span>
982                    <span class="caret" ></span>
983                                    </a>
984                <ul class="dropdown-menu">
985                    <li>
986                        <table>
987                            <tbody>
988                            <tr>
989                                <td class="navbar-menu-side">
990                                                                            <a href="/en/sortir-et-se-divertir">
991                                            <span class="navigation-long-title">Leisure &amp; Activities</span>
992                                            <span class="navigation-short-title">
993                                                                                                    Leisure &amp; Activities
994                                                                                            </span>
995                                                                                    </a>
996                                                                        <p>
997                                        
998                                    </p>
999                                </td>
1000                                <td class="navbar-menu-page">
1001                                    <ul class="navbar-menu-header">
1002                                            <li id="navbar-menu-57">
1003        <ul class="navbar-menu-body">
1004            <li class="navbar-menu-item-2">
1005                                    <a href="/en/sortir-et-se-divertir/activites-et-loisirs">
1006                                                <span class="navigation-long-title">Activities and leisure</span>
1007                        <span class="navigation-short-title">
1008                                                            Activities and leisure
1009                                                    </span>
1010                                            </a>
1011                            </li>
1012                    </ul>
1013    </li>
1014    <li id="navbar-menu-38">
1015        <ul class="navbar-menu-body">
1016            <li class="navbar-menu-item-2">
1017                                    <a href="/en/sortir-et-se-divert
1017ir/agenda-annuel">
1018                                                <span class="navigation-long-title">All events</span>
1019                        <span class="navigation-short-title">
1020                                                            All events
1021                                                    </span>
1022                                            </a>
1023                            </li>
1024                    </ul>
1025    </li>
1026    <li id="navbar-menu-37">
1027        <ul class="navbar-menu-body">
1028            <li class="navbar-menu-item-2">
1029                                    <a href="/en/sortir-et-se-divertir/les-evenements-incontournables">
1030                                                <span class="navigation-long-title">Main Events</span>
1031                        <span class="navigation-short-title">
1032                                                            Main Events
1033                                                    </span>
1034                                            </a>
1035                            </li>
1036                    </ul>
1037    </li>
1038    <li id="navbar-menu-40">
1039        <ul class="navbar-menu-body">
1040            <li class="navbar-menu-item-2">
1041                                    <a href="/en/sortir-et-se-divertir/mon-village-vacances">
1042                                                <span class="navigation-long-title">Berck, my holiday village !</span>
1043                        <span class="navigation-short-title">
1044                                                            Berck, my holiday village !
1045                                                    </span>
1046                                            </a>
1047                            </li>
1048                    </ul>
1049    </li>
1050    <li id="navbar-menu-91">
1051        <ul class="navbar-menu-body">
1052            <li class="navbar-menu-item-2">
1053                                    <a href="/en/sortir-et-se-divertir/jeux-de-piste">
1054                                                <span class="navigation-long-title">Jeux de piste</span>
1055                        <span class="navigation-short-title">
1056                                                            Jeux de piste
1057                                                    </span>
1058                                            </a>
1059                            </li>
1060                    </ul>
1061    </li>
1062                                    </ul>
1063                                </td>
1064                            </tr>
1065                            </tbody>
1066                        </table>
1067                    </li>
1068                </ul>
1069            </li>
1070                <li class="divider hidden-lg hidden-md hidden-sm"></li>
1071                        <li id="navbar-menu-mobile-4" class="navbar-menu dropdown navbar-menu-lg">
1072                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
1073                    <span class="navbar-menu-decor-bar"></span><i class="fa fa-chevron-right hidden-lg hidden-md hidden-sm" aria-hidden="true"></i>
1074                    <span class="navigation-long-title">Good to Know</span>
1075                    <span class="navigation-short-title">
1076                                                    Good to Know
1077                                            </span>
1078                    <span class="caret" ></span>
1079                                    </a>
1080                <ul class="dropdown-menu">
1081                    <li>
1082                        <table>
1083                            <tbody>
1084                            <tr>
1085                                <td class="navbar-menu-side">
1086                                                                            <a href="/en/pratique">
1087                                            <span class="navigation-long-title">Good to Know</span>
1088                                            <span class="navigation-short-title">
1089                                                                                                    Good to Know
1090                                                                                            </span>
1091                                                                                    </a>
1092                                                                        <p>
1093                                        Useful information to prepare your stay or to live in Berck-sur-Mer.
1094                                    </p>
1095                                </td>
1096                                <td class="navbar-menu-page">
1097                                    <ul class="navbar-menu-header">
1098                                            <li id="navbar-menu-85">
1099        <ul class="navbar-menu-body">
1100            <li class="navbar-menu-item-2">
1101                                    <a href="/en/pratique/lequipe">
1102                                                <span class="navigation-long-title">The Team</span>
1103                        <span class="navigation-short-title">
1104                                                            The Team
1105                                                    </span>
1106                                            </a>
1107                            </li>
1108                    </ul>
1109    </li>
1110    <li id="navbar-menu-71">
1111        <ul class="navbar-menu-body">
1112            <li class="navbar-menu-item-2">
1113                                    <a href="/en/pratique/les-marees">
1114                                                <span class="navigation-long-title">Tide Timetable</span>
1115                        <span class="navigation-short-title">
1116                                                            The Tides in Berck-sur-Mer
1117                                                    </span>
1118                                            </a>
1119                            </li>
1120                    </ul>
1121    </li>
1122    <li id="navbar-menu-69">
1123        <ul class="navbar-menu-body">
1124            <li class="navbar-menu-item-2">
1125                                    <a href="/en/pratique/nos-brochures">
1126                                                <span class="navigation-long-title">Our Flyers</span>
1127                        <span class="navigation-short-title">
1128                                                            Our Flyers
1129                                                    </span>
1130                                            </a>
1131                            </li>
1132                    </ul>
1133    </li>
1134    <li id="navbar-menu-84">
1135        <ul class="navbar-menu-body">
1136            <li class="navbar-menu-item-2">
1137                                    <a href="/en/pratique/la-boutique-billetterie">
1138                                                <span class="navigation-long-title">The shop &amp; ticket sales</span>
1139                        <span class="navigation-short-title">
1140                                                            The shop &amp; ticket sales
1141                                                    </span>
1142                                            </a>
1143                            </li>
1144                    </ul>
1145    </li>
1146    <li id="navbar-menu-60">
1147        <ul class="navbar-menu-body">
1148            <li class="navbar-menu-item-2">
1149                                    <a href="/en/pratique/acces-pmr">
1150                                                <span class="navigation-long-title">Accessibility</span>
1151                        <span class="navigation-short-title">
1152                                                            Accessibility
1153                                                    </span>
1154                                            </a>
1155                            </li>
1156                    </ul>
1157    </li>
1158    <li id="navbar-menu-99">
1159        <ul class="navbar-menu-body">
1160            <li class="navbar-menu-item-2">
1161                                    <a href="/en/pratique/preparer-sa-venue">
1162                                                <span class="navigation-long-title">Practical access info</span>
1163                        <span class="navigation-short-title">
1164                                                            Practical access info
1165                                                    </span>
1166                                                    <span class="navigation-extract-navigation">
1167                                (parking - how
1168come)
1169                            </span>
1170                                            </a>
1171                            </li>
1172                                <li id="navbar-menu-108">
1173        <ul class="navbar-menu-body">
1174            <li class="navbar-menu-item-3">
1175                                    <a href="/en/pratique/preparer-sa-venue/en-train">
1176                                                                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
1177                                                                            <span class="navigation-long-title">By train</span>
1178                        <span class="navigation-short-title">
1179                                                            By train
1180                                                    </span>
1181                                            </a>
1182                            </li>
1183                    </ul>
1184    </li>
1185    <li id="navbar-menu-107">
1186        <ul class="navbar-menu-body">
1187            <li class="navbar-menu-item-3">
1188                                    <a href="/en/pratique/preparer-sa-venue/en-bus">
1189                                                                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
1190                                                                            <span class="navigation-long-title">By bus</span>
1191                        <span class="navigation-short-title">
1192                                                            By bus
1193                                                    </span>
1194                                            </a>
1195                            </li>
1196                    </ul>
1197    </li>
1198    <li id="navbar-menu-104">
1199        <ul class="navbar-menu-body">
1200            <li class="navbar-menu-item-3">
1201                                    <a href="/en/pratique/preparer-sa-venue/en-voiture">
1202                                                                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
1203                                                                            <span class="navigation-long-title">By car</span>
1204                        <span class="navigation-short-title">
1205                                                            By car
1206                                                    </span>
1207                                            </a>
1208                            </li>
1209                    </ul>
1210    </li>
1211    <li id="navbar-menu-105">
1212        <ul class="navbar-menu-body">
1213            <li class="navbar-menu-item-3">
1214                                    <a href="/en/pratique/preparer-sa-venue/en-camping-car-1">
1215                                                                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
1216                                                                            <span class="navigation-long-title">By motorhome</span>
1217                        <span class="navigation-short-title">
1218                                                            By motorhome
1219                                                    </span>
1220                                            </a>
1221                            </li>
1222                    </ul>
1223    </li>
1224    <li id="navbar-menu-106">
1225        <ul class="navbar-menu-body">
1226            <li class="navbar-menu-item-3">
1227                                    <a href="/en/pratique/preparer-sa-venue/en-moto">
1228                                                                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
1229                                                                            <span class="navigation-long-title">By motorbike</span>
1230                        <span class="navigation-short-title">
1231                                                            By motorbike
1232                                                    </span>
1233                                            </a>
1234                            </li>
1235                    </ul>
1236    </li>
1237    <li id="navbar-menu-109">
1238        <ul class="navbar-menu-body">
1239            <li class="navbar-menu-item-3">
1240                                    <a href="/en/pratique/preparer-sa-venue/contacts-taxis-location-de-voiture">
1241                                                                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
1242                                                                            <span class="navigation-long-title">Taxi / car rental contacts</span>
1243                        <span class="navigation-short-title">
1244                                                            Taxi / car rental contacts
1245                                                    </span>
1246                                            </a>
1247                            </li>
1248                    </ul>
1249    </li>
1250                    </ul>
1251    </li>
1252    <li id="navbar-menu-83">
1253        <ul class="navbar-menu-body">
1254            <li class="navbar-menu-item-2">
1255                                    <a href="/en/pratique/infos-pratiques-office-de-tourisme">
1256                                                <span class="navigation-long-title">Practical information</span>
1257                        <span class="navigation-short-title">
1258                                                            Practical information
1259                                                    </span>
1260                                                    <span class="navigation-extract-navigation">
1261                                (opening hours - your opinion - our commitments)
1262                            </span>
1263                                            </a>
1264                            </li>
1265                    </ul>
1266    </li>
1267    <li id="navbar-menu-59">
1268        <ul class="navbar-menu-body">
1269            <li class="navbar-menu-item-2">
1270                                    <a href="/en/pratique/je-suis-berckois-e">
1271                                                <span class="navigation-long-title">Je suis Berckois.e</span>
1272                        <span class="navigation-short-title">
1273                                                            Je suis Berckois.e
1274                                                    </span>
1275                                                    <span class="navigation-extract-navigation">
1276                                Associations - Logements étudiants
1277                            </span>
1278                                            </a>
1279                            </li>
1280                    </ul>
1281    </li>
1282                                    </ul>
1283                                </td>
1284                            </tr>
1285                            </tbody>
1286                        </table>
1287                    </li>
1288                </ul>
1289            </li>
1290                <li class="divider hidden-lg hidden-md hidden-sm"></li>
1291                </ul>
1292            <ul class="nav navbar-nav navbar-right">
1293                            </ul>
1294        </div>
1295    </div>
1296</nav>
1297                <div  id="wrapper-page-item-meteo-et-webcams"  class="page">
1298                                <div id="page-meteo-et-webcams" class="container-fluid page-item page-alone">
1299                <div id="page-header">
1300            <div class="row section section-breadcrump">
1301    <div class="section-content">
1302        <div class="row section-container">
1303            <div class="section-header"></div>
1304            <div class="section-body"></div>
1305            <div class="section-footer">
1306                                <ol class="breadcrumb">
1307                    <li class=""><a href="/en"><i class="fa fa-home"></i> Accueil</a></li>
1308                                                                                                                            <li class="active">
1309                                <a href="/en/meteo-et-webcams">Météo et Webcams</a>
1310                            </li>
1311                                                            </ol>
1312            </div>
1313        </div>
1314    </div>
1315</div>
1316        </div>
1317
1318                <div id="page-body">
1319            <div class="row section section-item section-item-page">
1320    <div class="section-title">
1321                    <h1>
1322    Météo et Webcams
1323</h1>                <div class="page-social">
1324    <span class="page-social-text"><i class="fa-solid fa-share" aria-hidden="true"></i></span>
1325    <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.berck-tourisme.com%2Fen%2Fmeteo-et-webcams" class="page-social-item page-social-facebook" target="_blank" aria-label="Share on Facebook">
1326        <i class="fa-brands fa-facebook-f" aria-hidden="true"></i>
1327    </a>
1328    <a href="https://www.twitter.com/share?text=M%C3%A9t%C3%A9o%20et%20Webcams&url=https%3A%2F%2Fwww.berck-tourisme.com%2Fen%2Fmeteo-et-webcams" class="page-social-item page-social-x" target="_blank" aria-label="Share on X">
1329        <i class="fa-brands fa-x-twitter" aria-hidden="true"></i>
1330    </a>
1331    <a href="mailto:?subject=Météo et Webcams&amp;body=https%3A%2F%2Fwww.berck-tourisme.com%2Fen%2Fmeteo-et-webcams" class="page-social-item page-social-email" aria-label="Share by email">
1332        <i class="fa fa-envelope" aria-hidden="true"></i>
1333    </a>
1334</div>
1335    </div>
1336    <div class="section-content">
1337        <div class="col-md-12 col-sm-12 col-xs-12 section-action">
1338            <div class="row section-action-container">
1339                            </div>
1340        </div>
1341                                    <div class="section-col-left col-md-8 col-sm-12 col-xs-12">
1342    <div class="row">
1343        <div class="col-md-12 col-sm-12 col-xs-12">
1344    <div id="office-webcams">
1345            <div class="office-webcam-weather accessibility-content">
1346    <div class="container-fluid">
1347        <div class="row">
1348            <div class="row">
1349                <div class="col-md-12 col-sm-12 col-xs-12">
1350                                                                            <h4>Current conditions <a href="https://openweathermap.org/" target="_blank" class="small text-muted">(Sources)</a></h4>
1351                    <div class="row">
1352                        <div class="col-md-6 col-sm-6 col-xs-12">
1353                            <table class="table">
1354                                <tbody>
1355                                    <tr>
1356                                        <td class="col-md-6 col-sm-6 col-xs-6 text-center" style="vertical-align: middle;">
1357                                            <b>Nuageux</b><br>
1358                                            <img src="https://api.berck.fr/assets/img/weather/04d.png" alt="nuageux"/><br>
1359                                            <b style="font-size: 1.5em">18.97°</b>
1360                                        </td>
1361                                    </tr>
1362                                </tbody>
1363                            </table>
1364                        </div>
1365                        <div class="col-md-6 col-sm-6 col-xs-12">
1366                            <table class="table">
1367                                <tbody>
1368                                    <tr>
1369                                        <td class="col-md-6 col-sm-6 col-xs-6" style="padding: 0">
1370                                            <table class="table table-striped">
1371                                                <tr>
1372                                                    <td style="border-top: none;">
1373                                                                                                                <span class="">Sunrise:</span> <b>08:01</b>
1374                                                    </td>
1375                                                </tr>
1376                                                <tr>
1377                                                    <td>
1378                                                                                                                <span class="">Sunset:</span> <b>19:22</b>
1379                                                    </td>
1380                                                </tr>
1381                                                <tr>
1382                                                    <td>
1383                                                        <span class="">Atmospheric pressure:</span> <b>1016 hPa</b>
1384                                                    </td>
1385                                                </tr>
1386                                                <tr>
1387                                                    <td>
1388                                                        <span class="">Humidity:</span> <b>82%</b>
1389                                                    </td>
1390                                                </tr>
1391                                                <tr>
1392                                                    <td>
1393                                                        <span class="">Wind speed:</span> <b>13 km/h</b>
1394                                                    </td>
1395                                                </tr>
1396                                                <tr>
1397                                                    <td>
1398                                                        <span class="">Wind direction:</span> <b>Nord - Nord Ouest</b>
1399                                                    </td>
1400                                                </tr>
1401                                                <tr>
1402                                                    <td>
1403                                                        <span class="">Wind gusts:</span> <b>0 km/h</b>
1404                                                    </td>
1405                                                </tr>
1406                                            </table>
1407                                        </td>
1408                                    </tr>
1409                                </tbody>
1410                            </table>
1411                        </div>
1412                    </div>
1413                    <div class="text-right">
1414                        <a class="button btn-primary" href="/en/meteo-et-webcams/meteo">All weather forecasts</a>
1415                    </div>
1416                    <br><br><br><br>
1417                                </div>
1418            </div>
1419            <div class="row">
1420                <div class="col-md-12 col-sm-12 col-xs-12">
1421                                            <h4>Tide high </h4>
1422                        <div class="row">
1423                            <div class="col-md-6 col-sm-6 col-xs-12">
1424                                <table class="table">
1425                                    <tbody>
1426                                    <tr>
1427                                        <td class="col-md-6 col-sm-6 col-xs-6 text-center" style="vertical-align: middle;font-size: 6em;color: #2d8ac7;">
1428                                            <i class="fa-solid fa-water" aria-hidden="true"></i>
1429                                        </td>
1430                                    </tr>
1431                                    </tbody>
1432                                </table>
1433                            </div>
1434                            <div class="col-md-6 col-sm-6 col-xs-12">
1435                                <table class="table">
1436                                    <tbody>
1437                                    <tr>
1438                                        <td class="col-md-6 col-sm-6 col-xs-6" style="padding: 0">
1439                                            <table class="table table-striped">
1440                                                <tr>
1441                                                    <td style="border-top: none;">
1442                                                        <span class="">Status:</span> <b>High </b>
1443                                                    </td>
1444                                                </tr>
1445                                                <tr>
1446                                                    <td style="border-top: none;">
1447                                                        <span class="">Time:</span> <b>21:40</b>
1448                                                    </td>
1449                                                </tr>
1450                                                <tr>
1451                                                    <td style="border-top: none;">
1452                                                        <span class="">Height:</span> <b>8.17</b>
1453                                                    </td>
1454                                                </tr>
1455                                                <tr>
1456                                                    <td style="border-top: none;">
1457                                                        <span class="">Coefficient:</span> <b>55</b>
1458                                                    </td>
1459                                                </tr>
1460                                            </table>
1461                                        </td>
1462                                    </tr>
1463                                    </tbody>
1464                                </table>
1465                            </div>
1466                        </div>
1467                        <div class="text-right">
1468                            <a class="button btn-primary" href="/en/meteo-et-webcams/horaires-de-marees">All tide times</a>
1469                        </div>
1470                        <br><br><br><br>
1471                                    </div>
1472            </div>
1473            <div class="row">
1474                                                                                <h4>Poste de secours <a href="https://www.skaping.com/berck-sur-mer/poste-de-secours" target="_blank" class="small text-muted">(Direct link)</a></h4>
1475                        <div class="embed-responsive embed-responsive-16by9">
1476                            <iframe title="Webcam Poste de secours" class="embed-responsive-item" src="https://www.skaping.com/berck-sur-mer/poste-de-secours" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
1477                        </div>
1478                        <br>
1479                                                            <div class="text-right">
1480                        <a class="button btn-primary" href="/en/meteo-et-webcams/webcams">All webcams</a>
1481                    </div>
1482                            </div>
1483            <div class="row">
1484                <div class="col-md-12 col-sm-12 col-xs-12 small text-center">
1485                    <hr>
1486                    <span class="small">View raw data from </span> <a class="small" href="https://api.berck.fr/shared-content/webcam/list/" target="_blank">webcams</a> <span class="small">and </span> <a class="small" href="https://openweathermap.org/" target="_blank">weather</a>
1487                    <br><br>
1488                </div>
1489            </div>
1490        </div>
1491    </div>
1492</div>
1493
1494    </div>
1495        </div>
1496    </div>
1497</div>                                        <div class="section-col-right col-md-4 col-sm-12 col-xs-12">
1498                    <div class="widget-side-navigation widget-side">
1499    <div class="row widget-container">
1500        <div class="widget-header">
1501            <h3><i class="fa fa-chevron-right"></i> Météo et Webcams</h3>
1502            <button type="button" class="widget-side-navigation-collapse-all" data-collapse="false">
1503                <i class="widget-side-navigation-collapse-open fa fa-plus"></i>
1504                <i class="widget-side-navigation-collapse-close fa fa-minus"></i>
1505            </button>
1506        </div>
1507        <div class="widget-body">
1508                                                                                    <ul>
1509                    <li>
1510            <a href="/en/meteo-et-webcams/meteo">
1511                <i class="fa fa-angle-right" aria-hidden="true"></i> Météo
1512            </a>
1513                        
1514            
1515                    </li>
1516                    <li>
1517            <a href="/en/meteo-et-webcams/webcams">
1518                <i class="fa fa-angle-right" aria-hidden="true"></i> Webcams
1519            </a>
1520                        
1521            
1522                    </li>
1523                    <li>
1524            <a href="/en/meteo-et-webcams/horaires-de-marees">
1525                <i class="fa fa-angle-right" aria-hidden="true"></i> Horaires de marées
1526            </a>
1527                        
1528            
1529                    </li>
1530    </ul>                                                        </div>
1531    </div>
1532</div>
1533
1534                </div>
1535                        </div>
1536</div>        </div>
1537
1538                <div id="page-footer">
1539                    </div>
1540    </div>
1541            </div>
1542
1543                    <footer class="footer">
1544    <div class="container-fluid">
1545                    <div class="footer-page">
1546                                    <div  class="footer-page-item">
1547                                                    <a href="/en/accessibilite-non-conforme">
1548                                <span class="navigation-long-title">Accessibilité : non conforme</span>
1549                                <span class="navigation-short-title">
1550                                                                            Accessibilité : non conforme
1551                                                                    </span>
1552                            </a>
1553                                            </div>
1554                                    <div  class="footer-page-item">
1555                                                    <a href="/en/mentions-legales">
1556                                <span class="navigation-long-title">Mentions légales</span>
1557                                <span class="navigation-short-title">
1558                                                                            Mentions légales
1559                                                                    </span>
1560                            </a>
1561                                            </div>
1562                                    <div  class="footer-page-item">
1563                                                    <a href="/en/espace-pro">
1564                                <span class="navigation-long-title">Espace pro</span>
1565                                <span class="navigation-short-title">
1566                                                                            Espace pro
1567                                                                    </span>
1568                            </a>
1569                                            </div>
1570                                    <div  class="footer-page-item">
1571                                                    <a href="/en/numeros-utiles">
1572                                <span class="navigation-long-title">Useful numbers</span>
1573                                <span class="navigation-short-title">
1574                                                                            Useful numbers
1575                                                                    </span>
1576                            </a>
1577                                            </div>
1578                                    <div  class="footer-page-item">
1579                                                    <a href="/en/sites-partenaires">
1580                                <span class="navigation-long-title">Partners</span>
1581                                <span class="navigation-short-title">
1582                                                                            Partners
1583                                                                    </span>
1584                            </a>
1585                                            </div>
1586                            </div>
1587            </div>
1588</footer>
1589        
1590        
1591        <div id="modal-search" class="modal-search modal fade" tabindex="-1" role="dialog">
1592        <div class="modal-horizontal-center">
1593            <div class="modal-vertical-center">
1594                <div class="modal-dialog modal-lg" role="document">
1595                    <div class="modal-content">
1596                        <div class="modal-header">
1597                            <button type="button" class="close" aria-label="Close" data-dismiss="modal">
1598                                <span class="fa fa-times"></span>
1599                            </button>
1600                        </div>
1601                        <div class="modal-body">
1602                            <div class="modal-message">
1603                                <div class="modal-message-icon">
1604    <i class="modal-message-icon-picture fa fa-search"></i>
1605    <i class="modal-message-icon-loading fa fa-spin fa-spinner hidden"></i>
1606</div>
1607<div class="modal-message-title">
1608    Search page
1609</div>
1610<div class="modal-message-text">
1611
1612</div>                            </div>
1613                            <div class="modal-form">
1614                                    <form name="form_front_search_search" method="post" method="POST" action="/_search/search/en">
1615
1616    <input type="search" id="form_front_search_search_search" name="form_front_search_search[search]" required="required" placeholder="Your research" class="form-control" />
1617    <input type="hidden" id="form_front_search_search__token" name="form_front_search_search[_token]" value="K6j0Gg3gWf0qH7MR-zHR47YS16KOFMNChM0oHOrR69Y" />
1618
1619    <div class="modal-form-button">
1620        <button type="submit" class="btn btn-info">
1621            <i class="fa fa-search"></i>
1622        </button>
1623    </div>
1624    </form>
1625                            </div>
1626                            <div class="modal-result">
1627
1628                            </div>
1629                        </div>
1630                    </div>
1631                </div>
1632            </div>
1633        </div>
1634    </div>
1635
1636        
1637                    
1638<script src="/bundles/bercksurmercmscore/js/front/controller/FrontAnchorController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1638
1638
1639<script src="/bundles/bercksurmercmscore/js/front/controller/FrontNavigationController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1639
1639
1640<script src="/bundles/bercksurmercmscore/js/front/controller/FrontBreadcrumpController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1640
1640
1641<script src="/bundles/bercksurmercmscore/js/front/controller/FrontAgendaActivityController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1641
1641
1642<script src="/bundles/bercksurmercmscore/js/front/controller/FrontArticleController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1642
1642
1643<script src="/bundles/bercksurmercmscore/js/front/controller/FrontToolController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1643
1643
1644<script src="/bundles/bercksurmercmscore/js/frontadmin/controller/FrontAdminPanelController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1644
1644
1645<script src="/bundles/bercksurmercmscore/js/front/controller/widget/FrontWidgetInPicturesController.js?1.26.9.1"></script>
1645
1646
1647
1648    
1648<script src="/bundles/bercksurmercmscore/js/front/controller/search/FrontSearchSearchController.js?1.26.9.1"></script>
1648
1649
1650
1651
1652<script>
1653                    
1654    
1655    FrontAnchorController.init();
1656    FrontNavigationController.init();
1657    FrontBreadcrumpController.init();
1658    FrontAgendaActivityController.init();
1659    FrontAgendaActivityController.initDrag(4);
1660    FrontArticleController.init();
1661    FrontArticleController.initDrag(4);
1662    FrontToolController.init();
1663    FrontAdminPanelController.init();
1664    FrontWidgetInPicturesController.init("Afficher la galerie en plein écran","Fermer la galerie en plein écran");
1665
1666    
1667            FrontSearchSearchController.init();
1668        
1669    // Init tooltip
1670    $('[data-toggle="tooltip"]').tooltip();
1671
1672    </script>
1672        
1673                    
1673<script src="/assets/js/controller/front/FrontGalleryController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1673
1673
1674<script src="/assets/js/controller/DataTourismeController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1674
1674
1675<script src="/assets/js/controller/DataTourismeEventController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1675
1675
1676<script src="/assets/js/controller/DataTourismePlaceController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1676
1676
1677<script src="/assets/js/controller/front/FrontFormContactController.js?1.26.9.1"></script>
vendor: 1 bytes, line 1677
1677
1678<script src="/assets/js/controller/front/FrontOfficeMain.js?1.26.9.1"></script>
1678
1679
1680<script>
1681    FrontOfficeMain.init();
1682    FrontGalleryController.init();
1683    DataTourismeController.initSideToggle();
1684    DataTourismeEventController.init();
1685    DataTourismePlaceController.init();
1686    FrontFormContactController.init();
1687    CookieConsent.init("en");
1688</script>
1688        
1689                    <div id="scroll-top">
1690    <button type="button">
1691        <i class="fa fa-play"></i>
1692    </button>
1693</div>            </body>
1694</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.