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'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 "Via Allier" 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'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'Art et d'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'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'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">×</span> 1004 1005 <!-- Navigation Buttons --> 1006 <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">❮</a> 1007 <a id="nextImage" class="modal-nav next" href="javascript:void(0)">❯</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'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">×</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'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 à partir de ce formulaire sont nécessaires à la gestion de votre demande par notre Structure qui est responsable du traitement de vos données personnelles collectées.<br /> 1383Vos donn<span style="color:null"><span style="background-color:null">ées personnelles reçues sont conservées par notre Structure pendant toute la durée nécessaire au traitement de votre demande ou bien pour une durée de […….] mois maximum à compter du dernier contact. Dans la limite de leurs attributions respectives, sont destinataires de tout ou partie des données les services et représentants de notre Structure en charge des réponses aux demandes émises via ce formulaire. Aucun transfert de vos données hors de l'Union européenne n'est réalisé. </span><br /> 1384<span style="background-color:null">Vous pouvez à tout moment demander l’accès, la rectification, l’effacement, la portabilité ou la limitation de vos données, ou bien vous opposer à leur traitement, en contactant le Délégué à la Protection des Données de notre structure : </span><br /> 1385<span style="background-color:null">- Par voie électronique à l’adresse : […….] ; </span><br /> 1386<span style="background-color:null">- Par voie postale à l’attention du Délégué à la Protection des Données et à l’adresse suivante : […….]. </span><br /> 1387<span style="background-color:null">Si vous estimez, après nous avoir contactés, que vos droits sur vos données personnelles ne sont pas respectés, vous pou</span></span>vez adresser une réclamation à 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">×</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.