Outiref

Code source de l'URL : https://amiens.fr

                
    
    
                    
    <!DOCTYPE html>

    <!--[if IE 9]>
    <html lang="fr-FR" class="ie ie9 lte10 lte11">
    <![endif]-->

    <!--[if !IE]><!-->
    <html lang="fr-FR">
    <!--<![endif]-->

    <head>
            
                            
                    
            

                        
<title>Site officiel d'Amiens Métropole             - Amiens Métropole</title>
<meta name="facebook-domain-verification" content="s55e8110r0x7apk8ofl84lck4xm84h" />
<meta name="title" content="Site officiel d'Amiens Métropole             - Amiens Métropole" />    
<meta name="description" content="Bienvenue sur le site de la ville d'Amiens. Retrouvez ici toutes les informations pour vos démarches, loisirs..." />


                                                            <meta name="author" content="Amiens Métropole" />
                                                                                                    <meta name="copyright" content="Amiens Métropole" />
                                                
<meta name="viewport" content="width=device-width, initial-scale=1" />

    <meta name="Content-Type" content="text/html; charset=utf-8" />    <meta name="Content-language" content="fr-FR" />

<!--[if lt IE 9 ]>
<meta http-equiv="X-UA-Compatible" content="IE=8,chrome=1" />
<![endif]-->

<!--Open graphs-->    <meta name="MSSmartTagsPreventParsing" content="TRUE" />
	
	<meta name="twitter:site" content="Amiens Métropole">
	<meta name="twitter:title" content="Site officiel d'Amiens Métropole             - Amiens Métropole">
			<meta name="twitter:description" content="Bienvenue sur le site de la ville d'Amiens. Retrouvez ici toutes les informations pour vos démarches, loisirs...">
		<meta name="twitter:creator" content="@amiens">
	<meta name="twitter:url" content="https://www.amiens.fr" />
	<meta name="twitter:domain" content="www.amiens.fr" />

	
	<meta property="og:title" content="Site officiel d'Amiens Métropole             - Amiens Métropole" />
			<meta property="og:description" content="Bienvenue sur le site de la ville d'Amiens. Retrouvez ici toutes les informations pour vos démarches, loisirs..."/>
		<meta property="og:url" content="https://www.amiens.fr" />
	
	<meta property="og:site_name" content="Amiens Métropole" />

						        

<link rel="Home" href="/" title="Page de garde Amiens Métropole" />
<link rel="Index" href="/" />
<link rel="Shortcut icon" href="/extension/amiens/design/amiens/images/favicon.ico" type="image/x-icon" />

<script type="text/javascript">
(function() {
    var head = document.getElementsByTagName('head')[0];
    var printNode = document.createElement('link');
    printNode.rel = 'Alternate';
    printNode.href = "/layout/set/print" + document.location.search;
    printNode.media = 'print';
    printNode.title = "Version imprimable";
    head.appendChild(printNode);
})();
</script>                <link rel="stylesheet" type="text/css" href="/var/ez_website/cache/public/stylesheets/bb1e62e6c7194b3127501f0cc24cf96d_all.css" />







        <!-- sharethis -->
<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=655b22fc4ba88b0012e52f49&product=inline-share-buttons&source=platform" async="async"></script>
<!-- tarteaucitron -->
<script type="text/javascript" src="/extension/amiens/design/amiens/javascript/tarteaucitron/tarteaucitron.js"></script>
<!-- Owl carousel -->
<link rel="stylesheet" href="/extension/amiens/design/amiens/stylesheets/owl-carousel-gallery.css">
<link rel="stylesheet" href="/extension/amiens/design/amiens/stylesheets/easyzoom.css">
<link rel="stylesheet" href="/extension/amiens/design/amiens/stylesheets/pygments.css">
<script src="/extension/amiens/design/amiens/javascript/jquery-3.7.1.min.js"></script>
<script src="/extension/amiens/design/amiens/javascript/easyzoom.js"></script>
<script src="/extension/amiens/design/amiens/javascript/owl-carousel-gallery.js"></script>

<script type="text/javascript">
    tarteaucitron.init({
        "privacyUrl": "", /* Privacy policy url */
        "bodyPosition": "bottom", /* or top to bring it as first element for accessibility */

        "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
        "cookieName": "tarteaucitron", /* Cookie name */

        "orientation": "middle", /* Banner position (top - bottom) */

        "groupServices": false, /* Group services by category */
        "serviceDefaultState": "wait", /* Default state (true - wait - false) */

        "showAlertSmall": false, /* Show the small banner on bottom right */
        "cookieslist": false, /* Show the cookie list */

        "closePopup": false, /* Show a close X on the banner */

        "showIcon": true, /* Show cookie icon to manage cookies */
        //"iconSrc": "", /* Optionnal: URL or base64 encoded image */
        "iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */

        "adblocker": false, /* Show a Warning if an adblocker is detected */

        "DenyAllCta" : true, /* Show the deny all button */
        "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
        "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */

        "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */

        "removeCredit": false, /* Remove credit link */
        "moreInfoLink": true, /* Show more info link */

        "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
        "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */

        //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */

        "readmoreLink": "", /* Change the default readmore link */

        "mandatory": true, /* Show a message about mandatory cookies */
        "mandatoryCta": true /* Show the disabled accept button when mandatory on */
    });
</script>

