PageSourceSearch

https://www.montpellier.fr/vie-quotidienne/vivre-ici/urgences-secu…nnaitre-les-risques-majeurs/vigilance-meteo

html montpellier.fr collected 2026-10-01 10:30:23 UTC 306,374 bytes, 69 lines download raw bytes

1<!DOCTYPE html><html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#" class="scroll-smooth [&amp;_section]:scroll-mt-28 font-base overflow-x-hidden [&amp;_section]:print:break-inside-avoid"><head><meta charset="utf-8" />
1<script>var _paq = _paq || [];(function(){var u=(("https:" == document.location.protocol) ? "https://matomo.montpellier.fr/" : "https://matomo.montpellier.fr/");_paq.push(["setSiteId", "32"]);_paq.push(["setTrackerUrl", u+"matomo.php"]);_paq.push(["setDoNotTrack", 1]);if (!window.matomo_search_results_active) {_paq.push(["trackPageView"]);}_paq.push(["setIgnoreClasses", ["no-tracking","colorbox"]]);_paq.push(["enableLinkTracking"]);var d=document,g=d.createElement("script"),s=d.getElementsByTagName("script")[0];g.type="text/javascript";g.defer=true;g.async=true;g.src=u+"matomo.js";s.parentNode.insertBefore(g,s);})();</script>
1<link rel="canonical" href="https://www.montpellier.fr/vie-quotidienne/vivre-ici/urgences-securite-et-prevention/prevention-et-gestion-des-risques/connaitre-les-risques-majeurs/vigilance-meteo" /><meta property="og:site_name" content="Montpellier, Métropole et Ville" /><meta property="og:url" content="https://www.montpellier.fr/vie-quotidienne/vivre-ici/urgences-securite-et-prevention/prevention-et-gestion-des-risques/connaitre-les-risques-majeurs/vigilance-meteo" /><meta property="og:title" content="Vigilance météo" /><meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /><meta name="MobileOptimized" content="width" /><meta name="HandheldFriendly" content="true" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><link rel="icon" href="/themes/custom/montpellier3m/favicon.ico" type="image/vnd.microsoft.icon" /><link rel="alternate" hreflang="en" href="https://www.montpellier.fr/en/weather-watch" /><link rel="alternate" hreflang="fr" href="https://www.montpellier.fr/vie-quotidienne/vivre-ici/urgences-securite-et-prevention/prevention-et-gestion-des-risques/connaitre-les-risques-majeurs/vigilance-meteo" /><link rel="alternate" hreflang="es" href="https://www.montpellier.fr/es/vigilancia-meteorologica" />
1<script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script>
1<title>Vigilance météo | Montpellier, Métropole et Ville</title><link rel="stylesheet" media="all" href="/sites/default/files/css/css_AaPbEaXHoPaBKEOWVG125j3NaH-EqUZQBkXOwnrLSFE.css?delta=0&amp;language=fr&amp;theme=montpellier3m&amp;include=eJxdi0EKAyEMRS_k6KIHKpGkTiBqSCKDt58uCqXdfd57HxBjwtgFPiO_bI5IGM8AlosHliazghweW3i0H-UXK1nq74uSCJM9-n-vYNAM9PSCthQkf0leQ1cV9pMw-fagXio43aQkO2o" /><link rel="stylesheet" media="all" href="/sites/default/files/css/css_nsU1f4hKB-eQHN_jOUDOUrCRWTUqAevOW1QN_6COlEs.css?delta=1&amp;language=fr&amp;theme=montpellier3m&amp;include=eJxdi0EKAyEMRS_k6KIHKpGkTiBqSCKDt58uCqXdfd57HxBjwtgFPiO_bI5IGM8AlosHliazghweW3i0H-UXK1nq74uSCJM9-n-vYNAM9PSCthQkf0leQ1cV9pMw-fagXio43aQkO2o" /><link rel="stylesheet" media="all" href="//cdnjs.cloudflare.com/ajax/libs/Swiper/8.3.2/swiper-bundle.min.css" /><link rel="stylesheet" media="all" href="/sites/default/files/css/css_bsDjtMIBAF_3kdzLF8mnCWeDkLtK5I4z1VP7HFYoi30.css?delta=3&amp;language=fr&amp;theme=montpellier3m&amp;include=eJxdi0EKAyEMRS_k6KIHKpGkTiBqSCKDt58uCqXdfd57H
1xBjwtgFPiO_bI5IGM8AlosHliazghweW3i0H-UXK1nq74uSCJM9-n-vYNAM9PSCthQkf0leQ1cV9pMw-fagXio43aQkO2o" />
1<script async data-browser-key="7238f81957688441967de99b2992b6db4e6de3cc30a024dc754c87cdefc33e00" data-sample-rate="1.000000" data-parent-trace-id="409e3c57143eb297d1b61b8792cd2442" data-transaction-name="Drupal\page_cache\StackMiddleware\PageCache" data-collector="https://ingest.upsun-fr-3.observability-pipeline.blackfire.io" src="https://admin-pipeline.upsun-fr-3.observability-pipeline.blackfire.io/js/probe.js"></script>
1</head><body class="is-mobile bg-white dark:bg-gray-900 text-gray-500 dark:text-white [&amp;_header.fixed~main&gt;section:first-child]:pt-28 [&amp;_header.fixed~main&gt;section:first-child]:lg:pt-20 overflow-x-clip"> <a href="#main-content" class="visually-hidden inline-block z-20 focus:!relative focus:overflow-visible focus:w-auto focus:h-auto p-2.5 bg-black text-white"> Aller au contenu principal </a><div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <header role="banner" class="main-header relative z-[100] lg:mt-6 lg:mb-20 mx-auto w-full max-w-[80rem] lg:px-8 flex max-lg:content-baseline lg:block flex-wrap max-lg:overflow-x-hidden transition duration-300 js-header print:hidden"><div id="block-montpellier3m-bandealert"><div class="js-alert group md:mb-2 lg:mb-7 z-[500] relative w-screen left-1/2 transform -translate-x-1/2 lg:-mt-6 cursor-pointer" style="background-color: #ffe500; color: #000;"><div class="md:w-9/12 group-[.active]:w-auto mx-auto flex justify-center items-center group-[.active]:items-start pl-8 pr-3.5 md:px-8 group-[.active]:px-8 group-[.active]:pr-11 py-[0.625rem] group-[.active]:py-8"><div class="flex items-center justify-center flex-shrink-0 self-stretch group-[.active]:self-auto aspect-square mr-2.5 md:mr-5 md:group-[.active]:mr-2.5 group-[.active]:mt-2 [&_img]:max-w-8 [&_img]:h-full group-[.active]:[&_img]:h-auto [&_svg]:max-w-8"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" id="thunder" fill="currentColor" height="17" width="17"> <path d="M61 30H47.846l8.036-22.322A2.001 2.001 0 0 0 54 5H30a2 2 0 0 0-1.897 1.367l-11 33A2 2 0 0 0 19 42h15.304l-9.218 30.42a2 2 0 0 0 3.454 1.856l34-41A2 2 0 0 0 61 30zM31.79 64.092l7.124-23.512A2 2 0 0 0 37 38H21.775l9.666-29h19.713l-8.036 22.322A2.001 2.001 0 0 0 45 34h11.743L31.79 64.092z"></path></svg></div><div class="flex flex-col gap-4 w-full"><div class="line-clamp-1 md:line-clamp-2 group-[.active]:line-clamp-none [&_.drt-text]:text-inherit [&_.drt-text]:text-sm [&_.drt-text]:leading-[1.5rem] font-semibold uppercase"><div class="drt-text drt-text--default format text-sm max-w-none">Le département de l&#039;Hérault est placé en vigilance jaune Orages / Pluie-inondation ce jeudi 1er octobre.<br />Réouverture des équipements jeudi 1er octobre.</div></div><div class="js-alertLink text-center hidden"> <a type="button" class="flb-button flb-button--default uppercase appearance-none flex-none inline-flex justify-center items-center px-12 py-3.5 rounded btn-rtl primary-white text-white hover:text-black font-semibold leading-3 text-btn" href="/vie-quotidienne/vivre-ici/urgences-securite-et-prevention/prevention-et-gestion-des-risques/connaitre-les-risques-majeurs/vigilance-meteo"> <span class="">Infos &amp; consignes de sécurité</span> </a></div></div><div> <svg focusable="false" aria-hidden="true" class="h-3.5 w-2 ml-8 group-[.active]:hidden flex-shrink-0 chevron-right" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg></div></div></div><div class="hidden rounded-t fixed left-0 right-0 top-0 w-full z-[500] js-closeButton"> <button type="button" class="absolute top-0 right-0 group hover:cursor-pointer w-32 h-28 after:bg-white after:rotate-[6deg] after:skew-x-[16deg] after:block after:absolute after:inset-0 after:-top-44 after:-right-72"> <span class="absolute top-[20%] right-[15%] text-center z-[1]"> <svg focusable="false" aria-hidden="true" class="mx-auto w-5 h-5 mb-2 text-black group-hover:text-primary transition"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#cross"></use> </svg> <span class="font-base font-semibold text-font-theme uppercase text-sm group-hover:text-primary transition"> Fermer </span> </span> </button></div><div class="hidden fixed inset-0 bg-black bg-opacity-40 z-[60] js-alertMask"></div></div><div id="block-montpellier3m-alertblock"><div class="js-tagAlert alert-mobile-hidden inline-flex items-center !gap-0 lg:-mt-2 max-lg:ml-3.5 max-h-[1.375rem] !px-2.5 !py-[0.188rem] !rounded-full flex-shrink-0 mr-2 lg:hidden"
2style="background-color: #ffe500; color: #000;"><div class="min-w-3 min-h-3 mr-1.5 [&_img]:max-w-3.5 [&_svg]:max-w-3.5"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" id="thunder" fill="currentColor" height="17" width="17"> <path d="M61 30H47.846l8.036-22.322A2.001 2.001 0 0 0 54 5H30a2 2 0 0 0-1.897 1.367l-11 33A2 2 0 0 0 19 42h15.304l-9.218 30.42a2 2 0 0 0 3.454 1.856l34-41A2 2 0 0 0 61 30zM31.79 64.092l7.124-23.512A2 2 0 0 0 37 38H21.775l9.666-29h19.713l-8.036 22.322A2.001 2.001 0 0 0 45 34h11.743L31.79 64.092z"></path></svg></div><div class="font-theme font-semibold text-xs uppercase tracking-wider">Orages</div></div></div><div class="js-additionalMenu relative lg:flex lg:justify-end order-1 lg:order-[0] [&>div]:pb-5 [&>div]:flex [&>div]:flex-col max-lg:[&>div]:flex-wrap lg:[&>div]:inline-flex lg:[&>div]:flex-row lg:[&>div]:bg-dark-primary lg:[&>div]:rounded-t-lg lg:[&>div]:pl-10 lg:[&>div]:pr-6 lg:[&>div]:py-3.5 lg:[&>div]:gap-x-10 lg:[&>div]:items-center js-unactive js-menuMobile max-lg:hidden"><div> <nav role="navigation" aria-labelledby="block-montpellier3m-preheader-menu" id="block-montpellier3m-preheader"><h2 class="visually-hidden" id="block-montpellier3m-preheader-menu">Pré-header</h2><ul class="w-full lg:w-auto pt-1.5 lg:pt-0 font-theme font-semibold text-xs uppercase lg:flex font-theme text-black lg:text-white xl:gap-x-[2.875rem] gap-x-6 gap-y-2.5"><li class="menu-item px-5 py-2 lg:p-0 flex items-center gap-2 tracking-[0.045rem]"> <a href="https://encommun.montpellier.fr/" target="_blank" class="hover:opacity-70 hover:underline underline-offset-4 transition-opacity max-lg:text-[#535353] max-lg:font-bold">Actualités</a> <svg focusable="false" aria-hidden="true" class="h-4 w-4 lg:text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#external"></use> </svg></li><li class="menu-item px-5 py-2 lg:p-0 flex items-center gap-2 tracking-[0.045rem]"> <a href="https://agenda.montpellier.fr/" target="_blank" class="hover:opacity-70 hover:underline underline-offset-4 transition-opacity max-lg:text-[#535353] max-lg:font-bold">Agenda</a> <svg focusable="false" aria-hidden="true" class="h-4 w-4 lg:text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#external"></use> </svg></li><li class="menu-item px-5 py-2 lg:p-0 flex items-center gap-2 tracking-[0.045rem]"> <a href="/offres-d-emploi" class="hover:opacity-70 hover:underline underline-offset-4 transition-opacity max-lg:text-[#535353] max-lg:font-bold" data-drupal-link-system-path="node/959">Emploi</a></li><li class="menu-item px-5 py-2 lg:p-0 flex items-center gap-2 tracking-[0.045rem]"> <a href="https://participer.montpellier.fr/" target="_blank" class="hover:opacity-70 hover:underline underline-offset-4 transition-opacity max-lg:text-[#535353] max-lg:font-bold">Participer</a> <svg focusable="false" aria-hidden="true" class="h-4 w-4 lg:text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#external"></use> </svg></li></ul> </nav><div class="order-1 lg:order-[0] lg:flex lg:items-center w-full xl:ml-3 lg:w-auto max-lg:px-5"><ul data-region="nav_additional" class="menu menu-level-0 inline-flex gap-x-5"><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-
2default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://www.facebook.com/villedemontpellier/" title="facebook" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="facebook"> <img width="99" alt="" src="/sites/default/files/2025-02/facebook-rs.svg" /> </a></div></li><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://x.com/montpellier_" title="X" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="X"> <img width="99" alt="lien vers x ville de Montpellier" src="/sites/default/files/2025-02/X%20Icon_0.svg" /> </a></div></li><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://www.instagram.com/villedemontpellier/" title="Instagram" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="Instagram"> <img width="99" alt="lien vers instagram ville de Montpellier" src="/sites/default/files/2025-02/instagram-rs.svg" /> </a></div></li><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://www.linkedin.com/company/montpellier-ville-metropole-et-ccas/" title="Linkedin" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="Linkedin"> <img width="99" alt="lien vers linkedin ville de Montpellier" src="/sites/default/files/2025-02/linkedin-rs.svg" /> </a></div></li><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://www.tiktok.com/@villedemontpellier" title="Tiktok" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="Tiktok"> <img width="99" alt="lien vers tiktok ville de montpellier" src="/sites/default/files/2025-02/tiktok-rs.svg" /> </a></div></li><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://www.youtube.com/@VilledeMontpellier34" title="Youtube" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="Youtube"> <img width="99" alt="Youtube" src="/sites/default/files/2025-06/youtube-rs-web-01_0.svg" /> </a></div></li></ul></div><div class="language-switcher-language-url flex items-center lg:order-2 max-lg:mt-2.5 relative" id="block-montpellier3m-selecteurdelangue"> <button type="button" class="flex items-center max-lg:px-5 max-lg:mb-10 text-black lg:text-white border-0 relative group js-toggle-trigger" data-target="language-dropdown-menu"> <span class="sr-only">Ouvrir le select</span> <img class="h-4 lg:h-5" src="/themes/custom/montpellier3m/dist/assets/icons/public/fr.svg" alt="flag fr"/> <svg class="ml-3 w-2.5 h-2.5 -rotate-90 transition-transform duration-200 js-toggle-arrow arrow--bottom group-hover:rotate-0" focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-down"></use> </svg> </button><ul class="links hidden absolute top-2.5 md:top-full mt-2.5 left-2.5 md:left-1/2 md:-translate-x-1/2 transition-opacity duration-300 opacity-0 bg-white py-2 px-3 shadow-default rounded-lg z-10 js-toggle-target w-max" id="language-dropdown-menu"><li hreflang="en" data-drupal-link-system-path="node/2811" class="flex items-center gap-x-2 mt-1.5 text-black coverLink-target [&amp;_a]:hover:underline [&amp;_a]:underline-offset-2 text-sm font-semibold"> <img class="h-4 w-7 md:h-5" src="/themes/custom/montpellier3m/dist/assets/icons/public/en.svg" alt="English - Sélectionner cette langue" /> <a href="/en/weather-watch" class="coverLink" sr-only="English - Sélectionner cette langue" hreflang="en" data-drupal-link-system-path="node/2811">EN</a> <span class="sr-only">passer en langue Anglais</span></li><li hreflang="fr" data-drupal-link-system-path="node/2811" class="flex items-center gap-x-2 mt-1.5 text-black coverLink-target [&amp;_a]:hover:underline [&amp;_a]:underline-offset-2 text-sm font-semibold is-active" aria-current="page"> <img class="h-4 w-7 md:h-5" src="/themes/custom/montpellier3m/dist/assets/icons/public/fr.svg" alt="Français - Sélectionner cette langue" /> <a href="/vie-quotidienne/vivre-ici/urgences-securite-et-prevention/prevention-et-gestion-des-risques/connaitre-les-risques-majeurs/vigilance-meteo" class="coverLink is-active" sr-only="Français - Sélectionner cette langue" hreflang="fr" data-drupal-link-system-path="node/2811" aria-current="page">FR</a> <span class="sr-only">passer en langue Français</span></li><li hreflang="es" data-drupal-link-system-path="node/2811" class="flex items-center gap-x-2 mt-1.5 text-black coverLink-target [&amp;_a]:hover:underline [&amp;_a]:underline-offset-2 text-sm font-semibold"> <img class="h-4 w-7 md:h-5" src="/themes/custom/montpellier3m/dist/assets/icons/public/es.svg" alt="Espagnole - Sélectionner cette langue" /> <a href="/es/vigilancia-meteorologica" class="coverLink" sr-only="Espagnole - Sélectionner cette langue" hreflang="es" data-drupal-link-system-path="node/2811">ES</a> <span class="sr-only">passer en langue Espagnole</span></li></ul></div></div></div><div class="js-header-wrapper header-shadow flex flex-wrap justify-between lg:flex-nowrap items-stretch w-full lg:h-[5.625rem] rounded-br-lg overflow-hidden max-lg:pb-2.5"><div id="block-montpellier3m-branding"><div class="header-logos
3py-3
4lg:py-0
5pr-6
6lg:pr-8
7lg:text-white
8relative
9transition-colors
10max-lg:after:bg-white
11max-lg:after:shadow-default
12max-lg:after:-rotate-[5deg]
13max-lg:after:-skew-x-[15deg]
14max-lg:after:block
15max-lg:after:absolute
16max-lg:after:inset-0
17max-lg:after:-top-10
18max-lg:after:-z-10
19max-lg:-ml-3
20[&_svg]:block
21[&_svg]:fill-primary
22[&_path]:fill-primary
23lg:[&_svg]:fill-white
24lg:[&_path]:fill-white
25[&_svg]:pointer-events-none
26max-[460px]:pt-0
27max-[460px]:pr-0
28max-[460px]:-mt-2
29max-[460px]:w-[11rem]
30max-[460px]:h-[7.313rem]
31max-[380px]:w-[9rem]
32"> <a href="/" title="Montpellier, Métropole et Ville" rel="home" class="logo-region--m3m flex items-center justify-center gap-4 scale-[.55] lg:scale-100 transition-transform max-[460px]:origin-[40%_85%] lg:origin-[40%_85%]"> <svg class="logo-header--m3m" width="182" height="91" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/logo.svg#logo"></use> </svg> </a></div></div><div class="lg:bg-white max-lg:mr-5 lg:static lg:order-2 flex items-center lg:pr-2.5 max-[380px]:mr-2.5"><div> <nav role="navigation" aria-labelledby="block-montpellier3m-mesdemarches-menu" id="block-montpellier3m-mesdemarches"><h2 class="visually-hidden" id="block-montpellier3m-mesdemarches-menu">Mes démarches</h2><ul data-region="nav_account" class="menu"><li class="menu-item"> <a href="/mes-demarches" class=" lg:h-[3.75rem] text-white bg-dark-primary lg:bg-primary focus:outline-none focus:ring-4 focus:ring-blue-300 rounded-full lg:rounded-md font-theme font-semibold leading-[0.938rem] text-xs px-5 lg:px-6 py-2.5 md:px-6 md:pb-[1.25rem] md:pt-[1.063rem] text-center uppercase flex items-center justify-center gap-x-3 btn-ltr primary-dark btn-procedures max-md:!border-0 hover:underline focus:underline max-[380px]:text-[0.625rem] max-[380px]:gap-x-2 "> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 21 20" fill="none"> <g id="Iconsax/TwoTone/user"> <path id="Vector" d="M10.4894 9.99996C11.5936 9.99996 12.6526 9.56097 13.4334 8.77957C14.2142 7.99817 14.6529 6.93836 14.6529 5.83329C14.6529 4.72822 14.2142 3.66842 13.4334 2.88701C12.6526 2.10561 11.5936 1.66663 10.4894 1.66663C9.38517 1.66663 8.32618 2.10561 7.54538 2.88701C6.76458 3.66842 6.32593 4.72822 6.32593 5.83329C6.32593 6.93836 6.76458 7.99817 7.54538 8.77957C8.32618 9.56097 9.38517 9.99996 10.4894 9.99996V9.99996Z" stroke="#4FDCB9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path id="Vector_2" d="M17.6422 18.3333C17.6422 15.1083 14.4363 12.5 10.4894 12.5C6.54242 12.5 3.33655 15.1083 3.33655 18.3333" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg> <span class="md:self-end"> Mes démarches </span> </a></li></ul> </nav></div></div> <nav id="block-montpellier3m-megamenu" role="navigation" aria-labelledby="block-montpellier3m-megamenu" class="js-mainMenu js-menuMobile max-lg:hidden lg:bg-white w-full lg:w-auto lg:flex-1 lg:px-6 xl:px-[3.125rem] mt-16 lg:mt-0 transition-transform duration-300"><ul data-region="nav_main" class="menu menu-level-0 lg:flex items-center justify-between h-full w-full font-theme font-bold text-xs js-expand "><li class="menu-item menu-item--expanded menu-item--collapsed lg:flex lg:justify-between lg:items-center"> <button class=" js-level-0 relative flex justify-between items-center max-lg:w-full max-lg:p-5 max-lg:text-lg max-lg:text-black max-lg:hover:text-white font-semibold lg:font-bold xl:tracking-widest text-black [&.is-active]:text-primary uppercase group transition-colors duration-300 lg:after:hidden after:absolute after:-z-10 after:inset-y-0 after:left-0 after:w-0 after:block after:bg-primary after:transition-all after:duration-300 hover:after:w-full js-mainMenu-btn"> Institutions <svg focusable="false" aria-hidden="true" class="absolute lg:static right-6 top-1/2 md-5 lg:ml-2 xl:ml-[18px] transition-all duration-200 text-black lg:text-primary max-lg:group-hover:text-white lg:group-[.is-active]:rotate-90 max-lg:group-[.is-active]:text-white max-lg:-translate-y-1/2 h-4 lg:h-3 w-2"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button><div class=" relative lg:absolute left-full top-0 lg:top-full lg:-inset-x-10 z-10 bg-white mt-4 lg:rounded-lg lg:overflow-hidden lg:h-[620px] hidden transition-opacity duration-300 opacity-0 js-megaMenu"><div class="bg-white"> <button class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 js-megaMenu-return"> <span class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg> </span> Retour </button> <nav class="menu menu-level-1 py-10 lg:w-2/5 lg:max-h-[620px] lg:overflow-y-scroll lg:[&amp;::-webkit-scrollbar-thumb]:bg-primary lg:[&amp;::-webkit-scrollbar]:w-[6px] moz-scrollbar-lg lg:pr-2.5 lg:overflow-scroll menuScrollParent "><ul><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_49px)] [&_svg]:left-[60px]"> <button class="bg-white"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item menu-first-child-item" data-level="1"> <button class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Métropole de Montpellier <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class= 'menu-level-2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] absolute right-0 top-0 w-3/5 z-20 lg:p-10 lg:pb-0 hidden [&>a]:block max-lg:w-screen max-lg:left-full ' ><ul class="lg:h-[calc(620px_-_2.5rem)] [&amp;
32:not(.hidden)]:lg:grid [&amp;:not(.hidden)]:lg:grid-rows-9 [&amp;:not(.hidden)]:lg:grid-flow-col [&amp;_a:hover]:font-bold max-lg:[&amp;_.menu-item]:mb-6 max-lg:-mt-10 lg:[&amp;_.menu-item]:before:!left-0 columns-2 max-lg:columns-1 column-auto"><li role="presentation" class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 pb-10 bg-white js-megaMenu-return"><div class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg></div> Retour</li><li class="menu-item lg:mb-5 menu-first-child-item" data-level="2"> <a href="/institutions/metropole-de-montpellier/le-fonctionnement-de-la-metropole" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Fonctionnement </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/metropole-de-montpellier/les-seances-du-conseil-metropolitain" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Les séances du conseil </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/metropole-de-montpellier/les-elus-de-la-metropole-de-montpellier" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Les élus </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/metropole-de-montpellier/budget-et-fiscalite-metropole-de-montpellier" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Budget et fiscalité </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/metropole-de-montpellier/les-commissions" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Les commissions </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/lieux-equipements/hotel-de-montpellier-mediterranee-metropole" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Hôtel de Métropole </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/metropole-de-montpellier/guichets-uniques" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Guichets uniques </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/ville-de-montpellier/charte-et-logos" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Charte et logos </a></li></ul> </nav></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item" data-level="1"> <button class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Ville de Montpellier <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class= 'menu-level-2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] absolute right-0 top-0 w-3/5 z-20 lg:p-10 lg:pb-0 hidden [&>a]:block max-lg:w-screen max-lg:left-full ' ><ul class="lg:h-[calc(620px_-_2.5rem)] [&amp;:not(.hidden)]:lg:grid [&amp;:not(.hidden)]:lg:grid-rows-9 [&amp;:not(.hidden)]:lg:grid-flow-col [&amp;_a:hover]:font-bold max-lg:[&amp;_.menu-item]:mb-6 max-lg:-mt-10 lg:[&amp;_.menu-item]:before:!left-0 columns-2 max-lg:columns-1 column-auto"><li role="presentation" class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 pb-10 bg-white js-megaMenu-return"><div class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg></div> Retour</li><li class="menu-item lg:mb-5 menu-first-child-item" data-level="2"> <a href="/institutions/ville-de-montpellier/le-fonctionnement-de-la-ville" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16
32px] font-sans font-normal block max-lg:px-5"> Fonctionnement </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/ville-de-montpellier/les-seances-du-conseil-municipal" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Les séances du conseil </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/ville-de-montpellier/les-elus-de-la-ville-de-montpellier" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Les élus </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/ville-de-montpellier/budget-et-fiscalite-ville-de-montpellier" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Budget et fiscalité </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/ville-de-montpellier/les-commissions" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Les commissions </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/ville-de-montpellier/mairies" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Hôtel de Ville et mairies de proximité </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/ville-de-montpellier/resultats-des-elections" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Résultats des élections </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/actions/competences/solidarites/centre-communal-daction-sociale-ccas" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> CCAS de Montpellier </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/ville-de-montpellier/la-ville-de-montpellier-certifiee-qualivilles" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Qualivilles® </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/ville-de-montpellier/charte-et-logos" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Charte et logos </a></li></ul> </nav></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item" data-level="1"> <a href="/institutions/maire-president" target="_self" class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Maire - Président </a></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item" data-level="1"> <a href="/institutions/publication-des-actes-administratifs-metropole" target="_self" class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Publication des actes administratifs </a></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item" data-level="1"> <button class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Participation citoyenne <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class= 'menu-level-2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] absolute right-0 top-0 w-3/5 z-20 lg:p-10 lg:pb-0 hidden [&>a]:block max-lg:w-screen max-lg:left-full ' ><ul class="lg:h-[calc(620px_-_2.5rem)] [&amp;
32:not(.hidden)]:lg:grid [&amp;:not(.hidden)]:lg:grid-rows-9 [&amp;:not(.hidden)]:lg:grid-flow-col [&amp;_a:hover]:font-bold max-lg:[&amp;_.menu-item]:mb-6 max-lg:-mt-10 lg:[&amp;_.menu-item]:before:!left-0 columns-2 max-lg:columns-1 column-auto"><li role="presentation" class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 pb-10 bg-white js-megaMenu-return"><div class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg></div> Retour</li><li class="menu-item lg:mb-5 menu-first-child-item" data-level="2"> <a href="/institutions/participation-citoyenne/les-instances-participatives" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Les instances </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="https://participer.montpellier.fr/projets" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Les concertations </a></li></ul> </nav></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item" data-level="1"> <button class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Marchés publics <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class= 'menu-level-2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] absolute right-0 top-0 w-3/5 z-20 lg:p-10 lg:pb-0 hidden [&>a]:block max-lg:w-screen max-lg:left-full ' ><ul class="lg:h-[calc(620px_-_2.5rem)] [&amp;:not(.hidden)]:lg:grid [&amp;:not(.hidden)]:lg:grid-rows-9 [&amp;:not(.hidden)]:lg:grid-flow-col [&amp;_a:hover]:font-bold max-lg:[&amp;_.menu-item]:mb-6 max-lg:-mt-10 lg:[&amp;_.menu-item]:before:!left-0 columns-2 max-lg:columns-1 column-auto"><li role="presentation" class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 pb-10 bg-white js-megaMenu-return"><div class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg></div> Retour</li><li class="menu-item lg:mb-5 menu-first-child-item" data-level="2"> <a href="/institutions/marches-publics" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Marchés publics </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/marches-publics/acceder-la-commande-publique" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Accéder à la commande publique </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/marches-publics/achats-durables" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Achats durables </a></li></ul> </nav></li></ul> </nav></div><div class=" absolute -z-20 bottom-0 overflow-hidden max-h-96 w-[70%] !w-2/5 js-megaMenu-img image-effect--trammed "> <img class=" max-lg:hidden object-cover object-center block w-full h-full opacity-25" src="/sites/default/files/styles/mega_menu_square/public/2025-05/Redimensionner%20image%20WebP%20-%20Adobe%20Express.webp.png" aria-hidden="true" /></div></div></li><li class="menu-item menu-item--expanded menu-item--collapsed lg:flex lg:justify-between lg:items-center"> <button class=" js-level-0 relative flex justify-between items-center max-lg:w-full max-lg:p-5 max-lg:text-lg max-lg:text-black max-lg:hover:text-white font-semibold lg:font-bold xl:tracking-widest text-black [&.is-active]:text-primary uppercase group transition-colors duration-300 lg:after:hidden after:absolute after:-z-10 after:inset-y-0 after:left-0 after:w-0 after:block after:bg-primary after:transition-all after:duration-300 hover:after:w-full js-mainMenu-btn"> Actions <svg focusable="false" aria-hidden="true" class="absolute lg:static right-6 top-1/2 md-5 lg:ml-2 xl:ml-[18px] transition-all duration-200 text-black lg:text-primary max-lg:group-hover:text-white lg:group-[.is-active]:rotate-90 max-lg:group-[.is-active]:text-white max-lg:-translate-y-1/2 h-4 lg:h-3 w-2"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button><div class=" relative lg:absolute left-full top-0 lg:top-full lg:-inset-x-10 z-10 bg-white mt-4 lg:rounded-lg lg:overflow-hidden lg:h-[620px] hidden transition-opacity duration-300 opacity-0 js-megaMenu"><div class="bg-white"> <button class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 js-megaMenu-return"> <span class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg> </span> Retour </button> <nav class="menu menu-level-1 py-10 lg:w-2/5 lg:max-h-[620px] lg:overflow-y-scroll lg:[&amp;::-webkit-scrollbar-thumb]:bg-primary lg:[&amp;::-webkit-scrollbar]:w-[6px] moz-scrollbar-lg lg:pr-2.5 lg:overflow-scroll menuScrollParent "><ul><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_49px)] [&_svg]:left-[60px]"> <button class="bg-white"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item menu-first-child-item" data-level="1"> <button class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Grands projets <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class= 'menu-level-2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] absolute right-0 top-0 w-3/5 z-20 lg:p-10 lg:pb-0 hidden [&>a]:block max-lg:w-screen max-lg:left-full ' ><ul class="lg:h-[calc(620px_-_2.5rem)] [&amp;
32:not(.hidden)]:lg:grid [&amp;:not(.hidden)]:lg:grid-rows-9 [&amp;:not(.hidden)]:lg:grid-flow-col [&amp;_a:hover]:font-bold max-lg:[&amp;_.menu-item]:mb-6 max-lg:-mt-10 lg:[&amp;_.menu-item]:before:!left-0 columns-2 max-lg:columns-1 column-auto"><li role="presentation" class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 pb-10 bg-white js-megaMenu-return"><div class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg></div> Retour</li><li class="menu-item lg:mb-5 menu-first-child-item" data-level="2"> <a href="/action/les-grands-projets/grand-parc-de-lunaret" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Grand Parc de Lunaret </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/actions/les-grands-projets/gratuite-des-transports-en-commun" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Gratuité des transports en commun </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/actions/les-grands-projets/ligne-5-de-tramway" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Ligne 5 de tramway </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/actions/grands-projets/extension-de-la-ligne-1-du-tramway" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Extension de la ligne 1 du tramway </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/actions/grands-projets/comedie-esplanade" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Comédie-Esplanade </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/actions/grands-projets/les-arceaux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Les Arceaux </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/actions/grands-projets/ville-hauteur-denfants" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Ville à hauteur d’enfants </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/actions/les-grands-projets" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Tous les grands projets </a></li></ul> </nav></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item" data-level="1"> <button class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Compétences <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class= 'menu-level-2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] absolute right-0 top-0 w-3/5 z-20 lg:p-10 lg:pb-0 hidden [&>a]:block max-lg:w-screen max-lg:left-full ' ><ul class="lg:w-1/2 lg:max-h-[620px] lg:-mt-10 lg:py-10 lg:pr-2.5 lg:overflow-y-scroll menuScrollParent lg:[&::-webkit-scrollbar-thumb]:bg-primary lg:[&::-webkit-scrollbar]:w-[6px] lg:overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)] [&_svg]:left-[20px]"> <button class="bg-white"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li role="presentation" class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 pb-10 bg-white js-megaMenu-return"><div class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg></div> Retour</li><li class="menu-item lg:mb-5 menu-first-child-item" data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Transports-mobilités <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/transports-mobilites/mobilites-strategie-globale" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Stratégie globale</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/transports-mobilites/transports-en-commun" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Transports en commun</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/transports-mobilites/le-velo" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Le vélo</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/transports-mobilites/la-marche" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">La marche</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/transports-mobilites/la-voiture" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">La voiture</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/transports-mobilites/plan-de-mobilites-2032" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Plan de mobilités 2032</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Sécurité et tranquillité publique <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/securites-et-tranquillite-publique/police-municipale" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Police municipale</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/securites-et-tranquillite-publique/police-metropolitaine-des-transports" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Police métropolitaine des transports</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/securites-et-tranquillite-publique/sante-publique-et-environnementale" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Santé publique et environnementale</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/securites-et-tranquillite-publique/mission-prevention-de-la-delinquance" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Prévention de la délinquance</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/securites-et-tranquillite-publique/mission-securite-civile" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Mission sécurité civile</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/securites-et-tranquillite-publique/brigade-dagents-de-tranquillite-residentielle-pour-lhabitat-social" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Brigade d’agents de tranquillité résidentielle pour l’habitat social</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/securites-et-tranquillite-publique/regulation-du-domaine-public-et-des-mobilites" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Régulation du domaine public et des mobilités</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/securites-et-tranquillite-publique/supervision-et-video-surveillance" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Supervision et vidéo surveillance</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Santé <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante/favoriser-lacces-aux-droits-en-sante-et-aux-soins" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Favoriser l&#039;accès aux soins</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante/prendre-en-compte-la-sante-environnementale" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Prendre en compte la santé environnementale</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante/prevention-et-depistage" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Prévention et dépistage</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante/les-defibrillateurs" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Les défibrillateurs</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante/les-associations-sante" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Associations santé</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Solidarités <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/solidarites/centre-communal-daction-sociale-ccas" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Centre Communal d&#039;Action Sociale (CCAS)</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/solidarites/espace-ambroise-croizat" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Espace Ambroise Croizat (ancien CEIS)</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/solidarites/proposer-un-accompagnement-specifique-pour-tous" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Proposer un accompagnement spécifique pour tous</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/solidarites/aller-vers-les-plus-vulnerables" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Aller vers les plus vulnérables</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/solidarites/lutter-contre-la-precarite-alimentaire" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Lutter contre la précarité alimentaire</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/solidarites/lutter-contre-la-precarite-energetique-avec-le-slime" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Lutter contre la précarité énergétique</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/solidarites/la-politique-de-la-ville" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">La Politique de la Ville</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Égalités <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/egalites/egalite-femme-homme" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Égalité femme-homme</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/egalites/lutte-contre-les-discriminations" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Lutte contre les discriminations</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/egalites/accessibilite-et-personnes-en-situation-de-handicap" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Accessibilité et personnes en situation de handicap</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Jeunesse <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/lieux-equipements/espace-montpellier-jeunesse" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Espace Montpellier Jeunesse</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/jeunesse/dispositifs-de-soutien-la-jeunesse" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Dispositifs de soutien à la jeunesse</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/jeunesse/etudes-et-orientation" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Etudes et orientation</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/jeunesse/jeunesse-et-citoyennete" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Jeunesse et citoyenneté</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Petite enfance-Éducation <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/education-petite-enfance/petite-enfance-0-3-ans" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Petite enfance (0-3 ans)</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/petite-enfance-education/education-3-11-ans" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Éducation (3-11 ans)</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Culture et patrimoine <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/culture-et-patrimoine" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Axes stratégiques</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/culture-et-patrimoine/soutien-la-creation-artistique" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Soutien à la création artistique</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/culture-et-patrimoine/valorisation-du-patrimoine" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Valorisation du patrimoine</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/culture-et-patrimoine/culture-scientifique-et-technique" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Culture scientifique et technique</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/culture-et-patrimoine/education-artistique-et-culturelle-eac" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Éducation artistique et culturelle (EAC)</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Agriculture - Alimentation <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/agriculture-alimentation/en-chemin-vers-la-transition-agroecologique" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Transition agroécologique</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/agriculture-alimentation/consommer-local" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Consommer local</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/agriculture-alimentation/vignes-et-vins-une-identite-de-la-metropole" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Vignes et vins : une identité de la Métropole</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/agriculture-alimentation/agriculture-urbaine" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Agriculture urbaine</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/petite-enfance-education/education-3-11-ans/restauration-scolaire-et-alimentation" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Restauration scolaire et alimentation</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Environnement - Biodiversité <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/environnement-biodiversite/ecologie-de-la-sante" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Ecologie de la santé</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/environnement-biodiversite/mediation-ecologique" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Médiation écologique</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/environnement-biodiversite/montpellier-ville-nature" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Montpellier, ville nature</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/environnement-biodiversite/strategie-territoriale-biodiversite" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Stratégie territoriale biodiversité</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/environnement-biodiversite/faune-sauvage-en-ville" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Faune sauvage en ville</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Santé environnementale <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante-environnementale/protection-de-lair-exterieur" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Protection de l’air extérieur</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante-environnementale/protection-de-lair-interieur" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Protection de l’air intérieur</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante-environnementale/protection-du-sol" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">
32Protection du sol</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante-environnementale/lutte-contre-les-pollens-allergisants" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Lutte contre les pollens allergisants</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante-environnementale/lutte-contre-les-perturbateurs-endocriniens" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Lutte contre les perturbateurs endocriniens</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante-environnementale/urbanisme-favorable-la-sante" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Urbanisme Favorable à la Santé</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Cycles de l&#039;eau <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/cycles-de-leau/protection-de-la-ressource-en-eau" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Ressource en eau</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/cycles-de-leau/milieux-aquatiques-et-inondations" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Milieux aquatiques et inondations</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/cycles-de-leau/assainissement-de-leau" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Assainissement de l&#039;eau</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/cycles-de-leau/eau-potable" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Eau potable</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/cycles-de-leau/leau-recyclee-la-gestion-active-des-eaux-usees-traitees" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Eau recyclée</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/grands-projets/gestion-100-publique-de-leau-et-tarification-eco-solidaire" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Gestion publique de l&#039;eau et tarification éco-solidaire</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/cycles-de-leau/parcours-pedagogique-la-decouverte-du-lez" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Parcours pédagogique : à la découverte du Lez</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/cycles-de-leau/projet-life-rewa" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Projet LIFE ReWa</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sante-environnementale/cycles-de-leau/adaptoneau" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Programme ADAPTONEAU</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Déchets <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/gestion-des-dechets/strategie-zero-dechets" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Stratégie Zéro Déchet</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/gestion-des-dechets/programme-local-de-prevention-des-dechets-menagers-et-assimiles" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Programme local de prévention des déchets ménagers et assimilés</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Climat-énergie <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/climat-energie/le-plan-climat-air-energie-territorial-solidaire-pcaets" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Le Plan Climat Air Énergie Territorial (PCAETs)</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/climat-energie/schema-directeur-des-energies" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Schéma directeur des énergies</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/climat-energie/distribution-delectricite-et-de-gaz" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Distribution d’électricité et de gaz</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/climat-energie/energie-solaire" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Energie solaire</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/climat-energie/reseaux-de-chaleur" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Réseau de chaleur</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/climat-energie/bois-chaleur" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Bois-chaleur</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/climat-energie/chaleur-fatale-geothermie-pompes-chaleur" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Chaleur fatale - Géothermie - Pompes à chaleur</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/climat-energie/plan-lumiere" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Plan Lumière</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Sports <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sports/politique-sportive" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Politique sportive</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sports/heritage-2024" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Héritage 2024</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sports/evenements-sportifs" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Événements sportifs</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sports/pratiques-sportives" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Pratiques sportives</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sports/team-montpellier-haut-niveau" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Team Montpellier Haut Niveau</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/sports/clubs-sportifs" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Clubs sportifs</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Accès au logement <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/acces-au-logement/le-plan-logement-dabord" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Le plan Logement d&#039;abord</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/acces-au-logement/dispositifs-daide-la-renovation" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Dispositifs d&#039;aide à la rénovation</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/acces-au-logement/aires-daccueil-des-gens-du-voyage" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Aires d&#039;accueil des gens du voyage</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/acces-au-logement/fonds-de-solidarite-pour-le-logement" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Fonds de solidarité pour le logement </a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/acces-au-logement/lorganisme-foncier-solidaire" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">L&#039;Organisme Foncier Solidaire</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/acces-au-logement/acm-habitat" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">ACM Habitat</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Aménagement des territoires <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/amenagement-des-territoires/le-plan-local-durbanisme-intercommunal-climat-plui" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Le Plan Local d’Urbanisme Intercommunal Climat</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/amenagement-des-territoires/le-plan-local-d-urbanisme-plu" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Le Plan Local d&#039;Urbanisme</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/amenagement-des-territoires/e-schema-de-coherence-territoriale-scot" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Le Schéma de Cohérence Territoriale</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/amenagement-des-territoires/le-programme-local-de-lhabitat-plh" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Le Programme Local de l&#039;Habitat</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/amenagement-des-territoires/amenagement-des-parcs-dactivites" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Aménagement des parcs d&#039;activités</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/amenagement-des-territoires/requalification-des-espaces-publics" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Requalification des espaces publics</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/amenagement-des-territoires/operations-damenagement" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Opérations d&#039;aménagement</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/amenagement-des-territoires/reglement-local-de-publicite-intercommunal" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Règlement Local de Publicité Intercommunal</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/amenagement-des-territoires/folies-architecturales" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Folies architecturales</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/amenagement-des-territoires/le-pacte-ville-desirable" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Le pacte ville désirable </a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Action internationale <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/action-internationale/sites-de-laction-internationale" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Sites de l&#039;action internationale</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/action-internationale/le-corps-consulaire-de-montpellier" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Le corps consulaire de Montpellier</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/action-internationale/jumelages" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Jumelages</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/action-internationale/montpellier-et-les-citoyens-du-monde" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Montpellier et les citoyens du monde</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/action-internationale/programmes-dechanges-etudiants" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Programmes d&#039;échanges étudiants</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/action-internationale/accueil-des-etudiants-etrangers" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Accueil des étudiants étrangers</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Attractivité et développement économique <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/attractivite-et-developpement-economique/developpement-economique" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Développement économique</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/attractivite-et-developpement-economique/halles-et-marches" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Halles et marchés</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/attractivite-et-developpement-economique/ouverture-des-commerces-le-dimanche" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Ouverture des commerces le dimanche</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/attractivite-et-developpement-economique/liquidations-de-stock" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Liquidations de stock</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/actions/competences/voirie-espace-public" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Voirie-espace public </a></li></ul> </nav></li></ul> </nav></div><div class=" absolute -z-20 bottom-0 overflow-hidden max-h-96 w-[70%] !w-2/5 js-megaMenu-img image-effect--trammed "> <img class=" max-lg:hidden object-cover object-center block w-full h-full opacity-25" src="/sites/default/files/styles/mega_menu_square/public/2024-11/shutterstock_1178522326.png?h=044a3b17" aria-hidden="true" /></div></div></li><li class="menu-item menu-item--expanded menu-item--collapsed lg:flex lg:justify-between lg:items-center"> <button class=" js-level-0 relative flex justify-between items-center max-lg:w-full max-lg:p-5 max-lg:text-lg max-lg:text-black max-lg:hover:text-white font-semibold lg:font-bold xl:tracking-widest text-black [&.is-active]:text-primary uppercase group transition-colors duration-300 lg:after:hidden after:absolute after:-z-10 after:inset-y-0 after:left-0 after:w-0 after:block after:bg-primary after:transition-all after:duration-300 hover:after:w-full js-mainMenu-btn"> Territoire <svg focusable="false" aria-hidden="true" class="absolute lg:static right-6 top-1/2 md-5 lg:ml-2 xl:ml-[18px] transition-all duration-200 text-black lg:text-primary max-lg:group-hover:text-white lg:group-[.is-active]:rotate-90 max-lg:group-[.is-active]:text-white max-lg:-translate-y-1/2 h-4 lg:h-3 w-2"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button><div class=" relative lg:absolute left-full top-0 lg:top-full lg:-inset-x-10 z-10 bg-white mt-4 lg:rounded-lg lg:overflow-hidden lg:h-[620px] hidden transition-opacity duration-300 opacity-0 js-megaMenu"><div class="bg-white"> <button class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 js-megaMenu-return"> <span class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg> </span> Retour </button> <nav class="menu menu-level-1 py-10 lg:w-2/5 lg:max-h-[620px] lg:overflow-y-scroll lg:[&amp;::-webkit-scrollbar-thumb]:bg-primary lg:[&amp;::-webkit-scrollbar]:w-[6px] moz-scrollbar-lg lg:pr-2.5 lg:overflow-scroll menuScrollParent "><ul><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_49px)] [&_svg]:left-[60px]"> <button class="bg-white"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item menu-first-child-item" data-level="1"> <button class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Découvrir mon territoire <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class= 'menu-level-2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] absolute right-0 top-0 w-3/5 z-20 lg:p-10 lg:pb-0 hidden [&>a]:block max-lg:w-screen max-lg:left-full ' ><ul class="lg:w-1/2 lg:max-h-[620px] lg:-mt-10 lg:py-10 lg:pr-2.5 lg:overflow-y-scroll menuScrollParent lg:[&::-webkit-scrollbar-thumb]:bg-primary lg:[&::-webkit-scrollbar]:w-[6px] lg:overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)] [&_svg]:left-[20px]"> <button class="bg-white"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li role="presentation" class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 pb-10 bg-white js-megaMenu-return"><div class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg></div> Retour</li><li class="menu-item lg:mb-5 menu-first-child-item" data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Les quartiers de Montpellier <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/les-communes/montpellier/quartier-port-marianne" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Port Marianne</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/les-communes/montpellier/quartier-pres-darenes" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Prés d&#039;Arènes</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/les-communes/montpellier/quartier-centre" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Centre</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/les-communes/montpellier/quartier-mosson" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Mosson</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/les-communes/montpellier/quartier-les-cevennes" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Les Cévennes</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/les-communes/montpellier/quartier-hopitaux-facultes" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Hôpitaux-Facultés</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/les-communes/montpellier/quartier-celleneuve" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Celleneuve</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/les-communes/montpellier/quartier-croix-dargent" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Croix d&#039;Argent</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Territoire numérique <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/decouvrir-mon-territoire/territoire-numerique/mconnect-votre-compte-unique-pour-acceder-aux-services-de-la-collectivite" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">M&#039;Connect : votre compte unique pour accéder aux services de la collectivité</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/decouvrir-mon-territoire/territoire-numerique/montpellier-metropole-connectee-une-vision-pour-demain" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Montpellier Métropole Connectée</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/decouvrir-mon-territoire/territoire-numerique/intelligence-artificielle" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Intelligence artificielle</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/decouvrir-mon-territoire/territoire-numerique/montpellier-grand-territoire-des-entreprises-de-la-cybersecurite" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Cybersécurité</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/decouvrir-mon-territoire/territoire-numerique/communications-mobiles" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Communications mobiles</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="https://data.montpellier3m.fr/" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">OpenData</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/decouvrir-mon-territoire/territoire-numerique/numerique-responsable" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Numérique responsable</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/decouvrir-mon-territoire/les-webcams-de-montpellier" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Les webcams </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/decouvrir-mon-territoire/population-metropole-de-montpellier" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Population </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/decouvrir-mon-territoire/mecenat" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Mécénat </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="https://www.montpellier-tourisme.fr/" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Office de tourisme </a></li></ul> </nav></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item" data-level="1"> <button class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Les communes <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class= 'menu-level-2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] absolute right-0 top-0 w-3/5 z-20 lg:p-10 lg:pb-0 hidden [&>a]:block max-lg:w-screen max-lg:left-full ' ><ul class="lg:h-[calc(620px_-_2.5rem)] [&amp;:not(.hidden)]:lg:grid [&amp;:not(.hidden)]:lg:grid-rows-9 [&amp;:not(.hidden)]:lg:grid-flow-col [&amp;_a:hover]:font-bold max-lg:[&amp;_.menu-item]:mb-6 max-lg:-mt-10 lg:[&amp;_.menu-item]:before:!left-0 columns-2 max-lg:columns-1 column-auto"><li role="presentation" class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 pb-10 bg-white js-megaMenu-return"><div class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg></div> Retour</li><li class="menu-item lg:mb-5 menu-first-child-item" data-level="2"> <a href="/territoire/les-communes/baillargues" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16
32px] font-sans font-normal block max-lg:px-5"> Baillargues </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/beaulieu" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Beaulieu </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/castelnau-le-lez" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Castelnau-Le-Lez </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/castries" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Castries </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/clapiers" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Clapiers </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/cournonsec" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Cournonsec </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/cournonterral" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Cournonterral </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/fabregues" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Fabrègues </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/grabels" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Grabels </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/jacou" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Jacou </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/juvignac" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Juvignac </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/lattes" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Lattes </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/laverune" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Lavérune </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/le-cres" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Le Crès </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/montaud" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Montaud </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/montferrier-sur-lez" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Montferrier-sur-Lez </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/montpellier" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Montpellier </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/murviel-les-montpellier" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16
32px] font-sans font-normal block max-lg:px-5"> Murviel-lès-Montpellier </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/perols" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Pérols </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/pignan" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Pignan </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/prades-le-lez" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Prades-le-Lez </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/restinclieres" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Restinclières </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/saint-bres" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Saint-Brès </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/saint-drezery" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Saint-Drézéry </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/saint-genies-des-mourgues" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Saint-Geniès-des-Mourgues </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/saint-georges-dorques" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Saint-Georges d&#039;Orques </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/saint-jean-de-vedas" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Saint-Jean-de-Védas </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/saussan" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Saussan </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/sussargues" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Sussargues </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/vendargues" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Vendargues </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-communes/villeneuve-les-maguelone" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Villeneuve-lès-Maguelone </a></li></ul> </nav></li><li class="menu-item menu-item--expanded menu-item--collapsed bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item" data-level="1"> <button class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Les équipements <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class= 'menu-level-2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] absolute right-0 top-0 w-3/5 z-20 lg:p-10 lg:pb-0 hidden [&>a]:block max-lg:w-screen max-lg:left-full ' ><ul class="lg:h-[calc(620px_-_2.5rem)] [&amp;
32:not(.hidden)]:lg:grid [&amp;:not(.hidden)]:lg:grid-rows-9 [&amp;:not(.hidden)]:lg:grid-flow-col [&amp;_a:hover]:font-bold max-lg:[&amp;_.menu-item]:mb-6 max-lg:-mt-10 lg:[&amp;_.menu-item]:before:!left-0 columns-2 max-lg:columns-1 column-auto"><li role="presentation" class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 pb-10 bg-white js-megaMenu-return"><div class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg></div> Retour</li><li class="menu-item lg:mb-5 menu-first-child-item" data-level="2"> <a href="/territoire/les-equipements/administratif-equipements-et-lieux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Administratif </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-equipements/culture-et-patrimoine-equipements-et-lieux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Culture et patrimoine </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-equipements/economie-equipements-et-lieux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Économie </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-equipements/education-equipements-et-lieux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Éducation </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-equipements/environnement-equipements-et-lieux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Environnement </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-equipements/gestion-des-dechets-equipements-et-lieux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Gestion des déchets </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-equipements/loisirs-equipements-et-lieux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Loisirs </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-equipements/petite-enfance-equipements-et-lieux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Petite enfance </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-equipements/securite-equipements-et-lieux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Sécurité </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-equipements/solidarite-equipements-et-lieux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Solidarités </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/vie-quotidienne/vivre-ici/faire-du-sport/equipements-sportifs/trouver-mon-equipement-sportif" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Sports </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/territoire/les-equipements/transports-equipements-et-lieux" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Transports </a></li></ul> </nav></li></ul> </nav></div><div class=" absolute -z-20 bottom-0 overflow-hidden max-h-96 w-[70%] !w-2/5 js-megaMenu-img image-effect--trammed "> <img class=" max-lg:hidden object-cover object-center block w-full h-full opacity-25" src="/sites/default/files/styles/mega_menu_square/public/2024-11/shutterstock_1178522326.png?h=044a3b17" aria-hidden="true" /></div></div></li><li class="menu-item menu-item--expanded menu-item--collapsed lg:flex lg:justify-between lg:items-center"> <button class=" js-level-0 relative flex justify-between items-center max-lg:w-full max-lg:p-5 max-lg:text-lg max-lg:text-black max-lg:hover:text-white font-semibold lg:font-bold xl:tracking-widest text-black [&.is-active]:text-primary uppercase group transition-colors duration-300 lg:after:hidden after:absolute after:-z-10 after:inset-y-0 after:left-0 after:w-0 after:block after:bg-primary after:transition-all after:duration-300 hover:after:w-full js-mainMenu-btn"> Vie quotidienne <svg focusable="false" aria-hidden="true" class="absolute lg:static right-6 top-1/2 md-5 lg:ml-2 xl:ml-[18px] transition-all duration-200 text-black lg:text-primary max-lg:group-hover:text-white lg:group-[.is-active]:rotate-90 max-lg:group-[.is-active]:text-white max-lg:-translate-y-1/2 h-4 lg:h-3 w-2"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button><div class=" relative lg:absolute left-full top-0 lg:top-full lg:-inset-x-10 z-10 bg-white mt-4 lg:rounded-lg lg:overflow-hidden lg:h-[620px] hidden transition-opacity duration-300 opacity-0 js-megaMenu"><div class="bg-white"> <button class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 js-megaMenu-return"> <span class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg> </span> Retour </button> <nav class="menu menu-level-1 py-10 lg:w-2/5 lg:max-h-[620px] lg:overflow-y-scroll lg:[&amp;::-webkit-scrollbar-thumb]:bg-primary lg:[&amp;::-webkit-scrollbar]:w-[6px] moz-scrollbar-lg lg:pr-2.5 lg:overflow-scroll menuScrollParent "><ul><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_49px)] [&_svg]:left-[60px]"> <button class="bg-white"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item menu-first-child-item" data-level="1"> <button class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Vivre ici <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class= 'menu-level-2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] absolute right-0 top-0 w-3/5 z-20 lg:p-10 lg:pb-0 hidden [&>a]:block max-lg:w-screen max-lg:left-full ' ><ul class="lg:w-1/2 lg:max-h-[620px] lg:-mt-10 lg:py-10 lg:pr-2.5 lg:overflow-y-scroll menuScrollParent lg:[&::-webkit-scrollbar-thumb]:bg-primary lg:[&::-webkit-scrollbar]:w-[6px] lg:overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)] [&_svg]:left-[20px]"> <button class="bg-white"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li role="presentation" class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 pb-10 bg-white js-megaMenu-return"><div class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg></div> Retour</li><li class="menu-item lg:mb-5 menu-first-child-item" data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> État civil et identités <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/demande-de-carte-nationale-d-identite-cni-passeport" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Carte Nationale d&#039;Identité / passeport</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/identite-numerique-demarches-dematerialisees" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Identité numérique</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/demande-d-acte-d-etat-civil" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Demande d&#039;acte d&#039;État Civil</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/declaration-de-naissance" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Déclaration de naissance</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/se-marier-a-montpellier" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Se marier à Montpellier</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/pacte-civil-de-solidarite-pacs" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Pacte civil de solidarité (PACS)</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/livret-de-famille" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Livret de famille</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/changement-de-nom" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Changement de nom</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/changement-de-prenom" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Changement de prénom</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/reconnaissance-d-un-enfant" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Reconnaissance d’un enfant</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/recensement-citoyen" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Recensement citoyen</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/certificats-et-legalisation-de-signature" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Certificats et légalisation de signature</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/attestation-d-accueil" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Attestations d’accueil</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/parrainage-civil" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Parrainage civil</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/deces-et-concessions" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Décès et concessions</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites/declaration-de-syndicat-professionnel" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Déclaration de syndicat professionnel</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> J&#039;ai un enfant entre 0 et 3 ans <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-0-et-3-ans/jattends-un-enfant" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;attends un enfant : démarches</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-0-et-3-ans/je-recherche-un-mode-d-accueil" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je recherche un mode d’accueil</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-0-et-3-ans/je-recherche-une-activite-a-faire-avec-mon-enfant" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je recherche une activité à faire avec mon enfant</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-0-et-3-ans/infos-familles" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Les rendez-vous Infos Familles</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-0-et-3-ans/je-suis-professionnel-de-la-petite-enfance" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je suis professionnel(le) de la Petite Enfance</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/numeros-urgence" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Numéros d&#039;urgence</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> J&#039;ai un enfant entre 3 et 11 ans <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-3-et-11-ans/j-inscris-mon-enfant-a-l-ecole" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;inscris mon enfant à l&#039;école</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-3-et-11-ans/je-demenage" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je déménage</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-3-et-11-ans/j-inscris-mon-enfant-a-la-cantine-et-au-periscolaire" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J’inscris mon enfant à la cantine et au périscolaire</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-3-et-11-ans/j-inscris-mon-enfant-a-l-accueil-de-loisirs-alsh" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;inscris mon enfant à l&#039;accueil de loisirs (ALSH)</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-3-et-11-ans/je-consulte-les-menus-des-ecoles-et-centres-de-loisirs" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je consulte le menu des écoles et centres de loisirs</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-3-et-11-ans/aires-de-jeux" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Aires de jeux</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Se déplacer <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-deplacer/je-me-deplace-en-transports-en-commun" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je me déplace en transports en commun</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-deplacer/je-me-deplace-a-velo" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je me déplace à vélo</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-deplacer/je-me-deplace-en-voiture" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je me déplace en voiture</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-deplacer/je-me-deplace-avec-un-handicap" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je me déplace avec un handicap</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-deplacer-aire-pietonne-montpellier" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Les aires piétonnes de Montpellier</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-deplacer/partager-la-voie-publique" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Partager la voie publique</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="https://travaux.montpellier.fr/" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Travaux</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Se cultiver <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/musees-et-expositions" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Expositions et musées</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/musique" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Musique</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/danse" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Danse</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/theatre-et-cirque" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Théâtre et cirque</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/livres-et-idees" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Livres et idées</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/lieux-de-culture-scientifique" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Lieux de culture scientifique</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/festivals-et-evenements" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Festivals et événements</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/cinema-et-audiovisuel" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Cinéma et audiovisuel</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/maisons-pour-tous-de-montpellier" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Maisons pour tous</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/jeune-public" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Jeune public</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/patrimoine-archives-et-archeologie" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Patrimoine, archives et archéologie</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/enseignements-artistiques" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Enseignements artistiques</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/artistes-et-professionnels-de-la-culture" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Artistes et professionnels de la culture</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Faire du sport <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/faire-du-sport/nager-en-piscine" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Nager en piscine</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/faire-du-sport/carte-montpellier-sports" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Carte Montpellier Sports</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/faire-du-sport/activites-sportives-et-stages-encadres" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Activités sportives et stages encadrés</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/faire-du-sport/assister-aux-evenements-sportifs" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Assister aux événements sportifs</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/faire-du-sport/aides-et-subventions-sports" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Aides et subventions sports</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/faire-du-sport/clubs-handisport-et-de-sport-adapte" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Clubs handisport et de sport adapté</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/faire-du-sport/equipements-sportifs" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Équipements sportifs</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/maisons-pour-tous-de-montpellier" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Maisons pour tous</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/bien-vieillir-a-montpellier/activites-des-clubs-de-l-age-d-or" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Clubs de l’Âge d’or</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Gérer ses déchets <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets/que-faire-de-mon-dechet" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Que faire de mon déchet ?</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets/jours-de-collecte-des-dechets-et-points-apport-volontaire" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Jours de collecte des déchets</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets/dechets-carte-des-points-d-apport-volontaire" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Carte des points d&#039;apport volontaire</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets/collecte-des-encombrants" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Collecte des encombrants</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets/je-trie-mes-dechets-et-ressources" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Trier mes déchets</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets/je-reduis-mes-dechets" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Réduire mes déchets</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets/decheteries-points-proprete" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Déchèteries</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets/professionnels-gestion-des-dechets" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Professionnels : gestion des déchets</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets/dechets-mes-demarches" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Mes démarches</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets/sites-de-traitement-des-dechets" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Sites de traitement des déchets</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Urgences, sécurité et prévention <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/numeros-urgence" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Numéros d&#039;urgence</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/prevention-et-gestion-des-risques" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Prévention et gestion des risques</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/securiser-la-voie-publique" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Sécuriser la voie publique</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/signaler-un-desagrement" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Signaler un désagrément</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/reserve-citoyenne" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je m&#039;engage dans la Réserve citoyenne</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/declaration-de-catastrophe-naturelle-catnat" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Faire sa déclaration de catastrophe naturelle (CATNAT)</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> J&#039;ai besoin d&#039;accompagnement <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/je-suis-isole" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je suis isolé</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/je-suis-en-danger" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je suis en danger</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/j-ai-besoin-de-connaitre-mes-droits" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;ai besoin de connaître mes droits</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/j-ai-besoin-de-manger" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;ai besoin de manger</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/j-ai-besoin-de-me-soigner" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J’ai besoin de me soigner</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/j-ai-besoin-de-travailler" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;ai besoin de travailler</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/j-ai-besoin-de-me-loger" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;ai besoin de me loger</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/j-ai-besoin-d-aide-pour-gerer-mon-budget" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;ai besoin d&#039;aide pour gérer mon budget</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/j-ai-besoin-d-aide-a-domicile" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;ai besoin d&#039;aide à domicile</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/j-ai-besoin-d-aide-dans-mes-demarches-en-ligne" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J’ai besoin d’aide dans mes démarches en ligne</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/j-ai-besoin-d-aide-pour-me-former-au-numerique" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;ai besoin d&#039;aide pour me former au numérique</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/j-ai-besoin-d-aide-pour-apprendre-le-francais" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;ai besoin d&#039;aide pour apprendre le français</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-besoin-d-accompagnement/conciliateur-de-justice-pour-resoudre-un-litige-a-l-amiable" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Conciliateur de justice pour résoudre un litige à l&#039;amiable</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Vote et recensement <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/vote-et-recensement/voter-a-montpellier" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Voter à Montpellier</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/vote-et-recensement/recensement-de-la-population" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Recensement de la population</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Agir pour la biodiversité <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/agir-pour-la-biodiversite/sensibiliser-a-la-biodiversite" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Sensibiliser à la biodiversité</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/agir-pour-la-biodiversite/jardins-familiaux" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Jardins familiaux</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/agir-pour-la-biodiversite/jardins-partages" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Jardins partagés</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/agir-pour-la-biodiversite/reseaux-observation-de-la-biodiversite" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Réseaux d&#039;observation de la biodiversité</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/agir-pour-la-biodiversite/animations-montpellier-main-verte" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Les animations &quot;Montpellier Main Verte&quot;</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Agir pour le climat <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/agir-pour-le-climat/je-m-engage-pour-le-climat" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Je m&#039;engage pour le climat</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/agir-pour-le-climat/mes-gestes-du-quotidien-en-faveur-du-climat" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Mes gestes du quotidien</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/agir-pour-le-climat/faire-des-economies-d-energie" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Faire des économies d&#039;énergie</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Protéger les animaux <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/proteger-les-animaux/adopter-un-animal-de-compagnie" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Adopter un animal de compagnie</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/proteger-les-animaux/jai-un-animal-en-ville" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">J&#039;ai un animal en ville</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/proteger-les-animaux/declarer-son-chien-categorise" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Déclarer son chien catégorisé</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/proteger-les-animaux/cours-collectifs-gratuits-d-education-canine" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Cours collectifs gratuits d&#039;éducation canine</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/proteger-les-animaux/la-sterilisation-des-chats-a-montpellier" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">La stérilisation des chats</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Bien vieillir à Montpellier <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/bien-vieillir-a-montpellier/clubs-de-l-age-d-or" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Clubs de l&#039;Âge d&#039;Or</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/bien-vieillir-a-montpellier/activites-des-clubs-de-l-age-d-or" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Activités des clubs de l’Âge d’or</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/bien-vieillir-a-montpellier/residences-pour-personnes-agees-ehpad" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Les résidences pour personnes âgées (EHPAD)</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/grands-projets/plan-bien-vieillir-montpellier" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Plan bien vieillir à Montpellier</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Se loger <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-loger/aides-pour-louer-votre-logement-solidaire" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Aides pour louer votre logement solidaire</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-loger/permis-de-louer" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Permis de louer</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-loger/lencadrement-des-loyers" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">L&#039;encadrement des loyers</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-loger/changement-dusage-de-locaux-dhabitation" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Changement d&#039;usage de locaux d&#039;habitation</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="https://www.montpellier.fr/vie-quotidienne/vivre-ici/se-loger/colocationsetudiantsehpad" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Colocations étudiantes en EHPAD</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Construire, rénover <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/construire-renover/realiser-des-travaux-en-centre-ville-de-montpellier" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Réaliser des travaux en centre-ville de Montpellier</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/construire-renover/demande-d-autorisation-urbanisme" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Demande d&#039;autorisation d&#039;urbanisme</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/construire-renover/note-de-renseignements-d-urbanisme" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Note de renseignements d’urbanisme</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/construire-renover/aides-pour-renover-son-logement" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Aides pour rénover son logement</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/construire-renover/demande-d-autorisation-de-pose-ou-de-remplacement-d-enseigne" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Pose ou remplacement d&#039;enseigne</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="https://participer.montpellier.fr/" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Enquêtes et documents publics</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Jardiner, embellir <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/jardiner-embellir/bons-de-vegetalisation-et-dispositifs-d-accueil-de-la-faune" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Bons de végétalisation et dispositifs d&#039;accueil de la faune</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/jardiner-embellir/prendre-soin-des-arbres" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Prendre soin des arbres</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/jardiner-embellir/insectes-utiles-au-jardin" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Insectes utiles au jardin</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/jardiner-embellir/lutter-contre-les-especes-envahissantes" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Lutter contre les espèces envahissantes</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/jardiner-embellir/lutter-contre-les-moustiques" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Lutter contre les moustiques</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Se balader à Montpellier <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-balader-a-montpellier/bienvenue-au-centre-ville-%21" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Le centre-ville de Montpellier</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="https://www.montpellier-tourisme.fr/" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Office de tourisme</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-deplacer/je-me-deplace-a-velo/itineraires-a-velo" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Se balader à vélo</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-balader-a-montpellier/parcs-et-jardins-de-montpellier" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Parcs et jardins</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/actions/competences/attractivite-et-developpement-economique/halles-et-marches" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Halles et marchés</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/territoire/lieux-equipements/les-dimanches-du-peyrou" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Les dimanches du Peyrou</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-3-et-11-ans/aires-de-jeux" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Aires de jeux</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/se-balader-a-montpellier/fontaines-de-montpellier" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Fontaines</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Occuper le domaine public <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/occuper-le-domaine-public/organiser-un-evenement-sur-le-domaine-public" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Organiser un événement sur le domaine public</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/occuper-le-domaine-public/autorisation-de-terrasse-etalage-sur-le-domaine-public" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Autorisation de terrasse et d&#039;étalage sur le domaine public</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/occuper-le-domaine-public/demande-de-licence-de-debits-de-boissons" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Demande de licence de débits de boissons</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="https://eservices.montpellier3m.fr/collecte-des-dechets-menagers/manifestation-evenement-demande-de-pret-de-materiel-de-bacs/" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Demande de matériel pour un événement</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/occuper-le-domaine-public/demande-d-autorisation-de-chantier-sur-le-domaine-public" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Demande d&#039;autorisation de chantier</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/occuper-le-domaine-public/numerotage-des-voies" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Numérotage des voies</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/occuper-le-domaine-public/panneaux-d-expression-libre" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Panneaux d&#039;expression libre</a></li>
32<li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/occuper-le-domaine-public/occupation-du-domaine-public-appels-a-candidatures" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Appels à candidatures</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <button class=" text-[16px] font-sans font-normal hover:text-white hover:bg-primary text-black bg-white p-2.5 pr-5 lg:px-5 leading-6 lg:leading-8 font-normal text-left w-full flex justify-between items-center group transition-all duration-300 max-lg:px-5 js-megaMenu-btn"> Vie associative <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black lg:scale-75 max-lg:rotate-90 transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class=" lg:absolute right-0 top-0 lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] hidden max-lg:!left-0 max-lg:w-screen max-lg:left-full menu-level-3 lg:max-h-full overflow-y-scroll h-full " ><ul class="max-h-[300px] lg:max-h-[620px] p-5 lg:px-14 lg:py-10 overflow-y-scroll menuScrollParent [&::-webkit-scrollbar-thumb]:bg-primary [&::-webkit-scrollbar]:w-[6px] overflow-scroll"><li role="presentation" class="menuScrollBtn hidden top-[calc(100%_-_34px)]"> <button class="bg-gray-100"> <svg focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-down"></use> </svg> </button></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/vie-associative/l-annuaire-associatif-municipal" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">L’annuaire associatif municipal</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/vie-associative/associations-sites-et-documents-utiles" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Sites et documents utiles</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/vie-associative/louer-une-salle-municipale-et-du-materiel-de-reception" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Location de salles et de matériel de réception</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/vie-associative/faire-une-demande-de-subvention" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Demande de subventions</a></li><li data-level="3" class="text-sm lg:text-[16px] font-sans font-normal mb-6 last:mb-0"> <a href="/vie-quotidienne/vivre-ici/appels-a-candidatures-a-projets" target="_self" class="js-megaMenu-btn small-link hover:underline hover:font-bold">Appels à projets en cours</a></li></ul> </nav><div class=" absolute -z-10 right-0 top-0 w-full lg:w-1/2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px]"></div></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/vie-quotidienne/vivre-ici/entreprendre" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Entreprendre </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/vie-quotidienne/vivre-ici/trouver-un-emploi" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Trouver un emploi </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="https://portail-montpellier.eservices.montpellier3m.fr/" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16
32px] font-sans font-normal block max-lg:px-5"> Signalements et démarches </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/vie-quotidienne/vivre-ici/appels-a-candidatures-a-projets" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Appels à candidatures </a></li></ul> </nav></li><li class="menu-item bg-white lg:after:absolute lg:after:inset-x-0 lg:after:bg-white max-lg:w-screen menu-child-item" data-level="1"> <button class=" relative z-30 hover:text-white text-black p-5 lg:ml-11 w-full lg:w-[calc(100%-2.75rem)] font-theme uppercase text-lg lg:text-[22px] leading-7 font-semibold text-left flex justify-between items-center group transition-all duration-300 js-megaMenu-btn button-level-1"> Nouveaux Montpelliérains <svg focusable="false" aria-hidden="true" class="group-[:hover]:text-white group-[.is-active]:text-white text-black transition-all duration-200 h-4 w-2" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-right"></use> </svg> </button> <nav class= 'menu-level-2 after:bg-gray-100 after:absolute after:-z-10 after:inset-0 after:h-0 lg:after:h-[620px] absolute right-0 top-0 w-3/5 z-20 lg:p-10 lg:pb-0 hidden [&>a]:block max-lg:w-screen max-lg:left-full ' ><ul class="lg:h-[calc(620px_-_2.5rem)] [&amp;:not(.hidden)]:lg:grid [&amp;:not(.hidden)]:lg:grid-rows-9 [&amp;:not(.hidden)]:lg:grid-flow-col [&amp;_a:hover]:font-bold max-lg:[&amp;_.menu-item]:mb-6 max-lg:-mt-10 lg:[&amp;_.menu-item]:before:!left-0 columns-2 max-lg:columns-1 column-auto"><li role="presentation" class="flex lg:hidden items-center text-primary uppercase gap-4 w-full px-5 pb-10 bg-white js-megaMenu-return"><div class="bg-primary rounded-full w-12 h-12 flex items-center justify-center"> <svg focusable="false" aria-hidden="true" class="w-7 h-5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-left"></use> </svg></div> Retour</li><li class="menu-item lg:mb-5 menu-first-child-item" data-level="2"> <a href="/nouveaux-montpellierains/accueil-des-nouveaux-montpellierains" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Accueil des nouveaux Montpelliérains </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/institutions/metropole-de-montpellier/le-pass-metropole" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Demander mon Pass Métropole </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/vie-quotidienne/vivre-ici/se-deplacer/je-me-deplace-en-transports-en-commun/se-deplacer-gratuitement" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Demander mon Pass Gratuité </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="https://connexion.montpellier3m.fr/register/?next=https%3A%2F%2Fportail-montpellier.eservices.montpellier3m.fr%2F" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Je crée mon compte citoyen </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-0-et-3-ans" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> J&#039;ai un enfant entre 0 et 3 ans </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-3-et-11-ans" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> J&#039;ai un enfant entre 3 et 11 ans </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Gérer ses déchets </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/vie-quotidienne/vivre-ici/vote-et-recensement/voter-a-montpellier" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16
32px] font-sans font-normal block max-lg:px-5"> Voter à Montpellier </a></li><li class="menu-item lg:mb-5 " data-level="2"> <a href="/vie-quotidienne/vivre-ici/faire-du-sport/carte-montpellier-sports" target="_self" class="hover:underline js-megaMenu-btn small-link text-sm lg:text-[16px] font-sans font-normal block max-lg:px-5"> Carte Montpellier Sports </a></li></ul> </nav></li></ul> </nav></div><div class=" absolute -z-20 bottom-0 overflow-hidden max-h-96 w-[70%] !w-2/5 js-megaMenu-img image-effect--trammed "> <img class=" max-lg:hidden object-cover object-center block w-full h-full opacity-25" src="/sites/default/files/styles/mega_menu_square/public/2025-05/Menu%20Vie%20Quotidienne.jpg-min.webp.png" aria-hidden="true" /></div></div></li></ul> </nav><div class="h-full lg:bg-white lg:order-3 js-unactive js-menuMobile max-lg:w-full max-lg:hidden"> <button class="js-search-toggle block-search--toggle hidden lg:block lg:order-3 h-full hover:bg-shade-quaternary [&.opened]:mt-[0.938rem] [&.opened]:bg-shade-quaternary pl-2 pr-7 bg-white text-primary" aria-label="Toggle search" role="button"></button><div class="js-search-form block-search--form z-50 lg:hidden lg:absolute lg:-bottom-[5.125rem] lg:right-8 lg:bg-shade-quaternary lg:min-w-[44.438rem] max-w-full p-[0.938rem] [&.js-search-form-error]:-bottom-[6.375rem] [&.js-search-form-error]:!pb-[2.188rem] [&.js-search-form-error_input]:border [&.js-search-form-error_input]:border-red rounded-b-[0.625rem]"><form action="/recherche" method="get" id="views-exposed-form-recherche-page-search" accept-charset="UTF-8" class="flex items-center
33[&amp;_label.error]:absolute
34[&amp;_label.error]:w-full
35[&amp;_label.error]:left-0
36[&amp;_label.error]:text-red
37[&amp;_label.error]:-bottom-[1.875rem]
38"><div class="relative w-full"> <label for="edit-search-api-fulltext" class="visually-hidden">Rechercher</label><div class="js-form-item form-item js-form-type-textfield form-item-search-api-fulltext js-form-item-search-api-fulltext form-no-label"> <input data-drupal-selector="edit-search-api-fulltext" type="text" id="edit-search-api-fulltext" name="search_api_fulltext" value="" maxlength="128" placeholder="Rechercher sur le site" class="form-text required error h-[3.25rem] px-5 py-2.5 w-full text-sm leading-[1.625rem] rounded-[0.313rem] border-0 text-[#4E4E4E]
39shadow-[0px_0px_0.625rem_0px_rgba(3,49,134,0.2)] placeholder:uppercase placeholder:text-[#4e4e4e]" required="required" aria-required="true" aria-invalid="true" /><label for="edit-search-api-fulltext" class="sr-only">Rechercher sur le site</label></div> <button data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" class="js-form-submit form-submit absolute top-0 bottom-0 right-5 text-sm font-medium text-gray-500 block lg:hidden shown-hero"> <svg class="icon" width="28" height="28" focusable="false" aria-hidden="true"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#search"></use> </svg> </button> <button data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" class="hidden lg:block button js-form-submit form-submit opacity-[0.86] p-btn rounded-[0.313rem] btn-ltr primary-dark !text-white uppercase absolute top-0 bottom-0 right-0 text-sm inline-flex justify-center items-center cursor-pointer text-[0.813rem] leading-3 font-semibold tracking-wider hidden-hero"> Rechercher </button></div></form></div></div></div></header><div class="touchBar fixed z-[200] shadow-top bottom-0 inset-x-0 bg-white max-[410px]:text-[0.625rem] text-xs font-semibold max-[410px]:px-0.5 px-5 flex justify-between max-[410px]:gap-1 gap-2.5 lg:hidden print:hidden"><ul class="flex items-center justify-evenly max-[410px]:gap-4 gap-6 pt-6 pb-5 w-full [&>li]:items-stretch [&_a]:flex [&_a]:flex-col [&_a]:justify-between [&_a]:items-center [&_a]:uppercase [&_a]:h-12 [&_svg]:max-w-9 [&_svg]:max-h-9"><li> <a target=&quot;_blank href="https://encommun.montpellier.fr/"> <img alt=" " title=" " src="/sites/default/files/2025-01/actus.svg" />
39 Actualités </a></li><li> <a target=&quot;_blank href="https://agenda.montpellier.fr/"> <img alt=" " title=" " src="/sites/default/files/2025-01/agenda.svg" /> Agenda </a></li><li> <a target=&quot;_blank href="https://participer.montpellier.fr/"> <img alt=" " title=" " src="/sites/default/files/2025-01/participer.svg" /> Participer </a></li><li> <a target=&quot;_blank href="https://portail-montpellier.eservices.montpellier3m.fr/signalement/"> <img alt=" " title=" " src="/sites/default/files/2025-01/signaler-menu.svg" /> Signaler </a></li></ul> <button id="burgerButton" class="flex flex-col items-center uppercase -mt-6 group [&_*]:pointer-events-none"><div class=" w-[4.375rem] h-[4.375rem] mb-2.5 bg-secondary rounded-full flex flex-col justify-center gap-1 before:bg-primary before:w-6 before:h-0.5 before:rounded-full before:ml-6 before:transition-all [&>span]:bg-primary [&>span]:w-4 [&>span]:h-0.5 [&>span]:rounded-full [&>span]:ml-6 [&>span]:transition-all after:bg-primary after:w-2 after:h-0.5 after:rounded-full after:ml-6 after:transition-all group-[.is-active]:[&>span]:opacity-0 group-[.is-active]:before:rotate-45 group-[.is-active]:before:w-6 group-[.is-active]:before:relative group-[.is-active]:before:top-1.5 group-[.is-active]:after:-rotate-45 group-[.is-active]:after:w-6 group-[.is-active]:after:relative group-[.is-active]:after:bottom-1.5 group-[.is-active]:before:ml-[1.438rem] group-[.is-active]:after:ml-[1.438rem] "> <span></span></div> Menu </button></div><div class="[&_img]:mx-auto hidden print:block py-5 border-b"> <img width="182" height="91" src="/themes/custom/montpellier3m/dist/assets/icons/public/logo-site.svg" /></div> <main role="main" class=" "><div class="main-top"><div> <section id="block-montpellier3m-breadcrumbs" class="drt-section drt-section-- relative mb-section-sm md:mb-section-sm w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-md "><div class="relative flex flex-col "> <nav class="relative flex py-2.5 max-w-[68.75rem] mx-auto w-full relative px-4 sm:px-12 md:px-8 xl:px-0 print:hidden" aria-label="Breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"><h2 id="system-breadcrumb" class="visually-hidden">Fil d'Ariane</h2><ol class="inline-flex items-center [&_a]:drop-shadow-breadcrumb [&_span]:drop-shadow-breadcrumb"><li class="hidden sm:flex"><div class="flex items-center text-[0.625rem] sm:text-xs font-bold text-white uppercase tracking-widest"> <a href="/" class="inline-flex items-center md:ml-2 hover:underline after:w-4 after:h-px after:inline-block after:bg-gray-800 after:ml-2.5 after:mr-3"> Accueil </a></div></li><li class="hidden sm:flex"><div class="flex items-center text-[0.625rem] sm:text-xs font-bold text-white uppercase tracking-widest"> <a href="/vie-quotidienne" class="inline-flex items-center md:ml-2 hover:underline after:w-4 after:h-px after:inline-block after:bg-gray-800 after:ml-2.5 after:mr-3"> Vie quotidienne </a></div></li><li class="hidden sm:flex"><div class="flex items-center text-[0.625rem] sm:text-xs font-bold text-white uppercase tracking-widest"> <a href="/vie-quotidienne/vivre-ici" class="inline-flex items-center md:ml-2 hover:underline after:w-4 after:h-px after:inline-block after:bg-gray-800 after:ml-2.5 after:mr-3"> Vivre ici </a></div></li><li class="hidden sm:flex"><div class="flex items-center text-[0.625rem] sm:text-xs font-bold text-white uppercase tracking-widest"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention" class="inline-flex items-center md:ml-2 hover:underline after:w-4 after:h-px after:inline-block after:bg-gray-800 after:ml-2.5 after:mr-3"> Urgences, sécurité et prévention </a></div></li><li class="hidden sm:flex"><div class="flex items-center text-[0.625rem] sm:text-xs font-bold text-white uppercase tracking-widest"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/prevention-et-gestion-des-risques" class="inline-flex items-center md:ml-2 hover:underline after:w-4 after:h-px after:inline-block after:bg-gray-800 after:ml-2.5 after:mr-3"> Prévention et gestion des risques </a></div></li><li><div class="flex items-center text-[0.625rem] sm:text-xs font-bold text-white uppercase tracking-widest"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/prevention-et-gestion-des-risques/connaitre-les-risques-majeurs" class="inline-flex items-center md:ml-2 hover:underline after:w-4 after:h-px after:inline-block after:bg-gray-800 after:ml-2.5 after:mr-3"> Connaître les risques majeurs </a></div></li><li><div class="flex items-center text-[0.625rem] sm:text-xs font-bold text-white uppercase tracking-widest"> <span class="inline-flex items-center "> Vigilance Météo </span></div></li></ol> </nav></div></div></section></div><div><div data-drupal-messages-fallback class="hidden"></div></div></div><div class="main-content pb-16 "><div><div id="block-montpellier3m-content"><div class="layout-node--vivre-ici"><div class="mb-8 lg:mb-16 header__vivreIci"> <section id="hero-banner" class="print:hidden"><div class="[&amp;_img]:!h-[25.938rem] lg:[&amp;
39_img]:!h-[40.625rem] lg:h-[40.625rem] js-headerImageMedium js-headerImage [&_img]:opacity-20 md:[&_img]:opacity-25 [&_img]:object-cover [&_img]:w-full [&_img]:h-full [&_img]:block absolute top-0 inset-x-0 -z-10"><div class="w-full h-full absolute pointer-events-none bg-primary"></div><div class="w-full h-full absolute pointer-events-none bg-green-hero"></div> <picture> <source srcset="/sites/default/files/styles/hero_medium/public/2025-08/44329_282_infos-en-temps-re-el.jpg.webp 1x" media="(min-width: 1536px)" type="image/webp" width="1700" height="650"/> <source srcset="/sites/default/files/styles/hero_medium/public/2025-08/44329_282_infos-en-temps-re-el.jpg.webp 1x" media="(min-width: 1280px)" type="image/webp" width="1700" height="650"/> <source srcset="/sites/default/files/styles/hero_medium/public/2025-08/44329_282_infos-en-temps-re-el.jpg.webp 1x" media="(min-width: 1024px)" type="image/webp" width="1700" height="650"/> <source srcset="/sites/default/files/styles/hero_medium/public/2025-08/44329_282_infos-en-temps-re-el.jpg.png 1x" media="(min-width: 1536px)" type="image/png" width="1700" height="650"/> <source srcset="/sites/default/files/styles/hero_medium/public/2025-08/44329_282_infos-en-temps-re-el.jpg.png 1x" media="(min-width: 1280px)" type="image/png" width="1700" height="650"/> <source srcset="/sites/default/files/styles/hero_medium/public/2025-08/44329_282_infos-en-temps-re-el.jpg.png 1x" media="(min-width: 1024px)" type="image/png" width="1700" height="650"/> <img width="390" height="413" src="/sites/default/files/styles/hero_medium_mobile/public/2025-08/44329_282_infos-en-temps-re-el.jpg.png" alt="" loading="lazy" /> </picture></div> </section></div><div class="max-w-screen-xl m-auto gap-x-12 lg:grid grid-cols-12 grid-rows-auto1fr rounded-lg max-lg:bg-white md:px-8 py-8 lg:pt-0 lg:pb-16 align-items-start"> <aside class="col-span-3 print:hidden md:hidden lg:block max-lg:rounded-lg max-lg:rounded-b-none order-first px-4 lg:py-12 lg:px-0" role="complementary"> <section class="drt-section drt-section-- relative mb-section-sm md:mb-section-md w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "><div class="relative flex flex-col "><form class="vivre-ici-filter flex flex-col print:hidden gap-5 [&amp;_label]:lg:text-white [&amp;_label]:text-lg [&amp;_label]:mb-7 [&amp;_label]:uppercase max-lg:[&amp;_label]:mb-[0.438rem] max-lg:[&amp;_label]:text-xs max-lg:[&amp;_label]:text-primary max-lg:[&amp;_label]:tracking-widest [&amp;_label]:font-theme" data-drupal-selector="vivre-ici-filter-3" action="/vie-quotidienne/vivre-ici/urgences-securite-et-prevention/prevention-et-gestion-des-risques/connaitre-les-risques-majeurs/vigilance-meteo" method="post" id="vivre-ici-filter--3" accept-charset="UTF-8"><div class="js-form-item form-item js-form-type-select form-item-page js-form-item-page"> <label for="edit-page--3" class="block mb-5 text-sm font-bold md:text-lg dark:text-white [&amp;.form-required]:pr-1 [&amp;.form-required]:after:content-[&quot;*&quot;] [&amp;.form-required]:after:font-normal [&amp;.form-required]:after:ml-0.5">Autres démarches</label> <select class="vivre-ici-filter form-select bg-[#F2F7FE] cursor-pointer border-0 border-gray-300 text-black text-sm font-medium rounded-xl focus:ring-primary-600 focus:border-primary-600 block w-full p-3.5 md:px-5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-600 dark:focus:border-primary-600" data-drupal-selector="edit-page" id="edit-page--3" name="page"><option value="156">État civil et identités</option><option value="193">Voter à Montpellier</option><option value="446">Faire du sport</option><option value="457">Agir pour le climat</option><option value="486">Entreprendre</option><option value="510">J&#039;ai un enfant entre 0 et 3 ans</option><option value="511">J&#039;ai un enfant entre 3 et 11 ans</option><option value="535">Se déplacer</option><option value="589">Gérer ses déchets</option><option value="658">Se cultiver</option><option value="669">Inscription au registre des personnes vulnérables</option><option value="698">Enlèvement et destruction de véhicule</option><option value="828">Se balader à Montpellier</option><option value="832">Agir pour la biodiversité</option><option value="839">Protéger les animaux</option><option value="840">Jardiner, embellir</option><option value="883">Occuper le domaine public</option><option value="897">Urgences, sécurité et prévention</option><option value="1145">Bien vieillir à Montpellier</option><option value="1158">Vie associative</option><option value="1312">Construire et rénover</option><option value="1389">Se loger</option><option value="1734">Trouver un emploi</option><option value="2779">Que faire de mon déchet ? (ancienne)</option><option value="2811" selected="selected">Vigilance météo</option><option value="5698">J&#039;ai besoin d&#039;accompagnement</option><option value="5823">Appels à projets en cours</option><option value="5966">Appels à candidatures/ à projets</option><option value="6385">Vote et recensement</option><option value="24796">Conciliateur de justice pour résoudre un litige à l&#039;amiable</option></select></div><input autocomplete="off" data-drupal-selector="form-qo50lrlytjk-km-gw1z4ntltouktda0j0okyqr-xi-g" t
39ype="hidden" name="form_build_id" value="form-Qo50lRLYTJk-kM-GW1Z4nTLTOuKTdA0j0okYQr_Xi-g" /><input data-drupal-selector="edit-vivre-ici-filter-3" type="hidden" name="form_id" value="vivre_ici_filter" /></form></div></div></section> <section class="drt-section drt-section-- relative mb-section-sm md:mb-section-sm w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "><div class="relative flex flex-col "><div class="card flex flex-col md:flex-row md:gap-10 mb-8 last:mb-0 bg-white"><div class="p-7 w-full border border-black"><div class="[&_h3]:font-black [&_h3]:mb-3"><h3 class="drt-title-heading drt-title-heading--default [&amp;_strong]:font-bold text-xl !leading-tight font-bold text-left" style="color:;">Restez informés</h3></div><div class="[&_p]:text-black"><div class="drt-text drt-text--default format text-sm text-left max-w-none"><p><a href="https://app.telealerte.fr/inscription/subscribe.jsp?custId=8b09f96d-9502-4cd2-a312-1cea357868e5&amp;showForm=false&amp;lang=fr" target="_blank"><strong>S'inscrire à la téléalerte</strong></a></p></div></div></div></div></div></div></section> <section class="drt-section drt-section-- relative mb-section-sm md:mb-section-sm w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "><div class="relative flex flex-col "><div class="card flex flex-col md:flex-row md:gap-10 mb-8 last:mb-0 bg-white"><div class="p-7 w-full border border-black"><div class="[&_h3]:font-black [&_h3]:mb-3"><h3 class="drt-title-heading drt-title-heading--default [&amp;_strong]:font-bold text-xl !leading-tight font-bold text-left" style="color:;">Ressources</h3></div><div class="[&_p]:text-black"><div class="drt-text drt-text--default format text-sm text-left max-w-none"><h3><strong>Numéros d'urgence</strong></h3><ul><li data-list-item-id="ed7b0918dd5b6cbe42f3529779e58ead9">Appel d’urgence européen : 112</li><li data-list-item-id="e0cec9e08875a29771e29ff91402e1f49">Sapeurs-pompiers : 18</li><li data-list-item-id="eb6c92342b22e5c7b116d1958f8713d13">Police nationale : 17</li><li data-list-item-id="ee7474189135f85cd58d0b2aa3e70a0cd">Police municipale : 04 67 34 88 30</li><li data-list-item-id="e3ada59100892cf201a59a82b53188a2b">SAMU : 15</li><li data-list-item-id="eb836c9342b4833795ddfa78f185caca2">Secours pour les personnes sourdes ou malentendantes : 114</li><li data-list-item-id="eb20c6dfda263fc1f07851f9ebcc904ff">Samu social : 115</li></ul><h3><strong>S'informer</strong></h3><ul><li data-list-item-id="e7870e029ca17e998a5e8127b7f286aed">Radio France Bleu Hérault : 100.6 ou 101.1 Mhz</li><li data-list-item-id="eb9e8aa6c61a9c441b0c38d199b126fcf">Mairie : 04 67 34 70 00</li><li data-list-item-id="ee1bae8ff256681ef0074b2f251030121"><a href="https://www.herault.gouv.fr/" target="_blank">Préfecture</a> : 04 67 61 61 61</li><li data-list-item-id="eb7f7a008f43c8a7eef056a28defc8a38"><a href="https://vigilance.meteofrance.fr/fr/herault" target="_blank">Carte de vigilance Météo France</a> : 3250 (numéro payant)</li><li data-list-item-id="ee285c10940471c7e0825159b41a5f1f4"><a href="https://www.vigicrues.gouv.fr/territoire/21" target="_blank">Carte Vigicrues</a></li></ul><h3><strong>Routes et transports</strong></h3><ul><li data-list-item-id="ed62cd43a48cfba71f548bd4df026a9b6"><a href="https://www.tam-voyages.com/index.asp" target="_blank">TaM : </a>04 67 22 87 87</li><li data-list-item-id="e15c36d896eada366440a77e41e47eabd"><a href="https://www.groupe-sncf.com/fr" target="_blank">Trains – SNCF</a></li><li data-list-item-id="e1fa91db9894153fd285c1683fd0f522e"><a href="https://www.montpellier.aeroport.fr/" target="_blank">Avions – Aéroport de Montpellier Méditerranée</a></li><li data-list-item-id="e0fa3dfa16dd3272eabdd3d2b31a102cd"><a href="https://travaux.montpellier.fr/" target="_blank">Inforoute - circulation</a></li></ul><h3><strong>Numéros de services</strong></h3><ul><li data-list-item-id="eb0bd3ecc34fde7a87fdf3f927a5c4fa9">ENEDIS : 0 972 675 034</li><li data-list-item-id="eadf3847e6a28b7bbed65282e25c0b46d">GrDF : 0 800 473 333</li><li data-list-item-id="eae0db3a9f1d280fbcf63d6c30f9b91e4">En cas d’odeur de gaz : 18/112</li><li data-list-item-id="efa91ad001f3d280398d759bd9422640c">Régie des eaux : 0 969 323 423</li></ul></div></div></div></div></div></div></section> </aside><div class="col-span-9 bg-white max-lg:rounded-t-none rounded-lg lg:shadow-lg shadow-neutral-300 row-span-2 px-4 py-8 lg:p-12 [&_section:first-child>div]:pt-0 main-page-content"> <section class="print:hidden drt-section drt-section-- relative mt-section-sm md:mt-0 mb-section-sm md:mb-section-sm w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "><div class="relative flex flex-col "><div class="w-full flex flex-col flex-wrap gap-y-[0.938rem] sm:items-center sm:flex-row sm:justify-between skip-read"><div class="flex text-[0.813rem] leading-[1.875rem] font-medium text-primary font-theme"> Temps de lecture : 2 minutes <button id="playPause" class="play-button ml-4 text-category-gamma flex gap-[0.188rem] items-center"> <svg width="24" height="24" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#play-circle"></use> </svg> <span id="playPauseText">Ecouter</span> </button></div><div class="flex flex-wrap gap-6"><div class="text-[0.813rem] leading-[1.25rem] font-medium font-theme relative"> <button class="js-print flex items-center gap-[0.188rem]"> <svg class="text-primary mr-3" width="20" height="19" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#print"></use> </svg> <span class="text-black">Imprimer</span> </button></div><div class="text-[0.813rem] leading-[1.25rem] font-medium font-theme relative"> <button class="js-print flex items-center gap-[0.188rem]"> <svg class="text-primary mr-3" width="20" height="19" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#download"></use> </svg> <span class="text-black">Version PDF</span> </button></div><div class="text-[0.813rem] leading-[1.25rem] font-medium font-theme relative"> <button type="button" data-target="share-tooltip" class="flex items-center gap-[0.188rem] js-toggle-trigger"> <svg class="text-primary mr-2.5" width="18" height="19" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#share"></use> </svg> <span class="text-black">Partager</span> </button><div id="share-tooltip" class="absolute z-[500] bg-primary [&_svg]:bg-primary sm:w-max -top-14 max-sm:text-center max-sm:top-full sm:right-0 2xl:left-1/2	2xl:-translate-x-1/2 hidden px-3 py-2 rounded-lg opacity-0 transition-opacity js-toggle-target"><div id="block-addtoany-share-buttons"> <span class="a2a_kit a2a_kit_size_32 addtoany_list" data-a2a-url="https://www.montpellier.fr/vie-quotidienne/vivre-ici/urgences-securite-et-prevention/prevention-et-gestion-des-risques/connaitre-les-risques-majeurs/vigilance-meteo" data-a2a-title="Vigilance météo"><a class="a2a_button_x"></a><a class="a2a_button_facebook"></a><a class="a2a_button_linkedin"></a><a class="a2a_button_whatsapp"></a><a class="a2a_button_telegram"></a></span></div></div></div></div></div></div></div></section><div class="hidden md:inline-block lg:hidden min-w-[18.75rem]"> <section class="drt-section drt-section-- relative mb-section-sm md:mb-section-md w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "><div class="relative flex flex-col "><form class="vivre-ici-filter flex flex-col gap-5" data-drupal-selector="vivre-ici-filter" action="/vie-quotidienne/vivre-ici/urgences-securite-et-prevention/prevention-et-gestion-des-risques/connaitre-les-risques-majeurs/vigilance-meteo" method="post" id="vivre-ici-filter" accept-charset="UTF-8"><div class="js-form-item form-item js-form-type-select form-item-page js-form-item-page form-no-label"> <select class="vivre-ici-filter form-select bg-[#F2F7FE] cursor-pointer border-0 border-gray-300 text-black text-sm font-medium rounded-xl focus:ring-primary-600 focus:border-primary-600 block w-full p-3.5 md:px-5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-600 dark:focus:border-primary-600" data-drupal-selector="edit-page" id="edit-page" name="page"><option value="156">État civil et identités</option><option value="193">Voter à Montpellier</option><option value="446">Faire du sport</option><option value="457">Agir pour le climat</option><option value="486">Entreprendre</option><option value="510">J&#039;ai un enfant entre 0 et 3 ans</option><option value="511">J&#039;ai un enfant entre 3 et 11 ans</option><option value="535">Se déplacer</option><option value="589">Gérer ses déchets</option><option value="658">Se cultiver</option><option value="669">Inscription au registre des personnes vulnérables</option><option value="698">Enlèvement et destruction de véhicule</option><option value="828">Se balader à Montpellier</option><option value="832">Agir pour la biodiversité</option><option value="839">Protéger les animaux</option><option value="840">Jardiner, embellir</option><option value="883">Occuper le domaine public</option><option value="897">Urgences, sécurité et prévention</option><option value="1145">Bien vieillir à Montpellier</option><option value="1158">Vie associative</option><option value="1312">Construire et rénover</option><option value="1389">Se loger</option><option value="1734">Trouver un emploi</option><option value="2779">Que faire de mon déchet ? (ancienne)</option><option value="2811" selected="selected">Vigilance météo</option><option value="5698">J&#039;ai besoin d&#039;accompagnement</option><option value="5823">Appels à projets en cours</option><option value="5966">Appels à candidatures/ à projets</option><option value="6385">Vote et recensement</option><option value="24796">Conciliateur de justice pour résoudre un litige à l&#039;amiable</option></select></div><input autocomplete="off" data-drupal-selector="form-mh4pxuzhe8ejnrx23jii2r-evaitq35czsus4yzyhbm" type="hidden" name="form_build_id" value="form-Mh4pXuzhE8EjnRX23jII2r-evaItQ35cZSUs4YzyhBM" /><input data-drupal-selector="edit-vivre-ici-filter" type="hidden" name="form_id" value="vivre_ici_filter" /></form></div></div></section></div><h1 class="drt-title-heading drt-title-heading-- [&amp;_strong]:font-bold !leading-tight font-heading-base text-left text-primary" style="color:;">Vigilance météo</h1> <section class="m3m-section m3m-section--default relative" ><div class="absolute top-0 left-0 w-full h-full " style="background:#FFF;;"></div><div class="relative flex flex-col mx-auto max-w-screen-xl mx-4 xl:mx-auto pt-section-sm pb-section-sm px-0 max-w-screen-xl gap-section-md"><div class="relative flex flex-col "><div class="relative print:hidden max-lg:after:bg-white max-lg:after:absolute max-lg:after:bottom-0 max-lg:after:inset-x-0 max-lg:after:h-2 max-lg:after:block max-lg:ml-5 print:hidden"> <nav class="relative max-lg:h-16 max-lg:overflow-x-auto pb-2"><ul class="flex items-center lg:justify-center lg:flex-wrap gap-5 gap-y-8 max-lg:whitespace-nowrap max-lg:absolute"><li> <a href="#5a72cb44-9aec-4f48-abaf-1ab1f0a2eff2" class="js-anchorLink block py-3 px-10 rounded-full border border-[#
39EAEAEA] bg-white text-sm font-semibold text-primary-500 hover:opacity-70 hover:underline underline-offset-4 decoration-1 transition-opacity anchor-link-active"> Point météo </a></li><li> <a href="#685587dc-81b5-453a-a200-af40bf7c345e" class="js-anchorLink block py-3 px-10 rounded-full border border-[#EAEAEA] bg-white text-sm font-semibold text-primary-500 hover:opacity-70 hover:underline underline-offset-4 decoration-1 transition-opacity "> Actions mises en place par la Ville </a></li><li> <a href="#577842b7-a33c-4d9d-8a52-9a9dba36957d" class="js-anchorLink block py-3 px-10 rounded-full border border-[#EAEAEA] bg-white text-sm font-semibold text-primary-500 hover:opacity-70 hover:underline underline-offset-4 decoration-1 transition-opacity "> Info route </a></li><li> <a href="#8a7280fb-f5a5-4cf9-b784-906063ffb7cb" class="js-anchorLink block py-3 px-10 rounded-full border border-[#EAEAEA] bg-white text-sm font-semibold text-primary-500 hover:opacity-70 hover:underline underline-offset-4 decoration-1 transition-opacity "> Coupure d&#039;électricité </a></li><li> <a href="#b8157c87-3c2d-4a9e-bb78-09b4a6b08239" class="js-anchorLink block py-3 px-10 rounded-full border border-[#EAEAEA] bg-white text-sm font-semibold text-primary-500 hover:opacity-70 hover:underline underline-offset-4 decoration-1 transition-opacity "> Restez informés </a></li><li> <a href="#68b5d04b-aaea-4cd9-a288-d5cca722a698" class="js-anchorLink block py-3 px-10 rounded-full border border-[#EAEAEA] bg-white text-sm font-semibold text-primary-500 hover:opacity-70 hover:underline underline-offset-4 decoration-1 transition-opacity "> Découvrir aussi </a></li></ul> </nav></div></div></div> </section> <section class="drt-section drt-section-- relative mb-section-sm md:mb-section-md w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "><div class="relative flex flex-col "><div class="w-full flex flex-col p-6 lg:p-[3.125rem] rounded-[0.625rem] bg-dark-primary-500 text-white dark:text-white [&amp;_ul_li]:text-white"><div class="text-[1.125rem] font-normal font-sans w-full [&amp;_*]:!text-white"><div class="drt-text drt-text--default text-lg text-left max-w-none font-normal font-sans"><p>Vigilance jaune "Orages / Pluie-inondation" ce<strong> jeudi 1er octobre.&nbsp;</strong></p><p>De la pluie est attendue entre 08h et 09h mais de faible intensité.</p><p><strong>Cette page est régulièrement mise à jour, pensez à la recharger.</strong></p></div></div></div></div></div></section> <section id="5a72cb44-9aec-4f48-abaf-1ab1f0a2eff2" class="drt-section drt-section-- relative mb-section-sm md:mb-section-md w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "> <header class="relative flex flex-col "><h2 class="drt-title-heading drt-title-heading-- [&amp;_strong]:font-bold !leading-tight font-heading-base text-left" style="color:;">Point météo</h2> </header><div class="relative flex flex-col "><div class="drt-text drt-text--default max-w-none"><p><strong>Un retour progressif à la normale est en cours.</strong></p><p><strong>Faites preuves de grande prudence notamment aux abords des routes encore inondées.</strong></p><p>Toutes les routes fermées sur le territoire sont consultables via <a href="https://geowbs.montpellier3m.fr/portal/apps/webappviewer/index.html?id=86d1a293fe18496aa76956208708ffe0" target="_blank">montpellier.fr/inforoute</a></p></div></div></div></section> <section id="685587dc-81b5-453a-a200-af40bf7c345e" class="drt-section drt-section-- relative mb-section-sm md:mb-section-md w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "> <header class="relative flex flex-col "><h2 class="drt-title-heading drt-title-heading-- [&amp;_strong]:font-bold !leading-tight font-heading-base text-left" style="color:;">Actions mises en place par la Ville</h2> </header><div class="relative flex flex-col "><div class="drt-text drt-text--default max-w-none"><h3>Jeudi 1er octobre</h3><ul><li class="ck-list-marker-bold" data-list-item-id="e00c8d53d3d3454c1a8281ebb53927bc6"><strong>Réouverture des lieux d'accueil au public, après vérification des sites : écoles, crèches, alsh…</strong></li><li data-list-item-id="e554ff1da77da16df7f99d05e8d4337b1"><strong>Les transports scolaires seront de nouveau opérationnels</strong> sur tout le territoire.</li><li data-list-item-id="e5a41a60e0ccd96d5618787bee1fdb0a4"><strong>Réouverture progressive des équipements municipaux et métropolitains, après vérification des sites</strong>
39 : parcs et jardins, cimetières, gymnases, piscines, médiathèques…</li><li data-list-item-id="e7c6d3e6cd2de6db8aa487c6306ef39d3"><strong>Le Quai du Pirée reste fermé jusqu'à la fin des opérations de nettoyages</strong>. Les autres points bas sont ouverts.</li><li data-list-item-id="eb0a792670ddf481ad9c197b342834daf"><strong>Ligne 1 : circule normalement sur le tronçon Occitanie – Gare Sud de France</strong><br>L'ensemble de la ligne devrait pouvoir fonctionner en début de matinée après les opérations de nettoyage.&nbsp;<br>Des navettes sont déployées entre Occitanie et Mosson.<br>Les autres lignes de tramway circulent normalement.</li><li data-list-item-id="e9ec63fb2082570a8cb5bd5d653997d08"><strong>La ligne de bus 22 est perturbée ce matin et est déviée sur une partie de son itinéraire.</strong><br>Les autres lignes du réseau bus circulent normalement.</li><li data-list-item-id="e322e879053fbd469e07163d600bd9770">Toutes les infos sur <a href="https://www.tam-voyages.com/" target="_blank">TaM Voyages</a>.</li><li data-list-item-id="eb04b77be216f776725c701a4edaedcaa">Le Plan communal de sauvegarde est maintenu afin d'assurer la remise en état et le nettoyage de la ville.<br>Certains axes routiers dans les zones du littoral et de l'ouest de la Métropole restent fermés ou en cours de nettoyage par les services techniques.</li><li data-list-item-id="e1bc5d0408ae82cef236bbd930fd059bd">Les hébergements d'urgence au niveau des gymnases Jean Bouin et Gambardella mis en place par la Ville avec l'appui de la CRF pour accueillir les publics les plus exposés fermeront à 9h.<br>&nbsp;</li></ul></div></div></div></section> <section id="577842b7-a33c-4d9d-8a52-9a9dba36957d" class="drt-section drt-section-- relative mb-section-sm md:mb-section-md w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "> <header class="relative flex flex-col "><h2 class="drt-title-heading drt-title-heading-- [&amp;_strong]:font-bold !leading-tight font-heading-base text-left" style="color:;">Info route</h2> </header><div class="relative flex flex-col "><div class="drt-text drt-text--default max-w-none"><p>Toutes les perturbations du réseau routier métropolitain :</p><p><iframe width="100%" height="600" frameborder="0" scrolling="no" allowfullscreen="" src="https://geowbs.montpellier3m.fr/portal/apps/webappviewer/index.html?id=86d1a293fe18496aa76956208708ffe0&amp;extent=359871.1767%2C5369725.9728%2C506630.271%2C5439971.6018%2C102100"></iframe></p><p><a href="https://geowbs.montpellier3m.fr/portal/apps/webappviewer/index.html?id=86d1a293fe18496aa76956208708ffe0" target="_blank">Ouvrir en plein écran</a></p></div></div></div></section> <section id="8a7280fb-f5a5-4cf9-b784-906063ffb7cb" class="drt-section drt-section-- relative mb-section-sm md:mb-section-md w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "> <header class="relative flex flex-col "><h2 class="drt-title-heading drt-title-heading-- [&amp;_strong]:font-bold !leading-tight font-heading-base text-left" style="color:;">Coupure d'électricité</h2> </header><div class="relative flex flex-col "><div class="drt-text drt-text--default max-w-none"><p>En cas de coupure d'électricité, <a href="https://www.enedis.fr/panne-et-interruption" target="_blank"><strong>signalez-le sur la plateforme d'Enedis.</strong></a></p></div></div></div></section> <section id="b8157c87-3c2d-4a9e-bb78-09b4a6b08239" class="drt-section drt-section-- relative mb-section-sm md:mb-section-md w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "> <header class="relative flex flex-col "><h2 class="drt-title-heading drt-title-heading-- [&amp;_strong]:font-bold !leading-tight font-heading-base text-left" style="color:;">Restez informés</h2> </header><div class="relative flex flex-col "><div class="drt-text drt-text--default max-w-none"><h3>Réseaux sociaux de la Ville de Montpellier</h3><ul><li data-list-item-id="ea4b08ea2f7a0a8ad097b494d87bddbd3"><a href="https://x.com/montpellier_" target="_blank">Twitter</a></li><li data-list-item-id="e32b3bdae65afd9a6230bb5859a514b58"><a href="https://www.facebook.com/villedemontpellier" target="_blank">Facebook</a></li><li data-list-item-id="eb00495c980911a22f9ab7e35a2f72eda"><a href="https://www.instagram.com/villedemontpellier/" target="_blank">Instagram</a></li></ul><h3>Préfecture et services de l'Etat</h3><p><a href="https://www.herault.gouv.fr/" target="_blank">Préfecture de l'Héraut</a></p><h3>Situation météorologique</h3><ul><li data-list-item-id="eb63aa1afa4f9474069258dae2e1de6bc"><a href="https://vigilance.meteofrance.fr/fr/herault">Météo France - carte de vigilance</a></li><li data-list-item-id="e49fab82d0ae4ed953453ec71dc6fef97"><a href="https://www.vigicrues.gouv.fr/territoire/21" target="_blank">Carte Vigicrues</a></li></ul><h3>Transports en commun</h3><ul><li data-list-item-id="e3c1f421e36af48ae65819f369142070b"><a href="https://www.tam-voyages.com/index.asp">TaM</a></li><li data-list-item-id="e26a167974b54688fe64ca1e75b8e73c0"><a href="https://www.groupe-sncf.com/fr" target="_blank">Trains – SNCF</a></li><li data-list-item-id="e10783347982fd13f334fc4db92513d04"><a href="http://www.montpellier.aeroport.fr/fr" target="_blank">Aéroport de Montpellier</a></li></ul><h3>Circulation sur les grands axes routiers</h3><ul><li data-list-item-id="e6b8e0e59f288552aedcb20638e2005bc"><a href="https://www.vinci-autoroutes.com/fr/autoroutes-temps-reel/" target="_blank">Autoroutes du Sud de la France A9 (trafic en temps réel)</a></li><li data-list-item-id="ea58ee4fddcefac2d8b8c488270cca5e0">Autoroute A75</li><li data-list-item-id="ea16aa018a26573e151da20432ecb602b"><a href="https://inforoute.herault.fr/">Routes départementales</a></li><li data-list-item-id="e646db7b5e82162d188ea4efb6b324281"><a href="https://www.bison-fute.gouv.fr/maintenant.html" target="_blank">
39Bison futé</a></li></ul><h3>Faire sa déclaration de catastrophe naturelle</h3><p><a href="/node/936" data-entity-type="node" data-entity-uuid="cd3bcf43-9029-4de0-93ad-22804c10329c" data-entity-substitution="canonical">Je fais ma déclaration</a></p><h3>Connaître les risques et s'y préparer</h3><p><a href="https://app.telealerte.fr/inscription?custId=acd8f250-d675-4bce-900d-cf95f2f8bf8b" target="_blank">Inscription à la téléalerte</a></p></div></div></div></section> <section id="68b5d04b-aaea-4cd9-a288-d5cca722a698" class="print:hidden drt-section drt-section--zones-grid relative mb-section-sm md:mb-section-md w-full" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-sm "> <header class="relative grid-cols-12 grid gap-grid-md "><div class="flex flex-col relative justify-items-stretch col-span-12 gap-grid-md order-0""><h2 class="drt-title-heading drt-title-heading-- [&amp;_strong]:font-bold !leading-tight font-heading-base text-left" style="color:;">Découvrir aussi</h2></div> </header><div class="relative grid-cols-12 grid gap-grid-md "><div class="flex flex-col relative justify-items-stretch col-span-12 md:col-span-4 gap-grid-md order-0""><div class="card flex flex-col md:flex-row md:gap-10 grow basis-1 md:basis-0 group/card bg-white"><div class="p-7 w-full border border-black group-[&:not(:first-child)]/card:border-t-0 relative group h-max"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/prevention-et-gestion-des-risques/connaitre-les-risques-majeurs/pluie-inondation" class="absolute top-0 left-0 right-0 bottom-0 z-10 peer" aria-label='Découvrir : Risque pluie-inondation'></a><div class="rounded-md overflow-hidden aspect-video mb-4 group-hover:[&_img]:scale-125 [&_img]:transition-all peer-focus:[&_img]:scale-125"><div class="drt-media drt-media-- h-full [&amp;_img]:h-full [&amp;_img]:min-w-full [&amp;_img]:object-cover w-full overflow-hidden relative [&amp;_img]:mx-auto [&amp;_img]:absolute [&amp;_img]:h-full [&amp;_iframe]:absolute [&amp;_iframe]:w-full [&amp;_iframe]:h-full [&amp;_video]:absolute [&amp;_video]:w-full [&amp;_video]:h-full [&amp;_video]:min-w-full [&amp;_video]:object-cover [&amp;_div.contextual-region]:static [&amp;&gt;*]:absolute" ><div class="drt-image drt-image-- aspect-w-4 aspect-h-3 [&amp;_img]:min-h-full [&amp;_img]:w-full [&amp;_img]:object-contain w-full overflow-hidden relative [&amp;_img]:mx-auto [&amp;_img]:absolute [&amp;_div.contextual-region]:static" > <picture> <img width="350" height="200" src="/sites/default/files/styles/card_350x200/public/2025-01/2000x740%20liseraie_DICRIM.png.webp" alt="" loading="lazy" /> </picture></div></div></div><div class="mb-4"><h3 class="drt-title-heading drt-title-heading-- [&amp;_strong]:font-bold !leading-tight font-heading-base text-left text-black" style="color:;">Risque pluie-inondation</h3></div><div class="mb-8 break-words hyphens-auto"> Le risque inondation à Montpellier est un phénomène récurrent. Découvrez les liens utiles pour vous prémunir contre ces périodes de fortes pluies.</div><div class="text-right pr-8 relative mt-4 uppercase text-black text-xs tracking-[0.15rem] font-semibold peer-focus:*:right-1 peer-focus:*:lg:-right-2 print:hidden"> Découvrir<div class="absolute right-0 top-1/2 -translate-y-1/2 group-hover:-right-1 group-hover:lg:-right-2 transition-all"> <svg focusable="false" aria-hidden="true" class="h-3.5 w-6 text-primary"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-right"></use> </svg></div></div></div></div></div><div class="flex flex-col relative justify-items-stretch col-span-12 md:col-span-4 gap-grid-md order-0""><div class="card flex flex-col md:flex-row md:gap-10 grow basis-1 md:basis-0 group/card bg-white"><div class="p-7 w-full border border-black group-[&:not(:first-child)]/card:border-t-0 relative group h-max"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/prevention-et-gestion-des-risques/registre-des-personnes-vulnerables" class="absolute top-0 left-0 right-0 bottom-0 z-10 peer" aria-label='Découvrir : Inscription au registre des personnes vulnérables'></a><div class="rounded-md overflow-hidden aspect-video mb-4 group-hover:[&_img]:scale-125 [&_img]:transition-all peer-focus:[&_img]:scale-125"><div class="drt-media drt-media-- h-full [&amp;_img]:h-full [&amp;_img]:min-w-full [&amp;_img]:object-cover w-full overflow-hidden relative [&amp;_img]:mx-auto [&amp;_img]:absolute [&amp;_img]:h-full [&amp;_iframe]:absolute [&amp;_iframe]:w-full [&amp;_iframe]:h-full [&amp;_video]:absolute [&amp;_video]:w-full [&amp;_video]:h-full [&amp;_video]:min-w-full [&amp;_video]:object-cover [&amp;_div.contextual-region]:static [&amp;&gt;*]:absolute" ><div class="drt-image drt-image-- aspect-w-4 aspect-h-3 [&amp;
39_img]:min-h-full [&amp;_img]:w-full [&amp;_img]:object-contain w-full overflow-hidden relative [&amp;_img]:mx-auto [&amp;_img]:absolute [&amp;_div.contextual-region]:static" > <picture> <img width="350" height="200" src="/sites/default/files/styles/card_350x200/public/2024-12/Registre%20Solidarite%CC%81%20Ai%CC%82ne%CC%81s.jpg.webp" alt="" loading="lazy" /> </picture></div></div></div><div class="mb-4"><h3 class="drt-title-heading drt-title-heading-- [&amp;_strong]:font-bold !leading-tight font-heading-base text-left text-black" style="color:;">Inscription au registre des personnes vulnérables</h3></div><div class="mb-8 break-words hyphens-auto"> Chaque personne pour laquelle une inscription est demandée recevra une confirmation écrite de son inscription.</div><div class="text-right pr-8 relative mt-4 uppercase text-black text-xs tracking-[0.15rem] font-semibold peer-focus:*:right-1 peer-focus:*:lg:-right-2 print:hidden"> Découvrir<div class="absolute right-0 top-1/2 -translate-y-1/2 group-hover:-right-1 group-hover:lg:-right-2 transition-all"> <svg focusable="false" aria-hidden="true" class="h-3.5 w-6 text-primary"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-right"></use> </svg></div></div></div></div></div><div class="flex flex-col relative justify-items-stretch col-span-12 md:col-span-4 gap-grid-md order-0""><div class="card flex flex-col md:flex-row md:gap-10 grow basis-1 md:basis-0 group/card bg-white"><div class="p-7 w-full border border-black group-[&:not(:first-child)]/card:border-t-0 relative group h-max"> <a href="/vie-quotidienne/vivre-ici/urgences-securite-prevention/prevention-et-gestion-des-risques/moyens-informations-et-alerte" class="absolute top-0 left-0 right-0 bottom-0 z-10 peer" aria-label='Découvrir : Connaitre les moyens d’informations et d’alerte'></a><div class="rounded-md overflow-hidden aspect-video mb-4 group-hover:[&_img]:scale-125 [&_img]:transition-all peer-focus:[&_img]:scale-125"><div class="drt-media drt-media-- h-full [&amp;_img]:h-full [&amp;_img]:min-w-full [&amp;_img]:object-cover w-full overflow-hidden relative [&amp;_img]:mx-auto [&amp;_img]:absolute [&amp;_img]:h-full [&amp;_iframe]:absolute [&amp;_iframe]:w-full [&amp;_iframe]:h-full [&amp;_video]:absolute [&amp;_video]:w-full [&amp;_video]:h-full [&amp;_video]:min-w-full [&amp;_video]:object-cover [&amp;_div.contextual-region]:static [&amp;&gt;*]:absolute" ><div class="drt-image drt-image-- aspect-w-4 aspect-h-3 [&amp;_img]:min-h-full [&amp;_img]:w-full [&amp;_img]:object-contain w-full overflow-hidden relative [&amp;_img]:mx-auto [&amp;_img]:absolute [&amp;_div.contextual-region]:static" > <picture> <img width="350" height="200" src="/sites/default/files/styles/card_350x200/public/2026-09/BANNER%201080x1080%20px_TELEALERTE.jpg.webp" alt="Risques majeurs : inscrivez-vous à la téléalerte pour être alerté en temps réel" loading="lazy" /> </picture></div></div></div><div class="mb-4"><h3 class="drt-title-heading drt-title-heading-- [&amp;_strong]:font-bold !leading-tight font-heading-base text-left text-black" style="color:;">Connaitre les moyens d’informations et d’alerte</h3></div><div class="mb-8 break-words hyphens-auto"> L'objectif de la carte de vigilance météorologique est d'avertir la population et les pouvoirs publics d'un risque de phénomène météorologique dangereux dans les 24h à venir. La carte est actualisée deux fois par jour à 6h et à 16h.</div><div class="text-right pr-8 relative mt-4 uppercase text-black text-xs tracking-[0.15rem] font-semibold peer-focus:*:right-1 peer-focus:*:lg:-right-2 print:hidden"> Découvrir<div class="absolute right-0 top-1/2 -translate-y-1/2 group-hover:-right-1 group-hover:lg:-right-2 transition-all"> <svg focusable="false" aria-hidden="true" class="h-3.5 w-6 text-primary"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-right"></use> </svg></div></div></div></div></div></div></div></section></div></div></div></div></div></div> </main> <footer role="contentinfo" class="bg-dark-primary text-white lg:px-10 [&_div.header-logos]:h-auto [&_div.header-logos]:pr-0 [&_div.header-logos]:w-auto [&_div.header-logos_a]:scale-100 [&_div.header-logos_svg]:fill-white [&_div.header-logos_path]:fill-white print:hidden"><div class="bg-primary max-w-[88.75rem] m-auto max-lg:text-center lg:px-10"><div id="block-montpellier3m-partnerslogos" class="block-partenaires mt-14 md:mt-[5.625rem]"> <section class="drt-section drt-section-- relative mb-section-sm md:mb-section-md max-w-screen-xl mx-4 xl:mx-auto" ><div class=" flex flex-col pt-0 pb-0 px-section-inline-xs sm:px-section-inline-sm mx-auto max-w-screen-xl gap-section-md "><div class="relative flex flex-col ">
39<div class="drt-swiper-slider--wrapper -mt-14 md:mt-[-8rem] relative wrapper w-full max-w-[90%] md:max-w-full mx-auto [&amp;_div.swiper-initialized_div.swiper-lazy-preloader]:hidden"><div class='m3m-logos-slide drt-swiper-slide h-auto pb-5 md:pb-0 overflow-hidden bg-white shadow-default md:px-5 [&_svg]:text-black [&_svg]:min-h-16'><div class="swiper-wrapper md:flex md:flex-wrap items-center md:justify-center md:gap-x-14 md:gap-y-5 md:py-10 [&.swiper-wrapper_:is(img,svg)]:h-auto [&.swiper-wrapper_:is(img,svg)]:max-h-16 [&.swiper-wrapper_:is(img,svg)]:max-w-24 [&.swiper-wrapper_:is(img,svg)]:object-contain" style="--columns: 8;"><div data-hash="logoSlide1" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2024-12/logo-ccas.png.webp" width="51" height="52" alt="logo ccas" title="ccas Montpellier" /> <a href="/actions/competences/solidarites/centre-communal-daction-sociale-ccas" class="coverLink" aria-label="/actions/competences/solidarites/centre-communal-daction-sociale-ccas"> </a></div></div><div data-hash="logoSlide2" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2024-12/logo-tam.png.webp" width="75" height="82" alt="logo tam" title="logo tam montpellier" /> <a target="_blank" href="https://www.tam-voyages.com/index.asp" class="coverLink" aria-label="https://www.tam-voyages.com/index.asp"> </a></div></div><div data-hash="logoSlide3" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2025-01/altemed-logo-2-3-1024x372.png.webp" width="250" height="91" alt="Altemed logo" title="Altémed acm habitat serm sa3m" /> <a target="_blank" href="https://www.altemed.fr/" class="coverLink" aria-label="https://www.altemed.fr/"> </a></div></div><div data-hash="logoSlide4" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img width="99" alt="logo réseau des médiathèques montpellier" title="réseau des médiathèques montpellier3m" src="/sites/default/files/2025-01/logo-mediatheques.svg" /> <a target="_blank" href="https://mediatheques.montpellier3m.fr/accueil-general.aspx" class="coverLink" aria-label="https://mediatheques.montpellier3m.fr/accueil-general.aspx"> </a></div></div><div data-hash="logoSlide5" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/RESEAU%20DES%20PISCINES_3M_BLEU.png.webp" width="250" height="167" alt="" /> <a href="/vie-quotidienne/vivre-ici/faire-du-sport/reseau-des-piscines" class="coverLink" aria-label="/vie-quotidienne/vivre-ici/faire-du-sport/reseau-des-piscines"> </a></div></div><div data-hash="logoSlide6" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img width="99" alt="Logo Musée Fabre Montpellier" title="Musée Fabre Montpellier" src="/sites/default/files/2025-01/logo-musee-fabre_0.svg" /> <a target="_blank" href="https://www.museefabre.fr/" class="coverLink" aria-label="https://www.museefabre.fr/"> </a></div></div><div data-hash="logoSlide7" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img width="99" alt="logo lattara musée henri Prades Lattes" title="Site archéologique Lattara, Musée Henri prades, montpellier3m" src="/sites/default/files/2025-01/logo-lattara.svg" /> <a target="_blank" href="https://museearcheo.montpellier3m.fr/" class="coverLink" aria-label="https://museearcheo.montpellier3m.fr/"> </a></div></div>
39<div data-hash="logoSlide8" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img width="99" alt="Logo archives de Montpellier" title="Logo archives de Montpellier" src="/sites/default/files/2025-01/logo-archives-montpellier.svg" /> <a target="_blank" href="https://archives.montpellier.fr/" class="coverLink" aria-label="https://archives.montpellier.fr/"> </a></div></div><div data-hash="logoSlide9" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2025-01/LOGO_MGM_CMJN.webp" width="250" height="177" alt="logo marché gare Montpellier" title="Marché gare Montpellier" /> <a target="_blank" href="https://www.mercadis.net/" class="coverLink" aria-label="https://www.mercadis.net/"> </a></div></div><div data-hash="logoSlide10" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/CITE%20DES%20ARTS-BASELINE_NOIR.png.webp" width="250" height="200" alt="" /> <a target="_blank" href="https://conservatoire.montpellier3m.fr/" class="coverLink" aria-label="https://conservatoire.montpellier3m.fr/"> </a></div></div><div data-hash="logoSlide11" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2025-02/Logo%20Re%CC%81gie%20des%20Eaux.png.webp" width="250" height="61" alt="redirige vers régie des eaux montpellier" /> <a target="_blank" href="https://regiedeseaux.montpellier3m.fr/" class="coverLink" aria-label="https://regiedeseaux.montpellier3m.fr/"> </a></div></div><div data-hash="logoSlide12" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img width="99" alt="Logo Office de tourisme Montpellier" title="Office de tourisme Montpellier Méditerranée Tourisme et Congrès" src="/sites/default/files/2025-01/logo-office-tourisme.svg" /> <a target="_blank" href="https://www.montpellier-tourisme.fr/" class="coverLink" aria-label="https://www.montpellier-tourisme.fr/"> </a></div></div><div data-hash="logoSlide13" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2025-03/Logo-OONM-2020_VECTO.png.webp" width="250" height="93" alt="Lien vers Opéra orchestre National Montpellier" title="Opéra Orchestre National Montpellier Occitanie/Pyrénées-Méditerranée" /> <a target="_blank" href="https://www.opera-orchestre-montpellier.fr/" class="coverLink" aria-label="https://www.opera-orchestre-montpellier.fr/"> </a></div></div><div data-hash="logoSlide14" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img width="99" alt="Logo medvallée Montpellier" title="medvallée Montpellier" src="/sites/default/files/2025-01/logo-medvalee.svg" /> <a target="_blank" href="https://www.medvallee.fr/" class="coverLink" aria-label="https://www.medvallee.fr/"> </a></div></div><div data-hash="logoSlide15" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img width="99" alt="Logo écolothèque Montpellier" title=" écolothèque Montpellier 3m" src="/sites/default/files/2025-01/logo-ecolotheque.svg" /> <a target="_blank" href="https://ecolotheque.montpellier3m.fr/" class="coverLink" aria-label="https://ecolotheque.montpellier3m.fr/"> </a></div></div><div data-hash="logoSlide16" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img width="99" alt="logo entreprendre" title="redirige vers site entreprendre à Montpellier" src="/sites/default/files/2025-09/logo-e
39ntreprendre.svg" /> <a target="_blank" href="https://www.entreprendre-montpellier.com/" class="coverLink" aria-label="https://www.entreprendre-montpellier.com/"> </a></div></div><div data-hash="logoSlide17" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img width="99" alt="redirige vers zoo Montpellier" src="/sites/default/files/2025-02/zoo-1.svg" /> <a target="_blank" href="https://zoo.montpellier.fr/" class="coverLink" aria-label="https://zoo.montpellier.fr/"> </a></div></div><div data-hash="logoSlide18" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2025-02/planetocean.jpg.webp" width="250" height="250" alt="redirige vers planet ocean world montpellier" /> <a target="_blank" href="https://www.planetoceanworld.fr/" class="coverLink" aria-label="https://www.planetoceanworld.fr/"> </a></div></div><div data-hash="logoSlide19" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2025-02/victoire2.png.webp" width="250" height="250" alt="redirige vers victoire 2 montpellier" /> <a target="_blank" href="https://www.victoire2.com/" class="coverLink" aria-label="https://www.victoire2.com/"> </a></div></div><div data-hash="logoSlide20" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img width="99" alt="Logo Bic Montpellier" title="redirige vers site Bic à Montpellier" src="/sites/default/files/2025-09/logo-bic.svg" /> <a target="_blank" href="https://www.bic-montpellier.com/" class="coverLink" aria-label="https://www.bic-montpellier.com/"> </a></div></div><div data-hash="logoSlide21" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2025-02/Logo%20Vegapolis.png.webp" width="250" height="68" alt="redirige vers végapolis montpellier" /> <a target="_blank" href="https://www.vegapolis.fr/" class="coverLink" aria-label="https://www.vegapolis.fr/"> </a></div></div><div data-hash="logoSlide22" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2025-02/logoOpenData.png.webp" width="250" height="66" alt="" title="OpenData" /> <a target="_blank" href="https://data.montpellier3m.fr/" class="coverLink" aria-label="https://data.montpellier3m.fr/"> </a></div></div><div data-hash="logoSlide23" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/MONTPELLIER%20METROPOLE%20CONNECTEE_NOIR.png.webp" width="250" height="56" alt="" /> <a href="/territoire/decouvrir-mon-territoire/territoire-numerique/montpellier-metropole-connectee-une-vision-pour-demain" class="coverLink" aria-label="/territoire/decouvrir-mon-territoire/territoire-numerique/montpellier-metropole…"> </a></div></div><div data-hash="logoSlide24" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2025-02/Logo%20Nestor%20Burma%202018.png.webp" width="250" height="152" alt="logo redirige vers cinema nestor burma montpellier" /> <a target="_blank" href="https://burma.montpellier.fr/" class="coverLink" aria-label="https://burma.montpellier.fr/"> </a></div></div><div data-hash="logoSlide25" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2025-10/logo-impact.png.webp" width="201" height="79" alt="Logo Montpellier Impact Montpellier" title="redirige vers le site Montpellier Impact" /> <a target="_blank" href="https://www.montpellierimpact.fr/" class="coverLink" aria-label="https://www.montpellierimpact.fr/"> </a></div></div><div data-hash="logoSlide26" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/MPT_NOIR.png.webp" width="250" height="339" alt="" /> <a target="_blank" href="https://mpt.montpellier.fr/" class="coverLink" aria-label="https://mpt.montpellier.fr/"> </a></div></div><div data-hash="logoSlide27" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/ESPACE%20MONTPELLIER%20JEUNESSE_S3M_NOIR.png.webp" width="250" height="266" alt="" /> <a href="/territoire/lieux-equipements/espace-montpellier-jeunesse" class="coverLink" aria-label="/territoire/lieux-equipements/espace-montpellier-jeunesse"> </a></div></div><div data-hash="logoSlide28" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/PAVILLON%20POPULAIRE_M_BLEU.png.webp" width="250" height="177" alt="" /> <a target="_blank" href="https://pavillon-populaire.montpellier.fr/" class="coverLink" aria-label="https://pavillon-populaire.montpellier.fr/"> </a></div></div><div data-hash="logoSlide29" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/THEATRE%20JEAN%20VILAR_M_BLEU.png.webp" width="250" height="250" alt="" /> <a target="_blank" href="https://theatrejeanvilar.montpellier.fr/" class="coverLink" aria-label="https://theatrejeanvilar.montpellier.fr/"> </a></div></div><div data-hash="logoSlide30" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/ESPACE%20SAINT%20RAVY-M_BLEU.png.webp" width="250" height="168" alt="" /> <a href="/vie-quotidienne/vivre-ici/se-cultiver/expositions-et-musees/espace-saint-ravy" class="coverLink" aria-label="/vie-quotidienne/vivre-ici/se-cultiver/expositions-et-musees/espace-saint-ravy"> </a></div></div>
39<div data-hash="logoSlide31" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/ESPACE%20DOMINIQUE%20BAGOUET_M-BLEU.png.webp" width="250" height="250" alt="" /> <a href="/vie-quotidienne/vivre-ici/se-cultiver/expositions-et-musees/espace-dominique-bagouet" class="coverLink" aria-label="/vie-quotidienne/vivre-ici/se-cultiver/expositions-et-musees/espace-dominique-b…"> </a></div></div><div data-hash="logoSlide32" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/CARRE%20SAINTE%20ANNE_M-BLEU.png.webp" width="250" height="157" alt="" /> <a href="/vie-quotidienne/vivre-ici/se-cultiver/expositions-et-musees/carre-sainte-anne" class="coverLink" aria-label="/vie-quotidienne/vivre-ici/se-cultiver/expositions-et-musees/carre-sainte-anne"> </a></div></div><div data-hash="logoSlide33" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/MAISON%20DES%20CHOEURS_M_BLEU.png.webp" width="250" height="132" alt="" /> <a href="/vie-quotidienne/vivre-ici/se-cultiver/musique/maison-des-choeurs" class="coverLink" aria-label="/vie-quotidienne/vivre-ici/se-cultiver/musique/maison-des-choeurs"> </a></div></div><div data-hash="logoSlide34" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-04/MILLE%20FORMES_ROUGE.png.webp" width="250" height="176" alt="" /> <a href="/vie-quotidienne/vivre-ici/se-cultiver/jeune-public/mille-formes-centre-dart-pour-les-0-6-ans" class="coverLink" aria-label="/vie-quotidienne/vivre-ici/se-cultiver/jeune-public/mille-formes-centre-dart-po…"> </a></div></div><div data-hash="logoSlide35" class="swiper-slide flex justify-center min-w-[calc(12.5%-3.5rem)] " style="max-width: calc((100% / var(--columns)) - 3.5rem);"><div> <img loading="lazy" src="/sites/default/files/styles/logo_partenaires/public/2026-06/logo%20microfolie%20montpellier.png.webp" width="250" height="228" alt="" /> <a href="/territoire/lieux-equipements/espace-gisele-halimi" class="coverLink" aria-label="/territoire/lieux-equipements/espace-gisele-halimi"> </a></div></div></div><div class="md:hidden absolute w-full top-[4.875rem] [&_.swiper-button-prev]:!left-[-1.438rem] [&_.swiper-button-next]:!right-[-1.438rem]"><div class="drt-control-slider next !right-0 swiper-button-next absolute flex items-center !text-gray-600 !h-[2.75rem] !w-[2.75rem] md:!h-[4.75rem] md:!w-[4.75rem] after:hidden bg-secondary border-2 border-transparent rounded-full transition-all hover:bg-white hover:border-secondary group/btn aria-disabled:hidden pointer-events-auto"> <svg focusable="false" aria-hidden="true" class="absolute left-1/2 -translate-x-1/2 group-hover/btn:left-[55%] transition-all h-[0.5rem] w-[1rem] md:h-3.5 md:w-6"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-right"></use> </svg></div><div class="drt-control-slider prev rotate-180 !left-0 swiper-button-prev absolute flex items-center !text-gray-600 !h-[2.75rem] !w-[2.75rem] md:!h-[4.75rem] md:!w-[4.75rem] after:hidden bg-secondary border-2 border-transparent rounded-full transition-all hover:bg-white hover:border-secondary group/btn aria-disabled:hidden pointer-events-auto"> <svg focusable="false" aria-hidden="true" class="absolute left-1/2 -translate-x-1/2 group-hover/btn:left-[55%] transition-all h-[0.5rem] w-[1rem] md:h-3.5 md:w-6"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#arrow-right"></use> </svg></div></div><div class="swiper-pagination !relative !bottom-0 flex justify-center items-center gap-1 [&_span.swiper-pagination-bullet]:!w-[0.375rem] [&_span.swiper-pagination-bullet]:!h-[0.375rem] [&_span.swiper-pagination-bullet-active]:!bg-secondary [&_span.swiper-pagination-bullet-active.swiper-pagination-bullet-active]:!w-[0.625rem] [&_span.swiper-pagination-bullet-active.swiper-pagination-bullet-active]:!h-[0.625rem]"></div></div></div></div></div></section></div><div class="bg-primary lg:grid grid-cols-12 pb-11 pt-10 lg:pt-20"><div class="col-span-2"><div id="block-montpellier3m-identitedusite"><div class="header-logos
40py-3
41lg:py-0
42pr-6
43lg:pr-8
44lg:text-white
45relative
46transition-colors
47max-lg:after:bg-white
48max-lg:after:shadow-default
49max-lg:after:-rotate-[5deg]
50max-lg:after:-skew-x-[15deg]
51max-lg:after:block
52max-lg:after:absolute
53max-lg:after:inset-0
54max-lg:after:-top-10
55max-lg:after:-z-10
56max-lg:-ml-3
57[&_svg]:block
58[&_svg]:fill-primary
59[&_path]:fill-primary
60lg:[&_svg]:fill-white
61lg:[&_path]:fill-white
62[&_svg]:pointer-events-none
63max-[460px]:pt-0
64max-[460px]:pr-0
65max-[460px]:-mt-2
66max-[460px]:w-[11rem]
67max-[460px]:h-[7.313rem]
68max-[380px]:w-[9rem]
69"> <a href="/" title="Montpellier, Métropole et Ville" rel="home" class="logo-region--m3m flex items-center justify-center gap-4 scale-[.55] lg:scale-100 transition-transform max-[460px]:origin-[40%_85%] lg:origin-[40%_85%]"> <svg class="logo-header--m3m" width="182" height="91" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/logo.svg#logo"></use> </svg> </a></div></div></div><hr class="lg:hidden my-8 max-lg:px-5 opacity-50"><div class="col-span-8 col-end-9 justify-self-end"></div></div></div><div class="max-w-[88.75rem] m-auto max-lg:text-center"><div class="lg:grid grid-cols-2 pb-11 pt-10 lg:pt-20"><div class="col-span-9 max-lg:px-5"> <nav role="navigation" aria-labelledby="block-montpellier3m-footer-menu" id="block-montpellier3m-footer" class="contextual-region"><ul class="lg:flex justify-between max-lg:[&amp;&gt;li]:mb-5"><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <button class="relative inline-flex items-center font-theme font-semibold text-base lg:text-lg lg:text-left lg:leading-[1.875rem] js-toggle-trigger" data-target="menu_level_1"> Institutions <svg focusable="false" aria-hidden="true" class="lg:hidden w-3 h-1.5 absolute -right-5 top-3.5 js-toggle-arrow"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-down"></use> </svg> </button><ul class="js-toggle-target hidden lg:block mt-1 lg:mt-3.5 lg:pr-5" id="menu_level_1"><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/institutions/metropole-de-montpellier" class="hover:underline opacity-90 hover:opacity-100" > Métropole de Montpellier </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/institutions/ville-de-montpellier" class="hover:underline opacity-90 hover:opacity-100" > Ville de Montpellier </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/institutions/publication-des-actes-administratifs-metropole" class="hover:underline opacity-90 hover:opacity-100" > Publication des actes administratifs </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/institutions/marches-publics" class="hover:underline opacity-90 hover:opacity-100" > Marchés publics </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="https://participer.montpellier.fr/" class="hover:underline opacity-90 hover:opacity-100" > Participation citoyenne </a></li></ul></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <button class="relative inline-flex items-center font-theme font-semibold text-base lg:text-lg lg:text-left lg:leading-[1.875rem] js-toggle-trigger" data-target="menu_level_2"> Actions <svg focusable="false" aria-hidden="true" class="lg:hidden w-3 h-1.5 absolute -right-5 top-3.5 js-toggle-arrow"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-down"></use> </svg> </button><ul class="js-toggle-target hidden lg:block mt-1 lg:mt-3.5 lg:pr-5" id="menu_level_2"><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/actions/les-grands-projets" class="hover:underline opacity-90 hover:opacity-100" > Grands projets </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/actions/competences/solidarites/centre-communal-daction-sociale-ccas" class="hover:underline opacity-90 hover:opacity-100" > CCAS de Montpellier </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/actions/competences/transports-mobilites/mobilites-strategie-globale" class="hover:underline opacity-90 hover:opacity-100" >
69 Mobilités </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/actions/competences/securites-et-tranquillite-publique" class="hover:underline opacity-90 hover:opacity-100" > Sécurité </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/actions/competences/education-petite-enfance/petite-enfance-0-3-ans" class="hover:underline opacity-90 hover:opacity-100" > Petite enfance </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/actions/competences/petite-enfance-education/education-3-11-ans" class="hover:underline opacity-90 hover:opacity-100" > Éducation </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/actions/competences/culture-et-patrimoine" class="hover:underline opacity-90 hover:opacity-100" > Culture et patrimoine </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/actions/competences/sports/politique-sportive" class="hover:underline opacity-90 hover:opacity-100" > Sports </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/actions/competences/environnement-biodiversite" class="hover:underline opacity-90 hover:opacity-100" > Environnement - Biodiversité </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/actions/competences/gestion-des-dechets/strategie-zero-dechets" class="hover:underline opacity-90 hover:opacity-100" > Zéro Déchet </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/actions/competences/acces-au-logement" class="hover:underline opacity-90 hover:opacity-100" > Logement </a></li></ul></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <button class="relative inline-flex items-center font-theme font-semibold text-base lg:text-lg lg:text-left lg:leading-[1.875rem] js-toggle-trigger" data-target="menu_level_3"> Territoire <svg focusable="false" aria-hidden="true" class="lg:hidden w-3 h-1.5 absolute -right-5 top-3.5 js-toggle-arrow"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-down"></use> </svg> </button><ul class="js-toggle-target hidden lg:block mt-1 lg:mt-3.5 lg:pr-5" id="menu_level_3"><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/territoire/decouvrir-mon-territoire/les-webcams-de-montpellier" class="hover:underline opacity-90 hover:opacity-100" > Webcams </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/institutions/ville-de-montpellier/mairies" class="hover:underline opacity-90 hover:opacity-100" > Mairies </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/faire-du-sport/nager-en-piscine" class="hover:underline opacity-90 hover:opacity-100" > Piscines </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/musees-et-expositions" class="hover:underline opacity-90 hover:opacity-100" > Musées </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/lieux-de-culture-scientifique/reseau-des-mediatheques" class="hover:underline opacity-90 hover:opacity-100" > Médiathèques </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/se-cultiver/maisons-pour-tous-de-montpellier" class="hover:underline opacity-90 hover:opacity-100" > Maisons pour tous </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="https://data.montpellier3m.fr/" class="hover:underline opacity-90 hover:opacity-100" > Open data </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/territoire/decouvrir-mon-territoire/territoire-numerique/montpellier-metropole-connectee-une-vision-pour-demain" class="hover:underline opacity-90 hover:opacity-100" > Métropole Connectée </a></li></ul></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <button class="relative inline-flex items-center font-theme font-semibold text-base lg:text-lg lg:text-left lg:leading-[1.875rem] js-toggle-trigger" data-target="menu_level_4"> Vie quotidienne <svg focusable="false" aria-hidden="true" class="lg:hidden w-3 h-1.5 absolute -right-5 top-3.5 js-toggle-arrow"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#chevron-down"></use> </svg> </button><ul class="js-toggle-target hidden lg:block mt-1 lg:mt-3.5 lg:pr-5" id="menu_level_4"><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/etat-civil-et-identites" class="hover:underline opacity-90 hover:opacity-100" >
69 État civil et identités </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-0-et-3-ans" class="hover:underline opacity-90 hover:opacity-100" > Naissance, crèches </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/j-ai-un-enfant-entre-3-et-11-ans" class="hover:underline opacity-90 hover:opacity-100" > Écoles, cantine, périscolaire </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/gerer-ses-dechets" class="hover:underline opacity-90 hover:opacity-100" > Gérer ses déchets </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/se-deplacer" class="hover:underline opacity-90 hover:opacity-100" > Se déplacer </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/faire-du-sport" class="hover:underline opacity-90 hover:opacity-100" > Faire du sport </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/bien-vieillir-a-montpellier" class="hover:underline opacity-90 hover:opacity-100" > Seniors </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/vie-associative" class="hover:underline opacity-90 hover:opacity-100" > Vie associative </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/vie-quotidienne/vivre-ici/entreprendre" class="hover:underline opacity-90 hover:opacity-100" > Entreprendre </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="/offres-d-emploi" class="hover:underline opacity-90 hover:opacity-100" > Offres d&#039;emploi </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="https://travaux.montpellier.fr/" class="hover:underline opacity-90 hover:opacity-100" > Travaux </a></li><li class="flex-1 text-[0.813rem] leading-[1.813rem]"> <a href="https://portail-montpellier.eservices.montpellier3m.fr/signalement/" class="hover:underline opacity-90 hover:opacity-100" > Signaler un désagrément </a></li></ul></li></ul> </nav></div><hr class="lg:hidden my-8 max-lg:px-5 opacity-50"><div class="col-start-11 col-span-2"><div id="block-vmm-contact-footer"><div><h3 class="font-theme font-semibold text-white text-base lg:text-lg mb-4">Contacts</h3><ul class="mb-7 text-[0.938rem] leading-6"><li><h4 class="font-medium text-[0.938rem] leading-[1.813rem] mb-1 text-white">Métropole de Montpellier</h4></li><li>50, place Zeus CS 39556<br/>34961 MONTPELLIER CEDEX 2<br/>Ouvert du lundi au vendredi de 8h à 17h30</li><li>Tél: 04 67 34 70 00</li><li>Fax: 04 67 13 61 01</li><li> <a href="https://www.google.com/maps/search/?api=1&amp;query=50%2C+place+Zeus+CS+39556%3Cbr%2F%3E%0D%0A34961+MONTPELLIER+CEDEX+2%3Cbr%2F%3E%0D%0AOuvert+du+lundi+au+vendredi+de+8h+%C3%A0+17h30" target="_blank" class="inline-flex items-center gap-2 underline hover:text-secondary hover:no-underline"> <svg focusable="false" aria-hidden="true" class="h-5 w-3.5 text-secondary"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#marker-sharp"></use> </svg> Voir sur la carte </a></li></ul><ul class="text-[0.938rem] leading-6"><li><h4 class="font-medium text-[0.938rem] leading-[1.813rem] mb-1 text-white">Ville de Montpellier</h4></li><li>1, place Georges Frêche <br/>34267 MONTPELLIER CEDEX 2<br/>Ouvert du lundi au vendredi de 8h30 à 17h30, le jeudi de 10h à 19h</li><li>Tél: 04 67 34 70 00</li><li> <a href="https://www.google.com/maps/search/?api=1&amp;query=1%2C+place+Georges+Fr%C3%AAche+%3Cbr%2F%3E%0D%0A34267+MONTPELLIER+CEDEX+2%3Cbr%2F%3E%0D%0AOuvert+du+lundi+au+vendredi+de+8h30+%C3%A0+17h30%2C+le+jeudi+de+10h+%C3%A0+19h" target="_blank" class="inline-flex items-center gap-2 underline hover:text-secondary hover:no-underline"> <svg focusable="false" aria-hidden="true" class="h-5 w-3.5 text-secondary"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#marker-sharp"></use> </svg> Voir sur la carte </a></li></ul></div></div></div></div><hr class="max-lg:pb-5 opacity-50"><div class="flex items-center justify-between max-lg:flex-col max-lg:gap-5 pt-7 pb-32 lg:pb-16 max-lg:px-5 max-lg:[&_svg]:fill-white [&_svg]:fill-white max-lg:[&_path]:fill-white [&_path]:fill-white"><div class="flex max-lg:flex-col max-lg:gap-5 justify-between text-xs max-lg:order-1 lg:flex-auto"><div class="flex max-lg:flex-wrap max-lg:justify-center gap-5 xl:gap-10"> <nav role="navigation" aria-labelledby="block-montpellier3m-menuservicelsf-menu" id="block-montpellier3m-menuservicelsf"><h2 class="visually-hidden" id="block-montpellier3m-menuservicelsf-menu">Menu Service LSF</h2><ul><li class="coverLink-target flex items-center gap-3 py-2.5 px-3 btn-ltr primary-dark"> <svg focusable="false" aria-hidden="true" class="h-10 w-10 text-white"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#lsf"></use> </svg> <a href="https://ville-montpellier.elioz.fr/3.4/?hash=9d0ee459227d5d4a4b05bbcba9fee156" target="_blank" class="coverLink">Services LSF</a></li></ul> </nav> <nav role="navigation" aria-labelledby="block-montpellier3m-bottomfooter-menu" id="block-montpellier3m-bottomfooter"><h2 class="visually-hidden" id="block-montpellier3m-bottomfooter-menu">Bottom footer</h2><ul class="flex items-center gap-5 xl:gap-10 h-full"><li class="flex items-center gap-2 hover:opacity-70 hover:underline underline-offset-4 transition-opacity"> <a href="https://encommun.montpellier.fr/" target="_blank">Actualités</a> <svg focusable="false" aria-hidden="true" class="h-3.5 w-3.5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#external"></use> </svg></li><li class="flex items-center gap-2 hover:opacity-70 hover:underline underline-offset-4 transition-opacity"> <a href="https://agenda.montpellier.fr/" target="_blank">Agenda</a> <svg focusable="false" aria-hidden="true" class="h-3.5 w-3.5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#external"></use> </svg></li><li class="flex items-center gap-2 hover:opacity-70 hover:underline underline-offset-4 transition-opacity"> <a href="/offres-d-emploi" data-drupal-link-system-path="node/959">Emploi</a></li><li class="flex items-center gap-2 hover:opacity-70 hover:underline underline-offset-4 transition-opacity"> <a href="https://participer.montpellier.fr/" target="_blank">Participer</a> <svg focusable="false" aria-hidden="true" class="h-3.5 w-3.5 text-white" xmlns="http://www.w3.org/2000/svg"> <use href="/themes/custom/montpellier3m/dist/assets/icons/icons.svg#external"></use> </svg></li></ul> </nav></div></div><div class="text-xs lg:px-[2.188rem] max-lg:order-1"><div id="block-vmm-legal-notice" class="[&amp;_a]:underline [&amp;_a:hover]:opacity-55"><p>©2025 Montpellier. <a href="/node/833" data-entity-type="node" data-entity-uuid="d8944e13-9c36-4ae7-98a6-f370c7dec9a7" data-entity-substitution="canonical">Mentions légales</a> - <a href="/node/2406" data-entity-type="node" data-entity-uuid="c0cf3bec-2fd2-4f9a-a9ea-c6b555361958" data-entity-substitution="canonical">Gestion des cookies</a> - <a href="/node/1431" data-entity-type="node" data-entity-uuid="1b690705-322b-4766-8248-a9e4274c473d" data-entity-substitution="canonical">Accessibilité : site partiellement accessible</a> - <a href="/node/1474" data-entity-type="node" data-entity-uuid="1d
69d3b7b0-787c-476a-9aa9-04da617a4850" data-entity-substitution="canonical">Nous écrire</a> - <a href="https://newsroom.montpellier3m.fr/" target="_blank">Newsroom</a></p></div></div> <nav role="navigation" aria-labelledby="block-social-network-footer-menu" id="block-social-network-footer"><h2 class="visually-hidden" id="block-social-network-footer-menu">Social networks</h2><ul data-region="footer_second" class="menu menu-level-0 inline-flex gap-x-5"><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://www.facebook.com/villedemontpellier/" title="facebook" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="facebook"> <img width="99" alt="" src="/sites/default/files/2025-02/facebook-rs.svg" /> </a></div></li><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://x.com/montpellier_" title="X" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="X"> <img width="99" alt="lien vers x ville de Montpellier" src="/sites/default/files/2025-02/X%20Icon_0.svg" /> </a></div></li><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://www.instagram.com/villedemontpellier/" title="Instagram" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="Instagram"> <img width="99" alt="lien vers instagram ville de Montpellier" src="/sites/default/files/2025-02/instagram-rs.svg" /> </a></div></li><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://www.linkedin.com/company/montpellier-ville-metropole-et-ccas/" title="Linkedin" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="Linkedin"> <img width="99" alt="lien vers linkedin ville de Montpellier" src="/sites/default/files/2025-02/linkedin-rs.svg" /> </a></div></li><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://www.tiktok.com/@villedemontpellier" title="Tiktok" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="Tiktok"> <img width="99" alt="lien vers tiktok ville de montpellier" src="/sites/default/files/2025-02/tiktok-rs.svg" /> </a></div></li><li class="menu-item flex"><div class="menu_link_content menu-link-contentsocial-networks view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <a href="https://www.youtube.com/@VilledeMontpellier34" title="Youtube" class="order-1 flex w-4 h-4 [&_svg]:w-full [&_svg]:h-full text-black lg:text-white [&_svg]:fill-current [&_path]:fill-current hover:opacity-70 transition-opacity" target="_blank" aria-label="Youtube"> <img width="99" alt="Youtube" src="/sites/default/files/2025-06/youtube-rs-web-01_0.svg" /> </a></div></li></ul> </nav></div></div></div></footer></div>
69<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/2811","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxtUEtuxCAMvRADizkQcoInWAIb2U6q3L6NWk2bpCve1wagFBfgPcEPiC8V9lA8O1D7IC5paTJBe5jvjXgJ_dnzS7Rblg1VqWA6pI02xUwzhQ4uXdL3EfrXuIGtEeqzp6P42KBRAceLd91zMg1B5_o4-mGAwqIwqqWi64AWf5W48linRlaxBNvNsacJDMNKeYA7Kh8tzx0LQXyjk19RJU_AjBr_4FPmeDPMTsJ5Wt2F40255xuqxze6-zxX0cywxTO9JZssYtm-_hHjhd-yNhDnmm1nr2hk8T_x1nJYrvf9BFw52fM","theme":"montpellier3m","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/recherche":true},"matomo":{"disableCookies":false,"trackMailto":true},"filter_vivre_ici":{"aliases":{"156":"\/vie-quotidienne\/vivre-ici\/etat-civil-et-identites","193":"\/vie-quotidienne\/vivre-ici\/vote-et-recensement\/voter-a-montpellier","446":"\/vie-quotidienne\/vivre-ici\/faire-du-sport","457":"\/vie-quotidienne\/vivre-ici\/agir-pour-le-climat","486":"\/vie-quotidienne\/vivre-ici\/entreprendre","510":"\/vie-quotidienne\/vivre-ici\/j-ai-un-enfant-entre-0-et-3-ans","511":"\/vie-quotidienne\/vivre-ici\/j-ai-un-enfant-entre-3-et-11-ans","535":"\/vie-quotidienne\/vivre-ici\/se-deplacer","589":"\/vie-quotidienne\/vivre-ici\/gerer-ses-dechets","658":"\/vie-quotidienne\/vivre-ici\/se-cultiver","669":"\/vie-quotidienne\/vivre-ici\/urgences-securite-prevention\/prevention-et-gestion-des-risques\/registre-des-personnes-vulnerables","698":"\/vie-quotidienne\/vivre-ici\/enlevement-et-destruction-de-vehicule","828":"\/vie-quotidienne\/vivre-ici\/se-balader-a-montpellier","832":"\/vie-quotidienne\/vivre-ici\/agir-pour-la-biodiversite","839":"\/vie-quotidienne\/vivre-ici\/proteger-les-animaux","840":"\/vie-quotidienne\/vivre-ici\/jardiner-embellir","883":"\/vie-quotidienne\/vivre-ici\/occuper-le-domaine-public","897":"\/vie-quotidienne\/vivre-ici\/urgences-securite-prevention","1145":"\/vie-quotidienne\/vivre-ici\/bien-vieillir-a-montpellier","1158":"\/vie-quotidienne\/vivre-ici\/vie-associative","1312":"\/vie-quotidienne\/vivre-ici\/construire-renover","1389":"\/vie-quotidienne\/vivre-ici\/se-loger","1734":"\/vie-quotidienne\/vivre-ici\/trouver-un-emploi","2779":"\/vie-quotidienne\/vivre-ici\/gerer-ses-dechets\/que-faire-de-mon-dechet1","2811":"\/vie-quotidienne\/vivre-ici\/urgences-securite-et-prevention\/prevention-et-gestion-des-risques\/connaitre-les-risques-majeurs\/vigilance-meteo","5698":"\/vie-quotidienne\/vivre-ici\/j-ai-besoin-d-accompagnement","5823":"\/vie-quotidienne\/vivre-ici\/vie-associative\/faire-une-demande-de-subvention\/appels-a-projets-en-cours","5966":"\/vie-quotidienne\/vivre-ici\/appels-a-candidatures-a-projets","6385":"\/vie-quotidienne\/vivre-ici\/vote-et-recensement","24796":"\/vie-quotidienne\/vivre-ici\/j-ai-besoin-d-accompagnement\/conciliateur-de-justice-pour-resoudre-un-litige-a-l-amiable"},"current_nid":"2811"},"speechSynthesis":{"langcode":"fr-FR"},"m3mViewsFilters":{"defaultDate":"2026-10-01"},"user":{"uid":0,"permissionsHash":"23eb7122265af3cc357f4a9f9c4e3560a2be0d4fad395a9c4ad6d1e08b2120e6"}}</script>
69<script src="/sites/default/files/js/js_boWWSWoEFTnAN7yLnaY2paWqR_oRjeTpInFKvoBJBDI.js?scope=footer&amp;delta=0&amp;language=fr&amp;theme=montpellier3m&amp;include=eJxtUEtuxDAIvZBjL-ZAiMRMgmRDhBlXuX0najVq4q54vA8gMGdXlCPhL4hPU_GQHRy5fLHktBadsUzNj8Kyhvqo8FSrDbSTGWdKJ9W5GwEvHCq6Vk0_JdT3uJ1KYbJHTWdw6lg4o9NNu--5iI3Qlm068-HFsKM7mbSUzaFSZowfdNE3MoUZRcjiH3zxnOfj4qwC88tdJQ7M6C9kHj9o1GXZ1ECwx2s7OIuu2qC9X0Lx1g_ethMtG7RDfKPGLf5HDinH9X7vN01xxSQ"></script>
69<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js"></script>
69<script src="/sites/default/files/js/js_AMFE55DjYAMGhSkv1GYM4jHMmJZejnBKbPkPragjCE0.js?scope=footer&amp;delta=2&amp;language=fr&amp;theme=montpellier3m&amp;include=eJxtUEtuxDAIvZBjL-ZAiMRMgmRDhBlXuX0najVq4q54vA8gMGdXlCPhL4hPU_GQHRy5fLHktBadsUzNj8Kyhvqo8FSrDbSTGWdKJ9W5GwEvHCq6Vk0_JdT3uJ1KYbJHTWdw6lg4o9NNu--5iI3Qlm068-HFsKM7mbSUzaFSZowfdNE3MoUZRcjiH3zxnOfj4qwC88tdJQ7M6C9kHj9o1GXZ1ECwx2s7OIuu2qC9X0Lx1g_ethMtG7RDfKPGLf5HDinH9X7vN01xxSQ"></script>
69<script src="https://tracker.quadran.eu/qa-combined.js" type="text/javascript"></script>
69<script type="text/javascript">QWATracker.activate("7a2ae208cc1f8e8da090f5f53ba989ed");</script>
69</body></html>

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