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