PageSourceSearch

https://mairie-gungwiller.fr/index.html

html mairie-gungwiller.fr collected 2026-10-03 02:46:32 UTC 40,314 bytes, 772 lines download raw bytes

1<!DOCTYPE html>
2<html class="wide wow-animation" lang="fr-FR">
3  <head>
4    <!-- Site Title-->
5    <title>Mairie de Gungwiller - Village Alsacien - Grand-Est</title>
6    <meta name="format-detection" content="telephone=no">
7   	<meta name="viewport" content="width=device-width, initial-scale=1.0">
8	<meta name="description" content="Notre village se trouve dans le département du Bas-Rhin en alsace proche de Drulingen" />
9    <meta charset="utf-8">
10    <link rel="alternate" href="http://mairie-gungwiller.fr/index.html" hreflang="fr-fr" />
11	 <link rel="icon" href="images/favicon.ico" type="image/x-icon">
12    <!-- Stylesheets-->
13    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:400,700%7CRoboto+Condensed:400,700%7CMerriweather:400,400i,700,700i">
14    <link rel="stylesheet" href="css/bootstrap.css">
15    <link rel="stylesheet" href="css/fonts.css">
16    <link rel="stylesheet" href="css/style.css">
17	
18  </head>
19  <body>
20    <!-- Page-->
21    <div class="page">
22      <!-- Page preloader-->
23      <div class="page-loader">
24        <div>
25          <div class="page-loader-body">
26            <div class="cssload-loader">
27              <div class="cssload-inner cssload-one"></div>
28              <div class="cssload-inner cssload-two"></div>
29              <div class="cssload-inner cssload-three"></div>
30            </div>
31          </div>
32        </div>
33      </div>
34      <!-- Page Header-->
35      <header class="section page-header">
36		  
37        <!-- RD Navbar-->
38        <div class="rd-navbar-wrap">
39          <nav class="rd-navbar rd-navbar-default" data-sm-stick-up-offset="1px" data-md-stick-up-offset="79px" data-lg-stick-up-offset="1px" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fullwidth" data-xl-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-sm-stick-up="true" data-md-stick-up="true" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
40			  
41            <div class="rd-navbar-outer">
42              <div class="rd-navbar-inner">
43				  
44                <!-- RD Navbar Panel-->
45                <div class="rd-navbar-cell rd-navbar-panel">
46                  <!-- RD Navbar Toggle-->
47                  <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav"><span class="toggle-icon"></span></button>
48                  <!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img class="brand-normal" src="images/blason-gungwiller.jpg" alt="blason mairie de Gungwiller" width="200" height="102"/><img class="brand-mini" src="images/blason-gungwiller-mini.jpg" alt="blason mairie de Gungwiller" width="186" height="72"/></a>
49                </div>
50				  
51                <!-- RD Navbar Nav-->
52                <div class="rd-navbar-cell rd-navbar-nav-wrap">
53                  <!-- RD Navbar Nav-->
54                  <ul class="rd-navbar-nav">
55                    <li class="active"><a href="./">ACCUEIL</a> </li>
56					  
57                    <li><a href="commune/mot-maire.html">LA COMMUNE</a>
58                      <!-- RD Navbar Dropdown-->
59                      <ul class="rd-navbar-dropdown">
60                        <li><a href="commune/mot-maire.html" title="Mot de M. Le Maire"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Mot du Maire</a></li>
61                       
62						  <li><a href="commune/historique.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Historique</a></li>
63                        
64						  <li><a href="commune/demarches-administratives.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Démarches Administratives</a>
65						     <ul class="rd-navbar-dropdown">
66								<!--<li><a href="commune/maison-services-public.html"><span class="icon fa fa-caret-right"></span> Maison des Services au Public</a></li>-->
67                            	<li><a href="commune/recensement.html" title="recensement citoyens"><span class="icon fa fa-caret-right"></span> Recensement Citoyen</a></li>
68                            	<li><a href="commune/inscription.html" title="inscription en Mairie"><span class="icon fa fa-caret-right"></span> Inscription sur les listes électorales</a></li>
69								<li><a href="commune/etat-civil.html" title="état civil"><span class="icon fa fa-caret-right"></span> État Civil</a></li>
70                            	<li><a href="commune/urbanisme.html" title="urbanisme"><span class="icon fa fa-caret-right"></span> Urbanisme</a></li>
71                            	<li><a href="commune/piece-identite.html" title="Piece d'identité"><span class="icon fa fa-caret-right"></span> Pièce d'Identité</a></li>
72								 <li><a href="commune/population.html" title="population"><span class="icon fa fa-caret-right"></span> Population</a></li>
73                          	</ul>
74                        </li>
75						
76                      </ul>
77                    </li>
78					  
79                     <li><a href="vie-municipale/conseil-municipal.html">VIE MUNICIPALE</a>
80                      <!-- RD Navbar Dropdown-->
81                      <ul class="rd-navbar-dropdown">
82                        <li><a href="vie-municipale/conseil-municipal.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Conseil Municipal</a></li>
83                        <li><a href="vie-municipale/personnel-municipal.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Personnel Municipal</a></li>
84                        <li><a href="vie-municipale/bulletin-municipal.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Bulletin Municipal</a></li>
85                            <li><a href="vie-municipale/comptes-rendus-municipaux.html" title="comptes rendus des conseils municipaux"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Comptes rendus des conseils municipaux</a></li>
86						
87                      </ul>
88                    </li>
89       
90                    <li><a href="vivre-gungwiller/vie-scolaire.html">VIVRE À GUNGWILLER</a>
91                      	<!-- RD Navbar Megamenu-->
92                      	<ul class="rd-navbar-megamenu">
93                        <li><!--<p class="rd-megamenu-header">VIE SCOLAIRE</p>-->
94                          
95							<ul class="rd-megamenu-list">
96                            <li><a href="vivre-gungwiller/vie-scolaire.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Écoles - RPI</a></li>
97                           
98							<li><a href="vivre-gungwiller/vie-scolaire.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Collège</a></li>
99                            <li><a href="vivre-gungwiller/vie-scolaire.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Périscolaire</a></li>
100							<li><a href="vivre-gungwiller/vie-scolaire.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Crèche</a></li>
101							<li><a href="vivre-gungwiller/vie-scolaire.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Assistante Maternelle</a></li>
102                          </ul>
103                        </li>
104                        <li><!--<p class="rd-megamenu-header">ASSOCIATIONS</p>-->
105                          <ul class="rd-megamenu-list">
106							 	  <li><a href="vivre-gungwiller/associations.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Associations</a></li>
107							  <li><a href="vivre-gungwiller/associations.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Autour de Gungwiller</a></li>
108							  <li><a href="vivre-gungwiller/associations.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Location Club House</a></li>
109                            <li><a href="vivre-gungwiller/associations.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Paroisses</a></li>
110                            <li><a href="vivre-gungwiller/associations.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Sports</a></li>
111                            <li><a href="vivre-gungwiller/associations.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Livres Bibliothèque</a></li>
112                          </ul>
113                        </li> 
114					   </ul>
115                    </li>
116
117					  <li><a href="infos-pratiques/ordures-menageres.html">INFOS PRATIQUES</a>
118					   <ul class="rd-navbar-dropdown">
119                            <li><a href="infos-pratiques/ordures-menageres.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Ordures Ménagères</a></li>
120                            <li><a href="infos-pratiques/secours.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Secours</a></li>
121                            <li><a href="infos-pratiques/sante.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Santé</a></li>
122                            <li><a href="infos-pratiques/CCAB.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> CCAB</a></li>
123                            <li><a href="infos-pratiques/transports.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Transports </a></li>
124						   <li><a href="infos-pratiques/finances-publiques.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Finances Publiques </a></li>
125						   <li><a href="infos-pratiques/commercants-artisans.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> Commerçants - Artisants </a></li>
126                          </ul>
127					  </li>
128					 <!--  <li><a href="contact.html">CONTACT</a> </li>-->
129					  
130                  </ul>
131                </div>
132                <!-- RD Navbar Panel Right-->
133				  
134                <!-- Collapse toggle-->
135                <button class="collapse-toggle" data-rd-navbar-toggle=".rd-navbar-panel-right"><span class="toggle-icon"></span></button>
136                <div class="rd-navbar-cell rd-navbar-panel-right">
137                  <!-- Social-->
138                  <div class="rd-navbar-social">
139					  <a class="link fa fa-phone" href="tel:+33388006173"> 03 88 00 61 73</a><br>
140					<a class="link fa fa-envelope"> [email protected]</a></div>
141                </div>
142				  
143              </div>
144            </div>
145			  
146          </nav>
147        </div>
148      </header>
149	  <!--
150      ========================================================
151                              CONTENT
152      ========================================================
153      -->	
154		
155		
156	<!-- slider-->	
157      <section class="section context-dark bg-gray">
158        <div class="custom-slider-wrap">
159          <div class="custom-slider">
160            <!-- Swiper-->
161            <div class="swiper-container swiper-slider swiper-slider-1" data-loop="true" data-autoplay="4500" data-simulate-touch="false">
162              <div class="swiper-wrapper">
163                 <!-- <div class="swiper-slide" data-slide-bg="images/slider1-annee2023.jpg" alt="Village de Gungwiller">
164                  <div class="swiper-slide-caption"></div>
165                </div>-->
166                  
167                   <div class="swiper-slide" data-slide-bg="images/slider2-ete.jpg" alt="Village de Gungwiller">
168                  <div class="swiper-slide-caption"></div>
169                </div>
170                  <!-- <div class="swiper-slide" data-slide-bg="images/slider6.jpg" alt="Trier mieux, trier plus">
171                  <div class="swiper-slide-caption"></div>
172                </div>-->
173                  
174                <div class="swiper-slide" data-slide-bg="images/slider4-ete.jpg" alt="étan du village">
175                  <div class="swiper-slide-caption"></div>
176                </div>
177				  <div class="swiper-slide" data-slide-bg="images/slider1-ete.jpg" alt="La Mairie de Gungwiller">
178                  <div class="swiper-slide-caption"></div>
179                </div>
180               
181               <!-- <div class="swiper-slide" data-slide-bg="images/slider5-hiver.jpg">
182                  <div class="swiper-slide-caption"></div>
183                </div>-->
184              </div>
185            </div>
186			  
187          </div>
188          <div class="custom-slider-content">
189            <div class="content">
190				<h1>Bienvenue,<br> sur le site de la Commune de GUNGWILLER</h1>
191              <p>Toute notre équipe est heureuse de vous accueillir dans notre village.</p>
192                  
193              <p>INFO : <a href="infos-pratiques/ordures-menageres.html"><span class="icon fa fa-arrow-circle-o-right icon-primary"></span> NOUVELLES CONSIGNES DE TRI...</a></p>
194                <a class="button button-primary-fill" href="infos-pratiques/ordures-menageres.html"> Trier mieux, trier plus ! </a>
195            </div>
196          </div>
197        </div>
198      </section>
199		
200<!--1ere ligne-->		
201		<section class="section section-demo">
202        <div class="container text-center">
203          <div class="row">
204            <div class="col-md-12">
205              <h2>LA MAIRIE VOUS ACCUEILLE </h2>
206              <div class="text-block">
207                <p class="big"> Voici, les horaires de permanences de la Mairie en période de couvre-feu :<br>
208 
209                Lundi de 16:00 à 17:30 (hors périodes de vacances scolaires) - Jeudi de 16:00 à 17:30
210					<!--Lundi de 17:30 de à 18:30 (sauf pendant les vacances scolaires) <br> ou<br> Jeudi de 18:30 à 20:00 (toute l'année).--> <!--(Fermé pendant les vacances scolaires)<br>
211					La permanence a lieu le jeudi jusqu'à 20:00.-->
212                </p>
213              </div>
214            </div>
215          </div>
216        </div>
217      </section>
218		
219		
220<!--2eme ligne
221    <section class="section section-lg bg-default">
222        <div class="container text-center">
223          <div class="row row-30 justify-content-center text-left">
224			  
225            <div class="col-md-10 col-lg-6">
226                  <div class="bordered-box bg-rouge">
227                    <h2 class="heading-decorative text-white">INFOS PRATIQUES </h2>
228						<p class="subtitle text-white">Rentrée des Classes,</p>
229                    <p class="text-white text-left"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
230					   <a class="button button-circle button-primary button-shadow" href="#">En savoir plus</a>
231                  </div>
232                </div>
233				  
234                     <div class="col-sm-6 column-image">
235              <div class="column-image-wrap">
236                      <h2 class="text-white">INFOS PRATIQUES</h2>
237						<p class="subtitle text-white">  S'installer à Gungwiller</p>
238                    </div>
239                  </div>
240
241				 <div class="col-sm-6 column-image">
242              <div class="column-image-wrap">
243                      <h2 class="text-white">DÉMARCHES ADMINISTRATIVES</h2>
244					  <p class="subtitle text-white">à Gungwiller</p>
245                    </div>
246                  </div>
247           
248				
249                <div class="col-md-10 col-lg-6">
250                  <div class="bordered-box bg-accent">
251                     <h2 class="heading-decorative text-white">DÉMARCHES ADMINISTRATIVES</h2>
252						<p class="subtitle text-white">à Gungwiller</p>
253					  <p class="text-white text-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
254    			 <a class="button button-primary-fill button-circle button-shadow" href="#">
254En savoir plus</a>
255                </div>
256              </div>
257				  
258		
259			</div>	
260        </div>  
261      </section>-->
262		
263		
264<section class="section">
265        <div class="row no-gutters">
266			
267          <div class="col-md-12 col-lg-6 section-lg bg-image bg-image-11">
268            <div class="container container-half-width text-white text-center">
269              <div class="row justify-content-center justify-content-xl-start">
270				  
271                <div class="col-md-10 col-lg-11 col-xxl-6 offset-xxl-4">
272                  <div class="text-block-2 breadcrumb-wrapper">
273                  <h2 class="text-white">AUTOUR DE GUNGWILLER</h2>
274					  <h3 class="text-primary"><strong>On vous emmène dix kilomètres à la ronde.</strong> </h3>
275                    <p class="big">Festivals - Marchés - Cinéma
276- Animations <br> loisirs - Sports - Piscine</p>
277					  <a class="button button-circle button-primary button-shadow text-center" href="vivre-gungwiller/associations.html" title="Autour de Gungwiller">En savoir plus</a>
278                   
279                  </div>
280                </div>
281				  
282              </div>
283            </div>
284          </div>
285			
286          <div class="col-md-12 col-lg-6 section-lg bg-image bg-image-12 bg-mask">
287			    <div class="container container-wide-half text-white text-center">
288            <div class="row justify-content-center justify-content-xl-start">
289				
290              <div class="col-md-10 col-lg-11 col-xxl-7 offset-xl-1">
291               <div class="text-block-2 breadcrumb-wrapper">
292                   <h2 class="text-white">DÉMARCHES ADMINISTRATIVES</h2>
293					  <h3 class="text-primary"><strong> Informations aux habitants</strong> </h3>
294                    <p class="big">En cliquant sur ce lien, vous trouverez tous les formulaires <br>et renseignements qui vous seront utiles. </p>
295					  <a class="button button-circle button-primary button-shadow text-center" href="commune/demarches-administratives.html" title="demarches administratives">En savoir plus</a>
296                 
297                </div>
298              </div>
299				
300            </div>
301          </div>
302			 </div>
303        </div>
304      </section>
305		
306	<!--3 paves-->	
307<section class="section section-lg">
308        <div class="container text-center">
309			
310          <h2 class="heading-decorative text-center">EN CE MOMENT</h2>
311			<p class="subtitle"> Au village</p>
312			
313          <div class="row row-30 justify-content-center text-left">
314            <div class="col-sm-10 col-md-6 col-lg-4">
315              <div class="price-box-gray">
316				  
317				   <div class="figure">
318					   <img src="images/moment-1.jpg" alt="" width="370" height="237"/>
319				  </div>
320                 <div class="caption">
321					   <div class="title"><a href="/commune/urbanisme.html">NOUVEAU LOTISSEMENT</a></div>
322                    <p class="exeption"> Il reste les lots 2 - 4 - 6, la commune de Gungwiller vend des parcelles viabilisées en extension du lotissement Eschmatt...
323</p>
324                  </div>
325				   <a class="button button-primary link-arrow" href="/commune/urbanisme.html" title="Nouveau Lotissement">EN SAVOIR PLUS</a>
326            </div>
327			</div>
328
329          <div class="col-sm-10 col-md-6 col-lg-4">
330              <div class="price-box-gray">
331				   <div class="figure"><img src="images/moment-12.jpg" alt="RECENSEMENT de la population 2025" width="370" height="237"/></div>
332				  
333                   <div class="caption">
334					   <div class="title">
335                        <a href="commune/recensement.html" title="RECENSEMENT de la population 2025" target="_blank">RECENSEMENT de la population 2025</a></div>
336                       <p class="exeption">Le recencement démarre le 16 janvier 2025.<br> Si vous êtes recensé cette année, vous serez prévenu par votre mairie.</p>
337 					</div>
338                 <a class="button button-primary link-arrow" href="commune/recensement.html" target="_blank" title="recensement de la population 2025">En savoir plus</a>
339            </div>
340			</div>
341			  
342	  <div class="col-sm-10 col-md-6 col-lg-4">
343               <div class="price-box-gray">
344				<div class="figure"><img src="images/moment-9.jpg" alt="Conseils municipaux" width="370" height="237"/></div>
345				<div class="caption">
346				<div class="title"><a href="vie-municipale/comptes-rendus-municipaux.html" title="SEANCE 2024">Conseil Municipal, jeudi 07 octobre 2024</a></div>
347                <p class="exeption">Extrait du Procès-verbal <br>Des délibérations du Conseil Municipal<br> Ordre du jour...</p>
348                    <!-- <p class="exeption">Extrait du procès-verbal, des délibérations du Conseil Municipal...</p>-->
349                </div>
350                 <a class="button button-primary link-arrow" href="vie-municipale/comptes-rendus-municipaux.html" title="Vie à Gungwiller">Télécharger le compte rendu</a>
351             </div>
352			 </div>
353        <!-- <div class="col-sm-10 col-md-6 col-lg-4">
354               <div class="price-box-gray">
355				   <div class="figure"><img src="images/moment-5.jpg" alt="NOUVEAUX ARRIVANTS" width="370" height="237"/></div>
356				   
357               <div class="caption">
358				   <div class="title"><a href="https://mairie-gungwiller.fr/commune/inscription.html">LES ÉLECTIONS</a></div>
359                     <p class="exeption">Les jeunes qui atteignent la majorité sont inscrits d'office le lendemain du jour de leurs 18 ans, sur la liste de la commune ... <
359/p>
360                </div>
361                 <a class="button button-primary link-arrow" href="https://mairie-gungwiller.fr/commune/inscription.html" title="Nouveaux Arrivants">EN SAVOIR PLUS</a>
362             </div>
363			 </div>-->
364			  
365            </div>
366        </div>
367      </section>
368		<!--galerie photos du village-->
369<section class="section section-lg bg-default">
370      <div class="container text-center">
371          <h2 class="heading-decorative"><span>Galerie photos du Village de Gungwiller</span></h2>
372          <!-- Owl Carousel-->
373          <div class="owl-carousel" data-items="1" data-sm-items="1" data-md-items="2" data-lg-items="3" data-xl-items="3" data-xxl-items="3" data-dots="true" data-nav="true" data-stage-padding="28" data-xxl-stage-padding="0" data-loop="true" data-margin="30" data-mouse-drag="false">
374            <div class="price-box">
375              <div class="figure">
376				 <img src="images/galerie/galerie-1-E.jpg" alt="l'employé communal" width="370" height="270"/></div>
377            <!--  <div class="caption">
378                <div class="title"><a href="single-product.html">Handmade Soap</a></div>
379                <p class="exeption">A true beauty, each piece of this handmade soap will put a smile on your face with the refreshing tingle of peppermint and the aroma of lemongrass.</p>
380                <p class="price">$25.90</p><a class="button button-primary" href="#">Buy on amazon</a>
381              </div>-->
382            </div>
383              
384            <div class="price-box">
385              <div class="figure"><img src="images/galerie/galerie-2-E.jpg" alt="rue du village" width="370" height="270"/></div>
386            </div>
387            <div class="price-box">
388              <div class="figure"><img src="images/galerie/galerie-3-E.jpg" alt="entrée de Gungwiller" width="370" height="270"/></div>
389            </div>
390            <div class="price-box">
391              <div class="figure"><img src="images/galerie/galerie-4-E.jpg" alt="église" width="370" height="270"/></div>
392            </div>
393            <div class="price-box">
394              <div class="figure"><img src="images/galerie/galerie-5-E.jpg" alt="hiver derrière la mairie" width="370" height="270"/></div>
395            </div>
396            <div class="price-box">
397              <div class="figure"><img src="images/galerie/galerie-6-E.jpg" alt="parc" width="370" height="270"/></div>
398            </div>
399			   <div class="price-box">
400              <div class="figure"><img src="images/galerie/galerie-7-E.jpg" alt="Cimetière" width="370" height="270"/></div>
401            </div>
402			   <!--<div class="price-box">
403              <div class="figure"><img src="images/galerie/galerie-8-E.jpg" alt="Cimetière" width="370" height="270"/></div>
404            </div>-->
405		 </div>
406		  
407     </div>
408</section>
409
410<!--le maire
411		 <section class="section section-lg bg-image bg-image-19 bg-mask">
412        <div class="container text-center">
413          <div class="row">
414			  <div class="col-lg-4"></div>
415            <div class="col-lg-8">
416              <h2 class="heading-decorative">
417                CONSEIL MUNICIPAL<br>de GUNGWILLER</h2>
418              <p class="big">La mairie est gérée par Monsieur le maire Jean-Jacques WURSTEISEN qui a pris ses fonctions de maire le 18/05/2020 suite aux élections municipales 2020. <br>Monsieur Jean-Jacques WURSTEISEN qui est à la tête d'un conseil municipal composé de 11 élus municipaux gungwillerois est agé de 70 ans et dont la profession est Anciens cadres.</p>
419			<h2 class="heading-decorative">	M. Le Maire Jean-Jacques WURSTEISEN</h2>
420				<a class="button button-primary-fill button-circle button-shadow" href="commune/mot-maire.html">En savoir plus</a>
421            </div>
422          </div>
423        </div>
424      </section>-->
425	<!--compteur-->	
426 <section class="section section-lg bg-default">
427        <div class="container">
428          <div class="row justify-content-sm-center text-center">
429            
430			  <div class="col-md-12">
431              <div class="row justify-content-center justify-content-lg-between row-60">
432				  
433                <div class="col-sm-5 col-lg-3 col-xl-2">
434                  <div class="counter-wrap">
435                    <div class="heading-2"><span class="counter" data-speed="3000">17</span>
436                    </div>
437                    <h4 class="subtitle">Elèves</h4>
438                  </div>
439                </div>
440                <div class="col-sm-5 col-lg-3 col-xl-2">
441                  <div class="counter-wrap">
442                    <div class="heading-2"><span class="counter" data-speed="3000">281</span>
443                    </div>
444                    <h4 class="subtitle">Population</h4>
445                  </div>
446                </div>
447                <div class="col-sm-5 col-lg-3 col-xl-2">
448                  <div class="counter-wrap">
449                    <div class="heading-2"><span class="counter" data-speed="1500">7</span>
450                    </div>
451                    <h4 class="subtitle">Parcelles en vente</h4>
452                  </div>
453                </div>
454                <div class="col-sm-5 col-lg-3 col-xl-2">
455                  <div class="counter-wrap">
456                    <div class="heading-2"><span class="counter" data-speed="1300">2</span>
457                    </div>
458                    <h4 class="subtitle">Associations</h4>
459                  </div>
460                </div>
461				  
462              </div>
463            </div>
464			  
465          </div>
466    </div>
467</section>
468		
469		
470       
471   
472		
473		
474	<!-- map -->	
475 <section class="section">
476          <div class="google-map">
477		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2623.787007468238!2d7.155989016122033!3d48.88133677928979!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47943c932bcb0851%3A0xd1c8e3128178536e!2sMairie!5e0!3m2!1sfr!2sfr!4v1603726982812!5m2!1sfr!2sfr" width="100%" height="400" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
478        </div>
479</section>
480		
481     <!--
482      ========================================================
483                              FOOTER
484      ========================================================
485      -->
486      <footer class="page-footer-default bg-image bg-image-21">
487        <div class="container">
488			
489          <div class="row row-30">
490			  
491            <div class="col-md-3">
492              <h4 class="heading-decorative text-jaune">HORAIRES</h4>
493              <ul class="list-marked text-white">
494                <li>Ouvert le lundi et le jeudi </li>
495                 <li>Lundi 16:00 - 17:30 <small><i>
495( hors périodes de vacances scolaires)</i></small></li>
496				<li>Jeudi 16:00 - 17:30</li>
497              </ul>
498            </div>
499			  
500            <div class="col-md-3">
501              <h4 class="heading-decorative text-jaune">COORDONNÉES</h4>
502              <ul class="list-marked">
503                <li>
504					<div class="icon fa-map-marker text-rouge"></div>
505					<span class="text-white">8 rue de la Vieille-Poste</span></li>
506                <li class="text-white">
507					<div class="icon fa-street-view text-rouge"></div>
508					 <span class="text-white">67320 Gungwiller</span></li>
509				  <li>
510					  <div class="icon fa-phone text-rouge"></div>
511					   <a href="tel:+33388006173">03 88 00 61 73</a></li>
512                <li><div class="icon fa-envelope text-rouge"></div>
513					 <span class="text-white">[email protected]</span></li>
514              </ul>
515            </div>
516			  
517            <div class="col-md-4">
518              <h4 class="heading-decorative text-jaune">MAIRIE GUNGWILLER</h4>
519              <ul class="marked-list">
520                <li><a href="index.html" class="text-white"> ACCUEIL</a></li>
521                <li><a href="commune/mot-maire.html" class="text-white">LA COMMUNUE</a></li>
522				<li><a href="vie-municipale/conseil-municipal.html" class="text-white">VIE MUNICIPALE</a></li>
523				<li><a href="vivre-gungwiller/vie-scolaire.html" class="text-white">VIVRE À GUNGWILLER</a></li>
524				<li><a href="infos-pratiques/ordures-menageres.html" class="text-white">INFOS PRATIQUES</a></li>
525				
526              </ul>
527            </div>
528			  
529          </div>
530		<!-- derniere ligne-->	
531          <section class="copyright text-center text-white">
532			  <div class="container">
533				  <div clas="row">
534					   <div class="col-md-12">
535			 <div class="fleft">
536				 <span>Mairie de GUNGWILLER</span> <span>&copy;&nbsp;</span> <span class="copyright-year"></span>
537			</div>
538			 <div class="fright">
539				 <span class="text-right"><a href="plan-site.html" title="plan du site">Plan du site</a> - <a href="mentions-legales.html" title="Mentions légales"> Mentions légales</a> - 
540				<a href="rgpd.html" title="politique de confidentialité">Politique de confidentialité</a></span>
541			</div>
542			  		</div>
543				</div>
544			</div>
545        </section>
546		
547		  </div>	
548      </footer>
549		 
550    </div>
551   
552    <!-- Javascript-->
553    
553<script src="js/core.min.js"></script>
553
554    
554<script src="js/script.js"></script>
554
555
556         
557<!--COOKIES -->	
558 <div class="cookie-consent rgpd-v1 ">
559
560    <div class="cookiesContainer" style="display: block;">
561        <div class="cookiesStructure_1">
562            <div class="cookiesContent">
563                <button class="btnTop" type="button" id="getCloseCookies"> <i class="bi bi-arrow-right"></i> On en reste là
564             
565                </button>
566                    <img src="images/cookie.gif" class="svgAnime" width="300" height="300" alt=""/>
567
568                <p class="titreCookies">Ce site utilise des cookies          
569                    <span class="colorPrimarySite">pour vous offrir le meilleur service.   </span>
570                </p>
571                <p class="textCookies">
572                  <!--  <span class="textStrong">On aimerait vous accompagner pendant votre visite.</span>-->
573                    En poursuivant votre navigation, vous acceptez l’utilisation des cookies. 
574                    
575                </p>
576                <div class="btnContainer">
577                    <button class="btnCookies lightVersion" id="getParamsCookies" type="button"> En savoir plus</button>
578                    <button class="btnCookies" id="getValidCookies" type="button"> J'accepte</button>
579                </div>
580            </div>
581        </div>
582        <div class="cookiesStructure_2 ">
583            <div class="cookiesContent">
584                <button class="btnRetour" id="getReturnCookies" type="button">
585                    <svg xmlns="http://www.w3.org/2000/svg" width="16.468" height="12.261" viewBox="0 0 16.468 12.261">
586                        <!--<g id="Fleche_retour" data-name="Fleche retour" transform="translate(1554.209 965.841) rotate(180)">
587                            <path id="Tracé_4684" data-name="Tracé 4684" d="M0,0H14.148" transform="translate(1538.741 959.71)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path>
588                            <path id="Tracé_4685" data-name="Tracé 4685" d="M0,0,4.621,4.621" transform="translate(1548.173 954.994)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path>
589                            <path id="Tracé_4683" data-name="Tracé 4683" d="M0,4.621,4.621,0" transform="translate(1548.173 959.805)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path>
590                        </g>-->
591                    </svg>
592                </button>
593                <p class="topContentCookies"> En savoir plus</p>
594                    
595                        <div class="cookiesElement">                    
596                            <p class="textSectionContent"><span class="titreSection">Cookies fonctionnels</span>Ces cookies sont indispensables à la navigation sur le site, pour vous garantir un fonctionnement optimal. Ils ne peuvent donc pas être désactivés. </p>
597                        </div>
598                             <div class="cookiesElement">
599                            <p class="textSectionContent"><span class="titreSection">Statistiques de visites</span>Pour améliorer votre expérience, on a besoin de savoir ce qui vous intéresse ! <br> Les données récoltées sont anonymisées. </p>
600                                                    
601                                <div class="itemCheckboxCookieContainer">
602                                    <div class="checkboxCookiesContent">
603                                        <input name="checkbox_googleAnalytics" class="checkboxCookies" id="checkedgoogleAnalytics" type="checkbox" checked="checked" disabled="disabled">
604                                        <label class="checkboxCookiesLabel" for="checkedgoogleAnalytics"></label>
605                                    </div>
606                                </div>
607                        </div>
608                 <div class="cookiesElement"></div>
609                <div class="btnContainer btnConfigCookies">
610                    <a href="mentions-legales.html" class="btnCookies lightVersion" type="button">En savoir plus</a>
611                    <button class="btnCookies" id="getSaveCookies" type="button">J'accepte</button>
612                </div>
613            </div>
614        </div>
615    </div>
616
617</div>
618
619<script >
620/* -------------------------------------------------------------------------- */
621/*                              NEW COOKIES RGPD                              */
622/* -------------------------------------------------------------------------- */
623
624var displayCookies = function() {
625  document.getElementsByClassName("cookiesContainer")[0].style.display = "block";   
626}
627window.onload = function() {
628  setTimeout(displayCookies, 1000);
629}
630window.addEventListener('load', (event) => {
631    animCookiesParams();
632});
633
634function animCookiesParams() {
635    let cookies = new animCookiesParamsFunction({
636        root: document.querySelector('.cookiesContainer')
637    });
638}
639
640function animCookiesParamsFunction(params) {
641    let that = this;
642    this.params = params;
643    let $this = this.params.root;
644
645    let $cookiesStructure_1 =  $this.querySelector('.cookiesStructure_1');
646    let $cookiesStructure_2 =  $this.querySelector('.cookiesStructure_2');
647    let $listCookies = document.cookie.split(' ');
648    let $dataToSend = [];
649    let $listCheckbox = $this.querySelectorAll('.checkboxCookies');
650
651    this.initFunctionCookies = function() {
652        this.animCookiesClickParams();
653        this.animCookiesClickReturn();
654        this.animCookiesClickValid();
655        this.animCookiesClickSave();
656        this.animCookiesClickNoCookies();
657    }
658
659    this.animCookiesLoading = function() {
660        let url = document.location.href.split('/');
661        let lengthUrl = url.length - 1;
662        if(!$listCookies.includes('cookies_hasVerified=true;') && url[lengthUrl] !== "mentions-legales") {
663            setTimeout(function () {
664                $cookiesStructure_1.classList.add('active');
665                that.initFunctionCookies();
666            },2000);
667        } else {
668            that.initFunctionCookiesHasVerified();
669        }
670    }
671
672    this.animCookiesClickParams = function() {
673        $this.querySelector('#getParamsCookies').addEventListener('click', (event) => {
674            $cookiesStructure_1.classList.remove('active');
675            setTimeout(function () {
676                $cookiesStructure_2.classList.add('active');
677            },500);
678        });
679    }
680
681    this.animCookiesClickParams = function() {
682        $this.querySelector('#getParamsCookies').addEventListener('click', (event) => {
683            $cookiesStructure_1.classList.remove('active');
684            setTimeout(function () {
685                $cookiesStructure_2.classList.add('active');
686            },500);
687        });
688    }
689
690    this.animCookiesClickReturn = function() {
691        $this.querySelector('#getReturnCookies').addEventListener('click', (event) => {
692            $cookiesStructure_2.classList.remove('active');
693            setTimeout(function () {
694                $cookiesStructure_1.classList.add('active');
695            },500);
696        });
697    }
698
699    this.animCookiesClickValid = function() {
700        $this.querySelector('#getValidCookies').addEventListener('click', (event) => {
701            $dataToSend = [];
702            for(let item of $listCheckbox) {
703                $dataToSend[item.getAttribute('name')] = true;
704            }
705            this.animCookiesClose();
706        });
707    }
708
709    this.animCookiesClickSave = function() {
710        $this.querySelector('#getSaveCookies').addEventListener('click', (event) => {
711            $dataToSend = [];
712            for(let item of $listCheckbox) {
713                $dataToSend[item.getAttribute('name')] = item.checked;
714            }
715            this.animCookiesClose();
716        });
717    }
718
719    this.animCookiesClickNoCookies = function() {
720        $this.querySelector('#getCloseCookies').addEventListener('click', (event) => {
721            $dataToSend = [];
722            for(let item of $listCheckbox) {
723                $dataToSend[item.getAttribute('name')] = item.getAttribute('disabled') ? true : false;
724            }
725            this.animCookiesClose();
726        });
727    }
728
729    this.animCookiesClose = function() {
730        $cookiesStructure_1.classList.remove('active');
731        $cookiesStructure_2.classList.remove('active');
732        document.cookie = "cookies_hasVerified=true";
733        this.animCookiesApplyCookies();
734    }
735
736    this.animCookiesApplyCookies = function() {
737        for(let data in $dataToSend) {
738            let key = data.split('_');
739            let functionName = "cookies_" + key[1];
740            let cookie =  "cookies_" + key[1] + "=" + $dataToSend[data];
741            if(!document.cookie.split(' ').includes(cookie)) {
742                document.cookie = cookie;
743            }
744            if($dataToSend[data] && functionName !== "cookies_googleAnalytics") {
745                if(typeof window[functionName] === "function") {
746                    window[functionName]();
747                }
748            }
749        }
750    }
751
752    this.initFunctionCookiesHasVerified = function () {
753        const regex = new RegExp('^cookies_[a-zA-Z0-9]{0,}');
754        for(let cookies of $listCookies) {
755            let cookie = cookies.split('=');
756            let functionName = cookie[0];
757            if(regex.test(functionName) && functionName !== "cookies_googleAnalytics" && functionName !== "cookies_hasVerified") {
758                if(typeof window[functionName] === "function") {
759                    window[functionName]();
760                }
761            }
762        }
763    }
764
765    this.animCookiesLoading();
766
767}
768
769
770</script>
770  
771 </body>
772</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.