PageSourceSearch

https://www.lablachere.fr/

html lablachere.fr collected 2026-10-02 19:07:45 UTC 133,810 bytes, 2,235 lines download raw bytes

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&#039;actualité et l&#039;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&#039;actualité et l&#039;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&#039;actes d&#039;é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&#039;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&#039;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&#039;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&#039;actes d&#039;é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&#039;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&#039;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&#039;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&nbsp;!</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&#039;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&#039;eau" alt="Réparation fuite d&#039;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&#039;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&#039;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.