PageSourceSearch

https://www.lablachere.fr/contact/

html lablachere.fr collected 2026-10-02 19:07:46 UTC 98,646 bytes, 2,045 lines download raw bytes

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

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.