<script type="text/javascript">
    tarteaucitron.user.addthisPubId = 'ra-59636beff96f89e5';
    (tarteaucitron.job = tarteaucitron.job || []).push('addthis');
    (tarteaucitron.job = tarteaucitron.job || []).push('doubleclick');
    (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
    (tarteaucitron.job = tarteaucitron.job || []).push('youtubeapi');
    (tarteaucitron.job = tarteaucitron.job || []).push('twitter');
</script>


<!-- Matomo -->
<script type="text/javascript">
    var _paq = window._paq = window._paq || [];
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    (function() {
        var u="//stats.amiens.fr/";
        _paq.push(['setTrackerUrl', u+'matomo.php']);
        _paq.push(['setSiteId', 1]);
        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
    })();
</script>
<!-- End Matomo Code -->



 <!-- Add @media-queries support for IE8 and below -->
<!--[if lte IE 9]>
	<script type="text/javascript" src=""/extension/amiens/design/amiens/javascript/lib/ie/lteie9.min.js""></script>
<![endif]-->

<!-- Add placeholder support for IE9 and below -->
<!--[if IE 9]>
	<script type="text/javascript" src=""/extension/amiens/design/amiens/javascript/lib/ie/ie9.min.js""></script>
<![endif]-->
            <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD927Pxj_w7XChgKZunSyE3gJ94_kw-800"></script>
    
    <script type="text/javascript" src="/var/ez_website/cache/public/javascript/6718f013d395b743204e57a260e33d48.js" charset="utf-8"></script>


    <script src="//f1-eu.readspeaker.com/script/6686/webReader/webReader.js?pids=wr" type="text/javascript"></script>





    
            











    </head>

    <body class="nojs">

        <!-- Load Facebook SDK for JavaScript -->
        
    
        
            
                
                    
                    
                    
                    
                
            

            
                
                
                
                
                
            
        
    

        
        
             
             
             
             
             
        

        <div id="outdated">
    <h6>Votre navigateur est obsolète!</h6>
    <p>
        Mettez à jour votre navigateur pour afficher correctement ce site Web.
        <a id="btnUpdateBrowser"
           href="http://outdatedbrowser.com/fr">
            Mettre à jour maintenant
        </a>
    </p>
     <p class="last">
        <a href="#"
           id="btnCloseUpdateBrowser"
           title="Fermer">
           &times;
        </a>
    </p>
</div>
                    <ul class="wai-invisible">
    <li class="wai-invisible__item">
        <a href="#menu"
           class="wai-invisible__item__inner">
           Aller au menu
        </a>
    </li>

    <li class="wai-invisible__item">
        <a href="#secondmenu"
           class="wai-invisible__item__inner">
           Aller au menu secondaire
        </a>
    </li>

    <li class="wai-invisible__item">
        <a href="#main"
           class="wai-invisible__item__inner">
           Aller au contenu
        </a>
    </li>

            <li class="wai-invisible__item">
            <a href="javascript:void(0);"
               class="wai-invisible__item__inner jsWaiSearchTrigger">
               Aller à la recherche
            </a>
        </li>
    
    <li class="wai-invisible__item">
        <a href="#footer"
           class="wai-invisible__item__inner">
           Aller au bas de page
        </a>
    </li>
</ul>
<header class="header jsHeader">
    <div class="header__ctn-pre"
     id="secondmenu">
    <div class="header__pre">
        <ul class="header__pre__list                   jsHeaderPreList">

            
                                            
                <li class="header__pre__list__item">
                    <div class="list--select                                jsListWrapper">
                        <button id="language-select-label"
                                type="button"
                                class="list--select__head                                       jsListSelect"
                                aria-label="Choisir la langue"
                                aria-expanded="false"
                                aria-controls="language-select-content">

                            <span class="list--select__flag icon icon--flag_fr-small"></span>
                            
                            <span class="list--select__text">
                                FR
                            </span>

                            <span class="list--select__arrow                                         icon                                         icon--arrow-down-small-blue"></span>
                        </button>

                        <ul id="language-select-content"
                            class="list--select__list jsList"
                            aria-labelledby="language-select-label">

                                                                                                                                                            
                                    <li class="list--select__list__item">
                                        <a class="list--select__list__item__inner"
                                           href="http://www.amiens.fr/en"
                                           aria-label="Access to the English version of the site">
                                            <span class="list--select__flag icon icon--flag_uk-small"></span>
                                            <span class="list--select__text">EN</span>
                                        </a>
                                    </li>
                                                                                    </ul>
                    </div>
                </li>
            
            
                                        
                                                    
                                                    
                                        
                                        
                            <li class="header__pre__list__item header__pre__list__item--auto">
                    <ul class="header__pre__list-inner">
                                                <li class="header__pre__list-inner__item">
                            <a class="header__pre__list-inner__inner                                      header__pre__list-inner__inner--highlight                                      btn--icon-blue-hover-black"
                               href="/Liens-utiles/Mes-demarches">
                                <span class="icon icon--left-half icon--chrono-small-blue"></span>
                                <span class="valign-middle">
                                    Mes démarches
                                </span>
                            </a>
                        </li>
                        
                        
                        <li class="header__pre__list-inner__item">
                            <a class="header__pre__list-inner__inner                                      btn--icon-blue-hover-black"
                               href="//geo.amiens-metropole.com/adws/app/523da8c6-5dbc-11ec-9790-3dc5639e7001/index.html" target="_blank">
                                <span class="icon icon--left-half icon--marker-small-blue"></span>
                                <span class="valign-middle">
                                    Carte interactive
                                </span>
                            </a>
                        </li>
                       
                        
                                                <li class="header__pre__list-inner__item">
                            <a class="header__pre__list-inner__inner                                      btn--icon-blue-hover-black"
                               href="/Liens-utiles/JDA">
                                <span class="icon icon--left-half icon--player-small-blue"></span>
                                <span class="valign-middle">
                                    JDA
                                </span>
                            </a>
                        </li>
                        
                                                <li class="header__pre__list-inner__item">
                            <a class="header__pre__list-inner__inner                                      btn--icon-blue-hover-black"
                               href="/Liens-utiles/Webcam"
                               title="Ouverture du lien dans une nouvelle fenêtre : Webcam">
                                <span class="icon icon--left-half icon--webcam-small-blue"></span>
                                <span class="valign-middle">
                                    Webcam
                                </span>
                            </a>
                        </li>
                                            </ul>
                </li>
            
                            <li class="header__pre__list__item hidden-sm-down">
                    <ul class="header__pre__list-inner">
                        <li class="header__pre__list-inner__item">
                            <button id="accessible-search-label"
                                    type="button"
                                    class="header__pre__list-inner__inner                                           btn--icon-blue-hover-black                                           jsSearchTrigger"
                                    aria-expanded="false"
                                    aria-controls="accessible-search-form">
                                <span class="icon icon--left-half icon--magnifier-small-blue"></span>
                                <span class="valign-middle">
                                    Recherche
                                </span>
                            </button>
                        </li>
                    </ul>
                </li>
            
                            <li class="header__pre__list__item">
                    <ul class="header__pre__list-inner">
                        <li class="header__pre__list-inner__item">
                            <a class="header__pre__list-inner__inner                                      btn--icon-blue-hover-black"
                               href="/Liens-utiles/Accessibilite">
                                <span class="icon icon--left-half icon--hearing-small-blue"></span>
                                <span class="valign-middle">
                                    Accessibilité
                                </span>
                            </a>
                        </li>
                    </ul>
                </li>
                    </ul>
    </div>
</div>

    <div id="accessible-search-form"
         class="header__search jsSearch"
         role="search"
         aria-expanded="false"
         aria-hidden="true"
         aria-labelledby="accessible-search-label">

        <button type="button"
                class="header__search__trigger-close                       hidden-md-up                       jsSearchTrigger">
            <span class="icon                         icon--cross-medium-white">
            </span>
        </button>

        <div class="jsSearchCtn">
            <div class="header__search__ctn">
                <form class="search-ft"
                      action="/fulltext/results/(keyword)/"
                      method="POST"
                      id="fulltext">
                    <fieldset>
                        <legend class="search-ft__legend">Je recherche...</legend>
                        
                        <div class="search-ft__ctn">
                            <label for="jsSearchField" class="search-ft__title">Je recherche...</label>

                            <div class="search-ft__field-ctn">
                                <input id="jsSearchField"
                                       class="search-ft__field"
                                       type="text"
                                       name="keyword">

                                <button class="search-ft__btn btn--icon-white-hover-black"
                                        type="submit">
                                    <span class="search-ft__btn__label">
                                        Lancer la recherche
                                    </span>

                                    <span class="icon icon--search-medium-white"></span>
                                </button>
                            </div>
                        </div>
                    </fieldset>
                </form>

                
                                    <div class="header__search__keyword">
                        <div class="header__search__keyword__title">
                                                            Les recherches les plus courantes :
                                                    </div>

                        <ul class="header__search__keyword__list">
                                                            <li class="header__search__keyword__item">
                                    <a class="header__search__keyword__tag"
                                       href="/fulltext/results/(keyword)/Carte+d%27identit%C3%A9"
                                       title="Faire une recherche sur : Carte d'identité">
                                        Carte d'identité
                                    </a>
                                </li>
                                                            <li class="header__search__keyword__item">
                                    <a class="header__search__keyword__tag"
                                       href="/fulltext/results/(keyword)/Je+d%C3%A9m%C3%A9nage"
                                       title="Faire une recherche sur : Je déménage">
                                        Je déménage
                                    </a>
                                </li>
                                                            <li class="header__search__keyword__item">
                                    <a class="header__search__keyword__tag"
                                       href="/fulltext/results/(keyword)/Horaires+Mairie"
                                       title="Faire une recherche sur : Horaires Mairie">
                                        Horaires Mairie
                                    </a>
                                </li>
                                                    </ul>
                    </div>
                            </div>
        </div>
    </div>

    <div class="header__ctn jsHeaderCtn">
        <div class="header__ctn__item                    header__ctn__item--logo">
                        <h1 class="header__logo">
                            <a class="header__logo__link"
                   href="/"
                   title="Amiens Métropole : www.amiens.fr">
                    <img class="header__logo__img"
                         src="/extension/amiens/design/amiens/images/global/logo.png"
                         alt="Amiens Métropole : www.amiens.fr" />
                </a>
                        </h1>
                    </div>

        <button type="button"
                class="header__trigger-search                       jsSearchTrigger                       hidden-md-up">
            <span class="icon                         icon--search-medium-blue">
            </span>
        </button>

        <button type="button"
                class="header__trigger-open                       hidden-md-up                       jsMenuTrigger">
            <span class="icon                         icon--hamburger-medium-purple">
            </span>
        </button>

        <div class="header__ctn__item                    header__ctn__item--menu                    jsMenu">
            <button type="button"
                    class="header__trigger-close                           hidden-md-up                           jsMenuTrigger">
                <span class="icon                             icon--cross-medium-white">
                </span>
            </button>

            <nav class="header__menu" id="menu">
                                        
<ul class="menu-lvl1">
            <li class="menu-lvl1__item">
            <a href="/Actualites" id="actualite-megamenu-0-label" class="menu-lvl1__item__inner">
                Actualités
            </a>
        </li>
    
                    <li class="menu-lvl1__item">
            <a
               href="/Institutions" 
               id="accessible-megamenu-1-label" 
               class="menu-lvl1__item__inner                                            jsSubmenuTrigger                      jsMenuChildTrigger"
                                  aria-controls="accessible-megamenu-1-children" 
                   aria-expanded="false"
               >

                Institutions
            </a>

                            <div id="accessible-megamenu-1-children" 
                     class="submenu jsMenuChild jsSubmenu" 
                     role="region" 
                     aria-expanded="false" 
                     aria-hidden="true" 
                     aria-labelledby="accessible-megamenu-1-label">
                    <div class="submenu__ctn">
                        <div class="menu-anim-show jsSubmenuScrollTop" tabindex="-1">
                            <ul class="menu-lvl2 jsMenuChild">
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Decouvrir-Amiens-et-sa-Metropole">
                                            <span class="menu-lvl2__item__inner__label">
                                                Découvrir Amiens et sa Métropole
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Les-chiffres-cles">
                                            <span class="menu-lvl2__item__inner__label">
                                                Les chiffres clés
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Que-fait-la-Ville-pour-vous">
                                            <span class="menu-lvl2__item__inner__label">
                                                Que fait la Ville pour vous ?
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Que-fait-la-Metropole-pour-vous">
                                            <span class="menu-lvl2__item__inner__label">
                                                Que fait la Métropole pour vous ?
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Vos-elus">
                                            <span class="menu-lvl2__item__inner__label">
                                                Vos élus
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Organisation-des-services">
                                            <span class="menu-lvl2__item__inner__label">
                                                Organisation des services
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Expressions-politiques">
                                            <span class="menu-lvl2__item__inner__label">
                                                Expressions politiques
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Finances">
                                            <span class="menu-lvl2__item__inner__label">
                                                Finances
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Europe-et-International">
                                            <span class="menu-lvl2__item__inner__label">
                                                Europe et International
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Achats-et-Marches-publics">
                                            <span class="menu-lvl2__item__inner__label">
                                                Achats et Marchés publics
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Les-39-communes">
                                            <span class="menu-lvl2__item__inner__label">
                                                Les 39 communes
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Conseil-municipal">
                                            <span class="menu-lvl2__item__inner__label">
                                                Conseil municipal
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Conseil-metropolitain">
                                            <span class="menu-lvl2__item__inner__label">
                                                Conseil métropolitain
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Nos-offres-d-emploi">
                                            <span class="menu-lvl2__item__inner__label">
                                                Nos offres d'emploi 
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Conseil-d-administration-du-CCAS">
                                            <span class="menu-lvl2__item__inner__label">
                                                Conseil d’administration du CCAS 
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Deliberations-Decisions-Arretes">
                                            <span class="menu-lvl2__item__inner__label">
                                                Délibérations, Décisions & Arrêtés
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Institutions/Appel-a-candidatures">
                                            <span class="menu-lvl2__item__inner__label">
                                                Appel à candidatures
                                            </span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                    </div>
                </div>
                    </li>
    
    
                <li class="menu-lvl1__item">
            <a
               href="/Vivre-a-Amiens"
               id="accessible-megamenu-2-label"
               class="menu-lvl1__item__inner                                                jsSubmenuTrigger                          jsMenuChildTrigger"
                                  aria-controls="accessible-megamenu-2-children" 
                   aria-expanded="false"
               >
                Vivre à Amiens
            </a>

                            <div id="accessible-megamenu-2-children" 
                     class="submenu jsMenuChild jsSubmenu" 
                     role="region" 
                     aria-expanded="false" 
                     aria-hidden="true" 
                     aria-labelledby="accessible-megamenu-2-label">
                    <div class="submenu__ctn">
                        <div class="menu-anim-show jsSubmenuScrollTop" tabindex="-1">
                            <ul class="menu-lvl2 jsMenuChild">
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Culture-Patrimoine">
                                            <span class="menu-lvl2__item__inner__label">
                                                Culture & Patrimoine
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Eau">
                                            <span class="menu-lvl2__item__inner__label">
                                                Eau
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Elections">
                                            <span class="menu-lvl2__item__inner__label">
                                                Elections
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Enfance">
                                            <span class="menu-lvl2__item__inner__label">
                                                Enfance 
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Emploi">
                                            <span class="menu-lvl2__item__inner__label">
                                                Emploi
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Environnement">
                                            <span class="menu-lvl2__item__inner__label">
                                                Environnement
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Handicap-et-accessibilite">
                                            <span class="menu-lvl2__item__inner__label">
                                                Handicap et accessibilité
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Prevention-et-gestion-des-dechets">
                                            <span class="menu-lvl2__item__inner__label">
                                                Prévention et gestion des déchets
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Jeunesse">
                                            <span class="menu-lvl2__item__inner__label">
                                                Jeunesse
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Solidarites">
                                            <span class="menu-lvl2__item__inner__label">
                                                Solidarités
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Mobilite">
                                            <span class="menu-lvl2__item__inner__label">
                                                Mobilité
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Sante-publique">
                                            <span class="menu-lvl2__item__inner__label">
                                                Santé publique
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Securite-Prevention">
                                            <span class="menu-lvl2__item__inner__label">
                                                Sécurité & Prévention
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Sport">
                                            <span class="menu-lvl2__item__inner__label">
                                                Sport
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Tourisme">
                                            <span class="menu-lvl2__item__inner__label">
                                                Tourisme
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Urbanisme-Logement">
                                            <span class="menu-lvl2__item__inner__label">
                                                Urbanisme & Logement
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Vie-associative">
                                            <span class="menu-lvl2__item__inner__label">
                                                Vie associative
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Enseignement-superieur">
                                            <span class="menu-lvl2__item__inner__label">
                                                Enseignement supérieur
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Citoyennete">
                                            <span class="menu-lvl2__item__inner__label">
                                                Citoyenneté
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/L-Odyssee">
                                            <span class="menu-lvl2__item__inner__label">
                                                L'Odyssée
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Commerce">
                                            <span class="menu-lvl2__item__inner__label">
                                                Commerce
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/Developpement-economique">
                                            <span class="menu-lvl2__item__inner__label">
                                                Développement économique
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Vivre-a-Amiens/L-animal-en-ville">
                                            <span class="menu-lvl2__item__inner__label">
                                                L'animal en ville
                                            </span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                    </div>
                </div>
                    </li>
    
    
                <li class="menu-lvl1__item">
            <a
               href="/Grands-projets"
               id="accessible-megamenu-3-label" 
               class="menu-lvl1__item__inner                                                jsSubmenuTrigger                          jsMenuChildTrigger" 
                                  aria-controls="accessible-megamenu-3-children" 
                   aria-expanded="false"
               >
               
               Grands projets
            </a>

                            <div 
                    id="accessible-megamenu-3-children" 
                    class="submenu jsMenuChild jsSubmenu" 
                    role="region" 
                    aria-expanded="false" 
                    aria-hidden="true" 
                    aria-labelledby="accessible-megamenu-3-label">
                    <div class="submenu__ctn">
                        <div class="menu-anim-show jsSubmenuScrollTop" tabindex="-1">
                            <ul class="menu-lvl2 jsMenuChild">
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Politique-de-la-ville">
                                            <span class="menu-lvl2__item__inner__label">
                                                Politique de la ville
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Projet-Sportif-Metropolitain">
                                            <span class="menu-lvl2__item__inner__label">
                                                Projet Sportif Métropolitain
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Projet-educatif-global">
                                            <span class="menu-lvl2__item__inner__label">
                                                Projet educatif global
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/zoo-2024">
                                            <span class="menu-lvl2__item__inner__label">
                                                zoo 2024
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Amiens-naturellement">
                                            <span class="menu-lvl2__item__inner__label">
                                                Amiens naturellement
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/l-appli">
                                            <span class="menu-lvl2__item__inner__label">
                                                l'appli
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/BUDGET-PARTICIPATIF-DE-LA-VILLE-D-AMIENS">
                                            <span class="menu-lvl2__item__inner__label">
                                                BUDGET PARTICIPATIF DE LA VILLE D'AMIENS
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Rehabilitation-du-parc-de-la-Hotoie">
                                            <span class="menu-lvl2__item__inner__label">
                                                Réhabilitation du parc de la Hotoie
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Participez-aux-projets-de-la-ville-d-Amiens">
                                            <span class="menu-lvl2__item__inner__label">
                                                Participez aux projets de la ville d’Amiens 
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Pacte-pour-la-Transition-Ecologique">
                                            <span class="menu-lvl2__item__inner__label">
                                                Pacte pour la Transition Écologique
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Aronnax">
                                            <span class="menu-lvl2__item__inner__label">
                                                Aronnax
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Projet-Alimentaire-Territorial">
                                            <span class="menu-lvl2__item__inner__label">
                                                Projet Alimentaire Territorial
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Pacte-pour-le-Bien-Vivre">
                                            <span class="menu-lvl2__item__inner__label">
                                                Pacte pour le Bien-Vivre
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Transition-energetique">
                                            <span class="menu-lvl2__item__inner__label">
                                                Transition énergétique 
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Revision-generale-du-P.L.U.-d-Amiens">
                                            <span class="menu-lvl2__item__inner__label">
                                                Révision générale du P.L.U. d'Amiens
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Recherche-et-innovation">
                                            <span class="menu-lvl2__item__inner__label">
                                                Recherche et innovation
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/Plan-d-efficacite-energetique">
                                            <span class="menu-lvl2__item__inner__label">
                                                Plan d'efficacité énergétique
                                            </span>
                                        </a>
                                    </li>
                                                                    <li class="menu-lvl2__item">
                                        <a class="menu-lvl2__item__inner"
                                           href="/Grands-projets/La-Halle-au-frais">
                                            <span class="menu-lvl2__item__inner__label">
                                                La Halle au frais
                                            </span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                    </div>
                </div>
                    </li>
    
    
    
    <li class="menu-lvl1__item">
        <a id="accessible-megamenu-4-label" 
           href="/Pres-de-chez-moi" 
           class="menu-lvl1__item__inner                                        jsSubmenuTrigger                      jsMenuChildTrigger"
                          aria-controls="accessible-megamenu-4-children" 
               aria-expanded="false"
           >
            Pres de chez moi
        </a>

        
                        
                                        
                        <div id="accessible-megamenu-4-children" 
                 class="submenu jsMenuChild jsSubmenu" 
                 role="region" 
                 aria-expanded="false" 
                 aria-hidden="true" 
                 aria-labelledby="accessible-megamenu-4-label">
                <div class="submenu__ctn">
                    <div class="menu-anim-show jsSubmenuScrollTop" tabindex="-1">
                        <div class="submenu__container">
                            <div class="submenu__row">
                                <div class="submenu__col hidden-sm-down">
                                    <p class="submenu__title hidden-sm-down">
                                        L'actualité de votre <span class="submenu__title__section">secteur</span>
                                    </p>

                                    <div class="text-center">
                                            



<svg class="territory-ctn" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="381.6602px" height="503.4574px" viewbox="0 0 381.6602 503.4574" enable-background="new 0 0 381.6602 503.4574"
     xml:space="preserve">
    <g class="territory">
        <a id="center" class="territory__link" href="/Actualites/(filter)/amiens-centre" title="Mairie de secteur Centre <br />Place de l'Hôtel de ville<br />Tel : 03 22 97 43 32 ou ou 03 22 97 12 77<br />Du lundi au vendredi de 8h30 à 17h30 et le samedi de 9h à 12h">
            <path class="territory__shape" fill="#FFFFFF" stroke="#9A1F73" stroke-miterlimit="10" d="M182.4869,276.6712l2.1923-5.2279l-3.5415-0.8432l-5.0592,2.5296                l-11.4677-4.722l-9.1066-6.4084l-8.0948-4.8906l5.0592-5.9025c0,0-4.722,0.5059-2.6983-3.7101                c2.0237-4.216,5.7338-2.1923,5.7338-2.1923l31.7047,3.3728l2.0237-11.6363l12.9854,7.7575l7.4202,6.0711l14.5032,3.2042                l3.5415-17.3701l5.0592-1.0118l8.0948-0.8432l8.6007,4.0474l8.2634,12.9854l1.6864,3.3728l1.5178,9.9499l7.7575,3.2042                l-14.5592,31.7047h-5.6778l0,0l-26.3081-1.5178l-12.9011-7.6732l-14.2502-12.8168l-2.6139,2.7826l-8.6007-4.8063l-1.2753,0.583"/>
            <text class="territory__name" x="200" y="275">Centre</text>
        </a>
        <a id="north" class="territory__link" href="/Actualites/(filter)/amiens-nord" title="Mairie de secteur Nord<br />39, avenue de la Paix <br />Tel : 03 22 66 10 20<br />Ouverte du lundi au vendredi de 8h30 à 12h30 et de 13h30 à 17h30 <br />Ouverte le samedi matin de 9h à 12h (hors vacances scolaires)">
            <polygon class="territory__shape" fill="#FFFFFF" stroke="#9A1F73" stroke-miterlimit="10" points="102.3182,90.276 105.8597,85.8913 125.2535,72.3999            134.0228,63.6306 120.1942,50.3079 136.8898,39.0089 130.9873,27.7099 166.908,0.8958 169.1003,14.7245 169.1003,26.0235             179.5561,47.441 192.5415,39.6834 205.3583,33.1064 210.0803,47.1037 222.5598,53.3434 222.5598,57.7281 227.619,58.4027             227.619,63.7992 229.6427,73.0745 229.6427,82.5184 233.3528,88.2523 242.6281,93.6488 238.5807,107.9833 242.6281,106.1283             252.0721,105.6224 252.9153,107.9833 271.9718,105.1164 286.3063,101.069 293.7266,100.7317 293.7266,97.5275 311.2653,97.0216             323.2389,75.2668 342.4641,82.6871 335.5497,97.1903 344.9937,97.5275 347.5233,101.069 356.124,107.9833 363.3756,107.9833             336.0557,136.9897 346.0055,144.9159 341.6208,152.6734 349.547,156.3835 348.5352,158.9131 346.0055,157.9013 341.7895,177.801             344.6564,179.3188 344.4878,181.1739 340.609,181.1739 340.2717,183.5349 342.2954,183.5349 342.1268,187.245 343.8132,187.245             343.8132,191.6297 304.0137,208.9998 306.2061,218.1064 303.5078,218.1064 301.3155,224.1775 301.8214,226.0326 300.8095,231.4291             297.9426,231.4291 296.5935,241.0417 302.8333,242.3908 301.6527,249.4738 293.052,251.1602 286.8123,262.9651 282.7649,259.9296             281.5844,257.5686 279.392,258.4118 280.2352,260.9414 277.7056,262.9651 278.0429,266.1693 271.9718,263.471 268.7676,268.5303             261.0101,265.3261 259.4923,255.3762 257.8059,252.0034 249.5424,239.018 240.9417,234.9706 232.8469,235.8138 232.0037,232.4409             227.7877,233.7901 217.3319,217.2632 208.3939,209.843 213.2845,203.9405 202.9973,190.4492 200.9736,185.8958 202.3228,181.8484             187.8196,162.1173 201.3109,155.8776 212.4413,148.2887 208.8998,140.1939 190.5178,130.5813 178.3756,128.0517 149.8752,118.1018             129.6382,107.3088   "/>
            <text class="territory__name" x="250" y="165">Nord</text>
        </a>
        <a id="west" class="territory__link" href="/Actualites/(filter)/amiens ouest" title="Mairie de secteur Ouest<br />3 avenue du Pays d’Auge <br />Tel : 03 22 97 43 00<br />Du lundi au vendredi de 8h45 à 12h30 et de 13h30 à 17h45.<br />Ouverte le samedi matin de 9h à 12h (hors vacances scolaires)">
            <path class="territory__shape" fill="#FFFFFF" stroke="#9A1F73" stroke-miterlimit="10" d="M102.3182,90.276l27.32,17.0328l20.237,10.7931l28.5005,9.9499            l12.1422,2.5296l18.382,9.6126l3.5415,8.0948l-11.1304,7.5889l-13.4913,6.2397l14.5032,19.7311l-1.3491,4.0474l2.0237,4.5533            l10.2872,13.4913l-4.8906,5.9025l8.938,7.4202l10.4558,16.5269l4.216-1.3491l0.8432,3.3728l-5.0592,1.0118l-3.5415,17.3701            l-14.5032-3.2042l-7.4202-6.0711l-12.9854-7.7575l-2.0237,11.6363l-31.7046-3.3728c0,0-3.7101-2.0237-5.7338,2.1923            s2.6983,3.7101,2.6983,3.7101l-5.0593,5.9025l8.0948,4.8906l9.1066,6.4084l11.4676,4.722l5.0593-2.5296l3.5415,0.8432            l-2.1923,5.2279h-8.6007l-37.1012,22.598l-18.8879,13.3227l-12.6481,14.3346l-1.6864-2.0237l-6.2397,10.2871l-3.0356,3.5415            l-1.3491-2.5296l3.3728-7.0829l-0.5059-5.5652l3.5415-5.7338l-3.3728-5.0593l7.9262-3.2042l-0.6746-1.6864l1.3491-2.361            l-10.6244-13.3227l-9.7812-8.7694l0.8432-1.1805l-4.5533-3.2042l-5.0593,5.9025l-7.2516-6.2397l-34.7402-1.5178l-7.4202-8.7693            l-2.8669-2.6983l-5.2279-2.8669l0.8432-5.3965l-2.1923-4.8906v-2.8669l-3.0356-0.1686l-2.6983-5.0592l1.0119-3.5415l-2.6983-1.1805            l-8.6008-10.1185l10.2872-15.1778l10.2871-24.2844l3.5415,1.1805l4.3847-0.5059l5.3965-3.7101l5.0593,3.0356l0.5059-2.5296            l-1.0118-2.1923l-4.0474-1.6864l3.2042-5.7338l9.7812,2.8669l7.083-9.9499l-3.5415-1.6864l-5.7338-9.7812l4.5533-0.6746            l2.6983-2.361l1.1805-3.2042c0,0,1.5178-2.0237,4.5533-0.6746c3.0355,1.3491,8.6007,4.216,8.6007,4.216l8.938-2.361l9.4439-0.3373            l7.2516-0.6746l5.7338,0.1686l-0.8432-2.1923h5.2279l-18.382-10.4558H80.732l-15.6837-8.4321l-4.0474-2.1924l4.3847-8.6007            l5.2279,2.361l8.938-12.6481l8.7694,2.6983L102.3182,90.276z"/>
            <text class="territory__name" x="80" y="230">Ouest</text>
        </a>
        <a id="south" class="territory__link" href="/Actualites/(filter)/amiens-sud" title="9 Rue du 8 Mai 1945<br />TEL : 03 22 50 32 60<br />DU LUNDI AU VENDREDI DE 8H45 À 12H30 ET DE 13H30 À 17H45 <br />Ouverte le samedi matin de 9h à 12h (hors vacances scolaires)">
            <path class="territory__shape" fill="#FFFFFF" stroke="#9A1F73" stroke-miterlimit="10" d="M182.5811,276.7864h-8.6007l-37.1012,22.598l-18.8879,13.3227            l-12.6481,14.3345l3.2991,3.2115l4.3004,2.361l-6.9986,5.4808l4.1317,4.9749l-3.4572,7.2516l10.1185,5.7338l-4.1317,3.5415            l-6.2397,7.6732h18.2133l2.6139-1.6864l4.9749,0.0843l2.361,2.0237l25.1276-1.6021l22.2607-2.9512l-11.046,41.4859l13.9973,4.8906            l-1.1805,8.7694h3.3728v2.361h9.6126l0.7589-10.8774l10.7088,2.108l3.8788-2.4453l6.0711-0.9276l7.2516-3.2885l4.5533-5.9868            l4.6376-16.1896l6.0711,1.6021l-1.6021,9.3596l12.1422-0.1686l0.4216,8.4321l-5.1436,3.7101l-10.4558,11.5519l-6.6613,3.7101            l-4.9749,5.4809l7.6732,1.8551l-0.4216,4.469l10.2872,1.6021l-0.4216,3.9631l8.4321,2.6983l19.5624-1.1805l-3.2885-7.7575            l-2.1924-25.9708l16.4426,7.7575l-3.0356,6.9986l9.3596,20.9959l-9.8656,6.4084l-1.3491,10.8774l-0.1686,12.8168l11.8049-2.7826            l0.3373,2.7826l-11.299,2.9512l1.0119,6.6613l9.2753,9.191l9.1067,5.6495l3.4572,5.9025l4.0474-4.6376l-0.7589-7.4202            l1.3492-2.8669l4.6376-11.3833l0.4216-6.3241l4.9749-4.6377l3.1199-8.4321l1.1805-5.2279l1.8551-2.1924l0.5059-5.3965            l-2.0237-5.6495l-3.6258-13.0697l-4.216-11.8893l-2.9512-13.1541l-2.108-3.2042l2.9512-3.3728l-4.6376-3.1199l-4.5533-8.5164            l-5.2279-11.3833c0,0-1.3492-2.108-4.2161-3.9631c-2.8669-1.855-7.0829-3.3728-7.0829-3.3728s-5.3122-7.6732-6.4927-13.2384            c-1.1805-5.5652-3.2042-9.9499-3.2042-9.9499l-18.3819,6.9143l-6.0711-46.8824l-26.3081-1.5178l-12.9011-7.6732l-14.2502-12.8168            l-2.6139,2.7826l-8.6007-4.8063L182.5811,276.7864z"/>
            <text class="territory__name" x="185" y="340">Sud</text>
        </a>
        <a id="east" class="territory__link" href="/Actualites/(filter)/amiens-est" title="Mairie de secteur Est<br />166, chaussée Jules-Ferry <br />Tel : 03 22 50 47 65<br />Ouverte du lundi au vendredi de 8h45 à 12h30 et de 13h30 à 17h45 <br />Ouverte le samedi matin de 9h à 12h (hors vacances scolaires)">
            <path class="territory__shape" fill="#FFFFFF" stroke="#9A1F73" stroke-miterlimit="10" d="M248.5306,300.3364l6.0711,46.8824l18.3819-6.9143            c0,0,2.0237,4.3847,3.2042,9.9499c1.1805,5.5652,6.4927,13.2384,6.4927,13.2384s4.2161,1.5178,7.0829,3.3728            c2.8669,1.855,4.2161,3.9631,4.2161,3.9631l5.2279,11.3833l4.5533,8.5164l4.6376,3.1199l-2.9512,3.3728l2.108,3.2042            l2.9512,13.1541l4.216,11.8893l3.6258,13.0697l2.8761,1.1106l24.1626-11.021l4.9472-0.112l7.8696-5.0593l2.4736-0.4499v-1.5738            l5.6212-5.2846l2.361,3.7101l12.3674-8.8814c0,0-1.6864-3.4855-1.799-4.16c-0.1127-0.6746-2.8109-4.272-2.8109-4.272            l-0.2246-4.2727l-3.7101-1.5738l-2.1364-0.2246l-0.3373-5.0593l-4.1595-6.7457l4.2721-7.4202l0.5619-10.1185l7.7575-10.9057            l-6.0711-15.7397l-2.1357,2.0237l-2.4736-2.361l-4.3847-0.6746l-1.3492,0.8992l-1.2365-2.4736l6.5204-3.9348l-0.5619-3.7101            l-9.3314-11.9176l-4.9472-9.2186l-3.0356-2.8109l0.6746-5.9702l-1.1239-6.7339l-2.6983-3.7101h-7.1955l-3.9348-1.2372            l-7.5328-5.0592l-9.5566-5.7338l-5.8459-1.6581l-1.6864-3.2885l-2.2489,0.5619l-0.8992-1.2365l-4.2721-0.8992l-6.6336-1.9117            l-8.4321,1.1245l-1.3492,1.4618l-8.6567-5.8465l-6.0711-2.6983l-3.2042,5.0592l-14.5593,31.7047L248.5306,300.3364z"/>
            <text class="territory__name" x="310" y="350">Est</text>
        </a>
    </g>
    <g class="territory__water">
        <path fill="#1D9ECC" d="M342.2795,288.7139c-1.5843-0.1041-3.1185-0.4572-4.5645-1.0514c-0.7036-0.2859-1.4012-0.639-2.0685-1.0461            c-0.7134-0.4394-1.3268-0.8959-1.7997-1.3465l-0.1521-0.1193c-2.9908-2.1515-5.5672-3.826-8.1093-5.2707            c-3.2444-1.8373-6.2325-3.1311-9.129-3.9545c-3.3116-0.9632-6.7997-1.3017-9.8057-1.5442l-1.1982-0.0988            c-2.7787-0.2286-5.4025-0.4447-8.0481-0.8498c-2.9104-0.4288-5.8531-1.027-8.9954-1.8287            c-2.6383-0.6772-5.5572-1.5211-8.9182-2.5784c-3.3939-1.0856-6.1047-2.0974-8.521-3.1785l-4.3037-1.9901l-2.2154-0.9874            l-0.3517-0.1502c-0.3617-2.6699-0.726-5.3405-1.1127-8.0065l-0.1008-0.695l-10.631-17.9337l-10.7259-5.269l-8.583,1.0085            l-8.5981,1.4173l-3.3267,16.0414l-2.0118-0.4905c-0.0942-0.025-0.2095-0.0672-0.3446-0.1265            c-0.5915-0.2513-1.3728-0.7451-2.2015-1.3899c-0.3841-0.2988-0.782-0.6321-1.1831-0.9911            c-0.3762-0.3363-0.7925-0.7339-1.0876-1.0385l-0.5389-0.556l-0.6416-0.3037c-3.0942-1.4631-5.4216-3.42-6.9229-5.8221            c-0.7583-1.1959-1.392-2.5975-1.9381-4.2888c-0.3485-1.0636-0.6443-2.1979-0.9571-3.3989            c-0.1647-0.6298-0.3334-1.2767-0.5178-1.9466c-0.2556-0.9061-0.5692-1.974-1.0666-3.1818            c-0.0882-0.2125-0.2483-0.5827-0.415-0.9048c-0.17-0.3337-0.3525-0.6528-0.5409-0.945c-0.3616-0.5672-0.7733-1.1117-1.2272-1.6229            c-1.5685-1.7417-3.2476-2.9423-4.7292-4.0016l-0.8024-0.5689c-1.3722-0.965-2.6686-1.8768-3.7282-2.8237            c-1.1779-1.0465-1.9407-2.0553-2.2695-3.0033c-0.0863-0.2454-0.1489-0.4888-0.1881-0.726l-0.0293-0.1999            c-0.0039-0.0392-0.0088-0.0787-0.0177-0.1459l-0.0392-0.7009c-0.0613-1.1505-0.2043-2.2846-0.424-3.3656            c-0.4249-2.1442-1.2444-4.3485-2.3675-6.3702c-1.0867-1.9776-2.3877-3.725-3.5181-5.1745l-1.7484-2.2348l-1.6584-2.2239            c-1.3683-1.8429-2.8179-3.2543-4.3122-4.6614c-1.3185-1.2243-2.7441-2.4552-4.4895-3.8768c-3.2457-2.6231-6.3-4.912-9.3362-6.9973            l-0.1828-0.1258l-14.1419-6.3804c-3.1617-1.4388-6.3949-2.8551-9.5213-4.2249c-1.4644-0.6416-2.9288-1.2833-4.3932-1.9302            l-13.915-6.1116c-3.3303-1.4832-6.7397-2.9332-10.0368-4.3353c-1.3155-0.5596-2.6311-1.1189-3.9446-1.6818l-0.8923-0.3821            l-1.001,2.0918l55.6202,26.6583c3.1268,2.2763,6.1014,4.5978,8.8408,6.9005c1.618,1.3649,2.9901,2.5915,4.1924,3.747            c1.277,1.2388,2.6047,2.5886,3.6465,4.0437c0.8182,1.2108,1.7068,2.3824,2.5662,3.5151c1.4513,1.9131,2.8218,3.7197,3.9038,5.7246            c0.8792,1.6248,1.4855,3.2994,1.8031,4.9815c0.163,0.8469,0.2661,1.7368,0.3047,2.6146c0.0158,1.2022,0.1874,2.2809,0.5056,3.1923            c0.6004,1.8027,1.7813,3.4911,3.6103,5.1614c1.2892,1.1772,2.6904,2.1861,4.0451,3.162l0.5836,0.4206            c1.4605,1.0619,2.971,2.1604,4.1528,3.5069c1.0698,1.1482,1.5619,2.691,2.0922,4.5813c0.1654,0.6077,0.3222,1.22,0.4796,1.8343            c0.3123,1.2223,0.6357,2.4865,1.0343,3.7276c0.6732,2.1185,1.4822,3.9166,2.4697,5.4898c1.9591,3.1844,5.0316,5.8556,8.8939,7.7331            c0.8485,0.8636,1.7213,1.6472,2.6686,2.3949c0.8498,0.6617,2.0007,1.4987,3.3492,2.0929c0.6416,0.2984,1.3129,0.4598,1.9051,0.6021            l1.8729,0.4375c1.2859,0.2872,2.467,0.5322,3.6106,0.7503l1.305,0.249l3.606-17.7884l4.0151-0.6957            c0.3169-0.054,0.6581-0.0935,0.9994-0.1334c0.1996-0.0231,0.3985-0.0465,0.5843-0.0712l6.216-0.7579l8.0151,3.829l9.5296,15.6774            l1.6054,10.4505l0.7405,0.2569c1.1864,0.4124,2.4288,0.946,3.6304,1.4625l4.996,2.1949c2.6074,1.11,5.4875,2.1271,9.0698,3.2042            c7.4544,2.1917,13.2186,3.4651,18.6843,4.1271c3.222,0.4058,6.4808,0.5797,9.5421,0.7227            c2.9624,0.1416,6.1093,0.3445,9.1534,1.1264c2.6667,0.6667,5.4545,1.7734,8.5223,3.3827c2.4269,1.2754,4.9532,2.8011,7.9473,4.801            c0.6331,0.5356,1.3484,1.0191,2.2503,1.5224c0.8122,0.4466,1.6541,0.8261,2.4993,1.1265c1.7207,0.6192,3.5316,0.9539,5.3827,0.9934            l1.0138,0.0218l0.0448-2.3169L342.2795,288.7139z"/>
    </g>
</svg>

<div class="amiens-tooltip">

</div>
                                        
                                        <script type="text/javascript">
                                            
                                            $(function() {
                                                $('.territory .territory__link').on('mouseover',function(e){
                                                    // do your stuff here
                                                    if($(".territory").attr('currentActive') != $(this).attr("id")){
                                                        $(".amiens-tooltip").html("").hide();
                                                    }
                                                    if($(this).attr('title') != undefined){
                                                        $('.territory').attr("currentActive", $(this).attr("id"));
                                                        topPos = -200;
                                                        leftPos = 120;
                                                        if($(this).attr("id") == "north") {
                                                            topPos = -170;
                                                            leftPos = 100;
                                                        }else if($(this).attr("id") == "east"){
                                                            topPos = -200;
                                                            leftPos = 90;
                                                        }else if($(this).attr("id") == "west"){
                                                            topPos = 0;
                                                            leftPos = -100;
                                                        }else if($(this).attr("id") == "south"){
                                                            topPos = 200;
                                                            leftPos = 0;
                                                        }
                                                        $(".amiens-tooltip").css('top', Math.round($(this).position().top) + topPos);
                                                        $(".amiens-tooltip").css('left', Math.round($(this).position().left) + leftPos);
                                                        $(".amiens-tooltip").show();
                                                        $(".amiens-tooltip").html($(this).attr('title'));
                                                    }

                                                });
                                                $('.territory .territory__link').on('mouseout',function(e){
                                                    // do your stuff here
                                                    if($(this).attr('title') != undefined){
                                                        if($(".territory").attr('currentActive') != $(this).attr("id")){
                                                            $(".amiens-tooltip").html("").hide();
                                                        }
                                                    }
                                                });
                                            });
                                            
                                        </script>
                                    </div>
                                </div>
                                <div class="submenu__col">
                                    <p class="submenu__title hidden-sm-down">
                                        L'actualité de votre <span class="submenu__title__section">commune</span>
                                    </p>

                                    <ul class="menu-lvl2 jsMenuChild">
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/allonville">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Allonville
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/bertangles">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Bertangles
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/blangy-tronville">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Blangy-Tronville
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/bovelles">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Bovelles
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/boves">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Boves
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/cagny">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Cagny
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/camon">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Camon
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/cardonnette">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Cardonnette
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/clairy-saulchoix">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Clairy-Saulchoix
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/creuse">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Creuse
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/dreuil-les-amiens">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Dreuil-les-Amiens
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/dury">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Dury
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/estrees-sur-noye">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Estrées-sur-Noye
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/ferrieres">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Ferrières
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/glisy">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Glisy
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/grattepanche">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Grattepanche
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/guignemicourt">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Guignemicourt
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/hebecourt">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Hébecourt
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/longueau">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Longueau
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/pissy">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Pissy
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/pont-de-metz">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Pont de Metz
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/poulainville">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Poulainville
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/Querrieu">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Querrieu
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/remiencourt">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Remiencourt
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/revelles">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Revelles
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/rivery">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Rivery
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/rumigny">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Rumigny
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/sains-en-amienois">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Sains-en-Amiénois
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/saint-fuscien">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Saint-Fuscien
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/saint-sauflieu">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Saint-Sauflieu
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/Saint-Vaast en Chaussée">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Saint-Vaast en Chaussée
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/saleux">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Saleux
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/salouel">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Salouël
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/saveuse">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Saveuse
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/Seux">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Seux
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/thezy-glimont">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Thézy-Glimont
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/Vaux en Amiénois">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Vaux en Amiénois
                                                    </span>
                                                </a>
                                            </li>
                                                                                    <li class="menu-lvl2__item">
                                                <a class="menu-lvl2__item__inner"
                                                   href="/Actualites/(filter)/vers-sur-selle">
                                                    <span class="menu-lvl2__item__inner__label">
                                                        Vers-sur-Selle
                                                    </span>
                                                </a>
                                            </li>
                                                                            </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                        </li>
    
    

        <li class="menu-lvl1__item">
                    <a id="accessible-megamenu-5-label" 
               href="/Je-suis" 
               class="menu-lvl1__item__inner                      menu-lvl1__item__inner--type                                                jsSubmenuTrigger                          jsMenuChildTrigger"
                                  aria-controls="accessible-megamenu-5-children" 
                   aria-expanded="false"
               >
                Je suis...
            </a>

            <div id="accessible-megamenu-5-children" 
                 class="submenu submenu--type jsMenuChild jsSubmenu" 
                 role="region" 
                 aria-expanded="false" 
                 aria-hidden="true" 
                 aria-labelledby="accessible-megamenu-5-label">
                <div class="submenu__ctn">
                    <div class="menu-anim-show                                jsSubmenuScrollTop"
                         tabindex="-1">
                        <div class="submenu__container">
                            <ul class="list-type">
                                                                    
                                                                            
                                                                                                                            
                                        <li class="list-type__item">
                                            <a class="list-type__item__inner btn--icon-white-hover-black"
                                               href="/Je-suis/Senior2">
                                                <span class="icon icon--profile_4-medium-white  mg-bottom-10"></span>
                                                <span class="block">
                                                    Senior
                                                </span>
                                            </a>
                                        </li>

                                                                                                                    
                                                                                                                            
                                        <li class="list-type__item">
                                            <a class="list-type__item__inner btn--icon-white-hover-black"
                                               href="/Je-suis/Etudiant">
                                                <span class="icon icon--profile_2-medium-white  mg-bottom-10"></span>
                                                <span class="block">
                                                    Etudiant
                                                </span>
                                            </a>
                                        </li>

                                                                                                                    
                                                                                                                            
                                        <li class="list-type__item">
                                            <a class="list-type__item__inner btn--icon-white-hover-black"
                                               href="/Je-suis/Entreprise">
                                                <span class="icon icon--profile_6-medium-white  mg-bottom-10"></span>
                                                <span class="block">
                                                    Entreprise
                                                </span>
                                            </a>
                                        </li>

                                                                                                                    
                                                                                                                            
                                        <li class="list-type__item">
                                            <a class="list-type__item__inner btn--icon-white-hover-black"
                                               href="/Je-suis/Famille">
                                                <span class="icon icon--profile_1-medium-white  mg-bottom-10"></span>
                                                <span class="block">
                                                    Famille
                                                </span>
                                            </a>
                                        </li>

                                                                                                                    
                                                                                                                            
                                        <li class="list-type__item">
                                            <a class="list-type__item__inner btn--icon-white-hover-black"
                                               href="/Je-suis/Jeune">
                                                <span class="icon icon--profile_7-medium-white  mg-bottom-10"></span>
                                                <span class="block">
                                                    Jeune
                                                </span>
                                            </a>
                                        </li>

                                                                                                                    
                                                                                                                            
                                        <li class="list-type__item">
                                            <a class="list-type__item__inner btn--icon-white-hover-black"
                                               href="/Je-suis/Nouvel-arrivant">
                                                <span class="icon icon--profile_3-medium-white  mg-bottom-10"></span>
                                                <span class="block">
                                                    Nouvel arrivant
                                                </span>
                                            </a>
                                        </li>

                                                                                                                    
                                                                                                                            
                                        <li class="list-type__item">
                                            <a class="list-type__item__inner btn--icon-white-hover-black"
                                               href="/Je-suis/Touriste">
                                                <span class="icon icon--profile_5-medium-white  mg-bottom-10"></span>
                                                <span class="block">
                                                    Touriste
                                                </span>
                                            </a>
                                        </li>

                                                                                                                                        </ul>
                        </div>
                    </div>
                </div>
            </div>
            </li>
    </ul>
            </nav>
        </div>
    </div>
</header>
                
        <main id="main">
			
        <section id="jsInviteScrollContainer"
             class="main-slider                    jsSliderMainCtn                    jsSliderCtn">
        <div class="owl-carousel                    jsSlider                    jsSliderMain"
             role="listbox"
                              data-autoplay="true"
                 data-autoplay-timeout="5000"
                data-dots-container="#mainSliderPagination"
                          tabindex="0"
             aria-live="off">

                                
                    <div class="jsSliderItem"
                         role="option"
                         data-index="0"
                         data-dot-label="Se rendre au diaporama : Cheminer vers l’égalité">

                        
        

    

        
        
        
        
                    <picture 
                 >
               <!--[if IE 9]><video style="display: none;"><![endif]-->
               
                
                                                                                                
                                                                                            <source                                     srcset="/var/ez_website/storage/images/media/images/jda/jda-2025/jda-1109/cheminer-vers-l-egalite-1/1507596-1-fre-FR/Cheminer-vers-l-egalite-1_format_1920x650.jpg"
                                                                media="(min-width: 640px)">
                                    
                <!--[if IE 9]></video><![endif]-->

                                    <img
                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                        srcset=/var/ez_website/storage/images/media/images/jda/jda-2025/jda-1109/cheminer-vers-l-egalite-1/1507567-1-fre-FR/Cheminer-vers-l-egalite-1_format_720x800.jpg                        
                                                                                    alt="Cheminer vers l’égalité 1 © Getty Images"
                                                            title="Cheminer vers l’égalité 1 © Getty Images"
                                                            longdesc="/wai/visual-description/(visualId)/73556"
                                                                        />
                
                
            </picture>
        
                                                        </div>

                                                
                    <div class="jsSliderItem"
                         role="option"
                         data-index="1"
                         data-dot-label="Se rendre au diaporama : Vanessa Lokuli se fait un prénom">

                        
        

    

        
        
        
        
                    <picture 
                 >
               <!--[if IE 9]><video style="display: none;"><![endif]-->
               
                
                                                                                                
                                                                                            <source                                     srcset="/var/ez_website/storage/images/media/images/jda/jda-2025/jda-1109/vanessa-lokuli-se-fait-un-prenom/1507409-2-fre-FR/Vanessa-Lokuli-se-fait-un-prenom_format_1920x650.jpg"
                                                                media="(min-width: 640px)">
                                    
                <!--[if IE 9]></video><![endif]-->

                                    <img
                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                        srcset=/var/ez_website/storage/images/media/images/jda/jda-2025/jda-1109/vanessa-lokuli-se-fait-un-prenom/1507380-1-fre-FR/Vanessa-Lokuli-se-fait-un-prenom_format_720x800.jpg                        
                                                                                    alt="Vanessa Lokuli se fait un prénom © Laurent Rousselin"
                                                            title="Vanessa Lokuli se fait un prénom © Laurent Rousselin"
                                                            longdesc="/wai/visual-description/(visualId)/73547"
                                                                        />
                
                
            </picture>
        
                                                        </div>

                                                
                    <div class="jsSliderItem"
                         role="option"
                         data-index="2"
                         data-dot-label="Se rendre au diaporama : Anne Brochet en eaux amiénoises">

                        
        

    

        
        
        
        
                    <picture 
                 >
               <!--[if IE 9]><video style="display: none;"><![endif]-->
               
                
                                                                                                
                                                                                            <source                                     srcset="/var/ez_website/storage/images/media/images/jda/jda-2025/jda-1109/anne-brochet-en-eaux-amienoises/1507559-1-fre-FR/Anne-Brochet-en-eaux-amienoises_format_1920x650.jpg"
                                                                media="(min-width: 640px)">
                                    
                <!--[if IE 9]></video><![endif]-->

                                    <img
                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                        srcset=/var/ez_website/storage/images/media/images/jda/jda-2025/jda-1109/anne-brochet-en-eaux-amienoises/1507530-1-fre-FR/Anne-Brochet-en-eaux-amienoises_format_720x800.jpg                        
                                                                                    alt="Anne Brochet en eaux amiénoises © Vincent Warin"
                                                            title="Anne Brochet en eaux amiénoises © Vincent Warin"
                                                            longdesc="/wai/visual-description/(visualId)/73554"
                                                                        />
                
                
            </picture>
        
                                                        </div>

                                                
                    <div class="jsSliderItem"
                         role="option"
                         data-index="3"
                         data-dot-label="Se rendre au diaporama : Abonnez-vous à la version numérique du JDA">

                        
        

    

        
        
        
        
                    <picture 
                 >
               <!--[if IE 9]><video style="display: none;"><![endif]-->
               
                
                                                                                                
                                                                                            <source                                     srcset="/var/ez_website/storage/images/media/images/jda/jda-2024/jda-1087/abonnez-vous-a-la-version-numerique-du-jda/1350270-2-fre-FR/Abonnez-vous-a-la-version-numerique-du-JDA_format_1920x650.jpg"
                                                                media="(min-width: 640px)">
                                    
                <!--[if IE 9]></video><![endif]-->

                                    <img
                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                        srcset=/var/ez_website/storage/images/media/images/jda/jda-2024/jda-1087/abonnez-vous-a-la-version-numerique-du-jda/1350241-1-fre-FR/Abonnez-vous-a-la-version-numerique-du-JDA_format_720x800.jpg                        
                                                                                    alt="Abonnez-vous à la version numérique du JDA © Getty Images"
                                                            title="Abonnez-vous à la version numérique du JDA © Getty Images"
                                                            longdesc="/wai/visual-description/(visualId)/66427"
                                                                        />
                
                
            </picture>
        
                                                        </div>

                                                
                    <div class="jsSliderItem"
                         role="option"
                         data-index="4"
                         data-dot-label="Se rendre au diaporama : Plan Grand Froid">

                        
    

    

        
        
        
        
                    <picture 
                 >
               <!--[if IE 9]><video style="display: none;"><![endif]-->
               
                
                                                                                                
                                                                                            <source                                     srcset="/var/ez_website/storage/images/media/images/vivre-a-amiens/solidarites/plan-grand-froid-bandeau/218131-1-fre-FR/plan-grand-froid-bandeau_format_1920x650.jpg"
                                                                media="(min-width: 640px)">
                                    
                <!--[if IE 9]></video><![endif]-->

                                    <img
                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                        srcset=/var/ez_website/storage/images/media/images/vivre-a-amiens/solidarites/plan-grand-froid-bandeau/218131-1-fre-FR/plan-grand-froid-bandeau_format_720x800.jpg                        
                                                                                    alt="plan grand froid"
                                                            title="plan grand froid"
                                                            longdesc="/wai/visual-description/(visualId)/12089"
                                                                        />
                
                
            </picture>
        
                                                        </div>

                                    </div>

        <div class="container">
            <div class="main-slider__info">

                                    <div class="main-slider__control">
                        
                        
                        
                        
                        <button class="btn                                       btn--media-control                                       btn--media-control--white                                       btn--media-control--hover-purple                                       main-slider__control__player                                       jsBtnAutoplay"
                                title="Mettre en pause"
                                aria-label="Mettre en pause"
                                data-label-pause="Mettre en pause"
                                data-label-play="Défilement automatique"
                                data-autoplay="true">
                        </button>

                        <div id="mainSliderPagination"
                             class="main-slider__pagination"
                             role="tablist"></div>
                    </div>
                
                <div>
                                                                    
                        <div class="main-slider__info__item jsSliderMainInfo                                                                            jsBlockLink                                                                                                                 jsIsActive"
                             data-index="0"
                             >
                                                            <p class="main-slider__info__item__ontitle                                          hidden-sm-down">
                                    Droits des Femmes
                                </p>
                            
                            
                                                                                    <h2 class="main-slider__info__item__title">
                                                                    <a href="/Actualites/Cheminer-vers-l-e-galite"
                                       class="main-slider__info__item__title__inner"
                                                                           >
                                
                                    Cheminer vers l’égalité

                                                                    </a>
                                                            </h2>

                            <div class="main-slider__info__item__arrow">
                                                                    <p class="main-slider__info__item__subtitle                                              hidden-sm-down">
                                        Le 8 mars, Journée internationale des droits des femmes, est l’occasion pour la Ville d’Amiens de rappeler ses actions en faveur de l’égalité. Thématique qui guidera ses opérations en 2025.
                                    </p>
                                                            </div>
                                                    </div>


                                                                                            
                        <div class="main-slider__info__item jsSliderMainInfo                                                                            jsBlockLink"
                             data-index="1"
                             >
                                                            <p class="main-slider__info__item__ontitle                                          hidden-sm-down">
                                    Athlétisme
                                </p>
                            
                            
                                                                                    <h2 class="main-slider__info__item__title">
                                                                    <a href="/Actualites/Vanessa-Lokuli-se-fait-un-prenom"
                                       class="main-slider__info__item__title__inner"
                                                                           >
                                
                                    Vanessa Lokuli se fait un prénom

                                                                    </a>
                                                            </h2>

                            <div class="main-slider__info__item__arrow">
                                                                    <p class="main-slider__info__item__subtitle                                              hidden-sm-down">
                                        Fille de l’ancien attaquant de l’Amiens SC Raymond Lokuli, la double médaillée de bronze des championnats de France en salle au 60 mètres et à la longueur peut voir loin.
                                    </p>
                                                            </div>
                                                    </div>


                                                                                            
                        <div class="main-slider__info__item jsSliderMainInfo                                                                            jsBlockLink"
                             data-index="2"
                             >
                                                            <p class="main-slider__info__item__ontitle                                          hidden-sm-down">
                                    Théâtre
                                </p>
                            
                            
                                                                                    <h2 class="main-slider__info__item__title">
                                                                    <a href="/Actualites/Anne-Brochet-en-eaux-amienoises"
                                       class="main-slider__info__item__title__inner"
                                                                           >
                                
                                    Anne Brochet en eaux amiénoises

                                                                    </a>
                                                            </h2>

                            <div class="main-slider__info__item__arrow">
                                                                    <p class="main-slider__info__item__subtitle                                              hidden-sm-down">
                                        C’est à Amiens qu’elle a tâté la température de l’art. Anne Brochet, la Roxane du Cyrano de Bergerac de Rappeneau, replonge dans sa ville natale les 11 et 12 mars.
                                    </p>
                                                            </div>
                                                    </div>


                                                                                            
                        <div class="main-slider__info__item jsSliderMainInfo                                                                            jsBlockLink"
                             data-index="3"
                             >
                            
                            
                                                                                                                                                <h2 class="main-slider__info__item__title smaller__title">
                                                                    <a href="/Actualites/Abonnez-vous-a-la-version-numerique-du-JDA2"
                                       class="main-slider__info__item__title__inner"
                                                                           >
                                
                                    Abonnez-vous à la version numérique du JDA

                                                                    </a>
                                                            </h2>

                            <div class="main-slider__info__item__arrow">
                                                            </div>
                                                    </div>


                                                                                            
                        <div class="main-slider__info__item jsSliderMainInfo                                                                            jsBlockLink"
                             data-index="4"
                             >
                                                            <p class="main-slider__info__item__ontitle                                          hidden-sm-down">
                                    Solidarité
                                </p>
                            
                            
                                                                                    <h2 class="main-slider__info__item__title">
                                                                    <a href="/Vivre-a-Amiens/Solidarites/Plan-grand-froid"
                                       class="main-slider__info__item__title__inner"
                                                                           >
                                
                                    Plan Grand Froid

                                                                    </a>
                                                            </h2>

                            <div class="main-slider__info__item__arrow">
                                                                    <p class="main-slider__info__item__subtitle                                              hidden-sm-down">
                                        TOUS VIGILANTS ET SOLIDAIRES AVEC LE PLAN GRAND FROID !
                                    </p>
                                                            </div>
                                                    </div>


                                                            </div>

                
                    
                                            <a href="/Actualites"
                           class="main-slider__info__btn"
                           >
                            <span class="main-slider__info__btn__inner">
                                Toutes les actualités
                            </span>
                        </a>
                    
                
            </div>
        </div>

        <div class="main-slider__invite-scroll                    hidden-sm-down"
             id="jsInviteScroll">
            <p class="text                      text--xxs                      text--sans-extrabold                      text--white                      text--upper                      text--center                      main-slider__invite-scroll__text">
                Parcourir la page
            </p>

            <div class="button-animated">
                <button class="btn                               btn--arrow-down                               btn--icon-purple-hover-white                               main-slider__invite-scroll__btn                               jsGAEvent"
                        data-ga-category="Gabarit « Page d’accueil »"
                        data-ga-action="Parcourir la page"
                        aria-label="Parcourir la page">
                    <span class="icon                                 icon--center                                 icon--arrow-down-medium-purple"></span>
                </button>
            </div>
        </div>
    </section>


    	
			    <div class="mg-block-bottom mg-top-20">
        <div class="container">
            <div class="row">
                <div class="col-md-8 offset-md-2">
                    <div class="alerts-slider                                jsSliderCtn">
                        <div class="owl-carousel                                    jsSlider                                    jsSliderAlerts"
                             role="listbox"
                                                          tabindex="0"
                             aria-live="off">
                                                                
                
    
    <div class="jsSliderItem"
         role="option"
         data-index="0"
         data-dot-label="Voir l'alerte : Demandes de pièces d'identité">
        <p class="alerts-slider__text">
                            <a
                    href="https://portail-citoyen.amiens.fr/hors-navigation/sommaire-demande-de-cni-passeport/carte-nationale-didentite/"
                    title="Ouverture du lien dans une nouvelle fenêtre : En savoir plus sur l'alerte : Demandes de pièces d'identité"
                    class="alerts-slider__text__inner                           alerts-slider__text__inner--link">
                    Demandes de pièces d'identité
                </a>
                    </p>
    </div>                                                    </div>

                        <div class="alerts-slider__control                                    text-center">
                            <div class="alerts-slider__control__inner">
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	
						    
                            
                    
                                                                            
                                            
        
                                            
        
                                            
        
                  
<section class="diary-tab mg-block">
    <div class="container">
        <div class="row">
                            <h2 class="diary-tab__title">
                    L'agenda
                </h2>
                    </div>

        <div class="row">
            <div class="js-tabs hidden-sm-down">
                <ul class="js-tablist diary-tab__tabs">
                    
                                            
                        <li class="diary-tab__tabs__elem                                   js-tablist__item">
                            
                            <a role="button"
                               href="#a-la-une"
                               data-tab="a-la-une"
                               id="label_a-la-une"
                               class="diary-tab__tabs__elem__inner                                      js-tablist__link                                                                            jsDefaultselect"
                               title="Onglet : A la Une">
                                A la Une
                            </a>
                        </li>
                                            
                        <li class="diary-tab__tabs__elem                                   js-tablist__item">
                            
                            <a role="button"
                               href="#today"
                               data-tab="today"
                               id="label_today"
                               class="diary-tab__tabs__elem__inner                                      js-tablist__link                                      hidden"
                               title="Onglet : Aujourd'hui">
                                Aujourd'hui
                            </a>
                        </li>
                                            
                        <li class="diary-tab__tabs__elem                                   js-tablist__item">
                            
                            <a role="button"
                               href="#week"
                               data-tab="week"
                               id="label_week"
                               class="diary-tab__tabs__elem__inner                                      js-tablist__link                                      hidden"
                               title="Onglet : Ce week-end">
                                Ce week-end
                            </a>
                        </li>
                                            
                        <li class="diary-tab__tabs__elem                                   js-tablist__item">
                            
                            <a role="button"
                               href="#month"
                               data-tab="month"
                               id="label_month"
                               class="diary-tab__tabs__elem__inner                                      js-tablist__link                                      hidden"
                               title="Onglet : Ce mois-ci">
                                Ce mois-ci
                            </a>
                        </li>
                                    </ul>

                                                            <div id="a-la-une"
                             class="diary-tab__ascents js-tabcontent">
                            <div class="container">
                                <div class="row">
                                                                        <div class="col-md-4">
                                        
<div class="diary-block jsBlockLink"
             aria-label="Spectacle | Bunker"
         >
    
    <div class="diary-block__container">

                    	<picture>
			<!--[if IE 9]><video style="display: none;"><![endif]-->
								<source data-srcset="https://www.amienscope.fr/i/394x514/2025/02/19/bunker-jpg-gdcc2o.jpg"
					srcset="https://www.amienscope.fr/i/394x514/2025/02/19/bunker-jpg-gdcc2o.jpg"
					media="(min-width: 640px)">
			
		<!--[if IE 9]></video><![endif]-->	
		<source data-srcset="https://www.amienscope.fr/i/320x425/2025/02/19/bunker-jpg-gdcc2o.jpg">

	<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
		 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
				   			   class="diary-block__container__visual lazyload"
		   				alt="Spectacle | Bunker" />
</picture>                <div class="diary-block__content-hidden">
                            <h2>
                    <a href="/Les-evenements/Spectacle-Bunker"
                       class="diary-block__content-hidden__title"
                       title="Voir la page : Spectacle | Bunker">
                        Spectacle | Bunker
                    </a>
                </h2>
            
            <a href="/Les-evenements/Spectacle-Bunker"
               rel="nofollow"
               tabindex="-1"
               class="btn                      btn--bg-orange                      btn--bg-hover-white                      btn--text-white                      btn--text-hover-orange                      btn--border-orange                      jsIgnoreBlockLink"
               title="En savoir plus sur l'événement : Spectacle | Bunker">
                <span class="btn__inner">
                    en savoir plus
                </span>
            </a>
        </div>
    </div>

    
    <div class="diary-block__content">
                    <span class="diary-block__content__tag">
                Spectacle
            </span>
        
        
            <span class="diary-block__content__date                         diary-block__content__date--start">
                <span class="diary-block__content__date__day">
                    11
                </span>

                <span class="diary-block__content__date__month">
                    mars
                </span>
            </span>

            <span class="diary-block__content__separator">
                au
            </span>

            <span class="diary-block__content__date                         diary-block__content__date--end">
                <span class="diary-block__content__date__day">
                    14
                </span>

                <span class="diary-block__content__date__month">
                    mars
                </span>
            </span>
            </div>
</div>
                                    </div>
                                                                        <div class="col-md-4">
                                        
<div class="diary-block jsBlockLink"
             aria-label="Safra’Numériques"
         >
    
    <div class="diary-block__container">

                    	<picture>
			<!--[if IE 9]><video style="display: none;"><![endif]-->
								<source data-srcset="https://www.amienscope.fr/i/394x514/2025/02/06/safra-numeriques-jpg-kb6l9q.jpg"
					srcset="https://www.amienscope.fr/i/394x514/2025/02/06/safra-numeriques-jpg-kb6l9q.jpg"
					media="(min-width: 640px)">
			
		<!--[if IE 9]></video><![endif]-->	
		<source data-srcset="https://www.amienscope.fr/i/320x425/2025/02/06/safra-numeriques-jpg-kb6l9q.jpg">

	<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
		 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
				   			   class="diary-block__container__visual lazyload"
		   				alt="Safra’Numériques" />
</picture>                <div class="diary-block__content-hidden">
                            <h2>
                    <a href="/Les-evenements/Safra-Numeriques4"
                       class="diary-block__content-hidden__title"
                       title="Voir la page : Safra’Numériques">
                        Safra’Numériques
                    </a>
                </h2>
            
            <a href="/Les-evenements/Safra-Numeriques4"
               rel="nofollow"
               tabindex="-1"
               class="btn                      btn--bg-orange                      btn--bg-hover-white                      btn--text-white                      btn--text-hover-orange                      btn--border-orange                      jsIgnoreBlockLink"
               title="En savoir plus sur l'événement : Safra’Numériques">
                <span class="btn__inner">
                    en savoir plus
                </span>
            </a>
        </div>
    </div>

    
    <div class="diary-block__content">
                    <span class="diary-block__content__tag">
                Fête et Festival
            </span>
        
        
            <span class="diary-block__content__date                         diary-block__content__date--start">
                <span class="diary-block__content__date__day">
                    18
                </span>

                <span class="diary-block__content__date__month">
                    mars
                </span>
            </span>

            <span class="diary-block__content__separator">
                au
            </span>

            <span class="diary-block__content__date                         diary-block__content__date--end">
                <span class="diary-block__content__date__day">
                    22
                </span>

                <span class="diary-block__content__date__month">
                    mars
                </span>
            </span>
            </div>
</div>
                                    </div>
                                                                        <div class="col-md-4">
                                        
<div class="diary-block jsBlockLink"
             aria-label="Sport | Urban Trail d'Amiens 2025"
         >
    
    <div class="diary-block__container">

                    	<picture>
			<!--[if IE 9]><video style="display: none;"><![endif]-->
								<source data-srcset="https://www.amienscope.fr/i/394x514/2025/02/07/urban-trail-jpg-ou1pt3.jpg"
					srcset="https://www.amienscope.fr/i/394x514/2025/02/07/urban-trail-jpg-ou1pt3.jpg"
					media="(min-width: 640px)">
			
		<!--[if IE 9]></video><![endif]-->	
		<source data-srcset="https://www.amienscope.fr/i/320x425/2025/02/07/urban-trail-jpg-ou1pt3.jpg">

	<img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
		 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
				   			   class="diary-block__container__visual lazyload"
		   				alt="Sport | Urban Trail d'Amiens 2025" />
</picture>                <div class="diary-block__content-hidden">
                            <h2>
                    <a href="/Les-evenements/Sport-Urban-Trail-d-Amiens-2025"
                       class="diary-block__content-hidden__title"
                       title="Voir la page : Sport | Urban Trail d'Amiens 2025">
                        Sport | Urban Trail d'Amiens 2025
                    </a>
                </h2>
            
            <a href="/Les-evenements/Sport-Urban-Trail-d-Amiens-2025"
               rel="nofollow"
               tabindex="-1"
               class="btn                      btn--bg-orange                      btn--bg-hover-white                      btn--text-white                      btn--text-hover-orange                      btn--border-orange                      jsIgnoreBlockLink"
               title="En savoir plus sur l'événement : Sport | Urban Trail d'Amiens 2025">
                <span class="btn__inner">
                    en savoir plus
                </span>
            </a>
        </div>
    </div>

    
    <div class="diary-block__content">
                    <span class="diary-block__content__tag">
                Sport
            </span>
        
        
            <div class="diary-block__content__date                        diary-block__content__date--single">
                <span class="diary-block__content__date__day">
                    22
                </span>

                <span class="diary-block__content__date__month">
                    mars
                </span>
            </div>
            </div>
</div>
                                    </div>
                                                                    </div>
                            </div>
                        </div>
                                                                                
                                                                                                                        <div id="today"
                             class="diary-tab__ascents                                    js-tabcontent                                    jsAjaxEvents"
                             data-proxy="/events/get-events/(period)/today/(limit)/3/(rand)/1">
                            <div class="container">
                                <div class="row jsAjaxEventsContent">
                                    <div class="center-child center-child--full">
    <picture>
        <!--[if IE 9]><video style="display: none;"><![endif]-->
        <source data-srcset="/extension/amiens/design/amiens/images/global/loader_394x514.gif"
                srcset="/extension/amiens/design/amiens/images/global/loader_394x514.gif"
                media="(min-width: 640px)"/>

        <source data-srcset="/extension/amiens/design/amiens/images/global/loader_320x425.gif"
                srcset="/extension/amiens/design/amiens/images/global/loader_320x425.gif"
                media="(max-width: 639px)"/>
        <!--[if IE 9]></video><![endif]-->

        <img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
             src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
             alt="Loading..." />
    </picture>
</div>                                </div>
                            </div>
                        </div>
                                                                                
                                                                                                                        <div id="week"
                             class="diary-tab__ascents                                    js-tabcontent                                    jsAjaxEvents"
                             data-proxy="/events/get-events/(period)/week/(limit)/3/(rand)/1">
                            <div class="container">
                                <div class="row jsAjaxEventsContent">
                                    <div class="center-child center-child--full">
    <picture>
        <!--[if IE 9]><video style="display: none;"><![endif]-->
        <source data-srcset="/extension/amiens/design/amiens/images/global/loader_394x514.gif"
                srcset="/extension/amiens/design/amiens/images/global/loader_394x514.gif"
                media="(min-width: 640px)"/>

        <source data-srcset="/extension/amiens/design/amiens/images/global/loader_320x425.gif"
                srcset="/extension/amiens/design/amiens/images/global/loader_320x425.gif"
                media="(max-width: 639px)"/>
        <!--[if IE 9]></video><![endif]-->

        <img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
             src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
             alt="Loading..." />
    </picture>
</div>                                </div>
                            </div>
                        </div>
                                                                                
                                                                                                                        <div id="month"
                             class="diary-tab__ascents                                    js-tabcontent                                    jsAjaxEvents"
                             data-proxy="/events/get-events/(period)/month/(limit)/3/(rand)/1">
                            <div class="container">
                                <div class="row jsAjaxEventsContent">
                                    <div class="center-child center-child--full">
    <picture>
        <!--[if IE 9]><video style="display: none;"><![endif]-->
        <source data-srcset="/extension/amiens/design/amiens/images/global/loader_394x514.gif"
                srcset="/extension/amiens/design/amiens/images/global/loader_394x514.gif"
                media="(min-width: 640px)"/>

        <source data-srcset="/extension/amiens/design/amiens/images/global/loader_320x425.gif"
                srcset="/extension/amiens/design/amiens/images/global/loader_320x425.gif"
                media="(max-width: 639px)"/>
        <!--[if IE 9]></video><![endif]-->

        <img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
             src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
             alt="Loading..." />
    </picture>
</div>                                </div>
                            </div>
                        </div>
                                                </div>
        </div>
            
        
       <div class="diary-tab__last-diary hidden-md-up">
            <div class="row">
                                                <div class="col jsAjaxEvents"
                     data-proxy="/events/get-events/(period)/month/(limit)/1/(rand)/1">
                    <div class="jsAjaxEventsContent">
                        <div class="center-child center-child--full">
    <picture>
        <!--[if IE 9]><video style="display: none;"><![endif]-->
        <source data-srcset="/extension/amiens/design/amiens/images/global/loader_394x514.gif"
                srcset="/extension/amiens/design/amiens/images/global/loader_394x514.gif"
                media="(min-width: 640px)"/>

        <source data-srcset="/extension/amiens/design/amiens/images/global/loader_320x425.gif"
                srcset="/extension/amiens/design/amiens/images/global/loader_320x425.gif"
                media="(max-width: 639px)"/>
        <!--[if IE 9]></video><![endif]-->

        <img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
             src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
             alt="Loading..." />
    </picture>
</div>                    </div>
                </div>
            </div>
        </div>

                <div class="row">
            <a href="/Les-evenements"
               class="diary-tab__btn                      jsGAEvent"
               data-ga-category="Gabarit « Page d’accueil »"
               data-ga-action="Tout voir"
               data-ga-label="Agenda"
               >
                <span class="btn__inner">
                    Tout l'agenda
                </span>
            </a>
        </div>
            </div>
</section>					<section class="highlighted mg-block-bottom">
    <div class="container">
        <div class="highlighted__inner">
            <div class="row">
                <div class="col-md-4                            highlighted__col">
                    <div class="highlighted__intro">
                                                    <h2 class="highlighted__title">
                                En 1 clic ! 
                            </h2>
                        
                        
                                                                                                                <div class="text-center                                            highlighted__btn-ctn">
                                    <a href="/Liens-utiles/Mes-demarches"
                                                                                class="highlighted__btn                                               jsGAEvent"
                                        data-ga-category="Gabarit « Page d’accueil »"
                                        data-ga-action="Tout voir"
                                        data-ga-label="Projets">
                                        <span class="highlighted__btn__inner">
                                            Vos démarches
                                        </span>
                                    </a>
                                </div>
                                                                        </div>

                                            <div class="mg-bottom-30">
                             
    
    
                
    
                
    


<div class="push-block                        jsBlockLink">
    <div class="push-block__inner">
                    <h2 class="push-block__title">
                <a href="/JulesVerne2025"
                                      class="push-block__title__inner">
                    2025 Année Jules Verne
                </a>
            </h2>
        
            </div>

            
    

    

        
        
        
        
                    <img  src="/var/ez_website/storage/images/media/images/actus/2025/julesverne2025/1476937-1-fre-FR/JulesVerne2025_format_394x261.jpg"
                  
                                                              class="push-block__visual"
                                            alt="2025, année Jules Verne"
                                            title="2025, année Jules Verne"
                                            longdesc="/wai/visual-description/(visualId)/72240"
                                                 />
        
                </div>
                            </div>
                                    </div>

                                    <div class="col-md-4                                highlighted__col">
                        <div class="mg-bottom-30">
                             
    
    
                
                                    
                
    


<div class="push-block                            push-block--higher                                    push-block--with-desc                                        jsBlockLink">
    <div class="push-block__inner">
                    <h2 class="push-block__title">
                <a href="/Liens-utiles/Galeries"
                                      class="push-block__title__inner">
                    Galerie photos
                </a>
            </h2>
        
                    <p class="push-block__text                      hidden-sm-down">
                © Laurent Rousselin
            </p>
            </div>

            
        



        
        
        
        
                    <picture 
                 >
               <!--[if IE 9]><video style="display: none;"><![endif]-->
               
                
                                                                                                
                                                                                            <source                                     srcset="/var/ez_website/storage/images/media/services/laurent/mjv/00/1167862-1-fre-FR/00_format_394x552.jpg"
                                                                media="(min-width: 1024px)">
                                    
                <!--[if IE 9]></video><![endif]-->

                                    <img
                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                        srcset=/var/ez_website/storage/images/media/services/laurent/mjv/00/1167862-1-fre-FR/00_format_394x261.jpg                        
                                                                                    class="push-block__visual"
                                                            alt="00 © Laurent Rousselin"
                                                            title="00 © Laurent Rousselin"
                                                                        />
                
                
            </picture>
        
                </div>
                            </div>
                    </div>
                
                <div class="col-md-4                            highlighted__col">
                                            <div class="mg-bottom-30">
                             
    
    
                
    
                
    


<div class="push-block                        jsBlockLink">
    <div class="push-block__inner">
                    <h2 class="push-block__title">
                <a href="/Vivre-a-Amiens/Prevention-et-gestion-des-dechets/Encombrants"
                                      class="push-block__title__inner">
                    Collecte encombrants Rendez-vous
                </a>
            </h2>
        
            </div>

            
    



        
        
        
        
                    <img  src="/var/ez_website/storage/images/media/images/actus/2023/visuel-encombrants-2023/1158488-1-fre-FR/vIsuel-ENCOMBRANTS-2023_format_394x261.jpg"
                  
                                                              class="push-block__visual"
                                            alt="vIsuel ENCOMBRANTS 2023"
                                            title="vIsuel ENCOMBRANTS 2023"
                                                 />
        
                </div>
                            </div>
                    
                                            <div class="mg-bottom-30">
                             
    
    
                
    
                
    


<div class="push-block                        jsBlockLink">
    <div class="push-block__inner">
                    <h2 class="push-block__title">
                <a href="/Vivre-a-Amiens/Urbanisme-Logement/Les-autorisations-d-urbanisme-renovation-construction-extension"
                                      class="push-block__title__inner">
                    Autorisations urbanisme 
                </a>
            </h2>
        
            </div>

            
        



        
        
        
        
                    <img  src="/var/ez_website/storage/images/media/images/vivre-a-amiens/urbanisme-logement/les-autorisations-d-urbanisme/789895-1-fre-FR/Les-autorisations-d-urbanisme_format_394x261.jpg"
                  
                                                              class="push-block__visual"
                                            alt="Les autorisations d’urbanisme  © Pixabay"
                                            title="Les autorisations d’urbanisme  © Pixabay"
                                                 />
        
                </div>
                            </div>
                                    </div>
            </div>
        </div>
    </div>
</section>					



    <script type="text/javascript">
        jQuery(document).ready(function($){$('#social-stream').dcSocialStream({feeds:{facebook:{id:'434088050069106',intro:'FACEBOOK',out:'intro,title,thumb,text',url:'livewall/facebook',},twitter: {id:'@amiensmetropole',intro:'TWITTER',thumb:true,retweets:false,out:'intro,text',images:'small',url:'livewall/twitter',},instagram: {id:'!17841404317772462',username:'amiensmetropoleofficiel',accessToken:'IGQWRNekdZAQmdiallvMXh5N1oxUW1kRTRHYlZAfS3hZAa0JXeUhPQUc3SUQ0VGRqWFc5TzNlSGxPRXY1NFIwM0EzTkZAXQnBpNHVjNFk5UGJlTS00RHpNNW9xR3JtUDA4NTJ0cHQtRTFtSm83UWswZATNfcFRWbkVaN1EZD',redirectUrl:'https://www.amiens.fr',clientId:'',intro:'INSTAGRAM',comments: 0,likes: 0},youtube: {id:'amiensville/UCpRGl0pohC9vGpHUtr-Rcow',},},rotate: {delay: 0},twitterId:'@amiensmetropole',control:false,filter:false,wall:true,cache:false,max:'limit',order:'date',days:5000,limit:'3',iconPath:"/extension/amiens/design/amiens/images/socialwall/social-wall-icon/",imagePath:"/extension/amiens/design/amiens/images/socialwall/social-wall-icon/"});});
        $(document.getElementById('dcsns-filter')).find('.link-all').addClass('iso-active');
    </script>

<section class="social-stream                                    mg-block-top hidden-sm-down">

    <div class="container">
                    <h2 class="social-stream__title">
                #Amiens en live
            </h2>
        
        
        <div class="row">
            <div id="wall">
                <div id="social-stream"></div>
            </div>

                            <a href="/Amiens-en-live"
                   class="social-stream__btn                          mg-top-30                          jsGAEvent"
                   data-ga-category="Gabarit « Page d’accueil »"
                   data-ga-action="Tout voir"
                   data-ga-label="Live"
                   title="Accéder au mur social d'Amiens">
                    <span class="btn__inner">
                        tout voir
                    </span>
                </a>
                    </div>
    </div>
</section>
					<section class="services mg-block">
    <div class="container">
                    <h2 class="services__title">
                Vivre à Amiens
            </h2>
        
        <div class="row">
                            <div class="col-md-4">
                        
<div class="service-block">
    <div class="service-block__container                                    jsBlockLink"
         >
        
        



        
        
        
        
                    <img  src="/var/ez_website/storage/images/media/services/tourisme/saint-leu-nocturne/64260-1-fre-FR/Saint-Leu-nocturne_format_394x261.jpg"
                  
                                                              class="service-block__container__visual lazyload hidden-sm-down"
                                            alt="Saint-Leu nocturne © Office de Tourisme Amiens Métropole"
                                            title="Saint-Leu nocturne © Office de Tourisme Amiens Métropole"
                                                 />
        
            
                    <h3 class="service-block__container__btn">
                <span class="service-block__container__btn__picto                             hidden-md-up                             icon                             icon--left                             icon--cult-pat-medium-white"></span>
                                    <a href="/Je-suis/Touriste/Amiens-en-un-jour"
                                              class="service-block__container__btn__title">
                        Les incontournables
                    </a>
                            </h3>
            </div>

            <div class="service-block__text                    hidden-sm-down">
            Découvrez les lieux incontournables à visiter durant votre séjour à Amiens.
        </div>
    </div>
                </div>
                            <div class="col-md-4">
                        
<div class="service-block">
    <div class="service-block__container                                    jsBlockLink"
         >
        
    



        
        
        
        
                    <img  src="/var/ez_website/storage/images/media/images/48h-a-amiens/170479-1-fre-FR/48h-a-Amiens_format_394x261.png"
                  
                                                              class="service-block__container__visual lazyload hidden-sm-down"
                                            alt="48h à Amiens"
                                            title="48h à Amiens"
                                                 />
        
            
                    <h3 class="service-block__container__btn">
                <span class="service-block__container__btn__picto                             hidden-md-up                             icon                             icon--left                             icon--mobilite-medium-white"></span>
                                    <a href="/Je-suis/Touriste/48h-a-Amiens"
                                              class="service-block__container__btn__title">
                        48h à Amiens
                    </a>
                            </h3>
            </div>

            <div class="service-block__text                    hidden-sm-down">
            Visite express sur les lieux qui font le charme d'Amiens
        </div>
    </div>
                </div>
                            <div class="col-md-4">
                        
<div class="service-block">
    <div class="service-block__container                                    jsBlockLink"
         >
        
        



        
        
        
        
                    <img  src="/var/ez_website/storage/images/media/services/tourisme/hortillonnages-paysage/60320-1-fre-FR/Hortillonnages-paysage_format_394x261.jpg"
                  
                                                              class="service-block__container__visual lazyload hidden-sm-down"
                                            alt="Hortillonnages d'Amiens © OT Amiens Métropole/ PL"
                                            title="Hortillonnages d'Amiens © OT Amiens Métropole/ PL"
                                                 />
        
            
                    <h3 class="service-block__container__btn">
                <span class="service-block__container__btn__picto                             hidden-md-up                             icon                             icon--left                             icon--enfance-medium-white"></span>
                                    <a href="/Je-suis/Touriste/Amiens-au-fil-de-l-eau"
                                              class="service-block__container__btn__title">
                        Amiens, au fil de l’eau 
                    </a>
                            </h3>
            </div>

            <div class="service-block__text                    hidden-sm-down">
             A pied, en vélo, pour une demi-heure de détente ou une journée en famille ou entre amis
        </div>
    </div>
                </div>
                            <div class="col-md-4">
                        
<div class="service-block">
    <div class="service-block__container                                    jsBlockLink"
         >
        
    



        
        
        
        
                    <img  src="/var/ez_website/storage/images/media/images/logos/union-europeenne/889018-2-fre-FR/Union-europeenne_format_394x261.jpg"
                  
                                                              class="service-block__container__visual lazyload hidden-sm-down"
                                            alt="Union européenne"
                                            title="Union européenne"
                                                 />
        
            
                    <h3 class="service-block__container__btn">
                <span class="service-block__container__btn__picto                             hidden-md-up                             icon                             icon--left                             icon--cult-pat-medium-white"></span>
                                    <a href="/Institutions/Europe-et-International"
                                              class="service-block__container__btn__title">
                        Europe et international
                    </a>
                            </h3>
            </div>

            <div class="service-block__text                    hidden-sm-down">
            Europe et international
        </div>
    </div>
                </div>
                            <div class="col-md-4">
                        
<div class="service-block">
    <div class="service-block__container                                    jsBlockLink"
         >
        
        



        
        
        
        
                    <img  src="/var/ez_website/storage/images/media/services/tourisme/maison-jules-verne-interieur/63301-1-fre-FR/Maison-Jules-Verne-interieur_format_394x261.jpg"
                  
                                                              class="service-block__container__visual lazyload hidden-sm-down"
                                            alt="Maison Jules Verne intérieur © Laurent Rousselin"
                                            title="Maison Jules Verne intérieur © Laurent Rousselin"
                                                 />
        
            
                    <h3 class="service-block__container__btn">
                <span class="service-block__container__btn__picto                             hidden-md-up                             icon                             icon--left                             icon--dev-eco-medium-white"></span>
                                    <a href="/Je-suis/Touriste/Sur-les-pas-de-Jules-Verne"
                                              class="service-block__container__btn__title">
                        Sur les pas de Jules Verne 
                    </a>
                            </h3>
            </div>

            <div class="service-block__text                    hidden-sm-down">
            Visitez les nombreux sites qui ont illustré la vie de Jules Verne
        </div>
    </div>
                </div>
                            <div class="col-md-4">
                        
<div class="service-block">
    <div class="service-block__container                                    jsBlockLink"
         >
        
    



        
        
        
        
                    <img  src="/var/ez_website/storage/images/media/infographies/logo-frenchtech/170904-1-fre-FR/logo-frenchtech_format_394x261.png"
                  
                                                              class="service-block__container__visual lazyload hidden-sm-down"
                                            alt="french tech"
                                            title="french tech"
                                                 />
        
            
                    <h3 class="service-block__container__btn">
                <span class="service-block__container__btn__picto                             hidden-md-up                             icon                             icon--left                             icon--emploi-medium-white"></span>
                                    <a href="/Institutions/Les-chiffres-cles"
                                              class="service-block__container__btn__title">
                        Chiffres clés
                    </a>
                            </h3>
            </div>

            <div class="service-block__text                    hidden-sm-down">
            Retrouvez ici tous les chiffres clés du territoire
        </div>
    </div>
                </div>
            
                    </div>
    </div>
</section>					<section class="zoom-slider                jsSliderCtn                jsSliderZoomCtn                mg-block">

    <div class="container">
        <div class="zoom-slider__separator">
                            <h2 class="zoom-slider__title">
                    Zoom sur
                </h2>
            
            <div class="zoom-slider__slider">
                <div class="owl-carousel                            jsSlider                            jsSliderZoom"
                            role="listbox"
                            data-autoplay="false"
                            tabindex="0">
                                            <div role="option"
                             data-index="0">
                                
<div class="zoom-ascent            jsBlockLink">
    <div class="zoom-ascent__container">
        <div class="zoom-ascent__container__inner">
            
        



        
        
        
        
                    <picture 
                 >
               <!--[if IE 9]><video style="display: none;"><![endif]-->
               
                
                                                                                                
                                                                                            <source                                     srcset="/var/ez_website/storage/images/media/images/vivre-a-amiens/culture-patrimoine/musee/musee/91350-1-fre-FR/Musee_format_394x261.jpg"
                                                                media="(min-width: 1024px)">
                                    
                <!--[if IE 9]></video><![endif]-->

                                    <img
                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                        srcset=/var/ez_website/storage/images/media/images/vivre-a-amiens/culture-patrimoine/musee/musee/91350-1-fre-FR/Musee_format_320x200.jpg                        
                                                                                    class="zoom-ascent__visual lazyload"
                                                            alt="Musée de Picardie © Photo Alice Sidoli "
                                                            title="Musée de Picardie © Photo Alice Sidoli "
                                                                        />
                
                
            </picture>
        
                    </div>
    </div>

    <div class="zoom-ascent__content">
                    <h3 >
                                    <a href="/Vivre-a-Amiens/Culture-Patrimoine/Etablissements-culturels/Musee-de-Picardie"
                        class="zoom-ascent__content__title"
                        >
                
                Musée de Picardie

                                    </a>
                            </h3>
        
                    <p class="zoom-ascent__content__text">
                Rénové, agrandi, ouvert sur la ville, accessible à tous, le musée offre un nouveau voyage de la Préhistoire à nos jours.
            </p>
            </div>
</div>
                        </div>
                                            <div role="option"
                             data-index="1">
                                
<div class="zoom-ascent            jsBlockLink">
    <div class="zoom-ascent__container">
        <div class="zoom-ascent__container__inner">
            




        
        
        
        
                    <picture 
                 >
               <!--[if IE 9]><video style="display: none;"><![endif]-->
               
                
                                                                                                
                                                                                            <source                                     srcset="/var/ez_website/storage/images/media/services/culture/zoo/zoo-affiche-2022/852177-1-fre-FR/zoo-affiche-2022_format_394x261.jpg"
                                                                media="(min-width: 1024px)">
                                    
                <!--[if IE 9]></video><![endif]-->

                                    <img
                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                        srcset=/var/ez_website/storage/images/media/services/culture/zoo/zoo-affiche-2022/852177-1-fre-FR/zoo-affiche-2022_format_320x200.jpg                        
                                                                                    class="zoom-ascent__visual lazyload"
                                                            alt=""
                                                            title=""
                                                                        />
                
                
            </picture>
        
                    </div>
    </div>

    <div class="zoom-ascent__content">
                    <h3 >
                                    <a href="/Vivre-a-Amiens/Culture-Patrimoine/Etablissements-culturels/Zoo"
                        class="zoom-ascent__content__title"
                        >
                
                Zoo d'Amiens

                                    </a>
                            </h3>
        
                    <p class="zoom-ascent__content__text">
                Le zoo d'Amiens est une parenthèse exceptionnelle située à deux pas du centre-ville. 
            </p>
            </div>
</div>
                        </div>
                                            <div role="option"
                             data-index="2">
                                
<div class="zoom-ascent            jsBlockLink">
    <div class="zoom-ascent__container">
        <div class="zoom-ascent__container__inner">
            
    



        
        
        
        
                    <picture 
                 >
               <!--[if IE 9]><video style="display: none;"><![endif]-->
               
                
                                                                                                
                                                                                            <source                                     srcset="/var/ez_website/storage/images/media/services/sports/coliseum/coliseum/85222-1-fre-FR/Coliseum_format_394x261.jpg"
                                                                media="(min-width: 1024px)">
                                    
                <!--[if IE 9]></video><![endif]-->

                                    <img
                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                        srcset=/var/ez_website/storage/images/media/services/sports/coliseum/coliseum/85222-1-fre-FR/Coliseum_format_320x200.jpg                        
                                                                                    class="zoom-ascent__visual lazyload"
                                                            alt="Coliseum"
                                                            title="Coliseum"
                                                                        />
                
                
            </picture>
        
                    </div>
    </div>

    <div class="zoom-ascent__content">
                    <h3 >
                                    <a href="/Vivre-a-Amiens/Sport/Les-grands-equipements-sportifs/Coliseum"
                        class="zoom-ascent__content__title"
                        >
                
                Coliseum

                                    </a>
                            </h3>
        
                    <p class="zoom-ascent__content__text">
                Piscine et patinoire olympique, il est le lieu de résidence de nombreux clubs sportifs.
            </p>
            </div>
</div>
                        </div>
                                            <div role="option"
                             data-index="3">
                                
<div class="zoom-ascent            jsBlockLink">
    <div class="zoom-ascent__container">
        <div class="zoom-ascent__container__inner">
            
    



        
        
        
        
                    <picture 
                 >
               <!--[if IE 9]><video style="display: none;"><![endif]-->
               
                
                                                                                                
                                                                                            <source                                     srcset="/var/ez_website/storage/images/media/services/culture/maison-jules-verne/maison-de-jules-verne/31545-1-fre-FR/Maison-de-Jules-Verne_format_394x261.jpg"
                                                                media="(min-width: 1024px)">
                                    
                <!--[if IE 9]></video><![endif]-->

                                    <img
                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                        srcset=/var/ez_website/storage/images/media/services/culture/maison-jules-verne/maison-de-jules-verne/31536-1-fre-FR/Maison-de-Jules-Verne_format_320x200.jpg                        
                                                                                    class="zoom-ascent__visual lazyload"
                                                            alt="Maison de Jules Verne"
                                                            title="Maison de Jules Verne"
                                                                        />
                
                
            </picture>
        
                    </div>
    </div>

    <div class="zoom-ascent__content">
                    <h3 >
                                    <a href="/Vivre-a-Amiens/Culture-Patrimoine/Etablissements-culturels/Maison-de-Jules-Verne"
                        class="zoom-ascent__content__title"
                        >
                
                Maison de Jules Verne

                                    </a>
                            </h3>
        
                    <p class="zoom-ascent__content__text">
                Jules Verne vécut 34 ans (1871-1905) à Amiens. Il résida en tant que locataire durant 18 ans (de 1882 à 1900) dans la Maison à la Tour, aujourd’hui ouverte au public, au 2 rue Charles-Dubois.
            </p>
            </div>
</div>
                        </div>
                                    </div>

                <button class="zoom-slider__slider__btn                               zoom-slider__slider__btn--left                                jsZoomSliderArrow"
                        data-slider-direction="prev"
                        aria-label="Diaporama précédent"
                        tabindex="0">
                    <span class="icon icon--center icon--arrow-left-medium-white"></span>
                </button>

                <button class="zoom-slider__slider__btn                               zoom-slider__slider__btn--right                                jsZoomSliderArrow"
                        data-slider-direction="next"
                        aria-label="Diaporama suivant"
                        tabindex="0">
                    <span class="icon icon--center icon--arrow-right-medium-white"></span>
                </button>
            </div>
        </div>
    </div>
</section>								</main>


                					 
                    
        <meta name="format-detection" content="telephone=no" />
    <footer class="footer jsFooter" id="footer">
        <div class="container">
            
<div class="footer__top">
    <div class="row">
        <div class="col-md-7 col-lg-8">
            <div class="footer__socials">
                <span class="text                             text--display                             text--white                             footer__socials__title">
                    Suivez-nous
                </span>

                <ul class="footer__socials__list">
                                        <li class="footer__socials__list__item">
                        <a href="https://www.facebook.com/AmiensMetropoleOfficiel"
                           class="btn                                  btn--social-big                                  btn--icon-white-hover-blue                                  jsGAEvent"
                           data-ga-category="Footer"
                           data-ga-action="Facebook"
                            title="Ouverture du lien dans une nouvelle fenêtre : Notre page facebook"
                            target="_blank">
                            <span class="icon icon--center icon--facebook-medium-white"></span>
                        </a>
                    </li>
                    
                                        <li class="footer__socials__list__item">
                        <a href="https://www.instagram.com/amiensmetropoleofficiel/"
                           class="btn                                  btn--social-big                                  btn--icon-white-hover-blue                                  jsGAEvent"
                            data-ga-category="Footer"
                            data-ga-action="Instagram"
                            title="Ouverture du lien dans une nouvelle fenêtre : Notre page instagram"
                            target="_blank">
                            <span class="icon icon--center icon--instagram-medium-white"></span>
                        </a>
                    </li>
                    
                                        <li class="footer__socials__list__item">
                        <a href="https://twitter.com/amiensmetropole"
                           class="btn                                  btn--social-big                                  btn--icon-white-hover-blue                                  jsGAEvent"
                            data-ga-category="Footer"
                            data-ga-action="Twitter"
                            title="Ouverture du lien dans une nouvelle fenêtre : Notre page twitter"
                            target="_blank">
                            <span class="icon icon--center icon--twitter-medium-white"></span>
                        </a>
                    </li>
                    
                                        <li class="footer__socials__list__item">
                        <a href="https://www.youtube.com/user/amiensville"
                           class="btn                                  btn--social-big                                  btn--icon-white-hover-blue                                  jsGAEvent"
                            data-ga-category="Footer"
                            data-ga-action="Youtube"
                            title="Ouverture du lien dans une nouvelle fenêtre : Notre page youtube"
                            target="_blank">
                            <span class="icon icon--center icon--youtube-medium-white"></span>
                        </a>
                    </li>
                    					                </ul>
            </div>
        </div>
<!--
        
                <div class="col-md-5 col-lg-4">
            <nav class="footer_links">
                <ul class="footer__btns__list">
                                            <li class="footer__btns__list__item
                                   footer__btns__list__item--inline">
                            <a href="/Liens-utiles/Espace-Presse"
                                                              class="btn
                                      btn--bg-transparent
                                      btn--border-white
                                      btn--text-white
                                      btn--text-hover-blue
                                      btn--icon-white-hover-blue
                                      btn--bg-hover-white
                                      btn-with-icon
                                                                            ">
                                <span class="icon
                                             icon--press_area-small-white
                                             btn-with-icon__icon"></span>
                                <span class="btn__inner
                                             btn-with-icon__label">
                                   Espace presse
                                </span>
                            </a>
                        </li>
                    
                                            <li class="footer__btns__list__item
                                   footer__btns__list__item--inline">
                            <a href="/Vivre-a-Amiens/Citoyennete/Espace-citoyennete"
                                                              class="btn
                                      btn--bg-transparent
                                      btn--border-white
                                      btn--text-white
                                      btn--text-hover-blue
                                      btn--icon-white-hover-blue
                                      btn--bg-hover-white
                                      btn-with-icon
                                                                            ">
                                <span class="icon
                                             icon--faq-small-white
                                             btn-with-icon__icon"></span>
                                <span class="btn__inner
                                             btn-with-icon__label">
                                   FAQ
                                </span>
                            </a>
                        </li>
                                    </ul>
            </nav>
        </div>
                -->
    </div>
</div>
            <div class="row">
                <div class="col-md-3">
                                            <p class="text                                  text--display                                  text--white                                  footer__title">
                            Contactez-nous
                        </p>
                    
                    <div>
                                                    <address class="text                                            text--white                                            text--arial">
                                Amiens Métropole <br />
BP 2720 - 80027 Amiens CEDEX
                            </address>
                        
                                                <p class="text                                  text--white                                  text--arial">
                                                            Tél. : (33) 3 22 97 40 40  <br/>
                            
                                                            Fax. : (33) 3 22 97 42 53 <br/>
                            
                                                            
                                                                    <a class="footer__website-link"
                                       href="/Liens-utiles/Nous-contacter"
                                       >
                                        Une question, une remarque ? Contactez-nous !
                                    </a>
                                                                                    </p>
                                            </div>
                </div>

                <div class="col-md-3 col-lg-3 offset-lg-1">
                                            <p class="text                                  text--display                                  text--white                                  footer__title">
                            <!-- Abonnez-vous -->
                        </p>
                    
                                                                        <p class="text                                      text--white                                      text--arial">
                              <!--<br />
Recevez chaque mois la Newsletter<br />
Amiens et soyez informé de tous<br />
les événements & infos pratiques...<br />
-->
                            </p>
                                                            </div>

                <div class="col-md-3 col-lg-2 offset-lg-1 offset-md-1">
                                        <nav class="footer__links">
                        <ul class="footer__links__list">
                                                                                                
                                    <li class="footer__links__list__item">
                                        <a href="/Liens-utiles/Webcam"
                                           class="link                                                  link--white                                                  text                                                  text--white                                                  text--sans-extrabold                                                  text--upper">
                                            Webcam
                                        </a>
                                    </li>

                                                                                                        
                                    <li class="footer__links__list__item">
                                        <a href="/Liens-utiles/Mes-demarches"
                                           class="link                                                  link--white                                                  text                                                  text--white                                                  text--sans-extrabold                                                  text--upper">
                                            Mes démarches
                                        </a>
                                    </li>

                                                                                                        
                                    <li class="footer__links__list__item">
                                        <a href="/Liens-utiles/Mentions-legales"
                                           class="link                                                  link--white                                                  text                                                  text--white                                                  text--sans-extrabold                                                  text--upper">
                                            Mentions légales
                                        </a>
                                    </li>

                                                                                                        
                                    <li class="footer__links__list__item">
                                        <a href="/Liens-utiles/Politique-de-Confidentialite"
                                           class="link                                                  link--white                                                  text                                                  text--white                                                  text--sans-extrabold                                                  text--upper">
                                            Politique de Confidentialité
                                        </a>
                                    </li>

                                                                                                        
                                    <li class="footer__links__list__item">
                                        <a href="/Cookies"
                                           class="link                                                  link--white                                                  text                                                  text--white                                                  text--sans-extrabold                                                  text--upper">
                                            Cookies
                                        </a>
                                    </li>

                                                                                                
                                                                                                
                                    <li class="footer__links__list__item">
                                        <a href="/Liens-utiles/Plan-du-site"
                                           class="link                                                  link--white                                                  text                                                  text--white                                                  text--upper                                                  text--sans">
                                            Plan du site
                                        </a>
                                    </li>

                                                                                                        
                                    <li class="footer__links__list__item">
                                        <a href="/Liens-utiles/Espace-Presse"
                                           class="link                                                  link--white                                                  text                                                  text--white                                                  text--upper                                                  text--sans">
                                            Espace Presse
                                        </a>
                                    </li>

                                                                                                                        </ul>
                    </nav>
                </div>

                <div class="col-md-2">
                    <div class="footer__logo">
                        <img src="/extension/amiens/design/amiens/images/global/logo-amiens-metropole.svg"
                             alt="Amiens Métropole"/>
                    </div>
                    <br />
                    <div class="footer__logo">
                        <img src="/extension/amiens/design/amiens/images/global/marianne.png"
                             alt="Label Marianne"/>
                    </div>
                </div>
            </div>
        </div>
    </footer>        
        <script type="text/javascript" src="/var/ez_website/cache/public/javascript/3d45487c4b811b64190a570435bcd04d.js" charset="utf-8"></script>

    </body>
    </html>