PageSourceSearch

https://perignat-es-allier.fr/fr/ev/1828023/agenda-1252/2026/9

html perignat-es-allier.fr collected 2026-09-25 07:46:15 UTC 119,062 bytes, 1,680 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr">
3<head>
4    <title>
5            Agenda - Pérignat-ès-Allier
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            "tarteaucitronForceLanguage": 'fr',
47
48        });
49    </script>
49
50
51        <meta name="Description" content="">
52<meta name="Keywords" content="">
53<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
54<meta charset="UTF-8">
55        
56    <!-- Matomo -->
57<script>
58  var _paq = window._paq = window._paq || [];
59  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
60  _paq.push(['trackPageView']);
61  _paq.push(['enableLinkTracking']);
62  (function() {
63    var u="//matomo-client.neopse.com/";
64    _paq.push(['setTrackerUrl', u+'matomo.php']);
65    _paq.push(['setSiteId', '786']);
66    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
67    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
68  })();
69</script>
69
70<!-- End Matomo Code -->
71
72
73
74
75
76
77
78                                        <link rel="apple-touch-icon" href="https://static.neopse.com/thumbs/p/4497/site/cc/24/18/cc24188f3e7cc5c86936582822cee9ef0360feea.png?v=v1">
79                <link rel="icon" href="https://static.neopse.com/thumbs/p/4497/site/cc/24/18/cc24188f3e7cc5c86936582822cee9ef0360feea.png?v=v1">
80                        <link rel="preconnect" href="https://fonts.googleapis.com">
81            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
82            <link href="https://fonts.googleapis.com/css?family=Abril+Fatface:400,700|Material+Icons" rel="stylesheet">
83            <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Jost:wght@400;700&family=Lato:wght@400;700&family=Lora:wght@400;700&family=Merriweather:wght@400;700&family=Montserrat:wght@400;700&family=Nunito:wght@400;700&family=Open+Sans:wght@400;700&family=Outfit:wght@400;700&family=Roboto:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet">
84
85            <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'>
86            <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'>
87            <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'>
88            <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'>
89            <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'>
90            <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'>
91            <link rel="stylesheet"
92                  href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
93            <link rel="stylesheet"
94                  href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/>
95            <link href="/tpl/6/css/style.css" rel="stylesheet" type='text/css'>
96
97            <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/>
98            <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/>
99
100                            <style class="notranslate" title="customCss" type="text/css"
101                       rel="stylesheet">.bg_bloc { background-color: #8DAAD2 !important; } .table td, .table, .table thead th { border-color: #8DAAD2 !important; } .bg_bloc .dropdown-toggle,.bg_bloc .dropdown-menu {background-color: #8DAAD2 !important;border-color: #8DAAD2 !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: #8DAAD2 !important;} .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #8DAAD2 !important; } .fc-unthemed td.fc-today{background: #8DAAD2 !important;} .cookies .btn{ color: #8DAAD2 !important; }body { background-color: #B0B401; }.bg_wrapper { background-color: #FFFFFF !important; }.c_btn, a.c_btn:hover, a.c_btn:focus, a.c_btn:active { color: #FFFFFF; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .carousel-indicators .active, .slick-dots .slick-active button {background: #FFFFFF;opacity: 1;} .carousel-indicators li, .owl-theme .owl-dots .owl-dot span, .slick-dots li button{background-color: #FFFFFF;opacity: 0.5;} .fc-event{ color: #FFFFFF !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:before{ background-color: #000000 !important; }body, .title, .lead, .heading { font-family: Tahoma, Geneva, sans-serif !important; }.footer.bg { background-color: #B0B401; }
101nav.navbar.bg { background-color: rgb(176,180,1); }body, .c_text, .container, .carousel-caption .title, .dropdown-item.c_text, .newsletter .requirements, .bootstrap-select .dropdown-menu li a, .bootstrap-select .dropdown-toggle::after{color: #000000;} .slick-prev:before, .slick-next:before { color: #000000; } .intern-page .en-tete{ border-left-color: #000000;} .fc-button{color: #000000 !important;}.footer .footer-btn.c_btn, .footer .footer-btn.c_btn:hover, .footer .footer-btn.c_btn:focus, .footer .footer-btn.c_btn:active { color: #FFFFFF; }nav.navbar .c_btn, .top-navbar .c_btn { color: #FFFFFF; }nav.navbar .dropdown-menu { background-color: #000000; }.footer .c_text { color: #000000; }nav.navbar .c_text { color: #000000; } nav.navbar .c_text.navbar-toggler{ border-color: #000000 !important; }nav.navbar .h_text:hover { color: #FFFFFF; }.footer .c_title { color: #FFFFFF; } .footer .c_title:before { background-color: #FFFFFF !important; }.breadcrumb.bg { background-color: #E68550; }nav.navbar .dropdown-menu .c_text { color: #FFFFFF; }nav.navbar .dropdown-menu .h_text:hover { color: #B0B401; }nav.navbar .nav-link.h_text:hover:before { background-color: #E68550; }.c_btn:before { background-color: #E68550 !important; } .fc-event{ background-color: #E68550 !important; border-color: #E68550 !important; }#w_b0782057f .bg { background-color: #B0B401 !important; }#w_bhoytc61y .bg { background-color: #FFFFFF; }#w_headline .c_btn { color: #FFFFFF; } #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_ht5jlps7d .bg { background-color: #8DAAD2 !important; }#w_lm16zjwzm .bg { background-color: #B0B401 !important; }#w_ptej5xy3c .bg { background-color: #E75A75 !important; }#w_ywj5qt0ic .bg { background-color: #DBA721 !important; }.breadcrumb.bg .c_text { color: #FFFFFF; }.footer .footer-btn.bg_btn:before { background-color: #E68550 !important; }nav.navbar .bg_btn, nav.navbar .bg_btn:hover { background-color: #E68550 !important; } .searchbar input, .searchbar .btn { border-color: #E68550!important }nav.navbar .dropdown-menu .h_text:hover { background-color: #FFFFFF; }#w_b0782057f .c_btn { color: #E68550; } #w_b0782057f .c_btn.dark:before { background-color: #E68550 !important; } #w_b0782057f .owl-theme .owl-dots .owl-dot.active span, #w_b0782057f .owl-theme .owl-dots .owl-dot:hover span {background: #E68550;opacity: 1;} #w_b0782057f .carousel-indicators li, #w_b0782057f .owl-theme .owl-dots .owl-dot span{background-color: #E68550;opacity: 0.5;}#w_headline .c_text { color: #FFFFFF; }#w_ht5jlps7d .c_btn, #w_ht5jlps7d .carousel-control-prev i, #w_ht5jlps7d .carousel-control-next i { color: #FFFFFF; }#w_lm16zjwzm .c_text { color: #E75A75; } #w_lm16zjwzm .owl-theme .owl-dots .owl-dot.active span, #w_lm16zjwzm .owl-theme .owl-dots .owl-dot:hover span {background-color: #E75A75;opacity: 1;} #w_lm16zjwzm .carousel-indicators li, #w_lm16zjwzm .owl-theme .owl-dots .owl-dot span{background-color: #E75A75 ;opacity: 0.5;}#w_oneclick .c_text { color: #FFFFFF; }#w_ptej5xy3c .c_btn{ color: #000000; border-color: #000000; } #w_ptej5xy3c .owl-theme .owl-dots .owl-dot.active span, #w_ptej5xy3c .owl-theme .owl-dots .owl-dot:hover span, #w_ptej5xy3c .slick-dots .slick-active button:before, #w_ptej5xy3c .card-icon-date .month {background-color: #000000 !important;opacity: 1;} #w_ptej5xy3c .carousel-indicators li, #w_ptej5xy3c .owl-theme .owl-dots .owl-dot span, #w_ptej5xy3c .slick-dots li button:before{background-color: #000000;opacity: 0.5;}#w_ywj5qt0ic .c_btn { color: #000000; } #w_ywj5qt0ic .slick-dots li button { background-color: #000000;opacity:0.5; } #w_ywj5qt0ic .slick-dots li.slick-active button { background-color: #000000; opacity: 1 !important;}.breadcrumb.bg .c_title { color: #FFFFFF; } .breadcrumb.bg .c_title:before { background-color: #FFFFFF !important; }#w_b0782057f .c_text { color: #FFFFFF; }#w_bhoytc61y .c_text { color: #FFFFFF; }#w_ht5jlps7d .c_text { color: #000000; }#w_ptej5xy3c .c_text { color: #000000; } #w_ptej5xy3c .c_text .icon:before{ border-top-color: #000000; }#w_b0782057f .c_title { color: #FFFFFF !important; } #w_b0782057f .c_title.dark:before { background-color: #FFFFFF !important; }#w_bhoytc61y .c_title { color: #B0B401; }#w_ht5jlps7d .c_title { color: #000000; } #w_ht5jlps7d .c_title:before { background-color: #000000 !important; }#w_lm16zjwzm .c_title { color: #FFFFFF; } #w_lm16zjwzm .c_title:before { background-color: #FFFFFF !important; }#w_ptej5xy3c .c_title { color: #FFFFFF; } #w_ptej5xy3c .c_title:before { background-color: #FFFFFF !important; }#w_ywj5qt0ic .c_title { color: #FFFFFF; } #w_ywj5qt0ic .c_title:before { background-color: #FFFFFF !important; }#w_b0782057f .c_title { display: inline-block; }#w_headline .bg_btn:before { background-color: #E68550 !important; }#w_b0782057f .bg_btn:before { background-color: #FFFFFF !important; }#w_headline .carousel-item.overlay:before { background-color: rgba(0,0,0,0.3); }#w_ht5jlps7d .bg_btn:before { background-color: #000000 !important; } #w_ht5jlps7d .carousel-indicators .active {background: #000000;opacity: 1;} #w_ht5jlps7d .carousel-indicators li{background-color: #000000;opacity: 0.5;}#w_oneclick .bg_text { background-color: #E68550; }#w_ptej5xy3c .bg_btn:before { background-color: #FFFFFF !important; }#w_ywj5qt0ic .bg_btn:before { background-color: #FFFFFF !important; }#w_b0782057f .c_text.card-img:after { border-left-color: #E68550; }#w_bhoytc61y .bg_text { background-color: #8DAAD2; }#w_ptej5xy3c .bg_text { background-color: #FFFFFF; } #w_ptej5xy3c .c_text .icon i{ color: #FFFFFF; }#w_headline .c_text_responsive { color: #FFFFFF; }/*np-dropdowns*/.bootstrap-select{background-color:#8DAAD2!important;}.bootstrap-select .dropdown-menu{background-color:#8DAAD2!important;border-color:#8DAAD2!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:#8DAAD2!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;}</style>
102                    
103    
104    
104<script src="/js/vendor/jquery-3.2.1.min.js"></script>
104
105    
105<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
105
106
107    <!-- Matomo -->
108                                                                <!-- End Matomo Code -->
109</head>
110<body style="position: relative; min-height: 100%; top: 0px;">
111
112<header role="banner">
113    <div class="header-wrapper">
114    <div class="top-navbar bg">
115    	<div class="ov"></div>
116
117            <a href="/fr/" class="navbar-brand bloc_logo c_text">                <div class="img">
118                    <picture class="logo img-fluid">
119                        <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/4497/site/32/9d/e1/329de1659c154ec7c53e2c54833b2b6c41798ea3.PNG">
120                        <img role="img" src="https://static.neopse.com/medias/p/4497/site/32/9d/e1/329de1659c154ec7c53e2c54833b2b6c41798ea3.PNG" alt="Logo Pérignat-ès-Allier" loading="eager">
121                    </picture>
122                </div>
123                            </a>
124
125
126
127        </div>
128    </div>
129
130    <div class="navbar-container">
131        <nav role="navigation" class="navbar navbar-expand-lg bg">
132            <div class="ov"></div>
133            <div class="container">
134
135                <a class="navbar-brand c_text bloc_logo" href="/fr/">
136                                        <div class="img">
137                        <img role="img" src="https://static.neopse.com/medias/p/4497/site/67/a6/e2/67a6e2e07961e62aacda0fe52b7bc706205de631.JPG" alt="Pérignat-ès-Allier"
138                             class="logo">
139                    </div>
140                                    </a>
141                <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse"
142                        data-target="#navbarNavDropdown"
143                        aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
144                    <span class="navbar-toggler-icon">
145                        <i class="material-icons notranslate">menu</i>
146                    </span>
147                </button>
148                <div class="collapse navbar-collapse" id="navbarNavDropdown">
149                    <ul class="navbar-nav mx-auto">
150                        <li class="nav-item dropdown">
151                            <a class="nav-link c_text h_text px-3" href="/" role="button">
152                                <i class="material-icons">home</i>
153                            </a>
154                        </li>
155                                                                                    <li class="nav-item dropdown">
156                                    <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown0" role="button"
157                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
158                                        Bienvenue
159                                    </a>
160                                    <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown0">
161                                        
162                                        <div class="container mega-dropdown-menu">
163                                            <div class="divider">
164                                                                                                                                                
165                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
166                                                    href="/fr/rb/2240721/decouvrir-perignat">
167                                                        Découvrir Pérignat
168                                                    </a>
169                                                
170                                                
171                                                
172                                                                                                                                                                                                
173                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
174                                                    href="/fr/rb/2240734/nouveaux-arrivants-14">
175                                                        Nouveaux arrivants
176                                                    </a>
177                                                
178                                                
179                                                
180                                                                                                                                                                                                
181                                                
182                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
183                                                    href="/fr/ap/1829037/plan-acces-801">
184                                                        Plan/Accès
185                                                    </a>
186                                                
187                                                
188                                                                                                                                                                                                
189                                                
190                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
191                                                    href="/fr/ev/1828023/agenda-1252">
192                                                        Agenda
193                                                    </a>
194                                                
195                                                
196                                                                                                                                                                                                
197                                                
198                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
199                                                    href="/fr/nw/1827984/actualites-1258">
200                                                        Actualités
201                                                    </a>
202                                                
203                                                
204                                                                                                                                                                                                
205                                                
206                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
207                                                    href="/fr/ct/1827906/contacts-1142">
208                                                        Contacts
209                                                    </a>
210                                                
211                                                
212                                                                                                                                                                                                
213                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
214                                                    href="/fr/rb/2240747/lhistoire-de-perignat">
215                                                        L&#039;histoire de Pérignat
216                                                    </a>
217                                                
218                                                
219                                                
220                                                                                                                                                                                                
221                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
222                                                    href="/fr/rb/2240812/territoire-4">
223                                                        Territoire
224                                                    </a>
225                                                
226                                                
227                                                
228                                                                                                                                                                                                
229                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
230                                                    href="/fr/rb/2299351/patrimoine-160">
231                                                        Patrimoine
232                                                    </a>
233                                                
234                                                
235                                                
236                                                                                                                                                                                                
237                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
238                                                    href="/fr/rb/2299442/george-onslow">
239                                                        George Onslow
240                                                    </a>
241                                                
242                                                
243                                                
244                                                                                                                                                                                                
245                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
246                                                    href="/fr/rb/2299455/epouvantails-et-camondep">
247                                                        Epouvantails et Camondep
248                                                    </a>
249                                                
250                                                
251                                                
252                                                                                                                                            </div>
253                                        </div>
254                                    </div>
255                                </li>
256                                                                                                                <li class="nav-item dropdown">
257                                    <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button"
258                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
259                                        Vie municipale
260                                    </a>
261                                    <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown1">
262                                        
263                                        <div class="container mega-dropdown-menu">
264                                            <div class="divider">
265                                                                                                                                                
266                                                
267                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
268                                                    href="/fr/tb/1829154/vos-elus-11">
269                                                        Vos élus
270                                                    </a>
271                                                
272                                                
273                                                                                                                                                                                                
274                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
275                                                    href="/fr/rb/2240760/les-commissions-municipales-36">
276                                                        Les commissions municipales
277                                                    </a>
278                                                
279                                                
280                                                
281                                                                                                                                                                                                
282                                                
283                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
284                                                    href="/fr/pb/1829076/publications-572">
285                                                        Publications
286                                                    </a>
287                                                
288                                                
289                                                                                                                                                                                                
290                                                
291                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
292                                                    href="/fr/rp/1828842/comptes-rendus-490">
293                                                        Comptes rendus
294                                                    </a>
295                                                
296                                                
297                                                                                                                                                                                                
298                                                
299                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
300                                                    href="/fr/pm/1828686/marches-publics-828">
301                                                        Marchés publics
302                                                    </a>
303                                                
304                                                
305                                                                                                                                                                                                
306                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
307                                                    href="/fr/rb/2238069/cadastre-57">
308                                                        Cadastre
309                                                    </a>
310                                                
311                                                
312                                                
313                                                                                                                                                                                                
314                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
315                                                    href="/fr/rb/2240773/services-municipaux-159">
316                                                        Services municipaux
317                                                    </a>
318                                                
319                                                
320                                                
321                                                                                                                                                                                                
322                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
323                                                    href="/fr/rb/2240786/ceremonies-commemoratives-2">
324                                                        Cérémonies commémoratives
325                                                    </a>
326                                                
327                                                
328                                                
329                                                                                                                                                                                                
330                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
331                                                    href="/fr/rb/2240825/elections-180">
332                                                        Elections
333                                                    </a>
334                                                
335                                                
336                                                
337                                                                                                                                                                                                
338                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
339                                                    href="/fr/rb/2240838/concertation-publique-2">
340                                                        Concertation publique
341                                                    </a>
342                                                
343                                                
344                                                
345                                                                                                                                            </div>
346                                        </div>
347                                    </div>
348                                </li>
349                                                                                                                <li class="nav-item dropdown">
350                                    <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button"
351                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
352                                        Vie quotidienne
353                                    </a>
354                                    <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown2">
355                                        
356                                        <div class="container mega-dropdown-menu">
357                                            <div class="divider">
358                                                                                                                                                
359                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
360                                                    href="/fr/rb/2250419/france-services-41">
361                                                        France Services
362                                                    </a>
363                                                
364                                                
365                                                
366                                                                                                                                                                                                
367                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
368                                                    href="/fr/rb/2250432/transports-115">
369                                                        Transports
370                                                    </a>
371                                                
372                                                
373                                                
374                                                                                                                                                                                                
375                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
376                                                    href="/fr/rb/2230672/enfance-jeunesse-vie-scolaire">
377                                                        Enfance / Jeunesse - vie scolaire
378                                                    </a>
379                                                
380                                                
381                                                
382                                                                                                                                                                                                
383                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
384                                                    href="/fr/rb/2294918/salle-polyvalente-34">
385                                                        Salle polyvalente
386                                                    </a>
387                                                
388                                                
389                                                
390                                                                                                                                                                                                
391                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
392                                                    href="/fr/rb/2294931/gendarmerie-16">
393                                                        Gendarmerie
394                                                    </a>
395                                                
396                                                
397                                                
398                                                                                                                                                                                                
399                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
400                                                    href="/fr/rb/2294944/cimetieres-44">
401                                                        Cimetières
402                                                    </a>
403                                                
404                                                
405                                                
406                                                                                                                                                                                                
407                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
408                                                    href="/fr/rb/2294957/culte-39">
409                                                        Culte
410                                                    </a>
411                                                
412                                                
413                                                
414                                                                                                                                                                                                
415                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
416                                                    href="/fr/rb/2299247/numeros-utiles-380">
417                                                        Numéros utiles
418                                                    </a>
419                                                
420                                                
421                                                
422                                                                                                                                                                                                
423                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
424                                                    href="/fr/rb/2299260/agence-postale-communale-70">
425                                                        Agence Postale Communale
426                                                    </a>
427                                                
428                                                
429                                                
430                                                                                                                                                                                                
431                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
432                                                    href="/fr/rb/2299273/tarifs-municipaux-31">
433                                                        Tarifs municipaux
434                                                    </a>
435                                                
436                                                
437                                                
438                                                                                                                                                                                                
439                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
440                                                    href="/fr/rb/2299286
440/demarches-administratives-227">
441                                                        Démarches administratives
442                                                    </a>
443                                                
444                                                
445                                                
446                                                                                                                                                                                                
447                                                
448                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
449                                                    href="/fr/ad/1828998/petites-annonces-578">
450                                                        Petites annonces
451                                                    </a>
452                                                
453                                                
454                                                                                                                                            </div>
455                                        </div>
456                                    </div>
457                                </li>
458                                                                                                                <li class="nav-item dropdown">
459                                    <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button"
460                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
461                                        Social / économie
462                                    </a>
463                                    <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown3">
464                                        
465                                        <div class="container mega-dropdown-menu">
466                                            <div class="divider">
467                                                                                                                                                
468                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
469                                                    href="/fr/rb/2237939/regie-de-territoire-des-deux-rives">
470                                                        Régie de Territoire des Deux Rives
471                                                    </a>
472                                                
473                                                
474                                                
475                                                                                                                                                                                                
476                                                
477                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
478                                                    href="/fr/bu/1828764/annuaire-des-professionnels-573">
479                                                        Annuaire des professionnels
480                                                    </a>
481                                                
482                                                
483                                                                                                                                                                                                
484                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
485                                                    href="/fr/rb/2237965/action-sociale-39">
486                                                        Action sociale
487                                                    </a>
488                                                
489                                                
490                                                
491                                                                                                                                                                                                
492                                                
493                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
494                                                    href="/fr/mk/1828959/marches-584">
495                                                        Marchés
496                                                    </a>
497                                                
498                                                
499                                                                                                                                                                                                
500                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
501                                                    href="/fr/rb/2292526/logement-habitat-7">
502                                                        Logement - Habitat
503                                                    </a>
504                                                
505                                                
506                                                
507                                                                                                                                                                                                
508                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
509                                                    href="/fr/rb/2292539/marpa-2">
510                                                        MARPA
511                                                    </a>
512                                                
513                                                
514                                                
515                                                                                                                                                                                                
516                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
517                                                    href="/fr/rb/2292552/foyer-occupationnel">
518                                                        Foyer occupationnel
519                                                    </a>
520                                                
521                                                
522                                                
523                                                                                                                                                                                                
524                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
525                                                    href="/fr/rb/2292565/mutuelle-village-2">
526                                                        Mutuelle Village
527                                                    </a>
528                                                
529                                                
530                                                
531                                                                                                                                            </div>
532                                        </div>
533                                    </div>
534                                </li>
535                                                                                                                <li class="nav-item dropdown">
536                                    <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button"
537                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
538                                        Cadre de vie
539                                    </a>
540                                    <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown4">
541                                        
542                                        <div class="container mega-dropdown-menu">
543                                            <div class="divider">
544                                                                                                                                                
545                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
546                                                    href="/fr/rb/2214552/plan-guide-en-actes">
547                                                        Plan guide en actes
548                                                    </a>
549                                                
550                                                
551                                                
552                                                                                                                                                                                                
553                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
554                                                    href="/fr/rb/2239421/collecte-des-dechets-60">
555                                                        Collecte des déchets
556                                                    </a>
557                                                
558                                                
559                                                
560                                                                                                                                                                                                
561                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
562                                                    href="/fr/rb/2239434/urbanisme-556">
563                                                        Urbanisme
564                                                    </a>
565                                                
566                                                
567                                                
568                                                                                                                                                                                                
569                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
570                                                    href="/fr/rb/2288353/assainissement-82">
571                                                        Assainissement
572                                                    </a>
573                                                
574                                                
575                                                
576                                                                                                                                                                                                
577                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
578                                                    href="/fr/rb/2288366/alimentation-2">
579                                                        Alimentation
580                                                    </a>
581                                                
582                                                
583                                                
584                                                                                                                                                                                                
585                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
586                                                    href="/fr/rb/2288379/voie-verte-via-allier">
587                                                        Voie verte &quot;Via Allier&quot;
588                                                    </a>
589                                                
590                                                
591                                                
592                                                                                                                                                                                                
593                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
594                                                    href="/fr/rb/2288392/ecopole-du-val-dallier">
595                                                        Ecopôle du Val d&#039;Allier
596                                                    </a>
597                                                
598                                                
599                                                
600                                                                                                                                                                                                
601                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
602                                                    href="/fr/rb/2288405/village-etoile">
603                                                        Village étoilé
604                                                    </a>
605                                                
606                                                
607                                                
608                                                                                                                                                                                                
609                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
610                                                    href="/fr/rb/2288418/objectif-zero-phyto-1">
611                                                        Objectif Zéro Phyto
612                                                    </a>
613                                                
614                                                
615                                                
616                                                                                                                                                                                                
617                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
618                                                    href="/fr/rb/2329927/plateforme-de
618-broyage">
619                                                        Plateforme de broyage
620                                                    </a>
621                                                
622                                                
623                                                
624                                                                                                                                                                                                
625                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
626                                                    href="/fr/rb/2414570/chasse-peche">
627                                                        Chasse / Pêche
628                                                    </a>
629                                                
630                                                
631                                                
632                                                                                                                                            </div>
633                                        </div>
634                                    </div>
635                                </li>
636                                                                                                                <li class="nav-item dropdown">
637                                    <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown5" role="button"
638                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
639                                        Culture / Loisirs
640                                    </a>
641                                    <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown5">
642                                        
643                                        <div class="container mega-dropdown-menu">
644                                            <div class="divider">
645                                                                                                                                                
646                                                
647                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
648                                                    href="/fr/as/1828725/annuaire-des-associations-562">
649                                                        Annuaire des associations
650                                                    </a>
651                                                
652                                                
653                                                                                                                                                                                                
654                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
655                                                    href="/fr/rb/2230659/saison-culturelle-1">
656                                                        Saison culturelle
657                                                    </a>
658                                                
659                                                
660                                                
661                                                                                                                                                                                                
662                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
663                                                    href="/fr/rb/2268645/mediatheque-114">
664                                                        Médiathèque
665                                                    </a>
666                                                
667                                                
668                                                
669                                                                                                                                                                                                
670                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
671                                                    href="/fr/rb/2238004/pays-dart-et-dhistoire-billom-communaute">
672                                                        Pays d&#039;Art et d&#039;Histoire - Billom Communauté
673                                                    </a>
674                                                
675                                                
676                                                
677                                                                                                                                                                                                
678                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
679                                                    href="/fr/rb/2288301/randonnees-73">
680                                                        Randonnées
681                                                    </a>
682                                                
683                                                
684                                                
685                                                                                                                                                                                                
686                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
687                                                    href="/fr/rb/2288314/la-maison-grenouille">
688                                                        La Maison Grenouille
689                                                    </a>
690                                                
691                                                
692                                                
693                                                                                                                                                                                                
694                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
695                                                    href="/fr/rb/2288327/maison-du-tourisme-du-livradois-forez">
696                                                        Maison du Tourisme du Livradois-Forez
697                                                    </a>
698                                                
699                                                
700                                                
701                                                                                                                                                                                                
702                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
703                                                    href="/fr/rb/2288340/ecole-de-musique-intercommunale-3">
704                                                        Ecole de Musique Intercommunale
705                                                    </a>
706                                                
707                                                
708                                                
709                                                                                                                                                                                                
710                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
711                                                    href="/fr/rb/2364832/residences-dartistes">
712                                                        Résidences d&#039;artistes
713                                                    </a>
714                                                
715                                                
716                                                
717                                                                                                                                                                                                
718                                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
719                                                    href="/fr/rb/2408876/perignat-2035-projet-recits-du-territoire">
720                                                        Pérignat 2035 - projet Récits du territoire
721                                                    </a>
722                                                
723                                                
724                                                
725                                                                                                                                            </div>
726                                        </div>
727                                    </div>
728                                </li>
729                                                                                                        
730                                                <li class="nav-item position-relative w_search">
731                            <a role="button" class="search-button 
731nav-link c_text h_text" data-toggle="collapse" data-target="#nav-searchbar" aria-expanded="true">
732                                <i class="material-icons">search</i>
733                            </a>
734                            <form action="/fr/search" method="post" class="searchbar form-inline search mb-0 collapse" id="nav-searchbar">
735                                <input id="search-form" name="keywords" class="form-control" type="search" placeholder="Recherche" aria-label="Recherche">
736                                <button class="form-control btn c_btn bg_btn" type="submit"><i class="material-icons">search</i></button>
737                            </form>
738                        </li>
739                        
740                        
741                    </ul>
742                </div>
743            </div>
744        </nav>
745    </div>
746
747</header>
748
749<main role="main">
750        <div class="main intern-page">
751
752        <header class="breadcrumb bg">
753    <div class="breadcrumb-container">
754        <div class="ov"></div>
755        <div class="container">
756            <h1 class="title dark c_title">Agenda</h1>
757
758                            <nav class="ariane c_text">
759    <span><a href="/fr/" class="font-weight-bold">Accueil</a></span>
760            / <a href="/fr/">Bienvenue</a>
761            / <a href="/fr/ev/1828023/agenda-1252">Agenda</a>
762    </nav>
763
764                    </div>
765    </div>
766</header>
767        <!-- Contenu -->
768        <section class="wrapper bg_wrapper c_wrapper">
769            <div class="ov bgw"></div>
770
771            <div class="main-content dynamicContent">
772
773                <div class="row">
774                    <div class="col col-lg">
775                                                <div class="row">
776                            <div class="col col-lg contenu" id="pagination">
777
778                                <div class="mb-2">
779                                                                                                                    <form action="">
780                                            <div class="d-flex">
781                                                <h2 class="h4 title">Recherche par mois -</h2>
782                                                <select id="search-month" name="m"
783                                                        class="borderless bg_bloc text_bloc c_text selectpicker ml-3">
784                                                        <option class="c_text"
785                                                                value="/fr/ev/1828023/agenda-1252"
786                                                                selected>
787                                                           Voir tout
788                                                        </option>
789                                                                                                                                                                                                                                                                                    <option class="c_text"
790                                                                value="/fr/ev/1828023/agenda-1252/2026/09"
791                                                                selected>
792                                                            Septembre 2026
793                                                        </option>
794                                                                                                                                                                                                                                                                                    <option class="c_text"
795                                                                value="/fr/ev/1828023/agenda-1252/2026/10"
796                                                                >
797                                                            Octobre 2026
798                                                        </option>
799                                                                                                                                                                                                                                                                                    <option class="c_text"
800                                                                value="/fr/ev/1828023/agenda-1252/2026/11"
801                                                                >
802                                                            Novembre 2026
803                                                        </option>
804                                                                                                                                                                                                                                                                                    <option class="c_text"
805                                                                value="/fr/ev/1828023/agenda-1252/2026/12"
806                                                                >
807                                                            Décembre 2026
808                                                        </option>
809                                                                                                    </select>
810                                            </div>
811                                        </form>
812                                    
813                                                                            <div class="d-flex ml-3">
814                                            <select id="search-category" multiple
815                                                class="borderless bg_bloc text_bloc c_text selectpicker"
816                                                title="Toutes les catégories">
817                                                                                                <option value="1"
818                                                    >
819                                                    Autres
820                                                </option>
821                                                                                                <option value="212"
822                                                    >
823                                                    Evènement
824                                                </option>
825                                                                                                <option value="11"
826                                                    >
827                                                    Exposition
828                                                </option>
829                                                                                                <option value="25"
830                                                    >
831                                                    Soirée
832                                                </option>
833                                                                                            </select>
834                                        </div>
835                                                                    </div>
836                                                                                                                                                                                <a href="/fr/ev/1828023/1971946/billom-co-magie-du-patrimoine"                                        class="card-date mb-4 row pl-3">
837                                        <div class="col-12 col-md-3 mb-2 pl-0">
838                                            <div class="card-button mr-3">
839                                                <img role="img" class="card-img-top img-fluid"
840                                                        src="https://static.neopse.com/thumbs/p/4497/site/e1/25/c1/e125c16a4878ee05993be5f2e85222458663d
840746.png?v=v1"
841                                                     alt="Image par défaut">
842                                            </div>
843                                        </div>
844                                                                                <div class="card-body col-12 col-md-8 pl-0">
845                                            <h2 class="card-title h5">[Billom Co.] - Magie du Patrimoine</h2>
846                                            <p class="card-time">
847                                            <p class="mb-0">
848
849                                            <p class="mb-1">
850                                                                                                    11
851                                                                                                        - 25 Septembre 2026
852                                                                                                (18:30)                                            </p>
853                                            <div>
854                                                <div class="card-text address d-flex">
855                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
856                                                    <p class="mb-1">Billom                                                        <br/>63160 France</p>
857                                                </div>
858                                            </div>
859                                            <div class="mb-2">
860                                                <i class="material-icons notranslate small align-middle">account_balance_wallet</i>
861
862                                                <p class="card-text d-inline-block">
863                                                                                                            5.00€ - 10.00€
864                                                                                                    </p>
865                                            </div>
866                                            <p class="card-text">Avec Mehdi Ouazzani, magicien</p>
867
868                                            </p>
869                                            </p>
870                                        </div>
871                                    </a>
872                                                                                                                                                                                <a href="/fr/ev/1828023/1969229/billom-co-le-curieux-bureau-de-blaise-pascal-et-son-portrait-mysterieux"                                        class="card-date mb-4 row pl-3">
873                                        <div class="col-12 col-md-3 mb-2 pl-0">
874                                            <div class="card-button mr-3">
875                                                <img role="img" class="card-img-top img-fluid"
876                                                        src="https://static.neopse.com/thumbs/p/4497/site/c2/15/0f/c2150f66aec74181d6aeb628b0fb5d5d038b7f75.png?v=v1"
877                                                     alt="Image par défaut">
878                                            </div>
879                                        </div>
880                                                                                <div class="card-body col-12 col-md-8 pl-0">
881                                            <h2 class="card-title h5">[Billom Co.] - Le curieux bureau de Blaise Pascal et son portrait mystérieux</h2>
882                                            <p class="card-time">
883                                            <p class="mb-0">
884
885                                            <p class="mb-1">
886                                                                                                    15
887                                                                                                            Septembre
888                                                                                                                                                                - 31 Décembre 2026
889                                                                                                                                            </p>
890                                            <div>
891                                                <div class="card-text address d-flex">
892                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
893                                                    <p class="mb-1">Billom                                                        <br/>63160 France</p>
894                                                </div>
895                                            </div>
896                                            <div class="mb-2">
897                                                <i class="material-icons notranslate small align-middle">account_balance_wallet</i>
898
899                                                <p class="card-text d-inline-block">
900                                                                                                            Non communiqués
901                                                                                                    </p>
902                                            </div>
903                                            <p class="card-text">Expositions / Conférences / Animations / Visites / Spectacles / Ateliers</p>
904
905                                            </p>
906                                            </p>
907                                        </div>
908                                    </a>
909                                                                                                                                                                                <a href="/fr/ev/1828023/1969294/expo-ecopole-du-val-d-allier-histoire-biodiversite-paysage"                                        class="card-date mb-4 row pl-3">
910                                        <div class="col-12 col-md-3 mb-2 pl-0">
911                                            <div class="card-button mr-3">
912                                                <img role="img" class="card-img-top img-fluid"
913                                                        src="https://static.neopse.com/thumbs/p/4497/site/76/eb/2d/76eb2df5e9a0ed718044c40d04fc6a0035c4ddb1.png?v=v1"
914                                                     alt="Image par défaut">
915                                            </div>
916                                        </div>
917                                                                                <div class="card-body col-12 col-md-8 pl-0">
918                                            <h2 class="card-title h5">[Expo] - Écopôle du Val d&#039;Allier : Histoire, Biodiversité, Paysage</h2>
919                                            <p class="card-time">
920                                            <p class="mb-0">
921
922                                            <p class="mb-1">
923                                                                                                    19
924                                                                                                        - 27 Septembre 2026
925                                                                                                (14:30 - 18:30)                                            </p>
926                                            <div>
927                                                <div class="card-text address d-flex">
928                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
929                                                    <p class="mb-1">Pérignat-ès-Allier                                                        <br/>63800 France</p>
930                                                </div>
931                                            </div>
932                                            <div class="mb-2">
933                                                <i class="material-icons notranslate small align-middle">account_balance_wallet</i>
934
935                                                <p class="card-text d-inline-block">
936                                                                                                            Gratuit
937                                                                                                    </p>
938                                            </div>
939                                            <p class="card-text"></p>
940
941                                            </p>
942                                            </p>
943                                        </div>
944                                    </a>
945                                                                                                                                                                                <a href="/fr/ev/1828023/1838319/marpa-repas-a-theme-ouvert-a-tous/2026/09/25"                                        class="card-date mb-4 row pl-3">
946                                        <div class="col-12 col-md-3 mb-2 pl-0">
947                                            <div class="card-button mr-3">
948                                                <img role="img" class="card-img-top img-fluid"
949                                                        src="https://static.neopse.com/thumbs/p/4497/site/b4/97/91/b49791f2f2a42d39f63ae8d6ced1c47f78311c13.png?v=v1"
950                                                     alt="Image par défaut">
951                                            </div>
952                                        </div>
953                                                                                <div class="card-body col-12 col-md-8 pl-0">
954                                            <h2 class="card-title h5">[MARPA] - Repas à thème ouvert à tous</h2>
955                                            <p class="card-time">
956                                            <p class="mb-0">
957
958                                            <p class="mb-1">
959                                                                                                    25 Septembre 2026
960                                                                                                (12:00)                                            </p>
961                                            <div>
962                                                <div class="card-text address d-flex">
963                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
964                                                    <p class="mb-1">Pérignat-ès-Allier                                                        <br/>63800 France</p>
965                                                </div>
966                                            </div>
967                                            <div class="mb-2">
968                                                <i class="material-icons notranslate small align-middle">account_balance_wallet</i>
969
970                                                <p class="card-text d-inline-block">
971                                                                                                            13.00€
972                                                                                                    </p>
973                                            </div>
974                                            <p class="card-text">Thème du jour : Repas en chanson ! - menu années 70</p>
975
976                                            </p>
977                                            </p>
978                                        </div>
979                                    </a>
980                                
981                                                            </div>
982
983                            
984                            
985                            
986
987                        </div>
988
989                    </div>
990
991                    
992                </div>
993            </div>
994        </section>
995
996    </div>
997
998</main>
999
1000            <div id="previewModalImage" class="modal">
1001
1002                <!-- The Close Button -->
1003                <span id="closePreviewImage" class="close">&times;</span>
1004
1005                <!-- Navigation Buttons -->
1006                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
1007                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</a>
1008
1009                <!-- Image Counter -->
1010                <div id="imageCounter" class="image-counter"></div>
1011
1012                <!-- Modal Content (The Image) -->
1013                <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div>
1014
1015                <!-- Modal Caption (Image Text) -->
1016                <div id="captionPreviewImage"></div>
1017            </div>
1018        
1019                    
1019<script>
1020                (function() {
1021                    // Get the modal elements
1022                    const modal = document.getElementById('previewModalImage');
1023                    const modalImg = modal.querySelector('img');
1024                    const captionText = document.getElementById('captionPreviewImage');
1025                    const closePreviewImage = document.getElementById('closePreviewImage');
1026                    const prevBtn = document.getElementById('prevImage');
1027                    const nextBtn = document.getElementById('nextImage');
1028                    const imageCounter = document.getElementById('imageCounter');
1029                    
1030                    let currentImages = [];
1031                    let currentIndex = 0;
1032
1033                    // Helper function to check if element is visible
1034                    function isVisible(element) {
1035                        return element && element.offsetParent !== null;
1036                    }
1037
1038                    // Helper function to toggle element visibility
1039                    function toggleElement(element, show) {
1040                        if (element) {
1041                            element.style.display = show ? 'block' : 'none';
1042                        }
1043                    }
1044
1045                    // Function to update the modal with a specific image
1046                    function updateModal(index) {
1047                        if (currentImages.length === 0) return;
1048                        
1049                        currentIndex = index;
1050                        const img = currentImages[currentIndex];
1051                        modalImg.setAttribute('src', img.src);
1052                        modalImg.setAttribute('alt', img.alt || '');
1053                        captionText.innerHTML = img.alt || '';
1054                        
1055                        // Update counter
1056                        imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length;
1057                        
1058                        // Show/hide navigation buttons
1059                        const showNav = currentImages.length > 1;
1060                        toggleElement(prevBtn, showNav);
1061                        toggleElement(nextBtn, showNav);
1062                        toggleElement(imageCounter, showNav);
1063                    }
1064
1065                    // Function to show next image
1066                    function showNext() {
1067                        if (currentImages.length === 0) return;
1068                        currentIndex = (currentIndex + 1) % currentImages.length;
1069                        updateModal(currentIndex);
1070                    }
1071
1072                    // Function to show previous image
1073                    function showPrev() {
1074                        if (currentImages.length === 0) return;
1075                        currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length;
1076                        updateModal(currentIndex);
1077                    }
1078
1079                    // Helper function to find closest ancestor with class
1080                    function closest(element, selector) {
1081                        if (!element) return null;
1082                        
1083                        // For class selector (e.g., '.splide__slide')
1084                        if (selector.startsWith('.')) {
1085                            const className = selector.slice(1);
1086                            let current = element;
1087                            while (current && current !== document) {
1088                                if (current.classList && current.classList.contains(className)) {
1089                                    return current;
1090                                }
1091                                current = current.parentElement;
1092                            }
1093                        }
1094                        return null;
1095                    }
1096
1097                    // When clicking on an image
1098                    document.addEventListener('click', function(e) {
1099                        const target = e.target;
1100                        // Check if clicked element is an image with class .img or .main-img inside .splide
1101                        if (target.tagName === 'IMG' && 
1102                            (target.classList.contains('img') || target.classList.contains('main-img')) &&
1103                            closest(target, '.splide')) {
1104                            
1105                            // Find the clicked image's parent slide
1106                            const clickedSlide = closest(target, '.splide__slide');
1107                            if (!clickedSlide) return;
1108                            
1109                            // Find the list that contains this slide
1110                            const splideList = closest(clickedSlide, '.splide__list');
1111                            if (!splideList) return;
1112                            
1113                            // Get all slides from this specific list
1114                            const allSlides = splideList.querySelectorAll('.splide__slide');
1115                            
1116                            // Get all images from these slides only, deduplicating by src
1117                            // (Splide duplicates slides in loop mode, so we need to filter duplicates)
1118                            currentImages = [];
1119                            const seenSrcs = new Set();
1120                            const clickedSrc = target.src;
1121                            
1122                            allSlides.forEach(function(slide) {
1123                                const slideImg = slide.querySelector('.img, .main-img');
1124                                if (slideImg) {
1125                                    const imgSrc = slideImg.src;
1126                                    // Only add if we haven't seen this src before
1127                                    if (!seenSrcs.has(imgSrc)) {
1128                                        seenSrcs.add(imgSrc);
1129                                        currentImages.push(slideImg);
1130                                    }
1131                                }
1132                            });
1133                            
1134                            // Find the index of the clicked image by src (to handle duplicates)
1135                            currentIndex = currentImages.findIndex(function(img) {
1136                                return img.src === clickedSrc;
1137                            });
1138                            
1139                            if (currentIndex === -1) {
1140                                currentIndex = 0; // Fallback to first image
1141                            }
1142                            
1143                            // Update and show modal
1144                            updateModal(currentIndex);
1145                            modal.style.display = 'block';
1146                        }
1147                    });
1148
1149                    // Navigation button handlers
1150                    if (nextBtn) {
1151                        nextBtn.addEventListener('click', function (e) {
1152                            e.preventDefault();
1153                            e.stopPropagation();
1154                            showNext();
1155                        });
1156                    }
1157
1158                    if (prevBtn) {
1159                        prevBtn.addEventListener('click', function (e) {
1160                            e.preventDefault();
1161                            e.stopPropagation();
1162                            showPrev();
1163                        });
1164                    }
1165
1166                    // Keyboard navigation
1167                    document.addEventListener('keydown', function (e) {
1168                        // Check if modal is visible by checking display style
1169                        const isModalVisible = modal.style.display !== 'none' && 
1170                                             (modal.style.display === 'block' || 
1171                                              window.getComputedStyle(modal).display !== 'none');
1172                        
1173                        if (isModalVisible) {
1174                            if (e.key === 'ArrowRight' || e.keyCode === 39) {
1175                                e.preventDefault();
1176                                showNext();
1177                            } else if (e.key === 'ArrowLeft' || e.keyCode === 37) {
1178                                e.preventDefault();
1179                                showPrev();
1180                            } else if (e.key === 'Escape' || e.keyCode === 27) {
1181                                e.preventDefault();
1182                                e.stopPropagation();
1183                                modal.style.display = 'none';
1184                            }
1185                        }
1186                    });
1187
1188                    // When the user clicks on <span> (x), close the modal
1189                    if (closePreviewImage) {
1190                        closePreviewImage.addEventListener('click', function () {
1191                            modal.style.display = 'none';
1192                        });
1193                    }
1194
1195                    // Close modal when clicking outside the image
1196                    modal.addEventListener('click', function (e) {
1197                        if (e.target === modal) {
1198                            modal.style.display = 'none';
1199                        }
1200                    });
1201                })();
1202            </script>
1202
1203        
1204
1205    
1206
1207    <div id="w_oneclick">
1208        <div class="oneclick-fixed">
1209            <a href="/fr/rb/2230685/cantine-scolaire-menu"  class="oneclick c_text">
1210            <div class="oneclick-title bg_text c_text" >
1211                <p class="mb-0 h5">Cantine scolaire - menus</p>
1212            </div>
1213            <div class="oneclick-icon bg_text c_text" >
1214                            <i class="material-icons notranslate">local_dining</i>
1215                        </div>
1216        </a>
1217            <a href="/fr/as/1828725/annuaire-des-associations-562"  class="oneclick c_text">
1218            <div class="oneclick-title bg_text c_text" >
1219                <p class="mb-0 h5">Associations</p>
1220            </div>
1221            <div class="oneclick-icon bg_text c_text" >
1222                            <i class="material-icons notranslate">color_lens</i>
1223                        </div>
1224        </a>
1225            <a href="/fr/rb/2250432/transports-115"  class="oneclick c_text">
1226            <div class="oneclick-title bg_text c_text" >
1227                <p class="mb-0 h5">Transports</p>
1228            </div>
1229            <div class="oneclick-icon bg_text c_text" >
1230                            <i class="material-icons notranslate">directions_subway</i>
1231                        </div>
1232        </a>
1233            <a href="/fr/rb/2299286/demarches-administratives-227"  class="oneclick c_text">
1234            <div class="oneclick-title bg_text c_text" >
1235                <p class="mb-0 h5">Démarches administratives</p>
1236            </div>
1237            <div class="oneclick-icon bg_text c_text" >
1238                            <i class="material-icons notranslate">account_balance</i>
1239                        </div>
1240        </a>
1241            <a href="https://www.perignat-es-allier.fr/fr/ev/1828023/agenda-1252"  class="oneclick c_text">
1242            <div class="oneclick-title bg_text c_text" >
1243                <p class="mb-0 h5">Agenda</p>
1244            </div>
1245            <div class="oneclick-icon bg_text c_text" >
1246                            <i class="material-icons notranslate">date_range</i>
1247                        </div>
1248        </a>
1249    </div>
1250    </div>
1251
1252
1253<!-- Footer -->
1254<footer role="contentinfo" class="footer bg footer1">
1255    <div class="ov"></div>
1256            <div class="container d-flex flex-wrap justify-content-between">
1257        <div class="footer-container">
1258            <h2 class="title light c_title d_title btn-line"><a
1259        class="c_title" href="/fr/ct/1827906/contacts-1142">Contacts</a></h2>
1260<div class="footer-box">
1261    <div class="contact c_text">
1262        <p class="font-weight-bold mb-0">Mairie de Pérignat-ès-Allier</p>
1263        <p class="mb-0">3, Place Onslow</p>
1264        <p class="mb-0">63800 Pérignat-ès-Allier - FRANCE</p>
1265         <p class="mb-0"><a class="c_text" href="tel:+33473695254">+33 4 73 69 52 54</a>
1266            </p>
1267                    <p class="mb-0"><a href="#" class="c_text footer-btn btn c_btn bg_btn mb-3 d-inline-block" data-toggle="modal" data-target="#contactFormContactFooter">Contacter la mairie</a>
1268            </p>
1269        
1270                    <div class="mt-4">
1271                <p style="margin:0;"><strong>Horaires d&#039;ouverture :</strong></p>
1272                <p><pre>
1273<strong><span style="color:#ffffff">Lundi... :</span>   -         -
1274<span style="color:#ffffff">Mardi... :</span> 9h-12h      -
1275<span style="color:#ffffff">Mercredi :</span> 9h-12h      -
1276<span style="color:#ffffff">Jeudi... :</span> 9h-12h      -
1277<span style="color:#ffffff">Vendredi :</span> 9h-12h / 14h-18h
1278<span style="color:#ffffff">Samedi.. :</span> 9h-12h      -
1279
1280<u>messagerie :</u>
1281</strong>[email protected]
1282</pre></p>
1283            </div>
1284        
1285    </div>
1286</div>
1287
1288
1289
1290            <div class="social-media">
1291    <ul class="c_text">
1292                    <li><a href="https://www.facebook.com/profile.php?id=100064448066371" class="icon-facebook" title="facebook" target="_blank"></a></li>
1293                                                                                                                                                            </ul>
1294</div>
1295
1296
1297            <div class="btn-espace-reserve">
1298    </div>
1299
1300
1301
1302        </div>
1303        
1304        
1305    </div>
1306    <div class="container d-flex flex-wrap position-relative c_text">
1307        <p class="mr-2 c_text"><a class="c_text" href="/fr/li/1827945/mentions-legales-1316">Mentions légales</a>
1308</p>-
1309        <p class="ml-2 mr-2 c_text"><a class="c_text" href="/fr/1827945/politique-confidentialite">Politique de confidentialité</a>
1310</p>-
1311        <p class="ml-2 mr-2 c_text"><a href="/fr/accessibilite">Accessibilité</a>
1312</p>-
1313        
1314        <p class="ml-2 mr-2 c_text"><a class="c_text" href="/fr/sm/116914/plan-du-site-1" >Plan du site</a></p>-
1315        <p class="ml-2 mr-2 c_text"><a class="c_text" href="#tarteaucitron">Gestion des cookies</a></p>
1316            </div>
1317</footer>
1318
1319<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true"
1320     style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);">
1321    <div class="modal-dialog" role="document">
1322        <div class="modal-content">
1323            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1324                <span aria-hidden="true">&times;</span>
1325            </button>
1326
1327            <div class="modal-header bg_bloc">
1328                                <h4 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Contacter la mairie</h4>
1329                            </div>
1330            <form id="contactFormFooter" action="/formMdContact" method="post"
1331                  novalidate enctype="multipart/form-data">
1332                <div class="modal-body pb-0">
1333
1334                                            <div class="field-wrapper"><p class="title">Contacter la Mairie</p></div>                                            <div class="form-group">
1335    <div><label for="2_input" id="2_inputLabel">Objet</label><span>*</span></div>
1336    <input type="text" name="2_input" class="form-control" id="2_input"
1337           aria-describedby="2_inputLabel">
1338    <span class="help-message cursor-pointer" data-toggle="popover" data-content="Indiquez l&#039;objet de votre message"><i
1339                class="material-icons notranslate">info_outline</i></span>    <span class="form-error requirements" id="2_input-error" role="alert">Ce champ est obligatoire</span>
1340</div>
1341                                            <div class="form-group">
1342    <div><label for="3_textarea">Votre message</label><span></span>
1343    </div>
1344    <textarea name="3_textarea" class="form-control pl-0" id="3_textarea" rows="3"></textarea>
1345    <span class="help-message cursor-pointer" data-toggle="popover" data-content="Rédigez ici le contenu de votre message"><i
1346                class="material-icons">info_outline</i></span>    <span class="form-error requirements" id="3_textarea-error" role="alert">Ce champ est obligatoire</span>
1347</div>                                            <div class="field-wrapper">
1348    <div><label for="4_email" class="font-weight-bold mr-1">Pièces jointes</label><span></span></div>
1349    <div class="d-flex align-items-center">
1350        <div class="form-group col-10 col-md-10 mb-0">
1351            <div class="upload-btn-wrapper">
1352                <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button>
1353                <input type="file" name="4_file" id="4_file" accept="application/pdf,image/jpeg,image/png" aria-label="Télécharger des documents">
1354            </div>
1355        </div>
1356        <span class="ml-3 cursor-pointer" data-toggle="popover" data-content="ajouter ici des documents à joindre au message"><i
1357                    class="material-icons">info_outline</i></span>    </div>
1358
1359    <div>
1360        <ul class="listFiles">
1361
1362        </ul>
1363    </div>
1364    <span class="form-error requirements" id="4_file-error" role="alert">Ce champ est obligatoire</span>
1365</div>
1366                                            <div class="form-group">
1367    <div><label for="5_email" id="5_emailLabel">Votre adresse mail</label><span>*</span></div>
1368    <input type="email" name="5_email" class="form-control" id="5_email" aria-describedby="5_emailLabel" />
1369    <span class="help-message cursor-pointer" data-toggle="popover" data-content="Renseignez ici votre adresse mail afin de pouvoir être contacté"><i
1370                class="material-icons">info_outline</i></span>    <span class="form-error requirements" id="5_email-error" role="alert">Ce champ est obligatoire</span>
1371</div>
1372                    
1373                    <div class="form-group">
1374    <div class="h-recaptcha m-auto d-inline-block"></div>
1375    <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire
1376    </div>
1377</div>                </div>
1378                <div class="modal-footer">
1379                    <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">Envoyer</button>
1380                </div>
1381                <div class="m-3">
1382                    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 />
1383Vos 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 />
1384<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 />
1385<span style="background-color:null">- Par voie &eacute;lectronique &agrave; l&rsquo;adresse : [&hellip;&hellip;.] ; </span><br />
1386<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 />
1387<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.
1388                </div>
1389            </form>
1390
1391            <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none">
1392                <p role="status">Le message a bien été envoyé. Merci.</p>
1393            </div>
1394        </div>
1395    </div>
1396</div>
1397
1398<div class="footer-bottom" style="position: relative;">
1399    <div class="container">
1400        <p>
1401
1402            <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank">
1403                <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid">
1404                Site créé en partenariat avec Réseau des Communes
1405            </a>
1406        </p>
1407    </div>
1408</div>
1409<div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
1410    <div class="modal-dialog" role="document">
1411        <div class="modal-content">
1412            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1413                <span aria-hidden="true">&times;</span>
1414            </button>
1415
1416            <embed type="application/pdf">
1417        </div>
1418    </div>
1419</div>
1420
1421
1422            
1422<script src="/js/vendor/popper.min.js"></script>
1422
1423    
1423<script src="/js/vendor/bootstrap.min.js"></script>
1423
1424
1425    <!-- Carousel -->
1426    
1426<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1426
1427
1428    
1428<script src='/dist/slick/slick.js'></script>
1428
1429    
1429<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
1429
1430
1431    
1431<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1431
1432    
1432<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1432
1433
1434        
1434<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1434
1435
1436        
1436<script src='/dist/pagination.min.js'></script>
1436
1437
1438    
1438<script src="/js/shared.js?v1"></script>
1438
1439    
1439<script src="/tpl/6/js/main.js"></script>
1439
1440    
1440<script src="/lib/chartjs/Chart.js"></script>
1440
1441    
1441<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1441
1442    
1443            
1444
1445    
1446        
1447        
1448    
1449                    
1450        
1450<script type="text/javascript">
1451
1452        tarteaucitron.user.matomoId = 6;
1453        (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack');
1454
1455
1456        (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
1457        (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion');
1458        (tarteaucitron.job = tarteaucitron.job || []).push('vimeo');
1459        (tarteaucitron.job = tarteaucitron.job || []).push('othervideo');
1460
1461            </script>
1461
1462
1463
1464        
1464<script>
1465            $(document).ready(function () {
1466                $("#search-month").change(function () {
1467                    var monthUrl = this.value;
1468                    var selected = $("#search-category").val() || [];
1469                    if (selected.length > 0) {
1470                        var url = new URL(monthUrl, window.location.origin);
1471                        selected.forEach(function(id) {
1472                            url.searchParams.append('categories[]', id);
1473                        });
1474                        window.location.href = url.toString();
1475                    } else {
1476                        window.location.href = monthUrl;
1477                    }
1478                });
1479                $("#search-category").change(function () {
1480                    var selected = $(this).val() || [];
1481                    var url = new URL(window.location.href);
1482                    url.searchParams.delete('categories[]');
1483                    url.searchParams.delete('page');
1484                    selected.forEach(function(id) {
1485                        url.searchParams.append('categories[]', id);
1486                    });
1487                    window.location.href = url.toString();
1488                });
1489            });
1490        </script>
1490
1491    
1492    
1492<script type="text/javascript">
1493            </script>
1493
1494
1495<script>
1496    (function (i, s, o, g, r, a, m) {
1497        i['InstanaEumObject'] = r;
1498        i[r] = i[r] || function () {
1499            (i[r].q = i[r].q || []).push(arguments)
1500        }, i[r].l = 1 * new Date();
1501        a = s.createElement(o),
1502            m = s.getElementsByTagName(o)[0];
1503        a.async = 1;
1504        a.src = g;
1505        m.parentNode.insertBefore(a, m)
1506    })(window, document, 'script', '//eum.instana.io/eum.min.js', 'ineum');
1507    ineum('reportingUrl', 'https://eum-eu-west-1.instana.io');
1508    ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA');
1509
1510    // set the name of a page on which this load/errors/calls happened
1511    ineum('page', 'front-site');
1512</script>
1512
1513
1514<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1514
1515
1516<script type="text/javascript">
1517    var CaptchaCallback = function () {
1518        $('.h-recaptcha').each(function (index, el) {
1519            hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'});
1520        });
1521    };
1522</script>
1522
1523
1524<script>
1525    $(document).ready(function () {
1526
1527        $('.selectpicker').selectpicker({
1528            dropupAuto: false
1529        });
1530
1531        var input = $('input[type=file]');
1532
1533        input.on('change', function () {
1534            var list = $(this).parent().parent().parent().parent().find($('.listFiles'));
1535            list.empty();
1536
1537            for (var x = 0; x < this.files.length; x++) {
1538                var newFile = '<li>Fichier joint :  ' + this.files[x].name + ' (' + humanFileSize(this.files[x].size) + ')</li>';
1539//                    li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
1540                list.append(newFile);
1541            }
1542        });
1543
1544        $('.form-error').hide();
1545        $('#contactFormFooter').submit(function (e) {
1546            let form = $(this);
1547
1548            $.ajax({
1549                type: "POST",
1550                url: form.attr('action'),
1551                data: new FormData(form[0]),
1552                contentType: false,
1553                processData: false,
1554                beforeSend: function () {
1555                    form.find('.form-error').hide();
1556                    $('.formContactForm').attr('disabled', true);
1557                },
1558                success: function (response) {
1559                    hcaptcha.reset();
1560
1561                    if (response.status === 'KO') {
1562                        let errors = response.errors;
1563                        for (let index in errors) {
1564                            if (errors.hasOwnProperty(index)) {
1565                                let attr = errors[index];
1566                                let error = attr[Object.keys(attr)[0]];
1567                                form.find('#' + index + '-error').text(error).show();
1568                            }
1569                        }
1570                    } else {
1571
1572                        $('#contactFormFooter').css('display', 'none');
1573                        $('#messageSendedFormContactFooter').css('display', '');
1574                        form[0].reset();
1575                    }
1576                },
1577                complete: function () {
1578
1579                    $('.formContactForm').removeAttr('disabled');
1580                }
1581            });
1582
1583            return false;
1584        });
1585
1586        $('#contactFormContactFooter').on('hidden.bs.modal', function () {
1587            $('#contactFormFooter')[0].reset();
1588
1589            $('#contactFormFooter').css('display', '');
1590
1591            $('#messageSendedFormContactFooter').css('display', 'none');
1592
1593            $('.form-error').hide();
1594
1595            $('.listFiles').empty();
1596
1597            hcaptcha.reset();
1598        });
1599
1600
1601    });
1602
1603    function humanFileSize(size) {
1604        var i = Math.floor(Math.log(size) / Math.log(1024));
1605        return (size / Math.pow(1024, i)).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
1606    }
1607</script>
1607
1608
1609<script>
1610    $(function () {
1611
1612
1613        var numberAlerts = false;
1614
1615        var allAlerts = $('#alertsModal').find($('.alertsInfo'));
1616
1617        numberAlerts = allAlerts.length;
1618
1619        allAlerts.each(function (e) {
1620
1621            if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) {
1622                $('#alertsModal').modal('show');
1623            } else {
1624                $(this).remove();
1625                numberAlerts = numberAlerts - 1;
1626                setActiveAndDecrementNumber();
1627            }
1628
1629        });
1630
1631        $('.acceptCookiesAlerts').on('click', function (e) {
1632            e.preventDefault();
1633
1634            var currentDataId = $(this).attr('data-id');
1635
1636            sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1');
1637
1638            numberAlerts = numberAlerts - 1;
1639
1640            var currentParentNode = $(this).parent().parent().parent();
1641
1642            currentParentNode.removeClass('active');
1643            currentParentNode.remove();
1644
1645            setActiveAndDecrementNumber();
1646
1647        });
1648
1649        function setActiveAndDecrementNumber() {
1650            var newListOfAlerts = $('#alertsModal').find($('.alertsInfo'));
1651
1652            newListOfAlerts.each(function (index, e) {
1653                if (index == 0) {
1654                    $(this).addClass('active');
1655                }
1656            });
1657
1658            if (numberAlerts == 0) {
1659                $('#alertsModal').modal('hide');
1660            }
1661        }
1662
1663        var currentColorControl = '#212529';
1664
1665        $('#controlPrev').css('color', 'initial !important');
1666        $('#controlNext').css('color', 'initial !important');
1667        $('#controlPrev').on('mouseover', function () {
1668
1669            $(this).css('color', 'initial !important');
1670        });
1671
1672        $('#controlNext').on('mouseover', function () {
1673
1674            $(this).css('color', 'initial !important');
1675        });
1676
1677    });
1678</script>
1678
1679</body>
1680</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.