PageSourceSearch

https://ville-gournay-sur-marne.fr/fr/rb/167611/bienvenue-a-gournay

html ville-gournay-sur-marne.fr collected 2026-10-02 20:50:43 UTC 108,401 bytes, 1,799 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr" xmlns:ff4j="http://www.w3.org/1999/xhtml" xmlns:esi="http://www.edge-delivery.org/esi/1.0">
3    <head>
4        <title>
5            Bienvenue à Gournay - Gournay-sur-Marne        </title>
6
7        
7<script src="/lib/tarteaucitron/tarteaucitron.js"></script>
7
8        
8<script>
9            var tarteaucitronExpireInDay = true, tarteaucitronForceExpire = 183;
10
11            tarteaucitron.init({
12                "privacyUrl": "", /* Privacy policy url */
13
14                "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
15                "cookieName": "tarteaucitron", /* Cookie name */
16
17                "orientation": "bottom", /* Banner position (top - bottom) */
18
19                "showAlertSmall": false, /* Show the small banner on bottom right */
20                "cookieslist": true, /* Show the cookie list */
21
22                "showIcon": false, /* Show cookie icon to manage cookies */
23                // "iconSrc": "", /* Optionnal: URL or base64 encoded image */
24                "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */
25
26                "adblocker": false, /* Show a Warning if an adblocker is detected */
27
28                "DenyAllCta": true, /* Show the deny all button */
29                "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */
30                "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
31
32                "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
33
34                "removeCredit": false, /* Remove credit link */
35                "moreInfoLink": true, /* Show more info link */
36                "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
37
38                //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */
39
40                "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */
41
42                "mandatory": true, /* Show a message about mandatory cookies */
43
44                "listCookieByService": false, /* Show a message about list cookie by service */
45
46            });
47        </script>
47
48
49            
50
51    <meta name="Description" content="">
52    <meta name="Keywords" content="">
53    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
54    <meta charset="UTF-8">
55                    <meta name="google-site-verification" content="0VLLD8CF7Ayrt4UjpjD4LuOOEZhR4XWo69sx2wBX0lE" />
56        <!-- Matomo -->
57<script>
58  var _paq = window._paq = window._paq || [];
59  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
60  _paq.push(['trackPageView']);
61  _paq.push(['enableLinkTracking']);
62  (function() {
63    var u="//matomo-client.neopse.com/";
64    _paq.push(['setTrackerUrl', u+'matomo.php']);
65    _paq.push(['setSiteId', '9']);
66    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
67    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
68  })();
69</script>
69
70<!-- End Matomo Code -->
71    
72
73
74
75
76
77            <link href="/css/slick.css" rel='stylesheet' type='text/css'>
78        <link href="/css/slick-theme.css" rel='stylesheet' type='text/css'>
79                                            <link rel="apple-touch-icon" href="https://static.neopse.com/thumbs/p/563/site/e8/9d/c7/e89dc72cf4e9c9a5951cf028a5edf520a24c7592.png?v=v1">
80                    <link rel="icon" href="https://static.neopse.com/thumbs/p/563/site/e8/9d/c7/e89dc72cf4e9c9a5951cf028a5edf520a24c7592.png?v=v1">
81                
82                <link rel="preconnect" href="https://fonts.googleapis.com">
83                <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
84                <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Material+Icons" rel="stylesheet">
85                <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Jost:wght@400;700&family=Lato:wght@400;700&family=Lora:wght@400;700&family=Merriweather:wght@400;700&family=Montserrat:wght@400;700&family=Nunito:wght@400;700&family=Open+Sans:wght@400;700&family=Outfit:wght@400;700&family=Roboto:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet">
86
87                <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'>
88                <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'>
89                <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'>
90                <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'>
91                <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'>
92                <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'>
93                <link rel="stylesheet"
94                      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
95                <link href="/tpl/1/css/style.css" rel="stylesheet" type='text/css'>
96                <link rel="stylesheet"
97                      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/>
98
99                <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/>
100                <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/>
101                                    <style class="notranslate" title="customCss" type="text/css"
102                           rel="stylesheet">.bg_bloc { background-color: rgb(239, 247, 255) !important; }
103        .table td, .table, .table thead th { border-color: rgb(239, 247, 255) !important; }
104        .bg_bloc .dropdown-toggle,
105        .bg_bloc .dropdown-menu {
106            background-color: rgb(239, 247, 255) !important;
107            border-color: rgb(239, 247, 255) !important;
108        }
109        .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td{
110            border-color: rgb(239, 247, 255) !important;
111        }
112
113        .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: rgb(239, 247, 255) !important; }
114
115        .fc-unthemed td.fc-today{
116            background: rgb(239, 247, 255) !important;
117        }
118
119        .cookies .btn{ color: rgb(239, 247, 255) !important; }body { background-color: #FFFFFF; }body { background-image: url(undefined); background-position: center; background-repeat: repeat; }.bg_wrapper { background-color: rgba(2, 80, 157, 0.04) !important; }.bg_wrapper { background-image: url(undefined); background-position: center; background-repeat: repeat; }.c_btn { color: #FFFFFF; } .c_btn:hover, .c_btn:focus, .c_btn:active { color: #FFFFFF; } .c_btn:before { background-color: #FFFFFF !important; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .carousel-indicators .active {background: #FFFFFF;opacity: 1;} .carousel-indicators li, .owl-theme .owl-dots .owl-dot span{background-color: #FFFFFF;opacity: 0.5;} .fc-event{ color: #FFFFFF !important;}.text_bloc {color:#3E3E3E !important;}
120        .text_bloc .title:before {background-color:#3E3E3E!important;}
121        .bg_bloc .c_text {color:#3E3E3E !important;}
122        .bg_bloc .dropdown-toggle,
123        .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after {
124            color:#3E3E3E !important;
125        }
126
127        .fc-unthemed thead.fc-head{ color: #3E3E3E !important; }
128        .fc-unthemed td.fc-today{
129            color: #3E3E3E !important;
130        }
131
132        .cookies .btn{ background-color: #3E3E3E !important; }body, .title, .lead, .heading { font-family: Arial, Helvetica, sans-serif !important; }.footer.bg { background-color: #02509D; }nav.navbar.bg { background-color: #02509D; }nav.navbar.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }body, .c_text, .container, .carousel-caption .title, .dropdown-item.c_text, .newsletter .requirements { color: #3E3E3E; }
133        .slick-prev:before, .slick-next:before { color: #3E3E3E; }
134        .c_text.navbar-toggler{ border-color: #3E3E3E !important; }
135        .title:before{ background-color: #3E3E3E !important; }
136        .intern-page .en-tete{ border-left-color: #3E3E3E;}
137        .bootstrap-select .dropdown-menu li a{
138            color: #3E3E3E;
139        }
140        .bootstrap-select .dropdown-toggle::after{
141            color: #3E3E3E;
142        }
143        .fc-button{
144            color: #3E3E3E !important;
145        }nav.navbar .c_btn { color: #FFFFFF; }nav.navbar .dropdown-menu { background-color: #02509D; }.footer .c_text { color: #FFFFFF; }nav.navbar .c_text, nav.navbar .c_text i { color: #C7E3FF; }nav.navbar .h_text:hover { color: rgb(255, 255, 255); }.footer .c_title { color: #FFFFFF; }
146        .footer .c_title:before { background-color: #FFFFFF !important; }.breadcrumb.bg { background-color: rgba(235, 245, 255, 0.53); }.breadcrumb.bg { background-image: url(https://static.neopse.com/medias/p/563/site/5b/7a/02/5b7a02e6b69ab582693e4314869df20df82d13c6.png?v=v1); background-position: center; background-repeat: repeat; }nav.navbar .dropdown-menu .c_text { color: #C7E3FF; }nav.navbar .dropdown-menu .h_text:hover { color: #FFFFFF; }nav.navbar .h_text:hover { background-color: #02509D; }body .bg_btn { background-color: #02509D; } body .bg_btn:hover, body .bg_btn:active, body .bg_btn:focus { background-color: #02509D; } .fc-event{ background-color: #02509D !important; border-color: #02509D !important; }#w_headline { background-color: rgba(255, 255, 255, 0); }#w_841on35ds .bg:before { background-color: rgba(2, 80, 157, 0.1); }#w_aq1uexxg1 .bg { background-color: #FFFFFF; }#w_ci5a35dfb .bg { background-color: rgba(2, 80, 157, 0.1); }#w_dpqjxnpf1 .bg { background-color: rgba(2, 80, 157, 0.1); }#w_f487zogc1 .bg { background-color: rgba(2, 80, 157, 0.1); }#w_fl9w8lmua .bg { background-color: #FFFFFF; }#w_headline .c_btn { color: rgb(255, 255, 255); }
147        #w_headline .c_btn:before { background-color: rgb(255, 255, 255) !important; }
148        
149        #w_headline .owl-theme .owl-dots .owl-dot.active span,
150        #w_headline .owl-theme .owl-dots .owl-dot:hover span,
151        #w_headline .carousel-indicators .active {
152            background: rgb(255, 255, 255);
153            opacity: 1;
154        }
155        #w_headline .carousel-indicators li,
156        #w_headline .owl-theme .owl-dots .owl-dot span{
157            background-color: rgb(255, 255, 255);
158            opacity: 0.5;
159        }#w_kmix57o2y .bg:before { background-color: rgba(2, 80, 157, 0.1); }#w_ly0ivwcx2 .bg { background-color: #FFFFFF; }#w_mk3ta65rb .bg { background-color: rgba(2,80,157,0.25); }#w_op0ck6b00 .bg { background-color: rgba(2,80,157,0.2); }#w_t4quxz00r .bg { background-color: #FFFFFF; }#w_w539m9hpl .bg { background-color: rgba(93, 168, 244, 0.39); }#w_yxurzoj2v .bg { background-color: #EBF5FF; }.breadcrumb.bg .c_text { color: #5DA8F4; }nav.navbar .bg_btn { background-color: #FFFFFF; }nav.navbar .dropdown-menu .h_text:hover { background-color: rgb(2, 80, 157); }#w_aq1uexxg1 .c_btn { color: #02509D; }
160        #w_aq1uexxg1 .c_btn.dark:before { background-color: #02509D !important; }
161        #w_aq1uexxg1 .owl-theme .owl-dots .owl-dot.active span,
162        #w_aq1uexxg1 .owl-theme .owl-dots .owl-dot:hover span {
163            background: #02509D;
164            opacity: 1;
165        }
166        #w_aq1uexxg1 .carousel-indicators li,
167        #w_aq1uexxg1 .owl-theme .owl-dots .owl-dot span{
168            background-color: #02509D;
169            opacity: 0.5;
170        }#w_bswa2k9b1 .overlay:before { background-color: rgba(103, 176, 249, 0.38)!important; }#w_ci5a35dfb .c_btn,
171        #w_ci5a35dfb .card-icon-date .day { color: #02509D; border-color: #02509D; }
172        #w_ci5a35dfb .c_btn:before,
173        #w_ci5a35dfb .owl-theme .owl-dots .owl-dot.active span,
174        #w_ci5a35dfb .owl-theme .owl-dots .owl-dot:hover span,
175        #w_ci5a35dfb .slick-dots .slick-active button:before,
176        #w_ci5a35dfb .card-icon-date .month {
177            background-color: #02509D !important;
178            opacity: 1;
179        }
180        #w_ci5a35dfb .carousel-indicators li,
181        #w_ci5a35dfb .owl-theme .owl-dots .owl-dot span,
182        #w_ci5a35dfb .slick-dots li button:before{
183            background-color: #02509D;
184            opacity: 0.5;
185        }#w_f487zogc1 .c_btn, #w_f487zogc1 .slick-prev:before, #w_f487zogc1 .slick-next:before { color: #02509D; }
186        #w_f487zogc1 .c_btn:before { background-color: #02509D !important; }
187
188        #w_f487zogc1 .slick-dots li button { background-color: #02509D;opacity:0.5; }
189        #w_f487zogc1 .slick-dots li.slick-active button { background-color: #02509D;
189 opacity: 1 !important;}#w_headline .c_text { color: rgb(255, 255, 255); }
190        #w_headline .title.c_text:before { background-color: rgb(255, 255, 255) !important; }#w_kmix57o2y .c_btn { color: rgba(2, 80, 157, 0.1); }
191        #w_kmix57o2y .c_btn:before { background-color: rgba(2, 80, 157, 0.1) !important; }#w_mk3ta65rb .c_btn, #w_mk3ta65rb .c_btn:hover, #w_mk3ta65rb .c_btn:focus, #w_mk3ta65rb .c_btn:active { color: #FFFFFF; } #w_mk3ta65rb .c_btn:before { background-color: #FFFFFF; }#w_op0ck6b00 .c_btn { color: #02509D; }
192        #w_op0ck6b00 .c_btn:before { background-color: #02509D; }#w_t4quxz00r .owl-theme .owl-dots .owl-dot.active span, #w_t4quxz00r .owl-theme .owl-dots .owl-dot:hover span { background-color: #47A5B6;opacity: 1;} #w_t4quxz00r .carousel-indicators li, #w_t4quxz00r .owl-theme .owl-dots .owl-dot span{background-color: #47A5B6;opacity: 0.5;} #w_t4quxz00r .c_btn:before { background-color: #47A5B6 !important; }.breadcrumb.bg .c_title { color: #02509D; }
193        .breadcrumb.bg .c_title:before { background-color: #02509D !important; }#w_841on35ds .c_text { color: #FFFFFF; }
194        #w_841on35ds .c_text:before { background-color: #FFFFFF; }#w_aq1uexxg1 .c_text { color: #3E3E3E; }#w_ci5a35dfb .c_text { color: #3E3E3E; }#w_mk3ta65rb .c_text, #w_mk3ta65rb .requirements { color: rgb(2,80,157); }#w_op0ck6b00 .c_text, #w_op0ck6b00 .requirements { color: #02509D; }#w_841on35ds .c_title { color: #02509D; }
195        #w_841on35ds .c_title:before { background-color: #02509D !important; }#w_aq1uexxg1 .c_title { color: #02509D !important; }
196        #w_aq1uexxg1 .c_title.dark:before { background-color: #02509D !important; }#w_bswa2k9b1 .c_title { color: #02509D; }
197        #w_bswa2k9b1 .c_title:before { background-color: #02509D !important; }#w_ci5a35dfb .c_title { color: #02509D; }
198        #w_ci5a35dfb .c_title:before { background-color: #02509D !important; }#w_dpqjxnpf1 .c_title { color: #02509D; }
199        #w_dpqjxnpf1 .c_title:before { background-color: #02509D !important; }#w_f487zogc1 .c_title { color: #02509D; }
200        #w_f487zogc1 .c_title:before { background-color: #02509D !important; }#w_fl9w8lmua .c_title { color: #02509D; }
201        #w_fl9w8lmua .c_title:before { background-color: #02509D !important; }#w_kmix57o2y .c_title { color: #02509D; }
202        #w_kmix57o2y .c_title:before { background-color: #02509D !important; }#w_mk3ta65rb .c_title { color: #02509D; } #w_mk3ta65rb .c_title:before { background-color: #02509D !important; }#w_op0ck6b00 .c_title { color: #02509D; }
203        #w_op0ck6b00 .c_title:before { background-color: #02509D !important; }#w_t4quxz00r .c_title { color: #02509D; } #w_t4quxz00r .c_title:before { background-color: #02509D !important; }#w_w539m9hpl .c_title { color: #02509D; }
204        #w_w539m9hpl .c_title:before { background-color: #02509D !important; }#w_bswa2k9b1 .c_title { display: none; }#w_fl9w8lmua .c_title { display: inline-block; }#w_kmix57o2y .c_title { display: none; }#w_ly0ivwcx2 .c_title { display: none; }#w_headline .carousel-item.overlay:before { background-color: rgba(255, 255, 255, 0); }#w_mk3ta65rb .bg_btn { background-color: #000000; }#w_op0ck6b00 .bg_btn { background-color: rgba(2,80,157,0.35); }#w_841on35ds .card { background-color: #02509D; }#w_ci5a35dfb .bg_text { background-color: #FFFFFF; }/*np-dropdowns*/.bootstrap-select{background-color:rgb(239, 247, 255)!important;}.bootstrap-select .dropdown-menu{background-color:rgb(239, 247, 255)!important;border-color:rgb(239, 247, 255)!important;}.bootstrap-select .dropdown-menu .dropdown-item,.bootstrap-select .dropdown-menu li a,.bootstrap-select .dropdown-menu .dropdown-item:hover,.bootstrap-select .dropdown-menu .dropdown-item:focus,.bootstrap-select .dropdown-menu .dropdown-item.active,.bootstrap-select .dropdown-menu .dropdown-item.selected{background-color:rgb(239, 247, 255)!important;}.bootstrap-select,.bootstrap-select .dropdown-toggle,.bootstrap-select .dropdown-toggle::after,.bootstrap-select .dropdown-menu,.bootstrap-select .dropdown-menu .c_text,.bootstrap-select .dropdown-menu .dropdown-item,.bootstrap-select .dropdown-menu .dropdown-item:hover,.bootstrap-select .dropdown-menu .dropdown-item:focus,.bootstrap-select .dropdown-menu .dropdown-item.active,.bootstrap-select .dropdown-menu .dropdown-item.selected,.bootstrap-select .dropdown-menu li a,.bootstrap-select .dropdown-menu .text{color:#3E3E3E!important;}</style>
205                            
206    
207        
207<script src="/js/vendor/jquery-3.2.1.min.js"></script>
207
208        
208<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
208
209    </head>
210    <body>
211
212        <header role="banner"><!-- Top navbar -->
213<nav role="navigation" class="navbar fixed-top navbar-expand-lg bg">
214    <div class="ov"></div>
215    <div class="container">
216        <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/">
217                            <h1 class="img">
218                    <picture>
219                        <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/563/site/26/54/a7/2654a7fa5eae4afd0f271ecbae5791ea5fc16480.png">
220                        <img role="img" src="https://static.neopse.com/medias/p/563/site/26/54/a7/2654a7fa5eae4afd0f271ecbae5791ea5fc16480.png" alt="Logo Gournay-sur-Marne" loading="eager">
221                    </picture>
222                    <span>Gournay-sur-Marne</span>
223                </h1>
224                    </a>
225        <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse"
226                data-target="#navbarNavDropdown"
227                aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation" style="z-index: 100;">
228            <span class="navbar-toggler-icon">
229                <i class="material-icons notranslate">menu</i>
230            </span>
231        </button>
232        <div class="collapse navbar-collapse" id="navbarNavDropdown">
233            <ul class="navbar-nav ml-auto">
234                <li class="nav-item dropdown">
235                    <a class="nav-link c_text h_text px-3" href="/" role="button">
236                        <i class="material-icons">home</i>
237                    </a>
238                </li>
239                                    
240
241                                                            <li class="nav-item dropdown">
242                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button"
243                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
244                                Vie municipale
245                            </a>
246                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown1">
247                                
248                                <div class="container mega-dropdown-menu">
249                                    <div class="divider">
250                                                                                                                        
251                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
252                                               href="/fr/rb/167611/bienvenue-a-gournay">
253                                                Bienvenue à Gournay
254                                            </a>
255                                        
256                                        
257                                        
258                                                                                                                                                                
259                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
260                                               href="/fr/rb/167533/conseil-municipal-30">
261                                                Conseil municipal
262                                            </a>
263                                        
264                                        
265                                        
266                                                                                                                                                                
267                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
268                                               href="/fr/rb/167572/les-services-de-la-ville">
269                                                Les services de la Ville
270                                            </a>
271                                        
272                                        
273                                        
274                                                                                                                                                                
275                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
276                                               href="/fr/rb/167585/communication-3">
277                                                Communication
278                                            </a>
279                                        
280                                        
281                                        
282                                                                                                                                                                
283                                        
284                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
285                                               href="/fr/pm/286509/marches-publics-88">
286                                                Marchés publics
287                                            </a>
288                                        
289                                        
290                                                                                                                                                                
291                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
292                                               href="/fr/rb/212916/intercommunalite-135">
293                                                Intercommunalité
294                                            </a>
295                                        
296                                        
297                                        
298                                                                                                                                                                
299                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
300                                               href="/fr/rb/1658737/publicite-des-actes-1">
301                                                Publicité des actes
302                                            </a>
303                                        
304                                        
305                                        
306                                                                                                                    </div>
307                                </div>
308                            </div>
309                        </li>
310                    
311
312                                                            <li class="nav-item dropdown">
313                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button"
314                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
315                                Vie quotidienne
316                            </a>
317                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown2">
318                                
319                                <div class="container mega-dropdown-menu">
320                                    <div class="divider">
321                                                                                                                        
322                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
323                                               href="/fr/rb/213137/cadre-de-vie-1">
324                                                Cadre de vie
325                                            </a>
326                                        
327                                        
328                                        
329                                                                                                                                                                
330                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
331                                               href="/fr/rb/213163/prevention-securite">
332                                                Prévention &amp; Sécurité
333                                            </a>
334                                        
335                                        
336                                        
337                                                                                                                                                                
338                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
339                                               href="/fr/rb/213202/social-solidarite">
340                                                Social &amp; Solidarité
341                                            </a>
342                                        
343                                        
344                                        
345                                                                                                                                                                
346                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
347                                               href="/fr/rb/213241/etat-civil-21">
348                                                État civil
349                                            </a>
350                                        
351                                        
352                                        
353                                                                                                                                                                
354                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
355                                               href="/fr/rb/213228/permanences-3">
356                                                Permanences
357                                            </a>
358                                        
359                                        
360                                        
361                                                                                                                                                                
362                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
363                                               href="/fr/rb/213293/numeros-utiles-30">
364                                                Numéros utiles
365                                            </a>
366                                        
367                                        
368                                        
369                                                                                                                                                                
370                                        
371                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
372                                               href="/fr/he/286626/annuaire-de-la-sante-82">
373                                                Annuaire de la santé
374                                            </a>
375                                        
376                                        
377                                                                                                                                                                
378                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
379                                               href="/fr/rb/1489425/la-maison-de-sante">
380                                                La Maison de santé
381                                            </a>
382                                        
383                                        
384                                        
385                                                                                                                    </div>
386                                </div>
387                            </div>
388                        </li>
389                    
390
391                                                            <li class="nav-item dropdown">
392                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button"
393                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
394                                Enfance &amp; Jeunesse
395                            </a>
396                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown3">
397                                
398                                <div class="container mega-dropdown-menu">
399                                    <div class="divider">
400                                                                                                                        
401                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
402                                               href="/fr/rb/1946310/portail-gournaysien">
403                                                Portail Gournaysien
404                                            </a>
405                                        
406                                        
407                                        
408                                                                                                                                                                
409                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
410                                               href="/fr/rb/213423/petite-enfance-17">
411                                                Petite enfance
412                                            </a>
413                                        
414                                        
415                                        
416                                                                                                                                                                
417                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
418                                               href="/fr/rb/213540/les-ecoles-5">
419                                                Les écoles
420                                            </a>
421                                        
422                                        
423                                        
424                                                                                                                                                                
425                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
426                                               href="/fr/rb/213553/restauration-scolaire-2">
427                                                Restauration scolaire
428                                            </a>
429                                        
430                                        
431                                        
432                                                                                                                                                                
433                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
434                                               href="/fr/rb/213618/periscolaire-extrascolaire">
435                                                Périscolaire &amp; Extrascolaire
436                                            </a>
437                                        
438                                        
439                                        
440                                                                                                                                                                
441                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
442                                               href="/fr/rb/1696983/pedt-projet-educatif-de-territoire">
443                                                PEdT Projet Éducatif de Territoire
444                                            </a>
445                                        
446                                        
447                                        
448                                                                                                                                                                
449                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
450                                               href="/fr/rb/213462/jeunesse-5">
451                                                Jeunesse
452                                            </a>
453                                        
454                                        
455                                        
456                                                                                                                                                                
457                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
458                                               href="/fr/rb/579945/activacances">
459                                                Acti&#039;Vacances
460                                            </a>
461                                        
462                                        
463                                        
464                                                                                                                                                                
465                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
466                                               href="/fr/rb/213527/etudes-secondaires">
467                                                Études secondaires
468                                            </a>
469                                        
470                                        
471                                        
472                                                                                                                                                                
473                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
474                                               href="/fr/rb/213657/associations-de-parents-deleves">
475                                                Associations de parents d&#039;élèves
476                                            </a>
477                                        
478                                        
479                                        
480                                                                                                                                                                
481                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
482                                               href="/fr/rb/1411984/maitrise-de-la-langue-francaise">
483                                                Maîtrise de la Langue Française
484                                            </a>
485                                        
486                                        
487                                        
488                                                                                                                                                                
489                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
490                                               href="/fr/rb/1693317/formation-acceleree-au-code-de-la-route">
491                                                Formation accélérée au code de la route
492                                            </a>
493                                        
494                                        
495                                        
496                                                                                                                    </div>
497                                </div>
498                            </div>
499                        </li>
500                    
501
502                                                            <li class="nav-item dropdown">
503                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button"
504                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
505                                Animation locale
506                            </a>
507                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown4">
508                                
509                                <div class="container mega-dropdown-menu">
510                                    <div class="divider">
511                                                                                                                        
512                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
513                                               href="/fr/rb/213696/vie-culturelle-1">
514                                                Vie culturelle
515                                            </a>
516                                        
517                                        
518                                        
519                                                                                                                                                                
520                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
521                                               href="/fr/rb/594778/lecole-de-musique-1">
522                                                L&#039;
522École de musique
523                                            </a>
524                                        
525                                        
526                                        
527                                                                                                                                                                
528                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
529                                               href="/fr/rb/213748/la-maison-pour-tous">
530                                                La Maison pour tous
531                                            </a>
532                                        
533                                        
534                                        
535                                                                                                                                                                
536                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
537                                               href="/fr/rb/567465/seniors-22">
538                                                Seniors
539                                            </a>
540                                        
541                                        
542                                        
543                                                                                                                                                                
544                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
545                                               href="/fr/rb/213774/evenements-2">
546                                                Évènements
547                                            </a>
548                                        
549                                        
550                                        
551                                                                                                                                                                
552                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
553                                               href="/fr/rb/213800/associations-20">
554                                                Associations
555                                            </a>
556                                        
557                                        
558                                        
559                                                                                                                                                                
560                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
561                                               href="/fr/rb/213826/jumelage-7">
562                                                Jumelage
563                                            </a>
564                                        
565                                        
566                                        
567                                                                                                                                                                
568                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
569                                               href="/fr/rb/213852/sports-5">
570                                                Sports
571                                            </a>
572                                        
573                                        
574                                        
575                                                                                                                                                                
576                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
577                                               href="/fr/rb/1139153/agriculture-citoyenne">
578                                                Agriculture citoyenne
579                                            </a>
580                                        
581                                        
582                                        
583                                                                                                                                                                
584                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
585                                               href="/fr/rb/1921064/la-micro-folie">
586                                                La Micro-Folie
587                                            </a>
588                                        
589                                        
590                                        
591                                                                                                                                                                
592                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
593                                               href="/fr/rb/2385216/inscription-a-la-newsletter-1">
594                                                Inscription à la newsletter
595                                            </a>
596                                        
597                                        
598                                        
599                                                                                                                    </div>
600                                </div>
601                            </div>
602                        </li>
603                    
604
605                                                            <li class="nav-item dropdown">
606                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown5" role="button"
607                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
608                                Vie économique
609                            </a>
610                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown5">
611                                
612                                <div class="container mega-dropdown-menu">
613                                    <div class="divider">
614                                                                                                                        
615                                        
616                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
617                                               href="/fr/bu/286704/commerces-entreprises-1">
618                                                Commerces &amp; Entreprises
619                                            </a>
620                                        
621                                        
622                                                                                                                                                                
623                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
624                                               href="/fr/rb/800009/halle-gourmande-de-gournay">
625                                                Halle gourmande de Gournay
626                                            </a>
627                                        
628                                        
629                                        
630                                                                                                                                                                
631                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
632                                               href="/fr/rb/213891/la-mairie-recrute-1">
633                                                La Mairie recrute
634                                            </a>
635                                        
636                                        
637                                        
638                                                                                                                                                                
639                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
640                                               href="/fr/rb/936769/aide-aux-entreprises">
641                                                Aide aux entreprises
642                                            </a>
643                                        
644                                        
645                                        
646                                                                                                                    </div>
647                                </div>
648                            </div>
649                        </li>
650                    
651
652                
653                                    <li class="nav-item">
654                        <a href="#search-form-collapse" role="button" class="search-button btn c_text h_text" data-toggle="collapse"
655                           data-target="#search-form-collapse" aria-expanded="false">
656                            <i class="material-icons">search</i>
657                        </a>
658                    </li>
659                    <form action="/fr/search" class="form-inline nav-link c_text" method="post">
660                        <div class="toggled row collapse" id="search-form-collapse">
661                            <input id="search-form" class="form-control col-lg-8 col-8" type="search" placeholder="Recherche"
662                                   aria-label="Search" name="keywords">
663                            <button type="submit" class="form-control col-lg-4 col-4 bg_btn c_btn"><i class="material-icons notranslate">search</i></button>
664                        </div>
665                    </form>
666                
667                
668            </ul>
669        </div>
670    </div>
671</nav>
672</header>
673
674        <main role="main">
675                <div class="main intern-page">
676        
677        
678        
679                        
680                                                    
681            
682                                                    
683            
684        
685        <!-- Header -->
686        <header class="breadcrumb container d-flex align-items-center bg">
687    <div class="ov"></div>
688    <div class="container">
689        <h1 class="title dark c_title">Bienvenue à Gournay</h1>
690        <nav class="ariane c_text">
691            <span><a href="/">Accueil</a></span>
692                            / <a href="/">Vie municipale</a>
693                            / <a href="/fr/rb/167611/bienvenue-a-gournay">Bienvenue à Gournay</a>
694                    </nav>
695    </div>
696</header>
697
698
699
700        <!-- Contenu -->
701        <section class="container wrapper bg_wrapper c_wrapper">
702            <div class="ov bgw"></div>
703            
704            <div class="main-content dynamicContent">
705                <div class="row">
706                                        <div class="col col-md contenu">
707
708                        
709                                                                                    <div class="dynamicContent">
710                                                                                                                                                                                                                                                                <div class="row">
711                                                        <div class="col-sm-12"
712                                                             style="background-color: ">
713                                                                                                                                                                                                <div class="embed-responsive embed-responsive-16by9"><iframe class="iframeN embed-responsive-item" src="https://www.youtube.com/embed/BshHKteXoRU" frameborder="0" allowfullscreen title="Vidéo"></iframe></div>
714                                                                                                                                                                                                                                                                
715                                                                                                                                                                                    </div>
716                                                    </div>
717
718                                                
719                                                <div class="my-5"></div>
720                                                                                                                                                <div class="row">
721                                                        <div class="col-sm-12"
722                                                             style="background-color: ">
723                                                                                                                                                                                                <p style="text-align: justify;"><span style="font-size:14px;"><strong>Gournay-sur-Marne</strong>&nbsp;est une commune fran&ccedil;aise situ&eacute;e dans le d&eacute;partement de la <strong>Seine-Saint-Denis en r&eacute;gion &Icirc;le-de-France.</strong> Ses habitants sont appel&eacute;s les <strong>Gournaysiens</strong>. &Agrave; vol d&#39;oiseau, Gournay-sur-Marne est situ&eacute;e &agrave; 16,8 km &agrave; l&#39;est de Paris.<br />
724Gournay-sur-Marne est bord&eacute;e au nord par la Marne, plus longue rivi&egrave;re fran&ccedil;aise prenant sa source sur le plateau de Langres et se jetant dans la Seine &agrave; Charenton-le-Pont/Alfortville/Ivry-sur-Seine (Val-de-Marne).&nbsp;La ville compte 6&nbsp;876 habitants (INSEE 2020).<br />
725<br />
726Dans son patrimoine repertori&eacute; &agrave; l&rsquo;inventaire des monuments historiques, la commune compte un ch&acirc;teau, un ensemble de sculptures en pierre (vestiges du prieur&eacute; de Gournay-sur-Marne) et trois dalles fun&eacute;raires, situ&eacute;es &agrave; l&rsquo;int&eacute;rieur de l&rsquo;&eacute;glise Saint-Arnoult.<br />
727<br />
728La commune a attir&eacute; des personnalit&eacute;s comme :<br />
729<br />
730<strong>Anseau de Garlande</strong> (vers 1069 - 1118), s&eacute;n&eacute;chal de France<br />
731<strong>Eug&egrave;ne Carri&egrave;re</strong>, peintre, n&eacute; &agrave; Gournay le 16 janvier 1849 (voir <a href="https://ville-gournay-sur-marne.fr/fr/rb/594752/le-musee-eugene-carriere"><span style="color:#3498db;"><strong>mus&eacute;e Eug&egrave;ne Carri&egrave;re</strong></span></a> et autres oeuvres au mus&eacute;e Rodin de Paris).<br />
732<strong>Maurice Monnot</strong>, artiste peintre n&eacute; en 1869 &agrave; Paris arriv&eacute; &agrave; Gournay en 1901 d&eacute;c&eacute;d&eacute; et inhum&eacute; en 1937 &agrave; Gournay<br />
733<strong>Th&eacute;r&egrave;se Lemoine-Lagron</strong>, peintre aquarelliste n&eacute;e le 23 ao&ucirc;t 1891 &agrave; Gournay.<br />
734<strong>Marceau Verschueren dit V. Marceau</strong> (1902-1990) , compositeur et accord&eacute;oniste , qui v&eacute;cut et est enterr&eacute; &agrave; Gournay.<br />
735<strong>Alain Vanzo</strong> (1928-2002), t&eacute;nor &agrave; l&#39;Op&eacute;ra de Paris, qui v&eacute;cut et est enterr&eacute; &agrave; Gournay.<br />
736<strong>Jean-Claude Bouttier&nbsp;&nbsp;</strong>(1944-2019), boxeur fran&ccedil;ais ,&nbsp;qui v&eacute;cut et est enterr&eacute; &agrave; Gournay.<br />
737<strong>Jean-Jacques Mangin</strong>, peintre na&iuml;f, n&eacute; en 1949, r&eacute;sidant et travaillant &agrave; Gournay-sur-Marne.</span></p>
738
739                                                                                                                                                                                                                                                                
740                                                                                                                                                                                    </div>
741                                                    </div>
742
743                                                
744                                                <div class="my-5"></div>
745                                                                                            
746                                                                                                            <div class="row">
747                                                            <div class="col-sm-4"
748                                                                 style="background-color: ">
749                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center"><img src="https://static.neopse.com/medias/p/563/site/16/6d/f8/166df803417ec5a5369c910c6c56b559e0fc54ce.jpg?v=v1" class="img-fluid" style="width:100%;" data-target="0" data-url="" data-width="100" alt="" alt="Blason seul.jpg"></div>
750                                                                                                                                                                                                                                                                                                                                                        
751                                                                                                                                                                                                </div>
752                                                            <div class="col-sm-8"
753                                                                 style="background-color: ">
754                                                                                                                                                                                                            <p><span style="font-size:14px;"><strong>H&eacute;raldique :</strong></span></p>
755
756<p style="text-align: justify;"><span style="font-size:14px;">D&rsquo;azur au pont d&rsquo;or pos&eacute; sur une champagne ond&eacute;e d&rsquo;argent charg&eacute;e d&rsquo;un poisson d&rsquo;azur, le pont surmont&eacute; d&rsquo;un &eacute;cu pos&eacute; en ab&icirc;me d&rsquo;argent &agrave; deux bandes d&rsquo;azur accompagn&eacute; en chef de deux fleurs de lys d&rsquo;or. L&rsquo;&eacute;cu timbr&eacute; de la couronne murale &agrave; trois tours cr&eacute;nel&eacute;es d&rsquo;or, ma&ccedil;onn&eacute;e et ouverte de sable, est soutenu par deux branches de ch&ecirc;ne d&rsquo;or, retenant un listel &eacute;galement d&rsquo;or orn&eacute;&nbsp;de la devise <strong>&laquo; PER PONTEM AD FORTUNAM &raquo; </strong>en lettre romaines de sable et issant de chardons d&rsquo;argent fleuris d&rsquo;azur, pos&eacute;s en pointe, et d&rsquo;une navette d&rsquo;or brochant sur le tout.<br />
757Les deux fleurs de lys marquent le si&egrave;ge d&rsquo;une ancienne pr&eacute;v&ocirc;t&eacute; royale ainsi que&nbsp;son appartenance &agrave; l&rsquo;Ile de France ; l&rsquo;&eacute;cu pos&eacute; en ab&icirc;me est aux armes de Jacques PYLLE, l&rsquo;un des seigneurs de Gournay ; le pont &eacute;voque le c&eacute;l&egrave;bre pont de Gournay-sur-Marne, et le poisson concr&eacute;tise cet affluent, tr&egrave;s poissonneux.</span></p>
758
759                                                                                                                                                                                                                                                                                
760                                                                                                                                                                                                </div>
761                                                        </div>
762                                                    
763                                                
764                                                <div class="my-5"></div>
765                                                                                                                                                            <hr>
766                                </div>
767                                                                        </div>
768                                        
769                                                                
770                    
771                        <div class="col-12 col-md-3 sous-rubriques">
772                            <div>
773                                                                <!-- Si il n'y a pas de contenu, le titre ci-dessous ne devra pas s'afficher sinon il y aura une répétition avec le titre du header -->
774                                <h1 class="title dark c_title">Bienvenue à Gournay</h1>
775                                
776                                <div class="d-flex flex-column">
777                                                                                                                        <a href="/fr/rb/167650/plan-de-la-ville"
778                                               class="text-decoration"><i class="material-icons align-middle">keyboard_arrow_right</i>Plan de la ville
779                                            </a>
780                                        
781                                                                                                                        <a href="/fr/rb/167689/guide-de-la-ville"
782                                               class="text-decoration"><i class="material-icons align-middle">keyboard_arrow_right</i>Guide de la ville
783                                            </a>
784                                        
785                                                                    </div>
786                            </div>
787                        </div>
788                                    </div>
789            </div>
790        </section>
791
792                                                            </div>
793
794    <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
795    <div class="modal-dialog" role="document">
796        <div class="modal-content">
797            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
798                <span aria-hidden="true">&times;</span>
799            </button>
800
801            <embed type="application/pdf">
802        </div>
803    </div>
804</div>
805        </main>
806
807                    <div id="previewModalImage" class="modal">
808
809                <!-- The Close Button -->
810                <span id="closePreviewImage" class="close">&times;</span>
811
812                <!-- Navigation Buttons -->
813                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
814                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</a>
815
816                <!-- Image Counter -->
817                <div id="imageCounter" class="image-counter"></div>
818
819                <!-- Modal Content (The Image) -->
820                <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div>
821
822                <!-- Modal Caption (Image Text) -->
823                <div id="captionPreviewImage"></div>
824            </div>
825        
826                    
826<script>
827                (function() {
828                    // Get the modal elements
829                    const modal = document.getElementById('previewModalImage');
830                    const modalImg = modal.querySelector('img');
831                    const captionText = document.getElementById('captionPreviewImage');
832                    const closePreviewImage = document.getElementById('closePreviewImage');
833                    const prevBtn = document.getElementById('prevImage');
834                    const nextBtn = document.getElementById('nextImage');
835                    const imageCounter = document.getElementById('imageCounter');
836                    
837                    let currentImages = [];
838                    let currentIndex = 0;
839
840                    // Helper function to check if element is visible
841                    function isVisible(element) {
842                        return element && element.offsetParent !== null;
843                    }
844
845                    // Helper function to toggle element visibility
846                    function toggleElement(element, show) {
847                        if (element) {
848                            element.style.display = show ? 'block' : 'none';
849                        }
850                    }
851
852                    // Function to update the modal with a specific image
853                    function updateModal(index) {
854                        if (currentImages.length === 0) return;
855                        
856                        currentIndex = index;
857                        const img = currentImages[currentIndex];
858                        modalImg.setAttribute('src', img.src);
859                        modalImg.setAttribute('alt', img.alt || '');
860                        captionText.innerHTML = img.alt || '';
861                        
862                        // Update counter
863                        imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length;
864                        
865                        // Show/hide navigation buttons
866                        const showNav = currentImages.length > 1;
867                        toggleElement(prevBtn, showNav);
868                        toggleElement(nextBtn, showNav);
869                        toggleElement(imageCounter, showNav);
870                    }
871
872                    // Function to show next image
873                    function showNext() {
874                        if (currentImages.length === 0) return;
875                        currentIndex = (currentIndex + 1) % currentImages.length;
876                        updateModal(currentIndex);
877                    }
878
879                    // Function to show previous image
880                    function showPrev() {
881                        if (currentImages.length === 0) return;
882                        currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length;
883                        updateModal(currentIndex);
884                    }
885
886                    // Helper function to find closest ancestor with class
887                    function closest(element, selector) {
888                        if (!element) return null;
889                        
890                        // For class selector (e.g., '.splide__slide')
891                        if (selector.startsWith('.')) {
892                            const className = selector.slice(1);
893                            let current = element;
894                            while (current && current !== document) {
895                                if (current.classList && current.classList.contains(className)) {
896                                    return current;
897                                }
898                                current = current.parentElement;
899                            }
900                        }
901                        return null;
902                    }
903
904                    // When clicking on an image
905                    document.addEventListener('click', function(e) {
906                        const target = e.target;
907                        // Check if clicked element is an image with class .img or .main-img inside .splide
908                        if (target.tagName === 'IMG' && 
909                            (target.classList.contains('img') || target.classList.contains('main-img')) &&
910                            closest(target, '.splide')) {
911                            
912                            // Find the clicked image's parent slide
913                            const clickedSlide = closest(target, '.splide__slide');
914                            if (!clickedSlide) return;
915                            
916                            // Find the list that contains this slide
917                            const splideList = closest(clickedSlide, '.splide__list');
918                            if (!splideList) return;
919                            
920                            // Get all slides from this specific list
921                            const allSlides = splideList.querySelectorAll('.splide__slide');
922                            
923                            // Get all images from these slides only, deduplicating by src
924                            // (Splide duplicates slides in loop mode, so we need to filter duplicates)
925                            currentImages = [];
926                            const seenSrcs = new Set();
927                            const clickedSrc = target.src;
928                            
929                            allSlides.forEach(function(slide) {
930                                const slideImg = slide.querySelector('.img, .main-img');
931                                if (slideImg) {
932                                    const imgSrc = slideImg.src;
933                                    // Only add if we haven't seen this src before
934                                    if (!seenSrcs.has(imgSrc)) {
935                                        seenSrcs.add(imgSrc);
936                                        currentImages.push(slideImg);
937                                    }
938                                }
939                            });
940                            
941                            // Find the index of the clicked image by src (to handle duplicates)
942                            currentIndex = currentImages.findIndex(function(img) {
943                                return img.src === clickedSrc;
944                            });
945                            
946                            if (currentIndex === -1) {
947                                currentIndex = 0; // Fallback to first image
948                            }
949                            
950                            // Update and show modal
951                            updateModal(currentIndex);
952                            modal.style.display = 'block';
953                        }
954                    });
955
956                    // Navigation button handlers
957                    if (nextBtn) {
958                        nextBtn.addEventListener('click', function (e) {
959                            e.preventDefault();
960                            e.stopPropagation();
961                            showNext();
962                        });
963                    }
964
965                    if (prevBtn) {
966                        prevBtn.addEventListener('click', function (e) {
967                            e.preventDefault();
968                            e.stopPropagation();
969                            showPrev();
970                        });
971                    }
972
973                    // Keyboard navigation
974                    document.addEventListener('keydown', function (e) {
975                        // Check if modal is visible by checking display style
976                        const isModalVisible = modal.style.display !== 'none' && 
977                                             (modal.style.display === 'block' || 
978                                              window.getComputedStyle(modal).display !== 'none');
979                        
980                        if (isModalVisible) {
981                            if (e.key === 'ArrowRight' || e.keyCode === 39) {
982                                e.preventDefault();
983                                showNext();
984                            } else if (e.key === 'ArrowLeft' || e.keyCode === 37) {
985                                e.preventDefault();
986                                showPrev();
987                            } else if (e.key === 'Escape' || e.keyCode === 27) {
988                                e.preventDefault();
989                                e.stopPropagation();
990                                modal.style.display = 'none';
991                            }
992                        }
993                    });
994
995                    // When the user clicks on <span> (x), close the modal
996                    if (closePreviewImage) {
997                        closePreviewImage.addEventListener('click', function () {
998                            modal.style.display = 'none';
999                        });
1000                    }
1001
1002                    // Close modal when clicking outside the image
1003                    modal.addEventListener('click', function (e) {
1004                        if (e.target === modal) {
1005                            modal.style.display = 'none';
1006                        }
1007                    });
1008                })();
1009            </script>
1009
1010        
1011        
1012                        <div id="w_mk3ta65rb">
1013        <!-- Newsletter -->
1014<section class="bg newsletter">
1015    <div class="ov"></div>
1016    <div class="container">
1017        <div class="clearfix">
1018                            <h2 class="title dark c_title d_title">Newsletters</h2>
1019                    </div>
1020
1021        <div class="row">
1022
1023            <div class="col-lg-7 col-md-6">
1024                <p class="c_text font-weight-bold">Indiquez votre adresse email afin de vous abonner à notre newsletter.</p>
1025                <p class="c_text">En renseignant votre adresse email, vous acceptez de recevoir notre newsletter par courrier électronique. Vous pouvez vous désinscrire à tout moment en cliquant dans un lien de désinscription dans chaque newsletter réceptionnée.</p>
1026            </div>
1027
1028            <div class="col-lg-5 col-md-6">
1029                <form id="newsletters-form" action="/formNewsletters" novalidate>
1030
1031                    
1032                    
1033                    
1034                    
1035                    
1036                    
1037
1038                                                                                                                                            
1039
1040                    <div class="mb-3">
1041                        <input name="email" id="emailNewsletters" type="email" class="form-control"
1042                               aria-label="Adresse email"
1043                               placeholder="Adresse email">
1044                        <span class="form-error requirements" id="email-error" role="alert">Ce champ est obligatoire</span>
1045                    </div>
1046
1047                    <div class="form-group mb-3">
1048                        <div class="h-recaptcha m-auto d-inline-block" data-callback="recaptcha_callback"></div>
1049                        <div class="form-error requirements" id="h-captcha-response-error" role="alert">
1050                            Ce champ est obligatoire
1051                        </div>
1052                    </div>
1053
1054                    <button id="sendNewsletters" type="submit"
1055                            class="btn c_btn bg_btn mb-3 disabled" disabled>S&#039;ABONNER
1056                    </button>
1057                </form>
1058
1059                <div id="messageSendedFormNewsletter" class="form-message-sent" style="display: none">
1060                    <p role="status"><i class="material-icons align-middle">check_circle</i> Votre adresse email a bien été enregistrée. Vous recevrez dans quelques instants un email automatique NEOPSE pour confirmer votre inscription au service. Merci.</p>
1061                </div>
1062            </div>
1063        </div>
1064    </div>
1065</section>
1066
1067    </div>
1068
1069        
1070        <!-- Footer -->
1071<footer role="contentinfo" class="footer bg footer1">
1072    <div class="ov"></div>
1073    <div class="container d-flex flex-wrap justify-content-between">
1074        <div class="footer-container">
1075            <h2 class="title light c_title d_title btn-line"><a
1076        href="/fr/ct/285456/contacts-252">Contacts</a></h2>
1077<div class="footer-box">
1078    <div class="contact c_text">
1079        <p class="font-weight-bold mb-0" aria-label="Nom du structure">Mairie de Gournay-sur-Marne</p>
1080        <p class="mb-0" aria-label="adresse">10, avenue du Maréchal Foch - CS90013</p>
1081        <p class="mb-0" aria-label="adresse 2">93460 Gournay-sur-Marne - FRANCE</p>
1082         <p class="mb-0"><a href="tel:+33143050641" title="Numéro de téléphone">+33 1 43 05 06 41</a></p>
1083        
1084            </div>
1085
1086
1087</div>
1088
1089
1090
1091            <div class="social-media">
1092    <ul class="c_text">
1093                    <li><a href="http://www.facebook.com/gournaysurmarne" class="icon-facebook" title="facebook" target="_blank"></a></li>
1094                                    <li><a href="https://www.instagram.com/mairiedegournaysurmarne/" class="icon-instagram" title="instagram" target="_blank"></a></li>
1095                                                            <li><a href="http://www.youtube.com/channel/UCFZProRxCGO6XSTeWJgl6dw" class="icon-youtube" title="youtube" target="_blank"></a></li>
1096                                                                                                    </ul>
1097</div>
1098
1099            
1100        </div>
1101        <div class="footer-container">
1102            <h2 class="title light c_title d_title">Liens</h2>
1103    
1104    <div class="footer-box">
1105        <p class="c_text">
1106                            <a href="http://www.facebook.com/espaceculturelalainvanzo" target="_blank">Espace culturel Alain-Vanzo</a>
1107                            <a href="http://www.facebook.com/mptgournay" target="_blank">Maison pour tous</a>
1108                    </p>
1109    </div>
1110</div>
1111
1112        <div class="footer-container">
1113    <h2 class="title light c_title d_title btn-line-no">Jumelages</h2>
1114    <div class="footer-box twinning">
1115                                    <div class="d-block">
1116                    <a href="http://www.cm-moncorvo.pt/" class="mb-2 c_text" target="_blank">
1117                        <img role="img" src="https://static.neopse.com/medias/p/563/site/23/44/cf/2344cf8b01675f7888b203602eeb9c85e24e673b.png?v=v1"
1118                             alt="" class="mr-2">TORRE DE MONCORVO  </a>
1119                </div>
1120            
1121        
1122    </div>
1123</div>
1124
1125    </div>
1126    <div class="container d-flex flex-wrap position-relative c_text">
1127        <p class="mr-2 c_text"><a href="/fr/li/285495/mentions-legales-259">Mentions légales</a>
1128</p> -
1129        <p class="mr-2 ml-2 c_text"><a href="/fr/285495/politique-confidentialite">Politique de confidentialité</a>
1130</p> -
1131        <p class="mr-2 ml-2 c_text"><a href="/fr/accessibilite">Accessibilité</a>
1132</p> -
1133        
1134        <p class="mr-2 ml-2 c_text">
1135            <a href="/fr/sm/14630/plan-du-site-1">
1136                Plan du site</a></p>-
1137        <p class="ml-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p>
1138    </div>
1139</footer>
1140
1141<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true"
1142     style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);">
1143    <div class="modal-dialog" role="document">
1144        <div class="modal-content">
1145            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1146                <span aria-hidden="true">&times;</span>
1147            </button>
1148
1149            <div class="modal-header bg_bloc">
1150                                <h4 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">CONTACT</h4>
1151                            </div>
1152            <form id="contactFormFooter" action="/formMdContact" method="post"
1153                  novalidate enctype="multipart/form-data">
1154                <div class="modal-body pb-0">
1155
1156                                            <div class="form-group">
1157    <div><label for="1_input" id="1_inputLabel">Nom Prénom</label><span>*</span></div>
1158    <input type="text" name="1_input" class="form-control" id="1_input"
1159           aria-describedby="1_inputLabel">
1160        <span class="form-error requirements" id="1_input-error" role="alert">Ce champ est obligatoire</span>
1161</div>
1162                                            <div class="form-group">
1163    <div><label for="2_email">Votre adresse email</label><span>*</span></div>
1164    <input type="email" name="2_email" class="form-control" id="2_email"
1165           aria-label="Votre adresse email">
1166        <span class="form-error requirements" id="2_email-error" role="alert">Ce champ est obligatoire</span>
1167</div>
1168                                            <div class="form-group">
1169    <div><label for="3_input" id="3_inputLabel">Votre numéro de téléphone</label><span>*</span></div>
1170    <input type="text" name="3_input" class="form-control" id="3_input"
1171           aria-describedby="3_inputLabel">
1172        <span class="form-error requirements" id="3_input-error" role="alert">Ce champ est obligatoire</span>
1173</div>
1174                                            <div class="form-group">
1175    <div><label for="4_input" id="4_inputLabel">Commune de résidence</label><span>*</span></div>
1176    <input type="text" name="4_input" class="form-control" id="4_input"
1177           aria-describedby="4_inputLabel">
1178        <span class="form-error requirements" id="4_input-error" role="alert">Ce champ est obligatoire</span>
1179</div>
1180                                            <div class="form-group">
1181    <div><label for="5_input" id="5_inputLabel">Objet de votre message</label><span>*</span></div>
1182    <input type="text" name="5_input" class="form-control" id="5_input"
1183           aria-describedby="5_inputLabel">
1184        <span class="form-error requirements" id="5_input-error" role="alert">Ce champ est obligatoire</span>
1185</div>
1186                                            <div class="form-group">
1187    <div><label for="6_textarea">Votre message</label><span>*</span>
1188    </div>
1189    <textarea name="6_textarea" class="form-control pl-0" id="6_textarea" rows="3"></textarea>
1190        <span class="form-error requirements" id="6_textarea-error" role="alert">Ce champ est obligatoire</span>
1191</div>                                            <div class="field-wrapper">
1192    <div><label for="7_email" class="font-weight-bold mr-1">Pièce jointe</label><span></span></div>
1193    <div class="d-flex align-items-center">
1194        <div class="form-group col-10 col-md-10 mb-0">
1195            <div class="upload-btn-wrapper">
1196                <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button>
1197                <input type="file" name="7_file" id="7_file" accept="application/pdf,image/jpeg,image/png" aria-label="Télécharger des documents">
1198            </div>
1199        </div>
1200            </div>
1201
1202    <div>
1203        <ul class="listFiles">
1204
1205        </ul>
1206    </div>
1207    <span class="form-error requirements" id="7_file-error" role="alert">Ce champ est obligatoire</span>
1208</div>
1209                    
1210                    <div class="form-group">
1211    <div class="h-recaptcha m-auto d-inline-block"></div>
1212    <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire
1213    </div>
1214</div>                </div>
1215                <div class="modal-footer">
1216                    <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">ENVOYER</button>
1217                </div>
1218                <div class="m-3">
1219                    Les informations recueillies &agrave; partir de ce formulaire sont n&eacute;cessaires &agrave; la gestion de votre demande par notre Structure qui est responsable du traitement de vos donn&eacute;es personnelles collect&eacute;es.<br />
1220Vos donn<span style="color:null"><span style="background-color:null">&eacute;es personnelles re&ccedil;ues sont conserv&eacute;es par notre Structure pendant toute la dur&eacute;e n&eacute;cessaire au traitement de votre demande ou bien pour une dur&eacute;e de [&hellip;&hellip;.] mois maximum &agrave; compter du dernier contact. Dans la limite de leurs attributions respectives, sont destinataires de tout ou partie des donn&eacute;es les services et repr&eacute;sentants de notre Structure en charge des r&eacute;ponses aux demandes &eacute;mises via ce formulaire. Aucun transfert de vos donn&eacute;es hors de l&#39;Union europ&eacute;enne n&#39;est r&eacute;alis&eacute;. </span><br />
1221<span style="background-color:null">Vous pouvez &agrave; tout moment demander l&rsquo;acc&egrave;s, la rectification, l&rsquo;effacement, la portabilit&eacute; ou la limitation de vos donn&eacute;es, ou bien vous opposer &agrave; leur traitement, en contactant le D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es de notre structure : </span><br />
1222<span style="background-color:null">- Par voie &eacute;lectronique &agrave; l&rsquo;adresse : [&hellip;&hellip;.] ; </span><br />
1223<span style="background-color:null">- Par voie postale &agrave; l&rsquo;attention du D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es et &agrave; l&rsquo;adresse suivante : [&hellip;&hellip;.]. </span><br />
1224<span style="background-color:null">Si vous estimez, apr&egrave;s nous avoir contact&eacute;s, que vos droits sur vos donn&eacute;es personnelles ne sont pas respect&eacute;s, vous pou</span></span>vez adresser une r&eacute;clamation &agrave; la CNIL.
1225                </div>
1226            </form>
1227
1228            <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none">
1229                <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p>
1230            </div>
1231        </div>
1232    </div>
1233</div>
1234
1235        <div class="footer-bottom" style="position: relative;">
1236    <div class="container">
1237        <p>
1238            <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank">
1239                <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid">
1240                Site créé en partenariat avec Réseau des Communes
1241            </a>
1242        </p>
1243    </div>
1244</div>
1245        <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
1246    <div class="modal-dialog" role="document">
1247        <div class="modal-content">
1248            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1249                <span aria-hidden="true">&times;</span>
1250            </button>
1251
1252            <embed type="application/pdf">
1253        </div>
1254    </div>
1255</div>
1256
1257        
1258                        
1258<script src="/js/vendor/popper.min.js"></script>
1258
1259            
1259<script src="/js/vendor/bootstrap.min.js"></script>
1259
1260
1261            <!-- Carousel -->
1262            
1262<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1262
1263            
1263<script src='/dist/owlcarousel/js/owl.linked.js'></script>
1263
1264
1265            
1265<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1265
1266            
1266<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1266
1267
1268            
1268<script src='/dist/slick/slick.js'></script>
1268
1269            
1269<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
1269
1270
1271                        
1271<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1271
1272
1273                        
1273<script src='/dist/pagination.min.js'></script>
1273
1274
1275            
1275<script src="/js/shared.js?v1"></script>
1275
1276            
1276<script src="/tpl/1/js/main.js"></script>
1276
1277            
1277<script src="/lib/chartjs/Chart.js"></script>
1277
1278            
1278<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1278
1279
1280                        
1280<script type="text/javascript">
1281
1282                tarteaucitron.user.matomoId = 6;
1283                (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack');
1284
1285
1286                (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
1287                (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion');
1288                (tarteaucitron.job = tarteaucitron.job || []).push('vimeo');
1289                (tarteaucitron.job = tarteaucitron.job || []).push('othervideo');
1290
1291                            </script>
1291
1292
1293        
1294    
1294<script src="/js/slick/slick.js"></script>
1294
1295
1296    
1296<script type="text/javascript">
1297        $(function () {
1298            $('.titleButtonForm').on('click', function () {
1299                console.log($(this).attr("data-target"));
1300                $('#' + $(this).attr("data-target") + '').modal('show');
1301            });
1302
1303
1304            $('.form-error').hide();
1305
1306            $('.contactContentForm').submit(function (e) {
1307                let form = $(this);
1308                let modal = form.closest('.modal');
1309
1310                $.ajax({
1311                    type: "POST",
1312                    url: form.attr('action'),
1313                    data: new FormData(form[0]),
1314                    contentType: false,
1315                    processData: false,
1316                    beforeSend: function () {
1317                        form.find('.form-error').hide();
1318                        form.find('.buttonContactFormContent').attr('disabled', true);
1319                    },
1320                    success: function (response) {
1321                        hcaptcha.reset();
1322
1323                        if (response.status === 'KO') {
1324                            let errors = response.errors;
1325                            for (let index in errors) {
1326                                if (errors.hasOwnProperty(index)) {
1327                                    let attr = errors[index];
1328                                    let error = attr[Object.keys(attr)[0]];
1329                                    form.find('#' + index + '-error').text(error).show();
1330                                }
1331                            }
1332                        }
1333                        else {
1334
1335                            form.css('display', 'none');
1336                            modal.find('.messageSendedForm').css('display', '');
1337                            form[0].reset();
1338                        }
1339                    },
1340                    complete: function () {
1341                        form.find('.buttonContactFormContent').prop('disabled', false);
1342                    }
1343                });
1344
1345                return false;
1346            });
1347
1348            $('.contactFormModal').on('hidden.bs.modal', function () {
1349                $(this).find('form')[0].reset();
1350                $('#contactFormFooter')[0].reset();
1351
1352                $(this).find('form').css('display', '');
1353                $('#contactFormFooter').css('display', '');
1354
1355                $(this).find('.messageSendedForm').css('display', 'none');
1356
1357                $('.form-error').hide();
1358
1359                $('.listFiles').empty();
1360
1361                hcaptcha.reset();
1362            });
1363
1364        });
1365    </script>
1365
1366
1367
1368    
1368<script type="text/javascript">
1369        $(function () {
1370            var carousels = $('div[class*="testCarousel"]');
1371//            gestion chargement slide slick
1372            carousels.each(function () {
1373
1374                $(this).find($('div[class="overlayNumber"]')).removeClass('overlayNumber');
1375
1376                if ($(this).attr("data-type-slide") === 'simpleCarousel') {
1377
1378                    $(this).slick();
1379                }
1380                else if ($(this).attr("data-type-slide") === 'multipleCarousel') {
1381                    $(this).slick({
1382                        infinite: true,
1383                        slidesToShow: 3,
1384                        slidesToScroll: 3,
1385                        responsive: [
1386                            {
1387                                breakpoint: 1024,
1388                                settings: {
1389                                    slidesToShow: 3,
1390                                    slidesToScroll: 3,
1391                                    infinite: true,
1392                                    dots: true
1393                                }
1394                            },
1395                            {
1396                                breakpoint: 600,
1397                                settings: {
1398                                    slidesToShow: 2,
1399                                    slidesToScroll: 2
1400                                }
1401                            },
1402                            {
1403                                breakpoint: 480,
1404                                settings: {
1405                                    slidesToShow: 1,
1406                                    slidesToScroll: 1
1407                                }
1408                            }
1409                        ]
1410                    });
1411
1412                }
1413                else if ($(this).attr("data-type-slide") === 'responsiveCarousel') {
1414                    $(this).slick({
1415                        dots: true,
1416                        infinite: false,
1417                        speed: 300,
1418                        slidesToShow: 4,
1419                        slidesToScroll: 4,
1420                        responsive: [
1421                            {
1422                                breakpoint: 1024,
1423                                settings: {
1424                                    slidesToShow: 3,
1425                                    slidesToScroll: 3,
1426                                    infinite: true,
1427                                    dots: true
1428                                }
1429                            },
1430                            {
1431                                breakpoint: 600,
1432                                settings: {
1433                                    slidesToShow: 2,
1434                                    slidesToScroll: 2
1435                                }
1436                            },
1437                            {
1438                                breakpoint: 480,
1439                                settings: {
1440                                    slidesToShow: 1,
1441                                    slidesToScroll: 1
1442                                }
1443                            }
1444                        ]
1445                    });
1446
1447                }
1448                else if ($(this).attr("data-type-slide") === 'adaptiveCarousel') {
1449                    $(this).slick({
1450                        dots: true,
1451                        infinite: true,
1452                        speed: 300,
1453                        slidesToShow: 1,
1454                        adaptiveHeight: true
1455                    });
1456
1457                }
1458                else if ($(this).attr("data-type-slide") === 'centerCarousel') {
1459                    $(this).slick({
1460                        centerMode: true,
1461                        centerPadding: '60px',
1462                        slidesToShow: 3,
1463                        responsive: [
1464                            {
1465                                breakpoint: 768,
1466                                settings: {
1467                                    arrows: false,
1468                                    centerMode: true,
1469                                    centerPadding: '40px',
1470                                    slidesToShow: 3
1471                                }
1472                            },
1473                            {
1474                                breakpoint: 480,
1475                                settings: {
1476                                    arrows: false,
1477                                    centerMode: true,
1478                                    centerPadding: '40px',
1479                                    slidesToShow: 1
1480                                }
1481                            }
1482                        ]
1483                    });
1484
1485                }
1486                else if ($(this).attr("data-type-slide") === 'fadeCarousel') {
1487                    $(this).slick({
1488                        dots: true,
1489                        infinite: true,
1490                        speed: 500,
1491                        fade: true,
1492                        cssEase: 'linear'
1493                    });
1494                }
1495
1496                // if ($(this).hasClass('autoPlay')) {
1497                //     $('#' + $(this).attr('id') + '').slick('slickSetOption', {
1498                //         autoplay: true,
1499                //         autoplaySpeed: 2000
1500                //     }, true);
1501                // }
1502
1503                $(this).removeAttr('style');
1504            });
1505
1506            var allHtmlCode = $('.contentHtml');
1507
1508            allHtmlCode.each(function (element) {
1509                var htmlCode = $(this).attr('data-code');
1510
1511                if(htmlCode != '' && htmlCode != undefined){
1512                    $(this).removeClass('col-md-8');
1513                    $(this).empty();
1514
1515                    addWidgetHtml(htmlCode,$(this));
1516                }
1517
1518
1519            });
1520
1521            async function addWidgetHtml(htmlCode,element){
1522                element.replaceWith(htmlCode);
1523            }
1524
1525            // setTimeout(function(){
1526            //     $('.contentHtml').each(function(element){
1527            //         var htmlCode = $(this).attr('data-code');
1528            //
1529            //         if(htmlCode.includes('apidae')){
1530            //             let idWidget = $(this).find($('#widgit'));
1531            //
1532            //             $(this).find('.w_large').remove();
1533            //
1534            //             $(this).find('div').addClass('w_large');
1535            //         }
1536            //     });
1537            // }, 3000);
1538
1539            let allIframe = $('iframe');
1540
1541            allIframe.each(function(element){
1542                var urlVideo = $(this).attr('src');
1543                let $this = $(this);
1544
1545                if(urlVideo != "" || urlVideo != undefined){
1546                    let newUrl = urlVideo.split('/');
1547                    let currentIdVideo = newUrl[newUrl.length-1];
1548
1549
1550                    if(urlVideo.includes('youtube')||urlVideo.includes('youtu.be')){
1551
1552                        $.ajax({
1553                            url: '/getVideoTitle',
1554                            type: 'POST',
1555                            data: {
1556                                video_id: currentIdVideo,
1557                                platform: 'Y'
1558                            },
1559                            success: function(data){
1560                                let title = data['title'];
1561                                $this.attr('title',title);
1562                            }
1563                        });
1564                    }
1565                    else if(urlVideo.includes('dailymotion')||urlVideo.includes('dai.ly')){
1566
1567                        $.get("https://api.dailymotion.com/video/"+currentIdVideo+"?fields=title", function(data) {
1568                            let title = data['title'];
1569                            $this.attr('title',title);
1570                        });
1571                    }
1572                    else if(urlVideo.includes('vimeo')){
1573
1574                        $.ajax({
1575                            url: '/getVideoTitle',
1576                            type: 'POST',
1577                            data: {
1578                                video_id: currentIdVideo,
1579                                platform: 'V'
1580                            },
1581                            success: function(data){
1582                                let title = data['title'];
1583                                $this.attr('title',title);
1584                            }
1585                        });
1586                    }
1587                }
1588            });
1589        });
1590    </script>
1590
1591
1592                    
1592<script type="text/javascript">
1593                $(document).ready(function () {
1594                                        (tarteaucitron.job = tarteaucitron.job || []).push('customfacebook');
1595                                    });
1596
1597            </script>
1597
1598        
1599
1600        
1600<script>
1601            (function (i, s, o, g, r, a, m) {
1602                i['InstanaEumObject'] = r;
1603                i[r] = i[r] || function () {
1604                    (i[r].q = i[r].q || []).push(arguments)
1605                }, i[r].l = 1 * new Date();
1606                a = s.createElement(o),
1607                    m = s.getElementsByTagName(o)[0];
1608                a.async = 1;
1609                a.src = g;
1610                m.parentNode.insertBefore(a, m)
1611            })(window, document, 'script', '//eum.instana.io/eum.min.js', 'ineum');
1612            ineum('reportingUrl', 'https://eum-eu-west-1.instana.io');
1613            ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA');
1614
1615            // set the name of a page on which this load/errors/calls happened
1616            ineum('page', 'front-site');
1617        </script>
1617
1618
1619
1620        
1620<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1620
1621
1622        
1622<script type="text/javascript">
1623            var CaptchaCallback = function () {
1624                $('.h-recaptcha').each(function (index, el) {
1625                    hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'});
1626                });
1627            };
1628
1629            var originalStyle = false;
1630
1631            $(window).on('shown.bs.modal', function () {
1632                originalStyle = $('body').attr('style');
1633
1634                $('body').attr('style', '');
1635            });
1636
1637            $(window).on('hidden.bs.modal', function () {
1638                $('body').attr('style', originalStyle);
1639
1640            });
1641
1642        </script>
1642
1643
1644        
1644<script>
1645            $(document).ready(function () {
1646
1647                $('.selectpicker').selectpicker();
1648
1649                var input = $('input[type=file]');
1650
1651                input.on('change', function () {
1652                    var list = $(this).parent().parent().parent().parent().find($('.listFiles'));
1653                    list.empty();
1654
1655                    for (var x = 0; x < this.files.length; x++) {
1656                        var newFile = '<li>Fichier joint :  ' + this.files[x].name + ' (' + humanFileSize(this.files[x].size) + ')</li>';
1657//                    li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
1658                        list.append(newFile);
1659                    }
1660                });
1661
1662                $('.form-error').hide();
1663                $('#contactFormFooter').submit(function (e) {
1664                    let form = $(this);
1665
1666                    $.ajax({
1667                        type: "POST",
1668                        url: form.attr('action'),
1669                        data: new FormData(form[0]),
1670                        contentType: false,
1671                        processData: false,
1672                        beforeSend: function () {
1673                            form.find('.form-error').hide();
1674                            $('.formContactForm').attr('disabled', true);
1675                        },
1676                        success: function (response) {
1677                            hcaptcha.reset();
1678
1679                            if (response.status === 'KO') {
1680                                let errors = response.errors;
1681                                for (let index in errors) {
1682                                    if (errors.hasOwnProperty(index)) {
1683                                        let attr = errors[index];
1684                                        let error = attr[Object.keys(attr)[0]];
1685                                        form.find('#' + index + '-error').text(error).show();
1686                                    }
1687                                }
1688                            } else {
1689
1690                                $('#contactFormFooter').css('display', 'none');
1691                                $('#messageSendedFormContactFooter').css('display', '');
1692                                form[0].reset();
1693                            }
1694                        },
1695                        complete: function () {
1696
1697                            $('.formContactForm').removeAttr('disabled');
1698                        }
1699                    });
1700
1701                    return false;
1702                });
1703
1704                $('#contactFormContactFooter').on('hidden.bs.modal', function () {
1705                    $('#contactFormFooter')[0].reset();
1706
1707                    $('#contactFormFooter').css('display', '');
1708
1709                    $('#messageSendedFormContactFooter').css('display', 'none');
1710
1711                    $('.form-error').hide();
1712
1713                    $('.listFiles').empty();
1714
1715                    hcaptcha.reset();
1716                });
1717
1718
1719            });
1720
1721            function humanFileSize(size) {
1722                var i = Math.floor(Math.log(size) / Math.log(1024));
1723                return (size / Math.pow(1024, i)).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
1724            }
1725        </script>
1725
1726
1727        
1727<script>
1728            $(function () {
1729
1730
1731                var numberAlerts = false;
1732
1733                var allAlerts = $('#alertsModal').find($('.alertsInfo'));
1734
1735                numberAlerts = allAlerts.length;
1736
1737                allAlerts.each(function (e) {
1738
1739                    if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) {
1740                        $('#alertsModal').modal('show');
1741                    } else {
1742                        $(this).remove();
1743                        numberAlerts = numberAlerts - 1;
1744                        setActiveAndDecrementNumber();
1745                    }
1746
1747                });
1748
1749                $('.acceptCookiesAlerts').on('click', function (e) {
1750                    e.preventDefault();
1751
1752                    var currentDataId = $(this).attr('data-id');
1753
1754                    sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1');
1755
1756                    numberAlerts = numberAlerts - 1;
1757
1758                    var currentParentNode = $(this).parent().parent().parent();
1759
1760                    currentParentNode.removeClass('active');
1761                    currentParentNode.remove();
1762
1763                    setActiveAndDecrementNumber();
1764
1765                });
1766
1767                function setActiveAndDecrementNumber() {
1768                    var newListOfAlerts = $('#alertsModal').find($('.alertsInfo'));
1769
1770                    newListOfAlerts.each(function (index, e) {
1771                        if (index == 0) {
1772                            $(this).addClass('active');
1773                        }
1774                    });
1775
1776                    if (numberAlerts == 0) {
1777                        $('#alertsModal').modal('hide');
1778                    }
1779                }
1780
1781                var currentColorControl = '#212529';
1782
1783                $('#controlPrev').css('color', 'initial !important');
1784                $('#controlNext').css('color', 'initial !important');
1785
1786                $('#controlPrev').on('mouseover', function () {
1787
1788                    $(this).css('color', 'initial !important');
1789                });
1790
1791                $('#controlNext').on('mouseover', function () {
1792
1793                    $(this).css('color', 'initial !important');
1794                });
1795
1796            });
1797        </script>
1797
1798    </body>
1799</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.