CINXE.COM
Page d'accueil | Ville de Haguenau
<!-- Header ============================================= --> <!DOCTYPE html> <html dir="ltr" lang="fr"> <head> <script src="https://haguenau.fr/plugins/frontOffice/ville-de-haguenau/tarteaucitron/tarteaucitron.js"></script> <script type="text/javascript"> tarteaucitron.init({ "privacyUrl": "https://haguenau.fr/fr/politique-des-cookies", /* Privacy policy url */ "bodyPosition": "top", /* or top to bring it as first element for accessibility */ "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ "cookieName": "tarteaucitron", /* Cookie name */ "orientation": "bottom", /* Banner position (top - bottom) */ "groupServices": false, /* Group services by category */ "serviceDefaultState": "wait", /* Default state (true - wait - false) */ "showAlertSmall": false, /* Show the small banner on bottom right */ "cookieslist": false, /* Show the cookie list */ "closePopup": false, /* Show a close X on the banner */ "showIcon": false, /* Show cookie icon to manage cookies */ //"iconSrc": "", /* Optionnal: URL or base64 encoded image */ "iconPosition": "BottomLeft", /* BottomRight, BottomLeft, TopRight and TopLeft */ "adblocker": true, /* Show a Warning if an adblocker is detected */ "DenyAllCta": true, /* Show the deny all button */ "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */ "highPrivacy": false, /* HIGHLY RECOMMANDED Disable auto consent */ "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ "removeCredit": true, /* Remove credit link */ "moreInfoLink": false, /* Show more info link */ "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */ "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */ //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */ "readmoreLink": "", /* Change the default readmore link */ "mandatory": true, /* Show a message about mandatory cookies */ "mandatoryCta": true /* Show the disabled accept button when mandatory on */ }); </script> <script type="text/javascript"> (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); </script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta content="Site web de la ville de Haguenau, située dans la région Grand Est de la France. Cette page offre aux visiteurs un aperçu de la ville et de ses services, ainsi que des informations pratiques pour les résidents et les touristes. Vous pourrez trouver des info" name="description"> <meta content="Ville de Haguenau, Région Grand Est, Services municipaux, Événements locaux, Activités culturelles et sportives, Démarches administratives, Projets de la ville, Offres d'emploi, Informations pratiques, Tourisme, Actualités" name="keywords"> <meta property="og:site_name" content="Ville de Haguenau"> <meta property="og:title" content="Page d'accueil"> <meta property="og:type" content="siteweb"> <meta property="og:url" content="https://haguenau.fr/fr"> <meta name="twitter:card" content="Page d'accueil"> <meta name="twitter:title" content="Page d'accueil"> <meta name="MobileOptimized" content="width"> <meta name="HandheldFriendly" content="true"> <!-- Ajout des meta additionnels ============================================= --> <Meta name="robots" content="index, follow" /> <!-- Feuilles de style ============================================= --> <!-- Police de caractère --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=PT+Serif:ital@0;1&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" /> <!-- Police pour la dyslexie --> <link href="https://fonts.cdnfonts.com/css/open-dyslexic" rel="stylesheet"> <!-- Style par default --> <link rel="stylesheet" href="https://haguenau.fr/css/frontOffice/ville-de-haguenau/style.css"> <!-- Font Icons --> <link rel="stylesheet" href="https://haguenau.fr/css/frontOffice/ville-de-haguenau/font-icons.css"> <!-- Plugins/Components CSS --> <link rel="stylesheet" href="https://haguenau.fr/css/frontOffice/ville-de-haguenau/swiper.css"> <!-- Ajout personel de style --> <link rel="stylesheet" href="https://haguenau.fr/css/frontOffice/ville-de-haguenau/custom.css"> <link rel="stylesheet" href="https://haguenau.fr/css/frontOffice/ville-de-haguenau/a11y.css"> <link rel="stylesheet" href="https://haguenau.fr/css/frontOffice/ville-de-haguenau/sortirHaguenau.css"> <link rel="stylesheet" href="https://haguenau.fr/css/frontOffice/ville-de-haguenau/components/bs-switches.css"> <link rel="stylesheet" href="https://haguenau.fr/css/frontOffice/ville-de-haguenau/animate.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.css" integrity="sha512-h9FcoyWjHcOcmEVkxOfTLnmZFWIH0iZhZT1H2TbOq55xssQGEJHEaIm+PgoUaZbRvQTNTluNOEfb1ZRy6D3BOw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet.markercluster/dist/MarkerCluster.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet.markercluster/dist/MarkerCluster.Default.css" /> <style> :root { --cnvs-header-height-shrink: 85px; } </style> <style> :root { --cnvs-themecolor: #215089; --cnvs-themecolor-rgb: 33, 80, 137; } #video-slider-play { position: absolute; left: 50%; top: auto; bottom: 80px; margin-left: -24px; width: 48px; height: 48px; line-height: 48px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.2); color: #FFF; font-size: 18px; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); z-index: 21; } #video-slider-play i:nth-of-type(1) { position: relative; left: 2px; } #video-slider-play i:nth-of-type(2), #video-slider-play.video-played i:nth-of-type(1) { display: none; } #video-slider-play.video-played i:nth-of-type(2) { display: block; } </style> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- Ajout de CSS additionnels via la partie : controller ============================================= --> <!-- Ajout de CSS additionnels via la partie : BackOffice ============================================= --> <!-- Favicon et Apple Touch Icons ============================================= --> <link href="https://haguenau.fr/img/frontOffice/favicon/favicon.svg" rel="icon"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://haguenau.fr/img/frontOffice/appleTouchIcon/apple-touch-icon-72x72-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="96x96" href="https://haguenau.fr/img/frontOffice/appleTouchIcon/apple-touch-icon-96x96-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://haguenau.fr/img/frontOffice/appleTouchIcon/apple-touch-icon-120x120-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://haguenau.fr/img/frontOffice/appleTouchIcon/apple-touch-icon-144x144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://haguenau.fr/img/frontOffice/appleTouchIcon/apple-touch-icon-152x152-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="228x228" href="https://haguenau.fr/img/frontOffice/appleTouchIcon/apple-touch-icon-228x228-precomposed.png"> <!-- Titre de la page | Titre du site internet ============================================= --> <title>Page d'accueil | Ville de Haguenau</title> </head> <a id="skippyMainContent" class="sr-only sr-only-focusable" href="#mainContent"> <div class="container"> <span class="skiplink-text">Aller au contenu principal</span> </div> </a> <a id="skippyMenu" class="sr-only sr-only-focusable" href="#first-menu-item"> <div class="container"> <span class="skiplink-text">Aller au menu</span> </div> </a> <a id="skippySearchMotor" class="sr-only sr-only-focusable" href="/fr/moteur-de-recherche"> <div class="container"> <span class="skiplink-text">Aller au moteur de recherche</span> </div> </a><!-- #Fin header --> <body class="stretched " data-menu-breakpoint="1292" > <!-- Corps de page ============================================= --> <div id="wrapper"> <!-- Navbar ============================================= --> <header role="banner" id="header" class="full-header"> <div id="header-wrap"> <div class="container"> <div class="header-row"> <!-- Logo ============================================= --> <div id="logo"> <h1 class="m-0"> <img class="logo-default" srcset="https://haguenau.fr/img/frontOffice/logo/light/logo-couleur.png" alt="Ville de Haguenau"> <img class="logo-dark" style="display:none;" srcset="https://haguenau.fr/img/frontOffice/logo/dark/logo-blanc.png" alt="Ville de Haguenau"> </h1> </div> <!-- #Fin insertion du logo --> <div class="header-misc"> <!-- Recherche ============================================= --> <div id="accessibilityBtn" class="header-misc-icon" aria-label="Accessibilité"> <a class="menu-link" href="#modal-accessibility" data-lightbox="inline" aria-label="Accéder au paramètres d'accessibilité, ouverture d'un modal" title="Accéder au paramètres d'accessibilité, ouverture d'un modal"> <i class="fa-solid fa-eye-low-vision"></i> <span class="sr-only">Accessibilité</span> </a> </div> <div role="search" id="top-search" class="header-misc-icon"> <a href="/fr/moteur-de-recherche" id="top-search-trigger" title="Moteur de recherche" aria-label="Moteur de recherche"> <i class="fa-solid fa-search"></i> <span class="sr-only">Moteur de recherche</span> </a> </div> <!-- #Fin recherche --> </div> <div class="primary-menu-trigger"> <button class="cnvs-hamburger mobile-menu-button" type="button" title="Ouvrir le menu mobile"> <span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span> </button> </div> <!-- Menu ============================================= --> <nav class="primary-menu on-click sub-title" role="navigation"><ul class="menu-container"><li class="menu-item mega-menu"><a class="menu-link" id="first-menu-item" href="#" aria-haspopup="true" aria-expanded="false"><div>Vie quotidienne </div><span>& Habitat</span></a><div class="mega-menu-content mega-menu-style-2" style="border-top-color:#AD1C31 !important;"><div class="container"><div class="row"><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="État civil" aria-haspopup="false" aria-expanded="false"><div class="mb-2">État civil</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/pieces-administratives"><div>Pièces administratives</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/carte-nationale-didentite-et-passeport-biometrique"><div>Carte nationale d'identité et passeport biométrique</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/se-marier-ou-se-pacser"><div>Se marier ou se pacser</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/declarer-un-deces-concessions-et-cimetiere"><div>Déclarer un décès, Concessions et cimetière</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/demarches-diverses"><div>Démarches diverses</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/recensement-citoyen"><div>Recensement citoyen</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/declarer-une-naissance-ou-reconnaitre-un-enfant"><div>Déclarer une naissance ou reconnaître un enfant</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/citoyennete-et-elections"><div>Citoyenneté et élections</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Stationnement" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Stationnement</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/stationnement-pour-velos"><div>Stationnement pour vélos</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/stationnement-automobile"><div>Stationnement automobile</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/stationnement-resident"><div>Stationnement résident</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/stationnement-pour-les-professionnels"><div>Stationnement pour les professionnels</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/stationnement-foire-aux-questions"><div>Stationnement Foire aux questions</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/bornes-de-recharge-pour-vehicule-electrique"><div>Bornes de recharge pour véhicule électrique</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Déplacements" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Déplacements</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/reseau-ritmo"><div>Réseau Ritmo</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/lautopartage-par-citiz"><div>L'autopartage par Citiz</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/zones-30-et-zones-de-rencontre"><div>Zones 30 et zones de rencontre</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/fluo-grand-est"><div>Fluo Grand Est</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/forfait-mobilite-durable"><div>Forfait mobilité durable</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/haguenau-a-velo"><div>Haguenau à vélo</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/les-taxis"><div>Les taxis</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Prévention et sécurité" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Prévention et sécurité</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/videoprotection"><div>Vidéoprotection</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/conseil-intercommunal-securite-et-prevention"><div>Conseil Intercommunal Sécurité et Prévention</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/operation-tranquillite-vacances"><div>Opération Tranquillité Vacances</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/les-chiens-dangereux"><div>Les chiens dangereux</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Habitat & Urbanisme" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Habitat & Urbanisme</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/deposer-un-dossier-durbanisme"><div>Déposer un dossier d'urbanisme</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/plan-local-durbanisme"><div>Plan local d’urbanisme</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/un-immobilier-durable"><div>Un immobilier durable</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/kiosque-categories/les-depots-durbanisme"><div>Consulter les avis de dépôt</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/kiosque-categories/les-autorisations-durbanisme"><div>Les autorisations d’urbanisme</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/etablissements-recevant-du-public"><div>Établissements recevant du public</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/aides-pour-lhabitat"><div>Aides et conseils logement</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/aire-des-gens-du-voyage"><div>Aire des gens du voyage</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Ville pratique" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Ville pratique</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/guide-du-bon-voisinage"><div>Guide du bon voisinage</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/objets-trouves"><div>Objets trouvés</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/wifi-public"><div>Wifi public</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/toilettes-publiques"><div>Toilettes publiques</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/bienvenue-a-haguenau-le-guide-du-nouvel-arrivant"><div>Bienvenue à Haguenau : le guide du nouvel arrivant</div></a></li></ul></li></ul></div></div></div></li><li class="menu-item mega-menu"><a class="menu-link" href="#" aria-haspopup="true" aria-expanded="false"><div>Éducation </div><span>& enfance</span></a><div class="mega-menu-content mega-menu-style-2" style="border-top-color:#FFC639 !important;"><div class="container"><div class="row"><ul class="sub-menu-container mega-menu-column col-lg-3" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Les structures" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Les structures</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/petite-enfance"><div>Petite enfance</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/ecoles-maternelles"><div>Écoles maternelles</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/ecoles-elementaires"><div>Écoles élémentaires</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/colleges-et-lycees"><div>Collèges et Lycées</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-3" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Les démarches" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Les démarches</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/inscriptions-scolaires"><div>Inscriptions scolaires</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/restauration-scolaire"><div>Restauration scolaire</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/transport-scolaire-elementaire"><div>Transport scolaire élémentaire</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/inscription-a-loisirs-evasion"><div>Inscription à Loisirs Évasion</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-3" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Langue et numérique" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Langue et numérique</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/enseignement-bilingue"><div>Enseignement bilingue</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/numerique-dans-les-ecoles"><div>Numérique dans les écoles</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-3" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Formations pour adultes" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Formations pour adultes</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/formations-pour-adultes"><div>Université populaire et Greta</div></a></li></ul></li></ul></div></div></div></li><li class="menu-item mega-menu"><a class="menu-link" href="#" aria-haspopup="true" aria-expanded="false"><div>Cadre de vie </div><span>& Environnement</span></a><div class="mega-menu-content mega-menu-style-2" style="border-top-color:#88D855 !important;"><div class="container"><div class="row"><ul class="sub-menu-container mega-menu-column col-lg-3" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Environnement" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Environnement</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/nos-engagements-pour-lenvironnement"><div>Nos engagements pour l’environnement</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/nature-en-ville"><div>Nature en ville</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/qualite-de-lair"><div>Qualité de l’air</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/jardins-en-ville-et-terres-agricoles"><div>Jardins en ville et terres agricoles</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/sites-naturels"><div>Sites naturels</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/les-rencontres-de-lecologie-optimiste"><div>Les Rencontres de l'Écologie Optimiste</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-3" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Forêt de Haguenau" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Forêt de Haguenau</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/haguenau-foret-dexception"><div>Haguenau, Forêt d’exception</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/decouvrir-la-foret"><div>Découvrir la forêt</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/gestion-durable-de-la-foret-"><div>Gestion durable de la forêt </div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/chasse"><div>Chasse</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/vente-de-bois-de-chauffage"><div>Vente de bois de chauffage</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-3" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Cadre de vie" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Cadre de vie</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/nos-amis-a-quatre-pattes"><div>Nos amis à quatre pattes</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/proprete-urbaine"><div>Propreté urbaine</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/eau-et-assainissement"><div>Eau et assainissement</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/la-gestion-des-dechets-et-des-ordures-menageres"><div>La gestion des déchets et des ordures ménagères</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/deneigement-haguenau"><div>Déneigement </div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-3" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Foires et marchés" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Foires et marchés</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/les-marches"><div>Les marchés</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/les-foires"><div>Les foires</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/occupation-du-domaine-public"><div>Occupation du domaine public</div></a></li></ul></li></ul></div></div></div></li><li class="menu-item mega-menu"><a class="menu-link" href="#" aria-haspopup="true" aria-expanded="false"><div>Culture, sports </div><span>& loisirs</span></a><div class="mega-menu-content mega-menu-style-2" style="border-top-color:#A98EF4 !important;"><div class="container"><div class="row"><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Culture" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Culture</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/musee-historique"><div>Musée historique</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/musee-alsacien"><div>Musée alsacien</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/musee-du-bagage"><div>Musée du bagage</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/chapelle-des-annonciades"><div>Chapelle des Annonciades</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/relais-culturel-theatre-de-haguenau"><div>Relais culturel - Théâtre de Haguenau</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/ecole-municipale-de-musique-et-de-danse-de-haguenau"><div>École Municipale de Musique et de Danse de Haguenau</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/musiques-actuelles"><div>Musiques actuelles</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/mediatheque-et-bibliotheques"><div>Médiathèque et bibliothèques</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/jeunes-talents"><div>Jeunes Talents</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Sport" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Sport</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/haguenau-terre-de-jeux"><div>Haguenau Terre de Jeux 2024</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/sport-et-bien-etre-en-plein-air"><div>Sport et bien-être en plein air</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/handisport"><div>Handisport</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/evenements-sportifs"><div>Évènements sportifs</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/les-equipements-sportifs"><div>Les équipements sportifs</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/nautiland"><div>Nautiland</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/piscine-plein-air"><div>Piscine plein-air</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/le-bowl-dhag"><div>Le Bowl d’Hag</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/aerodrome"><div>Aérodrome</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/aires-de-jeux"><div>Aires de jeux</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Associations et clubs" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Associations et clubs</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/maison-des-associations-de-haguenau"><div>Maison des Associations de Haguenau</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/annuaire-categories/associations"><div>Annuaire des associations</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/organiser-un-evenement"><div>Organiser un évènement</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/affichage-et-communication"><div>Affichage et communication</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Tourisme" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Tourisme</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/office-de-tourisme"><div>Office de Tourisme</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/camping-et-aires-de-camping-car"><div>Camping et aires de camping-car</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Histoire et patrimoine" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Histoire et patrimoine</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/histoire-de-haguenau"><div>Histoire de Haguenau</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/haguenau-cetait-comme-ca"><div>Haguenau c'était comme ça</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/cadran-solaire-multiple"><div>Cadran solaire multiple</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/1374-et-paf-haguenau-frappe-sa-monnaie-"><div>1374… et paf ! Haguenau frappe sa monnaie </div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Archives municipales" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Archives municipales</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/archives-municipales"><div>Archives municipales</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/genealogie-a-haguenau"><div>Généalogie à Haguenau</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/collection-de-journaux"><div>Collection de journaux</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/les-archives-anciennes-1200-1790"><div>Les archives anciennes (1200-1790)</div></a></li></ul></li></ul></div></div></div></li><li class="menu-item mega-menu"><a class="menu-link" href="#" aria-haspopup="true" aria-expanded="false"><div>Solidarité </div><span>& Seniors</span></a><div class="mega-menu-content mega-menu-style-2" style="border-top-color:#FF9D43 !important;"><div class="container"><div class="row"><ul class="sub-menu-container mega-menu-column col-lg-6" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Santé et solidarité" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Santé et solidarité</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/aide-alimentaire"><div>Aide alimentaire</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/centre-communal-daction-sociale-ccas"><div>Centre Communal d’Action Sociale (CCAS)</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/defibrillateurs-automatiques"><div>Défibrillateurs automatiques</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/plan-canicule"><div>Plan canicule</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/plan-grand-froid"><div>Plan grand froid</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-6" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Seniors" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Seniors</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/le-guide-enfin-senior"><div>Le Guide : Enfin senior</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/haguenau-entraide"><div>Haguenau Entr'Aide</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/annuaire-categories/associations-seniors"><div>Les associations séniors</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/annuaire-categories/hebergement-temporaire-de-jour"><div>Hébergement</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/comite-seniors"><div>Comité seniors</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/maintien-a-domicile"><div>Maintien à domicile</div></a></li></ul></li></ul></div></div></div></li><li class="menu-item mega-menu"><a class="menu-link" href="#" aria-haspopup="true" aria-expanded="false"><div>Vie municipale</div><span> </span></a><div class="mega-menu-content mega-menu-style-2" style="border-top-color: !important;"><div class="container"><div class="row"><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Instances municipales" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Instances municipales</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/les-elus-de-la-ville-de-haguenau"><div>Les élus</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/permanences-des-elus"><div>Permanences des élus</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/seances-et-deliberations"><div>Séances et délibérations</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/organisation-des-services-de-la-ville-de-haguenau"><div>Organisation des services</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/saisine-dans-le-cadre-des-signalements-de-lanceurs-dalerte"><div>Saisine dans le cadre des signalements de lanceurs d’alerte</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Projets d’équipements" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Projets d’équipements</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/pole-gares"><div>Pôle gares</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/equipements-sportifs"><div>Équipements sportifs</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/vegetalisations-des-cours-decole"><div>Végétalisations des cours d’école</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/musee-historique-0"><div>Musée historique</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/eco-quartier-thurot"><div>Eco-quartier Thurot</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Participation citoyenne" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Participation citoyenne</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/la-journee-citoyenne"><div>La journée citoyenne</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/le-conseil-municipal-des-enfants"><div>Le Conseil municipal des enfants</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Égalité femmes/hommes" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Égalité femmes/hommes</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/plan-dactions"><div>Plan d'actions</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/angela-contre-le-harcelement-de-rue"><div>Angela, contre le harcèlement de rue</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/8-mars-pour-les-droits-des-femmes"><div>8 mars, pour les droits des femmes</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/25-novembre-contre-les-violences-faites-aux-femmes"><div>25 novembre, contre les violences faites aux femmes</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Marchés publics" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Marchés publics</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/demarches-et-formulaires"><div>Démarches et formulaires</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/organismes-pour-lemploi"><div>Organismes pour l'emploi</div></a></li></ul></li></ul><ul class="sub-menu-container mega-menu-column col-lg-2" role="none"><li class="menu-item mega-menu-title" role="none"><span class="menu-header-link" role="menuitem" aria-label="Partenaires" aria-haspopup="false" aria-expanded="false"><div class="mb-2">Partenaires</div></span><ul class="sub-menu-container" role="menu"><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/communaute-dagglomeration-de-haguenau"><div>Communauté d'Agglomération de Haguenau</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/eurodistrict-pamina"><div>Eurodistrict PAMINA</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/petr-de-lalsace-du-nord"><div>PETR de l'Alsace du Nord</div></a></li><li class="menu-item" role="none"><a class="menu-link" href="/fr/page/jumelage-avec-la-ville-de-landau"><div>Jumelage avec la Ville de Landau</div></a></li></ul></li></ul></div></div></div></li></ul></nav> <!-- #primary-menu end --> </div> </div> </div> <div class="header-wrap-clone"></div> </header> <!-- #Fin Navbar --> <!-- Slider d'image ============================================= --> <section id="slider" class="slider-element slider-parallax swiper_wrapper min-vh-60 min-vh-md-100 include-header" data-video-autoplay="false"> <div class="slider-inner"> <div class="swiper-container swiper-parent"> <div class="swiper-wrapper dark"> <div class="swiper-slide dark" aria-hidden="false"> <div class="video-overlay" style="background-color: rgba(0,0,0,0.30);"></div> <div class="container" aria-live="polite"> <div class="slider-caption slider-caption-center"> </div> </div> <div class="swiper-slide-bg" style="background-image: url('https://haguenau.fr/img/frontOffice/slideAcceuil/1920px_1128px-1728550048_0171a44325d5d41cd756.jpg');"></div> </div> <div class="swiper-slide dark" aria-hidden="false"> <div class="video-overlay" style="background-color: rgba(0,0,0,0.30);"></div> <div class="container" aria-live="polite"> <div class="slider-caption slider-caption-center"> </div> </div> <div class="swiper-slide-bg" style="background-image: url('https://haguenau.fr/img/frontOffice/slideAcceuil/1920px_1128px-1711126160_c094c8ad087961b5e0b5.jpg');"></div> </div> <div class="swiper-slide dark" aria-hidden="false"> <div class="video-overlay" style="background-color: rgba(0,0,0,0.30);"></div> <div class="container" aria-live="polite"> <div class="slider-caption slider-caption-center"> <h2 data-animate="fadeInUp" style="color:#fefefe;">Bienvenue à Haguenau</h2> </div> </div> <div class="swiper-slide-bg" style="background-image: url('https://haguenau.fr/img/frontOffice/slideAcceuil/1920px_1128px-1680764666_2b7248a30885980ade57.jpg');"></div> </div> <!-- <div class="swiper-slide dark"> <div class="container"> <div class="slider-caption slider-caption-center"> <h2 data-animate="fadeInUp">Titre</h2> <p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repudiandae, tempora nesciunt rerum unde animi cumque autem, iusto modi, aut cum labore nisi. Odit, consectetur laboriosam vitae dolor sapiente nihil sequi!</p> </div> <a href="#" id="video-slider-play"><i class="uil uil-play"></i><i class="uil uil-pause"></i></a> </div> <div class="video-wrap"> <video id="slide-video" poster="https://haguenau.fr/img/frontOffice//slideAcceuil/video/video1.jpg" preload="auto" loop muted> <source src='https://haguenau.fr/img/frontOffice//slideAcceuil/video/video1.mp4' type='video/mp4' /> </video> <div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div> </div> </div> --> </div> <div class="slider-arrow-left" role="button" tabindex="0" aria-label="Slide précédent"><i class="uil uil-angle-left-b"></i></div> <div class="slider-arrow-right" role="button" tabindex="0" aria-label="Slide suivant"><i class="uil uil-angle-right-b"></i></div> <div class="slide-number"> <div class="slide-number-current"></div><span>/</span> <div class="slide-number-total"></div> </div> </div> <a href="#" data-scrollto="#content" class="one-page-arrow dark"><i class="bi-chevron-down infinite animated fadeInDown"></i><span class="sr-only bs-black">Allez au contenu principal</span></a> </div> </section> <!-- #Fin du slider d'image --> <!-- Contenu ============================================= --> <main role="main"> <section id="content"> <!-- Partie QuickAcces --> <div class="row align-center justify-content-center quickaccess"> <div class="col-6 col-md-6 col-lg-2 dark center" style="padding: 0rem !important;"> <div class="feature-box fbox-center clickable-composite" data-href="https://services.agglo-haguenau.fr/"> <div class="wrap-img mb-2"> <svg class="iconTest" width="80" height="80" aria-hidden="true"> <use xlink:href="https://haguenau.fr/img/frontOffice/quickAccess/1719576872_839792025c2388cee13c.svg#Calque_1"></use> </svg> <span class="dp-none">Mes services en ligne</span> </div> <div class="fbox-content"> <h3> <a href="https://services.agglo-haguenau.fr/" target="_blank" aria-label="Mes services en ligne (lien sortant nouvelle fenêtre)"" title=" Mes services en ligne (lien sortant nouvelle fenêtre)"> Mes services en ligne </a> </h3> </div> </div> </div> <div class="col-6 col-md-6 col-lg-2 dark center" style="padding: 0rem !important;"> <div class="feature-box fbox-center clickable-composite" data-href="https://services.agglo-haguenau.fr/emploi-stage-apprentissage"> <div class="wrap-img mb-2"> <svg class="iconTest" width="80" height="80" aria-hidden="true"> <use xlink:href="https://haguenau.fr/img/frontOffice/quickAccess/1684240842_1e031e9951e27f2be366.svg#Calque_1"></use> </svg> <span class="dp-none">Offres d'emploi</span> </div> <div class="fbox-content"> <h3> <a href="https://services.agglo-haguenau.fr/emploi-stage-apprentissage" target="_blank" aria-label="Offres d'emploi (lien sortant nouvelle fenêtre)"" title=" Offres d'emploi (lien sortant nouvelle fenêtre)"> Offres d'emploi </a> </h3> </div> </div> </div> <div class="col-6 col-md-6 col-lg-2 dark center" style="padding: 0rem !important;"> <div class="feature-box fbox-center clickable-composite" data-href="https://sortirahaguenau.fr/"> <div class="wrap-img mb-2"> <svg class="iconTest" width="80" height="80" aria-hidden="true"> <use xlink:href="https://haguenau.fr/img/frontOffice/quickAccess/1719576823_cb05d28c5c6305bc5098.svg#Calque_1"></use> </svg> <span class="dp-none">Sortir à Haguenau</span> </div> <div class="fbox-content"> <h3> <a href="https://sortirahaguenau.fr/" target="_blank" aria-label="Sortir à Haguenau (lien sortant nouvelle fenêtre)"" title=" Sortir à Haguenau (lien sortant nouvelle fenêtre)"> Sortir à Haguenau </a> </h3> </div> </div> </div> <div class="col-6 col-md-6 col-lg-2 dark center" style="padding: 0rem !important;"> <div class="feature-box fbox-center clickable-composite" data-href="https://haguenau.fr/fr/infos-travaux"> <div class="wrap-img mb-2"> <svg class="iconTest" width="80" height="80" aria-hidden="true"> <use xlink:href="https://haguenau.fr/img/frontOffice/quickAccess/1719576990_4f02b02230d80fd14d5f.svg#Calque_1"></use> </svg> <span class="dp-none">Infos travaux</span> </div> <div class="fbox-content"> <h3> <a href="https://haguenau.fr/fr/infos-travaux" target="_parent" aria-label="Infos travaux (lien sortant nouvelle fenêtre)"" title=" Infos travaux (lien sortant nouvelle fenêtre)"> Infos travaux </a> </h3> </div> </div> </div> <div class="col-6 col-md-6 col-lg-2 dark center" style="padding: 0rem !important;"> <div class="feature-box fbox-center clickable-composite" data-href="https://haguenau.fr/fr/alerte-et-vigilance"> <div class="wrap-img mb-2"> <svg class="iconTest" width="80" height="80" aria-hidden="true"> <use xlink:href="https://haguenau.fr/img/frontOffice/quickAccess/1684238588_0092446a78169aebe675.svg#Calque_1"></use> </svg> <span class="dp-none">Alertes et vigilances</span> </div> <div class="fbox-content"> <h3> <a href="https://haguenau.fr/fr/alerte-et-vigilance" target="_parent" aria-label="Alertes et vigilances (lien sortant nouvelle fenêtre)"" title=" Alertes et vigilances (lien sortant nouvelle fenêtre)"> Alertes et vigilances </a> </h3> </div> </div> </div> </div> <div class="content-wrap p-0 m-0" id="mainContent"> <div class="section bg-light2 m-0"> <div class="container"> <div class="heading-block center mb-5"> <h2>À la une</h2> </div> <div class="row align-items-center col-mb-50"> <div class="col-md-6 text-center"> <img src="https://haguenau.fr/img/frontOffice/article/1739287816_bf7a5753bbedc2eed12c.png" alt="" data-animate="fadeInLeft" aria-hidden="true" focusable="false"> </div> <div class="col-md-6"> <div class="heading-block" style="padding-top: 40px;"> <h3>Budget participatif 2025 : c'est parti ! </h3> </div> <p>Je propose des idées pour ma ville du 15 février au 31 mars !</p> <a href="/fr/article/budget-participatif-2025-cest-parti-" class="button button-border button-large button-rounded mt-4 ms-0">Voir l'article</a> </div> </div> </div> </div> <!-- Partie Actualité --> <div class="heading-block center mt-3"> <h2>Les actualités</h2> <a href="/fr/article" class="button button-large nott px-5 ml-0 mt-4">Voir toutes les actualités</a> </div> <div id="oc-posts" style="padding:20px;" class="owl-carousel owl-carousel-full posts-carousel carousel-widget posts-md" data-pagi="false" data-items-xs="1" data-items-sm="2" data-items-md="3" data-items-lg="4" data-items-xl=""> <article class="entry event col-12 mb-0 clickable-composite" data-href="/fr/article/xin-chao-vietnam"> <div class="grid-inner bg-contrast-200 row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm" style="min-height:500px !important; height: auto;"> <div class="col-md-12 mb-md-0"> <span class="entry-image mb-0 h-100"> <img src="https://haguenau.fr/img/frontOffice/article/450px_250px-1740389368_13495c3b5e6dce5bb7dd.jpg" alt="" class="rounded-2 object-cover" aria-hidden="true" focusable="false"> <div class="entry-title title-xs nott pt-3"> <h3 class="card-title"> <a href="/fr/article/xin-chao-vietnam" title="Xin chào Vietnam">Xin chào Vietnam</a> </h3> </div> <div class="entry-meta"> <ul> <li style="color: var(--cnvs-contrast-800);"><i class="uil-folder-open"></i> Culture</li> <li style="color: var(--cnvs-contrast-800);"><i class="bi-calendar3"></i> 24-02-2025</li> </ul> </div> <div class="entry-content" style="display: block;height: auto; min-height: 120px;"> <p>La Quinzaine culturelle vous fait voyager au Vietnam sans quitter Haguenau !</p> </div> </span> </div> </div> </article> <article class="entry event col-12 mb-0 clickable-composite" data-href="/fr/article/les-ateliers-du-potager-ecole-reprennent-le-vendredi-7-mars"> <div class="grid-inner bg-contrast-200 row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm" style="min-height:500px !important; height: auto;"> <div class="col-md-12 mb-md-0"> <span class="entry-image mb-0 h-100"> <img src="https://haguenau.fr/img/frontOffice/article/450px_250px-1740581900_14da8d5a37344ec6fc13.png" alt="" class="rounded-2 object-cover" aria-hidden="true" focusable="false"> <div class="entry-title title-xs nott pt-3"> <h3 class="card-title"> <a href="/fr/article/les-ateliers-du-potager-ecole-reprennent-le-vendredi-7-mars" title="Les ateliers du potager-école reprennent le vendredi 7 mars">Les ateliers du potager-école reprennent le vendredi 7 mars</a> </h3> </div> <div class="entry-meta"> <ul> <li style="color: var(--cnvs-contrast-800);"><i class="uil-folder-open"></i> Cadre de vie</li> <li style="color: var(--cnvs-contrast-800);"><i class="bi-calendar3"></i> 26-02-2025</li> </ul> </div> <div class="entry-content" style="display: block;height: auto; min-height: 120px;"> <p>Les ateliers du potager-école reprennent le vendredi 7 mars 2025 à 17h, avec pour thématique « Faire ses semis pour les premières plantations ». Organisés mensuellement, ces ateliers accueillent des habitants de Haguenau autour de la pratique du jardinage. </p> </div> </span> </div> </div> </article> <article class="entry event col-12 mb-0 clickable-composite" data-href="/fr/article/fete-de-la-musique-2025-les-inscriptions-sont-ouvertes"> <div class="grid-inner bg-contrast-200 row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm" style="min-height:500px !important; height: auto;"> <div class="col-md-12 mb-md-0"> <span class="entry-image mb-0 h-100"> <img src="https://haguenau.fr/img/frontOffice/article/450px_250px-1740757929_bd9515794bc7840ceb51.jpg" alt="" class="rounded-2 object-cover" aria-hidden="true" focusable="false"> <div class="entry-title title-xs nott pt-3"> <h3 class="card-title"> <a href="/fr/article/fete-de-la-musique-2025-les-inscriptions-sont-ouvertes" title="Fête de la musique 2025 : les inscriptions sont ouvertes">Fête de la musique 2025 : les inscriptions sont ouvertes</a> </h3> </div> <div class="entry-meta"> <ul> <li style="color: var(--cnvs-contrast-800);"><i class="uil-folder-open"></i> Culture</li> <li style="color: var(--cnvs-contrast-800);"><i class="bi-calendar3"></i> 28-02-2025</li> </ul> </div> <div class="entry-content" style="display: block;height: auto; min-height: 120px;"> <p>Vous êtes musiciens ou chanteurs ? Venez vous produire à la Fête de la musique de Haguenau !</p> </div> </span> </div> </div> </article> <article class="entry event col-12 mb-0 clickable-composite" data-href="/fr/article/festival-du-moment-musical"> <div class="grid-inner bg-contrast-200 row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm" style="min-height:500px !important; height: auto;"> <div class="col-md-12 mb-md-0"> <span class="entry-image mb-0 h-100"> <img src="https://haguenau.fr/img/frontOffice/article/450px_250px-1741094186_72cba714fe89edd371b2.jpg" alt="" class="rounded-2 object-cover" aria-hidden="true" focusable="false"> <div class="entry-title title-xs nott pt-3"> <h3 class="card-title"> <a href="/fr/article/festival-du-moment-musical" title="Festival du Moment Musical">Festival du Moment Musical</a> </h3> </div> <div class="entry-meta"> <ul> <li style="color: var(--cnvs-contrast-800);"><i class="uil-folder-open"></i> Culture</li> <li style="color: var(--cnvs-contrast-800);"><i class="bi-calendar3"></i> 04-03-2025</li> </ul> </div> <div class="entry-content" style="display: block;height: auto; min-height: 120px;"> <p><strong>L’Association Le Moment Musical de Haguenau et son festival fêtent cette année leurs 25 ans !</strong></p> </div> </span> </div> </div> </article> <article class="entry event col-12 mb-0 clickable-composite" data-href="/fr/article/lancement-du-programme-de-sorties-haguenau-foret-dexception-44-sorties-pour-decouvrir-ses-tresors-caches-"> <div class="grid-inner bg-contrast-200 row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm" style="min-height:500px !important; height: auto;"> <div class="col-md-12 mb-md-0"> <span class="entry-image mb-0 h-100"> <img src="https://haguenau.fr/img/frontOffice/article/450px_250px-1741167184_0899a2b4d9fc2cdfa25a.jpg" alt="" class="rounded-2 object-cover" aria-hidden="true" focusable="false"> <div class="entry-title title-xs nott pt-3"> <h3 class="card-title"> <a href="/fr/article/lancement-du-programme-de-sorties-haguenau-foret-dexception-44-sorties-pour-decouvrir-ses-tresors-caches-" title="Lancement du programme de sorties « Haguenau, Forêt d’Exception® » : 44 sorties pour découvrir ses trésors cachés !">Lancement du programme de sorties « Haguenau, Forêt d’Exception® » : 44 sorties pour découvrir ses trésors cachés !</a> </h3> </div> <div class="entry-meta"> <ul> <li style="color: var(--cnvs-contrast-800);"><i class="uil-folder-open"></i> Temps forts</li> <li style="color: var(--cnvs-contrast-800);"><i class="bi-calendar3"></i> 04-03-2025</li> </ul> </div> <div class="entry-content" style="display: block;height: auto; min-height: 120px;"> <p>La 9e édition du programme « Trésors cachés de la forêt indivise de Haguenau », proposé par l’ONF et la Ville de Haguenau, est lancée. </p> </div> </span> </div> </div> </article> <article class="entry event col-12 mb-0 clickable-composite" data-href="/fr/article/ma-planete-ma-sante-conference-debat"> <div class="grid-inner bg-contrast-200 row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm" style="min-height:500px !important; height: auto;"> <div class="col-md-12 mb-md-0"> <span class="entry-image mb-0 h-100"> <img src="https://haguenau.fr/img/frontOffice/article/450px_250px-1741167016_b88700c3043b51867ef7.png" alt="" class="rounded-2 object-cover" aria-hidden="true" focusable="false"> <div class="entry-title title-xs nott pt-3"> <h3 class="card-title"> <a href="/fr/article/ma-planete-ma-sante-conference-debat" title=""Ma planète, ma santé" Conférence & débat">"Ma planète, ma santé" Conférence & débat</a> </h3> </div> <div class="entry-meta"> <ul> <li style="color: var(--cnvs-contrast-800);"><i class="uil-folder-open"></i> Temps forts</li> <li style="color: var(--cnvs-contrast-800);"><i class="bi-calendar3"></i> 05-03-2025</li> </ul> </div> <div class="entry-content" style="display: block;height: auto; min-height: 120px;"> <p><span style="color: #212529; font-family: Roboto, sans-serif;"><span style="background-color: #ffffff;">Le temps d’une soirée, venez découvrir les liens essentiels entre la préservation de l’environnement et la santé humaine, et prenez part à une réflexion engageante sur notre avenir.</span></span></p> </div> </span> </div> </div> </article> <article class="entry event col-12 mb-0 clickable-composite" data-href="/fr/article/quand-la-harpe-rencontre-la-danse"> <div class="grid-inner bg-contrast-200 row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm" style="min-height:500px !important; height: auto;"> <div class="col-md-12 mb-md-0"> <span class="entry-image mb-0 h-100"> <img src="https://haguenau.fr/img/frontOffice/article/450px_250px-1741333641_1fe6f35342e0edb2f671.jpg" alt="" class="rounded-2 object-cover" aria-hidden="true" focusable="false"> <div class="entry-title title-xs nott pt-3"> <h3 class="card-title"> <a href="/fr/article/quand-la-harpe-rencontre-la-danse" title="Quand la harpe rencontre la danse">Quand la harpe rencontre la danse</a> </h3> </div> <div class="entry-meta"> <ul> <li style="color: var(--cnvs-contrast-800);"><i class="uil-folder-open"></i> Culture</li> <li style="color: var(--cnvs-contrast-800);"><i class="bi-calendar3"></i> 07-03-2025</li> </ul> </div> <div class="entry-content" style="display: block;height: auto; min-height: 120px;"> <p><span style="color: #212529; font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;">Par les élèves du département Danse de l’École de Musique et de Danse de Haguenau.</span></p> <p><span style="color: #212529; font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI,… </div> </span> </div> </div> </article> <article class="entry event col-12 mb-0 clickable-composite" data-href="/fr/article/printemps-de-la-clarinette"> <div class="grid-inner bg-contrast-200 row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm" style="min-height:500px !important; height: auto;"> <div class="col-md-12 mb-md-0"> <span class="entry-image mb-0 h-100"> <img src="https://haguenau.fr/img/frontOffice/article/450px_250px-1741335616_efb170cb4c78bed85e4b.jpg" alt="" class="rounded-2 object-cover" aria-hidden="true" focusable="false"> <div class="entry-title title-xs nott pt-3"> <h3 class="card-title"> <a href="/fr/article/printemps-de-la-clarinette" title="Printemps de la clarinette">Printemps de la clarinette</a> </h3> </div> <div class="entry-meta"> <ul> <li style="color: var(--cnvs-contrast-800);"><i class="uil-folder-open"></i> Culture</li> <li style="color: var(--cnvs-contrast-800);"><i class="bi-calendar3"></i> 07-03-2025</li> </ul> </div> <div class="entry-content" style="display: block;height: auto; min-height: 120px;"> <p>Le Chœur de Clarinettes célèbre son 10<sup>ème</sup> anniversaire avec un concert réunissant les élèves de Bischheim, Haguenau et Obernai.</p> </div> </span> </div> </div> </article> <article class="entry event col-12 mb-0 clickable-composite" data-href="/fr/article/la-maison-des-associations-de-haguenau-lance-son-nouveau-site-internet-"> <div class="grid-inner bg-contrast-200 row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm" style="min-height:500px !important; height: auto;"> <div class="col-md-12 mb-md-0"> <span class="entry-image mb-0 h-100"> <img src="https://haguenau.fr/img/frontOffice/article/450px_250px-1741595569_16f827b293f18b001d77.jpg" alt="" class="rounded-2 object-cover" aria-hidden="true" focusable="false"> <div class="entry-title title-xs nott pt-3"> <h3 class="card-title"> <a href="/fr/article/la-maison-des-associations-de-haguenau-lance-son-nouveau-site-internet-" title="La Maison des Associations de Haguenau lance son nouveau site internet ">La Maison des Associations de Haguenau lance son nouveau site internet </a> </h3> </div> <div class="entry-meta"> <ul> <li style="color: var(--cnvs-contrast-800);"><i class="uil-folder-open"></i> Cadre de vie</li> <li style="color: var(--cnvs-contrast-800);"><i class="bi-calendar3"></i> 10-03-2025</li> </ul> </div> <div class="entry-content" style="display: block;height: auto; min-height: 120px;"> <p>La Maison des Associations de Haguenau (MAH) a récemment lancé son nouveau site internet, dans le but de mieux répondre aux attentes des associations locales exprimées lors des Assises de la Vie Associative.</p> </div> </span> </div> </div> </article> <article class="entry event col-12 mb-0 clickable-composite" data-href="/fr/article/osterputz-2025-nettoyage-de-printemps"> <div class="grid-inner bg-contrast-200 row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm" style="min-height:500px !important; height: auto;"> <div class="col-md-12 mb-md-0"> <span class="entry-image mb-0 h-100"> <img src="https://haguenau.fr/img/frontOffice/article/450px_250px-1741878781_8c45ec0943816ed0aa3c.png" alt="" class="rounded-2 object-cover" aria-hidden="true" focusable="false"> <div class="entry-title title-xs nott pt-3"> <h3 class="card-title"> <a href="/fr/article/osterputz-2025-nettoyage-de-printemps" title="Osterputz 2025 : nettoyage de printemps">Osterputz 2025 : nettoyage de printemps</a> </h3> </div> <div class="entry-meta"> <ul> <li style="color: var(--cnvs-contrast-800);"><i class="uil-folder-open"></i> Cadre de vie</li> <li style="color: var(--cnvs-contrast-800);"><i class="bi-calendar3"></i> 13-03-2025</li> </ul> </div> <div class="entry-content" style="display: block;height: auto; min-height: 120px;"> <p>Le grand nettoyage de printemps organisé dans toute l’agglomératio se déroulera le 29 mars 2025 à Haguenau.</p> </div> </span> </div> </div> </article> <article class="entry event col-12 mb-0 clickable-composite" data-href="/fr/article/80-ans-apres-la-liberation-de-haguenau"> <div class="grid-inner bg-contrast-200 row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm" style="min-height:500px !important; height: auto;"> <div class="col-md-12 mb-md-0"> <span class="entry-image mb-0 h-100"> <img src="https://haguenau.fr/img/frontOffice/article/450px_250px-1738839687_2587bd61c19d76fe95ed.png" alt="" class="rounded-2 object-cover" aria-hidden="true" focusable="false"> <div class="entry-title title-xs nott pt-3"> <h3 class="card-title"> <a href="/fr/article/80-ans-apres-la-liberation-de-haguenau" title="80 ans après la Libération de Haguenau">80 ans après la Libération de Haguenau</a> </h3> </div> <div class="entry-meta"> <ul> <li style="color: var(--cnvs-contrast-800);"><i class="uil-folder-open"></i> Temps forts</li> <li style="color: var(--cnvs-contrast-800);"><i class="bi-calendar3"></i> 05-11-2024</li> </ul> </div> <div class="entry-content" style="display: block;height: auto; min-height: 120px;"> <p><span data-olk-copy-source="MessageBody">La Ville de Haguenau poursuit sa programmation dans le cadre des 80 ans de la Libération de Haguenau avec 3 nouveaux rendez-vous en 2025.</span><!--EndFragment--></p> </div> </span> </div> </div> </article> </div> <!-- Partie Sortir à Haguenau --> <div class="section m-0 dark mt-2" style="background: linear-gradient(rgba(190,22,34,0.8), rgba(190,22,34,0.8)), url('https://haguenau.fr/img/frontOffice/sortirHaguenau/header-large.jpg') center center no-repeat; background-size: cover; padding: 40px 0 230px;"> <div class="container"> <div class="heading-block center mx-auto mb-4" style="max-width: 700px"> <h2 class="sr-only">Sortir à Haguenau</h2> <a href="https://sortirahaguenau.fr" target="_blank" title="Lien vers le site internet sortir à Haguenau"> <svg style="fill: #fff;" width="370" height="216" alt="" role="presentation" aria-hidden="true"> <use xlink:href="https://haguenau.fr/img/frontOffice/sortirHaguenau/sortirHaguenau.svg#Calque_1"></use> </svg> </a> </div> </div> </div> <div class="negetive-margin"> <div id="cleaner-carousel" style="padding:20px;" class="owl-carousel owl-carousel-full carousel-widget" data-margin="30" data-nav="true" data-pagi="false" data-items-xs="1" data-items-sm="2" data-items-md="3" data-items-lg="4" data-items-xl="4"> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/animations-de-la-semaine-chez-la-mauvaise-joueuse/216008918"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008918_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/animations-de-la-semaine-chez-la-mauvaise-joueuse/216008918" title="Animations de la Semaine chez La Mauvaise Joueuse" target="_blank">Animations de la Semaine chez La Mauvaise Joueuse</a> </h3> <p class="card-text">Rendez-vous dans votre bar à jeux Haguenovien préféré ! Retrouvez le planning des évènements sur notre site internet ! Réservation…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/programme-de-sorties-en-forets-2025/216008879"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008879_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/programme-de-sorties-en-forets-2025/216008879" title="Programme de sorties en forêts 2025" target="_blank">Programme de sorties en forêts 2025</a> </h3> <p class="card-text">Découvrez un programme riche pour petits et grands, à la découverte des trésors cachés de la Forêt d'Exception de Haguenau.…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/tournoi-de-tennis/216008797"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008797_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/tournoi-de-tennis/216008797" title="Tournoi de Tennis" target="_blank">Tournoi de Tennis</a> </h3> <p class="card-text">Tournoi de Tennis du 12 au 26 mars</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/exposition-les-dragons-au-pays-des-lanternes/216008796"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008796_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/exposition-les-dragons-au-pays-des-lanternes/216008796" title="Exposition - Les dragons au pays des lanternes" target="_blank">Exposition - Les dragons au pays des lanternes</a> </h3> <p class="card-text">Balade illuminée au milieu des terres vietnamiennes à la rencontre des animaux mythiques et de la flore colorée… Venez découvrir…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/exposition-un-toit-pour-les-raglais/216008795"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008795_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/exposition-un-toit-pour-les-raglais/216008795" title="Exposition - Un toit pour les Raglais" target="_blank">Exposition - Un toit pour les Raglais</a> </h3> <p class="card-text">Partir, découvrir une autre culture, un monde différent de celui dans lequel on vit… mais aussi apprendre de l’autre, aider…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/exposition-collective/216008794"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008794_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/exposition-collective/216008794" title="Exposition collective « Regards sur le Vietnam »" target="_blank">Exposition collective « Regards sur le Vietnam »</a> </h3> <p class="card-text">Parce qu’un « regard est dans tout pays un langage » (George Herbert), nous vous invitons à porter le vôtre…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/quinzaine-culturelle-au-vietnam/216008773"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008773_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/quinzaine-culturelle-au-vietnam/216008773" title="Quinzaine culturelle au Vietnam" target="_blank">Quinzaine culturelle au Vietnam</a> </h3> <p class="card-text">Du 1er au 14 mars 2025, retrouvez les acteurs culturels, éducatifs, sociaux et commerciaux de la Ville de Haguenau à…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/exposition/216008668"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008668_4.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/exposition/216008668" title="Exposition « Le patrimoine de Haguenau détruit, éprouvé, sauvé ! »" target="_blank">Exposition « Le patrimoine de Haguenau détruit, éprouvé, sauvé ! »</a> </h3> <p class="card-text">- Dans le cadre des 80 ans de la Libération de Haguenau – Dès les premières heures de la mobilisation,…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/exposition-la-nuit/216008629"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008629_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/exposition-la-nuit/216008629" title="Exposition : La Nuit" target="_blank">Exposition : La Nuit</a> </h3> <p class="card-text">Tous les soirs, le soleil se couche et c’est la nuit… L’obscurité s’installe, la température baisse, l’humidité augmente. Une à…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/la-tete-dans-les-etoiles/216008626"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008626_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/la-tete-dans-les-etoiles/216008626" title="La Tête dans les Étoiles" target="_blank">La Tête dans les Étoiles</a> </h3> <p class="card-text">Faire circuler les émotions du spectacle vivant à la rencontre du public familial et scolaire du territoire, c’est la promesse…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/80-ans-de-la-liberation-de-haguenau/216008463"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008463_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/80-ans-de-la-liberation-de-haguenau/216008463" title="80 ans de la Libération de Haguenau" target="_blank">80 ans de la Libération de Haguenau</a> </h3> <p class="card-text">Haguenau a une histoire unique : libérée une première fois le 11 décembre 1944, elle fut reconquise par les Allemands…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/seance-dactivite-physique-seniors/216008306"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008306_1.png" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/seance-dactivite-physique-seniors/216008306" title="Séance d'activité physique séniors" target="_blank">Séance d'activité physique séniors</a> </h3> <p class="card-text"><p>À partir du 10 octobre, la Maison Sport Santé Nord Alsace propose une séance hebdomadaire d’activité physique adaptée spécialement conçue…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/le-jardin-philosophique/216008305"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216008305_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/le-jardin-philosophique/216008305" title="Le jardin philosophique" target="_blank">Le jardin philosophique</a> </h3> <p class="card-text">Situé entre le canal de la Moder et le cimetière Saint-Nicolas, près du rond-point de Landau, le Jardin philosophique est…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/service-civique/216007992"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216007992_1.jpeg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/service-civique/216007992" title="service civique" target="_blank">service civique</a> </h3> <p class="card-text">L''association recherche 2 services civiques pour intégrer nos activités notamment l''environnement à partir de septembre 2024. Contribuer au développement d’activités…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/sur-les-traces-de-band-of-brothers-avec-guide/216007303"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216007303_1.jpeg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/sur-les-traces-de-band-of-brothers-avec-guide/216007303" title="Sur les traces de Band of Brothers avec guide" target="_blank">Sur les traces de Band of Brothers avec guide</a> </h3> <p class="card-text">L'action retrace l'arrivée de la "Easy Company" en Alsace, à Haguenau. Elle y reçoit l'ordre d'envoyer une patrouille en direction…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/visite-guidee-de-la-ville-de-haguenau-pour-les-groupes/216007302"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216007302_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/visite-guidee-de-la-ville-de-haguenau-pour-les-groupes/216007302" title="Visite guidée de la ville de Haguenau pour les groupes" target="_blank">Visite guidée de la ville de Haguenau pour les groupes</a> </h3> <p class="card-text">Tour opérateur, association, comité d'entreprise, collectif d'amis, excursionniste ou agence de voyage : Laissez-vous inspirer par des visites historiques guidées…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/visite-guidee-du-musee-du-bagage/216004635"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216004635_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/visite-guidee-du-musee-du-bagage/216004635" title="Visite guidée du Musée du Bagage" target="_blank">Visite guidée du Musée du Bagage</a> </h3> <p class="card-text">Chaque dimanche et chaque jour férié, visite guidée du musée du bagage à 15h. Tous les premiers samedis du mois,…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/balade-ludique-en-foret-de-haguenau/216003641"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216003641_5.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/balade-ludique-en-foret-de-haguenau/216003641" title="Balade ludique en forêt de Haguenau" target="_blank">Balade ludique en forêt de Haguenau</a> </h3> <p class="card-text">Découvrez une partie de la Forêt d'Exception® de Haguenau sur un parcours ponctué d'énigmes ! Soyez curieux, observateur et collectez…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/balade-ludique-a-haguenau/216003640"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216003640_6.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/balade-ludique-a-haguenau/216003640" title="Balade ludique à Haguenau" target="_blank">Balade ludique à Haguenau</a> </h3> <p class="card-text">Découvrez Haguenau en famille ou entre amis et en vous amusant ! Cette balade ludique vous mènera au travers des…</p> </div> </div> <div class="card border-0 shadow-sm wprock-img-zoom-hover clickable-composite" data-href="https://sortirahaguenau.fr/fr/evenements/marche-bi-hebdomadaire/216001891"> <div class="wprock-img-zoom"> <img src="https://apps.tourisme-alsace.info/photos/haguenau/photos/216001891_1.jpg" class="card-img-top img-responsive" alt="" height="300" width="300" style="object-fit:cover;" aria-hidden="true" focusable="false"> </div> <div class="card-body second-bg-color bg-contrast-200 rounded-bottom p-4" style="min-height: 200px;"> <h3 class="card-title"> <a href="https://sortirahaguenau.fr/fr/evenements/marche-bi-hebdomadaire/216001891" title="Marché bi-hebdomadaire" target="_blank">Marché bi-hebdomadaire</a> </h3> <p class="card-text">Retrouvez tous vos produits de consommation, des fruits et légumes à la mercerie, en passant par l’habillement ou divers produits…</p> </div> </div> </div> </div> <div class="container"> <!-- Partie E-Hebdo / H'Mag --> <div class="row col-mb-50 mb-0"> <div class="col-lg-7"> <div class="row col-mb-50 mb-0"> <div class="fancy-title title-border title-center"> <h2>Haguenau Magazine n°171</h2> </div> <div class="row"> <div class="col-md-5 col-sm-12 col-xs-12 center wprock-img-zoom-hover"> <div class="product-image wprock-img-zoom"> <img src="https://haguenau.fr/img/frontOffice/kiosque/317px_224px-1734508316_f833c5c5573ac122cada.jpg" alt="" class="img-responsive" aria-hidden="true" focusable="false"> </div> </div> <div class="col-md-7 col-sm-12 col-xs-12"> <div class="description"> <p class="mb-4 mt-0">Projets et réalisations, nouveaux services, infos pratiques, découvertes et idées de sorties…</p> <p>Tous les deux mois, Haguenau Magazine vous informe et donne la parole à celles et ceux qui font Haguenau !</p> <p>Le magazine est diffusé dans toutes les boîtes aux lettres de la ville par l’association haguenovienne d’insertion Utileco.</p> <p class="mb-2">Vous ne le recevez pas dans votre boîte aux lettres ? Signalez-le en <span class="entry-content"><a href="https://formulaires.services.agglo-haguenau.fr/s-informer/signaler-non-reception-magazine-agglo-ou-ville-haguenau/" target="_blank" alt="Compléter le formulaire en ligne (Lien sortant nouvelle fenêtre)">complétant ce formulaire en ligne.</a></span></p> </div> <p class="center mb-2"> <a href="https://haguenau.fr/files/kiosque-file/1734508316_b324a5ecdbde78fbaab7.pdf" download="https://haguenau.fr/files/kiosque-file/1734508316_b324a5ecdbde78fbaab7.pdf" class="button button-mini button-circle button-blue" title="Cliquez sur le lien pour télécharger le fichier PDF" data-toggle="tooltip" data-placement="top"><i class="fa-solid fa-download icon-xl"></i>Télécharger</a> <a href="https://www.calameo.com/ville-de-haguenau/read/0072295824a6ab2e5cb65" title="Consulter le Haguenau magazine sur une visionneuse en ligne (Nouvelle fenêtre)" target="_blank" class="button button-mini button-circle button-blue"><i class="fa-solid fa-eye icon-xl"></i>Consulter</a> </p> <p class="center"><a href="/fr/kiosque-categories/haguenau-magazine" title="Consulter les Haguenau magazine" class="button button-mini button-circle button-blue"><i class="fa-solid fa-list-alt icon-xl"></i>Consulter les Haguenau magazine</a></p> </div> </div> </div> </div> <div class="col-lg-5"> <div class="fancy-title title-border title-center"> <h2>E-hebdo</h2> </div> <!-- Begin Brevo Form --> <!-- Begin Brevo Form --> <!-- START - We recommend to place the below code in head tag of your website html --> <style> body.body-dyslexia #sib-container { font-family: 'Open-Dyslexic', Roboto, sans-serif !important; } body.body-dyslexia #sib-container .entry__label, body.body-dyslexia #sib-container .entry__specification, body.body-dyslexia #sib-container .entry__error { font-family: 'Open-Dyslexic', Roboto, sans-serif !important; } body.body-dyslexia #sib-container input::placeholder { font-family: 'Open-Dyslexic', Roboto, sans-serif !important; } body.body-dyslexia #sib-container button { font-family: 'Open-Dyslexic', Roboto, sans-serif !important; } @font-face { font-display: block; font-family: Roboto; src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff") } @font-face { font-display: fallback; font-family: Roboto; font-weight: 600; src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff") } @font-face { font-display: fallback; font-family: Roboto; font-weight: 700; src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff") } #sib-container input:-ms-input-placeholder { text-align: left; font-family: "Helvetica", sans-serif; color: #c0ccda; } #sib-container input::placeholder { text-align: left; font-family: "Helvetica", sans-serif; color: #c0ccda; } </style> <link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css"> <!-- END - We recommend to place the above code in head tag of your website html --> <!-- START - We recommend to place the below code where you want the form in your website html --> <div class="sib-form" style="text-align: center; background-color: transparent;"> <div id="sib-form-container" class="sib-form-container"> <div id="sib-container" class="sib-container--large sib-container--vertical" style="text-align:center; background-color:rgba(83,53,167,1); max-width:540px; border-radius:8px; border-width:0px; border-color:#5335a7; border-style:solid;" role="form" aria-labelledby="form-title" aria-describedby="form-description"> <!-- Titre du formulaire --> <h2 id="form-title" class="sr-only">Inscription à la newsletter</h2> <!-- Description du formulaire --> <p id="form-description" class="sr-only">Veuillez remplir ce formulaire pour vous inscrire à notre newsletter hebdomadaire.</p> <form id="sib-form" method="POST" action="https://c6cb438b.sibforms.com/serve/MUIFAFO9Y840ZsudqZB3H25Mio-gMqJmpgxRY3KneWSelV1SDTLWOIpt7M2RXTbJ-aAj6vY3dvD6WckD8v5oN_fzurlxq-dkKeP3oRrsyc1Vvqri67InMB3IgQCJGP_f-VPVPwbLU6bNRVCZ95JW87IQlIYVKWlPj1uIVBOor8RKRXm0Ydvxh8bp-lWaVRKjr6eeajU-Sc6rImol"> <!-- Image du formulaire --> <div style="padding: 8px 0;"> <div class="sib-form-block sib-image-form-block" style="text-align: center"> <img src="https://img.mailinblue.com/2066458/images/rnb/original/64900c412403a1740a44ea64.jpg" style="width: 500px;height: 183px;" alt="Illustration de la newsletter l'e-Hebdo" title="Infos l'e-Hebdo" /> </div> </div> <!-- Champ d'email --> <div style="padding: 8px 0;"> <div class="sib-input sib-form-block"> <div class="form__entry entry_block"> <div class="form__label-row "> <label class="entry__label" for="EMAIL" style="font-weight: 700; text-align:left; font-size:16px; font-family:Helvetica, sans-serif; color:#e5e6e8;" aria-describedby="email-hint email-spec"> Veuillez renseigner votre adresse email pour vous inscrire </label> <div class="entry__field"> <input class="input" type="email" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="Veuillez renseigner votre adresse email" data-required="true" required aria-required="true" /> </div> </div> <!-- Message d'erreur --> <span id="email-hint" class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;" role="alert" aria-live="assertive"> <!-- Message d'erreur dynamique ici --> </span> <!-- Explication --> <p id="email-spec" class="entry__specification" style="font-size:11px; text-align:left; font-family:Helvetica, sans-serif; color:#e5e6e8;"> Exemple d'email : abc@xyz.com </p> </div> </div> </div> <!-- Bouton d'inscription --> <div style="padding: 8px 0;"> <div class="sib-form-block" style="text-align: left"> <button class="sib-form-block__button sib-form-block__button-with-loader" style="font-size:16px; text-align:left; font-weight:700; font-family:Helvetica, sans-serif; color:#2c2c2c; background-color:#f29200; border-radius:3px; border-width:0px;" form="sib-form" type="submit" aria-label="S'inscrire à la newsletter"> <svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512" aria-hidden="true"> <path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z" /> </svg> S'inscrire </button> </div> </div> <input type="text" name="email_address_check" value="" class="input--hidden" aria-hidden="true"> <input type="hidden" name="locale" value="fr"> <input type="hidden" name="html_type" value="simple"> </form> </div> </div> </div> <!-- END - We recommend to place the above code where you want the form in your website html --> <!-- End Brevo Form --> <!-- End Brevo Form --> </div> </div> </div> <!-- Partie E-Hebdo / H'Mag --> <!-- Partie permettant d'afficher les partenaires --> <div class="section m-0 mb-0 border-bottom-0"> <div class="heading-block center"> <h2>Nos partenaires</h2> </div> <div id="oc-clients-full" class="owl-carousel owl-carousel-full image-carousel carousel-widget" data-loop="false" data-margin="30" data-nav="true" data-pagi="false" data-items-xs="2" data-items-sm="2" data-items-md="5" data-items-lg="6" data-items-xl="8"> <div class="oc-item"> <a href="https://www.nautiland.net" target="_blank" title="Nautiland (Lien sortant nouvelle fenêtre)"><img src="https://haguenau.fr/img/frontOffice/partenaires/1677583554_59e11abdc49fa479253c.png" alt="" aria-hidden="true" focusable="false"></a> </div> <div class="oc-item"> <a href="https://www.museedubagage.com/" target="_blank" title="Musée du Bagage (Lien sortant nouvelle fenêtre)"><img src="https://haguenau.fr/img/frontOffice/partenaires/1677583724_97da31e9956b7b27ccf0.png" alt="" aria-hidden="true" focusable="false"></a> </div> <div class="oc-item"> <a href="https://biblio-tilt.agglo-haguenau.fr" target="_blank" title="Tilt (Lien sortant nouvelle fenêtre)"><img src="https://haguenau.fr/img/frontOffice/partenaires/1677583579_93781e0d60e35de73367.png" alt="" aria-hidden="true" focusable="false"></a> </div> <div class="oc-item"> <a href="https://www.ritmo.fr" target="_blank" title="Ritmo (Lien sortant nouvelle fenêtre)"><img src="https://haguenau.fr/img/frontOffice/partenaires/1677583599_c489bb986e834971c1db.png" alt="" aria-hidden="true" focusable="false"></a> </div> <div class="oc-item"> <a href="https://www.cap-alsace.com" target="_blank" title="CAP Alsace (Lien sortant nouvelle fenêtre)"><img src="https://haguenau.fr/img/frontOffice/partenaires/1677583649_072e8afbb60a6b295c89.png" alt="" aria-hidden="true" focusable="false"></a> </div> <div class="oc-item"> <a href="https://www.visithaguenau.alsace/accueil" target="_blank" title="Pays de Haguenau (Lien sortant nouvelle fenêtre)"><img src="https://haguenau.fr/img/frontOffice/partenaires/1736342109_8d058271a86e954db1d4.png" alt="" aria-hidden="true" focusable="false"></a> </div> <div class="oc-item"> <a href="https://relais-culturel-haguenau.com" target="_blank" title="Relais Culturel (Lien sortant nouvelle fenêtre)"><img src="https://haguenau.fr/img/frontOffice/partenaires/1677583779_ce3e11c4e235db4610e0.png" alt="" aria-hidden="true" focusable="false"></a> </div> <div class="oc-item"> <a href="https://www.agglo-haguenau.fr/" target="_blank" title="Communauté d'Agglomération de Haguenau (Lien sortant nouvelle fenêtre)"><img src="https://haguenau.fr/img/frontOffice/partenaires/1677588072_ddbbd27e5d3c81cdf134.png" alt="" aria-hidden="true" focusable="false"></a> </div> </div> </div> </div> </div> </section> </main> <!-- #Fin contenu --> <!-- Pieds de page ============================================= --> <footer role="contentinfo" id="footer"> <div class="container"> <!-- Footer ============================================= --> <div class="footer-widgets-wrap"> <div class="row col-mb-50"> <div class="col-md-6 col-lg-4"> <div class="widget clearfix"> <img class="footer-logo" src="https://haguenau.fr/img/frontOffice/logo/light/logo-couleur.png" data-logo-dark="https://haguenau.fr/img/frontOffice/logo/dark/logo-blanc.png" data-logo-light="https://haguenau.fr/img/frontOffice/logo/light/logo-couleur.png" aria-hidden="true" focusable="false"> <div> <h2 class="mb-0" style="font-size: 1rem; font-weight: bolder; line-height: 1.7;">Ville de Haguenau</h2> <address>1 place Charles de Gaulle<br />67504 Haguenau CEDEX</address> <p><a class="button button-mini button-circle button-blue" href="tel:0388906850"><i class="fa-solid fa-phone icon-xl"></i> 03 88 90 68 50</a><br /><a class="button button-mini button-circle button-blue" href="https://formulaires.services.agglo-haguenau.fr/s-informer/nous-contacter/" target="_blank" alt="Nous contacter (Lien sortant nouvelle fenêtre)" aria-label="Nous contacter (Lien sortant nouvelle fenêtre)" rel="noopener"><i class="fa-solid fa-mail-bulk icon-xl"></i> Nous contacter</a></p> </div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="widget clearfix"> <h2>Les accès</h2> <p><strong>Arrêt RITMO le plus proche</strong><br />Barberousse ou Médiathèque</p> <p><strong>Parking le plus proche</strong><br />Vieille Île - 290 places - 1h gratuite</p> </div> <div class="widget clearfix"> <ul class="list-inline"> <li> <a href="https://www.facebook.com/VilledeHaguenau/ " class="social-icon rounded-circle h-bg-facebook" title="Facebook de la Ville de Haguenau (Lien sortant nouvelle fenêtre)" target="_blank" aria-label="Facebook de la Ville de Haguenau (Lien sortant nouvelle fenêtre)"> <i class="fa-brands fa-facebook-f"></i> <i class="fa-brands fa-facebook-f"></i> </a> </li> <li> <a href="https://www.instagram.com/villedehaguenau/" class="social-icon rounded-circle h-bg-instagram" title="Instagram (Lien sortant nouvelle fenêtre)" target="_blank" aria-label="Instagram (Lien sortant nouvelle fenêtre)"> <i class="fa-brands fa-instagram"></i> <i class="fa-brands fa-instagram"></i> </a> </li> <li> <a href="https://www.youtube.com/user/VilleHaguenau " class="social-icon rounded-circle h-bg-youtube" title="Youtube (Lien sortant nouvelle fenêtre)" target="_blank" aria-label="Youtube (Lien sortant nouvelle fenêtre)"> <i class="fa-brands fa-youtube"></i> <i class="fa-brands fa-youtube"></i> </a> </li> </ul> </div> </div> <div class="col-md-6 col-lg-4"> <div class="widget quick-contact-widget form-widget clearfix"> <h2>Horaires services municipaux</h2> <p><strong>Lundi au vendredi</strong><br />De 8h à 12h et de 13h30 à 17h30</p> <p><strong>Permanence État Civil</strong><br />Tous les samedis de 9h à 12h</p> <p><strong>Permanence adjoint / conseiller délégué</strong><br />Tous les samedis de 10h à 12h (sans rendez-vous)</p> </div> </div> </div> </div> </div> <!-- #Fin Footer --> <!-- Copyrights ============================================= --> <div id="copyrights"> <div class="container"> <div class="row justify-content-between col-mb-30"> <div class="col-12 col-md-auto text-center text-md-start"> <span class="text-copyright">2023 © Ville de haguenau<br></span> <div class="copyright-links"> <ul class="list-inline" style="display: ruby;"> <li> <a style="margin: 0 0.25rem;" href="/fr/mentions-legales">Mentions légales</a> / <!-- Ajouter la barre oblique inverse sauf pour le dernier élément --> </li> <li> <a style="margin: 0 0.25rem;" href="/fr/politique-des-cookies">Politique de gestion des cookies</a> / <!-- Ajouter la barre oblique inverse sauf pour le dernier élément --> </li> <li> <a style="margin: 0 0.25rem;" href="/fr/accessibilite">Accessibilité</a> / <!-- Ajouter la barre oblique inverse sauf pour le dernier élément --> </li> <li> <a style="margin: 0 0.25rem;" href="/fr/protection-des-donnees">Protection des données</a> </li> </ul> </div> </div> <div class="col-12 col-md-auto text-center text-md-end"> <div class="copyrights-menu copyright-links"> <ul class="list-inline" style="display: ruby;"> <li style="list-style: none;"> <a style="margin: 0 0.25rem;" href="/fr/espace-presse" > Presse </a> / <!-- Ajouter une barre oblique sauf pour le dernier élément --> </li> <li style="list-style: none;"> <a style="margin: 0 0.25rem;" href="#" onclick="tarteaucitron.userInterface.openPanel();" > Gestion des cookies </a> / <!-- Ajouter une barre oblique sauf pour le dernier élément --> </li> <li style="list-style: none;"> <a style="margin: 0 0.25rem;" href="/fr/sitemap" > Plan du site </a> </li> </ul> </div> </div> </div> </div> </div> <!-- #Fin copyrights --> </footer> <!-- #Fin du pied de page --> </div> <!-- Modal permettant d'afficher les alertes vigilences --> <!-- #Fin du corps de page --> <!-- Retour vers le haut ============================================= --> <div id="gotoTop" class="uil uil-angle-up" data-mobile="true" data-easing="easeInQuad" tabindex="0" role="button" aria-label="Revenir en haut de la page"> <span class="sr-only">Revenir en haut de la page</span> </div> <!-- Modal accessibilité ============================================= --> <!-- Modal --> <div class="modal1 mfp-hide" id="modal-accessibility"> <div class="block mx-auto" style="background-color: var(--cnvs-section-bg); max-width: 800px;"> <div style="padding: 50px;"> <h2 class="h4 mb-3">Confort de lecture et accessibilité</h2> <div class="theme mx-auto mb-4"> <button type="button" id="btnModeClair" class="theme-btn theme-clair" aria-label="Mode clair" title="Basculer au thème clair"> <i class='bi-brightness-high align-middle'></i> <span class="sr-only">Mode clair</span> </button> <button type="button" id="btnModeFonce" class="theme-btn theme-sombre" aria-label="Mode sombre" title="Basculer au thème sombre"> <i class='bi-moon-stars align-middle'></i> <span class="sr-only">Mode sombre</span> </button> </div> <div id="themeStatus" aria-live="polite" class="sr-only" role="status"></div> <h3 class="mb-3 fs-6">Service de téléphonie</h3> <a href="https://app.acce-o.fr/client/haguenau" class="button button-large button-rounded ls-0 mb-4" title="Accéder aux services téléphoniques pour sourds ou malentendants" aria-label="Accéder aux services téléphoniques pour sourds ou malentendants" target="_blank"> <i class="fa-solid fa-deaf"></i>Services téléphoniques pour sourds ou malentendants </a> <h3 class="mb-3 fs-6">Choix de la police</h3> <p>Personnalisez votre expérience de lecture en choisissant une police adaptée à vos besoins. Sélectionnez la police standard ou une police spécialement conçue pour améliorer la lisibilité, comme OpenDyslexic.</p> <div class="theme mx-auto mb-4"> <button type="button" id="btnPoliceStandard" class="theme-btn theme-standard active" aria-label="Police standard activée" title="Police standard activée" disabled="true"> <i class="fa-solid fa-eye"></i> <span class="sr-only">Police standard</span> </button> <button type="button" id="btnPoliceDyslexie" class="theme-btn theme-dyslexia" aria-label="Activer la police OpenDyslexic" title="Activer la police OpenDyslexic"> <i class="fa-solid fa-eye-low-vision"></i> <span class="sr-only">Police OpenDyslexic</span> </button> </div> <div class="row mb-3"> <div class="col-xl-6 col-sm-12"> <h3 class="mb-3 fs-6">La taille du texte</h3> <div class="text-acc size"> <button id="zoomOut" aria-label="Réduire la taille de la police de caractère" title="Réduire la taille de la police de caractère" class="text-acc-btn" tabindex="0"> <i class="uil-minus" style="font-size:24px;"></i> </button> <img src="https://haguenau.fr/img/frontOffice/template/ico-size.svg" alt="" width="43"> <button id="zoomIn" aria-label="Augmenter la taille de la police de caractère" title="Augmenter la taille de la police de caractère" class="text-acc-btn" tabindex="0"> <i class="uil-plus" style="font-size:24px;"></i> </button> </div> <div id="zoomDisplay" class="zoom-value text-center"> <span>Zoom en cours : </span><span id="zoomValue" class="zoom-value">100%</span> </div> </div> <div class="col-xl-6 col-sm-12"> <h3 class="mb-3 fs-6">L'espacement entre les lignes</h3> <div class="text-acc size"> <button id="lineSpacingDecrease" aria-label="Réduire l'espacement entre les lignes" title="Réduire l'espacement entre les lignes" class="text-acc-btn" tabindex="0"> <i class="uil-arrow-down" style="font-size:24px;"></i> </button> <img src="https://haguenau.fr/img/frontOffice/template/ico-line.svg" alt="" width="43"> <button id="lineSpacingIncrease" aria-label="Augmenter l'espacement entre les lignes" title="Augmenter l'espacement entre les lignes" class="text-acc-btn" tabindex="0"> <i class="uil-arrow-up" style="font-size:24px;"></i> </button> </div> <div id="spacingValue" class="spacing-value text-center"> <span>Valeur en cours : </span><span id="currentSpacingValue" class="zoom-spacing">1.65em</span> </div> </div> </div> <h3 class="mb-3 fs-6">Réinitialisation des valeurs</h3> <button id="resetZoom" title="Réinitialiser les valeurs par défaut" class="button button-large button-rounded ls-0 mb-4" tabindex="0"> <i class="uil uil-text" style="font-size:24px;"></i> Réinitialiser les valeurs par défaut </button> </div> </div> </div> <script src="https://haguenau.fr/plugins/frontOffice/ville-de-haguenau/js-cookies/js.cookie.min.js"></script> <!-- JavaScripts ============================================= --> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/jquery.js"></script> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/locale/keyboardNavigation.js"></script> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/locale/clickable-composite.js"></script> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/locale/theme-switcher.js"></script> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/locale/accessibility-menu.js"></script> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/locale/gotoTop.js"></script> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/locale/using-keyboard.js"></script> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/locale/anchor.js"></script> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/locale/zoom.js"></script> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/locale/cnvs-theme-teste.js"></script> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/locale/bodyDyslexia.js"></script> <script> var cnvsOptions = { jsFolder: 'https://haguenau.fr/js/frontOffice/ville-de-haguenau/', cssFolder: 'https://haguenau.fr/css/frontOffice/ville-de-haguenau/', }; </script> <!-- Scripts ============================================= --> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/plugins.min.js"></script> <script src="https://haguenau.fr/js/frontOffice/ville-de-haguenau/functions.bundle.js"></script> <!-- JS d'intégration de MATOMO --> <script> jQuery('#video-slider-play').on('click', function(e) { e.preventDefault(); if (jQuery(this).hasClass('video-played')) { jQuery('#slide-video').get(0).pause(); } else { jQuery('#slide-video').get(0).play(); } jQuery(this).toggleClass('video-played'); }); </script> <!-- JS additionnel --> </body> </html>