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>© </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.