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