1<!DOCTYPE html > 2<html lang="fr" data-device="computer"> 3<head> 4 <title>Contact</title> 5<meta name="description" 6 content="Contacter la mairie de Lablachère 7 Adresse 8Mairie de Lablachère 91 place de la Mairie 1007230 Lablachère 11 12Téléphone 13Tél : 04 75 36 65 72 14 15Mail 16[email protected] 17 18 19 20Horaires d'ouverture 21 Nous écrire 22 23Les champs marqués d'une * sont..."/> 24 25 <meta name="robots" content="index, follow" /> 26 27 28<meta charset="utf-8"/> 29<meta name="viewport" content="width=device-width, initial-scale=1.0"> 30<meta name="referrer" content="always"> 31<base href="https://www.lablachere.fr/"/> 32 33<link rel="icon" type="image/png" href="uploads/images/theme/favicon.png"/> 34 35 <link rel="canonical" href="https://www.lablachere.fr/contact/" /> 36 37 38 <link rel="stylesheet" 39 type="text/css" 40 href="assets/themes/theme1/css/styles-1779951449.min.css" 41 /> 42 43 44 45 <meta property="og:url" 46 content="//www.lablachere.fr/contact/"/> 47 <meta property="og:type" content="website"/> 48 <meta property="og:title" content="Contact"/> 49 <meta property="og:description" content="Contacter la mairie de Lablachère 50 Adresse 51Mairie de Lablachère 521 place de la Mairie 5307230 Lablachère 54 55Téléphone 56Tél : 04 75 36 65 72 57 58Mail 59[email protected] 60 61 62 63Horaires d'ouverture 64 Nous écrire 65 66Les champs marqués d'une * sont..."/> 67 68 69 70 71 72 </head> 73 74<body class="body_article_14"> 75<main> 76 77 <header class="container-fluid bg-white pb-5 pb-xl-4"> 78 <div class="container"> 79 <div class="row justify-content-between align-items-center"> 80 81 <div class="col-12 col-md-6 col-xl-3 py-3 d-flex align-items-center justify-content-center justify-content-xl-start"> 82 <a class="text-decoration-none mr-3" 83 href="//www.lablachere.fr/"> 84 <img 85 width="200" height="110" class="img-fluid logo" 86 src="uploads/images/theme/Mairie de Lablachère Logo.PNG" 87 alt="Logo Mairie de Lablachère"/> 88 </a> 89 </div> 90 91 <div class="col-12 col-md-6 col-xl-9 py-2 py-lg-0"> 92 <div id="nav-top-ctn"> 93 <div class="row no-gutters justify-content-center justify-content-md-end"> 94 <div class="col-auto mt-2 mt-sm-0"> 95 96 97<nav class="nav-top nav_horizontal nav_main"> 98 99 100 <ul> 101 102 <li class="" data-article-id="1"> 103 <a href="./" >Accueil</a> 104 </li> 105 106 107 108 109 110 111 112 113 </ul> 114 115 116 117 <div class="clear_both"></div> 118</nav> 119 </div> 120 <div class="col-auto mt-2 mt-sm-0"> 121 122 123<nav class="nav-top nav_horizontal nav_main"> 124 125 126 <ul> 127 128 <li class="" data-article-id="13"> 129 <a href="actualite/" >Actualité</a> 130 </li> 131 <li class="" data-article-id="23"> 132 <a href="agenda-lablachere/" >Agenda</a> 133 </li> 134 <li class="" data-article-id="14"> 135 <a href="contact/" >Contact</a> 136 </li> 137 138 139 140 141 142 143 144 145 </ul> 146 147 148 149 <div class="clear_both"></div> 150</nav> 151 </div> 152 <div class="col-auto mt-2 mt-sm-0"> 153 <nav class="nav-top nav_horizontal nav_main"> 154 <ul class=""> 155 <li class=""> 156 157 158 159 160 <div id="telephone_menu" class=""> 161 <a href="/contact/">
162 <span class="telephone_menu_puce"><i class="fas fa-mobile-alt"></i></span> 163 <span class="phone_number">04 75 36 65 72</span> 164 </a> 165 </div> 166 </li> 167 <li id="nav-top-fb" class=""> 168 <a href="https://www.facebook.com/mairiedelablachere" target="_blank" 169 aria-label="Lien Facebook Mairie de Lablachère">Facebook</a> 170 </li> 171 </ul> 172 </nav> 173 </div> 174 </div> 175 </div> 176 </div> 177 178 </div> 179 </div> 180 </header> 181 182 <section id="nav-main-section" class="bg-transparent d-none d-lg-block "> 183 <div class="container"> 184 <div class="row justify-content-end"> 185 <div class="col-auto"> 186 <div id="nav-main-ctn" 187 class="bg-tertiary"> 188 189<nav class="nav-main nav_horizontal nav_main"> 190 191 192 <ul> 193 194 <li class="li_menu_pere" data-article-id="16"> 195 <a href="mairie/" >Mairie</a> 196 <ul> 197 198 <li class="w-100 nav-fullwidth"> 199 <div class="container py-5 px-5"> 200 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 201 <div class="col-4"> 202 <ul> 203 <li class="" data-article-id="47"> 204 <a href="mairie/conseils-municipaux/" >Conseils municipaux et délibérations</a> 205 </li> 206 <li class="" data-article-id="27"> 207 <a href="mairie/les-elus/" >Equipe municipale</a> 208 </li> 209 </ul> 210 </div> 211 212 <div class="col-4 border-left border-tertiary"> 213 <ul> 214 <li class="" data-article-id="1554"> 215 <a href="mairie/ccid/" >CCID</a> 216 </li> 217 <li class="" data-article-id="29"> 218 <a href="mairie/le-ccas/" >Le CCAS</a> 219 </li> 220 </ul> 221 </div> 222 223 <div class="col-4 border-left"> 224 <ul> 225 <li class="" data-article-id="48"> 226 <a href="mairie/bulletins-municipaux/" >Bulletins municipaux</a> 227 </li> 228 <li class="" data-article-id="203"> 229 <a href="mairie/cdc-beaume-drobie/" >CdC Beaume Drobie</a> 230 </li> 231 </ul> 232 </div> 233 </div> 234 </div> 235 </li> 236 237 238 239 240 241 242 243 244 </ul> 245 246 </li> 247 <li class="li_menu_pere" data-article-id="19"> 248 <a href="informations/" >Démarches administratives</a> 249 <ul> 250 251 <li class="w-100 nav-fullwidth"> 252 <div class="container py-5 px-5"> 253 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 254 <div class="col-4"> 255 <ul> 256 <li class="" data-article-id="31"> 257 <a href="informations/carte-d-identite-et-passeport/" >CNI- passeport - carte grise</a> 258 </li> 259 <li class="" data-article-id="33"> 260 <a href="informations/demande-d-actes-d-etat-civil/" >Demande d'actes d'état civil</a> 261 </li> 262 </ul> 263 </div> 264 265 <div class="col-4 border-left border-tertiary"> 266 <ul> 267 <li class="" data-article-id="32"> 268 <a href="informations/urbanisme/" >Urbanisme et voirie</a> 269 </li> 270 <li class="" data-article-id="149"> 271 <a href="informations/ordures-menageres-2/" >Déchetterie et ordures ménagères</a> 272 </li> 273 </ul> 274 </div> 275 276 <div class="col-4 border-left"> 277 <ul> 278 <li class="" data-article-id="51"> 279 <a href="informations/declaration-annuelle-de-ruches/" >Déclaration annuelle de ruches</a> 280 </li> 281 <li class="" data-article-id="52"> 282 <a href="informations/environnement/" >Ambroisie- frelons- moustiques tigres</a> 283 </li> 284 </ul> 285 </div> 286 </div> 287 </div> 288 </li> 289 290 291 292 293 294 295 296 297 </ul> 298 299 </li> 300 <li class="li_menu_pere" data-article-id="17"> 301 <a href="vie-locale/" >Vie locale</a> 302 <ul> 303 304 <li class="w-100 nav-fullwidth"> 305 <div class="container py-5 px-5"> 306 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 307 <div class="col-4"> 308 <ul> 309 <li class="" data-article-id="38"> 310 <a href="vie-locale/ecole-publique/" >Ecoles</a> 311 </li> 312 <li class="" data-article-id="37"> 313 <a href="vie-locale/enfance-jeunesse/" >Enfance jeunesse</a> 314 </li> 315 <li class="" data-article-id="22"> 316 <a href="vie-locale/associations/" >Associations</a> 317 </li> 318 </ul> 319 </div> 320 321 <div class="col-4 border-left border-tertiary"> 322 <ul> 323 <li class="" data-article-id="82"> 324 <a href="vie-locale/commerces-artisanat-et-services/" >Commerces, artisanat et services</a> 325 </li> 326 <li class="" data-article-id="128"> 327 <a href="vie-locale/les-marches/" >Marchés de Lablachère</a> 328 </li> 329 <li class="" data-article-id="76"> 330 <a href="vie-locale/location-des-salles-communales/" >Location des salles communales</a> 331 </li> 332 </ul> 333 </div> 334 335 <div class="col-4 border-left"> 336 <ul> 337 <li class="" data-article-id="36"> 338 <a href="vie-locale/cimetiere/" >Cimetière</a> 339 </li> 340 <li class="" data-article-id="741"> 341 <a href="vie-locale/taxis/" >Taxis et VSL</a> 342 </li> 343 <li class="" data-article-id="227"> 344 <a href="vie-locale/fibre-optique/" >Fibre optique</a> 345 </li> 346 </ul> 347 </div> 348 </div> 349 </div> 350 </li> 351 352 353 354 355 356 357 358 359 </ul> 360 361 </li> 362 <li class="li_menu_pere" data-article-id="21"> 363 <a href="service-de-l-eau/" >Service de l'eau</a> 364 <ul> 365 366 <li class="w-100 nav-fullwidth"> 367 <div class="container py-5 px-5"> 368 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 369 <div class="col-4"> 370 <ul> 371 <li class="" data-article-id="229"> 372 <a href="service-de-l-eau/travaux-effectues/" >Travaux effectués</a> 373
373 </li> 374 <li class="" data-article-id="60"> 375 <a href="service-de-l-eau/regie/" >Régie</a> 376 </li> 377 </ul> 378 </div> 379 380 <div class="col-4 border-left border-tertiary"> 381 <ul> 382 <li class="" data-article-id="61"> 383 <a href="service-de-l-eau/historique/" >Historique</a> 384 </li> 385 <li class="" data-article-id="62"> 386 <a href="service-de-l-eau/spanc/" >SPANC</a> 387 </li> 388 </ul> 389 </div> 390 391 <div class="col-4 border-left"> 392 <ul> 393 <li class="" data-article-id="63"> 394 <a href="service-de-l-eau/agence-regionale-de-sante/" >ARS- Analyse d'eau</a> 395 </li> 396 <li class="" data-article-id="669"> 397 <a href="service-de-l-eau/ars-quelle-eau-buvez-vous/" >ARS : Quelle eau buvez-vous ?</a> 398 </li> 399 </ul> 400 </div> 401 </div> 402 </div> 403 </li> 404 405 406 407 408 409 410 411 412 </ul> 413 414 </li> 415 <li class="li_menu_pere" data-article-id="18"> 416 <a href="tourisme-et-loisirs/" >Tourisme et loisirs</a> 417 <ul> 418 419 <li class="w-100 nav-fullwidth"> 420 <div class="container py-5 px-5"> 421 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 422 <div class="col-4"> 423 <ul> 424 <li class="" data-article-id="193"> 425 <a href="tourisme-et-loisirs/quoi-faire-en-ardeche/" >Quoi faire en Ardèche?</a> 426 </li> 427 <li class="" data-article-id="42"> 428 <a href="tourisme-et-loisirs/hebergements-et-restauration/" >Hébergements et restauration</a> 429 </li> 430 </ul> 431 </div> 432 433 <div class="col-4 border-left border-tertiary"> 434 <ul> 435 <li class="" data-article-id="43"> 436 <a href="tourisme-et-loisirs/piscine/" >Piscine</a> 437 </li> 438 <li class="" data-article-id="44"> 439 <a href="tourisme-et-loisirs/guide-des-marches/" >Guide des marchés</a> 440 </li> 441 </ul> 442 </div> 443 444 <div class="col-4 border-left"> 445 <ul> 446 <li class="" data-article-id="78"> 447 <a href="tourisme-et-loisirs/sentiers-de-randonnees/" >Sentiers de randonnées</a> 448 </li> 449 <li class="" data-article-id="75"> 450 <a href="tourisme-et-loisirs/cinemas/" >Cinémas</a> 451 </li> 452 </ul> 453 </div> 454 </div> 455 </div> 456 </li> 457 458 459 460 461 462 463 464 465 </ul> 466 467 </li> 468 <li class="li_menu_pere" data-article-id="20"> 469 <a href="culture-et-patrimoine/" >Culture et patrimoine</a> 470 <ul> 471 472 <li class="w-100 nav-fullwidth"> 473 <div class="container py-5 px-5"> 474 <div class="row justify-content-center no-gutters pt-4 px-xl-5 mt-2"> 475 <div class="col-4"> 476 <ul> 477 <li class="" data-article-id="56"> 478 <a href="culture-et-patrimoine/monument-aux-morts/" >Monument aux Morts -</a> 479 </li> 480 <li class="" data-article-id="59"> 481 <a href="culture-et-patrimoine/histoire-de-lablachere/" >Histoire de Lablachère</a> 482 </li> 483 </ul> 484 </div> 485 486 <div class="col-4 border-left border-tertiary"> 487 <ul> 488 <li class="" data-article-id="57"> 489 <a href="culture-et-patrimoine/salle-d-exposition/" >Salle d'exposition</a> 490 </li> 491 <li class="" data-article-id="58"> 492 <a href="culture-et-patrimoine/bibliotheque/" >Bibliothèque</a> 493 </li> 494 </ul> 495 </div> 496 497 <div class="col-4 border-left"> 498 <ul> 499 <li class="" data-article-id="74"> 500 <a href="culture-et-patrimoine/boites-a-livres/" >Cabines à Livres</a> 501 </li> 502 </ul> 503 </div> 504 </div> 505 </div> 506 </li> 507 508 509 510 511 512 513 514 515 </ul> 516 517 </li> 518 519 520 521 522 523 524 525 526 </ul> 527 528 529 530 <div class="clear_both"></div> 531</nav> 532 </div> 533 </div> 534 </div> 535 </div> 536 </section> 537 538 <section id="nav-responsive-section" class="bg-transparent d-lg-none"> 539 <div class="container"> 540 <div class="row justify-content-end"> 541 <div class="col-auto"> 542 <div id="nav-responsive-ctn" class="bg-tertiary"> 543 <nav class="custom_navbar navbar navbar-light "> 544 <div class="navbar-toggler-ctn"> 545 <button class="navbar-toggler" type="button" data-toggle="collapse" 546 data-target="#navbarCollapse" aria-controls="navbarC
546ollapse" 547 aria-expanded="false" 548 aria-label="Toggle navigation"> 549 <div class="navbar-toggler-icon"> 550 <span></span> 551 <span></span> 552 <span></span> 553 </div> 554 <div class="navbar-toggler-text">MENU</div> 555 </button> 556 </div> 557 <div class="collapse navbar-collapse bg-tertiary" id="navbarCollapse"> 558 559 560<nav class="nav_vertical nav_main"> 561 562 563 <ul> 564 565 <li class="" data-article-id="1"> 566 <a href="./" >Accueil</a> 567 </li> 568 <li class="" data-article-id="13"> 569 <a href="actualite/" >Actualité</a> 570 </li> 571 <li class="" data-article-id="23"> 572 <a href="agenda-lablachere/" >Agenda</a> 573 </li> 574 <li class="li_menu_pere" data-article-id="16"> 575 <a href="mairie/" >Mairie</a> 576 <ul> 577 578 <li class="" data-article-id="47"> 579 <a href="mairie/conseils-municipaux/" >Conseils municipaux et délibérations</a> 580 </li> 581 <li class="" data-article-id="27"> 582 <a href="mairie/les-elus/" >Equipe municipale</a> 583 </li> 584 <li class="" data-article-id="1554"> 585 <a href="mairie/ccid/" >CCID</a> 586 </li> 587 <li class="" data-article-id="29"> 588 <a href="mairie/le-ccas/" >Le CCAS</a> 589 </li> 590 <li class="" data-article-id="48"> 591 <a href="mairie/bulletins-municipaux/" >Bulletins municipaux</a> 592 </li> 593 <li class="" data-article-id="203"> 594 <a href="mairie/cdc-beaume-drobie/" >CdC Beaume Drobie</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="19"> 608 <a href="informations/" >Démarches administratives</a> 609 <ul> 610 611 <li class="" data-article-id="31"> 612 <a href="informations/carte-d-identite-et-passeport/" >CNI- passeport - carte grise</a> 613 </li> 614 <li class="" data-article-id="33"> 615 <a href="informations/demande-d-actes-d-etat-civil/" >Demande d'actes d'état civil</a> 616 </li> 617 <li class="" data-article-id="32"> 618 <a href="informations/urbanisme/" >Urbanisme et voirie</a> 619 </li> 620 <li class="" data-article-id="149"> 621 <a href="informations/ordures-menageres-2/" >Déchetterie et ordures ménagères</a> 622 </li> 623 <li class="" data-article-id="51"> 624 <a href="informations/declaration-annuelle-de-ruches/" >Déclaration annuelle de ruches</a> 625 </li> 626 <li class="" data-article-id="52"> 627 <a href="informations/environnement/" >Ambroisie- frelons- moustiques tigres</a> 628 </li> 629 630 631 632 633 634 635 636 637 </ul> 638 639 </li> 640 <li class="li_menu_pere" data-article-id="17"> 641 <a href="vie-locale/" >Vie locale</a> 642 <ul> 643 644 <li class="" data-article-id="38"> 645 <a href="vie-locale/ecole-publique/" >Ecoles</a> 646 </li> 647 <li class="" data-article-id="37"> 648 <a href="vie-locale/enfance-jeunesse/" >Enfance jeunesse</a> 649 </li> 650 <li class="" data-article-id="22"> 651 <a href="vie-locale/associations/" >Associations</a> 652 </li> 653 <li class="" data-article-id="82"> 654 <a href="vie-locale/commerces-artisanat-et-services/" >Commerces, artisanat et services</a> 655 </li> 656 <li class="" data-article-id="128"> 657 <a href="vie-locale/les-marches/" >Marchés de Lablachère</a> 658 </li> 659 <li class="" data-article-id="76"> 660 <a href="vie-locale/location-des-salles-communales/" >Location des salles communales</a> 661 </li> 662 <li class="" data-article-id="36"> 663 <a href="vie-locale/cimetiere/" >Cimetière</a> 664 </li> 665 <li class="" data-article-id="741"> 666 <a href="vie-locale/taxis/" >Taxis et VSL</a> 667 </li> 668 <li class="" data-article-id="227"> 669 <a href="vie-locale/fibre-optique/" >Fibre optique</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="21"> 683 <a href="service-de-l-eau/" >Service de l'eau</a> 684 <ul> 685 686 <li class="" data-article-id="229"> 687 <a href="service-de-l-eau/travaux-effectues/" >Travaux effectués</a> 688 </li> 689 <li class="" data-article-id="60"> 690 <a href="service-de-l-eau/regie/" >Régie</a> 691 </li> 692 <li class="" data-article-id="61"> 693 <a href="service-de-l-eau/historique/" >Historique</a> 694 </li> 695 <li class="" data-article-id="62"> 696 <a href="service-de-l-eau/spanc/" >SPANC</a> 697 </li> 698 <li class="" data-article-id="63"> 699 <a href="service-de-l-eau/agence-regionale-de-sante/" >ARS- Analyse d'eau</a> 700 </li> 701 <li class="" data-article-id="669"> 702 <a href="service-de-l-eau/ars-quelle-eau-buvez-vous/" >ARS : Quelle eau buvez-vous ?</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="18"> 716 <a href="tourisme-et-loisirs/" >Tourisme et loisirs</a> 717 <ul> 718 719 <li class="" data-article-id="193"> 720 <a href="tourisme-et-loisirs/quoi-faire-en-ardeche/" >Quoi faire en Ardèche?</a> 721 </li> 722 <li class="" data-article-id="42"> 723 <a href="tourisme-et-loisirs/hebergements-et-restauration/" >Hébergements et restauration</a> 724 </li> 725 <li class="" data-article-id="43"> 726 <a href="tourisme-et-loisirs/piscine/" >Piscine</a> 727 </li> 728 <li class="" data-article-id="44"> 729 <a href="tourisme-et-loisirs/guide-des-marches/" >Guide des marchés</a> 730 </li> 731 <li class="" data-article-id="78"> 732 <a href="tourisme-et-loisirs/sentiers-de-randonnees/" >Sentiers de randonnées</a> 733 </li> 734 <li class="" data-article-id="75"> 735 <a href="tourisme-et-loisirs/cinemas/" >Cinémas</a> 736 </li> 737 738 739 740 741 742 743 744 745 </ul> 746 747 </li> 748 <li class="li_menu_pere" data-article-id="20"> 749 <a href="culture-et-patrimoine/" >Culture et patrimoine</a> 750 <ul> 751 752 <li class="" data-article-id="56"> 753 <a href="culture-et-patrimoine/monument-aux-morts/" >Monument aux Morts -</a> 754 </li> 755 <li class="" data-article-id="59"> 756 <a href="culture-et-patrimoine/histoire-de-lablachere/" >Histoire de Lablachère</a> 757 </li> 758 <li class="" data-article-id="57"> 759 <a href="culture-et-patrimoine/salle-d-exposition/" >Salle d'exposition</a> 760 </li> 761 <li class="" data-article-id="58"> 762 <a href="culture-et-patrimoine/bibliotheque/" >Bibliothèque</a> 763 </li> 764 <li class="" data-article-id="74"> 765 <a href="culture-et-patrimoine/boites-a-livres/" >Cabines à Livres</a> 766 </li> 767 768 769 770 771 772 773 774 775 </ul> 776 777 </li> 778 <li class="" data-article-id="14"> 779 <a href="contact/" >Contact</a> 780 </li> 781 782 783 784 785 786 787 788 789 </ul> 790 791 792 793 <div class="clear_both"></div> 794</nav> 795 </div> 796 </nav> 797 </div> 798 </div> 799 </div> 800 </div> 801 </section> 802 803 804 <section id="hero-banner-section" class="container-fluid p-0"> 805 <div class="container-hero-banner"> 806 </div> 807 <div id="banner_title_breadcrumb" class="container-fluid"> 808 <div class="container pt-5 pt-sm-3 pb-4"> 809 <div class="article-name pt-1 pt-sm-4 pt-lg-5">Contact</div> 810 <nav aria-label="breadcrumb"> 811 <ol class="breadcrumb"> 812 <li class="breadcrumb-item"> 813 <a href="/" title="Accueil"><i class="fa fa-home"><
813/i></a> 814 </li> 815 <li class="breadcrumb-item"> 816 <a href="contact/" title="Contact">Contact</a> 817 </li> 818 </ol> 819</nav> 820 <form action="" method="post" class="core-search"> 821 <div class="form-group"> 822 <div class="input-group mb-3"> 823 <input type="text" class="form-control" placeholder="Recherche" aria-label="Recherche" name="recherche_recherche" pattern=".{3,}" maxlength="50" value="" required 824 title="Vous devez saisir au moins 3 caractères."> 825 <input type="hidden" name="token_search" value="18cc7e2487cd1520396b8f7930d4ad0df35afcb1193dba5c433de3a5cdf4262d"/> 826 <div class="input-group-append"> 827 <button class="input-group-text" name="recherche_submit" type="submit" aria-label="Recherche" title="Recherche" role="button"><i class="fa fa-search"></i></button> 828 </div> 829 </div> 830 </div> 831</form> 832 </div> 833 </div> 834 </section> 835 836 837 <section id="content" 838 class="container-fluid bg-quinary p-0"> 839 840 <div class="container py-0"> 841 842 843 844 <div class="row no-gutters" id="page-row-13966"> 845 <div class="col-12 block-zefyx block-text mt-4 mt-lg-5" id="block-0"> 846 <h1 style="text-align:center">Contacter la mairie de Lablachère</h1> 847 </div> 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 </div> 880 881 882 <div class="row " id="page-row-13967"> 883 884 <div class="col-lg-4 " id="page-col-13968"> 885 886 <div class="row no-gutters" id="page-row-13969"> 887 <div class="col-12 block-zefyx block-text " id="block-0"> 888 <h2>Adresse</h2> 889Mairie de Lablachère<br/> 8901 place de la Mairie<br/> 89107230 Lablachère<br/> 892 893<h2>Téléphone</h2> 894Tél : 04 75 36 65 72<br/> 895 896<h2>Mail </h2> 897<a href="mailto:[email protected]">[email protected]</a> 898 899<div class="separateur_20px"> </div> 900 901<h2>Horaires d'ouverture</h2> 902 </div> 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 </div> 935 936 937 <div class="row no-gutters" id="page-row-13970"> 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 <div class="col-12 block-zefyx block-page " id="block-1"> 954 <strong>Du lundi au jeudi :</strong><br/> 955de 8h30 à 12h et de 14h à 17h<br/> 956<strong>Le vendredi : </strong><br/> 957de 8h30 à 12h et de 14h à 16h 958 <div style="clear: both; height: 1px;"></div> 959 </div> 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 </div> 977 978 979 980 981 </div> 982 983 984 <div class="col-lg-8 mt-5 mt-lg-0" id="page-col-13971"> 985 986 <div class="row no-gutters" id="page-row-13972"> 987 <div class="col-12 block-zefyx block-text " id="block-0"> 988 <h2>Nous écrire</h2> 989 990<p class="display_seb">Les champs marqués d'une * sont obligatoires.</p> 991 </div> 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 </div> 1024 1025 1026 <div class="row no-gutters" id="page-row-13973"> 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 <div class="col-12 block-zefyx block-form " id="block-1"> 1038 <div class="widget-form" id="form1"> 1039 1040 1041 1042 1043 1044 1045 <thisisnotaform1_1790968065672173 action="/formnotfound" class="d-none"> 1046 1047 1048 1049 <div class="form-group hopodino"> 1050 <label for="important_message_required">Important message required</label> 1051 <input type="text" id="important_message_required" 1052 name="important_message_required" 1053 value=""/> 1054 <input type="hidden" name="time" value="1790968065"/> 1055 <input type="hidden" name="token" value="18cc7e2487cd1520396b8f7930d4ad0df35afcb1193dba5c433de3a5cdf4262d"/> 1056 1057 </div> 1058 1059 1060 <div class="form-group d-none"> 1061 <div class="input-group"> 1062 <div class="input-group-prepend">
1063 <span class="input-group-text" id="inputGroupPrepend"><i 1064 class="fa fa-exchange-alt"></i></span> 1065 </div> 1066 <select name="main_destinataire"> 1067 <option value="2">Mairie de Lablachère</option> 1068 </select> 1069 </div> 1070 </div> 1071 1072 1073 1074 1075 <div class="form-group col-md-6"> 1076 <label for="nom">Nom</label> 1077 <div class="input-group"> 1078 <div class="input-group-prepend"> 1079 <span class="input-group-text" id="inputGroupPrepend"><i 1080 class="fa fa-user"></i></span> 1081 </div> 1082 <input class="form-control" 1083 placeholder="Nom*" 1084 type="text" name="nom" 1085 value="" 1086 aria-describedby="inputGroupPrepend" 1087 required /> 1088 </div> 1089 </div> 1090 1091 1092 1093 1094 1095 <div class="form-group col-md-6"> 1096 <label for="prenom">Prénom</label> 1097 <div class="input-group"> 1098 <div class="input-group-prepend"> 1099 <span class="input-group-text" id="inputGroupPrepend"><i 1100 class=""></i></span> 1101 </div> 1102 <input class="form-control" 1103 placeholder="Prénom*" 1104 type="text" name="prenom" 1105 value="" 1106 aria-describedby="inputGroupPrepend" 1107 required /> 1108 </div> 1109 </div> 1110 1111 1112 1113 1114 1115 <div class="form-group col-md-6"> 1116 <label for="email">Email</label> 1117 <div class="input-group"> 1118 <div class="input-group-prepend"> 1119 <span class="input-group-text" id="inputGroupPrepend"><i 1120 class="fa fa-at"></i></span> 1121 </div> 1122 <input class="form-control" 1123 placeholder="Email*" 1124 type="text" name="email" 1125 value="" 1126 aria-describedby="inputGroupPrepend" 1127 required /> 1128 </div> 1129 </div> 1130 1131 1132 1133 1134 1135 <div class="form-group col-md-6"> 1136 <label for="telephone">Téléphone</label> 1137 <div class="input-group"> 1138 <div class="input-group-prepend"> 1139 <span class="input-group-text" id="inputGroupPrepend"><i 1140 class="fa fa-phone"></i></span> 1141 </div> 1142 <input class="form-control" 1143 placeholder="Téléphone*" 1144 type="text" name="telephone" 1145 value="" 1146 aria-describedby="inputGroupPrepend" 1147 required /> 1148 </div> 1149 </div> 1150 1151 1152 1153 1154 1155 <div class="form-group col-12"> 1156 <label for="message">Message</label> 1157 <textarea class="form-control" 1158 placeholder="Message*" 1159 name="message" 1160 required></textarea> 1161 1162 </div> 1163 1164 1165 1166 1167 1168 <div class="form-group col-md-6"> 1169 <label class="label_file" for="fichier_1_envoyer_une_piecejointe">Fichier 1 (envoyer une pièce-jointe)</label> 1170 <input id="input_file_1921" class="form-control-file" type="file" 1171 name="fichier_1_envoyer_une_piecejointe" 1172 onchange="updateListInputTypeFile_Form_1(this, 1);"/> 1173 </div> 1174 1175 1176 1177 1178 1179 <div class="form-group col-md-6"> 1180 <label class="label_file" for="fichier_2_envoyer_une_piecejointe">Fichier 2 (envoyer une pièce-jointe)</label> 1181 <input id="input_file_1922" class="form-control-file" type="file" 1182 name="fichier_2_envoyer_une_piecejointe" 1183 onchange="updateListInputTypeFile_Form_1(this, 1);"/> 1184 </div> 1185 1186 1187 1188 1189 1190 <div class="form-group col-md-6"> 1191 <label class="label_file" for="fichier_3_envoyer_une_piecejointe">Fichier 3 (envoyer une pièce-jointe)</label> 1192 <input id="input_file_1923" class="form-control-file" type="file" 1193 name="fichier_3_envoyer_une_piecejointe" 1194 onchange="updateListInputTypeFile_Form_1(this, 1);"/> 1195 </div> 1196 1197 1198 1199 1200 1201 <div class="form-group col-md-6"> 1202 <label class="label_file" for="fichier_4_envoyer_une_piecejointe">Fichier 4 (envoyer une pièce-jointe)</label> 1203 <input id="input_file_1924" class="form-control-file" type="file" 1204 name="fichier_4_envoyer_une_piecejointe" 1205 onchange="updateListInputTypeFile_Form_1(this, 1);"/> 1206 </div> 1207 1208 1209 1210 1211 1212 <div class="form-group col-12"> 1213 <input type="checkbox" name="rgpd" id="check_rgpd" 1214 value="rgpd" required /> 1215 <label for="check_rgpd" class="d-inline"> 1216 1217 1218 J'accepte la <a href="mentions-legales/#rgpd_mentions " 1219 target="_blank">politique de protection des 1220 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. 1221 </label> 1222 1223 </div> 1224 1225 1226 1227 1228 <div class="alert alert-danger d-none" 1229 id="alert_attachmentsTooBig_form_1">La taille des pièces jointes (<span class="attachmentsSize"></span>) dépasse la taille autorisée (<span class="attachmentsMaxSize"></span>).</div> 1230 1231 <button type="submit" class="btn btn-primary" 1232 name="envoyer_1">Envoyer</button> 1233 </thisisnotaform1_1790968065672173> 1234 </div> 1235
1236<script type="text/javascript"> 1237 var attachmentsMaxSize = 20971520; 1238 var listOfInputTypeFile = []; 1239 1240 document.addEventListener("DOMContentLoaded", function () { 1241 changeElementType("thisisnotaform1_1790968065672173", "form"); 1242 var formElement = $("div#form1 > form"); 1243 formElement.attr('name', 'formulaire'); 1244 formElement.attr('method', 'post'); 1245 formElement.attr('action', '/contact/#form1'); 1246 formElement.attr('enctype', 'multipart/form-data'); 1247 formElement.attr('class', 'no_label'); 1248 }); 1249 1250 function updateListInputTypeFile_Form_1(el, formId) { 1251 var attachmentsSizes = 0; 1252 if (typeof (listOfInputTypeFile[formId]) === 'undefined') { 1253 listOfInputTypeFile[formId] = []; 1254 } 1255 if (!(listOfInputTypeFile[formId].includes(el.id))) { 1256 listOfInputTypeFile[formId].push(el.id); 1257 } 1258 listOfInputTypeFile[formId].forEach(function (currentValue, index, arr) { 1259 var elementInput = document.getElementById(currentValue); 1260 if (typeof (elementInput.files[0]) !== 'undefined') { 1261 var fileSize = elementInput.files[0].size; 1262 if (typeof (fileSize) !== 'undefined') { 1263 attachmentsSizes = attachmentsSizes + fileSize; 1264 } 1265 } 1266 if (attachmentsSizes > attachmentsMaxSize) { 1267 document.getElementById('alert_attachmentsTooBig_form_' + formId).classList.remove('d-none'); 1268 document.querySelector('button[type="submit"][name="envoyer_' + formId + '"]').disabled = true; 1269 document.querySelector('#alert_attachmentsTooBig_form_' + formId + ' > span.attachmentsSize').textContent = Math.round(attachmentsSizes / 1048576) + "Mo"; 1270 document.querySelector('#alert_attachmentsTooBig_form_' + formId + ' > span.attachmentsMaxSize').textContent = Math.round(attachmentsMaxSize / 1048576) + "Mo"; 1271 } else { 1272 document.getElementById('alert_attachmentsTooBig_form_' + formId).classList.add('d-none'); 1273 document.querySelector('button[type="submit"][name="envoyer_' + formId + '"]').disabled = false; 1274 } 1275 }, formId); 1276 } 1277 1278</script>
1278 1279 </div> 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 </div> 1302 1303 1304 1305 1306 </div> 1307 1308 1309 1310 1311 </div> 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 </div> 1322 1323 </section> 1324 1325 <section id="contact-maps" class="home-section container-fluid custom-bg-tertiary bg-quinary custom-bg-bottom"> 1326 <div class="container"> 1327 <div class="home-section-ctn custom-border-primary"> 1328 1329 <div > 1330 1331 1332 1333 <div class="block-placeholder block-zefyx block-text block-placeholder-0 mb-3" > 1334 <h2 style="text-align:center">Où nous trouver ?</h2> 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 </div> 1361 1362 1363 1364 <div class="block-placeholder block-zefyx block-gmaps block-placeholder-1 " > 1365 1366 1367 1368 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d91119.6328898689!2d4.215776008720093!3d44.46415811840706!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12b4f019cbd652c3%3A0xcada923ad78fb93!2sHotel%20de%20Ville%20de%20Lablach%C3%A8re!5e0!3m2!1sfr!2sfr!4v1610978393049!5m2!1sfr!2sfr" width="100%" height="500" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe> 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 </div> 1391 1392 1393 </div> 1394 1395 1396 1397 </div> 1398 </div> 1399 </section> 1400 1401 <footer class="container-fluid bg-tertiary pt-4 m-0"> 1402 <div class="container"> 1403 1404 <div class="row justify-content-center py-lg-5 text-white footer-infos"> 1405 1406 <div class="col-12 col-md-12 col-lg-4 text-center mb-5 mb-lg-0"> 1407 <div class="h4 text-script text-white mb-2">Mairie de Lablachère</div> 1408 <div>1 place de la mairie</div> 1409 <div>07230 LABLACHERE</div> 1410 <div class="mt-3 mb-2"> 1411 1412 1413 1414 1415 <div id="telephone_menu" class=""> 1416 <a href="/contact/"> 1417 <span class="telephone_menu_puce"><i class="fas fa-mobile-alt"></i></span> 1418 <span class="phone_number">04 75 36 65 72</span> 1419 </a> 1420 </div> 1421 </div> 1422 <div> 1423 <a class="btn btn-primary" href="//www.lablachere.fr/contact">Nous écrire</a> 1424 </div> 1425 </div> 1426 1427 <div class="placeholders col-12 col-md-7 col
1427-lg-4 text-center text-lg-left mb-5 mb-md-0 pl-lg-4 pl-xl-5"> 1428 <div> 1429 <div class="h4 text-script text-white mb-2">Horaires d'ouverture</div> 1430 1431 <div > 1432 1433 1434 1435 <div class="block-placeholder block-zefyx block-page block-placeholder-0 " > 1436 1437 1438 1439 <div class="row no-gutters" id="page-row-12837"> 1440 <div class="col-12 block-zefyx block-text " id="block-0"> 1441 <strong>Du lundi au jeudi :</strong><br/> 1442de 8h30 à 12h et de 14h à 17h<br/> 1443<strong>Le vendredi : </strong><br/> 1444de 8h30 à 12h et de 14h à 16h 1445 </div> 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 </div> 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 </div> 1509 1510 1511 1512 </div> 1513 <div class="mt-3"> 1514 <div class="h5 text-script text-white mb-2">Recevez nos infos par e-mail</div> 1515 <div class="placeholders" id="position_newsletter"> 1516 1517 <div > 1518 1519 1520 1521 <div class="block-placeholder block-zefyx block-newsletter-form block-placeholder-0 " > 1522 1523 1524 1525 1526 1527 1528 1529 1530 1531 1532 1533 <div 1534 class="newsletter_block" 1535 id="newsletter_block" 1536 > 1537 <span class="newsletter_titre">Newsletter</span> 1538 1539 <thisisnotanewsletterform_1790968065667610 style="visibility: hidden;"> 1540 <input type="hidden" name="token" value="18cc7e2487cd1520396b8f7930d4ad0df35afcb1193dba5c433de3a5cdf4262d"/> 1541 <div class="form-group"> 1542 <div class="input-group"> 1543 <input type="email" class="form-control" placeholder="Votre adresse email" 1544 aria-label="Votre adresse email" 1545 name="newsletter_register" required 1546 value=""> 1547 </div> 1548 </div> 1549 1550 1551 1552 <div class="form-group pl-4"> 1553 <input type="checkbox" required class="form-check-input" name="newsletter_rgpd" 1554 id="newsletter_rgpd"> 1555 <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> 1556 </div> 1557 1558 1559 <div class="btn-group"> 1560 <button type="submit" class="btn btn-primary my-1" name="newsletter_subscribe" 1561 value="Inscription">Inscription</button> 1562 <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split my-1" 1563 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1564 <span class="sr-only">Autres actions</span> 1565 </button> 1566 <div class="dropdown-menu"> 1567 <div class="dropdown-item"> 1568 <input class="btn btn-secondary my-1" type="submit" name="newsletter_unsubscribe" 1569 value="Désinscription" 1570 onclick="removeRequiredFromFields();"> 1571 </div> 1572 </div> 1573 </div> 1574 </thisisnotanewsletterform_1790968065667610> 1575 1576 1577 1578 </div> 1579 1580
1580<script> 1581 document.addEventListener("DOMContentLoaded", () => { 1582 1583 changeElementType("thisisnotanewsletterform_1790968065667610", "form"); 1584 let formElement = document.querySelector('.newsletter_block > form'); 1585 formElement.setAttribute('name', 'newsletter_form'); 1586 formElement.setAttribute('id', 'newsletter_form'); 1587 formElement.setAttribute('method', 'post'); 1588 formElement.setAttribute('action', '/contact/#newsletter_block'); 1589 formElement.setAttribute('class', 'd-block'); 1590 1591 var requiredCheckboxes = $('#newsletter_form .newsletter-group-subscription :checkbox[required]'); 1592 requiredCheckboxes.change(function () { 1593 if (requiredCheckboxes.is(':checked')) { 1594 requiredCheckboxes.removeAttr('required'); 1595 } else { 1596 requiredCheckboxes.attr('required', 'required'); 1597 } 1598 }); 1599 1600 }); 1601 1602 function removeRequiredFromFields() { 1603 $('.newsletter-group-subscription :checkbox[required]').removeAttr('required'); 1604 $('#newsletter_rgpd').removeAttr('required'); 1605 } 1606 1607 let elmNewsletterManageSubscriptions = document.querySelector('input[name=newsletter_manage_subscriptions]'); 1608 if (elmNewsletterManageSubscriptions) { 1609 elmNewsletterManageSubscriptions.addEventListener("click", (e) => { 1610 e.preventDefault(); 1611 removeRequiredFromFields(); 1612 document.forms['newsletter_form'].reportValidity(); 1613 var email = $('input[name="newsletter_register"]').val(); 1614 if (email !== '') { 1615 const form = new FormData(); 1616 form.append("email", email); 1617 const settings = { 1618 async: true, 1619 crossDomain: false, 1620 url: "/api/newsletter/manage-group-html-modal", 1621 method: "POST", 1622 processData: false, 1623 contentType: false, 1624 dataType: "json", 1625 mimeType: "multipart/form-data", 1626 data: form 1627 }; 1628 1629 $.ajax(settings).done(function (response) { 1630 $(response.html).appendTo("body"); 1631 $('#manageSubscriptionsModal').modal('toggle') 1632 }); 1633 } 1634 }); 1635 } 1636 </script>
1636 1637 1638 1639 1640 1641 1642 1643 1644 1645 1646 1647 1648 1649 1650 1651 1652 </div> 1653 1654 1655 </div> 1656 1657 1658 1659 </div> 1660 </div> 1661 </div> 1662 1663 <div class="col-12 col-md-5 col-lg-4 text-center text-md-left pl-lg-4 pl-xl-5"> 1664 <div class="h4 text-script text-white mb-3">Rechercher</div> 1665 <form action="" method="post" class="core-search"> 1666 <div class="form-group"> 1667 <div class="input-group mb-3"> 1668 <input type="text" class="form-control" placeholder="Recherche" aria-label="Recherche" name="recherche_recherche" pattern=".{3,}" maxlength="50" value="" required 1669 title="Vous devez saisir au moins 3 caractères."> 1670 <input type="hidden" name="token_search" value="18cc7e2487cd1520396b8f7930d4ad0df35afcb1193dba5c433de3a5cdf4262d"/> 1671 <div class="input-group-append"> 1672 <button class="input-group-text" name="recherche_submit" type="submit" aria-label="Recherche" title="Recherche" role="button"><i class="fa fa-search"></i></button> 1673 </div> 1674 </div> 1675 </div> 1676</form> 1677 </div> 1678 1679 1680 <div id="nav-footer-col" class="col-12 text-center text-md-left mt-5 pt-5"> 1681 <div id="nav-footer-ctn" class="text-center"> 1682 <nav> 1683 <ul> 1684 <li class="text-center"><a class="text-uppercase mb-1" 1685 href="./">Accueil</a></li> 1686 <li class="text-center"><a class="text-uppercase mb-1" 1687 href="actualite/">Actualité</a></li> 1688 <li class="text-center"><a class="text-uppercase mb-1" 1689 href="agenda-lablachere/">Agenda</a></li> 1690 <li class="text-center"><a class="text-uppercase mb-1" 1691 href="mairie/">Mairie</a></li> 1692 <li class="text-center"><a class="text-uppercase mb-1" 1693 href="informations/">Démarches administratives</a></li> 1694 <li class="text-center"><a class="text-uppercase mb-1" 1695 href="vie-locale/">Vie locale</a></li> 1696 <li class="text-center"><a class="text-uppercase mb-1" 1697 href="service-de-l-eau/">Service de l'eau</a></li> 1698 <li class="text-center"><a class="text-uppercase mb-1" 1699 href="tourisme-et-loisirs/">Tourisme et loisirs</a></li> 1700 <li class="text-center"><a class="text-uppercase mb-1" 1701 href="culture-et-patrimoine/">Culture et patrimoine</a></li> 1702 <li class="text-center"><a class="text-uppercase mb-1" 1703 href="contact/">Contact</a></li> 1704 </ul> 1705 </nav> 1706 </div> 1707 </div> 1708 1709 </div> 1710 1711 <div class="row justify-content-center py-5 text-white text-center footer-signature"> 1712 <div class="col-12 col-lg-auto"> 1713 <div> 1714 © 2020 - 2026 Mairie de Lablachère</div> 1715 </div> 1716 <div class="col-auto d-none d-lg-block px-0"> 1717 <div>|</div> 1718 </div> 1719 <div class="col-12 col-lg-auto"> 1720 <a href="mentions-legales/">Mentions légales</a> 1721 </div> 1722 <div class="col-auto small d-none d-lg-block px-0"> 1723 <div>|</div> 1724 </div> 1725 <div class="col-12 col-lg-auto"> 1726 <div>Une création de <a href="https://www.zefyx.fr" rel="noopener" target="_blank">Zéfyx agence web en Ardèche</a></div> 1727 </div> 1728 </div> 1729 1730 </div> 1731 </footer> 1732</main> 1733 1734 1735
1735<script src="assets/jquery-3.5.1/js/jquery-3.5.1.min.js"></script>
1735 1736
1736<script src="assets/popper-1.14.3/js/popper.min.js"></script>
1736 1737
1737<script src="assets/bootstrap-4.6.0/dist/js/bootstrap.min.js"></script>
1737 1738
1738<script src="assets/lazysizes/lazysizes.min.js"></script>
1738 1739
1740<script> 1741 function loadCycle2Scripts() { 1742 1743 // Pour cycle2 il est nécessaire que cycle2 soit bien chargé avant de lancer le chargement de cycle2.scrollVert 1744 // Pour permettre cela on enchaine les deux promises plutôt que passer par l'utilisation de Promise.all 1745 // Cela évite l'erreur TypeError: Cannot read properties of undefined (reading 'transitions') 1746 // at /assets/cycle-2/js/jquery.cycle2.scrollVert.min.js:2:38 1747 // at /assets/cycle-2/js/jquery.cycle2.scrollVert.min.js:2:288 1748 let promiseCycle2 = new Promise(resolve => { 1749 let script = document.createElement('script'); 1750 script.src = 'assets/cycle-2/js/jquery.cycle2.min.js'; 1751 script.onload = () => resolve(script); 1752 document.body.append(script); 1753 }) 1754 1755 return promiseCycle2.then(() => { 1756 return new Promise(resolve => { 1757 let script = document.createElement('script'); 1758 script.src = 'assets/cycle-2/js/jquery.cycle2.scrollVert.min.js'; 1759 script.onload = () => resolve(script); 1760 document.body.append(script); 1761 }) 1762 }) 1763 } 1764</script>
1764 1765
1766<script src="assets/owl-carousel2-2.3.4/dist/owl.carousel.min.js"></script>
1766 1767 1768
1768<script> 1769 async function loadFlatpickrScripts() { 1770 const loadScript = (src) => new Promise((resolve, reject) => { 1771 if (document.querySelector(`script[src="${src}"]`)) return resolve(); 1772 let script = document.createElement('script'); 1773 script.src = src; 1774 script.onload = () => resolve(); 1775 script.onerror = () => reject(new Error('Failed to load ' + src)); 1776 document.body.append(script); 1777 }); 1778 1779 const loadStyle = (href) => new Promise((resolve, reject) => { 1780 if (document.querySelector(`link[href="${href}"]`)) return resolve(); 1781 let link = document.createElement('link'); 1782 link.rel = 'stylesheet'; 1783 link.href = href; 1784 link.onload = () => resolve(); 1785 link.onerror = () => reject(new Error('Failed to load ' + href)); 1786 document.head.append(link); 1787 }); 1788 1789 const loadJsSequence = async () => { 1790 await loadScript('assets/flatpickr-4.6.13/flatpickr.min.js'); 1791 await loadScript('assets/flatpickr-4.6.13/l10n/fr.js'); 1792 }; 1793 1794 await Promise.all([ 1795 loadStyle('assets/flatpickr-4.6.13/flatpickr.min.css'), 1796 loadJsSequence() 1797 ]); 1798 } 1799 </script>
1799 1800 1801
1801<script> 1802 async function loadFancyBoxScripts() { 1803 const loadScript = (src) => new Promise((resolve, reject) => { 1804 if (document.querySelector(`script[src="${src}"]`)) return resolve(); 1805 let script = document.createElement('script'); 1806 script.src = src; 1807 script.onload = () => resolve(); 1808 script.onerror = () => reject(new Error('Failed to load ' + src)); 1809 document.body.append(script); 1810 }); 1811 1812 const loadStyle = (href) => new Promise((resolve, reject) => { 1813 if (document.querySelector(`link[href="${href}"]`)) return resolve(); 1814 let link = document.createElement('link'); 1815 link.rel = 'stylesheet'; 1816 link.href = href; 1817 link.onload = () => resolve(); 1818 link.onerror = () => reject(new Error('Failed to load ' + href)); 1819 document.head.append(link); 1820 }); 1821 1822 1823 await Promise.all([ 1824 loadStyle('assets/fancybox/css/jquery.fancybox.min.css'), 1825 loadScript('assets/fancybox/js/jquery.fancybox.min.js'), 1826 ]) 1827 } 1828 </script>
1828 1829
1830<script src="assets/scroll-to-top-1.0.0/js/scrollToTop.min.js"></script>
1830 1831
1832<script> 1833 function loadSmoothDivScrollScripts() { 1834 let scriptSrcList = [ 1835 'assets/smooth-div-scroll-1.3/js/jquery-ui-1.10.3.custom.min.js', 1836 'assets/smooth-div-scroll-1.3/js/jquery.mousewheel.min.js', 1837 'assets/smooth-div-scroll-1.3/js/jquery.kinetic.min.js', 1838 'assets/smooth-div-scroll-1.3/js/jquery.smoothdivscroll-1.3.min.js' 1839 ] 1840 let promisesSmoothDivScrollScripts = [] 1841 scriptSrcList.forEach((src_path) => { 1842 promisesSmoothDivScrollScripts.push(new Promise(resolve => { 1843 let script = document.createElement('script'); 1844 script.src = src_path; 1845 script.onload = () => resolve(script); 1846 document.body.append(script); 1847 })); 1848 }) 1849 1850 return Promise.all(promisesSmoothDivScrollScripts) 1851 } 1852</script>
1852 1853
1854<script> 1855 if (document.querySelector('.wow')) { 1856 let wowJsScriptPromise = new Promise(resolve => { 1857 let script = document.createElement('script'); 1858 script.src = "assets/wowjs/wow.min.js"; 1859 script.onload = () => resolve(script); 1860 document.body.append(script); 1861 }) 1862 1863 wowJsScriptPromise.then(() => { 1864 new WOW().init(); 1865 }) 1866 } 1867</script>
1867 1868 1869
1869<script> 1870 const swiperElements = document.querySelectorAll('.swiper, .heroSwiper'); 1871 if (swiperElements.length > 0) { 1872 1873 // Load CSS and JS in parallel, wait for both 1874 const loadCSS = new Promise(resolve => { 1875 const link = document.createElement('link'); 1876 link.rel = "stylesheet"; 1877 link.href = "/assets/swiper/swiper-bundle.min.css"; 1878 link.onload = resolve; 1879 document.head.appendChild(link); 1880 }); 1881 1882 const loadJS = new Promise((resolve, reject) => { 1883 const script = document.createElement('script'); 1884 script.src = "/assets/swiper/swiper-bundle.min.js"; 1885 script.onload = resolve; 1886 script.onerror = reject; 1887 document.body.appendChild(script); 1888 }); 1889 1890 // Wait for BOTH to complete before initializing 1891 Promise.all([loadCSS, loadJS]) 1892 .then(() => { 1893 window.swiperQueue = window.swiperQueue || []; 1894 1895 window.swiperQueue.forEach(function(callback) { 1896 try { 1897 callback(window.Swiper); 1898 } catch (e) { 1899 console.error('Error initializing a swiper instance:', e); 1900 } 1901 }); 1902 1903 window.swiperQueue.push = function(callback) { 1904 callback(window.Swiper); 1905 }; 1906 }) 1907 .catch(err => console.error("Swiper failed to load", err)); 1908 } 1909 </script>
1909 1910 1911
1912<script src="assets/themes/js/fonctions-1776845118.min.js"></script>
1912 1913 1914 1915 1916 1917 1918 1919
1919<script> 1920 let tarteaucitronLinkElement = document.createElement('link'); 1921 tarteaucitronLinkElement.rel = 'stylesheet'; 1922 tarteaucitronLinkElement.type = 'text/css'; 1923 tarteaucitronLinkElement.href = 'assets/tarteaucitron/css/tarteaucitron.css?20260609'; 1924 document.querySelector('head').appendChild(tarteaucitronLinkElement); 1925 </script>
1925 1926
1926<script type="text/javascript" src="assets/tarteaucitron/tarteaucitron.min.js?20260609"></script>
1926 1927
1927<script type="text/javascript"> 1928 if (typeof (tarteaucitron) !== 'undefined') { 1929 1930 1931 tarteaucitron.init({ 1932 "cookieName": 'cookies_consent', 1933 "orientation": "bottom", 1934 "removeCredit": true, 1935 "showIcon": false, 1936 "useExternalCss": true, 1937 "googleConsentMode": false 1938 }); 1939 1940 1941 1942 tarteaucitron.user.gtagUa = 'G-9V21L8KZ68'; 1943 (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); 1944 (tarteaucitron.job = tarteaucitron.job || []).push('gcmanalyticsstorage'); 1945 1946 1947 let domElementsRequiringFacebookScript = document.querySelectorAll('.fb-like'); 1948 if (domElementsRequiringFacebookScript.length > 0) { 1949 (tarteaucitron.job = tarteaucitron.job || []).push('facebook'); 1950 } 1951 1952 1953 } 1954 </script>
1954 1955 1956 1957 1958
1959<script type="text/javascript"> 1960 1961 playBackgroundSlideShow(); 1962 1963 1964 1965 1966</script>
1966 1967 1968 1969
1969<script> 1970 1971 $(document).ready(function () { 1972 1973 1974 // POUR LE POSITIONNEMENT DES SOUS MENUS DE LA NAV MAIN 1975 // ----------------------------------------------------------------------------------------------- 1976 $(window).on("resize load", function (e) { 1977 $('#nav-main-ctn > nav > ul > li > ul').each(function () { 1978 $(this).css('left', '-' + $(this).closest('li').offset().left + 'px'); 1979 }); 1980 }); 1981 $('body').on("scroll", function (e) { 1982 $('.li_menu_pere').removeClass('open'); 1983 $('#nav-main-ctn > nav > ul > li > ul').fadeOut(); 1984 }); 1985 $('.li_menu_pere > a').on("click", function () { 1986 $(this).next('ul').css('left', '-' + $(this).closest('li').offset().left + 'px'); 1987 }); 1988 1989 // POUR LES ANIMATIONS / STICKY DES NAV MAIN ET RESPONSIVE 1990 // ---------------------------------------------- 1991 // Observer qui detecte si le sticky de nav responsive est "activé", si oui ajoute la class is-pinned 1992 const observer = new IntersectionObserver( 1993 ([e]) => e.target.classList.toggle("is-pinned", e.intersectionRatio < 1), 1994 {threshold: [1]} 1995 ); 1996 1997 // POUR L'ANIM / STICKY DE LA NAV MAIM 1998 // -------------------------- 1999 // Set la largeur de la colonne contenant la nav en att style pour pouvoir déclencher l'animation avec la transition css 2000 const nav_main_col = document.querySelector("#nav-main-section > .container > .row > .col-auto"); 2001 nav_main_col.style.width = nav_main_col.offsetWidth > 0 ? Math.ceil(nav_main_col.offsetWidth) + 'px' : ''; 2002 // Detecte si le sticky de nav main est "activé", si oui ajoute la class is-pinned 2003 const nav_main = document.querySelector("#nav-main-section"); 2004 observer.observe(nav_main); 2005 2006 // POUR L'ANIM / STICKY DE LA NAV RESPONSIVE 2007 // -------------------------------- 2008 // Set la largeur de la colonne contenant la nav en att style pour pouvoir déclencher l'animation avec la transition css 2009 const nav_responsive_col = document.querySelector("#nav-responsive-section > .container > .row > .col-auto"); 2010 nav_responsive_col.style.width = nav_responsive_col.offsetWidth > 0 ? Math.ceil(nav_responsive_col.offsetWidth) + 'px' : ''; 2011 // Detecte si le sticky de nav responsive est "activé", si oui ajoute la class is-pinned 2012 const nav_responsive = document.querySelector("#nav-responsive-section"); 2013 observer.observe(nav_responsive); 2014 // Pour eviter que le bouton MENU ne se balade un peu de partout lorsque l'on scroll et que la navbar est open 2015 $('.navbar-toggler').on('click', function () { 2016 $('#nav-responsive-section').toggleClass('open'); 2017 $('body').toggleClass('overflow-hidden'); 2018 }); 2019 2020 }); 2021 2022 </script>
2022 2023 2024 2025<!-- Matomo -->
2026<script> 2027 var _paq = window._paq = window._paq || []; 2028 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 2029 _paq.push(['trackPageView']); 2030 _paq.push(['enableLinkTracking']); 2031 (function () { 2032 var u = "https://matomo.zefyx.fr/"; 2033 _paq.push(['setTrackerUrl', u + 'matomo.php']); 2034 _paq.push(['setSiteId', '24']); 2035 var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; 2036 g.async = true; 2037 g.src = u + 'matomo.js'; 2038 s.parentNode.insertBefore(g, s); 2039 })(); 2040</script>
2040 2041<!-- End Matomo Code --> 2042 2043 2044</body> 2045</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.