1<!DOCTYPE html> 2<html dir="ltr" lang="fr"> 3<head> 4 <title> 5 Commune de Mourioux-Vieilleville - Site officiel de la mairie de Mourioux-Vieilleville </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 51<meta name="Description" content=""> 52<meta name="Keywords" content="Creuse,Mairie,Commune,Mourioux,Vieilleville,Mourioux-Vieilleville"> 53<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 54<meta charset="UTF-8"> 55 56 <!-- Matomo -->
57<script> 58 var _paq = window._paq = window._paq || []; 59 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 60 _paq.push(['trackPageView']); 61 _paq.push(['enableLinkTracking']); 62 (function() { 63 var u="//matomo-client.neopse.com/"; 64 _paq.push(['setTrackerUrl', u+'matomo.php']); 65 _paq.push(['setSiteId', '682']); 66 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 67 g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 68 })(); 69</script>
69 70<!-- End Matomo Code --> 71 <link rel="apple-touch-icon" href="https://static.neopse.com/thumbs/p/4615/site/12/33/3e/12333e73ae7d032415cb9b5d374581c6b292dc50.png?v=v1"> 72 <link rel="icon" href="https://static.neopse.com/thumbs/p/4615/site/12/33/3e/12333e73ae7d032415cb9b5d374581c6b292dc50.png?v=v1"> 73 <link rel="preconnect" href="https://fonts.googleapis.com"> 74 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 75 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Material+Icons" rel="stylesheet"> 76 <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"> 77 78 <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'> 79 <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'> 80 <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'> 81 <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'> 82 <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'> 83 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css"> 84 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" /> 85 <link href="/tpl/2/css/style.css" rel="stylesheet" type='text/css'> 86 87 <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/> 88 <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/> 89 90 <style class="notranslate">.bg_bloc { background-color: #D0F2EA !important; } 91 .table td, .table, .table thead th { border-color: #D0F2EA !important; } 92 .bg_bloc .dropdown-toggle, 93 .bg_bloc .dropdown-menu { 94 background-color: #D0F2EA !important; 95 border-color: #D0F2EA !important; 96 } 97 .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{ 98 border-color: #D0F2EA !important; 99 } 100 101 .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #D0F2EA !important; } 102 103 .fc-unthemed td.fc-today{ 104 background: #D0F2EA !important; 105 } 106 107 .cookies .btn{ color: #D0F2EA !important; }header.intro { background-image: url(https://static.neopse.com/medias/p/4615/site/cb/69/99/cb699989a67fb4c2f244c7126597d99674da66e4.JPG?v=v1); background-position: center; background-repeat: repeat; }body { background-color: #FFFFFF; }body { background-image: url(https://static.neopse.com/assets/img/textures/brushed-alum.png?v=v1); background-position: center; background-repeat: repeat; }.text_bloc {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; }body, .lead, .heading { font-family: Arial, Helvetica, sans-serif !important; }#footer .footer-links.bg { background-color: #55B559; }#footer .footer-links.bg { background-image: url(https://static.neopse.com/assets/img/textures/diagonal-striped-brick.png?v=v1); background-position: center; background-repeat: repeat; }nav.navbar.bg { background-color: #17A9FF; }nav.navbar.bg { background-image: url(https://static.neopse.com/assets/img/textures/arches.png?v=v1); background-position: center; background-repeat: repeat; }body, .c_title, .c_text { color: #000000; } 108 .navbar-toggler.c_text{ border-color: #000000; } 109 .intern-page .en-tete{ border-left-color: #000000;} 110 .bootstrap-select .dropdown-menu li a{ 111 color: #000000; 112 } 113 .c_text .dropdown-toggle { color: #000000 !important; }.navbar .dropdown-menu { background-color: #0F9DE8; }#footer .footer-links .c_text { color: #FFFFFF; }.searchbar .c_text { color: #FFFFFF; } 114 .searchbar ::placeholder { color: #FFFFFF; }#footer .footer-links .c_title { color: #FFFFFF; } #footer .footer-links .c_title:before { background-color: #FFFFFF; }nav.navbar .c_text { color: #FFFFFF; } 115 .navbar-toggler.c_text{ border-color: #FFFFFF !important; }nav.navbar .h_text:hover { color: #C137D2; }#footer .footer.bg { background-color: #47A5B6; }#footer .footer.bg { background-image: url(https://static.neopse.com/assets/img/textures/brushed-alum.png?v=v1); background-position: center; background-repeat: repeat; }.breadcrumb.bg { background-color: #9FD4ED; }.breadcrumb.bg { background-image: url(https://static.neopse.com/assets/img/textures/brushed-alum.png?v=v1); background-position: center; background-repeat: repeat; }nav.navbar .dropdown-menu .h_text:hover { color: rgba(52,69,94,0.95); }#w_headline { background-color: #C0E2EF; }nav.navbar .h_text:hover { background-color: #FFFFFF; }#footer .footer .c_text { color: #FFFFFF; }#w_3l6kfzapj .bg { background-color: #FFFFFF; }#w_3l6kfzapj .bg { background-image: url(https://static.neopse.com/assets/img/textures/diagonales-decalees.png?v=v1); background-position: center; background-repeat: repeat; }#w_bhx0a911l .bg { background-color: #55B559; }#w_bhx0a911l .bg { background-image: url(https://static.neopse.com/assets/img/textures/brushed-alum.png?v=v1); background-position: center; background-repeat: repeat; }#w_headline .c_btn { color: #788387; border-color: #788387; } 116 #w_headline .c_btn:hover { background-color: #788387; } 117 #w_headline .carousel-indicators li { background-color: #788387;opacity:0.5; } 118 #w_headline .carousel-indicators .active { background-color: #788387;opacity: 1; }#w_i40ismoy0 .bg { background-color: #FFFFFF; }#w_i40ismoy0 .bg { background: url(https://static.neopse.com/medias/p/4615/site/d3/73/c2/d373c2f96a83592a28b5c5e3664107e0a1cffa0f.jpg?v=v1); background-position: center; background-repeat: repeat; }.navbar .dropdown-menu .h_text:hover { background-color: #FFFFFF; }#footer .footer .c_title { color: #FFFFFF; } 119 #footer .footer .c_title:before { background-color: #FFFFFF; }#w_3l6kfzapj .c_btn { color: #D5E7E9; border-color: #D5E7E9; } 120 #w_3l6kfzapj .c_btn:hover { background-color: #D5E7E9; } 121 #w_3l6kfzapj .slick-dots li button { background-color: #D5E7E9;opacity:0.5; } 122 #w_3l6kfzapj .slick-dots li.slick-active button { background-color: #D5E7E9; opacity: 1 !important;}#w_3l6kfzapj .h_btn:hover { color: #5AD9E7; }#w_bhx0a911l .c_btn { color: #D5E7E9; border-color: #D5E7E9; } 123 #w_bhx0a911l .c_btn:hover { background-color: #D5E7E9; } 124 #w_bhx0a911l .slick-dots li button { background-color: #D5E7E9;opacity:0.5; } 125 #w_bhx0a911l .slick-dots li.slick-active button { background-color: #D5E7E9; opacity: 1 !important;}#w_bhx0a911l .h_btn:hover { color: #5AD9E7; }#w_headline .c_text { color: #EAA013; }#w_i40ismoy0 .c_btn, #w_i40ismoy0 .card-icon-date .day { color: #000000; border-color: #000000; } #w_i40ismoy0 .slick-dots li button { background-color: #000000;opacity:0.5; } #w_i40ismoy0 .c_btn:hover, #w_i40ismoy0 .owl-theme .owl-dots .owl-dot.active span, #w_i40ismoy0 .owl-theme .owl-dots .owl-dot:hover span, #w_i40ismoy0 .card-icon-date .month, #w_i40ismoy0 .slick-dots li.slick-active button { background-color: #000000; opacity: 1 !important;}#w_i40ismoy0 .h_btn:hover { color: #5AD9E7; }#w_headline .c_title { color: #000000 !important; }#w_i40ismoy0 .c_text { color: #FFFFFF; }#w_3l6kfzapj .c_title { color: #E9BB0A; } #w_3l6kfzapj .c_title:before { background-color: #E9BB0A; }#w_bhx0a911l .c_title { color: #FFFFFF; } 126 #w_bhx0a911l .c_title.dark:before { background-color: #FFFFFF; }#w_i40ismoy0 .c_title { color: #FFFFFF; } 127 #w_i40ismoy0 .c_title:before { background-color: #FFFFFF; }#w_bhx0a911l .bg_text { background-color: #BCE8EE; }#w_i40ismoy0 .bg_text { background-color: #40BEEB; }/*np-dropdowns*/.bootstrap-select{background-color:#D0F2EA!important;}.bootstrap-select .dropdown-menu{background-color:#D0F2EA!important;border-color:#D0F2EA!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:#D0F2EA!important;}.bootstrap-select,.bootstrap-select .dropdown-toggle,.bootstrap-select .dropdown-toggle::after,.bootstrap-select .dropdown-menu,.bootstrap-select .dropdown-menu .c_text,.bootstrap-select .dropdown-menu .dropdown-item,.bootstrap-select .dropdown-menu .dropdown-item:hover,.bootstrap-select .dropdown-menu .dropdown-item:focus,.bootstrap-select .dropdown-menu .dropdown-item.active,.bootstrap-select .dropdown-menu .dropdown-item.selected,.bootstrap-select .dropdown-menu li a,.bootstrap-select .dropdown-menu .text{color:#000000!important;}</style> 128 129 <meta property="og:url" content=""> 130 <meta property="og:type" content="website"> 131 <meta property="og:title" content="Commune de Mourioux-Vieilleville"> 132 <meta property="og:description" content=""> 133 134
134<script src="/js/vendor/jquery-3.2.1.min.js"></script>
134 135 136 137 <!-- Matomo --> 138
138<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
138 139 <!-- End Matomo Code --> 140</head> 141<body class="bg_body"> 142 143<header role="banner"><nav role="navigation" class="navbar navbar-fixed-left bg"> 144 <div class="ov"></div> 145 146 <div class="container"> 147 148 <!-- Logo --> 149 <div class="navbar-header"> 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/4615/site/58/8d/68/588d683e7ce4ded3e79cc392f0bcc32a1e313f8c.png"> 154 <img role="img" src="https://static.neopse.com/medias/p/4615/site/58/8d/68/588d683e7ce4ded3e79cc392f0bcc32a1e313f8c.png" alt="Logo Commune de Mourioux-Vieilleville" loading="eager"> 155 </picture> 156 <span>Commune de Mourioux-Vieilleville</span> 157 </h1> 158 </a> 159 </div> 160 161 <!-- Mobile button --> 162 <button class="navbar-toggler c_text" 163 type="button" 164 data-toggle="collapse" 165 data-target="#navbar" 166 aria-controls="navbar" 167 aria-expanded="false" 168 aria-label="Toggle navigation"> 169 <span class="navbar-toggler-icon"> 170 <i class="material-icons notranslate">menu</i> 171 </span> 172 </button> 173 174 <div class="collapse navbar-collapse" id="navbar"> 175 <ul class="nav navbar-nav"> 176 177 <li class="nav-item dropdown"> 178 <a class="nav-link c_text h_text" href="/" role="button"> 179 <i class="material-icons">home</i> 180 </a> 181 </li> 182 183 184 <li class="nav-item dropdown"> 185 <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown1" role="button" 186 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 187 Conseil municipal 188 </a> 189 <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown1"> 190 <div class="dropdown-menu-image" aria-hidden="true" 191 style="background-image: url(https://static.neopse.com/thumbs/p/4615/site/a7/d3/75/a7d375c21b2c8a17549d633485c67569d9762376.png?v=v1);"></div> 192 193 <div class="divider"> 194 195 196 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 197 href="/fr/tb/1921623/trombinoscope-335"> 198 Trombinoscope 199 </a> 200 201 202 203 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 204 href="/fr/rb/1424763/conseil-municipal-215"> 205 Conseil municipal 206 </a> 207 208 209 210 211 212 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 213 href="/fr/rp/1921467/comptes-rendus-802"> 214 Comptes rendus 215 </a> 216 217 218 219 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 220 href="/fr/rb/1424828/publications-57"> 221 Publications 222 </a> 223 224 225 226 227 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 228 href="/fr/rb/1424776/commissions-communales-29"> 229 Commissions communales 230 </a> 231 232 233 234 235 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
236 href="/fr/rb/1552514/conseillers-referents"> 237 Conseillers référents 238 </a> 239 240 241 242 243 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 244 href="/fr/rb/2375440/syndicats-intercommunaux-17"> 245 Syndicats intercommunaux 246 </a> 247 248 249 250 251 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 252 href="/fr/rb/2375453/representant-de-la-commune-au-conseil-communautaire"> 253 Représentant de la commune au conseil communautaire 254 </a> 255 256 257 258 </div> 259 260 </div> 261 </li> 262 263 264 <li class="nav-item dropdown"> 265 <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown2" role="button" 266 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 267 Vivre à Mourioux-Vieilleville 268 </a> 269 <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown2"> 270 <div class="dropdown-menu-image" aria-hidden="true" 271 style="background-image: url(https://static.neopse.com/thumbs/p/4615/site/2d/52/e3/2d52e360eb785197c6bf3adcfc383edca68ae004.png?v=v1);"></div> 272 273 <div class="divider"> 274 275 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 276 href="/fr/rb/1492987/presentation-152"> 277 Présentation 278 </a> 279 280 281 282 283 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 284 href="/fr/rb/1424893/lecole-de-mourioux"> 285 L'école de Mourioux 286 </a> 287 288 289 290 291 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 292 href="/fr/rb/1424945/a-la-decouverte-du-patrimoine"> 293 A la découverte du patr
293imoine 294 </a> 295 296 297 298 299 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 300 href="/fr/rb/1552579/les-activites-de-plein-air"> 301 Les activités de plein air 302 </a> 303 304 305 306 </div> 307 308 </div> 309 </li> 310 311 312 <li class="nav-item dropdown"> 313 <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown3" role="button" 314 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 315 Annuaires 316 </a> 317 <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown3"> 318 <div class="dropdown-menu-image" aria-hidden="true" 319 style="background-image: url(https://static.neopse.com/thumbs/p/4615/site/63/10/d0/6310d017bd907a0a976472efc2b5746f58b8dce2.png?v=v1);"></div> 320 321 <div class="divider"> 322 323 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 324 href="/fr/rb/1424971/annuaire-des-professionnels-15"> 325 Annuaire des professionnels 326 </a> 327 328 329 330 331 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 332 href="/fr/rb/1425010/annuaire-de-la-sante-et-des-services-a-la-personne"> 333 Annuaire de la santé et des services à la personne 334 </a> 335 336 337 338 339 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 340 href="/fr/rb/1425023/annuaire-des-associations-25"> 341 Annuaire des associations 342 </a> 343 344 345 346 347 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 348 href="/fr/rb/1425036/annuaire-touristique-10"> 349 Annuaire touristique 350 </a> 351 352 353 354 </div> 355 356 </div> 357 </li> 358 359 360 <li class="nav-item dropdown"> 361 <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown4" role="button" 362 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 363 Services et informations pratiques 364 </a> 365 <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown4"> 366 <div class="dropdown-menu-image" aria-hidden="true" 367 style="background-image: url(https://static.neopse.com/thumbs/p/4615/site/8f/b6/87/8fb68787a0050454f90ec4ad9db8344edcf729cd.png?v=v1);"></div> 368 369 <div class="divider"> 370 371 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 372 href="/fr/rb/1424789/services-municipaux-119"> 373 Services municipaux 374 </a> 375 376 377 378 379 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 380 href="/fr/rb/1425088/urbanisme-380"> 381 Urbanisme 382 </a> 383 384 385 386 387 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 388 href="/fr/rb/1425101/location-de-la-salle-polyvalente-2"> 389 Location de la salle polyvalente 390 </a> 391 392 393 394 395 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 396 href="/fr/rb/1425140/bibliotheque-4"> 397 Bibliothèque 398 </a> 399 400 401 402 403 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 404 href="/fr/rb/1425179/assainissement-eau"> 405 Assainissement & Eau 406 </a> 407 408 409 410 411 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 412 href="/fr/rb/1470718/dechets-32"> 413 Déchets 414 </a> 415 416 417 418 419 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 420 href="/fr/rb/1476672/cimetieres-31"> 421 Cimetières 422 </a> 423 424 425 426 427 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 428 href="/fr/rb/1476711/lagence-postale-communale-10"> 429 L'Agence postale Communale 430 </a> 431 432 433 434 435 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 436 href="/fr/rb/1425192/dicrim-15"> 437 DICRIM 438 </a> 439 440 441 442 443 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 444 href="/fr/rb/1425075/guide-des-demarches-administratives-3"> 445 Guide des démarches administratives 446 </a> 447 448 449 450 </div> 451 452 </div> 453 </li> 454 455 456 457 </ul> 458 </div> 459 </div> 460</nav> 461</header> 462 463<main role="main"> 464 <div class="main home"> 465 <header class="intro bandeau bg header"> 466 <div class="ov"></div> 467 468 <!-- Search box with direct access --> 469 <div class="research-container"> 470 471 <div id="w_oneclick"> 472 473 </div> 474 475 </div> 476 477 </header> 478 479 <div class="position-relative"> 480 <div id="w_headline"> 481 <div class="news bg" id="w_headline"> 482 <div class="ov"></div> 483 <h2 class="h2 d_title c_title position-relative">A LA UNE</h2> 484 485 <div id="carouselIndicators" class="carousel slide" data-ride="carousel"> 486 <div class="carousel-inner"> 487 </div> 488 489 <!-- Bullet navigation --> 490 <ol class="carousel-indicators"> 491 </ol> 492 </div> 493</div> 494 495 </div> 496 497 </div> 498 499 <div id="w_bhx0a911l"> 500 <!-- Actualités --> 501<section class="bg actu"> 502 <div class="ov"></div> 503 504 <div class="container"> 505 <div class="title-container clearfix"> 506 <h2 class="title c_title d_title">Actualités</h2> 507 <a href="/fr/nw/1921116/actualites-1324" class="btn-outline btn-right c_btn h_btn" aria-label="Voir tout">Voir tout</a> 508 </div> 509 510 <div class="carousel-3"> 511 <a href="/fr/nw/1921116/2995241/sie-ardour" class="card card-img-top item bg_text" aria-label="Actualité: SIE ARDOUR"> 512 <div class="card-button black width-ratio size-4-3" style="background-image:url(https://static.neopse.com/thumbs/p/4615/site/92/53/e5/9253e5a35c3b0110e0ea2fb423b40cfea7dc0246.png?v=v1)" title="SIE ARDOUR"></div> 513 <div class="card-body"> 514 <h3 class="card-title c_text h6">SIE ARDOUR</h3> 515 <p class="card-text c_text">INFORMATION IMPORTANTE CONCERNANT LA PRÃVENTION DE NOTRE RESSOURCE EN EAU POTABLE</p> 516 </div> 517 </a> 518 <a href="/fr/nw/1921116/2995098/prochain-don-de-sang" class="card card-img-top item bg_text" aria-label="Actualité: PROCHAIN DON DE SANG"> 519 <div class="card-button black width-ratio size-4-3" style="background-image:url(https://static.neopse.com/thumbs/p/4615/site/b8/b3/a5/b8b3a5d2ccb28a2c115bd7ad91cc759a8ac7381b.png?v=v1)" title="PROCHAIN DON DE SANG"></div> 520 <div class="card-body"> 521 <h3 class="card-title c_text h6">PROCHAIN DON DE SANG</h3> 522 <p class="card-text c_text">MERCREDI 21 OCTOBRE 2026 523DE 15H A 19H 524SALLE POLYVALENTE 52518 RUE DU STADE</p> 526 </div> 527 </a> 528 <a href="/fr/nw/1921116/2961753/eau-chaque-geste-compte" class="card card-img-top item bg_text" aria-label="Actualité: EAU : CHAQUE GESTE COMPTE"> 529 <div class="card-button black width-ratio size-4-3" style="background-image:url(https://static.neopse.com/thumbs/p/4615/site/ab/97/09/ab9709442243884a3ba5d668436841f91c59b8d0.png?v=v1)" title="EAU : CHAQUE GESTE COMPTE"></div> 530 <div class="card-body"> 531 <h3 class="card-title c_text h6">EAU : CHAQUE GESTE COMPTE</h3> 532 <p class="card-text c_text"></p> 533 </div> 534 </a> 535 <a href="/fr/nw/1921116/2978263/cours-de-gym-ufolep-1" class="card card-img-top item bg_text" aria-label="Actualité: COURS DE GYM UFOLEP"> 536 <div class="card-button black width-ratio size-4-3" style="background-image:url(https://static.neopse.com/thumbs/p/4615/site/43/d4/32/43d43286f4371826438ae929420a57f7c3ccac78.png?v=v1)" title="COURS DE GYM UFOLEP"></div> 537 <div class="card-body"> 538 <h3 class="card-title c_text h6">COURS DE GYM UFOLEP</h3> 539 <p class="card-text c_text">Tous les lundi de 18h45 à 19h45</p> 540 </div> 541 </a> 542 <a href="/fr/nw/1921116/2978250/cours-de-gym-ufolep" class="card card-img-top item bg_text" aria-label="Actualité: COURS DE GYM UFOLEP"> 543 <div class="card-button black width-ratio size-4-3" style="background-image:url(https://static.neopse.com/thumbs/p/4615/site/77/3c/d4/773cd40254dbee3de09555949cdea43bb625f64e.png?v=v1)" title="COURS DE GYM UFOLEP"></div> 544 <div class="card-body"> 545 <h3 class="card-title c_text h6">COURS DE GYM UFOLEP</h3>
546 <p class="card-text c_text">Les lundis de 17h30à 18h30</p> 547 </div> 548 </a> 549 <a href="/fr/nw/1921116/2968110/reprise-des-activites-du-club-de-l-amitie" class="card card-img-top item bg_text" aria-label="Actualité: REPRISE DES ACTIVITÃS DU CLUB DE L'AMITIÃ"> 550 <div class="card-button black width-ratio size-4-3" style="background-image:url(https://static.neopse.com/thumbs/p/4615/site/b7/5c/a0/b75ca0c8fdbb41429ac765a2482bab497db018da.png?v=v1)" title="REPRISE DES ACTIVITÃS DU CLUB DE L'AMITIÃ"></div> 551 <div class="card-body"> 552 <h3 class="card-title c_text h6">REPRISE DES ACTIVITÃS DU CLUB DE L'AMITIÃ</h3> 553 <p class="card-text c_text">GYM - JEU</p> 554 </div> 555 </a> 556 <a href="/fr/nw/1921116/2906061/peche-interdite" class="card card-img-top item bg_text" aria-label="Actualité: PECHE INTERDITE"> 557 <div class="card-button black width-ratio size-4-3" style="background-image:url(https://static.neopse.com/thumbs/p/4615/site/ca/a6/bd/caa6bde99aafd7fdd0bfeab7ab50485e06e56d8a.png?v=v1)" title="PECHE INTERDITE"></div> 558 <div class="card-body"> 559 <h3 class="card-title c_text h6">PECHE INTERDITE</h3> 560 <p class="card-text c_text">ÃTANG DE VIEILLEVILLE PÃCHE INTERDITE</p> 561 </div> 562 </a> 563 <a href="/fr/nw/1921116/2406835/operation-recuperateur-deau-pluviale-2026" class="card card-img-top item bg_text" aria-label="Actualité: OPERATION "RECUPERATEUR D'EAU PLUVIALE" 2026"> 564 <div class="card-button black width-ratio size-4-3" style="background-image:url(https://static.neopse.com/thumbs/p/4615/site/b8/34/9e/b8349ea509aac18b8582144b6046d3319ff2cd00.png?v=v1)" title="OPERATION "RECUPERATEUR D'EAU PLUVIALE" 2026"></div> 565 <div class="card-body"> 566 <h3 class="card-title c_text h6">OPERATION "RECUPERATEUR D'EAU PLUVIALE" 2026</h3> 567 <p class="card-text c_text"></p> 568 </div> 569 </a> 570 <a href="/fr/nw/1921116/2609427/la-caravane-des-familles-au-1000-club" class="card card-img-top item bg_text" aria-label="Actualité: La caravane des familles au 1000 CLub"> 571 <div class="card-button black width-ratio size-4-3" style="background-image:url(https://static.neopse.com/thumbs/p/4615/site/82/cf/7f/82cf7f0fbaded894cff2f42fced9f0398f488f18.png?v=v1)" title="La caravane des familles au 1000 CLub"></div> 572 <div class="card-body"> 573 <h3 class="card-title c_text h6">La caravane des familles au 1000 CLub</h3> 574 <p class="card-text c_text"></p> 575 </div> 576 </a> 577 <a href="/fr/nw/1921116/2596960/le-magasine-dinformations-municipales" class="card card-img-top item bg_text" aria-label="Actualité: Le magasine d'informations municipales"> 578 <div class="card-button black width-ratio size-4-3" style="background-image:url(https://static.neopse.com/thumbs/p/4615/site/f5/9b/55/f59b557d281f35f76cb49080578b1451cbdcd76e.png?v=v1)" title="Le magasine d'informations municipales"></div> 579 <div class="card-body"> 580 <h3 class="card-title c_text h6">Le magasine d'informations municipales</h3> 581 <p class="card-text c_text"></p> 582 </div> 583 </a> 584 </div> 585 </div> 586</section> 587 588 </div> 589 <div id="w_3l6kfzapj"> 590 <section class="bg background-offset"> 591 <div class="ov"></div> 592 <div class="container"> 593 <div class="title-container clearfix"> 594 <h2 class="title c_title d_title">Galerie de photos</h2> 595 <a href="/fr/pc/2016627/galeries-de-photos-33" class="btn-outline btn-right c_btn h_btn" aria-label="Voir tout">Voir tout</a> 596 </div> 597 598 <div class="bloc-diapo block-gallery"> 599 600 <div class="splide centerSplide" id="splideshow-164747223"> 601 <div class="splide__track"> 602 <ul class="splide__list"> 603 <li class="splide__slide"> 604 <img role="img" class="img" src="https://static.neopse.com/medias/p/4615/site/99/d1/1f/99d11f38ba45ddc109afdbe6c4ff2824f9f8aadc.jpg?v=v1" alt="IMG_mour.jpg"> 605 </li> 606 <li class="splide__slide"> 607 <img role="img" class="img" src="https://static.neopse.com/medias/p/4615/site/e5/d2/ac/e5d2ace29acf7d2
60760c6c4d2dfc33b0ec97fee9ad.jpg?v=v1" alt="1-20200821_101242.jpg"> 608 </li> 609 <li class="splide__slide"> 610 <img role="img" class="img" src="https://static.neopse.com/medias/p/4615/site/21/0d/6d/210d6dd098ae4c4ee9ee35b49818da5d4b447050.jpg?v=v1" alt="EGLISE.jpg"> 611 </li> 612 <li class="splide__slide"> 613 <img role="img" class="img" src="https://static.neopse.com/medias/p/4615/site/10/11/86/1011867c2965759645ba8cc3eef6337aac5314a4.JPG?v=v1" alt="_MG_4762.JPG"> 614 </li> 615 <li class="splide__slide"> 616 <img role="img" class="img" src="https://static.neopse.com/medias/p/4615/site/6c/21/76/6c21765e94dfe0ec665a03816d61f9da11269dbf.jpg?v=v1" alt="pont.jpg"> 617 </li> 618 <li class="splide__slide"> 619 <img role="img" class="img" src="https://static.neopse.com/medias/p/4615/site/72/62/c6/7262c698d9fb9dd08b68575c678f6cfdf77eacf3.jpg?v=v1" alt="IMG_8068.jpg"> 620 </li> 621 <li class="splide__slide"> 622 <img role="img" class="img" src="https://static.neopse.com/medias/p/4615/site/8d/a5/ff/8da5ff12d08852ef6febd97f705435668c449f12.jpg?v=v1" alt="IMG_1317V2RModifie.jpg"> 623 </li> 624 </ul> 625 </div> 626 </div> 627 628</div> 629 </div> 630</section> 631 632 </div> 633 <div id="w_i40ismoy0"> 634 <section class="bg events"> 635 <div class="ov"></div> 636 <div class="container"> 637 638 <div class="title-container clearfix"> 639 <h2 class="title c_title d_title">Agenda</h2> 640 <a href="/fr/ev/1921155/agenda-1319" class="btn-outline btn-right c_btn h_btn" aria-label="Voir tout">Voir tout</a> 641 </div> 642 643 <div class="eventCarousel1"> 644 </div> 645 </div> 646</section> 647 648 </div> 649 650 651 </div> 652 </main> 653 654<div class="main"> 655 656 <div id="footer"> 657 <footer role="contentinfo" class="footer footer1 bg"> 658 <div class="ov"></div> 659 <div class="container d-flex flex-wrap"> 660 <div class="footer-container"> 661 <h2 class="title light c_title d_title btn-line"><a 662 href="/fr/ct/1921038/contacts-1186">Contacts</a></h2> 663<div class="footer-box"> 664 <div class="contact c_text"> 665 <p class="font-weight-bold mb-0">Commune de Mourioux-Vieilleville</p> 666 <p class="mb-0">Place Saint-Rémi</p> 667 <p class="mb-0">23210 Mourioux-Vieilleville - FRANCE</p> 668 <p class="mb-0"><a href="tel:+33555620034">+33 5 55 62 00 34</a> 669 </p> 670 671 </div> 672</div> 673 674 675 <div class="social-media"> 676 <ul class="c_text"> 677 <li><a href="https://www.facebook.com/profile.php?id=100077065976817" class="icon-facebook" title="facebook" target="_blank"></a></li> 678 </ul> 679</div> 680 681 682 </div> 683 </div> 684 </footer> 685 686 <section class="bg footer-links footer2"> 687 <div class="ov"></div> 688 <div class="container d-flex flex-wrap"> 689 <div class="footer-container"> 690 <h2 class="title-container clearfix mb-3"> 691 <a href="/fr/lk/1921233/liens-1312" 692 class="title c_title d_title">Liens</a> 693 </h2> 694 <div class="links c_text row linksCustom"> 695 <p class="col-8 col-md-8"> 696 <a href="https://www.croixencreuse.com/" target="_blank">Croix en Creuse</a> 697 </p> 698 <p class="col-8 col-md-8"> 699 <a href="http://www.inspirez-vos-vacances-en-creuse.fr/" target="_blank">Office de tourisme Bénévent - Le Grand Bourg</a> 700 </p> 701 <p class="col-8 col-md-8"> 702 <a href="https://benevent-legrandbourg.fr/fr/" target="_blank">Communauté de communes Bénévent Grand Bourg</a> 703 </p> 704 <p class="col-8 col-md-8"> 705 <a href="https://comitedesfetesmouriouxvieilleville.asso-web.com/" target="_blank">Comité des Fêtes Mourioux-Vieilleville</a> 706 </p> 707 </div> 708</div> 709 710 711 712 713 714 </div> 715 <div class="container d-flex flex-wrap" style="justify-content:center;"> 716 <p class="mt-0 mb-0 c_text"><a href="/fr/li/1921077/mentions-legales-1389">Mentions légales</a> 717</p>
718 <span class="c_text" style="margin: 0 8px;">-</span> 719 <p class="mt-0 mb-0 c_text"><a href="/fr/1921077/politique-confidentialite">Politique de confidentialité</a> 720</p> 721 <span class="c_text" style="margin: 0 8px;">-</span> 722 <p class="mt-0 mb-0 c_text"><a href="/fr/accessibilite">Accessibilité</a> 723</p> 724 <span class="c_text" style="margin: 0 8px;">-</span> 725 726 <p class="mt-0 mb-0 c_text"><a href="/fr/sm/119982/plan-du-site-1" >Plan du site</a></p> 727 <span class="c_text" style="margin: 0 8px;">-</span> 728 <p class="mt-0 mb-0 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p> 729 </div> 730 </section> 731</div> 732 733<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true" 734 style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);"> 735 <div class="modal-dialog" role="document"> 736 <div class="modal-content"> 737 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 738 <span aria-hidden="true">×</span> 739 </button> 740 741 <div class="modal-header bg_bloc text_bloc"> 742 </div> 743 <form id="contactFormFooter" action="/formMdContact" method="post" 744 novalidate enctype="multipart/form-data"> 745 <div class="modal-body pb-0"> 746 747 748 <div class="form-group"> 749 <div class="h-recaptcha m-auto d-inline-block"></div> 750 <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire 751 </div> 752</div> </div> 753 <div class="modal-footer"> 754 <button id="formContactForm" type="submit" class="btn-outline btn-right c_btn h_btn formContactForm"></button> 755 </div> 756 <div class="m-3"> 757 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 /> 758Vos 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 /> 759<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 /> 760<span style="background-color:null">- Par voie électronique à l’adresse : […….] ; </span><br /> 761<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 /> 762<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. 763 </div> 764 </form> 765 766 <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none"> 767 <p role="status"></p> 768 </div> 769 </div> 770 </div> 771</div> 772 773 <div class="footer-bottom" style="position: relative;"> 774 <div class="container"> 775 <p> 776 777 <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank"> 778 <img role="img" src="/images/rdc-logo-footer-2.png" alt="Logo Réseau des Communes" class="img-fluid">
779 Site créé en partenariat avec Réseau des Communes 780 </a> 781 </p> 782 </div> 783</div> 784 <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true"> 785 <div class="modal-dialog" role="document"> 786 <div class="modal-content"> 787 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 788 <span aria-hidden="true">×</span> 789 </button> 790 791 <embed type="application/pdf"> 792 </div> 793 </div> 794</div> 795 796 797</div> 798 799 <div id="previewModalImage" class="modal"> 800 801 <!-- The Close Button --> 802 <span id="closePreviewImage" class="close">×</span> 803 804 <!-- Navigation Buttons --> 805 <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">❮</a> 806 <a id="nextImage" class="modal-nav next" href="javascript:void(0)">❯</a> 807 808 <!-- Image Counter --> 809 <div id="imageCounter" class="image-counter"></div> 810 811 <!-- Modal Content (The Image) --> 812 <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div> 813 814 <!-- Modal Caption (Image Text) --> 815 <div id="captionPreviewImage"></div> 816 </div> 817 818
818<script> 819 (function() { 820 // Get the modal elements 821 const modal = document.getElementById('previewModalImage'); 822 const modalImg = modal.querySelector('img'); 823 const captionText = document.getElementById('captionPreviewImage'); 824 const closePreviewImage = document.getElementById('closePreviewImage'); 825 const prevBtn = document.getElementById('prevImage'); 826 const nextBtn = document.getElementById('nextImage'); 827 const imageCounter = document.getElementById('imageCounter'); 828 829 let currentImages = []; 830 let currentIndex = 0; 831 832 // Helper function to check if element is visible 833 function isVisible(element) { 834 return element && element.offsetParent !== null; 835 } 836 837 // Helper function to toggle element visibility 838 function toggleElement(element, show) { 839 if (element) { 840 element.style.display = show ? 'block' : 'none'; 841 } 842 } 843 844 // Function to update the modal with a specific image 845 function updateModal(index) { 846 if (currentImages.length === 0) return; 847 848 currentIndex = index; 849 const img = currentImages[currentIndex]; 850 modalImg.setAttribute('src', img.src); 851 modalImg.setAttribute('alt', img.alt || ''); 852 captionText.innerHTML = img.alt || ''; 853 854 // Update counter 855 imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length; 856 857 // Show/hide navigation buttons 858 const showNav = currentImages.length > 1; 859 toggleElement(prevBtn, showNav); 860 toggleElement(nextBtn, showNav); 861 toggleElement(imageCounter, showNav); 862 } 863 864 // Function to show next image 865 function showNext() { 866 if (currentImages.length === 0) return; 867 currentIndex = (currentIndex + 1) % currentImages.length; 868 updateModal(currentIndex); 869 } 870 871 // Function to show previous image 872 function showPrev() { 873 if (currentImages.length === 0) return; 874 currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length; 875 updateModal(currentIndex); 876 } 877 878 // Helper function to find closest ancestor with class 879 function closest(element, selector) { 880 if (!element) return null; 881 882 // For class selector (e.g., '.splide__slide') 883 if (selector.startsWith('.')) { 884 const className = selector.slice(1); 885 let current = element; 886 while (current && current !== document) { 887 if (current.classList && current.classList.contains(className)) { 888 return current; 889 } 890 current = current.parentElement; 891 } 892 } 893 return null; 894 } 895 896 // When clicking on an image 897 document.addEventListener('click', function(e) { 898 const target = e.target; 899 // Check if clicked element is an image with class .img or .main-img inside .splide 900 if (target.tagName === 'IMG' && 901 (target.classList.contains('img') || target.classList.contains('main-img')) && 902 closest(target, '.splide')) { 903 904 // Find the clicked image's parent slide 905 const clickedSlide = closest(target, '.splide__slide'); 906 if (!clickedSlide) return; 907 908 // Find the list that contains this slide 909 const splideList = closest(clickedSlide, '.splide__list'); 910 if (!splideList) return; 911 912 // Get all slides from this specific list 913 const allSlides = splideList.querySelectorAll('.splide__slide'); 914 915 // Get all images from these slides only, deduplicating by src 916 // (Splide duplicates slides in loop mode, so we need to filter duplicates) 917 currentImages = []; 918 const seenSrcs = new Set(); 919 const clickedSrc = target.src; 920
921 allSlides.forEach(function(slide) { 922 const slideImg = slide.querySelector('.img, .main-img'); 923 if (slideImg) { 924 const imgSrc = slideImg.src; 925 // Only add if we haven't seen this src before 926 if (!seenSrcs.has(imgSrc)) { 927 seenSrcs.add(imgSrc); 928 currentImages.push(slideImg); 929 } 930 } 931 }); 932 933 // Find the index of the clicked image by src (to handle duplicates) 934 currentIndex = currentImages.findIndex(function(img) { 935 return img.src === clickedSrc; 936 }); 937 938 if (currentIndex === -1) { 939 currentIndex = 0; // Fallback to first image 940 } 941 942 // Update and show modal 943 updateModal(currentIndex); 944 modal.style.display = 'block'; 945 } 946 }); 947 948 // Navigation button handlers 949 if (nextBtn) { 950 nextBtn.addEventListener('click', function (e) { 951 e.preventDefault(); 952 e.stopPropagation(); 953 showNext(); 954 }); 955 } 956 957 if (prevBtn) { 958 prevBtn.addEventListener('click', function (e) { 959 e.preventDefault(); 960 e.stopPropagation(); 961 showPrev(); 962 }); 963 } 964 965 // Keyboard navigation 966 document.addEventListener('keydown', function (e) { 967 // Check if modal is visible by checking display style 968 const isModalVisible = modal.style.display !== 'none' && 969 (modal.style.display === 'block' || 970 window.getComputedStyle(modal).display !== 'none'); 971 972 if (isModalVisible) { 973 if (e.key === 'ArrowRight' || e.keyCode === 39) { 974 e.preventDefault(); 975 showNext(); 976 } else if (e.key === 'ArrowLeft' || e.keyCode === 37) { 977 e.preventDefault(); 978 showPrev(); 979 } else if (e.key === 'Escape' || e.keyCode === 27) { 980 e.preventDefault(); 981 e.stopPropagation(); 982 modal.style.display = 'none'; 983 } 984 } 985 }); 986 987 // When the user clicks on <span> (x), close the modal 988 if (closePreviewImage) { 989 closePreviewImage.addEventListener('click', function () { 990 modal.style.display = 'none'; 991 }); 992 } 993 994 // Close modal when clicking outside the image 995 modal.addEventListener('click', function (e) { 996 if (e.target === modal) { 997 modal.style.display = 'none'; 998 } 999 }); 1000 })(); 1001 </script>
1001 1002 1003
1003<script src="/js/vendor/popper.min.js"></script>
1003 1004
1004<script src="/js/vendor/bootstrap.min.js"></script>
1004 1005 <!-- Carousel --> 1006
1006<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1006 1007
1007<script src='/dist/owlcarousel/js/owl.linked.js'></script>
1007 1008
1008<script src='/dist/slick/slick.js'></script>
1008 1009 1010
1010<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1010 1011
1011<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1011 1012 1013 1014
1014<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1014 1015 1016 <!-- Custom JS --> 1017
1017<script src="/js/shared.js?v1"></script>
1017 1018
1018<script src="/tpl/2/js/main.js"></script>
1018 1019
1019<script src="/lib/chartjs/Chart.js"></script>
1019 1020
1020<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1020 1021 1022
1022<script type="text/javascript"> 1023 1024 tarteaucitron.user.matomoId = 6; 1025 (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack'); 1026 1027 1028 (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); 1029 (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); 1030 (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); 1031 (tarteaucitron.job = tarteaucitron.job || []).push('othervideo'); 1032 1033 </script>
1033 1034 1035
1035<script> 1036 (function(i,s,o,g,r,a,m){i['InstanaEumObject']=r;i[r]=i[r]||function(){ 1037 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 1038 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 1039 })(window,document,'script','//eum.instana.io/eum.min.js','ineum'); 1040 ineum('reportingUrl', 'https://eum-eu-west-1.instana.io'); 1041 ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA'); 1042 1043 // set the name of a page on which this load/errors/calls happened 1044 ineum('page', 'front-site'); 1045 </script>
1045 1046 1047
1047<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1047 1048 1049
1049<script type="text/javascript"> 1050 var CaptchaCallback = function () { 1051 $('.h-recaptcha').each(function (index, el) { 1052 hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'}); 1053 }); 1054 }; 1055 </script>
1055 1056 1057
1057<script> 1058 $(document).ready(function () { 1059 1060 $('.selectpicker').selectpicker(); 1061 1062 // Smooth scroll 1063 $("a[href*='#']:not([href='#'])").click(function () { 1064 if (location.hostname == this.hostname && this.pathname.replace(/^\//, "") == location.pathname.replace(/^\//, "")) { 1065 var anchor = $(this.hash); 1066 anchor = anchor.length ? anchor : $("[name=" + this.hash.slice(1) + "]"); 1067 1068 if (anchor.length) { 1069 $("html, body").animate({scrollTop: anchor.offset().top - 90}, 1500); 1070 } 1071 } 1072 }); 1073 1074 var input = $('input[type=file]'); 1075 1076 input.on('change', function () { 1077 var list = $(this).parent().parent().parent().parent().find($('.listFiles')); 1078 list.empty(); 1079 1080 for (var x = 0; x < this.files.length; x++) { 1081 var newFile = '<li>Fichier joint : ' + this.files[x].name + ' ('+humanFileSize(this.files[x].size)+')</li>'; 1082// li.innerHTML = 'File ' + (x + 1) + ': ' + input.files[x].name; 1083 list.append(newFile); 1084 } 1085 }); 1086 1087 $('.form-error').hide(); 1088 $('#contactFormFooter').submit(function (e) { 1089 let form = $(this); 1090 1091 $.ajax({ 1092 type: "POST", 1093 url: form.attr('action'), 1094 data: new FormData(form[0]), 1095 contentType: false, 1096 processData: false, 1097 beforeSend: function () { 1098 form.find('.form-error').hide(); 1099 $('.formContactForm').attr('disabled', true); 1100 }, 1101 success: function (response) { 1102 hcaptcha.reset(); 1103 1104 if (response.status === 'KO') { 1105 let errors = response.errors; 1106 for (let index in errors) { 1107 if (errors.hasOwnProperty(index)) { 1108 let attr = errors[index]; 1109 let error = attr[Object.keys(attr)[0]]; 1110 form.find('#' + index + '-error').text(error).show(); 1111 } 1112 } 1113 } 1114 else { 1115 1116 $('#contactFormFooter').css('display', 'none'); 1117 $('#messageSendedFormContactFooter').css('display', ''); 1118 form[0].reset(); 1119 } 1120 }, 1121 complete: function () { 1122 1123 $('.formContactForm').removeAttr('disabled'); 1124 } 1125 }); 1126 1127 return false; 1128 }); 1129 1130 $('#contactFormContactFooter').on('hidden.bs.modal', function () { 1131 $('#contactFormFooter')[0].reset(); 1132 1133 $('#contactFormFooter').css('display', ''); 1134 1135 $('#messageSendedFormContactFooter').css('display', 'none'); 1136 1137 $('.form-error').hide(); 1138 1139 $('.listFiles').empty(); 1140 1141 hcaptcha.reset(); 1142 }); 1143 }); 1144 1145 function humanFileSize(size) { 1146 var i = Math.floor(Math.log(size) / Math.log(1024)); 1147 return ( size / Math.pow(1024, i) ).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; 1148 } 1149 </script>
1149 1150 1151
1151<script> 1152 $(function () { 1153 1154 1155 var numberAlerts = false; 1156 1157 var allAlerts = $('#alertsModal').find($('.alertsInfo')); 1158 1159 numberAlerts = allAlerts.length; 1160 1161 allAlerts.each(function (index) { 1162 1163 if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) { 1164 1165 if(index == 0){ 1166 $('#header'+$(this).attr('data-id')+'').removeClass('d-none'); 1167 } 1168 1169 $('#alertsModal').modal('show'); 1170 } else { 1171 $(this).remove(); 1172 $('#header'+$(this).attr('data-id')+'').remove(); 1173 numberAlerts = numberAlerts - 1; 1174 setActiveAndDecrementNumber(); 1175 } 1176 1177 }); 1178 1179 $('.acceptCookiesAlerts').on('click', function (e) { 1180 e.preventDefault(); 1181 1182 var currentDataId = $(this).attr('data-id'); 1183 1184 sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1'); 1185 1186 numberAlerts = numberAlerts - 1; 1187 1188 var currentParentNode = $(this).parent().parent().parent(); 1189 1190 currentParentNode.removeClass('active'); 1191 $('#header'+currentDataId+'').remove(); 1192 currentParentNode.remove(); 1193
1194 setActiveAndDecrementNumber(); 1195 1196 setTitle(); 1197 }); 1198 1199 function setActiveAndDecrementNumber() { 1200 var newListOfAlerts = $('#alertsModal').find($('.alertsInfo')); 1201 1202 newListOfAlerts.each(function (index, e) { 1203 if (index == 0) { 1204 $(this).addClass('active'); 1205 $('#header'+$(this).attr('data-id')+'').removeClass('d-none'); 1206 } 1207 }); 1208 1209 if (numberAlerts == 0) { 1210 $('#alertsModal').modal('hide'); 1211 } 1212 } 1213 1214 1215 1216 var currentColorControl = '#212529'; 1217 1218 $('#controlPrev').css('color', 'initial !important'); 1219 $('#controlNext').css('color', 'initial !important'); 1220 1221 $('#controlNext').on('click',function(){ 1222 setTimeout(function(){ 1223 setTitle(); 1224 }, 1000); 1225 }); 1226 1227 $('#controlPrev').on('click',function(){ 1228 setTimeout(function(){ 1229 setTitle(); 1230 }, 1000); 1231 }); 1232 1233 $('#controlPrev').on('mouseover', function () { 1234 1235 $(this).css('color', 'initial !important'); 1236 }); 1237 1238 $('#controlNext').on('mouseover', function () { 1239 1240 $(this).css('color', 'initial !important'); 1241 }); 1242 1243 function setTitle(){ 1244 $('.titleHeaderAlerts').addClass('d-none'); 1245 var currentId = $('.carousel-item.active').attr('data-id'); 1246 $('#header'+currentId+'').removeClass('d-none'); 1247 } 1248 }); 1249 </script>
1249 1250 1251
1251<script type="text/javascript"> 1252 </script>
1252 1253</body> 1254</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.