PageSourceSearch

https://mairie-hillion.fr/fr/ev/187722/agenda-174/2026/9

html mairie-hillion.fr collected 2026-09-24 23:48:37 UTC 104,296 bytes, 1,602 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr" xmlns:ff4j="http://www.w3.org/1999/xhtml" xmlns:esi="http://www.edge-delivery.org/esi/1.0">
3    <head>
4        <title>
5                Agenda - Hillion
6        </title>
7
8        
8<script src="/lib/tarteaucitron/tarteaucitron.js"></script>
8
9        
9<script>
10            var tarteaucitronExpireInDay = true, tarteaucitronForceExpire = 183;
11
12            tarteaucitron.init({
13                "privacyUrl": "", /* Privacy policy url */
14
15                "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
16                "cookieName": "tarteaucitron", /* Cookie name */
17
18                "orientation": "bottom", /* Banner position (top - bottom) */
19
20                "showAlertSmall": false, /* Show the small banner on bottom right */
21                "cookieslist": true, /* Show the cookie list */
22
23                "showIcon": false, /* Show cookie icon to manage cookies */
24                // "iconSrc": "", /* Optionnal: URL or base64 encoded image */
25                "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */
26
27                "adblocker": false, /* Show a Warning if an adblocker is detected */
28
29                "DenyAllCta": true, /* Show the deny all button */
30                "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */
31                "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
32
33                "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
34
35                "removeCredit": false, /* Remove credit link */
36                "moreInfoLink": true, /* Show more info link */
37                "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
38
39                //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */
40
41                "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */
42
43                "mandatory": true, /* Show a message about mandatory cookies */
44
45                "listCookieByService": false, /* Show a message about list cookie by service */
46
47            });
48        </script>
48
49
50            
51
52    <meta name="Description" content="">
53    <meta name="Keywords" content="">
54    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
55    <meta charset="UTF-8">
56                        
56<script type="text/javascript">
57                tarteaucitron.user.gtagUa = 'G-NRNFL9GP62';
58                tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */
59                };
60                (tarteaucitron.job = tarteaucitron.job || []).push('gtag');
61            </script>
61
62                
63        <!-- Matomo -->
64<script>
65  var _paq = window._paq = window._paq || [];
66  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
67  _paq.push(['trackPageView']);
68  _paq.push(['enableLinkTracking']);
69  (function() {
70    var u="//matomo-client.neopse.com/";
71    _paq.push(['setTrackerUrl', u+'matomo.php']);
72    _paq.push(['setSiteId', ’180’]);
73    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
74    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
75  })();
76</script>
76
77<!-- End Matomo Code -->
78    
79
80
81
82
83
84
85                                                <link rel="apple-touch-icon" href="https://static.neopse.com/thumbs/p/383/site/a2/54/ce/a254ceca81ef86c8ef946b6e176822e6f61bb0f2.png?v=v1">
86                    <link rel="icon" href="https://static.neopse.com/thumbs/p/383/site/a2/54/ce/a254ceca81ef86c8ef946b6e176822e6f61bb0f2.png?v=v1">
87                
88                <link rel="preconnect" href="https://fonts.googleapis.com">
89                <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
90                <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Material+Icons" rel="stylesheet">
91                <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">
92
93                <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'>
94                <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'>
95                <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'>
96                <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'>
97                <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'>
98                <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'>
99                <link rel="stylesheet"
100                      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
101                <link href="/tpl/1/css/style.css" rel="stylesheet" type='text/css'>
102                <link rel="stylesheet"
103                      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/>
104
105                <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/>
106                <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/>
107                                    <style class="notranslate" title="customCss" type="text/css"
108                           rel="stylesheet">.bg_bloc { background-color: #55B559 !important; } .table td, .table, .table thead th { border-color: #55B559 !important; } .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu {background-color: #55B559 !important;border-color: #55B559 !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: #55B559 !important;} .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #55B559 !important; } .fc-unthemed td.fc-today{background: #55B559 !important;} .cookies .btn{ color: #55B559 !important; }body { background-color: #3E4142; }body { background-image: url(undefined); background-position: center; background-repeat: repeat; }.bg_wrapper { background-color: #FCFAFA !important; }.bg_wrapper { background-image: url(//static.neopse.com/medias/p/383/site/7a/1f/cd/7a1fcd7837d58bbe40049a2c3e10bfa41c354ab1.jpg); background-position: center; background-repeat: repeat; }.c_btn, .c_btn:hover, .c_btn:focus, .c_btn:active { color: #1297EE; } .c_btn:before { background-color: #1297EE !important; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .carousel-indicators .active {background: #1297EE;opacity: 1;} .carousel-indicators li, .owl-theme .owl-dots .owl-dot span{background-color: #1297EE;opacity: 0.5;} .fc-event{ color: #1297EE !important;}.text_bloc {color:#000000 !important;} .text_bloc .title:before {background-color:#000000!important;} .bg_bloc .c_text {color:#000000 !important;} .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after {color:#000000 !important;} .fc-unthemed thead.fc-head{ color: #000000 !important; } .fc-unthemed td.fc-today{color: #000000 !important;} .cookies .btn{ background-color: #000000 !important; }.footer.bg { background-color: #C2CF21; }.footer.bg { background-image: url(//static.neopse.com/medias/p/383/site/46/c0/31/46c031e1d76591b9204b75ebf2e3be8f4d2f395b.jpg); background-position: center; background-repeat: repeat; }nav.navbar.bg { background-color: #3E4142; }.bg_wrapper .bgw { background-color: #FAF8F8; }body, .c_text, .container, .carousel-caption .title, .dropdown-item.c_text, .newsletter .requirements { color: #090909; } .slick-prev:before, .slick-next:before { color: #090909; } .c_text.navbar-toggler{ border-color: #090909 !important; } .title:before{ background-color: #090909 !important; } .intern-page .en-tete{ border-left-color: #090909;} .fc-button{color: #090909 !important;}.footer .c_btn, .footer .c_btn:hover, .footer .c_btn:focus, .footer .c_btn:active { color: #E9BB0A; } .footer .c_btn:before { background-color: #E9BB0A !important; }nav.navbar .c_btn, nav.navbar .c_btn:hover, nav.navbar .c_btn:focus, nav.navbar .c_btn:active { color: #FFFFFF; }nav.navbar .dropdown-menu { background-color: #FAFBFC; }.bootstrap-select { background-color: #55B559 !important; } .bootstrap-select .dropdown-menu { background-color: #55B559 !important; border-color: #55B559 !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: #55B559 !important; }.footer .c_text { color: #F9FBFB; }nav.navbar .c_text { color: #FCFDF7; }nav.navbar .h_text:hover { color: #FFFFFF; }.footer .c_title { color: #EFF3F5; } .footer .c_title:before { background-color: #EFF3F5 !important; }.breadcrumb.bg { background-color: #34455E; }.breadcrumb.bg { background-image: url(//static.neopse.com/medias/p/383/site/12/79/70/127970af0ef50be58d2a3a5a9dc9d3dd7e66fc15.jpg); background-position: center; background-repeat: repeat; }nav.navbar .dropdown-menu .c_text { color: #030303; }nav.navbar .dropdown-menu .h_text:hover { color: #0D0D0C; }nav.navbar .h_text:hover { background-color: #34455E; }body .bg_btn { background-color: #E9BB0A; } body .bg_btn:hover, body .bg_btn:active, body .bg_btn:focus { background-color: #E9BB0A; } .fc-event{ background-color: #E9BB0A !important; border-color: #E9BB0A !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: #000000 !important; }#w_headline { background-color: rgb(62, 65, 66); }.breadcrumb.bg .ov { background-color: #C2CF21; }#w_9foa2pjl2 .bg { background-color: #F7FAFD; }#w_9foa2pjl2 .bg { background-image: url(https://static.neopse.com/medias/p/383/site/c6/79/fa/c679faf727b31084e0e4a5f504e8b87f2f5940b1.jpg?v=v1); background-position: center; background-repeat: repeat; }#w_9wt2gv6p2 .bg { background-color: #47A5B6; }#w_bhm9xsu4x .bg:before { background-color: #81817E; }#w_d3pbtfzez .bg { background-color: #008BD1; }#w_drmj6e8n0 .bg:before { background-color: #47A5B6; }#w_e0nm0rnnf .bg:before { background-color: rgba(71,165,182,0.65); }#w_ebkyhpw51 .bg { background-color: #FFFFFF; }#w_headline .c_btn, #w_headline .c_btn:hover, #w_headline .c_btn:focus, #w_headline .c_btn:active { color: #FFFFFF; } #w_headline .c_btn:before { background-color: #FFFFFF !important; } #w_headline .owl-theme .owl-dots .owl-dot.active span,#w_headline .owl-theme .owl-dots .owl-dot:hover span, #w_headline .carousel-indicators .active {background: #FFFFFF;opacity: 1;} #w_headline .carousel-indicators li, #w_headline .owl-theme .owl-dots .owl-dot span{background-color: #FFFFFF;opacity: 0.5;}#w_lqhsjpz21 .bg { background-color: #47A5B6; }#w_lt1o2eaj6 .bg { background-color: #FFFFFF; }#w_oj5z82a2v .bg { background-color: #FFFFFF; }#w_oj5z82a2v .bg { background-image: url(https://static.neopse.com/medias/p/383/site/fe/05/49/fe054991434aa04655680ffaedc590a7019d8c21.JPG?v=v1); background-position: center; background-repeat: repeat; }#w_pywde6wnj .bg { background-color: #C2CF21; }#w_qbp5eavmx .bg { background-color: #CDCDCD; }#w_ui9k67wvb .bg { background-color: #FFFFFF; }.breadcrumb.bg .c_text { color: #F4F7FA; }nav.navbar .bg_btn, nav.navbar .bg_btn:hover, nav.navbar .bg_btn:active, nav.navbar .bg_btn:focus{ background-color: #FFFFFF; }nav.navbar .dropdown-menu .h_text:hover { background-color: #C2CD23; }#w_9foa2pjl2 .c_btn,
109        #w_9foa2pjl2 .card-icon-date .day { color: #534B4C; border-color: #534B4C; }
110        #w_9foa2pjl2 .c_btn:before,
111        #w_9foa2pjl2 .owl-theme .owl-dots .owl-dot.active span,
112        #w_9foa2pjl2 .owl-theme .owl-dots .owl-dot:hover span,
113        #w_9foa2pjl2 .slick-dots .slick-active button:before,
114        #w_9foa2pjl2 .card-icon-date .month {
115            background-color: #534B4C !important;
116            opacity: 1;
117        }
118        #w_9foa2pjl2 .carousel-indicators li,
119        #w_9foa2pjl2 .owl-theme .owl-dots .owl-dot span,
120        #w_9foa2pjl2 .slick-dots li button:before{
121            background-color: #534B4C;
122            opacity: 0.5;
123        }#w_9wt2gv6p2 .c_btn, #w_9wt2gv6p2 .c_btn:hover, #w_9wt2gv6p2 .c_btn:focus, #w_9wt2gv6p2 .c_btn:active { color: rgba(255,255,255,0.95); } #w_9wt2gv6p2 .c_btn.dark:before { background-color: rgba(255,255,255,0.95) !important; } #w_9wt2gv6p2 .owl-theme .owl-dots .owl-dot.active span, #w_9wt2gv6p2 .owl-theme .owl-dots .owl-dot:hover span {background: rgba(255,255,255,0.95);opacity: 1;} #w_9wt2gv6p2 .carousel-indicators li, #w_9wt2gv6p2 .owl-theme .owl-dots .owl-dot span{background-color: rgba(255,255,255,0.95);opacity: 0.5;}#w_d3pbtfzez .c_btn, #w_d3pbtfzez .carousel-control-prev i, #w_d3pbtfzez .carousel-control-next i { color: #ECF0F2; }
124        #w_d3pbtfzez .c_btn:before { background-color: #ECF0F2 !important; }#w_drmj6e8n0 .c_btn, #w_drmj6e8n0 .c_btn:hover, #w_drmj6e8n0 .c_btn:focus, #w_drmj6e8n0 .c_btn:active { color: #47A5B6; } #w_drmj6e8n0 .c_btn:before { background-color: #47A5B6 !important; }#w_headline .c_text { color: #FFFFFF; } #w_headline .title.c_text:before { background-color: #FFFFFF !important; }#w_lqhsjpz21 .owl-theme .owl-dots .owl-dot.active span,
125        #w_lqhsjpz21 .owl-theme .owl-dots .owl-dot:hover span {
126            background-color: #FFFFFF;
127            opacity: 1;
128        }
129        #w_lqhsjpz21 .carousel-indicators li,
130        #w_lqhsjpz21 .owl-theme .owl-dots .owl-dot span{
131            background-color: #FFFFFF ;
132            opacity: 0.5;
133        }
134        #w_lqhsjpz21 .c_btn:before { background-color: #FFFFFF !important; }#w_oj5z82a2v .bg .ov { background-color: #FFFFFF; }#w_pywde6wnj .c_btn { color: #030303; }
135        #w_pywde6wnj .c_btn:before { background-color: #030303; }.breadcrumb.bg .c_title { color: #FDFEFF; } .breadcrumb.bg .c_title:before { background-color: #FDFEFF !important; }#w_9wt2gv6p2 .c_text { color: #FFFFFF; }#w_d3pbtfzez .c_text { color: #E7F1F6; }#w_e0nm0rnnf .c_text { color: #FFFFFF; } #w_e0nm0rnnf .c_text:before { background-color: #FFFFFF; }#w_9foa2pjl2 .c_title { color: #FDFFFB; }
136        #w_9foa2pjl2 .c_title:before { background-color: #FDFFFB !important; }#w_9wt2gv6p2 .c_title { color: #FFFFFF !important; } #w_9wt2gv6p2 .c_title.dark:before { background-color: #FFFFFF !important; }#w_bhm9xsu4x .c_title { color: #FFFFFF; }
137        #w_bhm9xsu4x .c_title:before { background-color: #FFFFFF !important; }#w_d3pbtfzez .c_title { color: #F9F9F9; }
138        #w_d3pbtfzez .c_title:before { background-color: #F9F9F9 !important; }#w_drmj6e8n0 .c_title { color: #FFFFFF; } #w_drmj6e8n0 .c_title:before { background-color: #FFFFFF !important; }
138#w_e0nm0rnnf .c_title { color: #FFFFFF; } #w_e0nm0rnnf .c_title:before { background-color: #FFFFFF !important; }#w_ebkyhpw51 .c_title { color: #273548; } #w_ebkyhpw51 .c_title:before { background-color: #273548 !important; }#w_lqhsjpz21 .c_title { color: #FFFFFF; } #w_lqhsjpz21 .c_title:before { background-color: #FFFFFF !important; }#w_lt1o2eaj6 .c_title { color: #47A5B6; } #w_lt1o2eaj6 .c_title:before { background-color: #47A5B6 !important; }#w_ui9k67wvb .c_title { color: #273548; } #w_ui9k67wvb .c_title:before { background-color: #273548 !important; }#w_lqhsjpz21 .c_title { display: inline-block; }#w_pywde6wnj .bg_btn { background-color: #FFFFFF; }#w_9foa2pjl2 .bg_text { background-color: rgba(243, 247, 239, 0.8); }#w_e0nm0rnnf .card { background-color: #E9BB0A; }#w_headline .c_text_responsive { color: #000000; } #w_headline .title.c_text_responsive:before { background-color: #000000 !important; }</style>
139                            
140    
141        
141<script src="/js/vendor/jquery-3.2.1.min.js"></script>
141
142        
142<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
142
143    </head>
144    <body>
145
146        <header role="banner"><!-- Top navbar -->
147<nav role="navigation" class="navbar fixed-top navbar-expand-lg bg">
148    <div class="ov"></div>
149    <div class="container">
150        <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/">
151                            <h1 class="img">
152                    <picture>
153                        <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/383/site/d3/89/49/d3894913c8ae3ea1035fd4ef805062dd0e0075b1.png">
154                        <img role="img" src="https://static.neopse.com/medias/p/383/site/d3/89/49/d3894913c8ae3ea1035fd4ef805062dd0e0075b1.png" alt="Logo Hillion" loading="eager">
155                    </picture>
156                    <span>Hillion</span>
157                </h1>
158                    </a>
159        <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse"
160                data-target="#navbarNavDropdown"
161                aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation" style="z-index: 100;">
162            <span class="navbar-toggler-icon">
163                <i class="material-icons notranslate">menu</i>
164            </span>
165        </button>
166        <div class="collapse navbar-collapse" id="navbarNavDropdown">
167            <ul class="navbar-nav ml-auto">
168                <li class="nav-item dropdown">
169                    <a class="nav-link c_text h_text px-3" href="/" role="button">
170                        <i class="material-icons">home</i>
171                    </a>
172                </li>
173                                                            <li class="nav-item dropdown">
174                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown0" role="button"
175                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
176                                Accueil
177                            </a>
178                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown0">
179                                
180                                <div class="container mega-dropdown-menu">
181                                    <div class="divider">
182                                                                                                                        
183                                        
184                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
185                                               href="/fr/ev/187722/agenda-174">
186                                                Agenda
187                                            </a>
188                                        
189                                        
190                                                                                                                                                                
191                                        
192                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
193                                               href="/fr/lk/187800/liens-176">
194                                                Liens
195                                            </a>
196                                        
197                                        
198                                                                                                                                                                
199                                        
200                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
201                                               href="/fr/vd/188268/galerie-de-videos-61">
202                                                Galerie de vidéos
203                                            </a>
204                                        
205                                        
206                                                                                                                    </div>
207                                </div>
208                            </div>
209                        </li>
210                    
211
212                                                            <li class="nav-item dropdown">
213                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button"
214                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
215                                Mairie
216                            </a>
217                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown1">
218                                
219                                <div class="container mega-dropdown-menu">
220                                    <div class="divider">
221                                                                                                                        
222                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
223                                               href="/fr/rb/126414/etat-civil-et-formalites">
224                                                État civil et formalités
225                                            </a>
226                                        
227                                        
228                                        
229                                                                                                                                                                
230                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
231                                               href="/fr/rb/1619685/deliberations-17">
232                                                Délibérations
233                                            </a>
234                                        
235                                        
236                                        
237                                                                                                                                                                
238                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
239                                               href="/fr/rb/126466/dates-des-conseils-municipaux">
240                                                Dates des 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/146304/budget-communal-2">
248                                                Budget communal
249                                            </a>
250                                        
251                                        
252                                        
253                                                                                                                                                                
254                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
255                                               href="/fr/rb/146265/conseil-municipal-enfant">
256                                                Conseil municipal enfant
257                                            </a>
258                                        
259                                        
260                                        
261                                                                                                                                                                
262                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
263                                               href="/fr/rb/1320958/reserver-des-salles">
264                                                Réserver des salles
265                                            </a>
266                                        
267                                        
268                                        
269                                                                                                                                                                
270                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
271                                               href="/fr/rb/146200/cuisine-centrale">
272                                                Cuisine centrale
273                                            </a>
274                                        
275                                        
276                                        
277                                                                                                                                                                
278                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
279                                               href="/fr/rb/146161/equipements-3">
280                                                Équipements
281                                            </a>
282                                        
283                                        
284                                        
285                                                                                                                                                                
286                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
287                                               href="/fr/rb/144978/permanences-1">
288                                                Permanences
289                                            </a>
290                                        
291                                        
292                                        
293                                                                                                                                                                
294                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
295                                               href="/fr/rb/144965/intercommunalite-21">
296                                                Intercommunalité
297                                            </a>
298                                        
299                                        
300                                        
301                                                                                                                    </div>
302                                </div>
303                            </div>
304                        </li>
305                    
306
307                                                            <li class="nav-item dropdown">
308                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button"
309                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
310                                Habiter
311                            </a>
312                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown2">
313                                
314                                <div class="container mega-dropdown-menu">
315                                    <div class="divider">
316                                                                                                                        
317                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
318                                               href="/fr/rb/143405/plan-de-ville-5">
319                                                Plan de ville
320                                            </a>
321                                        
322                                        
323                                        
324                                                                                                                                                                
325                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
326                                               href="/fr/rb/145134/urbanisme-36">
327                                                Urbanisme
328                                            </a>
329                                        
330                                        
331                                        
332                                                                                                                                                                
333                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
334                                               href="/fr/rb/751675/sports-et-loisirs-3">
335                                                Sports et Loisirs
336                                            </a>
337                                        
338                                        
339                                        
340                                                                                                                                                                
341                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
342                                               href="/fr/rb/145264/journee-citoyenne-2">
343                                                Journée Citoyenne
344                                            </a>
345                                        
346                                        
347                                        
348                                                                                                                                                                
349                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
350                                               href="/fr/rb/145147/travaux-et-projets-communaux">
351                                                Travaux et projets communaux
352                                            </a>
353                                        
354                                        
355                                        
356                                                                                                                                                                
357                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
358                                               href="/fr/rb/145160/entreprises-et-commerces">
359                                                Entreprises et commerces
360                                            </a>
361                                        
362                                        
363                                        
364                                                                                                                                                                
365                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
366                                               href="/fr/rb/555700/producteurs-locaux">
367                                                Producteurs locaux
368                                            </a>
369                                        
370                                        
371                                        
372                                                                                                                                                                
373                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
374                                               href="/fr/rb/329565/boutique-effet-mer">
375                                                Boutique Effet-Mer
376                                            </a>
377                                        
378                                        
379                                        
380                                                                                                                                                                
381                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
382                                               href="/fr/rb/145173/environnement-collecte-des-dechets">
383                                                Environnement-Collecte des déchets
384                                            </a>
385                                        
386                                        
387                                        
388                                                                                                                                                                
389                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
390                                               href="/fr/rb/145199/trans
390ports-17">
391                                                Transports
392                                            </a>
393                                        
394                                        
395                                        
396                                                                                                                                                                
397                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
398                                               href="/fr/rb/145277/bulletin-municipal-6">
399                                                Bulletin Municipal
400                                            </a>
401                                        
402                                        
403                                        
404                                                                                                                                                                
405                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
406                                               href="/fr/rb/145212/sante-et-securite">
407                                                Santé et sécurité
408                                            </a>
409                                        
410                                        
411                                        
412                                                                                                                                                                
413                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
414                                               href="/fr/rb/145225/numeros-utiles-22">
415                                                Numéros utiles
416                                            </a>
417                                        
418                                        
419                                        
420                                                                                                                    </div>
421                                </div>
422                            </div>
423                        </li>
424                    
425
426                                                            <li class="nav-item dropdown">
427                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button"
428                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
429                                Découvrir
430                            </a>
431                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown3">
432                                
433                                <div class="container mega-dropdown-menu">
434                                    <div class="divider">
435                                                                                                                        
436                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
437                                               href="/fr/rb/143392/histoire-dhillion">
438                                                Histoire d&#039;Hillion
439                                            </a>
440                                        
441                                        
442                                        
443                                                                                                                                                                
444                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
445                                               href="/fr/rb/154988/patrimoine-bati">
446                                                Patrimoine bâti
447                                            </a>
448                                        
449                                        
450                                        
451                                                                                                                                                                
452                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
453                                               href="/fr/rb/155014/patrimoine-naturel-1">
454                                                Patrimoine naturel
455                                            </a>
456                                        
457                                        
458                                        
459                                                                                                                                                                
460                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
461                                               href="/fr/rb/544104/nos-plages">
462                                                Nos plages
463                                            </a>
464                                        
465                                        
466                                        
467                                                                                                                                                                
468                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
469                                               href="/fr/rb/155053/balades-et-randonnees">
470                                                Balades et randonnées
471                                            </a>
472                                        
473                                        
474                                        
475                                                                                                                                                                
476                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
477                                               href="/fr/rb/155079/espace-trail">
478                                                Espace Trail
479                                            </a>
480                                        
481                                        
482                                        
483                                                                                                                                                                
484                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
485                                               href="/fr/rb/155092/mytiliculture-festival-folies-en-baie">
486                                                Mytiliculture-Festival Folies en Baie
487                                            </a>
488                                        
489                                        
490                                        
491                                                                                                                                                                
492                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
493                                               href="/fr/rb/155131/hebergement-2">
494                                                Hébergement
495                                            </a>
496                                        
497                                        
498                                        
499                                                                                                                                                                
500                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
501                                               href="/fr/rb/155144/restauration-2">
502                                                Restauration
503                                            </a>
504                                        
505                                        
506                                        
507                                                                                                                                                                
508                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
509                                               href="/fr/rb/155183/infos-pratiques-1">
510                                                Infos pratiques
511                                            </a>
512                                        
513                                        
514                                        
515                                                                                                                    </div>
516                                </div>
517                            </div>
518                        </li>
519                    
520
521                                                            <li class="nav-item dropdown">
522                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button"
523                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
524                                Enfance Jeunesse Éducation Familles
525                            </a>
526                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown4">
527                                
528                                <div class="container mega-dropdown-menu">
529                                    <div class="divider">
530                                                                                                                        
531                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
532                                               href="/fr/rb/330007/portail-familles-11">
533                                                Portail familles
534                                            </a>
535                                        
536                                        
537                                        
538                                                                                                                                                                
539                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
540                                               href="/fr/rb/143496/petite-enfance-11">
541                                                Petite enfance
542                                            </a>
543                                        
544                                        
545                                        
546                                                                                                                                                                
547                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
548                                               href="/fr/rb/159551/ecoles-8">
549                                                Écoles
550                                            </a>
551                                        
552                                        
553                                        
554                                                                                                                                                                
555                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
556                                               href="/fr/rb/1014249/college-17">
557                                                Collège
558                                            </a>
559                                        
560                                        
561                                        
562                                                                                                                                                                
563                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
564                                               href="/fr/rb/159772/conseil-municipal-enfants-9">
565                                                Conseil Municipal Enfants
566                                            </a>
567                                        
568                                        
569                                        
570                                                                                                                                                                
571                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
572                                               href="/fr/rb/159850/garderie-et-accueil-du-mercredi">
573                                                Garderie et accueil du mercredi
574                                            </a>
575                                        
576                                        
577                                        
578                                                                                                                                                                
579                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
580                                               href="/fr/rb/159954/accueils-de-loisirs-des-vacances">
581                                                Accueils de loisirs des vacances
582                                            </a>
583                                        
584                                        
585                                        
586                                                                                                                                                                
587                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
588                                               href="/fr/rb/1697672/local-jeunes-2">
589                                                Local Jeunes
590                                            </a>
591                                        
592                                        
593                                        
594                                                                                                                                                                
595                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
596                                               href="/fr/rb/160045/restaurants-scolaires-temps-meridiens">
597                                                Restaurants scolaires / Temps méridiens
598                                            </a>
599                                        
600                                        
601                                        
602                                                                                                                                                                
603                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
604                                               href="/fr/rb/160240/ludotheque-1">
605                                                Ludothèque
606                                            </a>
607                                        
608                                        
609                                        
610                                                                                                                                                                
611                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
612                                               href="/fr/rb/160266/dispositif-argent-de-poc
612he">
613                                                Dispositif &quot;Argent de poche&quot;
614                                            </a>
615                                        
616                                        
617                                        
618                                                                                                                                                                
619                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
620                                               href="/fr/rb/2260559/dispositif-aide-au-permis">
621                                                Dispositif &quot;Aide au Permis&quot;
622                                            </a>
623                                        
624                                        
625                                        
626                                                                                                                                                                
627                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
628                                               href="/fr/rb/160305/reglement-interieur-et-tarifs">
629                                                Réglement intérieur et tarifs
630                                            </a>
631                                        
632                                        
633                                        
634                                                                                                                                                                
635                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
636                                               href="/fr/rb/159746/ecole-privee-de-saint-rene">
637                                                École privée de Saint-René
638                                            </a>
639                                        
640                                        
641                                        
642                                                                                                                                                                
643                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
644                                               href="/fr/rb/159590/ecole-primaire-publique-de-la-presquile">
645                                                École primaire publique de la Presqu&#039;île
646                                            </a>
647                                        
648                                        
649                                        
650                                                                                                                                                                
651                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
652                                               href="/fr/rb/160188/menus-2">
653                                                Menus
654                                            </a>
655                                        
656                                        
657                                        
658                                                                                                                    </div>
659                                </div>
660                            </div>
661                        </li>
662                    
663
664                                                            <li class="nav-item dropdown">
665                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown5" role="button"
666                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
667                                Culture
668                            </a>
669                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown5">
670                                
671                                <div class="container mega-dropdown-menu">
672                                    <div class="divider">
673                                                                                                                        
674                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
675                                               href="/fr/rb/143522/saison-culturelle-2026-sept-dec">
676                                                Saison Culturelle 2026 (sept -&gt; déc)
677                                            </a>
678                                        
679                                        
680                                        
681                                                                                                                                                                
682                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
683                                               href="/fr/rb/143613/mediatheque-3">
684                                                Médiathèque
685                                            </a>
686                                        
687                                        
688                                        
689                                                                                                                                                                
690                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
691                                               href="/fr/rb/143600/lespace-palante">
692                                                L&#039;Espace Palante
693                                            </a>
694                                        
695                                        
696                                        
697                                                                                                                                                                
698                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
699                                               href="/fr/rb/146369/les-mardis-de-la-presqu-ile">
700                                                Les Mardis de la Presqu&#039;île
701                                            </a>
702                                        
703                                        
704                                        
705                                                                                                                    </div>
706                                </div>
707                            </div>
708                        </li>
709                    
710
711                                                            <li class="nav-item dropdown">
712                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown6" role="button"
713                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
714                                Vie associative
715                            </a>
716                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown6">
717                                
718                                <div class="container mega-dropdown-menu">
719                                    <div class="divider">
720                                                                                                                        
721                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
722                                               href="/fr/rb/128169/associations-10">
723                                                Associations
724                                            </a>
725                                        
726                                        
727                                        
728                                                                                                                                                                
729                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
730                                               href="/fr/rb/143262/panneaux-numeriques">
731                                                Panneaux numériques
732                                            </a>
733                                        
734                                        
735                                        
736                                                                                                                                                                
737                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
738                                               href="/fr/rb/146395/materiel-a-disposition">
739                                                Matériel à disposition
740                                            </a>
741                                        
742                                        
743                                        
744                                                                                                                                                                
745                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
746                                               href="/fr/rb/139258/reservation-des-salles">
747                                                Réservation des salles
748                                            </a>
749                                        
750                                        
751                                        
752                                                                                                                                                                
753                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
754                                               href="/fr/rb/146421/documents-divers">
755                                                Documents divers
756                                            </a>
757                                        
758                                        
759                                        
760                                                                                                                                                                
761                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
762                                               href="/fr/rb/146447/liens-et-demarches">
763                                                Liens et démarches
764                                            </a>
765                                        
766                                        
767                                        
768                                                                                                                                                                
769                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
770                                               href="/fr/rb/146473/demande-de-subvention-1">
771                                                Demande de subvention
772                                            </a>
773                                        
774                                        
775                                        
776                                                                                                                                                                
777                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
778                                               href="/fr/rb/1567165/plateforme-associative">
779                                                Plateforme associative
780                                            </a>
781                                        
782                                        
783                                        
784                                                                                                                    </div>
785                                </div>
786                            </div>
787                        </li>
788                    
789
790                                                            <li class="nav-item dropdown">
791                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown7" role="button"
792                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
793                                CCAS-EHPA-EHPAD
794                            </a>
795                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown7">
796                                
797                                <div class="container mega-dropdown-menu">
798                                    <div class="divider">
799                                                                                                                        
800                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
801                                               href="/fr/rb/143561/le-ccas-dhillion">
802                                                Le CCAS d&#039;Hillion
803                                            </a>
804                                        
805                                        
806                                        
807                                                                                                                                                                
808                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
809                                               href="/fr/rb/157835/ehpad-2">
810                                                EHPAD
811                                            </a>
812                                        
813                                        
814                                        
815                                                                                                                                                                
816                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
817                                               href="/fr/rb/157861/ehpa-residence-autonomie">
818                                                EHPA - Résidence Autonomie
819                                            </a>
820                                        
821                                        
822                                        
823                                                                                                                                                                
824                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
825                                               href="/fr/rb/157887/saad">
826                                                SAAD
827                                            </a>
828                                        
829                                        
830                                        
831                                                                                                                                                                
832                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
833                                               href="/fr/rb/157926/contacts-et-liens">
834                                                Contacts et liens
835                                            </a>
836                                        
837                                        
838                                        
839                                                                                                                                                                
840                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
841                                               href="/fr/rb/157952/autres-services-1">
842                                                Autres services
843                                            </a>
844                                        
845                                        
846                                        
847                                                                                                                    </div>
848                                </div>
849                            </div>
850                        </li>
851                    
852
853                
854                
855                
856            </ul>
857        </div>
858    </div>
859</nav>
860</header>
861
862        <main role="main">
863                <div class="main intern-page">
864
865        <header class="breadcrumb container d-flex align-items-center bg">
866    <div class="ov"></div>
867    <div class="container">
868        <h1 class="title dark c_title">Agenda</h1>
869
870                        <nav class="ariane c_text">
871    <span><a href="/fr/" class="font-weight-bold">Accueil</a></span>
872            / <a href="/fr/">Accueil</a>
873            / <a href="/fr/ev/187722/agenda-174">Agenda</a>
874    </nav>
875
876                </div>
877</header>
878        <!-- Contenu -->
879        <section class="container wrapper bg_wrapper c_wrapper">
880            <div class="ov bgw"></div>
881
882            <div class="main-content dynamicContent">
883
884                <div class="row">
885                    <div class="col col-lg">
886                                                <div class="row">
887                            <div class="col col-lg contenu" id="pagination">
888
889                                <div class="events-filters d-flex flex-wrap align-items-center mb-4">
890                                    
891                                                                    </div>
892
893                                <style>
894                                    .events-filters {
895                                        gap: 0;
896                                        border-bottom: 1px solid rgba(0,0,0,.1);
897                                        padding-bottom: 1rem;
898                                    }
899                                    .events-filter-group {
900                                        display: flex;
901                                        flex-direction: column;
902                                    }
903                                    .events-filter-label {
904                                        font-size: .75rem;
905                                        font-weight: 600;
906                                        text-transform: uppercase;
907                                        letter-spacing: .05em;
908                                        margin-bottom: .25rem;
909                                        opacity: .7;
910                                    }
911                                    .events-filter-select.btn {
912                                        border-radius: 4px;
913                                        font-size: .9rem;
914                                        min-width: 160px;
915                                    }
916                                </style>
917                                
918                                                            </div>
919
920                            
921                            
922                            
923
924                        </div>
925
926                    </div>
927
928                    
929                </div>
930            </div>
931        </section>
932
933    </div>
934
935        </main>
936
937                    <div id="previewModalImage" class="modal">
938
939                <!-- The Close Button -->
940                <span id="closePreviewImage" class="close">&times;</span>
941
942                <!-- Navigation Buttons -->
943                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
944                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</a>
945
946                <!-- Image Counter -->
947                <div id="imageCounter" class="image-counter"></div>
948
949                <!-- Modal Content (The Image) -->
950                <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div>
951
952                <!-- Modal Caption (Image Text) -->
953                <div id="captionPreviewImage"></div>
954            </div>
955        
956                    
956<script>
957                (function() {
958                    // Get the modal elements
959                    const modal = document.getElementById('previewModalImage');
960                    const modalImg = modal.querySelector('img');
961                    const captionText = document.getElementById('captionPreviewImage');
962                    const closePreviewImage = document.getElementById('closePreviewImage');
963                    const prevBtn = document.getElementById('prevImage');
964                    const nextBtn = document.getElementById('nextImage');
965                    const imageCounter = document.getElementById('imageCounter');
966                    
967                    let currentImages = [];
968                    let currentIndex = 0;
969
970                    // Helper function to check if element is visible
971                    function isVisible(element) {
972                        return element && element.offsetParent !== null;
973                    }
974
975                    // Helper function to toggle element visibility
976                    function toggleElement(element, show) {
977                        if (element) {
978                            element.style.display = show ? 'block' : 'none';
979                        }
980                    }
981
982                    // Function to update the modal with a specific image
983                    function updateModal(index) {
984                        if (currentImages.length === 0) return;
985                        
986                        currentIndex = index;
987                        const img = currentImages[currentIndex];
988                        modalImg.setAttribute('src', img.src);
989                        modalImg.setAttribute('alt', img.alt || '');
990                        captionText.innerHTML = img.alt || '';
991                        
992                        // Update counter
993                        imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length;
994                        
995                        // Show/hide navigation buttons
996                        const showNav = currentImages.length > 1;
997                        toggleElement(prevBtn, showNav);
998                        toggleElement(nextBtn, showNav);
999                        toggleElement(imageCounter, showNav);
1000                    }
1001
1002                    // Function to show next image
1003                    function showNext() {
1004                        if (currentImages.length === 0) return;
1005                        currentIndex = (currentIndex + 1) % currentImages.length;
1006                        updateModal(currentIndex);
1007                    }
1008
1009                    // Function to show previous image
1010                    function showPrev() {
1011                        if (currentImages.length === 0) return;
1012                        currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length;
1013                        updateModal(currentIndex);
1014                    }
1015
1016                    // Helper function to find closest ancestor with class
1017                    function closest(element, selector) {
1018                        if (!element) return null;
1019                        
1020                        // For class selector (e.g., '.splide__slide')
1021                        if (selector.startsWith('.')) {
1022                            const className = selector.slice(1);
1023                            let current = element;
1024                            while (current && current !== document) {
1025                                if (current.classList && current.classList.contains(className)) {
1026                                    return current;
1027                                }
1028                                current = current.parentElement;
1029                            }
1030                        }
1031                        return null;
1032                    }
1033
1034                    // When clicking on an image
1035                    document.addEventListener('click', function(e) {
1036                        const target = e.target;
1037                        // Check if clicked element is an image with class .img or .main-img inside .splide
1038                        if (target.tagName === 'IMG' && 
1039                            (target.classList.contains('img') || target.classList.contains('main-img')) &&
1040                            closest(target, '.splide')) {
1041                            
1042                            // Find the clicked image's parent slide
1043                            const clickedSlide = closest(target, '.splide__slide');
1044                            if (!clickedSlide) return;
1045                            
1046                            // Find the list that contains this slide
1047                            const splideList = closest(clickedSlide, '.splide__list');
1048                            if (!splideList) return;
1049                            
1050                            // Get all slides from this specific list
1051                            const allSlides = splideList.querySelectorAll('.splide__slide');
1052                            
1053                            // Get all images from these slides only, deduplicating by src
1054                            // (Splide duplicates slides in loop mode, so we need to filter duplicates)
1055                            currentImages = [];
1056                            const seenSrcs = new Set();
1057                            const clickedSrc = target.src;
1058                            
1059                            allSlides.forEach(function(slide) {
1060                                const slideImg = slide.querySelector('.img, .main-img');
1061                                if (slideImg) {
1062                                    const imgSrc = slideImg.src;
1063                                    // Only add if we haven't seen this src before
1064                                    if (!seenSrcs.has(imgSrc)) {
1065                                        seenSrcs.add(imgSrc);
1066                                        currentImages.push(slideImg);
1067                                    }
1068                                }
1069                            });
1070                            
1071                            // Find the index of the clicked image by src (to handle duplicates)
1072                            currentIndex = currentImages.findIndex(function(img) {
1073                                return img.src === clickedSrc;
1074                            });
1075                            
1076                            if (currentIndex === -1) {
1077                                currentIndex = 0; // Fallback to first image
1078                            }
1079                            
1080                            // Update and show modal
1081                            updateModal(currentIndex);
1082                            modal.style.display = 'block';
1083                        }
1084                    });
1085
1086                    // Navigation button handlers
1087                    if (nextBtn) {
1088                        nextBtn.addEventListener('click', function (e) {
1089                            e.preventDefault();
1090                            e.stopPropagation();
1091                            showNext();
1092                        });
1093                    }
1094
1095                    if (prevBtn) {
1096                        prevBtn.addEventListener('click', function (e) {
1097                            e.preventDefault();
1098                            e.stopPropagation();
1099                            showPrev();
1100                        });
1101                    }
1102
1103                    // Keyboard navigation
1104                    document.addEventListener('keydown', function (e) {
1105                        // Check if modal is visible by checking display style
1106                        const isModalVisible = modal.style.display !== 'none' && 
1107                                             (modal.style.display === 'block' || 
1108                                              window.getComputedStyle(modal).display !== 'none');
1109                        
1110                        if (isModalVisible) {
1111                            if (e.key === 'ArrowRight' || e.keyCode === 39) {
1112                                e.preventDefault();
1113                                showNext();
1114                            } else if (e.key === 'ArrowLeft' || e.keyCode === 37) {
1115                                e.preventDefault();
1116                                showPrev();
1117                            } else if (e.key === 'Escape' || e.keyCode === 27) {
1118                                e.preventDefault();
1119                                e.stopPropagation();
1120                                modal.style.display = 'none';
1121                            }
1122                        }
1123                    });
1124
1125                    // When the user clicks on <span> (x), close the modal
1126                    if (closePreviewImage) {
1127                        closePreviewImage.addEventListener('click', function () {
1128                            modal.style.display = 'none';
1129                        });
1130                    }
1131
1132                    // Close modal when clicking outside the image
1133                    modal.addEventListener('click', function (e) {
1134                        if (e.target === modal) {
1135                            modal.style.display = 'none';
1136                        }
1137                    });
1138                })();
1139            </script>
1139
1140        
1141        
1142                    
1143        
1144        <!-- Footer -->
1145<footer role="contentinfo" class="footer bg footer1">
1146    <div class="ov"></div>
1147    <div class="container d-flex flex-wrap justify-content-between">
1148        <div class="footer-container">
1149            <h2 class="title light c_title d_title btn-line"><a
1150        href="/fr/ct/187605/contacts-174">Contacts</a></h2>
1151<div class="footer-box">
1152    <div class="contact c_text">
1153        <p class="font-weight-bold mb-0" aria-label="Nom du structure">Commune d&#039;Hillion</p>
1154        <p class="mb-0" aria-label="adresse">2, rue de la Tour du Fa</p>
1155        <p class="mb-0" aria-label="adresse 2">22120 Hillion - FRANCE</p>
1156         <p class="mb-0"><a href="tel:+33296322104" title="Numéro de téléphone">+33 2 96 32 21 04</a></p>
1157                    <p class="mb-0"><a style="display:initial;" class="btn-line footer-btn light c_btn" href="#" data-toggle="modal" data-target="#contactFormContactFooter" aria-label="Afficher le formulaire">Contact par formulaire</a>
1158            </p>
1159        
1160            </div>
1161
1162
1163</div>
1164
1165
1166
1167            <div class="social-media">
1168    <ul class="c_text">
1169                    <li><a href="https://www.facebook.com/mairie.hillion/" class="icon-facebook" title="facebook" target="_blank"></a></li>
1170                                    <li><a href="https://www.instagram.com/mairie_hillion/" class="icon-instagram" title="instagram" target="_blank"></a></li>
1171                                                                                                                                            </ul>
1172</div>
1173
1174                <h2 class="btn-espace-reserve">
1175        <a href="/fr/ra/188151/espace-reserve-39"
1176           class="title btn-line light d-inline-block c_btn">
1177            Espace Réservé        </a>
1178    </h2>
1179
1180        </div>
1181        <div class="footer-container">
1182            <h2>
1183            <a href="/fr/lk/187800/liens-176"
1184               class="title btn-line light d-inline-block c_title d_title">Liens</a>
1185        </h2>
1186    
1187    <div class="footer-box">
1188        <p class="c_text">
1189                            <a href="https://www.bretagne.bzh/" target="_blank">Région Bretagne</a>
1190                            <a href="https://cotesdarmor.fr/" target="_blank">Département des Côtes d&#039;Armor</a>
1191                            <a href="https://www.saintbrieuc-armor-agglo.fr/" target="_blank">Saint-Brieuc Armor Agglomération</a>
1192                            <a href="https://www.youtube.com/watch?v=0jPXL5sN3UY" target="_blank">Recherche médecins</a>
1193                    </p>
1194    </div>
1195</div>
1196
1197        <div class="footer-container">
1198    <h2 class="title light c_title d_title btn-line-no">Jumelages</h2>
1199    <div class="footer-box twinning">
1200                                    <div class="d-block">
1201                    <a href="http://www.comune.ballabio.lc.it/hh/index.php" class="mb-2 c_text" target="_blank">
1202                        <img role="img" src="https://static.neopse.com/medias/p/383/site/ba/ea/63/baea638ebb0163763b209df7ebd76f35d49b8546.JPG?v=v1"
1203                             alt="" class="mr-2">Ballabio (Italie)  </a>
1204                </div>
1205            
1206        
1207    </div>
1208</div>
1209
1210    </div>
1211    <div class="container d-flex flex-wrap position-relative c_text">
1212        <p class="mr-2 c_text"><a href="/fr/li/187644/mentions-legales-180">Mentions légales</a>
1213</p> -
1214        <p class="mr-2 ml-2 c_text"><a href="/fr/187644/politique-confidentialite">Politique de confidentialité</a>
1215</p> -
1216        <p class="mr-2 ml-2 c_text"><a href="/fr/accessibilite">Accessibilité</a>
1217</p> -
1218        
1219        <p class="mr-2 ml-2 c_text">
1220            <a href="/fr/sm/9950/plan-du-site-1">
1221                Plan du site</a></p>-
1222        <p class="ml-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p>
1223    </div>
1224</footer>
1225
1226<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true"
1227     style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);">
1228    <div class="modal-dialog" role="document">
1229        <div class="modal-content">
1230            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1231                <span aria-hidden="true">&times;</span>
1232            </button>
1233
1234            <div class="modal-header bg_bloc">
1235                                <h4 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Contacter la mairie</h4>
1236                            </div>
1237            <form id="contactFormFooter" action="/formMdContact" method="post"
1238                  novalidate enctype="multipart/form-data">
1239                <div class="modal-body pb-0">
1240
1241                                            <div class="form-group">
1242    <div><label for="1_input" id="1_inputLabel">Nom et prénom</label><span>*</span></div>
1243    <input type="text" name="1_input" class="form-control" id="1_input"
1244           aria-describedby="1_inputLabel">
1245        <span class="form-error requirements" id="1_input-error" role="alert">Ce champ est obligatoire</span>
1246</div>
1247                                            <div class="form-group">
1248    <div><label for="2_email">Adresse email</label><span>*</span></div>
1249    <input type="email" name="2_email" class="form-control" id="2_email"
1250           aria-label="Adresse email">
1251        <span class="form-error requirements" id="2_email-error" role="alert">Ce champ est obligatoire</span>
1252</div>
1253                                            <div class="form-group">
1254    <div><label for="3_input" id="3_inputLabel">Objet du message</label><span>*</span></div>
1255    <input type="text" name="3_input" class="form-control" id="3_input"
1256           aria-describedby="3_inputLabel">
1257        <span class="form-error requirements" id="3_input-error" role="alert">Ce champ est obligatoire</span>
1258</div>
1259                                            <div class="form-group">
1260    <div><label for="4_textarea">Votre message</label><span>*</span>
1261    </div>
1262    <textarea name="4_textarea" class="form-control pl-0" id="4_textarea" rows="3"></textarea>
1263        <span class="form-error requirements" id="4_textarea-error" role="alert">Ce champ est obligatoire</span>
1264</div>                                            <div class="field-wrapper">
1265    <div><label for="5_email" class="font-weight-bold mr-1">Pièce jointe</label><span></span></div>
1266    <div class="d-flex align-items-center">
1267        <div class="form-group col-10 col-md-10 mb-0">
1268            <div class="upload-btn-wrapper">
1269                <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button>
1270                <input type="file" name="5_file" id="5_file" accept="application/pdf,image/jpeg,image/png" aria-label="Télécharger des documents">
1271            </div>
1272        </div>
1273            </div>
1274
1275    <div>
1276        <ul class="listFiles">
1277
1278        </ul>
1279    </div>
1280    <span class="form-error requirements" id="5_file-error" role="alert">Ce champ est obligatoire</span>
1281</div>
1282                    
1283                    <div class="form-group">
1284    <div class="h-recaptcha m-auto d-inline-block"></div>
1285    <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire
1286    </div>
1287</div>                </div>
1288                <div class="modal-footer">
1289                    <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">ENVOYER</button>
1290                </div>
1291                <div class="m-3">
1292                    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 />
1293Vos 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 />
1294<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 />
1295<span style="background-color:null">- Par voie &eacute;lectronique &agrave; l&rsquo;adresse : [&hellip;&hellip;.] ; </span><br />
1296<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 />
1297<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.
1298                </div>
1299            </form>
1300
1301            <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none">
1302                <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p>
1303            </div>
1304        </div>
1305    </div>
1306</div>
1307
1308        <div class="footer-bottom" style="position: relative;">
1309    <div class="container">
1310        <p>
1311            <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank">
1312                <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid">
1313                Site créé en partenariat avec Réseau des Communes
1314            </a>
1315        </p>
1316    </div>
1317</div>
1318        <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
1319    <div class="modal-dialog" role="document">
1320        <div class="modal-content">
1321            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1322                <span aria-hidden="true">&times;</span>
1323            </button>
1324
1325            <embed type="application/pdf">
1326        </div>
1327    </div>
1328</div>
1329
1330        
1331                            
1331<script src="/js/vendor/popper.min.js"></script>
1331
1332            
1332<script src="/js/vendor/bootstrap.min.js"></script>
1332
1333
1334            <!-- Carousel -->
1335            
1335<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1335
1336            
1336<script src='/dist/owlcarousel/js/owl.linked.js'></script>
1336
1337
1338            
1338<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1338
1339            
1339<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1339
1340
1341            
1341<script src='/dist/slick/slick.js'></script>
1341
1342            
1342<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
1342
1343
1344                        
1344<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1344
1345
1346                        
1346<script src='/dist/pagination.min.js'></script>
1346
1347
1348            
1348<script src="/js/shared.js?v1"></script>
1348
1349            
1349<script src="/tpl/1/js/main.js"></script>
1349
1350            
1350<script src="/lib/chartjs/Chart.js"></script>
1350
1351            
1351<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1351
1352
1353                        
1353<script type="text/javascript">
1354
1355                tarteaucitron.user.matomoId = 6;
1356                (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack');
1357
1358
1359                (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
1360                (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion');
1361                (tarteaucitron.job = tarteaucitron.job || []).push('vimeo');
1362                (tarteaucitron.job = tarteaucitron.job || []).push('othervideo');
1363
1364                            </script>
1364
1365
1366        
1367
1368        
1368<script>
1369            $(document).ready(function () {
1370                $("#search-month").change(function () {
1371                    var monthUrl = this.value;
1372                    var selected = $("#search-category").val() || [];
1373                    if (selected.length > 0) {
1374                        var url = new URL(monthUrl, window.location.origin);
1375                        selected.forEach(function(id) {
1376                            url.searchParams.append('categories[]', id);
1377                        });
1378                        window.location.href = url.toString();
1379                    } else {
1380                        window.location.href = monthUrl;
1381                    }
1382                });
1383                $("#search-category").change(function () {
1384                    var selected = $(this).val() || [];
1385                    var url = new URL(window.location.href);
1386                    url.searchParams.delete('categories[]');
1387                    url.searchParams.delete('page');
1388                    selected.forEach(function(id) {
1389                        url.searchParams.append('categories[]', id);
1390                    });
1391                    window.location.href = url.toString();
1392                });
1393            });
1394        </script>
1394
1395    
1396                    
1396<script type="text/javascript">
1397                $(document).ready(function () {
1398                                    });
1399
1400            </script>
1400
1401        
1402
1403        
1403<script>
1404            (function (i, s, o, g, r, a, m) {
1405                i['InstanaEumObject'] = r;
1406                i[r] = i[r] || function () {
1407                    (i[r].q = i[r].q || []).push(arguments)
1408                }, i[r].l = 1 * new Date();
1409                a = s.createElement(o),
1410                    m = s.getElementsByTagName(o)[0];
1411                a.async = 1;
1412                a.src = g;
1413                m.parentNode.insertBefore(a, m)
1414            })(window, document, 'script', '//eum.instana.io/eum.min.js', 'ineum');
1415            ineum('reportingUrl', 'https://eum-eu-west-1.instana.io');
1416            ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA');
1417
1418            // set the name of a page on which this load/errors/calls happened
1419            ineum('page', 'front-site');
1420        </script>
1420
1421
1422
1423        
1423<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1423
1424
1425        
1425<script type="text/javascript">
1426            var CaptchaCallback = function () {
1427                $('.h-recaptcha').each(function (index, el) {
1428                    hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'});
1429                });
1430            };
1431
1432            var originalStyle = false;
1433
1434            $(window).on('shown.bs.modal', function () {
1435                originalStyle = $('body').attr('style');
1436
1437                $('body').attr('style', '');
1438            });
1439
1440            $(window).on('hidden.bs.modal', function () {
1441                $('body').attr('style', originalStyle);
1442
1443            });
1444
1445        </script>
1445
1446
1447        
1447<script>
1448            $(document).ready(function () {
1449
1450                $('.selectpicker').selectpicker();
1451
1452                var input = $('input[type=file]');
1453
1454                input.on('change', function () {
1455                    var list = $(this).parent().parent().parent().parent().find($('.listFiles'));
1456                    list.empty();
1457
1458                    for (var x = 0; x < this.files.length; x++) {
1459                        var newFile = '<li>Fichier joint :  ' + this.files[x].name + ' (' + humanFileSize(this.files[x].size) + ')</li>';
1460//                    li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
1461                        list.append(newFile);
1462                    }
1463                });
1464
1465                $('.form-error').hide();
1466                $('#contactFormFooter').submit(function (e) {
1467                    let form = $(this);
1468
1469                    $.ajax({
1470                        type: "POST",
1471                        url: form.attr('action'),
1472                        data: new FormData(form[0]),
1473                        contentType: false,
1474                        processData: false,
1475                        beforeSend: function () {
1476                            form.find('.form-error').hide();
1477                            $('.formContactForm').attr('disabled', true);
1478                        },
1479                        success: function (response) {
1480                            hcaptcha.reset();
1481
1482                            if (response.status === 'KO') {
1483                                let errors = response.errors;
1484                                for (let index in errors) {
1485                                    if (errors.hasOwnProperty(index)) {
1486                                        let attr = errors[index];
1487                                        let error = attr[Object.keys(attr)[0]];
1488                                        form.find('#' + index + '-error').text(error).show();
1489                                    }
1490                                }
1491                            } else {
1492
1493                                $('#contactFormFooter').css('display', 'none');
1494                                $('#messageSendedFormContactFooter').css('display', '');
1495                                form[0].reset();
1496                            }
1497                        },
1498                        complete: function () {
1499
1500                            $('.formContactForm').removeAttr('disabled');
1501                        }
1502                    });
1503
1504                    return false;
1505                });
1506
1507                $('#contactFormContactFooter').on('hidden.bs.modal', function () {
1508                    $('#contactFormFooter')[0].reset();
1509
1510                    $('#contactFormFooter').css('display', '');
1511
1512                    $('#messageSendedFormContactFooter').css('display', 'none');
1513
1514                    $('.form-error').hide();
1515
1516                    $('.listFiles').empty();
1517
1518                    hcaptcha.reset();
1519                });
1520
1521
1522            });
1523
1524            function humanFileSize(size) {
1525                var i = Math.floor(Math.log(size) / Math.log(1024));
1526                return (size / Math.pow(1024, i)).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
1527            }
1528        </script>
1528
1529
1530        
1530<script>
1531            $(function () {
1532
1533
1534                var numberAlerts = false;
1535
1536                var allAlerts = $('#alertsModal').find($('.alertsInfo'));
1537
1538                numberAlerts = allAlerts.length;
1539
1540                allAlerts.each(function (e) {
1541
1542                    if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) {
1543                        $('#alertsModal').modal('show');
1544                    } else {
1545                        $(this).remove();
1546                        numberAlerts = numberAlerts - 1;
1547                        setActiveAndDecrementNumber();
1548                    }
1549
1550                });
1551
1552                $('.acceptCookiesAlerts').on('click', function (e) {
1553                    e.preventDefault();
1554
1555                    var currentDataId = $(this).attr('data-id');
1556
1557                    sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1');
1558
1559                    numberAlerts = numberAlerts - 1;
1560
1561                    var currentParentNode = $(this).parent().parent().parent();
1562
1563                    currentParentNode.removeClass('active');
1564                    currentParentNode.remove();
1565
1566                    setActiveAndDecrementNumber();
1567
1568                });
1569
1570                function setActiveAndDecrementNumber() {
1571                    var newListOfAlerts = $('#alertsModal').find($('.alertsInfo'));
1572
1573                    newListOfAlerts.each(function (index, e) {
1574                        if (index == 0) {
1575                            $(this).addClass('active');
1576                        }
1577                    });
1578
1579                    if (numberAlerts == 0) {
1580                        $('#alertsModal').modal('hide');
1581                    }
1582                }
1583
1584                var currentColorControl = '#212529';
1585
1586                $('#controlPrev').css('color', 'initial !important');
1587                $('#controlNext').css('color', 'initial !important');
1588
1589                $('#controlPrev').on('mouseover', function () {
1590
1591                    $(this).css('color', 'initial !important');
1592                });
1593
1594                $('#controlNext').on('mouseover', function () {
1595
1596                    $(this).css('color', 'initial !important');
1597                });
1598
1599            });
1600        </script>
1600
1601    </body>
1602</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.