1<!DOCTYPE html > 2<html lang="fr" data-device="computer"> 3<head> 4 <title>Site officiel de la commune de Lablachère en Ardèche</title> 5<meta name="description" 6 content="Bienvenue sur le site internet de la commune de Lablachère en sud Ardèche. Retrouvez l'actualité et l'agenda des manifestations de la commune."/> 7 8 <meta name="robots" content="index, follow" /> 9 10 11<meta charset="utf-8"/> 12<meta name="viewport" content="width=device-width, initial-scale=1.0"> 13<meta name="referrer" content="always"> 14<base href="https://www.lablachere.fr/"/> 15 16<link rel="icon" type="image/png" href="uploads/images/theme/favicon.png"/> 17 18 <link rel="canonical" href="https://www.lablachere.fr/" /> 19 20 21 <link rel="stylesheet" 22 type="text/css" 23 href="assets/themes/theme1/css/styles-1779951449.min.css" 24 /> 25 26 27 28 <meta property="og:url" 29 content="//www.lablachere.fr/"/> 30 <meta property="og:type" content="website"/> 31 <meta property="og:title" content="Site officiel de la commune de Lablachère en Ardèche"/> 32 <meta property="og:description" content="Bienvenue sur le site internet de la commune de Lablachère en sud Ardèche. Retrouvez l'actualité et l'agenda des manifestations de la commune."/> 33 <meta property="og:image" content="//www.lablachere.fr/uploads/images/lablachere-1627-1781511746.jpg"/> 34 35 36 37 38 39 </head> 40 41<body class="body_article_1"> 42<main> 43 44 <header class="container-fluid bg-white pb-5 pb-xl-4"> 45 <div class="container"> 46 <div class="row justify-content-between align-items-center"> 47 48 <div class="col-12 col-md-6 col-xl-3 py-3 d-flex align-items-center justify-content-center justify-content-xl-start"> 49 <a class="text-decoration-none mr-3" 50 href="//www.lablachere.fr/"> 51 <img 52 width="200" height="110" class="img-fluid logo" 53 src="uploads/images/theme/Mairie de Lablachère Logo.PNG" 54 alt="Logo Mairie de Lablachère"/> 55 </a> 56 </div> 57 58 <div class="col-12 col-md-6 col-xl-9 py-2 py-lg-0"> 59 <div id="nav-top-ctn"> 60 <div class="row no-gutters justify-content-center justify-content-md-end"> 61 <div class="col-auto mt-2 mt-sm-0"> 62 63 64<nav class="nav-top nav_horizontal nav_main"> 65 66 67 <ul> 68 69 <li class="" data-article-id="1"> 70 <a href="./" >Accueil</a> 71 </li> 72 73 74 75 76 77 78 79 80 </ul> 81 82 83 84 <div class="clear_both"></div> 85</nav> 86 </div> 87 <div class="col-auto mt-2 mt-sm-0"> 88 89 90<nav class="nav-top nav_horizontal nav_main"> 91 92 93 <ul> 94 95 <li class="" data-article-id="13"> 96 <a href="actualite/" >Actualité</a> 97 </li> 98 <li class="" data-article-id="23"> 99 <a href="agenda-lablachere/" >Agenda</a> 100 </li> 101 <li class="" data-article-id="14"> 102 <a href="contact/" >Contact</a> 103 </li> 104 105 106 107 108 109 110 111 112 </ul> 113 114 115 116 <div class="clear_both"></div> 117</nav> 118 </div> 119 <div class="col-auto mt-2 mt-sm-0"> 120 <nav class="nav-top nav_horizontal nav_main"> 121 <ul class=""> 122 <li class=""> 123 124 125 126 127 <div id="telephone_menu" class=""> 128 <a href="/contact/">
129 <span class="telephone_menu_puce"><i class="fas fa-mobile-alt"></i></span> 130 <span class="phone_number">04 75 36 65 72</span> 131 </a> 132 </div> 133 </li> 134 <li id="nav-top-fb" class=""> 135 <a href="https://www.facebook.com/mairiedelablachere" target="_blank" 136 aria-label="Lien Facebook Mairie de Lablachère">Facebook</a> 137 </li> 138 </ul> 139 </nav> 140 </div> 141 </div> 142 </div> 143 </div> 144 145 </div> 146 </div> 147 </header> 148 149 <section id="nav-main-section" class="bg-transparent d-none d-lg-block "> 150 <div class="container"> 151 <div class="row justify-content-end"> 152 <div class="col-auto"> 153 <div id="nav-main-ctn" 154 class="bg-tertiary"> 155 156<nav class="nav-main nav_horizontal nav_main"> 157 158 159 <ul> 160 161 <li class="li_menu_pere" data-article-id="16"> 162 <a href="mairie/" >Mairie</a> 163 <ul> 164 165 <li class="w-100 nav-fullwidth"> 166 <div class="container py-5 px-5"> 167 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 168 <div class="col-4"> 169 <ul> 170 <li class="" data-article-id="47"> 171 <a href="mairie/conseils-municipaux/" >Conseils municipaux et délibérations</a> 172 </li> 173 <li class="" data-article-id="27"> 174 <a href="mairie/les-elus/" >Equipe municipale</a> 175 </li> 176 </ul> 177 </div> 178 179 <div class="col-4 border-left border-tertiary"> 180 <ul> 181 <li class="" data-article-id="1554"> 182 <a href="mairie/ccid/" >CCID</a> 183 </li> 184 <li class="" data-article-id="29"> 185 <a href="mairie/le-ccas/" >Le CCAS</a> 186 </li> 187 </ul> 188 </div> 189 190 <div class="col-4 border-left"> 191 <ul> 192 <li class="" data-article-id="48"> 193 <a href="mairie/bulletins-municipaux/" >Bulletins municipaux</a> 194 </li> 195 <li class="" data-article-id="203"> 196 <a href="mairie/cdc-beaume-drobie/" >CdC Beaume Drobie</a> 197 </li> 198 </ul> 199 </div> 200 </div> 201 </div> 202 </li> 203 204 205 206 207 208 209 210 211 </ul> 212 213 </li> 214 <li class="li_menu_pere" data-article-id="19"> 215 <a href="informations/" >Démarches administratives</a> 216 <ul> 217 218 <li class="w-100 nav-fullwidth"> 219 <div class="container py-5 px-5"> 220 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 221 <div class="col-4"> 222 <ul> 223 <li class="" data-article-id="31"> 224 <a href="informations/carte-d-identite-et-passeport/" >CNI- passeport - carte grise</a> 225 </li> 226 <li class="" data-article-id="33"> 227 <a href="informations/demande-d-actes-d-etat-civil/" >Demande d'actes d'état civil</a> 228 </li> 229 </ul> 230 </div> 231 232 <div class="col-4 border-left border-tertiary"> 233 <ul> 234 <li class="" data-article-id="32"> 235 <a href="informations/urbanisme/" >Urbanisme et voirie</a> 236 </li> 237 <li class="" data-article-id="149"> 238 <a href="informations/ordures-menageres-2/" >Déchetterie et ordures ménagères</a> 239 </li> 240 </ul> 241 </div> 242 243 <div class="col-4 border-left"> 244 <ul> 245 <li class="" data-article-id="51"> 246 <a href="informations/declaration-annuelle-de-ruches/" >Déclaration annuelle de ruches</a> 247 </li> 248 <li class="" data-article-id="52"> 249 <a href="informations/environnement/" >Ambroisie- frelons- moustiques tigres</a> 250 </li> 251 </ul> 252 </div> 253 </div> 254 </div> 255 </li> 256 257 258 259 260 261 262 263 264 </ul> 265 266 </li> 267 <li class="li_menu_pere" data-article-id="17"> 268 <a href="vie-locale/" >Vie locale</a> 269 <ul> 270 271 <li class="w-100 nav-fullwidth"> 272 <div class="container py-5 px-5"> 273 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 274 <div class="col-4"> 275 <ul> 276 <li class="" data-article-id="38"> 277 <a href="vie-locale/ecole-publique/" >Ecoles</a> 278 </li> 279 <li class="" data-article-id="37"> 280 <a href="vie-locale/enfance-jeunesse/" >Enfance jeunesse</a> 281 </li> 282 <li class="" data-article-id="22"> 283 <a href="vie-locale/associations/" >Associations</a> 284 </li> 285 </ul> 286 </div> 287 288 <div class="col-4 border-left border-tertiary"> 289 <ul> 290 <li class="" data-article-id="82"> 291 <a href="vie-locale/commerces-artisanat-et-services/" >Commerces, artisanat et services</a> 292 </li> 293 <li class="" data-article-id="128"> 294 <a href="vie-locale/les-marches/" >Marchés de Lablachère</a> 295 </li> 296 <li class="" data-article-id="76"> 297 <a href="vie-locale/location-des-salles-communales/" >Location des salles communales</a> 298 </li> 299 </ul> 300 </div> 301 302 <div class="col-4 border-left"> 303 <ul> 304 <li class="" data-article-id="36"> 305 <a href="vie-locale/cimetiere/" >Cimetière</a> 306 </li> 307 <li class="" data-article-id="741"> 308 <a href="vie-locale/taxis/" >Taxis et VSL</a> 309 </li> 310 <li class="" data-article-id="227"> 311 <a href="vie-locale/fibre-optique/" >Fibre optique</a> 312 </li> 313 </ul> 314 </div> 315 </div> 316 </div> 317 </li> 318 319 320 321 322 323 324 325 326 </ul> 327 328 </li> 329 <li class="li_menu_pere" data-article-id="21"> 330 <a href="service-de-l-eau/" >Service de l'eau</a> 331 <ul> 332 333 <li class="w-100 nav-fullwidth"> 334 <div class="container py-5 px-5"> 335 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 336 <div class="col-4"> 337 <ul> 338 <li class="" data-article-id="229"> 339 <a href="service-de-l-eau/travaux-effectues/" >Travaux effectués</a> 340
340 </li> 341 <li class="" data-article-id="60"> 342 <a href="service-de-l-eau/regie/" >Régie</a> 343 </li> 344 </ul> 345 </div> 346 347 <div class="col-4 border-left border-tertiary"> 348 <ul> 349 <li class="" data-article-id="61"> 350 <a href="service-de-l-eau/historique/" >Historique</a> 351 </li> 352 <li class="" data-article-id="62"> 353 <a href="service-de-l-eau/spanc/" >SPANC</a> 354 </li> 355 </ul> 356 </div> 357 358 <div class="col-4 border-left"> 359 <ul> 360 <li class="" data-article-id="63"> 361 <a href="service-de-l-eau/agence-regionale-de-sante/" >ARS- Analyse d'eau</a> 362 </li> 363 <li class="" data-article-id="669"> 364 <a href="service-de-l-eau/ars-quelle-eau-buvez-vous/" >ARS : Quelle eau buvez-vous ?</a> 365 </li> 366 </ul> 367 </div> 368 </div> 369 </div> 370 </li> 371 372 373 374 375 376 377 378 379 </ul> 380 381 </li> 382 <li class="li_menu_pere" data-article-id="18"> 383 <a href="tourisme-et-loisirs/" >Tourisme et loisirs</a> 384 <ul> 385 386 <li class="w-100 nav-fullwidth"> 387 <div class="container py-5 px-5"> 388 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 389 <div class="col-4"> 390 <ul> 391 <li class="" data-article-id="193"> 392 <a href="tourisme-et-loisirs/quoi-faire-en-ardeche/" >Quoi faire en Ardèche?</a> 393 </li> 394 <li class="" data-article-id="42"> 395 <a href="tourisme-et-loisirs/hebergements-et-restauration/" >Hébergements et restauration</a> 396 </li> 397 </ul> 398 </div> 399 400 <div class="col-4 border-left border-tertiary"> 401 <ul> 402 <li class="" data-article-id="43"> 403 <a href="tourisme-et-loisirs/piscine/" >Piscine</a> 404 </li> 405 <li class="" data-article-id="44"> 406 <a href="tourisme-et-loisirs/guide-des-marches/" >Guide des marchés</a> 407 </li> 408 </ul> 409 </div> 410 411 <div class="col-4 border-left"> 412 <ul> 413 <li class="" data-article-id="78"> 414 <a href="tourisme-et-loisirs/sentiers-de-randonnees/" >Sentiers de randonnées</a> 415 </li> 416 <li class="" data-article-id="75"> 417 <a href="tourisme-et-loisirs/cinemas/" >Cinémas</a> 418 </li> 419 </ul> 420 </div> 421 </div> 422 </div> 423 </li> 424 425 426 427 428 429 430 431 432 </ul> 433 434 </li> 435 <li class="li_menu_pere" data-article-id="20"> 436 <a href="culture-et-patrimoine/" >Culture et patrimoine</a> 437 <ul> 438 439 <li class="w-100 nav-fullwidth"> 440 <div class="container py-5 px-5"> 441 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 442 <div class="col-4"> 443 <ul> 444 <li class="" data-article-id="56"> 445 <a href="culture-et-patrimoine/monument-aux-morts/" >Monument aux Morts -</a> 446 </li> 447 <li class="" data-article-id="59"> 448 <a href="culture-et-patrimoine/histoire-de-lablachere/" >Histoire de Lablachère</a> 449 </li> 450 </ul> 451 </div> 452 453 <div class="col-4 border-left border-tertiary"> 454 <ul> 455 <li class="" data-article-id="57"> 456 <a href="culture-et-patrimoine/salle-d-exposition/" >Salle d'exposition</a> 457 </li> 458 <li class="" data-article-id="58"> 459 <a href="culture-et-patrimoine/bibliotheque/" >Bibliothèque</a> 460 </li> 461 </ul> 462 </div> 463 464 <div class="col-4 border-left"> 465 <ul> 466 <li class="" data-article-id="74"> 467 <a href="culture-et-patrimoine/boites-a-livres/" >Cabines à Livres</a> 468 </li> 469 </ul> 470 </div> 471 </div> 472 </div> 473 </li> 474 475 476 477 478 479 480 481 482 </ul> 483 484 </li> 485 486 487 488 489 490 491 492 493 </ul> 494 495 496 497 <div class="clear_both"></div> 498</nav> 499 </div> 500 </div> 501 </div> 502 </div> 503 </section> 504 505 <section id="nav-responsive-section" class="bg-transparent d-lg-none"> 506 <div class="container"> 507 <div class="row justify-content-end"> 508 <div class="col-auto"> 509 <div id="nav-responsive-ctn" class="bg-tertiary"> 510 <nav class="custom_navbar navbar navbar-light "> 511 <div class="navbar-toggler-ctn"> 512 <button class="navbar-toggler" type="button" data-toggle="collapse" 513 data-target="#navbarCollapse" aria-controls="navbarC
513ollapse" 514 aria-expanded="false" 515 aria-label="Toggle navigation"> 516 <div class="navbar-toggler-icon"> 517 <span></span> 518 <span></span> 519 <span></span> 520 </div> 521 <div class="navbar-toggler-text">MENU</div> 522 </button> 523 </div> 524 <div class="collapse navbar-collapse bg-tertiary" id="navbarCollapse"> 525 526 527<nav class="nav_vertical nav_main"> 528 529 530 <ul> 531 532 <li class="" data-article-id="1"> 533 <a href="./" >Accueil</a> 534 </li> 535 <li class="" data-article-id="13"> 536 <a href="actualite/" >Actualité</a> 537 </li> 538 <li class="" data-article-id="23"> 539 <a href="agenda-lablachere/" >Agenda</a> 540 </li> 541 <li class="li_menu_pere" data-article-id="16"> 542 <a href="mairie/" >Mairie</a> 543 <ul> 544 545 <li class="" data-article-id="47"> 546 <a href="mairie/conseils-municipaux/" >Conseils municipaux et délibérations</a> 547 </li> 548 <li class="" data-article-id="27"> 549 <a href="mairie/les-elus/" >Equipe municipale</a> 550 </li> 551 <li class="" data-article-id="1554"> 552 <a href="mairie/ccid/" >CCID</a> 553 </li> 554 <li class="" data-article-id="29"> 555 <a href="mairie/le-ccas/" >Le CCAS</a> 556 </li> 557 <li class="" data-article-id="48"> 558 <a href="mairie/bulletins-municipaux/" >Bulletins municipaux</a> 559 </li> 560 <li class="" data-article-id="203"> 561 <a href="mairie/cdc-beaume-drobie/" >CdC Beaume Drobie</a> 562 </li> 563 564 565 566 567 568 569 570 571 </ul> 572 573 </li> 574 <li class="li_menu_pere" data-article-id="19"> 575 <a href="informations/" >Démarches administratives</a> 576 <ul> 577 578 <li class="" data-article-id="31"> 579 <a href="informations/carte-d-identite-et-passeport/" >CNI- passeport - carte grise</a> 580 </li> 581 <li class="" data-article-id="33"> 582 <a href="informations/demande-d-actes-d-etat-civil/" >Demande d'actes d'état civil</a> 583 </li> 584 <li class="" data-article-id="32"> 585 <a href="informations/urbanisme/" >Urbanisme et voirie</a> 586 </li> 587 <li class="" data-article-id="149"> 588 <a href="informations/ordures-menageres-2/" >Déchetterie et ordures ménagères</a> 589 </li> 590 <li class="" data-article-id="51"> 591 <a href="informations/declaration-annuelle-de-ruches/" >Déclaration annuelle de ruches</a> 592 </li> 593 <li class="" data-article-id="52"> 594 <a href="informations/environnement/" >Ambroisie- frelons- moustiques tigres</a> 595 </li> 596 597 598 599 600 601 602 603 604 </ul> 605 606 </li> 607 <li class="li_menu_pere" data-article-id="17"> 608 <a href="vie-locale/" >Vie locale</a> 609 <ul> 610 611 <li class="" data-article-id="38"> 612 <a href="vie-locale/ecole-publique/" >Ecoles</a> 613 </li> 614 <li class="" data-article-id="37"> 615 <a href="vie-locale/enfance-jeunesse/" >Enfance jeunesse</a> 616 </li> 617 <li class="" data-article-id="22"> 618 <a href="vie-locale/associations/" >Associations</a> 619 </li> 620 <li class="" data-article-id="82"> 621 <a href="vie-locale/commerces-artisanat-et-services/" >Commerces, artisanat et services</a> 622 </li> 623 <li class="" data-article-id="128"> 624 <a href="vie-locale/les-marches/" >Marchés de Lablachère</a> 625 </li> 626 <li class="" data-article-id="76"> 627 <a href="vie-locale/location-des-salles-communales/" >Location des salles communales</a> 628 </li> 629 <li class="" data-article-id="36"> 630 <a href="vie-locale/cimetiere/" >Cimetière</a> 631 </li> 632 <li class="" data-article-id="741"> 633 <a href="vie-locale/taxis/" >Taxis et VSL</a> 634 </li> 635 <li class="" data-article-id="227"> 636 <a href="vie-locale/fibre-optique/" >Fibre optique</a> 637 </li> 638 639 640 641 642 643 644 645 646 </ul> 647 648 </li> 649 <li class="li_menu_pere" data-article-id="21"> 650 <a href="service-de-l-eau/" >Service de l'eau</a> 651 <ul> 652 653 <li class="" data-article-id="229"> 654 <a href="service-de-l-eau/travaux-effectues/" >Travaux effectués</a> 655 </li> 656 <li class="" data-article-id="60"> 657 <a href="service-de-l-eau/regie/" >Régie</a> 658 </li> 659 <li class="" data-article-id="61"> 660 <a href="service-de-l-eau/historique/" >Historique</a> 661 </li> 662 <li class="" data-article-id="62"> 663 <a href="service-de-l-eau/spanc/" >SPANC</a> 664 </li> 665 <li class="" data-article-id="63"> 666 <a href="service-de-l-eau/agence-regionale-de-sante/" >ARS- Analyse d'eau</a> 667 </li> 668 <li class="" data-article-id="669"> 669 <a href="service-de-l-eau/ars-quelle-eau-buvez-vous/" >ARS : Quelle eau buvez-vous ?</a> 670 </li> 671 672 673 674 675 676 677 678 679 </ul> 680 681 </li> 682 <li class="li_menu_pere" data-article-id="18"> 683 <a href="tourisme-et-loisirs/" >Tourisme et loisirs</a> 684 <ul> 685 686 <li class="" data-article-id="193"> 687 <a href="tourisme-et-loisirs/quoi-faire-en-ardeche/" >Quoi faire en Ardèche?</a> 688 </li> 689 <li class="" data-article-id="42"> 690 <a href="tourisme-et-loisirs/hebergements-et-restauration/" >Hébergements et restauration</a> 691 </li> 692 <li class="" data-article-id="43"> 693 <a href="tourisme-et-loisirs/piscine/" >Piscine</a> 694 </li> 695 <li class="" data-article-id="44"> 696 <a href="tourisme-et-loisirs/guide-des-marches/" >Guide des marchés</a> 697 </li> 698 <li class="" data-article-id="78"> 699 <a href="tourisme-et-loisirs/sentiers-de-randonnees/" >Sentiers de randonnées</a> 700 </li> 701 <li class="" data-article-id="75"> 702 <a href="tourisme-et-loisirs/cinemas/" >Cinémas</a> 703 </li> 704 705 706 707 708 709 710 711 712 </ul> 713 714 </li> 715 <li class="li_menu_pere" data-article-id="20"> 716 <a href="culture-et-patrimoine/" >Culture et patrimoine</a> 717 <ul> 718 719 <li class="" data-article-id="56"> 720 <a href="culture-et-patrimoine/monument-aux-morts/" >Monument aux Morts -</a> 721 </li> 722 <li class="" data-article-id="59"> 723 <a href="culture-et-patrimoine/histoire-de-lablachere/" >Histoire de Lablachère</a> 724 </li> 725 <li class="" data-article-id="57"> 726 <a href="culture-et-patrimoine/salle-d-exposition/" >Salle d'exposition</a> 727 </li> 728 <li class="" data-article-id="58"> 729 <a href="culture-et-patrimoine/bibliotheque/" >Bibliothèque</a> 730 </li> 731 <li class="" data-article-id="74"> 732 <a href="culture-et-patrimoine/boites-a-livres/" >Cabines à Livres</a> 733 </li> 734 735 736 737 738 739 740 741 742 </ul> 743 744 </li> 745 <li class="" data-article-id="14"> 746 <a href="contact/" >Contact</a> 747 </li> 748 749 750 751 752 753 754 755 756 </ul> 757 758 759 760 <div class="clear_both"></div> 761</nav> 762 </div> 763 </nav> 764 </div> 765 </div> 766 </div> 767 </div> 768 </section> 769 770 771 <section id="hero-banner-section" class="container-fluid p-0"> 772 <div class="container-hero-banner"> 773 774<div class="hero-banner" 775 style="position: relative; 776 display: block; 777 min-height: 50px; 778 aspect-ratio: 3; 779 overflow: hidden;"> 780 <div class="swiper heroSwiper"> 781 <div class="swiper-wrapper"> 782 <div class="swiper-slide"> 783 <picture> 784 <source type="image/webp" 785 srcset="//www.lablachere.fr/up
785loads/images/lablachere-1628-s-1781511957.webp 600w, 786 //www.lablachere.fr/uploads/images/lablachere-1628-m-1781511957.webp 1279w, 787 //www.lablachere.fr/uploads/images/lablachere-1628-1781511957.webp 2560w"> 788 <img 789 srcset="//www.lablachere.fr/uploads/images/lablachere-1628-s-1781511957.jpg 600w, 790 //www.lablachere.fr/uploads/images/lablachere-1628-m-1781511957.jpg 1279w, 791 //www.lablachere.fr/uploads/images/lablachere-1628-1781511957.jpg 2560w" 792 src="//www.lablachere.fr/uploads/images/lablachere-1628-s-1781511957.jpg" 793 alt="Lablachère" /> 794 </picture> 795 </div> 796 <div class="swiper-slide custom-swiper-lazyload swiper-slide-1"></div> 797 <template id="template-swiper-slide-1"> 798 <picture> 799 <source type="image/webp" 800 srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1609-s-1779885091.webp 600w, 801 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1609-m-1779885091.webp 1279w, 802 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1609-1779885091.webp 2559w"> 803 <img 804 srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1609-s-1779885091.jpg 600w, 805 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1609-m-1779885091.jpg 1279w, 806 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1609-1779885091.jpg 2559w" 807 src="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1609-s-1779885091.jpg" 808 alt="Lablachère en Ardèche" loading="lazy"/> 809 </picture> 810 </template> 811 <div class="swiper-slide custom-swiper-lazyload swiper-slide-2"></div> 812 <template id="template-swiper-slide-2"> 813 <picture> 814 <source type="image/webp" 815 srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1608-s-1779885101.webp 600w, 816 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1608-m-1779885101.webp 1279w, 817 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1608-1779885101.webp 2559w"> 818 <img 819 srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1608-s-1779885101.jpg 600w, 820 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1608-m-1779885101.jpg 1279w, 821 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1608-1779885101.jpg 2559w" 822 src="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1608-s-1779885101.jpg" 823 alt="Lablachère en Ardèche" loading="lazy"/> 824 </picture> 825 </template> 826 </div> 827 </div> 828</div> 829 830 </div> 831 <div id="banner_title_breadcrumb_home" class="container-fluid"> 832 <div class="container py-4"> 833 <h1 class="text-script text-white">Bienvenue à Lablachère !</h1> 834 </div> 835 <a class="scroll-down d-none d-md-block" href="/#content"> 836 <i class="fa-solid fa-arrow-down"></i> 837 </a> 838 </div> 839 </section> 840 841 842 <section id="content" 843 class="container-fluid bg-quinary p-0"> 844 845 846 847 848 <section id="home-actus" 849 class="home-section container-fluid custom-bg-quinary bg-quaternary custom-bg-top "> 850 <div class="container"> 851 <div class="home-section-ctn custom-border-primary"> 852 <h2 class="h1">Actualités</h2> 853 <div id="home-actus-swiper-scrollbar" class="swiper-scrollbar home-swiper-scrollbar"></div> 854 <div id="home-actus-swiper" class="swiper home-swiper"> 855 <div class="swiper-wrapper h-100"> 856 857 858 <div class="swiper-slide h-100"> 859 <div class="swiper-slide-content h-100"> 860 <div class="actu h-100"> 861 <div class="h-100"> 862 <a class="picture-scale d-block h-100 w-100" href="actualite/arrete-prefectoral-sangliers/" title="Arrêté préfectoral sangliers"> 863 <div class="row no-gutters h-100 actu-content"> 864 <div class="col-12 h-40 overflow-hidden"> 865 <img loading="lazy" class="w-100 h-100 img-fluid lazyload" src="uploads/images/arrete1-1691-m-1790692463.jpg" alt="Arrêté préfectoral sangliers" alt="Arrêté préfectoral sangliers"/> 866 <div class="photo-overlay"><i class="fas fa-plus"></i></div> 867 </div> 868 <div class="col-12 h-60 px-4 py-4 bg-white d-flex flex-column justify-content-start"> 869 <div class="actu-name text-dark text-decoration-none">
870 <span>Arrêté préfectoral sangliers</span> 871 </div> 872 <div class="actu-desc text-dark text-decoration-none mb-2">Sur décision de la Préfecture et pour faire face aux dégâts importants...</div> 873 <div class="custom-link text-uppercase mb-2">Lire la suite</div> 874 <div class="actu-date mt-auto"> 875 <i class="far fa-calendar mr-1"></i> 876 Publié le 29/09/2026 877 </div> 878 </div> 879 </div> 880 </a> 881 </div> 882 </div> 883 </div> 884 </div> 885 <div class="swiper-slide h-100"> 886 <div class="swiper-slide-content h-100"> 887 <div class="actu h-100"> 888 <div class="h-100"> 889 <a class="picture-scale d-block h-100 w-100" href="actualite/repas-des-aines-2/" title="Repas des aînés"> 890 <div class="row no-gutters h-100 actu-content"> 891 <div class="col-12 h-40 overflow-hidden"> 892 <img loading="lazy" class="w-100 h-100 img-fluid lazyload" src="uploads/images/photo1-1684-m-1790587263.jpg" alt="Repas des aînés" alt="Repas des aînés"/> 893 <div class="photo-overlay"><i class="fas fa-plus"></i></div> 894 </div> 895 <div class="col-12 h-60 px-4 py-4 bg-white d-flex flex-column justify-content-start"> 896 <div class="actu-name text-dark text-decoration-none"> 897 <span>Repas des aînés</span> 898 </div> 899 <div class="actu-desc text-dark text-decoration-none mb-2">Samedi, à Lablachère, câétait le Repas des aînés! Près de 150 personnes se...</div> 900 <div class="custom-link text-uppercase mb-2">Lire la suite</div> 901 <div class="actu-date mt-auto"> 902 <i class="far fa-calendar mr-1"></i> 903 Publié le 28/09/2026 904 </div> 905 </div> 906 </div> 907 </a> 908 </div> 909 </div> 910 </div> 911 </div> 912 <div class="swiper-slide h-100"> 913 <div class="swiper-slide-content h-100"> 914 <div class="actu h-100"> 915 <div class="h-100"> 916 <a class="picture-scale d-block h-100 w-100" href="actualite/bureau-de-poste-lablachere/" title="Bureau de Poste Lablachère"> 917 <div class="row no-gutters h-100 actu-content"> 918 <div class="col-12 h-40 overflow-hidden"> 919 <img loading="lazy" class="w-100 h-100 img-fluid lazyload" src="uploads/images/la-poste-1683-m-1790327261.jpg" alt="Bureau de Poste Lablachère" alt="Bureau de Poste Lablachère"/> 920 <div class="photo-overlay"><i class="fas fa-plus"></i></div> 921 </div> 922 <div class="col-12 h-60 px-4 py-4 bg-white d-flex flex-column justify-content-start"> 923 <div class="actu-name text-dark text-decoration-none">
924 <span>Bureau de Poste Lablachère</span> 925 </div> 926 <div class="actu-desc text-dark text-decoration-none mb-2">Lâavenir du bureau de poste de Lablachère en question La municipalité découvre...</div> 927 <div class="custom-link text-uppercase mb-2">Lire la suite</div> 928 <div class="actu-date mt-auto"> 929 <i class="far fa-calendar mr-1"></i> 930 Publié le 25/09/2026 931 </div> 932 </div> 933 </div> 934 </a> 935 </div> 936 </div> 937 </div> 938 </div> 939 <div class="swiper-slide h-100"> 940 <div class="swiper-slide-content h-100"> 941 <div class="actu h-100"> 942 <div class="h-100"> 943 <a class="picture-scale d-block h-100 w-100" href="actualite/reparation-fuite-d-eau/" title="Réparation fuite d'eau"> 944 <div class="row no-gutters h-100 actu-content"> 945 <div class="col-12 h-40 overflow-hidden"> 946 <img loading="lazy" class="w-100 h-100 img-fluid lazyload" src="uploads/images/travaux-1682-m-1790258492.jpg" alt="Réparation fuite d'eau" alt="Réparation fuite d'eau"/> 947 <div class="photo-overlay"><i class="fas fa-plus"></i></div> 948 </div> 949 <div class="col-12 h-60 px-4 py-4 bg-white d-flex flex-column justify-content-start"> 950 <div class="actu-name text-dark text-decoration-none"> 951 <span>Réparation fuite d'eau</span> 952 </div> 953 <div class="actu-desc text-dark text-decoration-none mb-2">ð§ TRAVAUX â RÃPARATION DâUNE FUITE DâEAU La mairie informe les habitants que...</div> 954 <div class="custom-link text-uppercase mb-2">Lire la suite</div> 955 <div class="actu-date mt-auto"> 956 <i class="far fa-calendar mr-1"></i> 957 Publié le 24/09/2026 958 </div> 959 </div> 960 </div> 961 </a> 962 </div> 963 </div> 964 </div> 965 </div> 966 <div class="swiper-slide h-100"> 967 <div class="swiper-slide-content h-100"> 968 <div class="actu h-100"> 969 <div class="h-100"> 970 <a class="picture-scale d-block h-100 w-100" href="actualite/convocation-du-conseil-municipal-11/" title="Convocation du conseil municipal"> 971 <div class="row no-gutters h-100 actu-content"> 972 <div class="col-12 h-40 overflow-hidden"> 973 <img loading="lazy" class="w-100 h-100 img-fluid lazyload" src="uploads/images/convocation-1681-m-1790233393.jpg" alt="Convocation du conseil municipal" alt="Convocation du conseil municipal"/> 974 <div class="photo-overlay"><i class="fas fa-plus"></i></div> 975 </div> 976 <div class="col-12 h-60 px-4 py-4 bg-white d-flex flex-column justify-content-start"> 977 <div class="actu-name text-dark text-decoration-none">
978 <span>Convocation du conseil municipal</span> 979 </div> 980 <div class="custom-link text-uppercase mb-2">Lire la suite</div> 981 <div class="actu-date mt-auto"> 982 <i class="far fa-calendar mr-1"></i> 983 Publié le 24/09/2026 984 </div> 985 </div> 986 </div> 987 </a> 988 </div> 989 </div> 990 </div> 991 </div> 992 <div class="swiper-slide h-100"> 993 <div class="swiper-slide-content h-100"> 994 <div class="actu h-100"> 995 <div class="h-100"> 996 <a class="picture-scale d-block h-100 w-100" href="actualite/nouvel-arrete-secheresse-4/" title="Nouvel arrêté sécheresse"> 997 <div class="row no-gutters h-100 actu-content"> 998 <div class="col-12 h-40 overflow-hidden"> 999 <img loading="lazy" class="w-100 h-100 img-fluid lazyload" src="uploads/images/1-1680-m-1790081530.jpg" alt="Nouvel arrêté sécheresse" alt="Nouvel arrêté sécheresse"/> 1000 <div class="photo-overlay"><i class="fas fa-plus"></i></div> 1001 </div> 1002 <div class="col-12 h-60 px-4 py-4 bg-white d-flex flex-column justify-content-start"> 1003 <div class="actu-name text-dark text-decoration-none"> 1004 <span>Nouvel arrêté sécheresse</span> 1005 </div> 1006 <div class="actu-desc text-dark text-decoration-none mb-2">Des restrictions ajustées sur plusieurs bassins La baisse des températures et...</div> 1007 <div class="custom-link text-uppercase mb-2">Lire la suite</div> 1008 <div class="actu-date mt-auto"> 1009 <i class="far fa-calendar mr-1"></i> 1010 Publié le 22/09/2026 1011 </div> 1012 </div> 1013 </div> 1014 </a> 1015 </div> 1016 </div> 1017 </div> 1018 </div> 1019 <div class="swiper-slide h-100"> 1020 <div class="swiper-slide-content h-100"> 1021 <div class="actu h-100"> 1022 <div class="h-100"> 1023 <a class="picture-scale d-block h-100 w-100" href="actualite/obligations-legales-de-debroussaillement-2/" title="Obligations légales de débroussaillement"> 1024 <div class="row no-gutters h-100 actu-content"> 1025 <div class="col-12 h-40 overflow-hidden"> 1026 <img loading="lazy" class="w-100 h-100 img-fluid lazyload" src="uploads/images/old-1676-m-1790071111.jpg" alt="Obligations légales de débroussaillement" alt="Obligations légales de débroussaillement"/> 1027 <div class="photo-overlay"><i class="fas fa-plus"></i></div> 1028 </div> 1029 <div class="col-12 h-60 px-4 py-4 bg-white d-flex flex-column justify-content-start"> 1030 <div class="actu-name text-dark text-decoration-none">
1031 <span>Obligations légales de débroussaillement</span> 1032 </div> 1033 <div class="actu-desc text-dark text-decoration-none mb-2">Cette semaine, la Cellule Débroussaillement du SDIS de lâArdèche (SDIS 07)...</div> 1034 <div class="custom-link text-uppercase mb-2">Lire la suite</div> 1035 <div class="actu-date mt-auto"> 1036 <i class="far fa-calendar mr-1"></i> 1037 Publié le 22/09/2026 1038 </div> 1039 </div> 1040 </div> 1041 </a> 1042 </div> 1043 </div> 1044 </div> 1045 </div> 1046 </div> 1047 </div> 1048 <div id="home-actus-swiper-button-prev" class="swiper-button-prev home-swiper-button-prev "></div> 1049 <div id="home-actus-swiper-button-next" class="swiper-button-next home-swiper-button-next"></div> 1050 <div id="home-actus-btn" class="home-section-btn text-center"> 1051 <a class="btn btn-primary" href="//www.lablachere.fr/actualite/"><i 1052 class="fas fa-plus pr-2"></i>Voir toutes les actualités</a> 1053 </div> 1054 </div> 1055 </div> 1056 </section> 1057 1058 <section id="home-agenda" class="home-section container-fluid custom-bg-tertiary bg-quinary custom-bg-top"> 1059 <div class="container"> 1060 <div class="home-section-ctn custom-border-senary"> 1061 <h2 class="h1 text-white">Agenda</h2> 1062 <div id="home-agenda-swiper-scrollbar" class="swiper-scrollbar home-swiper-scrollbar"></div> 1063 <div id="home-agenda-swiper" class="swiper home-swiper"> 1064 <div class="swiper-wrapper h-100"> 1065 <div class="swiper-slide h-100"><div class="swiper-slide-content h-100"> 1066 <div class="event bigest-event h-100"> 1067 <div class="h-100"> 1068 <a class="picture-scale d-block h-100 w-100" href="actualite/festival-du-cinema/" title="Festival du cinéma"> 1069 <img loading="lazy" class="w-100 h-100 img-fluid lazyload" src="uploads/images/festival-cinema-1667-m-1788440057.jpg" alt="Festival du cinéma" alt="Festival du cinéma"/> 1070 <div class="photo-overlay"><i class="fas fa-plus"></i></div> 1071 <div class="event-content p-4"> 1072 <div class="event-date"> 1073 <div class="row flex-nowrap no-gutters align-items-center text-center"> 1074 <div class="col-auto text-right"> 1075 <div class="day h2 font-weight-800 mb-0">01</div> 1076 <div class="month text-uppercase"style="margin-top:-5px"><small class="font-weight-500">Oct</small></div> 1077 </div> 1078 <div class="col-auto sep align-self-start px-2 pt-3"> 1079 <i class="fas fa-chevron-right"></i> 1080 </div> 1081 <div class="col-auto text-left"> 1082 <div class="day h2 font-weight-800 mb-0">03</div> 1083 <div class="month text-uppercase" style="margin-top:-5px"><small class="font-weight-500">Oct</small></div> 1084 </div> 1085 </div> 1086 </div> 1087 1088 <div class="event-name text-dark text-decoration-none">Festival du cinéma</div>
1089 <span class="custom-link text-uppercase">En savoir plus</span> 1090 </div> 1091 </a> 1092 </div> 1093 </div> 1094 1095 </div> 1096 </div> 1097 <div class="swiper-slide h-100"><div class="swiper-slide-content h-100"> 1098 <div class="event"> 1099 <div class="h-100"> 1100 <a class="picture-scale d-block h-100 w-100" href="actualite/sentier-pedagogique-moulin-dupuy/" title="Sentier pédagogique Moulin Dupuy"> 1101 <div class="row no-gutters h-100 event-content"> 1102 <div class="col-5 col-sm-4 col-lg-5"> 1103 <img loading="lazy" class="w-100 h-100 img-fluid lazyload" src="uploads/images/moulin-dupuy-1674-m-1789648169.jpg" alt="Sentier pédagogique Moulin Dupuy" alt="Sentier pédagogique Moulin Dupuy"/> 1104 <div class="photo-overlay"><i class="fas fa-plus"></i></div> 1105 </div> 1106 <div class="col-7 col-sm-8 col-lg-7 px-4 py-3 bg-white d-flex flex-column justify-content-center"> 1107 <div class="event-date"> 1108 <div class="day h2 font-weight-800 mb-0 text-center">03</div> 1109 <div class="month text-center text-uppercase" style="margin-top:-5px"><small class="font-weight-500">Oct</small></div> 1110 </div> 1111 1112 <div class="event-name text-dark text-decoration-none">Sentier pédagogique Moulin Dupuy</div> 1113 <span class="custom-link text-uppercase">En savoir plus</span> 1114 </div> 1115 </div> 1116 </a> 1117 </div> 1118 </div> 1119 1120 </div> 1121 </div> 1122 </div> 1123 </div> 1124 <div id="home-agenda-swiper-button-prev" class="swiper-button-prev home-swiper-button-prev "></div> 1125 <div id="home-agenda-swiper-button-next" class="swiper-button-next home-swiper-button-next"></div> 1126 <div id="home-agenda-btn" class="home-section-btn text-center"> 1127 <a class="btn btn-primary" href="/vie-locale/agenda-lablachere/"><i 1128 class="fas fa-plus pr-2"></i>Voir tous les évènements</a> 1129 </div> 1130 </div> 1131 </div> 1132 </section> 1133 1134 1135 1136 1137 1138 <section id="home-blocks" class="home-section container-fluid mt-lg-5"> 1139 <div class="container"> 1140 <div class="home-section-ctn custom-border-secondary"> 1141 1142 <div class="row no-gutters" id="page-row-13817"> 1143 <div class="col-12 block-zefyx block-text " id="block-0"> 1144 <?xml version="1.0" standalone="yes"?> 1145<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> 1146<?xml encoding="utf-8" ??> 1147<?xml version="1.0" standalone="yes"??> 1148<?xml encoding="utf-8" ???> 1149 </div> 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 </div> 1182 1183 1184 <div class="row no-gutters" id="page-row-13818"> 1185 <div class="col-12 block-zefyx block-text " id="block-1"> 1186 <h1><a id="008080" name="008080">Bienvenue sur le site de Lablachère !</a></h1> 1187 1188<p class="display_seb">Soyez les bienvenus sur le nouveau site de la mairie de Lablachère. Nous espérons que vous trouverez les informations que vous recherchez dans l'ensemble des menus proposés. Nous sommes à votre écoute pour améliorer ce site : faites-nous part de vos propositions et remarques.</p> 1189 1190<p class="display_seb">N'oubliez pas de <strong>vous inscrire à notre newsletter (en bas de cette page) et panneau pocket </strong>qui vous amènera les dernières informations sur la commune et ses activités. V
1190ous pouvez également nous contacter par l'intermédiaire de ce site.</p> 1191 1192<p class="display_seb"><strong>L'équipe municipale vous souhaite une bonne navigation !</strong></p> 1193 </div> 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 1225 </div> 1226 1227 1228 1229 1230 </div> 1231 </div> 1232 </section> 1233 1234 <section id="home-photos" class="home-section container-fluid bg-white custom-bg-tertiary custom-bg-bottom"> 1235 <div class="container"> 1236 <div class="home-section-ctn custom-border-tertiary"> 1237 <h2 class="h1">Le village en images</h2> 1238 <div id="home-photos-swiper-scrollbar" class="swiper-scrollbar home-swiper-scrollbar"></div> 1239 <div id="home-photos-swiper" class="swiper home-swiper"> 1240 <div class="swiper-wrapper h-100"> 1241 <div class="swiper-slide d-flex w-auto"> 1242 <a class="picture-scale d-inline-block h-100" href="//www.lablachere.fr/uploads/images/lablachere-1626-1781511590.webp" 1243 data-fancybox="gallery_" data-caption="Lablachère" 1244 data-thumb="//www.lablachere.fr/uploads/images/lablachere-1626-s-1781511590.webp"> 1245 <img 1246 style="aspect-ratio: 960 / 510;" 1247 data-sizes="auto" 1248 data-srcset="//www.lablachere.fr/uploads/images/lablachere-1626-s-1781511590.webp 480w, 1249 //www.lablachere.fr/uploads/images/lablachere-1626-m-1781511590.webp 960w, 1250 //www.lablachere.fr/uploads/images/lablachere-1626-1781511590.webp 1920w" 1251 src="/assets/lazysizes/tail-spin.svg" alt="Lablachère" 1252 class="img-fluid h-100 lazyload" loading="lazy"/> 1253 <div class="photo-overlay"><i class="fas fa-expand-arrows-alt"></i></div> 1254 </a> 1255 </div> 1256 <div class="swiper-slide d-flex w-auto"> 1257 <a class="picture-scale d-inline-block h-100" href="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1596-1778655261.webp" 1258 data-fancybox="gallery_" data-caption="Lablachère en Ardèche" 1259 data-thumb="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1596-s-1778655261.webp"> 1260 <img 1261 style="aspect-ratio: 960 / 642;" 1262 data-sizes="auto" 1263 data-srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1596-s-1778655261.webp 480w, 1264 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1596-m-1778655261.webp 960w, 1265 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1596-1778655261.webp 1920w" 1266 src="/assets/lazysizes/tail-spin.svg" alt="Lablachère en Ardèche" 1267 class="img-fluid h-100 lazyload" loading="lazy"/> 1268 <div class="photo-overlay"><i class="fas fa-expand-arrows-alt"></i></div> 1269 </a> 1270 </div> 1271 <div class="swiper-slide d-flex w-auto"> 1272 <a class="picture-scale d-inline-block h-100" href="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1598-1778655261.webp" 1273 data-fancybox="gallery_" data-caption="Lablachère en Ardèche" 1274 data-thumb="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1598-s-1778655261.webp"> 1275 <img 1276 style="aspect-ratio: 960 / 642;" 1277 data-sizes="auto" 1278 data-srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1598-s-1778655261.webp 480w, 1279 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1598-m-1778655261.webp 960w, 1280 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1598-1778655261.webp 1920w" 1281 src="/assets/lazysizes/tail-spin.svg" alt="Lablachère en Ardèche" 1282 class="img-fluid h-100 lazyload" loading="lazy"/> 1283 <div class="photo-overlay"><i class="fas fa-expand-arrows-alt"></i></div> 1284 </a> 1285 </div> 1286 <div class="swiper-slide d-flex w-auto"> 1287 <a class="picture-scale d-inline-block h-100" href="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1599-1778655261.webp" 1288 data-fancybox="gallery_" data-caption="Lablachère en Ardèche" 1289 data-thumb="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1599-s-1778655261.webp"> 1290 <img 1291 style="aspect-ratio: 960 / 544;" 1292 data-sizes="auto" 1293 data-srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1599-s-1778655261.webp 480w, 1294 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1599-m-1778655261.webp 960w, 1295 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1599-1778655261.webp 1920w" 1296 src="/assets/lazysizes/tail-spin.svg" alt="Lablachère en Ardèche" 1297 class="img-fluid h-100 lazyload" loading="lazy"/> 1298 <div class="photo-overlay"><i class="fas fa-expand-arrows-alt"></i></div> 1299 </a> 1300 </div> 1301 <div class="swiper-slide d-flex w-auto"> 1302 <a class="picture-scale d-inline-block h-100" href="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1600-1778655261.webp" 1303 data-fancybox="gallery_" data-caption="Lablachère en Ardèche" 1304 data-thumb="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1600-s-1778655261.webp"> 1305 <img 1306 style="aspect-ratio: 960 / 720;" 1307 data-sizes="auto" 1308 data-srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1600-s-1778655261.webp 480w, 1309 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1600-m-1778655261.webp 960w, 1310 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1600-1778655261.webp 1920w" 1311 src="/assets/lazysizes/tail-spin.svg" alt="Lablachère en Ardèche" 1312 class="img-fluid h-100 lazyload" loading="lazy"/> 1313 <div class="photo-overlay"><i class="fas fa-expand-arrows-alt"></i></div> 1314 </a> 1315 </div> 1316 <div class="swiper-slide d-flex w-auto"> 1317 <a class="picture-scale d-inline-block h-100" href="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1601-1778655261.webp" 1318 data-fancybox="gallery_" data-caption="Lablachère en Ardèche" 1319 data-thumb="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1601-s-1778655261.webp"> 1320 <img 1321 style="aspect-ratio: 960 / 720;" 1322 data-sizes="auto" 1323 data-srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1601-s-1778655261.webp 480w, 1324 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1601-m-1778655261.webp 960w, 1325 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1601-1778655261.webp 1920w" 1326 src="/assets/lazysizes/tail-spin.svg" alt="Lablachère en Ardèche" 1327 class="img-fluid h-100 lazyload" loading="lazy"/> 1328 <div class="photo-overlay"><i class="fas fa-expand-arrows-alt"></i></div> 1329 </a> 1330 </div> 1331 <div class="swiper-slide d-flex w-auto"> 1332 <a class="picture-scale d-inline-block h-100" href="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1602-1778655261.webp" 1333 data-fancybox="gallery_" data-caption="Lablachère en Ardèche" 1334 data-thumb="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1602-s-1778655261.webp"> 1335 <img 1336 style="aspect-ratio: 960 / 552;" 1337 data-sizes="auto" 1338 data-srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1602-s-1778655261.webp 480w, 1339 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1602-m-1778655261.webp 960w, 1340 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1602-1778655261.webp 1920w" 1341 src="/assets/lazysizes/tail-spin.svg" alt="Lablachère en Ardèche" 1342 class="img-fluid h-100 lazyload" loading="lazy"/> 1343 <div class="photo-overlay"><i class="fas fa-expand-arrows-alt"></i></div> 1344 </a> 1345 </div> 1346 <div class="swiper-slide d-flex w-auto"> 1347 <a class="picture-scale d-inline-block h-100" href="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1603-1778655261.webp" 1348 data-fancybox="gallery_" data-caption="Lablachère en Ardèche" 1349 data-thumb="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1603-s-1778655261.webp"> 1350 <img 1351 style="aspect-ratio: 960 / 720;" 1352 data-sizes="auto" 1353 data-srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1603-s-1778655261.webp 480w, 1354 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1603-m-1778655261.webp 960w, 1355 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1603-1778655261.webp 1920w" 1356 src="/assets/lazysizes/tail-spin.svg" alt="Lablachère en Ardèche" 1357 class="img-fluid h-100 lazyload" loading="lazy"/> 1358 <div class="photo-overlay"><i class="fas fa-expand-arrows-alt"></i></div> 1359 </a> 1360 </div> 1361 <div class="swiper-slide d-flex w-auto"> 1362 <a class="picture-scale d-inline-block h-100" href="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1604-1778655261.webp" 1363 data-fancybox="gallery_" data-caption="Lablachère en Ardèche" 1364 data-thumb="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1604-s-1778655261.webp"> 1365 <img 1366 style="aspect-ratio: 960 / 720;" 1367 data-sizes="auto" 1368 data-srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1604-s-1778655261.webp 480w, 1369 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1
1369604-m-1778655261.webp 960w, 1370 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1604-1778655261.webp 1920w" 1371 src="/assets/lazysizes/tail-spin.svg" alt="Lablachère en Ardèche" 1372 class="img-fluid h-100 lazyload" loading="lazy"/> 1373 <div class="photo-overlay"><i class="fas fa-expand-arrows-alt"></i></div> 1374 </a> 1375 </div> 1376 <div class="swiper-slide d-flex w-auto"> 1377 <a class="picture-scale d-inline-block h-100" href="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1605-1778655261.webp" 1378 data-fancybox="gallery_" data-caption="Lablachère en Ardèche" 1379 data-thumb="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1605-s-1778655261.webp"> 1380 <img 1381 style="aspect-ratio: 960 / 720;" 1382 data-sizes="auto" 1383 data-srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1605-s-1778655261.webp 480w, 1384 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1605-m-1778655261.webp 960w, 1385 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1605-1778655261.webp 1920w" 1386 src="/assets/lazysizes/tail-spin.svg" alt="Lablachère en Ardèche" 1387 class="img-fluid h-100 lazyload" loading="lazy"/> 1388 <div class="photo-overlay"><i class="fas fa-expand-arrows-alt"></i></div> 1389 </a> 1390 </div> 1391 <div class="swiper-slide d-flex w-auto"> 1392 <a class="picture-scale d-inline-block h-100" href="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1606-1778655261.webp" 1393 data-fancybox="gallery_" data-caption="Lablachère en Ardèche" 1394 data-thumb="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1606-s-1778655261.webp"> 1395 <img 1396 style="aspect-ratio: 960 / 514;" 1397 data-sizes="auto" 1398 data-srcset="//www.lablachere.fr/uploads/images/lablachere-en-ardeche-1606-s-1778655261.webp 480w, 1399 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1606-m-1778655261.webp 960w, 1400 //www.lablachere.fr/uploads/images/lablachere-en-ardeche-1606-1778655261.webp 1920w" 1401 src="/assets/lazysizes/tail-spin.svg" alt="Lablachère en Ardèche" 1402 class="img-fluid h-100 lazyload" loading="lazy"/> 1403 <div class="photo-overlay"><i class="fas fa-expand-arrows-alt"></i></div> 1404 </a> 1405 </div> 1406 </div> 1407 </div> 1408 <div id="home-photos-swiper-button-prev" class="swiper-button-prev home-swiper-button-prev "></div> 1409 <div id="home-photos-swiper-button-next" class="swiper-button-next home-swiper-button-next"></div> 1410 <div id="home-photos-btn" class="home-section-btn text-center"> 1411 <a class="btn btn-primary" href="/culture-et-patrimoine/histoire-de-lablachere/"><i class="fas fa-plus pr-2"></i>Découvrir le 1412 village</a> 1413 </div> 1414 </div> 1415 </div> 1416 </section> 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 </section> 1427 1428 1429 <footer class="container-fluid bg-tertiary pt-4 m-0"> 1430 <div class="container"> 1431 1432 <div class="row justify-content-center py-lg-5 text-white footer-infos"> 1433 1434 <div class="col-12 col-md-12 col-lg-4 text-center mb-5 mb-lg-0"> 1435 <div class="h4 text-script text-white mb-2">Mairie de Lablachère</div> 1436 <div>1 place de la mairie</div> 1437 <div>07230 LABLACHERE</div> 1438 <div class="mt-3 mb-2"> 1439 1440 1441 1442 1443 <div id="telephone_menu" class=""> 1444 <a href="/contact/">
1445 <span class="telephone_menu_puce"><i class="fas fa-mobile-alt"></i></span> 1446 <span class="phone_number">04 75 36 65 72</span> 1447 </a> 1448 </div> 1449 </div> 1450 <div> 1451 <a class="btn btn-primary" href="//www.lablachere.fr/contact">Nous écrire</a> 1452 </div> 1453 </div> 1454 1455 <div class="placeholders col-12 col-md-7 col-lg-4 text-center text-lg-left mb-5 mb-md-0 pl-lg-4 pl-xl-5"> 1456 <div> 1457 <div class="h4 text-script text-white mb-2">Horaires d'ouverture</div> 1458 1459 <div > 1460 1461 1462 1463 <div class="block-placeholder block-zefyx block-page block-placeholder-0 " > 1464 1465 1466 1467 <div class="row no-gutters" id="page-row-12837"> 1468 <div class="col-12 block-zefyx block-text " id="block-0"> 1469 <strong>Du lundi au jeudi :</strong><br/> 1470de 8h30 à 12h et de 14h à 17h<br/> 1471<strong>Le vendredi : </strong><br/> 1472de 8h30 à 12h et de 14h à 16h 1473 </div> 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 1495 1496 1497 1498 1499 1500 1501 1502 1503 1504 1505 </div> 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 1530 1531 1532 1533 </div> 1534 1535 1536 </div> 1537 1538 1539 1540 </div> 1541 <div class="mt-3"> 1542 <div class="h5 text-script text-white mb-2">Recevez nos infos par e-mail</div> 1543 <div class="placeholders" id="position_newsletter"> 1544 1545 <div > 1546 1547 1548 1549 <div class="block-placeholder block-zefyx block-newsletter-form block-placeholder-0 " > 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 <div 1562 class="newsletter_block" 1563 id="newsletter_block" 1564 > 1565 <span class="newsletter_titre">Newsletter</span> 1566 1567 <thisisnotanewsletterform_1790968064865381 style="visibility: hidden;"> 1568 <input type="hidden" name="token" value="da9d859c2845b1a1b08fc5904a8a02e07a56d38044b660365f0ee3698cf504e0"/> 1569 <div class="form-group"> 1570 <div class="input-group"> 1571 <input type="email" class="form-control" placeholder="Votre adresse email" 1572 aria-label="Votre adresse email" 1573 name="newsletter_register" required 1574 value=""> 1575 </div> 1576 </div> 1577 1578 1579 1580 <div class="form-group pl-4"> 1581 <input type="checkbox" required class="form-check-input" name="newsletter_rgpd" 1582 id="newsletter_rgpd"> 1583 <label for="newsletter_rgpd" class="form-check-label">J'accepte la <a href="mentions-legales/#rgpd_mentions" target="_blank">politique de protection des données</a> du site internet et par là même que les informations saisies dans ce formulaire soient utilisées pour permettre de me recontacter par e-mail, téléphone ou SMS.</label> 1584 </div> 1585 1586 1587 <div class="btn-group"> 1588 <button type="submit" class="btn btn-primary my-1" name="newsletter_subscribe" 1589 value="Inscription">Inscription</button> 1590 <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split my-1" 1591 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1592 <span class="sr-only">Autres actions</span> 1593 </button> 1594 <div class="dropdown-menu"> 1595 <div class="dropdown-item"> 1596 <input class="btn btn-secondary my-1" type="submit" name="newsletter_unsubscribe" 1597 value="Désinscription" 1598 onclick="removeRequiredFromFields();"> 1599 </div> 1600 </div> 1601 </div> 1602 </thisisnotanewsletterform_1790968064865381> 1603 1604 1605 1606 </div> 1607 1608
1608<script> 1609 document.addEventListener("DOMContentLoaded", () => { 1610 1611 changeElementType("thisisnotanewsletterform_1790968064865381", "form"); 1612 let formElement = document.querySelector('.newsletter_block > form'); 1613 formElement.setAttribute('name', 'newsletter_form'); 1614 formElement.setAttribute('id', 'newsletter_form'); 1615 formElement.setAttribute('method', 'post'); 1616 formElement.setAttribute('action', '/#newsletter_block'); 1617 formElement.setAttribute('class', 'd-block'); 1618 1619 var requiredCheckboxes = $('#newsletter_form .newsletter-group-subscription :checkbox[required]'); 1620 requiredCheckboxes.change(function () { 1621 if (requiredCheckboxes.is(':checked')) { 1622 requiredCheckboxes.removeAttr('required'); 1623 } else { 1624 requiredCheckboxes.attr('required', 'required'); 1625 } 1626 }); 1627 1628 }); 1629 1630 function removeRequiredFromFields() { 1631 $('.newsletter-group-subscription :checkbox[required]').removeAttr('required'); 1632 $('#newsletter_rgpd').removeAttr('required'); 1633 } 1634 1635 let elmNewsletterManageSubscriptions = document.querySelector('input[name=newsletter_manage_subscriptions]'); 1636 if (elmNewsletterManageSubscriptions) { 1637 elmNewsletterManageSubscriptions.addEventListener("click", (e) => { 1638 e.preventDefault(); 1639 removeRequiredFromFields(); 1640 document.forms['newsletter_form'].reportValidity(); 1641 var email = $('input[name="newsletter_register"]').val(); 1642 if (email !== '') { 1643 const form = new FormData(); 1644 form.append("email", email); 1645 const settings = { 1646 async: true, 1647 crossDomain: false, 1648 url: "/api/newsletter/manage-group-html-modal", 1649 method: "POST", 1650 processData: false, 1651 contentType: false, 1652 dataType: "json", 1653 mimeType: "multipart/form-data", 1654 data: form 1655 }; 1656 1657 $.ajax(settings).done(function (response) { 1658 $(response.html).appendTo("body"); 1659 $('#manageSubscriptionsModal').modal('toggle') 1660 }); 1661 } 1662 }); 1663 } 1664 </script>
1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 </div> 1681 1682 1683 </div> 1684 1685 1686 1687 </div> 1688 </div> 1689 </div> 1690 1691 <div class="col-12 col-md-5 col-lg-4 text-center text-md-left pl-lg-4 pl-xl-5"> 1692 <div class="h4 text-script text-white mb-3">Rechercher</div> 1693 <form action="" method="post" class="core-search"> 1694 <div class="form-group"> 1695 <div class="input-group mb-3"> 1696 <input type="text" class="form-control" placeholder="Recherche" aria-label="Recherche" name="recherche_recherche" pattern=".{3,}" maxlength="50" value="" required 1697 title="Vous devez saisir au moins 3 caractères."> 1698 <input type="hidden" name="token_search" value="da9d859c2845b1a1b08fc5904a8a02e07a56d38044b660365f0ee3698cf504e0"/> 1699 <div class="input-group-append"> 1700 <button class="input-group-text" name="recherche_submit" type="submit" aria-label="Recherche" title="Recherche" role="button"><i class="fa fa-search"></i></button> 1701 </div> 1702 </div> 1703 </div> 1704</form> 1705 </div> 1706 1707 1708 <div id="nav-footer-col" class="col-12 text-center text-md-left mt-5 pt-5"> 1709 <div id="nav-footer-ctn" class="text-center"> 1710 <nav> 1711 <ul> 1712 <li class="text-center"><a class="text-uppercase mb-1" 1713 href="./">Accueil</a></li> 1714 <li class="text-center"><a class="text-uppercase mb-1" 1715 href="actualite/">Actualité</a></li> 1716 <li class="text-center"><a class="text-uppercase mb-1" 1717 href="agenda-lablachere/">Agenda</a></li> 1718 <li class="text-center"><a class="text-uppercase mb-1" 1719 href="mairie/">Mairie</a></li> 1720 <li class="text-center"><a class="text-uppercase mb-1" 1721 href="informations/">Démarches administratives</a></li> 1722 <li class="text-center"><a class="text-uppercase mb-1" 1723 href="vie-locale/">Vie locale</a></li> 1724 <li class="text-center"><a class="text-uppercase mb-1" 1725 href="service-de-l-eau/">Service de l'eau</a></li> 1726 <li class="text-center"><a class="text-uppercase mb-1" 1727 href="tourisme-et-loisirs/">Tourisme et loisirs</a></li> 1728 <li class="text-center"><a class="text-uppercase mb-1" 1729 href="culture-et-patrimoine/">Culture et patrimoine</a></li> 1730 <li class="text-center"><a class="text-uppercase mb-1" 1731 href="contact/">Contact</a></li> 1732 </ul> 1733 </nav> 1734 </div> 1735 </div> 1736 1737 </div> 1738 1739 <div class="row justify-content-center py-5 text-white text-center footer-signature"> 1740 <div class="col-12 col-lg-auto"> 1741 <div> 1742 © 2020 - 2026 Mairie de Lablachère</div> 1743 </div> 1744 <div class="col-auto d-none d-lg-block px-0"> 1745 <div>|</div> 1746 </div> 1747 <div class="col-12 col-lg-auto"> 1748 <a href="mentions-legales/">Mentions légales</a> 1749 </div> 1750 <div class="col-auto small d-none d-lg-block px-0"> 1751 <div>|</div> 1752 </div> 1753 <div class="col-12 col-lg-auto"> 1754 <div>Une création de <a href="https://www.zefyx.fr" rel="noopener" target="_blank">Zéfyx agence web en Ardèche</a></div> 1755 </div> 1756 </div> 1757 1758 </div> 1759 </footer> 1760</main> 1761 1762 1763
1763<script src="assets/jquery-3.5.1/js/jquery-3.5.1.min.js"></script>
1763 1764
1764<script src="assets/popper-1.14.3/js/popper.min.js"></script>
1764 1765
1765<script src="assets/bootstrap-4.6.0/dist/js/bootstrap.min.js"></script>
1765 1766
1766<script src="assets/lazysizes/lazysizes.min.js"></script>
1766 1767
1768<script> 1769 function loadCycle2Scripts() { 1770 1771 // Pour cycle2 il est nécessaire que cycle2 soit bien chargé avant de lancer le chargement de cycle2.scrollVert 1772 // Pour permettre cela on enchaine les deux promises plutôt que passer par l'utilisation de Promise.all 1773 // Cela évite l'erreur TypeError: Cannot read properties of undefined (reading 'transitions') 1774 // at /assets/cycle-2/js/jquery.cycle2.scrollVert.min.js:2:38 1775 // at /assets/cycle-2/js/jquery.cycle2.scrollVert.min.js:2:288 1776 let promiseCycle2 = new Promise(resolve => { 1777 let script = document.createElement('script'); 1778 script.src = 'assets/cycle-2/js/jquery.cycle2.min.js'; 1779 script.onload = () => resolve(script); 1780 document.body.append(script); 1781 }) 1782 1783 return promiseCycle2.then(() => { 1784 return new Promise(resolve => { 1785 let script = document.createElement('script'); 1786 script.src = 'assets/cycle-2/js/jquery.cycle2.scrollVert.min.js'; 1787 script.onload = () => resolve(script); 1788 document.body.append(script); 1789 }) 1790 }) 1791 } 1792</script>
1792 1793
1794<script src="assets/owl-carousel2-2.3.4/dist/owl.carousel.min.js"></script>
1794 1795 1796
1796<script> 1797 async function loadFlatpickrScripts() { 1798 const loadScript = (src) => new Promise((resolve, reject) => { 1799 if (document.querySelector(`script[src="${src}"]`)) return resolve(); 1800 let script = document.createElement('script'); 1801 script.src = src; 1802 script.onload = () => resolve(); 1803 script.onerror = () => reject(new Error('Failed to load ' + src)); 1804 document.body.append(script); 1805 }); 1806 1807 const loadStyle = (href) => new Promise((resolve, reject) => { 1808 if (document.querySelector(`link[href="${href}"]`)) return resolve(); 1809 let link = document.createElement('link'); 1810 link.rel = 'stylesheet'; 1811 link.href = href; 1812 link.onload = () => resolve(); 1813 link.onerror = () => reject(new Error('Failed to load ' + href)); 1814 document.head.append(link); 1815 }); 1816 1817 const loadJsSequence = async () => { 1818 await loadScript('assets/flatpickr-4.6.13/flatpickr.min.js'); 1819 await loadScript('assets/flatpickr-4.6.13/l10n/fr.js'); 1820 }; 1821 1822 await Promise.all([ 1823 loadStyle('assets/flatpickr-4.6.13/flatpickr.min.css'), 1824 loadJsSequence() 1825 ]); 1826 } 1827 </script>
1827 1828 1829
1829<script> 1830 async function loadFancyBoxScripts() { 1831 const loadScript = (src) => new Promise((resolve, reject) => { 1832 if (document.querySelector(`script[src="${src}"]`)) return resolve(); 1833 let script = document.createElement('script'); 1834 script.src = src; 1835 script.onload = () => resolve(); 1836 script.onerror = () => reject(new Error('Failed to load ' + src)); 1837 document.body.append(script); 1838 }); 1839 1840 const loadStyle = (href) => new Promise((resolve, reject) => { 1841 if (document.querySelector(`link[href="${href}"]`)) return resolve(); 1842 let link = document.createElement('link'); 1843 link.rel = 'stylesheet'; 1844 link.href = href; 1845 link.onload = () => resolve(); 1846 link.onerror = () => reject(new Error('Failed to load ' + href)); 1847 document.head.append(link); 1848 }); 1849 1850 1851 await Promise.all([ 1852 loadStyle('assets/fancybox/css/jquery.fancybox.min.css'), 1853 loadScript('assets/fancybox/js/jquery.fancybox.min.js'), 1854 ]) 1855 } 1856 </script>
1856 1857
1858<script src="assets/scroll-to-top-1.0.0/js/scrollToTop.min.js"></script>
1858 1859
1860<script> 1861 function loadSmoothDivScrollScripts() { 1862 let scriptSrcList = [ 1863 'assets/smooth-div-scroll-1.3/js/jquery-ui-1.10.3.custom.min.js', 1864 'assets/smooth-div-scroll-1.3/js/jquery.mousewheel.min.js', 1865 'assets/smooth-div-scroll-1.3/js/jquery.kinetic.min.js', 1866 'assets/smooth-div-scroll-1.3/js/jquery.smoothdivscroll-1.3.min.js' 1867 ] 1868 let promisesSmoothDivScrollScripts = [] 1869 scriptSrcList.forEach((src_path) => { 1870 promisesSmoothDivScrollScripts.push(new Promise(resolve => { 1871 let script = document.createElement('script'); 1872 script.src = src_path; 1873 script.onload = () => resolve(script); 1874 document.body.append(script); 1875 })); 1876 }) 1877 1878 return Promise.all(promisesSmoothDivScrollScripts) 1879 } 1880</script>
1880 1881
1882<script> 1883 if (document.querySelector('.wow')) { 1884 let wowJsScriptPromise = new Promise(resolve => { 1885 let script = document.createElement('script'); 1886 script.src = "assets/wowjs/wow.min.js"; 1887 script.onload = () => resolve(script); 1888 document.body.append(script); 1889 }) 1890 1891 wowJsScriptPromise.then(() => { 1892 new WOW().init(); 1893 }) 1894 } 1895</script>
1895 1896 1897
1897<script> 1898 const swiperElements = document.querySelectorAll('.swiper, .heroSwiper'); 1899 if (swiperElements.length > 0) { 1900 1901 // Load CSS and JS in parallel, wait for both 1902 const loadCSS = new Promise(resolve => { 1903 const link = document.createElement('link'); 1904 link.rel = "stylesheet"; 1905 link.href = "/assets/swiper/swiper-bundle.min.css"; 1906 link.onload = resolve; 1907 document.head.appendChild(link); 1908 }); 1909 1910 const loadJS = new Promise((resolve, reject) => { 1911 const script = document.createElement('script'); 1912 script.src = "/assets/swiper/swiper-bundle.min.js"; 1913 script.onload = resolve; 1914 script.onerror = reject; 1915 document.body.appendChild(script); 1916 }); 1917 1918 // Wait for BOTH to complete before initializing 1919 Promise.all([loadCSS, loadJS]) 1920 .then(() => { 1921 window.swiperQueue = window.swiperQueue || []; 1922 1923 window.swiperQueue.forEach(function(callback) { 1924 try { 1925 callback(window.Swiper); 1926 } catch (e) { 1927 console.error('Error initializing a swiper instance:', e); 1928 } 1929 }); 1930 1931 window.swiperQueue.push = function(callback) { 1932 callback(window.Swiper); 1933 }; 1934 }) 1935 .catch(err => console.error("Swiper failed to load", err)); 1936 } 1937 </script>
1937 1938 1939
1940<script src="assets/themes/js/fonctions-1776845118.min.js"></script>
1940 1941 1942 1943 1944 1945 1946 1947
1947<script> 1948 let tarteaucitronLinkElement = document.createElement('link'); 1949 tarteaucitronLinkElement.rel = 'stylesheet'; 1950 tarteaucitronLinkElement.type = 'text/css'; 1951 tarteaucitronLinkElement.href = 'assets/tarteaucitron/css/tarteaucitron.css?20260609'; 1952 document.querySelector('head').appendChild(tarteaucitronLinkElement); 1953 </script>
1953 1954
1954<script type="text/javascript" src="assets/tarteaucitron/tarteaucitron.min.js?20260609"></script>
1954 1955
1955<script type="text/javascript"> 1956 if (typeof (tarteaucitron) !== 'undefined') { 1957 1958 1959 tarteaucitron.init({ 1960 "cookieName": 'cookies_consent', 1961 "orientation": "bottom", 1962 "removeCredit": true, 1963 "showIcon": false, 1964 "useExternalCss": true, 1965 "googleConsentMode": false 1966 }); 1967 1968 1969 1970 tarteaucitron.user.gtagUa = 'G-9V21L8KZ68'; 1971 (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); 1972 (tarteaucitron.job = tarteaucitron.job || []).push('gcmanalyticsstorage'); 1973 1974 1975 let domElementsRequiringFacebookScript = document.querySelectorAll('.fb-like'); 1976 if (domElementsRequiringFacebookScript.length > 0) { 1977 (tarteaucitron.job = tarteaucitron.job || []).push('facebook'); 1978 } 1979 1980 1981 } 1982 </script>
1982 1983 1984 1985 1986
1987<script type="text/javascript"> 1988 1989 playBackgroundSlideShow(); 1990 1991 1992 1993 1994</script>
1994 1995 1996 1997
1997<script> 1998 1999 $(document).ready(function () { 2000 2001 2002 // POUR LE POSITIONNEMENT DES SOUS MENUS DE LA NAV MAIN 2003 // ----------------------------------------------------------------------------------------------- 2004 $(window).on("resize load", function (e) { 2005 $('#nav-main-ctn > nav > ul > li > ul').each(function () { 2006 $(this).css('left', '-' + $(this).closest('li').offset().left + 'px'); 2007 }); 2008 }); 2009 $('body').on("scroll", function (e) { 2010 $('.li_menu_pere').removeClass('open'); 2011 $('#nav-main-ctn > nav > ul > li > ul').fadeOut(); 2012 }); 2013 $('.li_menu_pere > a').on("click", function () { 2014 $(this).next('ul').css('left', '-' + $(this).closest('li').offset().left + 'px'); 2015 }); 2016 2017 // POUR LES ANIMATIONS / STICKY DES NAV MAIN ET RESPONSIVE 2018 // ---------------------------------------------- 2019 // Observer qui detecte si le sticky de nav responsive est "activé", si oui ajoute la class is-pinned 2020 const observer = new IntersectionObserver( 2021 ([e]) => e.target.classList.toggle("is-pinned", e.intersectionRatio < 1), 2022 {threshold: [1]} 2023 ); 2024 2025 // POUR L'ANIM / STICKY DE LA NAV MAIM 2026 // -------------------------- 2027 // Set la largeur de la colonne contenant la nav en att style pour pouvoir déclencher l'animation avec la transition css 2028 const nav_main_col = document.querySelector("#nav-main-section > .container > .row > .col-auto"); 2029 nav_main_col.style.width = nav_main_col.offsetWidth > 0 ? Math.ceil(nav_main_col.offsetWidth) + 'px' : ''; 2030 // Detecte si le sticky de nav main est "activé", si oui ajoute la class is-pinned 2031 const nav_main = document.querySelector("#nav-main-section"); 2032 observer.observe(nav_main); 2033 2034 // POUR L'ANIM / STICKY DE LA NAV RESPONSIVE 2035 // -------------------------------- 2036 // Set la largeur de la colonne contenant la nav en att style pour pouvoir déclencher l'animation avec la transition css 2037 const nav_responsive_col = document.querySelector("#nav-responsive-section > .container > .row > .col-auto"); 2038 nav_responsive_col.style.width = nav_responsive_col.offsetWidth > 0 ? Math.ceil(nav_responsive_col.offsetWidth) + 'px' : ''; 2039 // Detecte si le sticky de nav responsive est "activé", si oui ajoute la class is-pinned 2040 const nav_responsive = document.querySelector("#nav-responsive-section"); 2041 observer.observe(nav_responsive); 2042 // Pour eviter que le bouton MENU ne se balade un peu de partout lorsque l'on scroll et que la navbar est open 2043 $('.navbar-toggler').on('click', function () { 2044 $('#nav-responsive-section').toggleClass('open'); 2045 $('body').toggleClass('overflow-hidden'); 2046 }); 2047 2048 }); 2049 2050 </script>
2050 2051 2052
2052<script> 2053 2054 window.swiperQueue = window.swiperQueue || []; 2055 window.swiperQueue.push((Swiper) => { 2056 2057 if ($('#home-actus-swiper').length > 0) { 2058 const homeActusSwiper = new Swiper("#home-actus-swiper", { 2059 slidesPerView: 1, 2060 spaceBetween: 0, 2061 scrollbar: { 2062 el: "#home-actus-swiper-scrollbar", 2063 hide: false, 2064 draggable: true, 2065 }, 2066 navigation: { 2067 prevEl: "#home-actus-swiper-button-prev", 2068 nextEl: "#home-actus-swiper-button-next", 2069 }, 2070 breakpoints: { 2071 576: { 2072 slidesPerView: 2, 2073 spaceBetween: 20, 2074 }, 2075 768: { 2076 slidesPerView: 1, 2077 spaceBetween: 0, 2078 }, 2079 840: { 2080 slidesPerView: 2, 2081 spaceBetween: 20, 2082 }, 2083 992: { 2084 slidesPerView: 2, 2085 spaceBetween: 40, 2086 }, 2087 1200: { 2088 slidesPerView: 3, 2089 spaceBetween: 20, 2090 } 2091 }, 2092 }); 2093 } 2094 2095 if ($('#home-agenda-swiper').length > 0) { 2096 const homeAgendaSwiper = new Swiper("#home-agenda-swiper", { 2097 slidesPerView: 1, 2098 slidesPerGroupSkip: 1, 2099 spaceBetween: 0, 2100 scrollbar: { 2101 el: "#home-agenda-swiper-scrollbar", 2102 hide: false, 2103 draggable: true, 2104 }, 2105 navigation: { 2106 prevEl: "#home-agenda-swiper-button-prev", 2107 nextEl: "#home-agenda-swiper-button-next", 2108 }, 2109 breakpoints: { 2110 992: { 2111 slidesPerView: 2, 2112 slidesPerGroup: 2, 2113 spaceBetween: 16, 2114 } 2115 }, 2116 }); 2117 } 2118 2119 if ($('#home-photos-swiper').length > 0) { 2120 const homePhotosSwiper = new Swiper("#home-photos-swiper", { 2121 slidesPerView: 'auto', 2122 spaceBetween: 8, 2123 loop: true, 2124 scrollbar: { 2125 el: "#home-photos-swiper-scrollbar", 2126 hide: false, 2127 draggable: true, 2128 }, 2129 navigation: { 2130 prevEl: "#home-photos-swiper-button-prev", 2131 nextEl: "#home-photos-swiper-button-next", 2132 } 2133 }); 2134 } 2135 2136 if ($('#home-bulletins-swiper').length > 0) { 2137 const homeBulletinsSwiper = new Swiper("#home-bulletins-swiper", { 2138 slidesPerView: 1, 2139 spaceBetween: 0, 2140 scrollbar: { 2141 el: "#home-bulletins-swiper-scrollbar", 2142 hide: false, 2143 draggable: true, 2144 }, 2145 navigation: { 2146 prevEl: "#home-bulletins-swiper-button-prev", 2147 nextEl: "#home-bulletins-swiper-button-next", 2148 }, 2149 breakpoints: { 2150 576: { 2151 slidesPerView: 2, 2152 spaceBetween: 20, 2153 }, 2154 768: { 2155 slidesPerView: 1, 2156 spaceBetween: 0, 2157 }, 2158 840: { 2159 slidesPerView: 2, 2160 spaceBetween: 20, 2161 }, 2162 992: { 2163 slidesPerView: 2, 2164 spaceBetween: 40, 2165 }, 2166 1200: { 2167 slidesPerView: 3, 2168 spaceBetween: 20, 2169 } 2170 }, 2171 }); 2172 } 2173 2174 const heroBannerSwiper = new Swiper('.heroSwiper', { 2175 direction: 'horizontal', 2176 loop: true, 2177 speed: 4000, 2178 autoplay: { 2179 delay: 2000,
2180 disableOnInteraction: false 2181 }, 2182 effect: 'fade', 2183 fadeEffect: { 2184 crossFade: false 2185 }, 2186 on: { 2187 afterInit: function (sw) { 2188 // Pré-chargement du second slide du diaporama juste après l'initialisation de swiper. 2189 // Pré-charger le second slide du diaporama via l'event "slideChangeTransitionEnd" fonctionne mal sous Chrome 2190 preloadNextSlide(sw, 1) 2191 }, 2192 }, 2193 }); 2194 2195 // Pré-chargement du slide suivant celui actif 2196 heroBannerSwiper.on('slideChangeTransitionEnd', (sw) => { 2197 preloadNextSlide(sw, sw.activeIndex + 1) 2198 }) 2199 2200 function preloadNextSlide(sw, slideIndex) { 2201 const template = document.querySelector('#template-swiper-slide-' + slideIndex); 2202 if (template) { 2203 const clone = template.content.cloneNode(true); 2204 const elmtLazyLoad = document.querySelector('.custom-swiper-lazyload.swiper-slide-' + slideIndex); 2205 if (elmtLazyLoad) { 2206 elmtLazyLoad.appendChild(clone); 2207 elmtLazyLoad.classList.remove('custom-swiper-lazyload'); 2208 template.parentElement.removeChild(template); 2209 } 2210 } 2211 } 2212 }); 2213 </script>
2213 2214 2215<!-- Matomo -->
2216<script> 2217 var _paq = window._paq = window._paq || []; 2218 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 2219 _paq.push(['trackPageView']); 2220 _paq.push(['enableLinkTracking']); 2221 (function () { 2222 var u = "https://matomo.zefyx.fr/"; 2223 _paq.push(['setTrackerUrl', u + 'matomo.php']); 2224 _paq.push(['setSiteId', '24']); 2225 var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; 2226 g.async = true; 2227 g.src = u + 'matomo.js'; 2228 s.parentNode.insertBefore(g, s); 2229 })(); 2230</script>
2230 2231<!-- End Matomo Code --> 2232 2233 2234</body> 2235</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.