PageSourceSearch

https://fleurie.fr/fr/

html fleurie.fr collected 2026-10-02 16:54:21 UTC 98,508 bytes, 1,530 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr">
3<head>
4    <title>
5            Commune de Fleurie - site officiel    </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            "tarteaucitronForceLanguage" : 'fr',
46
47        });
48    </script>
48
49
50            <meta name="Description" content="">
51<meta name="Keywords" content="fleurie - camping - vin - beaujolais - nocturnes - glace">
52<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
53<meta charset="UTF-8">
54            
54<script type="text/javascript">
55            tarteaucitron.user.gtagUa = 'G-5TMZHT31R3';
56            tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */
57            };
58            (tarteaucitron.job = tarteaucitron.job || []).push('gtag');
59        </script>
59
60        
61    <!-- Matomo -->
62<script>
63  var _paq = window._paq = window._paq || [];
64  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
65  _paq.push(['trackPageView']);
66  _paq.push(['enableLinkTracking']);
67  (function() {
68    var u="//matomo-client.neopse.com/";
69    _paq.push(['setTrackerUrl', u+'matomo.php']);
70    _paq.push(['setSiteId', '43']);
71    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
72    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
73  })();
74</script>
74
75<!-- End Matomo Code -->
76
77                                    <link rel="apple-touch-icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1">
78                <link rel="icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1">
79                        <link rel="preconnect" href="https://fonts.googleapis.com">
80            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
81            <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Material+Icons" rel="stylesheet">
82            <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Shadows+Into+Light+Two" rel="stylesheet">
83            <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">
84            <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'>
85            <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'>
86            <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'>
87            <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'>
88            <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'>
89            <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'>
90            <link rel="stylesheet"
91                  href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
92            <link rel="stylesheet"
93                  href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/>
94            <link href="/tpl/4/css/style.css" rel="stylesheet" type='text/css'>
95
96            <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/>
97            <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/>
98
99                            <style class="notranslate" title="customCss" type="text/css" rel="stylesheet">.bg_bloc { background-color: #F5F2F1 !important; } .table td, .table, .table thead th { border-color: #F5F2F1 !important; } .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu {background-color: #F5F2F1 !important;border-color: #F5F2F1 !important;} .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{border-color: #F5F2F1 !important;} .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #F5F2F1 !important; } .fc-unthemed td.fc-today{background: #F5F2F1 !important;} .cookies .btn{ color: #F5F2F1 !important; }body { background-color: #FFFFFF; }.bg_wrapper { background-color: #F5F2F1 !important; }body .c_btn, body .c_btn:hover { color: #1D6A1F; } .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span, .carousel-indicators .active {background: #1D6A1F;opacity: 1;} .carousel-indicators li, .owl-theme .owl-dots .owl-dot span{background-color: #1D6A1F;opacity: 0.5;} .carousel-control-prev, .carousel-control-next, .owl-theme .owl-nav [class*=owl-]{color: #1D6A1F !important;} .fc-event .fc-title { color: #1D6A1F !important; } .slick-prev:before, .slick-next:before { color: #1D6A1F; } .fc-event{ color: #1D6A1F;}.text_bloc, .bg_bloc .c_text, .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after, .fc-unthemed thead.fc-head{ color: #1D6A1F !important; } .text_bloc .title:before {background-color:#1D6A1F!important;} .fc-unthemed td.fc-today{color: #1D6A1F !important;} .cookies .btn{ background-color: #1D6A1F !important; }#footer .footer-links.bg { background-color: #E0A8AC; }nav.navbar.bg { background-color: #E0A8AC; }.bg_wrapper .bgw { background-color: #E0A8AC; }
99.dynamicContent a:not(.c_btn):not(.bg_btn), .dynamicContent a:not(.c_btn):not(.bg_btn):hover, .dynamicContent a:not(.c_btn):not(.bg_btn):focus, .dynamicContent a:not(.c_btn):not(.bg_btn):active, .dynamicContent a:not(.c_btn):not(.bg_btn):visited { color: #1D6A1F; }body, .c_text, .c_title, .container, .carousel-caption .title, .dropdown-item.c_text { color: #1D6A1F; } .dash-title .left, .dash-title .right, .map:before,.c_text.navbar-toggler {border-color: #1D6A1F;} .title:before { background-color: #1D6A1F !important; } .intern-page .en-tete { border-left-color: #1D6A1F;} .bootstrap-select .dropdown-menu li a, .bootstrap-select .dropdown-toggle::after{color: #1D6A1F;} .fc-button{color: #1D6A1F !important;}nav.navbar .c_btn, .top-navbar .c_btn { color: #FFFFFF; }nav.navbar .dropdown-menu { background-color: #BFAAAA; }#footer .footer-links .c_text { color: #FFFFFF!important; }nav.navbar .c_text, .top-navbar .c_text, nav.navbar .c_text .navbar-toggler-icon i { color: #1D6A1F; } .c_text.navbar-toggler{ border-color: #1D6A1F !important; }nav.navbar .h_text:hover { color: #FFFFFF; }#footer .footer-links .c_title { color: #FFFFFF; }#footer .footer.bg { background-color: #FFFFFF; }.breadcrumb.bg { background-color: #E07A7A; }nav.navbar .dropdown-menu .c_text { color: #2B2B2B; }nav.navbar .dropdown-menu .h_text:hover { color: #FFFFFF; }nav.navbar .h_text:hover { background-color: #E07A7A; }body .bg_btn, body .bg_btn:hover { background-color: #FFFFFF; } .fc-event{ background-color: #FFFFFF !important; border-color: #FFFFFF !important; } .carousel-control-prev-icon, .carousel-control-next-icon, .owl-theme .owl-nav [class*=owl-]{background-color: #FFFFFF !important;} .slick-prev, .slick-next { background-color: #FFFFFF !important; }#footer .c_btn { color: #FFFFFF !important; }.dynamicContent a:not(.c_btn):not(.bg_btn), .dynamicContent a:not(.c_btn):not(.bg_btn):hover, .dynamicContent a:not(.c_btn):not(.bg_btn):focus, .dynamicContent a:not(.c_btn):not(.bg_btn):active { background-color: #FFFFFF; }#footer .footer .c_text { color: #FFFFFF; }#w_headline .c_btn { color: #1D6A1F; } #w_headline .c_btn:before { background-color: #1D6A1F !important; } #w_headline .carousel-control-prev, #w_headline .carousel-control-next {color: #1D6A1F !important;}#w_ju0c6t8qd .bg { background-color: #FFFFFF; }.breadcrumb.bg .c_text { color: #2B2B2B; }nav.navbar .bg_btn{ background-color: #E07A7A!important } .searchbar input, .searchbar .btn { border-color: #E07A7A!important } .searchbar input::placeholder,.searchbar input:-ms-input-placeholder,.searchbar input::-ms-input-placeholder { color: #E07A7A!important }nav.navbar .dropdown-menu .h_text:hover { background-color: #E07A7A; }#footer .footer .c_title { color: #FFFFFF; }#w_headline .c_text .title, #w_headline .c_text { color: #1D6A1F; }#w_ju0c6t8qd .c_btn { color: #FFFFFF; } #w_ju0c6t8qd .owl-theme .owl-dots .owl-dot.active span, #w_ju0c6t8qd .owl-theme .owl-dots .owl-dot:hover span {background: #FFFFFF;opacity: 1;} #w_ju0c6t8qd .carousel-indicators li, #w_ju0c6t8qd .owl-theme .owl-dots .owl-dot span{background-color: #FFFFFF;opacity: 0.5;} #w_ju0c6t8qd .carousel-control-prev, #w_ju0c6t8qd .carousel-control-next,  #w_ju0c6t8qd .owl-theme .owl-nav [class*=owl-]{color: #FFFFFF !important;}#w_oneclick .c_text { color: #FFFFFF; }.breadcrumb.bg .c_title { color: #FFFFFF; } .breadcrumb:before { border-color: #FFFFFF; }#w_ju0c6t8qd .c_text { color: #FFFFFF; }#w_oneclick .c_title { color: #E0A8AC; }#w_ju0c6t8qd .c_title { color: #E0A8AC !important; } #w_ju0c6t8qd .dash-title .left, #w_ju0c6t8qd .dash-title .right { border-color: #E0A8AC; }#footer .bg_btn { background-color: #2B2B2B; }#w_headline .bg_btn, #w_headline .carousel-indicators .active { background: #E07A7A !important;} #w_headline .bg_btn, #w_headline .carousel-indicators li { border-color: #E07A7A !important;} #w_headline .carousel-control-prev-icon, #w_headline .carousel-control-next-icon {background-color: #E07A7A !important;}#w_headline .carousel-item:before { background-color: #2B2B2B; }#w_ju0c6t8qd .bg_btn, #w_ju0c6t8qd .carousel-indicators .active { background: #E0
997A7A !important;} #w_ju0c6t8qd .bg_btn, #w_ju0c6t8qd .carousel-indicators li{ border-color: #E07A7A !important;} #w_ju0c6t8qd .carousel-control-prev-icon, #w_ju0c6t8qd .carousel-control-next-icon,  #w_ju0c6t8qd .owl-theme .owl-nav [class*=owl-]{background-color: #E07A7A !important;}#w_oneclick .vignette { background-color: #E07A7A; }#w_ju0c6t8qd .card-body { background-color: #BFAAAA; }#w_headline .c_text_responsive .title, #w_headline .c_text_responsive { color: #2B2B2B; }/*np-dropdowns*/.bootstrap-select{background-color:#F5F2F1!important;}.bootstrap-select .dropdown-menu{background-color:#F5F2F1!important;border-color:#F5F2F1!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:#F5F2F1!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:#1D6A1F!important;}</style>
100                    
101                    <meta property="og:url" content="">
102            <meta property="og:type" content="website">
103            <meta property="og:title" content="Commune de Fleurie">
104            <meta property="og:description" content="">
105            
106    
106<script src="/js/vendor/jquery-3.2.1.min.js"></script>
106
107    
107<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
107
108    <!-- Matomo -->
109                                                                <!-- End Matomo Code -->
110</head>
111<body>
112<div class="top-navbar bg">
113    <div class="ov"></div>
114
115    <div class="navbar-brand bloc_logo">            <h1 class="mb-0 nologo">Commune de Fleurie</h1>
116            </div>
117</div>
118<!-- Top navbar -->
119<header role="banner" class="sticky-top">
120    <nav role="navigation" class="navbar navbar-expand-lg sticky-top navigation bg">
121        <div class="container">
122        <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
123            <span class="navbar-toggler-icon">
124                <i class="material-icons notranslate" style="color: inherit;">menu</i>
125            </span>
126        </button>
127
128        <a class="brand navbar-brand c_text bloc_logo" href="/fr/">
129                            <h1 class="mb-0">Commune de Fleurie</h1>
130                    </a>
131
132        <div class="collapse navbar-collapse" id="navbar">
133            <ul class="navbar-nav">
134                <li class="nav-item dropdown">
135                    <a class="nav-link c_text h_text px-3" href="/" role="button">
136                        <i class="material-icons">home</i>
137                    </a>
138                </li>
139                                                                                        <li class="nav-item dropdown">
140                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown0" role="button"
141                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
142                                    Notre commune
143                                </a>
144                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown0">
145                                                                            <div class="dropdown-menu-image" aria-hidden="true"
146                                             style="background-image: url(https://static.neopse.com/thumbs/p/2452/site/a1/7e/49/a17e49d38a5b61e1904328b74177c28c42b00250.png?v=v1);"></div>
147                                    
148                                    <div class="mega-dropdown-menu">
149                                        <div class="divider">
150                                                                                                                                    
151                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
152                                                   href="/fr/rb/948573/fleurie-et-son-histoire">
153                                                    Fleurie et son histoire
154                                                </a>
155                                            
156                                            
157                                            
158                                                                                                                                                                                
159                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
160                                                   href="/fr/rb/948677/urbanisme-250">
161                                                    Urbanisme
162                                                </a>
163                                            
164                                            
165                                            
166                                                                                                                                                                                
167                                            
168                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
169                                                   href="/fr/nw/1523732/actualites-1055">
170                                                    Actualités
171                                                </a>
172                                            
173                                            
174                                                                                                                                                                                
175                                            
176                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
177                                                   href="/fr/ap/1525331/plan-acces-670">
178                                                    Plan/Accès
179                                                </a>
180                                            
181                                            
182                                                                                                                                                                                
183                                            
184                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
185                                                   href="/fr/ct/1523654/contacts-971">
186                                                    Contacts
187                                                </a>
188                                            
189                                            
190                                                                                                                                                                                
191                                            
192                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
193                                                   href="/fr/pb/1525370/bulletins-municipaux-47">
194                                                    Bulletins municipaux
195                                                </a>
196                                            
197                                            
198                                                                                                                                                                                
199                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
200                                                   href="/fr/rb/2334191/cimetiere-274">
201                                                    Cimetière
202                                                </a>
203                                            
204                                            
205                                            
206                                                                                                                                                                                
207                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
208                                                   href="/fr/rb/2376246/arretes-prefectoraux-36">
209                                                    ARRETES PREFECTORAUX
210                                                </a>
211                                            
212                                            
213                                            
214                                                                                                                                </div>
215                                    </div>
216                                </div>
217                            </li>
218                                                                                                                                    <li class="nav-item dropdown">
219                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button"
220                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
221                                    Vie Municipale
222                                </a>
223                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown1">
224                                                                            <div class="dropdown-menu-image" aria-hidden="true"
225                                             style="background-image: url(https://static.neopse.com/thumbs/p/2452/site/e1/98/16/e19816802ca15d4ea0d3ba7f8909e69d697769c3.png?v=v1);"></div>
226                                    
227                                    <div class="mega-dropdown-menu">
228                                        <div class="divider">
229                                                                                                                                    
230                                            
231                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
232                                                   href="/fr/tb/1525448/conseillers-municipaux-4">
233                                                    Conseillers Municipaux
234                                                </a>
235                                            
236                                            
237                                                                                                                                                                                
238                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
239                                                   href="/fr/rb/2362271/conseils-municipaux-20">
240                                                    Conseils Municipaux
241                                                </a>
242                                            
243                                            
244                                            
245                                                                                                                                                                                
246                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
247                                                   href="/fr/rb/948716/mediatheque-51">
248                                                    Médiathèque
249                                                </a>
250                                            
251                                            
252                                            
253                                                                                                                                                                                
254                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
255                                                   href="/fr/rb/948755/intercommunalite-152">
256                                                    Intercommunalité
257                                                </a>
258                                            
259                                            
260                                            
261                                                                                                                                                                                
262                                            
263                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
264                                                   href="/fr/pm/1524707/marches-publics-683">
265                                                    Marchés publics
266                                                </a>
267                                            
268                                            
269                                                                                                                                </div>
270                                    </div>
271                                </div>
272                            </li>
273                                                                                                                                    <li class="nav-item dropdown">
274                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button"
275                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
276                                    Vie pratique
277                                </a>
278                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown2">
279                                                                            <div class="dropdown-menu-image" aria-hidden="true"
280                                             style="background-image: url(https://static.neopse.com/thumbs/p/2452/site/2a/0f/7c/2a0f7c28d0d535edd15d1e1132524670fa356486.png?v=v1);"></div>
281                                    
282                                    <div class="mega-dropdown-menu">
283                                        <div class="divider">
284                                                                                                                                                                                <p class="dropdown-header-divider c_text" aria-hidden="true">Les démarches administratives</p>
285                                                                                                                                                                                
286                                            
287                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
288                                                   href="/fr/pg/1524590/demarches-administratives-43">
289                                                    Démarches administratives
290                                                </a>
291                                            
292                                            
293                                                                                                                                                                                
294                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
295                                                   href="/fr/rb/1045215/maison-france-services-2">
296                                                    Maison France Services
297                                                </a>
298                                            
299                                            
300                                            
301                                                                                                                                                                                
302                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
303                                                   href="/fr/rb/1055693/numeros-utiles-157">
304                                                    Numéros utiles
305                                                </a>
306                                            
307                                            
308                                            
309                                                                                                                                                                                                                        </div>
310                                        <div class="divider">
311                                                                                        <p class="dropdown-header-divider c_text" aria-hidden="true">Les salles municipales</p>
312                                                                                                                                                                                
313                                            
314                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
315                                                   href="/fr/rr/1525409/salles-municipales-40">
316                                                    Salles municipales
317                                                </a>
318                                            
319                                            
320                                                                                                                                                                                                                        </div>
321                                        <div class="divider">
322                                                                                        <p class="dropdown-header-divider c_text" aria-hidden="true">Vos enfants</p>
323                                                                                                                                                                                
324                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
325          
325                                         href="/fr/rb/948599/vos-enfants">
326                                                    Vos enfants
327                                                </a>
328                                            
329                                            
330                                            
331                                                                                                                                                                                                                        </div>
332                                        <div class="divider">
333                                                                                        <p class="dropdown-header-divider c_text" aria-hidden="true">Transports</p>
334                                                                                                                                                                                
335                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
336                                                   href="/fr/rb/1685972/reseau-tcl-ex-cars-du-rhone">
337                                                    Réseau TCL (ex cars du Rhône)
338                                                </a>
339                                            
340                                            
341                                            
342                                                                                                                                                                                
343                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
344                                                   href="/fr/rb/948989/transport-a-la-demande-8">
345                                                    Transport à la demande
346                                                </a>
347                                            
348                                            
349                                            
350                                                                                                                                                                                                                        </div>
351                                        <div class="divider">
352                                                                                        <p class="dropdown-header-divider c_text" aria-hidden="true">Bien vieillir</p>
353                                                                                                                                                                                
354                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
355                                                   href="/fr/rb/948963/bien-vieillir-2">
356                                                    Bien vieillir
357                                                </a>
358                                            
359                                            
360                                            
361                                                                                                                                                                                
362                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
363                                                   href="/fr/rb/1045228/marpa">
364                                                    MARPA
365                                                </a>
366                                            
367                                            
368                                            
369                                                                                                                                                                                
370                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
371                                                   href="/fr/rb/1054913/la-maison-de-retraite-qui-me-correspond-1">
372                                                    La maison de retraite qui me correspond
373                                                </a>
374                                            
375                                            
376                                            
377                                                                                                                                                                                                                        </div>
378                                        <div class="divider">
379                                                                                        <p class="dropdown-header-divider c_text" aria-hidden="true">Environnement</p>
380                                                                                                                                                                                
381                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
382                                                   href="/fr/rb/1054965/environnement-112">
383                                                    Environnement
384                                                </a>
385                                            
386                                            
387                                            
388                                                                                                                                </div>
389                                    </div>
390                                </div>
391                            </li>
392                                                                                                                                    <li class="nav-item dropdown">
393                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button"
394                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
395                                    Vie économique
396                                </a>
397                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown3">
398                                                                            <div class="dropdown-menu-image" aria-hidden="true"
399                                             style="background-image: url(https://static.neopse.com/thumbs/p/2452/site/11/d6/85/11d685327a6e02695f3cb17b166abe44cb4f097e.png?v=v1);"></div>
400                                    
401                                    <div class="mega-dropdown-menu">
402                                        <div class="divider">
403                                                                                                                                    
404                                            
405                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
406                                                   href="/fr/mk/1525214/marches-hebdomadaires">
407                                                    Marchés hebdomadaires
408                                                </a>
409                                            
410                                            
411                                                                                                                                                                                
412                                            
413                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
414                                                   href="/fr/he/1
414524824/annuaire-de-la-sante-493">
415                                                    Annuaire de la santé
416                                                </a>
417                                            
418                                            
419                                                                                                                                                                                
420                                            
421                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
422                                                   href="/fr/bu/1524902/annuaire-des-professionnels-466">
423                                                    Annuaire des professionnels
424                                                </a>
425                                            
426                                            
427                                                                                                                                                                                
428                                            
429                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
430                                                   href="/fr/tr/1524941/annuaire-touristique-507">
431                                                    Annuaire touristique
432                                                </a>
433                                            
434                                            
435                                                                                                                                </div>
436                                    </div>
437                                </div>
438                            </li>
439                                                                                                                                    <li class="nav-item dropdown">
440                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button"
441                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
442                                    Vie associative
443                                </a>
444                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown4">
445                                                                            <div class="dropdown-menu-image" aria-hidden="true"
446                                             style="background-image: url(https://static.neopse.com/thumbs/p/2452/site/5f/85/67/5f85671eaeb55baccd605122faf8beb0e50969fc.png?v=v1);"></div>
447                                    
448                                    <div class="mega-dropdown-menu">
449                                        <div class="divider">
450                                                                                                                                                                                <p class="dropdown-header-divider c_text" aria-hidden="true">La vie associative</p>
451                                                                                                                                                                                
452                                            
453                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
454                                                   href="/fr/as/1524863/annuaire-des-associations-459">
455                                                    Annuaire des associations
456                                                </a>
457                                            
458                                            
459                                                                                                                                                                                
460                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
461                                                   href="/fr/rb/949262/declaration-dassociation">
462                                                    Déclaration d&#039;association
463                                                </a>
464                                            
465                                            
466                                            
467                                                                                                                                                                                
468                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
469                                                   href="/fr/rb/1148864/organiser-une-manifestation-associative">
470                                                    Organiser une manifestation associative
471                                                </a>
472                                            
473                                            
474                                            
475                                                                                                                                                                                
476                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
477                                                   href="/fr/rb/949184/declaration-de-buvette">
478                                                    Déclaration de buvette
479                                                </a>
480                                            
481                                            
482                                            
483                                                                                                                                                                                
484                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
485                                                   href="/fr/rb/1148669/la-sacem">
486                                                    La SACEM
487                                                </a>
488                                            
489                                            
490                                            
491                                                                                                                                                                                                                        </div>
492                                        <div class="divider">
493                                                                                        <p class="dropdown-header-divider c_text" aria-hidden="true">Annonces sur panneaux et agenda</p>
494                                                                                                                                                                                
495                                            
496                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
497                                                   href="/fr/ev/1523771/calendrier-des-manifestations-3">
498                                                    Calendrier des manifestations
499                                                </a>
500                                            
501                                            
502                                                                                                                                                                                
503                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
504                                                   href="/fr/rb/1045254/panneaupocket-5">
505                                                    PanneauPocket
506                                                </a>
507                                            
508                                            
509                                            
510                                                                                                                                </div>
511                                    </div>
512                                </div>
513                            </li>
514                                                                                                                                    <li class="nav-item dropdown">
515                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown5" role="button"
516                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
517                                    Culture-Loisirs
518                                </a>
519                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown5">
520                                                                            <div class="dropdown-menu-image" aria-hidden="true"
521                                             style="background-image: url(https://static.neopse.com/thumbs/p/2452/site/8a/a9/69/8aa969e223ba3d6ce1f58c4c7978e6112908ecd5.png?v=v1);"></div>
522                                    
523                                    <div class="mega-dropdown-menu">
524                                        <div class="divider">
525                                                                                                                                    
526                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
527                                                   href="/fr/rb/949301/marche-aux-vins-et-salon-du-livre">
528                                                    Marché aux vins et salon du livre
529                                                </a>
530                                            
531                                            
532                                            
533                                                                                                                                                                                
534                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
535                                                   href="/fr/rb/949405/marathon-du-beaujolais">
536                                                    Marathon du Beaujolais
537                                                </a>
538                                            
539                                            
540                                            
541                                                                                                                                                                                
542                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
543                                                   href="/fr/rb/1138984/rassemblement-autos-et-motos-anciennes-et-dexception">
544                                                    Rassemblement Autos et Motos anciennes et d&#039;exception
545                                                </a>
546                                            
547                                            
548                                            
549                                                                                                                                                                                
550                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
551                                                   href="/fr/rb/949340/les-randonnees-a-pieds-a-velo-en-vtt">
552                                                    Les randonnées, à pieds, à vélo, en VTT
553                                                </a>
554                                            
555                                            
556                                            
557                                                                                                                                                                                
558                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
559                                                   href="/fr/rb/949392/hebergements-33">
560                                                    Hébergements
561                                                </a>
562                                            
563                                            
564                                            
565                                                                                                                                                                                
566                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
567                                                   href="/fr/rb/949483/jardinage-au-naturel">
568                                                    Jardinage au naturel
569                                                </a>
570                                            
571                                            
572                                            
573                                                                                                                                                                                
574                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
575                                                   href="/fr/rb/1057708/office-du-tourisme-du-beaujolais-antenne-de-fleurie">
576                                                    Office du Tourisme du Beaujolais, Antenne de Fleurie
577                                                </a>
578                                            
579                                            
580                                            
581                                                                                                                                </div>
582                                    </div>
583                                </div>
584                            </li>
585                                                                                                
586                                    <li class="nav-item position-relative">
587                        <a role="button" class="search-button nav-link c_text h_text">
588                            <i class="material-icons">search</i>
589                        </a>
590                        <form action="/fr/search" class="searchbar form-inline search mb-0 hide" method="post">
591                            <input id="search-form" name="keywords" class="form-control" type="search" placeholder="Recherche" aria-label="Recherche">
592                            <button class="btn c_btn bg_btn" type="submit"><i class="material-icons">search</i></button>
593                        </form>
594                    </li>
595                
596                
597            </ul>
598        </div>
599    </div>
600</nav>
601
602</header>
603
604<main role="main">
605        <div class="main home">
606
607        <div id="w_headline">
608            <!-- A la une - slider -->
609<header class="slider">
610    <div id="carouselIndicators" class="carousel slide" data-ride="carousel">
611        <!-- Bullet navigation -->
612        
613        <div class="carousel-inner">
614            
615            <!-- Prev/Next -->
616            <a class="carousel-control-prev" href="#carouselIndicators" role="button" data-slide="prev">
617                <span class="carousel-control-prev-icon" aria-hidden="true"><i class="material-icons">chevron_left</i></span>
618                <span class="sr-only">Previous</span>
619            </a>
620            <a class="carousel-control-next" href="#carouselIndicators" role="button" data-slide="next">
621              <span class="carousel-control-next-icon" aria-hidden="true"><i class="material-icons">chevron_right</i></span>
622              <span class="sr-only">Next</span>
623            </a>
624
625        </div>
626    </div>
627</header>
628
629        </div>
630
631            <div id="w_oneclick">
632        <div class="inamovible" id="w_oneclick" style="position: relative;">
633    <div class="access-direct">
634        <div class="access-direct-wrapper bg">
635                            <div class="access-direct-title">
636                    <h2 class="title c_title d_title text-center w-100">
637                        Accès directs
638                    </h2>
639                </div>
640            
641            <div class="d-flex flex-wrap justify-content-center col-md-9  mx-auto">
642
643            
644            <a href="/fr/rb/948599/vos-enfants" class="shortcut bg_text c_text bold-title" >
645                <div class="vignette"  style="background-color: #a053e0!important;" >
646                    <div>
647                                                    <i class="material-icons notranslate c_text">accessibility</i>
648                                                <p class="mb-0 c_text">Vos enfants</p>
649                    </div>
650                </div>
651            </a>
652
653            
654            <a href="/fr/rb/2362271/conseils-municipaux-20" class="shortcut bg_text c_text bold-title" >
655                <div class="vignette"  style="background-color: #dd117e!important;" >
656                    <div>
657                                                    <i class="material-icons notranslate c_text">import_contacts</i>
658                                                <p class="mb-0 c_text">Comptes-rendus</p>
659                    </div>
660                </div>
661            </a>
662
663            
664            <a href="https://commune-de-fleurie.neopse-site.com/fr/pg/1524590/demarches-administratives-43" class="shortcut bg_text c_text bold-title" >
665                <div class="vignette"  style="background-color: #e89510!important;" >
666                    <div>
667                                                    <i class="material-icons notranslate c_text">save</i>
668                                                <p class="mb-0 c_text">Démarches administratives</p>
669                    </div>
670                </div>
671            </a>
672
673            
674            <a href="https://www.rhone.gouv.fr/Actions-de-l-Etat/Environnement-transition-ecologique-risques-naturels-et-technologiques/Installations-classees-pour-la-protection-de-l-environnement/Arretes-prefectoraux" class="shortcut bg_text c_text bold-title"  target="_blank" >
675                <div class="vignette"  style="background-color: #1539E3!important;" >
676                    <div>
677                                                    <i class="material-icons notranslate c_text">account_balance</i>
678                                                <p class="mb-0 c_text">arrêtés préfectoraux</p>
679                    </div>
680                </div>
681            </a>
682
683            
684            </div>
685        </div>
686    </div>
687</div>
688    </div>
689
690
691            <div id="w_ju0c6t8qd">
692        <!-- Actualités -->
693<section class="bg actu">
694    <div class="ov"></div>
695    <div class="container">
696                    <div class="c_title">
697                <div class="dash-title">
698                    <div class="left"></div>
699                        <h2 class="title d_title">
700                            Actualités
701                        </h2>
702                    <div class="right"></div>
703                </div>
704            </div>
705        
706        <div class="carousel-wrapper mt-4">
707            <div class="carousel-3 owl-carousel owl-theme">
708                                    <a href="/fr/nw/1523732/3000363/enquete-publique-du-pluih-de-la-ccsb-du-6-10-au-5-11-2026" class="card item" aria-label="Actualité: ENQUETE PUBLIQUE du PLUIH de la CCSB du 
7086/10 au 5/11/2026">
709                        <div class="card-button black">
710                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2452/site/e7/77/96/e77796ca70334fa356e841e2761bd7ca0f2fc03b.png?v=v1" alt="">
711                        </div>
712                        <div class="card-body bg_text">
713                                                            <h3 class="card-title c_text mb-1 h6">ENQUETE PUBLIQUE du PLUIH de la CCSB du 6/10 au 5/11/2026</h3>
714                                                        <p class="card-text c_text h6"></p>
715                        </div>
716                    </a>
717                                    <a href="/fr/nw/1523732/2284154/marche-de-noel-2026-1" class="card item" aria-label="Actualité: Marché de Noël 2026">
718                        <div class="card-button black">
719                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2452/site/d0/24/cc/d024ccbb37220a810cb56d9e380cc99f2077c35b.png?v=v1" alt="">
720                        </div>
721                        <div class="card-body bg_text">
722                                                            <h3 class="card-title c_text mb-1 h6">Marché de Noël 2026</h3>
723                                                        <p class="card-text c_text h6">L'inscription pour les exposants est ouverte</p>
724                        </div>
725                    </a>
726                                    <a href="/fr/nw/1523732/462698/inscription-sur-les-listes-electorales-8" class="card item" aria-label="Actualité: Inscription sur les listes électorales">
727                        <div class="card-button black">
728                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2452/site/c6/58/f2/c658f29371ba0de859ceb11d402ddb8ea9b689c7.png?v=v1" alt="">
729                        </div>
730                        <div class="card-body bg_text">
731                                                            <h3 class="card-title c_text mb-1 h6">Inscription sur les listes électorales</h3>
732                                                        <p class="card-text c_text h6">Pensez à vous inscrire.... L'inscription sur les listes électorales est indispensable pour pouvoir voter :les inscriptions...</p>
733                        </div>
734                    </a>
735                                    <a href="/fr/nw/1523732/2966160/recensement-militaire-ma-jdc-copie" class="card item" aria-label="Actualité: Recensement Militaire Ma JDC (copie)">
736                        <div class="card-button black">
737                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2452/site/73/c2/77/73c277792968d76d288c9e8d881f2cabd73c2148.png?v=v1" alt="">
738                        </div>
739                        <div class="card-body bg_text">
740                                                            <h3 class="card-title c_text mb-1 h6">Recensement Militaire Ma JDC (copie)</h3>
741                                                        <p class="card-text c_text h6">Journée Défense et citoyenneté</p>
742                        </div>
743                    </a>
744                                    <a href="/fr/nw/1523732/2766415/campagne-vidange-2026" class="card item" aria-label="Actualité: campagne vidange 2026">
745                        <div class="card-button black">
746                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2452/site/0f/e1/55/0fe155f55b80824fc8a3c74218457c1e0af81b11.png?v=v1" alt="">
747                        </div>
748                        <div class="card-body bg_text">
749                                                            <h3 class="card-title c_text mb-1 h6">campagne vidange 2026</h3>
750                                                        <p class="card-text c_text h6">Tarif préférentiel par la CCSB</p>
751                        </div>
752                    </a>
753                                    <a href="/fr/nw/1523732/777480/vos-dossiers-d-urbanisme" class="card item" aria-label="Actualité: Vos dossiers d&#039;urbanisme">
754                        <div class="card-button black">
755                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2452/site/4a/f7/3d/4af73d9225cb4a6720bdf7a2891ea7c0db6dd378.png?v=v1" alt="">
756                        </div>
757                        <div class="card-body bg_text">
758                                                            <h3 class="card-title c_text mb-1 h6">Vos dossiers d&#039;urbanisme</h3>
759                                                        <p class="card-text c_text h6">Saisie en ligne des dossiers d’urbanisme : https://portail-usager.sirap.com</p>
760                        </div>
761                    </a>
762                                    <a href="/fr/nw/1523732/461619/plan-vigipirate-alerte-attentat" class="card item" aria-label="Actualité: Plan vigipirate alerte attentat">
763                        <div class="card-button black">
764                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2452/site/ef/5c/20/ef5c20f22cb26342be97d32de2000e327e965e75.png?v=v1" alt="">
765                        </div>
766                        <div class="card-body bg_text">
767                                                            <h3 class="card-title c_text mb-1 h6">Plan vigipirate alerte attentat</h3>
768                                                        <p class="card-text c_text h6">Réagissez en cas d'attaque</p>
769                        </div>
770                    </a>
771                                    <a href="/fr/nw/1523732/461398/la-fibre-2" class="card item" aria-label="Actualité: La fibre">
772                        <div class="card-button black">
773                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2452/site/f3/45/ee/f345ee1732133825f59173aec231a01363351b43.png?v=v1" alt="">
774                        </div>
775                        <div class="card-body bg_text">
776                                                            <h3 class="card-title c_text mb-1 h6">La fibre</h3>
777                                                        <p class="card-text c_text h6">Que vous soyez un particulier, un professionnel ou une entreprise, connectez-vous sur reseaux.orange.fr/maison/comment-avoir-fibre</p>
778                        </div>
779                    </a>
780                            </div>
781        </div>
782
783        <div class="text-right mt-5">
784            <a href="/fr/nw/1523732/actualites-1055" class="btn btn-primary c_btn bg_btn" aria-label="Voir tout">Voir tout</a>
785        </div>
786    </div>
787</section>
788
789    </div>
790
791
792        
793
794    </div>
795    </main>
796
797            <div id="previewModalImage" class="modal">
798
799                <!-- The Close Button -->
800                <span id="closePreviewImage" class="close">&times;</span>
801
802                <!-- Navigation Buttons -->
803                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
804                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</a>
805
806                <!-- Image Counter -->
807                <div id="imageCounter" class="image-counter"></div>
808
809                <!-- Modal Content (The Image) -->
810                <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div>
811
812                <!-- Modal Caption (Image Text) -->
813                <div id="captionPreviewImage"></div>
814            </div>
815        
816                    
816<script>
817                (function() {
818                    // Get the modal elements
819                    const modal = document.getElementById('previewModalImage');
820                    const modalImg = modal.querySelector('img');
821                    const captionText = document.getElementById('captionPreviewImage');
822                    const closePreviewImage = document.getElementById('closePreviewImage');
823                    const prevBtn = document.getElementById('prevImage');
824                    const nextBtn = document.getElementById('nextImage');
825                    const imageCounter = document.getElementById('imageCounter');
826
827                    let currentImages = [];
828                    let currentIndex = 0;
829
830                    // Helper function to toggle element visibility
831                    function toggleElement(element, show) {
832                        if (element) {
833                            element.style.display = show ? 'block' : 'none';
834                        }
835                    }
836
837                    // Function to update the modal with a specific image
838                    function updateModal(index) {
839                        if (currentImages.length === 0) return;
840
841                        currentIndex = index;
842                        const img = currentImages[currentIndex];
843                        modalImg.setAttribute('src', img.src);
844                        modalImg.setAttribute('alt', img.alt || '');
845                        captionText.innerHTML = img.alt || '';
846
847                        // Update counter
848                        imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length;
849
850                        // Show/hide navigation buttons
851                        const showNav = currentImages.length > 1;
852                        toggleElement(prevBtn, showNav);
853                        toggleElement(nextBtn, showNav);
854                        toggleElement(imageCounter, showNav);
855                    }
856
857                    // Function to show next image
858                    function showNext() {
859                        if (currentImages.length === 0) return;
860                        currentIndex = (currentIndex + 1) % currentImages.length;
861                        updateModal(currentIndex);
862                    }
863
864                    // Function to show previous image
865                    function showPrev() {
866                        if (currentImages.length === 0) return;
867                        currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length;
868                        updateModal(currentIndex);
869                    }
870
871                    // Helper function to find closest ancestor with class
872                    function closest(element, selector) {
873                        if (!element) return null;
874                        if (selector.startsWith('.')) {
875                            const className = selector.slice(1);
876                            let current = element;
877                            while (current && current !== document) {
878                                if (current.classList && current.classList.contains(className)) {
879                                    return current;
880                                }
881                                current = current.parentElement;
882                            }
883                        }
884                        return null;
885                    }
886
887                    // When clicking on an image
888                    document.addEventListener('click', function(e) {
889                        const target = e.target;
890                        if (target.tagName === 'IMG' &&
891                            (target.classList.contains('img') || target.classList.contains('main-img')) &&
892                            closest(target, '.splide')) {
893
894                            const clickedSlide = closest(target, '.splide__slide');
895                            if (!clickedSlide) return;
896
897                            const splideList = closest(clickedSlide, '.splide__list');
898                            if (!splideList) return;
899
900                            const allSlides = splideList.querySelectorAll('.splide__slide');
901
902                            currentImages = [];
903                            const seenSrcs = new Set();
904                            const clickedSrc = target.src;
905
906                            allSlides.forEach(function(slide) {
907                                const slideImg = slide.querySelector('.img, .main-img');
908                                if (slideImg) {
909                                    const imgSrc = slideImg.src;
910                                    if (!seenSrcs.has(imgSrc)) {
911                                        seenSrcs.add(imgSrc);
912                                        currentImages.push(slideImg);
913                                    }
914                                }
915                            });
916
917                            currentIndex = currentImages.findIndex(function(img) {
918                                return img.src === clickedSrc;
919                            });
920
921                            if (currentIndex === -1) {
922                                currentIndex = 0;
923                            }
924
925                            updateModal(currentIndex);
926                            modal.style.display = 'block';
927                        }
928                    });
929
930                    // Navigation button handlers
931                    if (nextBtn) {
932                        nextBtn.addEventListener('click', function (e) {
933                            e.preventDefault();
934                            e.stopPropagation();
935                            showNext();
936                        });
937                    }
938
939                    if (prevBtn) {
940                        prevBtn.addEventListener('click', function (e) {
941                            e.preventDefault();
942                            e.stopPropagation();
943                            showPrev();
944                        });
945                    }
946
947                    // Keyboard navigation
948                    document.addEventListener('keydown', function (e) {
949                        const isModalVisible = modal.style.display !== 'none' &&
950                                             (modal.style.display === 'block' ||
951                                              window.getComputedStyle(modal).display !== 'none');
952
953                        if (isModalVisible) {
954                            if (e.key === 'ArrowRight' || e.keyCode === 39) {
955                                e.preventDefault();
956                                showNext();
957                            } else if (e.key === 'ArrowLeft' || e.keyCode === 37) {
958                                e.preventDefault();
959                                showPrev();
960                            } else if (e.key === 'Escape' || e.keyCode === 27) {
961                                e.preventDefault();
962                                e.stopPropagation();
963                                modal.style.display = 'none';
964                            }
965                        }
966                    });
967
968                    // Close button handler
969                    if (closePreviewImage) {
970                        closePreviewImage.addEventListener('click', function () {
971                            modal.style.display = 'none';
972                        });
973                    }
974
975                    // Close modal when clicking outside the image
976                    modal.addEventListener('click', function (e) {
977                        if (e.target === modal) {
978                            modal.style.display = 'none';
979                        }
980                    });
981                })();
982            </script>
982
983        
984
985
986<!-- Footer -->
987<div id="footer">
988    <footer role="contentinfo" class="footer bg">
989    <div class="ov"></div>
990
991        <div class="container mb-3 d-flex flex-wrap justify-content-between">
992            <div class="footer-container">
993                <h2 class="title c_title" style="font-size:1.5rem !important;"><a style="font-size:1.5rem !important;" href="/fr/ct/1523654/contacts-971" class="title mb-0">Contacts</a></h2>
994<div class="footer-box">
995    <div class="contact c_text">
996        <p class="font-weight-bold mb-0">Commune de Fleurie</p>
997        <p class="mb-0">62 rue des Crus - BP 15</p>
998        <p class="mb-0">69820 Fleurie - FRANCE</p>
999         <p class="mb-0"><a href="tel:+33474041044">+33 4 74 04 10 44</a>
1000            </p>
1001        
1002                    <div class="mt-4">
1003                <p style="margin:0;"><strong></strong></p>
1004                <p><div>[email protected]&nbsp;<br />
1005ouvert au Public les lundi, mardi et vendredi de 8h00&agrave; 12h00 et de 13h00 &agrave; 16h00<br />
1006les mercredi et jeudi de 8h00 &agrave; 12h00</div></p>
1007            </div>
1008        
1009    </div>
1010</div>
1011
1012
1013
1014                <div class="social-media">
1015    <ul class="c_text">
1016                                                                                                                                                    </ul>
1017</div>
1018
1019                
1020
1021
1022            </div>
1023        </div>
1024
1025        <div class="footer-links bg" style="padding: 10px 0 !important;">
1026            <div class="ov"></div>
1027            <div class="container">
1028                <div class="footer-links-container">
1029                    
1030                </div>
1031
1032                <div class="footer-links-container">
1033                    <div class="footer-container">
1034    <h2 class="title c_title d_title" style="font-size:1.5rem !important;">Liens</h2>
1035    <div class="footer-box twinning" style="text-align:start;">
1036                                    <div class="d-block">
1037                    <a href="https://www.facebook.com/Fleurie-en-Beaujolais-1407072982908998/?ref_type=bookmark" class="mb-2 c_text" target="_blank">
1038                        <img role="img" src="https://static.neopse.com/medias/p/2452/site/37/df/1d/37df1de59f33c62d09e6287776fddd03306789bf.png?v=v1"
1039                             alt="" class="mr-2">Facebook  </a>
1040                </div>
1041            
1042                                    <div class="d-block">
1043                    <a href="http://www.ccsb-saonebeaujolais.fr/" class="mb-2 c_text" target="_blank">
1044                        <img role="img" src="https://static.neopse.com/medias/p/2452/site/57/28/61/572861ae4ed5767b4c37be0b4049b0f67de55799.jpg?v=v1"
1045                             alt="" class="mr-2">Communauté de Communes Saône-Beaujolais (CCSB)  </a>
1046                </div>
1047            
1048                                    <div class="d-block">
1049                    <a href="https://www.geoportail.gouv.fr/" class="mb-2 c_text" target="_blank">
1050                        <img role="img" src="https://static.neopse.com/medias/p/2452/site/57/1c/12/571c123f49950e501857d819bc411e048383e131.jpg?v=v1"
1051                             alt="" class="mr-2">Géoportail  </a>
1052                </div>
1053            
1054                                    <div class="d-block">
1055                    <a href="https://www.rhone.gouv.fr/" class="mb-2 c_text" target="_blank">
1056                        <img role="img" src="https://static.neopse.com/medias/p/2452/site/8a/6d/8c/8a6d8cc538b417925a1421ef9745739c304cd3b6.jpg?v=v1"
1057                             alt="" class="mr-2">Préfecture du Rhône  </a>
1058                </div>
1059            
1060                                    <div class="d-block">
1061                    <a href="http://www.bomal-sur-ourthe.be/" class="mb-2 c_text" target="_blank">
1062                        <img role="img" src="https://static.neopse.com/medias/p/2452/site/02/23/9b/02239b8396df8dae0ffabe73048990313b59700b.jpg?v=v1"
1063                             alt="" class="mr-2">Bomal sur Ourthe  </a>
1064                </div>
1065            
1066                                    <div class="d-block">
1067                    <a href="http://www.wettolsheim.fr/" class="mb-2 c_text" target="_blank">
1068                        <img role="img" src="https://static.neopse.com/medias/p/2452/site/2a/a7/2d/2aa72d232c92c25728af6588b51a6702cb674f11.JPG?v=v1"
1069                             alt="" class="mr-2">Wettolsheim  </a>
1070                </div>
1071            
1072        
1073    </div>
1074</div>
1075
1076                </div>
1077            </div>
1078
1079            <div class="container d-flex flex-wrap position-relative justify-content-center mt-3 c_text">
1080                <p class="mr-2 c_text"><a href="/fr/li/1523693/mentions-legales-1106">Mentions légales</a>
1081</p>-
1082                <p class="ml-2 mr-2 c_text"><a href="/fr/1523693/politique-confidentialite">Politique de confidentialité</a>
1083</p>-
1084                <p class="ml-2 mr-2 c_text"><a href="/fr/accessibilite">Accessibilité</a>
1085</p>-
1086                
1087                <p class="ml-2 mr-2 c_text"><a href="/fr/sm/63744/plan-du-site-1" >Plan du site</a></p>-
1088                <p class="ml-2 mr-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p>
1089            </div>
1090        </div>
1091
1092    </footer>
1093
1094
1095</div>
1096
1097<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true"
1098     style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);">
1099    <div class="modal-dialog" role="document">
1100        <div class="modal-content">
1101            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1102                <span aria-hidden="true">&times;</span>
1103            </button>
1104
1105            <div class="modal-header bg_bloc">
1106                            </div>
1107            <form id="contactFormFooter" action="/formMdContact" method="post"
1108                  novalidate enctype="multipart/form-data">
1109                <div class="modal-body pb-0">
1110
1111                    
1112                    <div class="form-group">
1113    <div class="h-recaptcha m-auto d-inline-block"></div>
1114    <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire
1115    </div>
1116</div>                </div>
1117                <div class="modal-footer">
1118                    <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">Envoyer</button>
1119                </div>
1120                <div class="m-3">
1121                    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 />
1122Vos 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 />
1123<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 />
1124<span style="background-color:null">- Par voie &eacute;lectronique &agrave; l&rsquo;adresse : [&hellip;&hellip;.] ; </span><br />
1125<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 />
1126<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.
1127                </div>
1128            </form>
1129
1130            <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none">
1131                <p role="status"></p>
1132            </div>
1133        </div>
1134    </div>
1135</div>
1136
1137<div class="footer-bottom" style="position: relative;">
1138    <div class="container">
1139        <p>
1140
1141            <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank">
1142                <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid">
1143                Site créé en partenariat avec Réseau des Communes
1144            </a>
1145        </p>
1146    </div>
1147</div>
1148<div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
1149    <div class="modal-dialog" role="document">
1150        <div class="modal-content">
1151            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1152                <span aria-hidden="true">&times;</span>
1153            </button>
1154
1155            <embed type="application/pdf">
1156        </div>
1157    </div>
1158</div>
1159
1160
1161        
1161<script src="/js/vendor/popper.min.js"></script>
1161
1162    
1162<script src="/js/vendor/bootstrap.min.js"></script>
1162
1163
1164    <!-- Carousel -->
1165    
1165<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1165
1166
1167    
1167<script src='/dist/slick/slick.js'></script>
1167
1168    
1168<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
1168
1169
1170    
1170<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1170
1171    
1171<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1171
1172
1173        
1173<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1173
1174
1175        
1175<script src='/dist/pagination.min.js'></script>
1175
1176
1177    
1177<script src="/js/shared.js?v1"></script>
1177
1178    
1178<script src="/tpl/4/js/main.js"></script>
1178
1179    
1179<script src="/lib/chartjs/Chart.js"></script>
1179
1180    
1180<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1180
1181    
1182            
1183
1184    
1185        
1186        
1187    
1188                    
1189        
1189<script type="text/javascript">
1190
1191        tarteaucitron.user.matomoId = 6;
1192        (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack');
1193
1194
1195        (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
1196        (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion');
1197        (tarteaucitron.job = tarteaucitron.job || []).push('vimeo');
1198        (tarteaucitron.job = tarteaucitron.job || []).push('othervideo');
1199
1200            </script>
1200
1201
1202
1203            
1204    
1204<script src="/js/hammer/hammer.min.js"></script>
1204
1205    
1205<script>
1206        $(function () {
1207            var hammertime = new Hammer($('#carouselIndicators')[0]);
1208
1209            hammertime.get('swipe').set({direction: Hammer.DIRECTION_HORIZONTAL, threshold: 0});
1210
1211            hammertime.on("swipeleft", function () {
1212                $('#carouselIndicators').carousel('next');
1213            });
1214            hammertime.on("swiperight", function () {
1215                $('#carouselIndicators').carousel('prev');
1216            });
1217        });
1218    </script>
1218
1219    
1219<script>
1220        // gestion responsive sur custom css
1221
1222        //WIDGET UNES
1223
1224        // récupération des stylessheets
1225        var styleSheetList = document.styleSheets;
1226        var currentCustomCss = false;
1227
1228        for (let i = 0; i < styleSheetList.length; i++) {
1229            if (styleSheetList[i].title === "customCss") {
1230                currentCustomCss = styleSheetList[i]['cssRules'];
1231            }
1232        }
1233
1234        // récupération des valeurs par défauts
1235
1236        var originalCTextColor = false;
1237        var originalCBtnColorText = false;
1238        var originalCBtnColorBackground = false;
1239
1240        var currentCTextColor = false;
1241        var currentCBtnColor = false;
1242        var currentCBtnColorBefore = false;
1243
1244        for (let i = 0; i < currentCustomCss.length; i++) {
1245
1246            if (currentCustomCss[i]['selectorText'].includes("body .c_btn,")) {
1247                originalCBtnColorText = currentCustomCss[i].style.color;
1248            }
1249
1250            if (currentCustomCss[i]['selectorText'].includes("body .bg_btn,")) {
1251                originalCBtnColorBackground = currentCustomCss[i].style.backgroundColor;
1252            }
1253
1254
1255            if (currentCustomCss[i]['selectorText'].includes('.c_text_responsive')) {
1256
1257                if(currentCustomCss[i].style.color != ""){
1258                    originalCTextColor = currentCustomCss[i].style.color;
1259                }
1260
1261            }
1262        }
1263
1264        function myFunction(screen) {
1265
1266            if (screen.matches) { // If media query matches
1267                for (let i = 0; i < currentCustomCss.length; i++) {
1268
1269                    //.c_btn
1270                    if (currentCustomCss[i]['selectorText'] === "#w_headline .c_btn") {
1271                        if (currentCBtnColor == false) {
1272                            currentCBtnColor = currentCustomCss[i].style.color;
1273                        }
1274
1275                        currentCustomCss[i].style.setProperty('color', originalCBtnColorText, 'important');
1276                    }
1277
1278                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .bg_btn,")) {
1279                        if (currentCBtnColorBefore == false) {
1280                            currentCBtnColorBefore = currentCustomCss[i].style.backgroundColor;
1281                        }
1282                        currentCustomCss[i].style.setProperty('background-color', originalCBtnColorBackground, 'important');
1283                    }
1284
1285                    //.c_text
1286                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .c_text .title,")) {
1287                        console.log('gegegegege');
1288
1289                        if (currentCTextColor == false) {
1290                            currentCTextColor = currentCustomCss[i].style.color;
1291                        }
1292
1293                        currentCustomCss[i].style.setProperty('color', originalCTextColor, 'important');
1294                    }
1295
1296                    //indicators
1297                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .carousel-control-prev,")) {
1298                        currentCustomCss[i].style.setProperty('color', originalCBtnColorText, 'important');
1299                    }
1300
1301                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .carousel-control-prev-icon,")) {
1302                        currentCustomCss[i].style.setProperty('background-color', originalCBtnColorBackground, 'important');
1303                    }
1304
1305                }
1306            } else {
1307                for (let i = 0; i < currentCustomCss.length; i++) {
1308
1309                    //.c_btn
1310                    if (currentCustomCss[i]['selectorText'] === "#w_headline .c_btn") {
1311                        currentCustomCss[i].style.setProperty('color', currentCBtnColor, 'important');
1312                    }
1313
1314                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .bg_btn,")) {
1315                        currentCustomCss[i].style.setProperty('background-color', currentCBtnColorBefore, 'important');
1316                    }
1317
1318                    //.c_text
1319                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .c_text .title,")) {
1320                        currentCustomCss[i].style.setProperty('color', currentCTextColor, 'important');
1321                    }
1322
1323                    //indicators
1324                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .carousel-control-prev,")) {
1325                        currentCustomCss[i].style.setProperty('color', currentCBtnColor, 'important');
1326                    }
1327
1328                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .carousel-control-prev-icon,")) {
1329                        currentCustomCss[i].style.setProperty('background-color', currentCBtnColorBefore, 'important');
1330                    }
1331                }
1332            }
1333        }
1334
1335        var screenTablet = window.matchMedia("(max-width: 979px)");
1336        myFunction(screenTablet); // Call listener function at run time
1337        screenTablet.addEventListener('change', myFunction); // Attach listener function on state changes
1338
1339
1340    </script>
1340
1341
1342
1343    
1343<script type="text/javascript">
1344                (tarteaucitron.job = tarteaucitron.job || []).push('panneaupocket');
1345            </script>
1345
1346
1347<script>
1348    (function (i, s, o, g, r, a, m) {
1349        i['InstanaEumObject'] = r;
1350        i[r] = i[r] || function () {
1351            (i[r].q = i[r].q || []).push(arguments)
1352        }, i[r].l = 1 * new Date();
1353        a = s.createElement(o),
1354            m = s.getElementsByTagName(o)[0];
1355        a.async = 1;
1356        a.src = g;
1357        m.parentNode.insertBefore(a, m)
1358    })(window, document, 'script', '//eum.instana.io/eum.min.js', 'ineum');
1359    ineum('reportingUrl', 'https://eum-eu-west-1.instana.io');
1360    ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA');
1361
1362    // set the name of a page on which this load/errors/calls happened
1363    ineum('page', 'front-site');
1364</script>
1364
1365
1366<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1366
1367
1368<script type="text/javascript">
1369    var CaptchaCallback = function () {
1370        $('.h-recaptcha').each(function (index, el) {
1371            hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'});
1372        });
1373    };
1374</script>
1374
1375
1376<script>
1377    $(document).ready(function () {
1378
1379        $('.selectpicker').selectpicker();
1380
1381        var input = $('input[type=file]');
1382
1383        input.on('change', function () {
1384            var list = $(this).parent().parent().parent().parent().find($('.listFiles'));
1385            list.empty();
1386
1387            for (var x = 0; x < this.files.length; x++) {
1388                var newFile = '<li>Fichier joint :  ' + this.files[x].name + ' (' + humanFileSize(this.files[x].size) + ')</li>';
1389//                    li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
1390                list.append(newFile);
1391            }
1392        });
1393
1394        $('.form-error').hide();
1395        $('#contactFormFooter').submit(function (e) {
1396            let form = $(this);
1397
1398            $.ajax({
1399                type: "POST",
1400                url: form.attr('action'),
1401                data: new FormData(form[0]),
1402                contentType: false,
1403                processData: false,
1404                beforeSend: function () {
1405                    form.find('.form-error').hide();
1406                    $('.formContactForm').attr('disabled', true);
1407                },
1408                success: function (response) {
1409                    hcaptcha.reset();
1410
1411                    if (response.status === 'KO') {
1412                        let errors = response.errors;
1413                        for (let index in errors) {
1414                            if (errors.hasOwnProperty(index)) {
1415                                let attr = errors[index];
1416                                let error = attr[Object.keys(attr)[0]];
1417                                form.find('#' + index + '-error').text(error).show();
1418                            }
1419                        }
1420                    } else {
1421
1422                        $('#contactFormFooter').css('display', 'none');
1423                        $('#messageSendedFormContactFooter').css('display', '');
1424                        form[0].reset();
1425                    }
1426                },
1427                complete: function () {
1428
1429                    $('.formContactForm').removeAttr('disabled');
1430                }
1431            });
1432
1433            return false;
1434        });
1435
1436        $('#contactFormContactFooter').on('hidden.bs.modal', function () {
1437            $('#contactFormFooter')[0].reset();
1438
1439            $('#contactFormFooter').css('display', '');
1440
1441            $('#messageSendedFormContactFooter').css('display', 'none');
1442
1443            $('.form-error').hide();
1444
1445            $('.listFiles').empty();
1446
1447            hcaptcha.reset();
1448        });
1449
1450
1451    });
1452
1453    function humanFileSize(size) {
1454        var i = Math.floor(Math.log(size) / Math.log(1024));
1455        return (size / Math.pow(1024, i)).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
1456    }
1457</script>
1457
1458
1459<script>
1460    $(function () {
1461
1462
1463        var numberAlerts = false;
1464
1465        var allAlerts = $('#alertsModal').find($('.alertsInfo'));
1466
1467        numberAlerts = allAlerts.length;
1468
1469        allAlerts.each(function (e) {
1470
1471            if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) {
1472                $('#alertsModal').modal('show');
1473            } else {
1474                $(this).remove();
1475                numberAlerts = numberAlerts - 1;
1476                setActiveAndDecrementNumber();
1477            }
1478
1479        });
1480
1481        $('.acceptCookiesAlerts').on('click', function (e) {
1482            e.preventDefault();
1483
1484            var currentDataId = $(this).attr('data-id');
1485
1486            sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1');
1487
1488            numberAlerts = numberAlerts - 1;
1489
1490            var currentParentNode = $(this).parent().parent().parent();
1491
1492            currentParentNode.removeClass('active');
1493            currentParentNode.remove();
1494
1495            setActiveAndDecrementNumber();
1496
1497        });
1498
1499        function setActiveAndDecrementNumber() {
1500            var newListOfAlerts = $('#alertsModal').find($('.alertsInfo'));
1501
1502            newListOfAlerts.each(function (index, e) {
1503                if (index == 0) {
1504                    $(this).addClass('active');
1505                }
1506            });
1507
1508            if (numberAlerts == 0) {
1509                $('#alertsModal').modal('hide');
1510            }
1511        }
1512
1513        var currentColorControl = '#212529';
1514
1515        $('#controlPrev').css('color', 'initial !important');
1516        $('#controlNext').css('color', 'initial !important');
1517        $('#controlPrev').on('mouseover', function () {
1518
1519            $(this).css('color', 'initial !important');
1520        });
1521
1522        $('#controlNext').on('mouseover', function () {
1523
1524            $(this).css('color', 'initial !important');
1525        });
1526
1527    });
1528</script>
1528
1529</body>
1530</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.