CINXE.COM

<!DOCTYPE html>  <html lang="fr" style="height:100%;" id="htmlEl"> <head><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T9NW');</script> <meta charset="UTF-8"> <meta name="author" content="UNESCO Centre du patrimoine mondial"> <meta name="og:site_name" content="UNESCO Centre du patrimoine mondial"> <meta name="twitter:card" content="summary" /> <link rel="manifest" href="https://whc.unesco.org/site.webmanifest?v=wAXNOnQoNn"> <link rel="shortcut icon" href="https://whc.unesco.org/favicon.ico"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="theme-color" content="#ffffff"> <link rel="alternate" type="application/rss+xml" title="RSS News" href="https://whc.unesco.org/fr/actualites/rss"/> <link rel="alternate" type="application/rss+xml" title="RSS Events" href="https://whc.unesco.org/fr/events/rss"/> <link rel="alternate" type="application/rss+xml" title="RSS Sites" href="https://whc.unesco.org/fr/list/rss"/> <link href="https://www.googletagmanager.com" rel="preconnect" crossorigin> <meta name="MobileOptimized" content="width"> <meta name="HandheldFriendly" content="true"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" /> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Material+Icons+Sharp&display=swap" as="style"> <link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Material+Icons+Sharp&display=swap" /> <link rel="stylesheet" href="/assets/stylesheets/unesco_style.css?2024122" madia="all" /> <link rel="stylesheet" href="/assets/stylesheets/unesco_print.css?20241127" media="print"> <script type="text/javascript"> language="fr"; </script> <meta property="fb:app_id" content="100681356685569" /> <link rel="search" type="application/opensearchdescription+xml" title="WHC" href="https://whc.unesco.org/pg_opensearch.cfm" /> <meta name="description" content="UNESCO Centre du patrimoine mondial" /> <meta name="keywords" content="UNESCO, World Heritage,Heritage,Patrimoine,Patrimoine mondial,Convention,1972" /> <link rel="canonical" href="https://whc.unesco.org/fr/canopee/lyon/" /> <meta property="og:image" content="https://whc.unesco.org/uploads/thumbs/activity_1154-1200-630-20230712110155.jpg" /> <meta name="twitter:image" content="https://whc.unesco.org/uploads/thumbs/activity_1154-1200-630-20230712110155.jpg" /> <link rel="image_src" href="https://whc.unesco.org/uploads/thumbs/activity_1154-1200-630-20230712110155.jpg" /> <meta property="og:description" content="Le Plan Local d’Urbanisme de la Métropole de Lyon vise à protéger les valeurs patrimoniales culturelles et naturelles et leurs attributs à travers des outils de planification, tels que la planification des trames  ..." /> <meta property="og:title" content="L’intégration des valeurs du patrimoine urbain culturel et naturel dans les processus de développement urbain " /> <meta property="og:url" content="https://whc.unesco.org/fr/canopee/lyon/" /> <meta name="twitter:url" content="https://whc.unesco.org/fr/canopee/lyon/" /> <title>Centre du patrimoine mondial - L’intégration des valeurs du patrimoine urbain culturel et naturel dans les processus de développement urbain </title><meta name="title" content="L’intégration des valeurs du patrimoine urbain culturel et naturel dans les processus de développement urbain " /> <link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/themes/light/main.css" > <style> .esri-popup__main-container,.esri-popup__feature-menu-button ,.esri-popup__pointer-direction{ background-color:black} .esri-popup__action-text,.esri-popup__icon,.esri-popup__button{ color:white} .esri-popup__header-title a{ color:white} .esri-popup__header-title {font-size:14px !important; color:white !important} .esri-feature__fields esri-feature__content-element {padding:0 !important} .esri-popup__content { margin:0 !important} .esri-feature__content-element{padding:0 !important} .esri-ui {position:initial} #esrimap { width: 100%; height: 100%; flex: 1 1 auto; order: 1; background-color: #081c3d} #esriapp { position: relative; width: 100%; height: 500px; display: flex; flex-direction: column; overflow: hidden; } #infoWebGL{display:none;} #infoDiv{ position: absolute; top: 15px; left: 60px; z-index:1; display:none; } #infoDiv input { border: none; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; } </style> <style>body{overflow:unset !important;}.x-box-div .x-body{background-color:unset !important}</style><link href="/javascript/ext-6.2.0-app-all/resources/UnescoApp-all.css?20230629" rel="stylesheet" type="text/css" /> </head> <body class="x-whc lang-fr" id="bodyEl" > <noscript>Your browser does not support JavaScript.</noscript> <header class="header px-0 bg-primary position-relative"> <nav class=" navbar closing container" role="navigation" aria-label="Main"> <div class="navbar_logo pl-3 pl-xxl-0"> <a href="/"> <img src="/assets/images/logo.svg" alt="UNESCO logo" fetchpriority="high"> </a> <a href="/" class="navbar_baseline"> Convention du patrimoine mondial </a> </div> <div class="navbar_burger bg-blue2 d-print-none"> <span></span> <span></span> <span></span> </div> <div class="navbar_wrapper d-print-none"> <ul class="navbar_top"> <li> <a href="/fr/donation" class="text-orangeLight font-weight-bold">Aidez maintenant !</a> </li> <li> <a href="https://www.unesco.org/fr" class="button-galaxy">Explore UNESCO</a> </li> <li> <div class="dropdown"> <a class="dropdown-toggle text-white d-block" href="#" data-toggle="dropdown" id="dropdownMenuLang" aria-expanded="false">Français</a> <div class="dropdown-menu dropdown-menu-responsive dropdown-menu-lg-right" aria-labelledby="dropdownMenuLang" style="max-width:200px;min-width: 120px;"> <ul class="language-switcher-language-url pl-1"> <li hreflang="en" class="en is-active"> <a href="/en/canopy/lyon/" class="small-lg text-xs-white text-lg-dark" hreflang="en">English</a> </li> <li hreflang="fr" class="fr"> <div class="language-link is-active small-lg text-xs-white text-lg-dark" hreflang="fr">Français</div> </li> </ul> </div> </div> </li> <li> <a class="text-white" href="/fr/inscription/" id="menuLogin-link">S'identifier</a> </li> </ul> <div class="navbar_nav"> <ul class="navbar_menu"> <li><a class="navbar_menu-item is-expanded" href="/fr/apropos/">Notre expertise</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/apropos/">Notre patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/actualites/">Actualités</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/evenements/">Événements</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/convention">La Convention</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/conventiontexte">Texte de la Convention</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/textesfondamentaux/">Textes fondamentaux </a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/orientations/">Orientations</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/compendium">Compendium</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/declaration-de-principes">Déclaration de principes afin de promouvoir la solidarité internationale et la coopération pour préserver le patrimoine mondial</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/organesdirecteurs/">Organes directeurs</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/ag/">L’Assemblée générale</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/comite/">Le Comité</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/decisions/">Résolutions / Décisions</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/sessions/">Sessions depuis 1976</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/etatsparties/">Les États parties</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/organisationsconsultatives/">Organisations consultatives</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/fonds/">Fonds</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/fonds-du-patrimoine-mondial/">Fonds du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/regulationsfinancieres/">Règlement financier</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/assistanceint/">Assistance Internationale</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/embleme/">L’emblème du patrimoine</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/faq/">Questions et réponses</a></div> </div> <div class="col-12 col-md-6 col-lg-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/centre-du-patrimoine-mondial/">Le Centre</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/emplois/">Emplois & Stages</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/quifaitquoi/">Qui fait quoi / Contacts</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/director">Directeur du Centre du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/afrique/">Afrique</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/etasarabes/">États arabes</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/asie-pacifique/">Asie & Pacifique</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/eur-na/">Europe et Amérique du Nord</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/lac/">Amérique latine et Caraïbes</a></div> </div> </div> </div> </li> <li><a class="navbar_menu-item is-expanded text-nowrap" href="/fr/list/">La Liste</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/strategieglobale/">Stratégie globale</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/criteres/">Critères</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/processusenamont/">Processus en amont</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/listesindicatives/">Listes indicatives</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/nominations/">Propositions d’inscription à la liste du patrimoine mondial</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/list/">Liste du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/nouveauxbiens/">Nouveaux biens inscrits</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/wh-gis/">Plateforme de cartes en ligne du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/carte-interactive/">Carte interactive</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/peril/">Patrimoine mondial en péril</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/liste-peril/">Liste du patrimoine mondial en péril</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/118/">Rapports et suivi</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/soc/">État de conservation</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/rapportperiodique/">Rapport périodique</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/prcycle3/">Questionnaires 2018-2024</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/rp-questionnaire/">Questionnaires 2008-2015</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/suivi-reactif/">Processus de Suivi réactif</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/facteurs/">Liste de facteurs affectant les biens</a></div> </div> <div class="col-12 col-md-6 col-lg-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/belles-reussites/">Quelques belles réussites</a></div> <div class="nav-item font-weight-bold mt-2"><a class="nav-link text-white" href="/fr/canopee/">Exemples de la Convention en action</a></div> </div> </div> </div> </li> <li><a class="navbar_menu-item is-expanded" href="/fr/activites">Activités</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-lg-3 mb-3"><a class="text-white h6 mx-3 mb-3 d-block" href="/fr/activites/">Activités</a> <p class="text-white mx-3">Le Centre du patrimoine mondial occupe une position de tout premier plan dans les efforts fournis par la communauté internationale en matière de protection et de préservation.</p> <a class="btn btn-blue2 mt-0 mx-3 mb-4" href="/fr/activites/">Toutes les activités</a> <div class="nav-item mt-3"><a class="nav-link text-white font-weight-bold pb-0" href="/fr/canopee/">Canopée du Patrimoine Mondial</a> <a class="nav-link text-white pt-0" href="/fr/canopee/">Solutions du patrimoine mondial pour des futurs durables</a></div> <a class="btn btn-blue2 mt-2 mx-3 mb-4" href="/fr/canopee/">Études de cas</a></div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/activites/">Activités à la une</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/culture2030indicators/">Indicateurs Culture|2030</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/villes/">Programme des villes du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/hul/">Recommandation concernant le paysage urbain historique</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/paysagesculturels/">Paysages Culturels</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/renforcement-des-capacites/">Renforcement des capacités</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/centresdecategorie2/">Centres de catégorie 2</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item"><a class="nav-link text-white" href="/fr/patrimoine-mondial-naturel/">Patrimoine mondial naturel</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/changementclimatique/">Changement climatique et patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/programme-marin/">Programme Marin</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/biodiversite/">Patrimoine mondial et biodiversité</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/engagement-zones-exclusion/">Le secteur des entreprises et patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/disaster-risk-reduction/">Réduire les risques de catastrophes sur les sites du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/activites/496/">Patrimoine mondial et populations autochtones</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item"><a class="nav-link text-white" href="/fr/wheducation/">Programme d’éducation des jeunes au patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/pmvolontariat/">Initiative du volontariat pour le patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/developpementdurable/">Développement durable</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/tourisme/">Tourisme Durable</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/sids/">Programme du Patrimoine mondial pour les Petits États insulaires en développement (PEID)</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/patrimoine-religieux-sacre/">Initiative sur le patrimoine d’intérêt religieux</a></div> </div> </div> </div> </li> <li><a class="navbar_menu-item is-expanded" href="/fr/partenariats/">Partenariats</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-lg-3 "> <p class="h4 text-white mx-3">Partenariats pour la conservation du patrimoine mondial</p> <p class="text-white mx-3">Assurer la préservation de ces sites remarquables est une mission de plus en plus difficile en ces temps où les sites sont exposés aux effets de l’urbanisation incontrôlée, des pratiques de tourisme non durables, de la négligence, des calamités naturelles, de la pollution, de l’instabilité politique et des conflits.</p> <p class="mx-3"><a class="btn btn-blue2 btn-sm mt-2" href="/fr/partenaires/">Nos partenaires</a> <a class="btn bg-orange btn-sm mt-2" href="/fr/donation/">Faites un don</a></p> </div> <div class="col-12 col-lg-9 "> <ul class="submenu_card"> <li><a class="card card-overlay" href="/fr/partenariats/"> <img class="w-100" src="https://whc.unesco.org/document/128912/t=3by2sm" alt="partenariats" loading="lazy" /> <span>Partenariats</span> </a></li> <li><a class="card card-overlay" href="/fr/marketplace/"> <img class="w-100" src="https://whc.unesco.org/document/190295/t=3by2sm" alt="marketplace" loading="lazy" /> <span>Bourse aux projets</span> </a></li> <li><a class="card card-overlay" href="/fr/partenaires/"> <img class="w-100" src="https://whc.unesco.org/document/128241/t=3by2sm" alt="" loading="lazy" /> <span>Nos partenaires</span> </a></li> <li><a class="card card-overlay" href="/fr/donation/"> <img class="w-100" src="https://whc.unesco.org/document/190344/t=3by2sm" alt="Donation" loading="lazy" /> <span>Faites un don</span> </a></li> </ul> </div> </div> </div> </li> <li><a class="navbar_menu-item is-expanded" href="/fr/publications/">Publications</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/publications/">Publications</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/series/">Cahiers</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/urbannotebooks/">Cahiers Urbains</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/176/">Promotion & d’éducation</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/manuelsdereference/">Manuels de référence</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/autresmateriaux/">Autres matériaux</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/lettreinformation/">Lettre d’information</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/revue/">Revue</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/carte/">Carte murale</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/documents/">Documents</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/ressources">Ressources</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/recherche/">Recherche</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/glossaire/">Glossaire</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/avertissement/">A propos du site web</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/avertissement/">Avertissement</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/syndication/">Syndication</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/plandusite/">Plan du site</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/219/">Liens utiles</a></div> </div> </div> </div> </li> <li><a class="py-lg-0 mb-lg-0 mb-3" href="#multiSearch" title="Rechercher" data-toggle="collapse" aria-expanded="false" aria-controls="multiSearch" aria-label="Rechercher"><span class="d-inline d-lg-none">Rechercher</span> <span class="material-icons-sharp ml-2 ml-lg-0 big">search</span></a></li> </ul> </div> </div> </nav> <nav class="navbar_sticky d-print-none" id="navbar_sticky"> <div class="navbar_sticky-wrapper container p-0"> <div class="navbar_logo py-2 pl-2 pl-sm-2"> <a href="/"> <img src="/assets/images/logo.svg" alt="UNESCO Logo" fetchpriority="high"> </a> <a href="/" class="navbar_baseline d-none d-lg-block "> Convention du patrimoine mondial </a> </div> <div class="navbar_sticky-content">  </div> </div> </nav> <div class="collapse multi-collapse bg-light fixed-top vh-100 d-print-none" id="multiSearch"> <form action="/fr/recherche/" method="get" name="search" id="searchForm" class="container p-2 py-lg-5 h-100"> <div class="text-right px-2 py-3 w-100"> <a data-toggle="collapse" href="#multiSearch" role="button" aria-expanded="false" aria-controls="multiSearch" class="round round-md bg-white text-gray4 material-icons-sharp">close</a> </div> <div class="d-flex align-items-center h-100"> <div class="form-row align-items-center justify-content-center p-2 py-lg-5 w-100"> <div class="col-12 col-lg-6"> <input type="text" name="criteria" id="searchbar" class="form-control form-control-lg rounded-lg mb-2 mb-lg-0" placeholder="Rechercher" aria-label="Rechercher" /> </div> <div class="col-12 col-lg-auto"> <button class="btn btn-lg btn-primary" type="submit" aria-label="search button">Rechercher<span class="ml-1 material-icons-sharp ">search</span></button> </div> <div class="col-12 col-lg-auto "> <p class="pt-4 px-4">Faites une recherche à travers les informations du Centre du patrimoine mondial.</p> </div> </div> </div> </form> </div> </header> <main class=""> <div class="content-full p-0 bg-blueU border-top border-top-white"> <div class="p-0 mx-auto w-100"> <div class="row m-0 topheader align-items-center"> <div class="col-12 col-lg-6 p-0 order-2"> <div class="ym-box-right" style="line-height: 0;"> <div class="background-size-cover h-100" style="background-image: url('http://whc.unesco.org/document/190457/t=1000x1000'); min-height: 40rem;"></div> </div> </div> <div class="col-12 col-lg-6 p-0"> <div class="ym-gbox-left flex-vertical h-100 d-flex" style="text-align: left; align-items: center;"> <div class="p4 p-lg-5 tophead h-100 d-flex justify-content-end"> <div class="p-20 max-width-xs p-4 p-lg-5 col-xxl-8"> <h1 class="text-white mt-0 pt-0 strong h4">L’intégration des valeurs du patrimoine urbain culturel et naturel dans les processus de développement urbain </h1> <p class="text-white">Le <span style="text-decoration: underline;"><a class="text-white" href="https://pluh.grandlyon.com/data/communes/LYON1E/pdf/LYON1E-CAH_COMM.pdf" target="_blank" rel="noopener">Plan Local d’Urbanisme de la Métropole de Lyon</a></span> de 2019 vise à protéger les valeurs patrimoniales culturelles et naturelles et leurs attributs à travers des outils de planification, tels que la planification des trames vertes et bleues et la définition des ensembles patrimoniaux. Ce faisant, la ville vise à améliorer son habitabilité, en prenant le centre historique comme point de départ et modèle pour le développement contemporain.</p> </div> </div> </div> </div> </div> </div> </div> <div class="content-full"> <div class="container text-align-left mt-5"> <h2>À propos de Lyon</h2> <p><span>Lyon est une ville de 520 000 habitants, sur une superficie de 48 km2 environ cœur d’une métropole de 1,4 million d’habitants, sur une superficie de 534 km2. Le <a href="https://whc.unesco.org/fr/list/872/">site historique de Lyon</a> a été inscrit sur la liste du Patrimoine mondial en 1998, au titre des critères (ii) et (iv).</span></p> <p><span>La longue histoire de Lyon, fondée par les Romains en tant que capitale des Trois Gaules au Ier siècle av. J.-C. et qui n'a cessé de jouer un rôle majeur dans le développement politique, culturel et économique de l'Europe depuis cette époque, est illustrée de manière extrêmement vivante par son tissu urbain et par de nombreux bâtiments historiques de toutes les époques.</span></p> <figure class="pl-40"> <blockquote> <blockquote class="blockquote blockquote-sm"> <p>"Lyon représente un témoignage exceptionnel de la continuité de l’installation urbaine pendant près de deux millénaires, sur un site d'une grande importance stratégique, où des traditions culturelles en provenance de diverses régions de l’Europe ont fusionné pour donner naissance à une communauté homogène et vigoureuse.<br /><br />De par la manière particulière dont elle s’est développée dans l’espace, Lyon illustre de manière exceptionnelle les progrès et l’évolution de la conception architecturale et de l’urbanisme au fil des siècles."</p> <p class="blockquote-footer"><a href="https://whc.unesco.org/en/list/872/">Déclaration de valeur universelle exceptionnelle</a></p> </blockquote> <p><span style="font-size: 1rem;">Le centre historique s'étend sur une surface de 423 hectares, correspondant à la ville fondée en -43 avant JC par le proconsul romain Munatius Plancus. La ville lyonnaise est restée concentrée dans ce périmètre jusqu’à la fin du XVIIIème siècle, avant de s'étendre de manière continue en dehors de l'enceinte initiale.</span></p> </blockquote> </figure> <p></p> <div class="row row-flex linearize-level-1"> <div class="ym-g50 ym-gl"> <div class="ym-gbox-left"> <figure><img class="w-100 bordered" src="https://whc.unesco.org/document/125292/t=4by3" border="0" /> <figcaption class="small">Author: Geoff Steven © OUR PLACE The World Heritage Collection</figcaption> </figure> </div> </div> <div class="ym-g50 ym-gr"> <div class="ym-gbox-right"> <figure><img class="w-100 bordered" src="http://whc.unesco.org/document/190456/t=4by3" border="0" /> <figcaption class="small">© Muriel Chaulet </figcaption> </figure> </div> </div> </div> <p><span>Le site conserve une forte authenticité, avec des édifices emblématiques et également des tissus urbains de chaque période de développement de la cité. Ce tissu urbain s’est développé à partir du modèle de l’immeuble à loyer, générant une forte densité avec des constantes architecturales déclinées dans une infinité de formes. On recense plus de 5 000 immeubles qui constituent la « chaire » de la ville. Celle-ci présente aujourd’hui une mosaïque harmonieuse de quartiers de la Renaissance au XIXème siècle, intégrant d’importants vestiges Romains et édifices du Moyen Âge. Le centre historique demeure par ailleurs le cœur vivant et dynamique de la Métropole en accueillant des activités économiques, des services publics majeurs et une population résidente dense.</span></p> <p></p> <div class="row row-flex linearize-level-1"> <div class="ym-g50 ym-gl"> <div class="ym-gbox-left"> <figure><img class="w-100 bordered" src="https://whc.unesco.org/document/112939" border="0" /> <figcaption class="small">Author: Jean-Jacques Gelbart © Editions Gelbart</figcaption> </figure> </div> </div> <div class="ym-g50 ym-gr"> <div class="ym-gbox-right"> <figure><img class="w-100 bordered" src="https://whc.unesco.org/document/112905" border="0" /> <figcaption class="small">Saint Paul district and Basilica Notre-Dame de Fourvière in the Vieux-Lyon district © M & G Therin-Weise</figcaption> </figure> </div> </div> </div> <p><span>Situé à la confluence d’un fleuve et d’une rivière importante et surplombé par deux collines, la ville historique de Lyon présente une morphologie particulière qui participe fortement à l’identité et à la qualité de son territoire. Celui-ci correspond également à un point de rencontre de plusieurs régions géographiques qui viennent apporter un terroir chacune, une culture et des styles architecturaux différents.</span></p> <h2>Impacts liés au changement climatique</h2> <p>La température moyenne à Lyon a augmenté au cours des 60 dernières années, avec une forte augmentation à partir du milieu des années 1980 (<a href="https://www.orcae-auvergne-rhone-alpes.fr/analyses-thematiques/climat/impacts-du-changement-climatique">Observatoire régional climat, air et énergie, Auvergne-Rhône-Alpes</a>). La ville est également affectée par l'effet d'îlot de chaleur urbain, dont les effets sont aggravés par le changement climatique.</p> <blockquote class="blockquote blockquote-sm"> <p>"A Lyon, un des impacts majeurs va clairement être les canicules extrêmes. Il y a trois effets qui font que ces canicules vont encore plus s’accentuer à Lyon qu’ailleurs : l’urbanisation, l’influence méditerranéenne et la position relativement continentale."</p> <p class="blockquote-footer">Freddy Bouchet, spécialiste du changement climatique et chercheur, Centre national de la recherche scientifique (CNRS), France. <a href="https://www.lyoncapitale.fr/actualite/rapport-du-giec-consequences-du-rechauffement-climatique-a-lyon-limpact-majeur-sera-les-canicules-extremes">Source</a>. </p> </blockquote> </div> </div> <div style="position: relative; width: auto; height: 500px; margin: 0"> <div id="esrimap"></div> </div> <div class="content-full oldblue"> <div class="container text-align-left"> <h2>L’intégration des valeurs du patrimoine urbain culturel et naturel dans les processus de développement urbain </h2> <p><span>Lors de l’importante révision de son Plan Local d’Urbanisme, en 2019, la Métropole de Lyon a renforcé la prise en compte de son patrimoine paysager, naturel et culturel dans cet outil de gestion. Avec cette révision, la ville se prépare pour gérer son patrimoine et trouver un équilibre entre développement urbain et conservation. </span></p> <h3>Objectifs</h3> <p>La révision du plan répond aux 4 orientations qu’elle se fixait : </p> <ul> <li><span>Le défi métropolitain : faire du centre-ville le cœur d’une Métropole rayonnante et compétitive et préparer les conditions pour les projets d’envergure de demain, qui se déploieront aux portes du centre-ville.</span></li> <li><span>Le défi économique : garantir un développement diversifié et des activités au service de la ville et des habitants.</span></li> <li><span>Le défi de la solidarité et de l'habitat : prévoir une offre conséquente, équilibrée et solidaire, de logements en neuf et en réhabilitation, à destination de tous les publics, et organiser le développement urbain mixte et résidentiel autour des transports collectifs.</span></li> <li>Le défi environnemental et du cadre de vie : faire du centre historique un lieu de vie agréable et respectueux de la singularité des quartiers, et développer un centre-ville accessible et agréable pour tous, offrant des espaces de nature.</li> </ul> <figure><img class="w-100 bordered" src="http://whc.unesco.org/document/190454" border="0" /> <figcaption class="small">Synthesis © Agence d'Urbanisme de Lyon</figcaption> </figure> <h3><span lang="FR">Principles</span></h3> <strong>1. Le patrimoine urbain comme vecteur d’attractivité </strong><br /> <p>Il s’agit d’amplifier le rayonnement patrimonial du cœur de l’agglomération en valorisant le patrimoine culturel de la Métropole, en poursuivant des projets de reconversion dans une dynamique de réinterprétation contemporaine et de mise en valeur (à l’instar des anciennes prisons de Lyon ou du projet de reconversion de l'Hôtel Dieu) et en donnant un second souffle aux espaces publics de la Presqu’île. </p> <strong>2. Le patrimoine urbain comme un outil de développement et d’adaptation qualitative du cadre de vie </strong><br /> <p>Pour faire de la Ville un lieu de vie agréable et respectueux de la singularité des quartiers, la recherche de densité s’appuiera sur les qualités existantes des quartiers, en respectant toute leur diversité et leurs identités : éléments de patrimoine bâti et paysager, qualités végétales, caractéristiques spécifiques selon les périodes et les typologies patrimoniales des quartiers. </p> <strong>3. Les espaces de nature sont le socle de l’identité du territoire et un atout pour son développement et son adaptation </strong><br /> <p>Sur la Métropole de Lyon, l’approche des trames verte et bleue est développée depuis les années 90. Couvrant près de la moitié du territoire grand lyonnais, elles sont constituées d’espaces formant un réseau jusqu’au cœur de la ville à forte densité : terres agricoles, forêts et boisements, prés, espaces aquatiques, parcs urbains, grandes propriétés entourées d’un parc paysager, espaces aménagés ou préservés par les politiques d’urbanisme, secteurs de risques naturels… L’élément commun à tous ces lieux très différents est leur caractère végétal et/ou aquatique dominant. Celui-ci est autant un héritage, que le fruit de la volonté de préserver un cadre de vie équilibré ou une ressource (eau, biodiversité, alimentation…). </p> <blockquote class="blockquote blockquote-sm"> <p>"Les espaces verts urbains sont considérés comme un moyen approprié de réduire les effets d'îlots de chaleur urbains et de fournir un confort aux occupants à proximité. En plus de refroidir l'espace proprement dit, les espaces verts urbains sont également capables d'influencer la zone environnante, et ce phénomène est appelé l'urbain. effet de refroidissement des espaces verts. "</p> <p class="blockquote-footer">F. Aram F, E. Higueras García, E. Solgi, S. Mansournia, 2019, <a href="https://doi.org/10.1016/j.heliyon.2019.e01339"><em>Urban green space cooling effect in cities</em></a>. </p> </blockquote> <h3>Outils développés</h3> <p>Pour intégrer ces valeurs et les rendre opérationnelles, le document d’urbanisme est basé sur des volets thématiques. Les mécanismes et les outils développés sont :</p> <strong>1. Les plans bleu et vert de l’agglomération </strong><br /> <p>Ces dernières années, leur approche a évolué sur deux aspects. D’une part, l’attention de plus en plus grande portée à la biodiversité a entraîné une reconnaissance progressive du rôle d’écosystèmes des espaces. D’autre part, la place de l’eau y est plus affirmée, mieux connue. Ces évolutions ont contribué à conforter le rôle fondamental que joue cette trame dans l’organisation et la vie des territoires, tant pour ses qualités paysagères et récréatives qu’écologiques et nourricières. </p> <p><span>Le plan vert s’appuie notamment sur la préservation des boisements et espaces de nature, la création de continuités vertes, l’ouverture de cheminements verts, la mise en place d’espaces de pleine terre dans les nouveaux projets… Des connaissances de plus en plus fines permettent de définir une protection, une gestion et une mise en valeur plus adaptées et qui ne se limitent pas aux frontières du territoire grand lyonnais mais s’inscrivent dans le prolongement des grandes entités naturelles.</span></p> <blockquote class="blockquote blockquote-sm"> <p>"Le confort thermique humain dépend principalement de la température ambiante, de l'humidité relative et de l'étendue de l'exposition au rayonnement solaire. Les preuves indiquent que l'ombre des arbres améliore le confort thermique dans les zones urbaines. Ainsi, l'accès aux zones boisées, y compris les parcs et jardins arborés, pourrait aider à réduire stress thermique où [l'îlot de chaleur urbain] pendant la journée est un risque pour la santé publique. »</p> <p class="blockquote-footer">Knight, T., Price, S., Bowler, D. et al. <a href="https://doi.org/10.1186/s13750-021-00226-y"><em>How effective is ‘greening’ of urban areas in reducing human exposure to ground-level ozone concentrations, UV exposure and the ‘urban heat island effect’? An updated systematic review.</em></a> Environ Evid 10, 12 (2021).</p> </blockquote> <figure><img class="w-100 bordered" src="http://whc.unesco.org/document/190455" border="0" /> <figcaption class="small">Réseaux verts © Agence d'Urbanisme de Lyon</figcaption> </figure> <strong>2. Formes urbaines calées sur une analyse typo-morphologique du bâti existant </strong><br /> <p><span>Pour répondre à ses objectifs, économique, en matière d’habitat et de développement durable, la Métropole a méné une réflexion approfondie sur la qualité des tissus urbains existants ou en reconversion, afin de permettre l'adaptation de la Ville aux enjeux contemporains. Cette approche, basée sur une analyse typo-morphologique des tissus urbains et sur leurs qualités paysagères et patrimoniales, a permis de trouver et intégrer les espaces et modes de densification de la Ville permettant de répondre à ses besoins d’extension. Dans ce cadre les qualités paysagères, architecturales et urbaines recensées ont permis d’impulser un développement qualitatif de la Ville basé sur la préservation et la mise en valeur de ces éléments, agissant comme des repères et des moteurs de cette qualité. </span><u></u></p> <strong>3. Protection des éléments bâtis patrimoniaux et des périmètres d’intérêt patrimonial </strong><br /> <p>Les ensembles bâtis du patrimoine quotidien témoignent de l’histoire d’un territoire, de son développement et de ses transformations. L’enjeu de sa révélation est donc primordial, d’autant qu’il souffre d’une grande fragilité, due à son caractère ordinaire, mais également à la pression de contextes urbains en forte mutation. À ce titre, le PLU-H détermine des périmètres d’intérêt patrimonial, à la fois une règle et des outils d’information et de dialogue entre la collectivité et les porteurs de projet.</p> <p>Dans ces périmètres, la collectivité souhaite sensibiliser toute intervention au respect de l’identité des quartiers, pour promouvoir une stratification du paysage urbain tout en conciliant innovation, créativité et respect de la ville existante. Chacun de ces périmètres d’intérêt patrimonial (PIP) et éléments bâtis patrimoniaux (EBP) fait l’objet d’une fiche d’identification. Celle-ci précise les caractéristiques essentielles qui fondent l’intérêt patrimonial de ces ensembles. Elle comporte également des prescriptions visant à guider tout projet, pour concourir à mettre en valeur et révéler les caractéristiques patrimoniales de l’ensemble identifié. </p> <figure><img class="w-100 bordered" src="http://whc.unesco.org/document/190453" border="0" /> <figcaption class="small">Map of historic neighbourhoods © Agence d'Urbanisme de Lyon</figcaption> </figure> <strong>4. L’orientation d’aménagement et de programmation du périmètre du site du patrimoine mondial </strong><br /> <p><span>Le site inscrit sur la liste du patrimoine mondial a vu sa protection et sa prise en compte largement affirmées lors de cette révision. Cette prise en compte a porté sur le bien lui-même ainsi que sur sa zone tampon (l’ensemble représente une superficie de 750 hectares). Cet outil a pour fonction d’avoir une approche urbaine et paysagère à l’échelle de l’ensemble du périmètre. Précédemment celui-ci était abordé au niveau de chacun des six arrondissements avec des outils spécifiques. </span></p> <p><span>Ce plan a une vocation généraliste et de mise en cohérence. Il est détaillé par les Sites Patrimoniaux Remarquables qui traitent les différents ensembles urbains avec leurs particularités.</span></p> <strong><strong>5. Compr</strong></strong><strong><span>endre le paysage urbain historique de Lyon</span></strong><br /> <p><span>En complément de ces actions de planification et de réglamentation, la Ville et la Métropole ont développé un atlas historique en collaboration avec Bernard Gauthiez, Professeur Emérite à l’Université Lumière, l’agence d’urbanisme de la Métropole et le service archéologique. Celui-ci, à visée pédagogique et opérationnelle, donne une définition, à travers des démarches diachronique et synchronique, du Paysage Urbain Historique de la Ville. Il a montré la puissance de cette approche pour la connaissance du territoire, la reconnaissance de ses qualités et la mise en place de procédures de gestion et de développement adaptées. Il devrait servir dans le futur à intégrer cet outil dans la démarche de planification des collectivités en l’enrichissant de la perception et de la connaissance de ses habitants et usagers. </span></p> <p><span>En intégrant des valeurs patrimoniales culturelles et naturelles dans ses outils d'urbanisme, la ville de Lyon vise à valoriser l'habitabilité et le caractère patrimonial de la ville. Dans le même temps, le nouveau plan d'urbanisme considère la ville historique comme un modèle d'apprentissage et d'influence pour le développement moderne de la métropole, sur la base d'une étude approfondie des caractéristiques du paysage urbain historique.</span></p> <hr /> <p><span>Source : M. Philippe Lamy, Pole patrimoine et ravalement, Mairie de Lyon, 2021, <a href="https://whc.unesco.org/fr/evenements/1590/">Conférence en ligne UNESCO-UpM « Vivre avec le patrimoine mondial : réutilisation adaptative et régénération dans la région euro-méditerranéenne » (17 et 18 mai 2021)</a></span></p> <em></em></div> </div> <div class="position-relative w-100 h-100 my-5" style="min-height: 44rem;"> <div class="position-absolute image-overlay w-100 h-100"><img class="h-100 w-100 object-fit-cover" src="https://whc.unesco.org/document/112965" border="0" /></div> <div class="position-absolute w-100 h-100 d-flex align-items-center"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-lg-8 col-xl-7"> <p class="display-2 text-white">Contribution aux objectifs mondiaux</p> <p class="mt-0 lead text-white">Comment cette étude de cas contribue-t-elle aux engagements mondiaux en matière de développement durable, d'action contre le changement climatique et de conservation du patrimoine ?</p> </div> </div> </div> </div> <div class="position-absolute bottom-0 end-0 m-4 text-light small">© Editions Gelbart</div> </div> <div class="content-full content-full-grey"> <div class="container text-align-left"> <div class="row mb-4 p-4 linearize-level-1"> <div class="col-12 col-md-4 ym-gl"> <div class="ym-gbox-left"> <p class="strong h6 pt-0">Contribution à la mise en œuvre de la Recommandation de 2011 concernant le paysage urbain historique</p> </div> </div> <div class="col-12 col-md-8 ym-gr"> <div class="ym-gbox-right"> <div class="px-20"> <p>Le projet vise à contribuer à la mise en œuvre de l'approche de la Recommandation de 2011 concernant le paysage urbain historique en intégrant les outils de conservation du patrimoine et d'urbanisme ; en développant une approche géographique et paysagère de son territoire liée à ses fortes spécificités ; et d’autre part en considérant le centre-ville comme un laboratoire pour le développement d’outils qualitatifs pour l’adaptation et le développement de la ville contemporaine.</p> <br /> <p><strong>Outils PUH</strong></p> <p><span class="tag tag-outline-gray mb-1">Outils de connaissance et de planification</span> <span class="tag tag-outline-gray mb-1">Systèmes de réglementation</span></p> </div> </div> </div> </div>  <div class="p-4 p-lg-5 bg-light"> <div class="row linearize-level-1"> <div class="col-12 col-md-4 ym-gl"> <div class="ym-gbox-left"> <p class="strong h6 pt-0">Contribution au développement durable </p> </div> </div> <div class="col-12 col-md-8 ym-gr"> <div class="ym-gbox-right"> <div class="px-20"> <p>L'initiative vise à contribuer au développement durable en répondant aux objectifs de développement durable suivants :</p>  <div class="d-block d-flex mt-20"> <div><img class="mr-3 pt-1" src="/graphics/sdgs/sdg-11-fr.svg" border="0" style="width: 60px;" /></div> <div> <p><strong>Objectif 11 : Faire en sorte que les villes et les établissements humains soient ouverts à tous, sûrs, résilients et durables</strong></p> <ul> <li>Cible 11.3: l'initiative vise à renforcer l’urbanisation inclusive et durable. </li> <li>Cible 11.4: l’initiative vise à renforcer les efforts de protection et de préservation du patrimoine culturel et naturel mondial.</li> </ul> </div> </div> </div> </div> </div> </div>  <p>Note : les impacts potentiels décrits des projets ne sont qu'indicatifs et basés sur les informations soumises et disponibles. Le Centre du patrimoine mondial ne procède pas à une vérification indépendante des projets et de leurs impacts. </p> </div> </div> </div> <div class="position-relative w-100 h-100 my-5" style="min-height: 44rem;"> <div class="position-absolute image-overlay w-100 h-100"><img class="h-100 w-100 object-fit-cover" src="https://whc.unesco.org/document/112921" border="0" /></div> <div class="position-absolute w-100 h-100 d-flex align-items-center"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-lg-8 col-xl-7"> <p class="display-2 text-white">En savoir plus</p> <p class="mt-0 lead text-white">En savoir plus sur les détails de l'étude de cas et les parties prenantes impliquées.</p> </div> </div> </div> </div> <div class="position-absolute bottom-0 end-0 m-4 text-light small">© M & G Therin-Weise</div> </div> <div class="content-full"> <div class="container text-align-left"> <h5>Liens d'intérêt</h5> <ul> <li><span><a href="https://www.lyon.fr/cadre-de-vie">Visitez le site web de la Métropole de Lyon lyon.fr/cadre-de-vie.</a></span></li> <li>Visitez le <a href="pluh.grandlyon.com/index" target="_blank" rel="noopener">site web du Plan Local d'Urbanisme et de l'Habitat de la Métropole de Lyon. </a></li> </ul> <br /> <h5>Contact</h5> <p>Service patrimoine et ravalement, Mairie de Lyon</p> <ul> <li><span>Site Web : <a href="https://www.lyon.fr/node/20277" target="_blank" rel="noopener">www.lyon.fr</a></span></li> <li><span>E-mail : philippe.lamy@mairie-lyon.fr</span></li> </ul> <div class="box"><strong>Crédits<br /><strong style="box-sizing: border-box; font-weight: bolder; color: #212121; font-family: Inter, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; color: #212121; font-family: Inter, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important;">© UNESCO, 2022. Jyoti Hosagrahar, Alba Zamarbide, Carlota Marijuán Rodríguez.<br style="box-sizing: border-box;" /></span></strong></strong>Image de couverture. <span style="font-size: 16.6px;">Vue aeriele de Lyon © Muriel Chaulet</span></div> <p>Attention : Les études de cas sur cette plateforme concernent les pratiques de protection du patrimoine en sites du patrimoine mondial et au-delà. La publication des cas d’étude sur ce site web n’implique pas l’inclusion du site dans la liste du patrimoine mondial ou dans un des programmes thématiques. Les pratiques partagées ne sont pas évaluées de quelque façon par le Centre du patrimoine mondial ou présentées ici comme pratiques exemplaires, ni elles représentent solutions complètes pour les problèmes de gestion du patrimoine. Les points de vue exprimés par les experts et les gestionnaires des sites sont personnels et ne reflètent pas nécessairement les vues du Centre du patrimoine mondial. Les pratiques et visions partagées ici sont comprises pour donner un aperçu et élargir le dialogue sur la conservation du patrimoine afin de poursuivre la gestion du patrimoine urbain en général.</p> </div> </div> <div class="container"> <div class="row border-top pt-5"> <div class="col-12 order-3"> <div class="border-bottom mb-4 pb-4"> <div class="mb-3" id="events"> <div class="mb-3"><span class="h5">Événements</span> <span class="badge badge-secondary align-top">1</span></div> <a name="events"></a> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-4 row-cols-xl-4 mb-0 "> <div class="col mb-5 mb-lg-4" style="" id="list-1590" > <div class="listContainer"> <div class="row"> <div class="listImg col-12"> <a href="/fr/evenements/1590/"><img src="https://whc.unesco.org/uploads/thumbs/event_1590-384-216-20220330164538.jpg" class="w-100 mb-2 border" loading="lazy" /></a> </div> <div class="listTitle col-12"> <a href="/fr/evenements/1590/" class="text-black ">Conférence en ligne UNESCO-UpM « Vivre avec le patrimoine mondial : réutilisation adaptative et régénération dans la région euro-méditerranéenne » (17 et 18 mai 2021)</a> <div class="mt-2"> <span class="text-muted" data-toggle="tooltip" title="lundi 17 mai 2021 - mardi 18 mai 2021"><span class="text-nowrap">17 May 2021</span> - <span class="text-nowrap">18 May 2021</span></span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3 row-cols-xl-4 "> <div class="col" id="categories"> <div class="mb-3"> <div class="h5">Catégories </div> <a class="tag tag-outline-gray mr-2 mb-2" href="/fr/activites/search_theme=23&action=list">Changement climatique</a> <a class="tag tag-outline-gray mr-2 mb-2" href="/fr/activites/search_theme=45&action=list">Environment & Resilience</a> </div> </div> <div class="col" id="keywords"> <div class="mb-3"> <div class="mb-3"> <span class="h5">Mots Clefs </span> <span class="badge badge-secondary align-top">6</span></div> <a name=""></a> <div class=""> <div> <span class="tag tag-outline-gray mr-1 mb-2 " style="" id="list-442" > <a href="/fr/activites/id_keywords=442&action=list" class=""> Culture </a> </span> <span class="tag tag-outline-gray mr-1 mb-2 " style="" id="list-2087" > <a href="/fr/activites/id_keywords=2087&action=list" class=""> Développement urbain </a> </span> <span class="tag tag-outline-gray mr-1 mb-2 " style="" id="list-440" > <a href="/fr/activites/id_keywords=440&action=list" class=""> Nature </a> </span> <span class="tag tag-outline-gray mr-1 mb-2 " style="" id="list-324" > <a href="/fr/activites/id_keywords=324&action=list" class=""> Paysage urbain historique </a> </span> <span class="tag tag-outline-gray mr-1 mb-2 " style="" id="list-4" > <a href="/fr/activites/id_keywords=4&action=list" class=""> Urbanisme </a> </span> <span class="tag tag-outline-gray mr-1 mb-2 " style="" id="list-1584" > <a href="/fr/activites/id_keywords=1584&action=list" class=""> Villes </a> </span> </div> </div> </div> </div> <div class="col" id="seealso"> <div class="mb-3"> <div class="mb-3"> <span class="h5">En complément</span> <span class="badge badge-secondary align-top">1</span></div> <a name="seealso"></a> <div class=""> <div> <span class="tag tag-outline-gray mr-1 mb-2 " style="" id="list-379" > <a href="/fr/canopee" class=""> Canopée du Patrimoine Mondial </a> </span> </div> </div> </div> </div> <div class="col"> <div class="mb-3"> <div class="mb-3"> <span class="h5">Biens du patrimoine mondial</span> <span class="badge badge-secondary align-top">1</span></div> <a name="sites"></a> <div class=""> <div> <span class="tag tag-outline-gray mr-1 mb-2 " style="" id="list-872" > <a href="/fr/list/872" class=""> Site historique de Lyon </a> </span> </div> </div> </div> </div> <div class="col" id="statesparties"> <div class="mb-3"> <div class="mb-3"> <span class="h5">États parties</span> <span class="badge badge-secondary align-top">1</span></div> <a name="statesparties"></a> <div class=""> <div> <span class="tag tag-outline-gray mr-1 mb-2 document " style="list-style-type: none; " > <a href="/fr/etatsparties/fr" class=""> <img src="/uploads/states/svg-min/fr.svg" class="w-100" style="max-width: 16px" loading="lazy"> France </a> </span> </div> </div> </div> </div> <div class="col" id="geographical"> <div class="mb-3"> <div class="h5">Zone géographique</div> <a class="tag tag-outline-gray mb-2 mr-2" href="/fr/activites/search_region=5&pattern">Europe et Amérique du Nord</a> </div> </div> <div class="col" id="sdgs"> <div class="mb-3"> <div class="mb-3"> <span class="h5">Objectifs de développement durable</span> <span class="badge badge-secondary align-top">1</span></div> <a name="sdgs"></a> <div class=""> <div> <span class="tag tag-outline-gray mr-1 mb-2 document " style="list-style-type: none; " id="list-3754" > <a href="/fr/activites/id_sdgs=3754&action=list" class=""> <img src="/graphics/sdgs/sdg-11-fr.svg" class="w-100" style="max-width: 16px" loading="lazy"> 11 Sustainable Cities and Communities </a> </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer id="footer" class="bg-grey mt-5"> <div class="footer-wrapper"> <div class="row d-print-none"> <div class="col-lg-12"> <div class="footer-top"><img src="https://whc.unesco.org/uploads/pages/documents/document-35-2.svg" alt="logo" width="" height="" style="width: 150px;" loading="lazy" /></div> </div> <div class="col-lg-12"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-4 row-cols-xxl-4 small"> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/sessions/">Sessions du Comité</a> <a class="nav-link text-dark" href="/fr/documents/">Documents statutaires</a> <a class="nav-link text-dark" href="/fr/decisions/">Décisions du Comité</a> <a class="nav-link text-dark" href="/fr/sessions/47COM/">47<sup>e</sup> session (2025)</a> <a class="nav-link text-dark" href="/fr/sessions/46COM/">46<sup>e</sup> session (2024)</a></div> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/ag">Assemblée générale</a> <a class="nav-link text-dark" href="/fr/sessions/25GA">25<sup>e</sup> GA (2025)</a> <a class="nav-link text-dark" href="/fr/sessions/24GA">24<sup>e</sup> GA UNESCO, Paris (2023)</a></div> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/apropos/">Le patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/convention/">La Convention</a> <a class="nav-link text-dark" href="/fr/conventiontexte/">Texte de la Convention </a> <a class="nav-link text-dark" href="/fr/compendium/">Compendium</a> <a class="nav-link text-dark" href="/fr/declaration-de-principes">Déclaration de principes</a> <a class="nav-link text-dark" href="/fr/orientations/">Orientations</a> <a class="nav-link text-dark" href="/fr/embleme/">L’emblème du patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/etatsparties/">Les États parties</a> <a class="nav-link text-dark" href="/fr/organisationsconsultatives/">Organisations Consultatives</a> <a class="nav-link text-dark" href="/fr/centre-du-patrimoine-mondial/">Centre du patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/emplois/">Emplois & Stages</a> <a class="nav-link text-dark" href="/fr/quifaitquoi/">Qui fait quoi</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/list/">La Liste</a> <a class="nav-link text-dark" href="/fr/list/">Liste du patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/peril/">Patrimoine mondial en péril</a> <a class="nav-link text-dark" href="/fr/nouveauxbiens/">Nouveaux biens inscrits</a> <a class="nav-link text-dark" href="/fr/criteres/">Critères de sélection</a> <a class="nav-link text-dark" href="/fr/listesindicatives/">Listes indicatives</a> <a class="nav-link text-dark" href="/fr/nominations/">Propositions d’inscription</a> </div> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/118/">Rapports et suivi</a> <a class="nav-link text-dark" href="/fr/soc/">État de conservation (SOC)</a> <a class="nav-link text-dark" href="/fr/rapportperiodique">Rapport périodique</a> <a class="nav-link text-dark" href="/fr/prcycle3/">Questionnaires 2018-2024</a> <a class="nav-link text-dark" href="/fr/rp-questionnaire/">Questionnaires 2008-2015</a> <a class="nav-link text-dark" href="/fr/173/">Suivi réactif</a> <a class="nav-link text-dark" href="/fr/afrique/">Afrique</a> <a class="nav-link text-dark" href="/fr/etasarabes/">États arabes</a> <a class="nav-link text-dark" href="/fr/asie-pacifique">Asie & Pacifique</a> <a class="nav-link text-dark" href="/fr/lac/">Amérique latine et Caraïbes</a> <a class="nav-link text-dark" href="/fr/eur-na/">Europe et Amérique du Nord</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/partenariats/">Partenariats</a> <a class="nav-link text-dark" href="/fr/devenez-partenaire/">Devenez partenaire</a> <a class="nav-link text-dark" href="/fr/rolepartenaires/">Ce que font les partenaires</a> <a class="nav-link text-dark" href="/fr/partenaires/">Nos partenaires</a></div> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/activites/">Activités</a> <a class="nav-link text-dark" href="/fr/activites">Nos activités</a> <a class="nav-link text-dark" href="/fr/pmvolontariat">Volontaires</a></div> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/publications/">Publications</a> <a class="nav-link text-dark" href="/fr/revue/">Revue du Patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/series/">Séries</a> <a class="nav-link text-dark" href="/fr/manuelsdereference/">Manuels de référence</a> <a class="nav-link text-dark" href="/fr/carte/">Carte murale</a> <a class="nav-link text-dark" href="/fr/publications/">Plus de publications ...</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/fonds/">Fonds</a> <a class="nav-link text-dark" href="/fr/fonds-du-patrimoine-mondial/">Fonds du patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/assistanceint">Assistance internationale</a></div> <div class="border-top pt-3"><a class="nav-link text-dark font-weight-bold" href="##">Plus</a> <a class="nav-link text-dark" href="/fr/contacts/">Contacts</a> <a class="nav-link text-dark" href="/fr/plandusite/">Plan du site</a> <a class="nav-link text-dark" href="/fr/inscription">Devenir membre</a> <a class="nav-link text-orange font-weight-bold" href="/fr/donation/">Donnez maintenant</a></div> <div class="border-top pt-3 pb-3"> </div> </div> </div> </div>  <div class="col-lg-12"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-4 row-cols-xxl-4 small"> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link font-weight-bold text-dark" href="https://www.unesco.org/en/">UNESCO</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/newsroom">UNESCO Actualités</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/take-action">S’engager</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/ideas-data">Idées et Données</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/impact">Notre impact</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/our-expertise">Notre Expertise</a> <a class="nav-link text-dark" href="https://core.unesco.org/fr">Portail de données</a> <a class="nav-link text-dark" href="http://eepurl.com/i1UpgI" target="_blank" rel="noopener">S'abonner à nos lettres d'information</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link font-weight-bold text-dark" href="https://www.unesco.org/en">Conditions d’utilisation</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/logo-patronage">UNESCO Logo et Patronage</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/faq">UNESCO FAQ</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/ios/report-wrongdoing">Signaler un cas de fraude, corruption ou autre manquement</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/scamalert">Messages Frauduleux</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link font-weight-bold text-dark" href="https://www.unesco.org/fr/legal-affairs/">Politiques</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/legal-affairs/cr-committee/104-procedure">Protection des droits de l’homme <br /><span class="small text-muted">(Procédure 104)</span></a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/unesco-access-information-policy">Politique d’accès à l’information</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/website-privacy-notice">Politique de confidentialité du site web</a> <a class="nav-link text-dark" href="https://www.unesco.org/en/events-privacy-notice">Events Privacy Notice</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/privacy-policy">Protection des données personnelles</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/environmental-commitment-and-policy">Gestion environnementale</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"> <div class="nav-link font-weight-bold text-dark">Suivez-nous</div> <a class="nav-link text-dark" href="https://www.facebook.com/unescofr">Facebook</a> <a class="nav-link text-dark" href="https://instagram.com/unesco/">Instagram</a> <a class="nav-link text-dark" href="https://twitter.com/unesco_fr/">Twitter</a> <a class="nav-link text-dark" href="https://www.youtube.com/user/unesco">Youtube</a> <a class="nav-link text-dark" href="https://www.linkedin.com/company/unesco">Linkedin</a> <a class="nav-link text-dark" href="/en/syndication" aria-label="syndication">Syndication RSS</a></div> </div> </div> </div> </div> </div> <div class="container pb-5"> <div class="small border-top pt-3 mt-3"> <nav aria-label="breadcrumb" class="d-none d-lg-block"> <ol class="breadcrumb px-0 mb-0"> <li class="breadcrumb-item"><a href="https://www.unesco.org" >UNESCO</a></li> <li class="breadcrumb-item"><a href="https://www.unesco.org/fr/culture">Culture</a></li> <li class="breadcrumb-item"><a href="/">Centre du patrimoine mondial</a></li> <li class="breadcrumb-item"><a href="/fr/activites/">Activités</a></li><li class="breadcrumb-item active"><a href="/fr/activites/">Activités</a></li> </ol> </nav> <div> <a href="/fr/avertissement/" class="d-block">© UNESCO Centre du patrimoine mondial 1992-2025</a> </div> </div> </div> <div class="modal lightboxIframe" id="lightboxIframe" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog p-0 m-0 w-100 h-100 mw-100 rounded-0"> <div class="modal-content rounded-0 h-100 w-100 mw-100 border-0"> <iframe src="" frameborder="0" width="100%" height="100%" class="p-0 m-0"></iframe> </div> </div> </div> <div class="modal contactIframe" id="contactIframe" tabindex="-1" role="dialog" aria-labelledby="contactIframeModalLabel" aria-hidden="true"> <div class="modal-dialog p-0 m-0 w-100 h-100 mw-100 rounded-0"> <div class="modal-content rounded-0 h-100 w-100 mw-100 border-0"> <iframe src="" frameborder="0" width="100%" height="100%" class="p-0 m-0"></iframe> </div> </div> </div> </footer> <div id="back-top" class="d-print-none"><a href="#top" aria-label="Back to top"><span class="back-top-text">top</span></a></div> <script> /* set locale before JSAPI is loaded*/ dojoConfig = { locale: "fr", parseOnLoad: true }; /**/ var geoMarkers = [] geoMarkers = [ /*add exisitng Markers from DB*/ { latitude:45.7591991144, longitude:4.82965, city:'Lyon', city_en:'Lyon', city_fr:'Lyon', country_iso:'fr' } ]; var ARGUMENTScentroidlongitude = 0; var ARGUMENTScentroidlatitude = 0; var ARGUMENTSzoomlevel = 3; </script> <script src="https://js.arcgis.com/4.18/" defer="defer"></script> <script src="/javascript/esri/esriviewer.js?2022" defer="defer" ></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="/assets/scripts/vendor/slick.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script> <script src="/assets/scripts/app-min.js?2024122"></script> <script src="/assets/scripts/unesco-whc.js?20220414" defer="defer"></script> <script src="/javascript/sorttable2_bootstrap-min.js" defer="defer"></script> <script language="javascript"> showHideElementByName = function(eltName) { $("[name='"+eltName+"']").toggleClass('d-none'); } onUsernameSubmit_645F27400E09FAFB73F09B62550968916D5B0C1834EA3061FFD6B6CFD83149E8 = function(e) { e.preventDefault(); var aUsername = $("[uniqueName='username_0CAA4AEB-A5BE-54E7-2F53FF9E0A1B1754']"); if(!aUsername.length) return false; var sUsername = aUsername[aUsername.length-1].value; if (sUsername == "") return false; var aRememberMe = $("[id='rememberMe_0CAA4AEB-A5BE-54E7-2F53FF9E0A1B1754']"); var bRememberMe = aRememberMe.length && aRememberMe[0].checked == true ? 1 : 0; // Get SSO or password connection $.ajax({ url: '/p_dynamic/users/user.cfc?method=checkSSOLoginConnection&usernameOrEmail=' + sUsername + '&rememberMe=' + bRememberMe, cache: false, success: function(response){ var obj = JSON.parse(response); // Account found if (obj.success) { //Hide error message if present $(".whc-login-error").addClass('d-none'); if (obj.redirect === 1) { // To define if we want to add custom code before sso redirection if (typeof actionBeforeSSORedirect === "function") { actionBeforeSSORedirect(); } window.location.href = obj.urlRedirect; } else { // To define if we want to add custom code before login redirection if (typeof actionBeforeLoginRedirect === "function") { actionBeforeLoginRedirect(); } //Show password field and login button showHideElementByName("username"); showHideElementByName("username-label"); showHideElementByName("password"); showHideElementByName("password-label"); showHideElementByName("backUsername"); showHideElementByName("SUBMITusername"); showHideElementByName("SUBMITlog"); } // Account not found } else { $(".whc-login-error").removeClass('d-none'); $(".whc-login-error").html(obj.message); } }, failure: function(response) { console.log(response); } }); } backLoginForm = function(e) { e.preventDefault(); //Show password field and login button showHideElementByName("username"); showHideElementByName("username-label"); showHideElementByName("password"); showHideElementByName("password-label"); showHideElementByName("backUsername"); showHideElementByName("SUBMITusername"); showHideElementByName("SUBMITlog"); } </script> <div class="modal" id="alertLogin" tabindex="-1" aria-labelledby="alertLoginLabel" aria-hidden="false" > <div class="modal-dialog modal-dialog-centered "> <div class="modal-content bg-light"> <div class="modal-header border-bottom-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-0 px-4 pb-4"> <h5>Login</h5> <form name="login_form" class="pt-3" method="post" action="https://whc.unesco.org/pg.cfm?cid%3D280%26id%3D1154%26l%3Dfr%26%26" enctype="multipart/form-data" autocomplete="off"> <label for="username" name="username-label">Votre nom d'utilisateur</label> <input placeholder="Nom d'utilisateur" aria-label="Nom d'utilisateur" type="text" class="form-control text" name="username" uniqueName='username_0CAA4AEB-A5BE-54E7-2F53FF9E0A1B1754' maxlength="128" width="18" value="" autocomplete="off" /> <label for="password" name="password-label" class="d-none">Votre mot de passe</label> <input aria-label="Password" type="password" width="18" name="password" class="form-control text mt-1 d-none" maxlength="128" size="16" value="" placeholder="mot de passe" autocomplete="off" /> <div class="mt-2 whc-login-error text-red d-none"></div> <div class="mt-2 custom-control custom-switch" > <input aria-label="Remember me" type="checkbox" name="rememberme" id="rememberMe_0CAA4AEB-A5BE-54E7-2F53FF9E0A1B1754" checked="true" class="custom-control-input" /> <label for="rememberMe_0CAA4AEB-A5BE-54E7-2F53FF9E0A1B1754" class="custom-control-label">Se souvenir de mon profil</label> </div> <a class="d-block mt-3" href="/fr/280/msg=forgotlogin">Mot de passe oublié ?</a> <a class="d-block my-2" href="/fr/inscription/">Devenez membre</a> <div class="buttons mt-3 d-flex justify-content-end w-100"> <button class="btn bg-secondary small_button plain_button button_padding mr-1 d-none" onclick="backLoginForm(event)" name='backUsername' value="Previous" title="Précédent" style="color:white"> Précédent  </button> <button class="btn bg-primary small_button plain_button button_padding" onclick="onUsernameSubmit_645F27400E09FAFB73F09B62550968916D5B0C1834EA3061FFD6B6CFD83149E8(event)" name='SUBMITusername' value="Suivant" title="Suivant" style="color:white"> Suivant  </button> <button class="btn bg-primary small_button plain_button button_padding d-none" type="submit" name='SUBMITlog' value="Valider" title="Valider" style="color:white"> S'identifier  </button> </div> <input type="hidden" name="l" value="en" /> <input type="hidden" name="cid_origin" value="280" /> <input type="hidden" name="query_string_origin" value="/fr/canopee/lyon/" /> </form> </div> </div> </div> </div> <script> $(document).ready(function () { $('#multiSearch').on('show.bs.collapse', function () { $('html').css('overflow','hidden'); }); $('#multiSearch').on('hidden.bs.collapse', function () { $('html').css('overflow',''); }); $(document).keyup(function(e) { if (e.key === "Escape") { /* escape key maps to keycode `27`*/ $('#multiSearch').collapse('hide'); } }); // scroll spy on summary item $(window).on('scroll.customScrollSpy', function () { var scrollPos = $(window).scrollTop(); $('.summary-item a').each(function () { var url = new URL($(this).attr('href'), window.location.href); // Create a URL object var hash = url.hash; // Get the hash (includes the dash) var sectionOffset = $(hash).offset().top - 70; if (scrollPos >= sectionOffset) { $('.summary-item a').removeClass('font-weight-bold'); $(this).addClass('font-weight-bold'); } }); }); }); </script> <script>Ext = {scopeCss: true};</script> <script type="text/javascript" src="https://whc.unesco.org/javascript/ext-6.2.0-app-all/app.js?20220421"></script> <script> Ext.onReady( function() { /* fix issue with window centered with extjs 6.2*/ Ext.define('Ext.overrides.window.Window', { override: 'Ext.window.Window', onShow: function () { this.callParent(arguments); this.center(); }, initComponent: function () { this.on('render', function () { this.center(); }); this.callParent(arguments); }, center: function () { var me = this, top = window.pageYOffset || document.documentElement.scrollTop, left = window.pageXOffset || document.documentElement.scrollLeft, size = Ext.Element.getViewSize(); var newX = left + (size.width - me.getWidth()) / 2; var newY = top + (size.height - me.getHeight()) / 2; me.setXY([newX, newY]); } }); }); </script> <script> $('.lightbox').on('click',function(e){ e.preventDefault(); let iframeSrc=$(this).attr('href'); let myHtml = $('html'); let scrollPosY = myHtml.scrollTop(); //myHtml.toggleClass("scrollbarnone"); $('.lightboxIframe').on('shown.bs.modal',function(){ myHtml.css('overflow','hidden'); $(this).find('iframe').attr('src',iframeSrc); $(this).css('padding-right',''); }) $('.lightboxIframe').on('hidden.bs.modal',function(){ /*myHtml.toggleClass("scrollbarnone");*/ myHtml.css("scroll-behavior","auto"); myHtml.scrollTop(scrollPosY); myHtml.css("scroll-behavior",""); }); $('.lightboxIframe').on('hide.bs.modal',function(){ $(this).find('iframe').attr('src',''); myHtml.css('overflow',''); }) $('#lightboxIframe').modal({keyboard: true,show:true}); } ); $('.contactButton').on('click',function(e){ e.preventDefault(); let keywordValue=$(this).attr('keyword'); $('.contactIframe').on('shown.bs.modal',function(){ $(this).find('iframe').attr('src',"/include/tool_contact_bootstrap.cfm"+"?keyword="+keywordValue) }); $('.contactIframe').on('hidden.bs.modal',function(){ $(this).find('iframe').attr('src',''); }) $('#contactIframe').modal({keyboard: true,show:true}); }); </script> <script type='text/javascript' defer='defer'>$('#menuLogin-link').click(function(ev){ev.preventDefault();$('#alertLogin').modal('show');});</script> <div id="map-win" class="x-hidden"></div> </body> <script type="text/javascript"> (function(){ window["loaderConfig"] = "/TSPD/?type=21"; })(); </script> <script type="text/javascript" src="/TSPD/?type=18"></script> </html>