CINXE.COM
UNESCO World Heritage Centre - List of World Heritage in Danger
<!DOCTYPE html> <!-- Building Peace in the minds of men and women Construire la paix dans l'esprit des hommes et des femmes Construir la paz en la mente de los hombres y de las mujeres Нести мир в сознание мужчин и женщин بناء السلام في عقول الرجال والنساء 于人之思想中构建和平 --> <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" /> <title>UNESCO World Heritage Centre - List of World Heritage in Danger</title> <link rel="stylesheet" href="https://js.arcgis.com/4.31/esri/themes/dark/main.css"> <style> #esrimap { width: 100%; height: 100%; flex: 1 1 auto; order: 1; background-color: #081c3d } #esriapp { position: relative; width: 100%; height: 900px; display: flex; flex-direction: column; overflow: hidden; } .esri-features__heading { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; /* number of lines to show */ line-clamp: 1; -webkit-box-orient: vertical; } /*place of 3D button*/ #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; } #infoWebGL{display:none;} .esri-ui {position:initial} </style> </head> <body class="x-whc lang-fr" id="bodyEl" style="height: 100%; " > <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T9NW" height="0" width="0" style="display:none;visibility:hidden"></iframe>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/danger-list/" 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"> <!-- <a href="/" class="button-galaxy">Explore UNESCO</a> --> </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> <div class="container mt-3"> <div class="d-flex justify-content-end justify-content-md-between align-items-center"> <div class="breadcrumb p-0 m-0 small d-none d-md-flex"> <a href="/fr/list" class="breadcrumb-item ">Liste du patrimoine mondial</a> <a href="/fr/peril" class="breadcrumb-item ">Patrimoine mondial en péril</a> <a href="/fr/nouveauxbiens/" class="breadcrumb-item active" aria-current="page">Liste du patrimoine mondial en péril</a> </div> <div> <div class="dropdown d-inline-block d-print-none"> <a class="round bg-gray2 text-dark" type="button" id="shareMenuButton" data-toggle="dropdown" onclick="if(typeof ga != 'undefined'){ga('send','event', 'whc-button-share', 'whc-button', 'whc-button-share-fr-86');}"><span class="icon-share icon" data-toggle="tooltip" title="Partager"></span></a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="shareMenuButton" aria-expanded="false" > <a class="dropdown-item" href="/pg_friendly_print.cfm?cid=86&" title="print" id="print_button" target="_blank" onclick="if(typeof ga != 'undefined'){ga('send','event','whc-button-print', 'whc-button', 'whc-button-print-fr-86');}">Print</a> <div class="dropdown-divider"></div> <h6 class="dropdown-header">Partager</h6> <a class="dropdown-item" href="#" onclick="javascript:window.open('https://www.facebook.com/sharer/sharer.php?t=World+Heritage+Centre&u=https%3A%2F%2Fwhc.unesco.org','fb',' width=400,height=480,location=0,menubar=1,scrollbars=no,toolbar=1')">Facebook</a> <a class="dropdown-item" href="#" onclick="javascript:window.open('https://twitter.com/intent/tweet?via=UNESCO&counturl=https://whc.unesco.org&text=World+Heritage+Centre&url=https%3A%2F%2Fwhc.unesco.org','fb',' width=400,height=480,location=0,menubar=0,scrollbars=no,toolbar=no')">Twitter</a> <div class="dropdown-divider"></div> <h6 class="dropdown-header">Réseau Sociaux UNESCO</h6> <a class="dropdown-item" href="https://www.facebook.com/unesco">Facebook</a> <a class="dropdown-item" href="https://www.youtube.com/unescoFrench">Youtube</a> <a class="dropdown-item" href="https://www.twitter.com/unesco_fr">Twitter</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/fr/syndication" target="_blank">RSS Patrimoine mondial</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/fr/avertissement/">Avertissement</a> <a class="dropdown-item" href="/fr/syndication/">Syndication</a> </div> </div> </div> </div> <div class="row justify-content-center"> <div class="col-12 col-lg-8 col-xl-7"> <h1 class="mt-5"> Liste du patrimoine mondial en péril </h1> <p class="lead mt-3 mb-4"> Les <span class="bigtitle">56</span> biens inscrits sur la liste du patrimoine mondial en péril par décision du Comité du patrimoine mondial selon l'<a href="/fr/conventiontexte/#Article11.4">Article 11 (4)</a> de la <em>Convention</em>. </p> </div> </div> </div> <div class="" id="esriapp"> <div id="esrimenu"></div> <div id="infoWebGL"> <div class="alert" style="display: none">Web Browser not supported for ESRI ArcGIS API version 4.10. WebGL must be enable, <a href="https://developers.arcgis.com/javascript/latest/guide/system-requirements/index.html">see documentation</a></div> </div> <div id="infoDiv"> <input class="esri-component esri-widget--button esri-widget esri-interactive" type="button" id="switch-btn" value="3D"> </div> <div id="esrimap" style=""> </div> </div> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-lg-8 col-xl-7 rich-text"> <div class="row"> <div class="col-12 col-md-8"> <div class=""> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/af" class="text-dark">Afghanistan</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/211">Minaret et vestiges archéologiques de Djam</a> (2002) </li> <li class=" cultural_danger "> <a href="/en/list/208">Paysage culturel et vestiges archéologiques de la vallée de Bamiyan</a> (2003) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/at" class="text-dark">Autriche</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/1033">Centre historique de Vienne</a> (2017) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/bo" class="text-dark">Bolivie (État plurinational de)</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/420">Ville de Potosí</a> (2014) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/ci" class="text-dark">Côte d'Ivoire</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/155">Réserve naturelle intégrale du mont Nimba</a> (1992) * </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/eg" class="text-dark">Égypte</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/90">Abou Mena</a> (2001) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/ps" class="text-dark">État de Palestine</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/1749">Monastère de Saint Hilarion/ Tell Umm Amer</a> (2024) </li> <li class=" cultural_danger "> <a href="/en/list/1492">Palestine : terre des oliviers et des vignes – Paysage culturel du sud de Jérusalem, Battir</a> (2014) </li> <li class=" cultural_danger "> <a href="/en/list/1565">Vieille ville d’Hébron/Al-Khalil</a> (2017) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/us" class="text-dark">États-Unis d'Amérique</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/76">Parc national des Everglades</a> (2010) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/gn" class="text-dark">Guinée</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/155">Réserve naturelle intégrale du mont Nimba</a> (1992) * </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/hn" class="text-dark">Honduras</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/196">Réserve de la biosphère Río Plátano</a> (2011) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/sb" class="text-dark">Îles Salomon</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/854">Rennell Est</a> (2013) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/id" class="text-dark">Indonésie</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/1167">Patrimoine des forêts tropicales ombrophiles de Sumatra</a> (2011) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/iq" class="text-dark">Iraq</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/1130">Assour (Qal'at Cherqat)</a> (2003) </li> <li class=" cultural_danger "> <a href="/en/list/277">Hatra</a> (2015) </li> <li class=" cultural_danger "> <a href="/en/list/276">Ville archéologique de Samarra</a> (2007) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/" class="text-dark">Jérusalem (site proposé par la Jordanie)</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/148">Vieille ville de Jérusalem et ses remparts</a> (1982) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/ke" class="text-dark">Kenya</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/801">Parcs nationaux du Lac Turkana</a> (2018) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/lb" class="text-dark">Liban</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/1702">Foire internationale Rachid Karameh-Tripoli</a> (2023) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/ly" class="text-dark">Libye</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/362">Ancienne ville de Ghadamès</a> (2016) </li> <li class=" cultural_danger "> <a href="/en/list/190">Site archéologique de Cyrène</a> (2016) </li> <li class=" cultural_danger "> <a href="/en/list/183">Site archéologique de Leptis Magna</a> (2016) </li> <li class=" cultural_danger "> <a href="/en/list/184">Site archéologique de Sabratha</a> (2016) </li> <li class=" cultural_danger "> <a href="/en/list/287">Sites rupestres du Tadrart Acacus</a> (2016) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/mg" class="text-dark">Madagascar</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/1257">Forêts humides de l’Atsinanana</a> (2010) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/ml" class="text-dark">Mali</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/1139">Tombeau des Askia</a> (2012) </li> <li class=" cultural_danger "> <a href="/en/list/119">Tombouctou</a> (2012) </li> <li class=" cultural_danger "> <a href="/en/list/116">Villes anciennes de Djenné</a> (2016) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/mx" class="text-dark">Mexique</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/1182">Îles et aires protégées du Golfe de Californie</a> (2019) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/fm" class="text-dark">Micronésie (États fédérés de)</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/1503">Nan Madol : centre cérémoniel de la Micronésie orientale</a> (2016) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/ne" class="text-dark">Niger</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/573">Réserves naturelles de l'Aïr et du Ténéré</a> (1992) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/uz" class="text-dark">Ouzbékistan</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/885">Centre historique de Shakhrisyabz</a> (2016) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/pa" class="text-dark">Panama</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/135">Fortifications de la côte caraïbe du Panama : Portobelo, San Lorenzo</a> (2012) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/pe" class="text-dark">Pérou</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/366">Zone archéologique de Chan Chan</a> (1986) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/sy" class="text-dark">République arabe syrienne</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/21">Ancienne ville d'Alep</a> (2013) </li> <li class=" cultural_danger "> <a href="/en/list/22">Ancienne ville de Bosra</a> (2013) </li> <li class=" cultural_danger "> <a href="/en/list/20">Ancienne ville de Damas</a> (2013) </li> <li class=" cultural_danger "> <a href="/en/list/1229">Crac des Chevaliers et Qal’at Salah El-Din</a> (2013) </li> <li class=" cultural_danger "> <a href="/en/list/23">Site de Palmyre</a> (2013) </li> <li class=" cultural_danger "> <a href="/en/list/1348">Villages antiques du Nord de la Syrie</a> (2013) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/cf" class="text-dark">République centrafricaine</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/475">Parc national du Manovo-Gounda St Floris</a> (1997) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/cd" class="text-dark">République démocratique du Congo</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/137">Parc national de Kahuzi-Biega</a> (1997) </li> <li class=" natural_danger "> <a href="/en/list/136">Parc national de la Garamba</a> (1996) </li> <li class=" natural_danger "> <a href="/en/list/63">Parc national des Virunga</a> (1994) </li> <li class=" natural_danger "> <a href="/en/list/718">Réserve de faune à okapis</a> (1997) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/tz" class="text-dark">République-Unie de Tanzanie</a> </h5> <ul class="pl-3"> <li class=" natural_danger "> <a href="/en/list/199">Réserve de gibier de Selous</a> (2014) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/ro" class="text-dark">Roumanie</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/1552">Paysage minier de Roșia Montană</a> (2021) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/rs" class="text-dark">Serbie</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/724">Monuments médiévaux au Kosovo</a> (2006) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/ua" class="text-dark">Ukraine</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/527">Kyiv : Cathédrale Sainte-Sophie et ensemble des bâtiments monastiques et Laure de Kyiv-Petchersk</a> (2023) </li> <li class=" cultural_danger "> <a href="/en/list/1703">Le centre historique d’Odesa</a> (2023) </li> <li class=" cultural_danger "> <a href="/en/list/865">Lviv – ensemble du centre historique</a> (2023) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/ve" class="text-dark">Venezuela (République bolivarienne du)</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/658">Coro et son port</a> (2005) </li> </ul> </div> <div class="list_site"> <h5 class="mt-4"> <a href="/en/statesparties/ye" class="text-dark">Yémen</a> </h5> <ul class="pl-3"> <li class=" cultural_danger "> <a href="/en/list/192">Ancienne ville de Shibam et son mur d'enceinte</a> (2015) </li> <li class=" cultural_danger "> <a href="/en/list/1700">Hauts lieux de l'ancien royaume de Saba, Marib</a> (2023) </li> <li class=" cultural_danger "> <a href="/en/list/385">Vieille ville de Sana'a</a> (2015) </li> <li class=" cultural_danger "> <a href="/en/list/611">Ville historique de Zabid</a> (2000) </li> </ul> </div> </div> </div> <div class="col-12 col-md-4"> <div class="card bg-light mt-4"> <div class="card-body"> <h5>Légende</h5> <p> <img src="/graphics/c_danger.gif" title="Culturel" loading="lazy" /> Culturel <br /> <img src="/graphics/n_danger.gif" title="Naturel" loading="lazy" /> Naturel <br /> <img src="/graphics/m_danger.gif" title="Mixte" loading="lazy" /> Mixte <br /> * bien transfrontalier </p> </div> </div> <div class="card bg-light mt-4"> <div class="card-body"> <h5>Statistiques</h5> <p> <a href="/fr/list/stat/#s7" class="round round-md"><span class="material-icons-sharp">stacked_bar_chart</span></a> <a href="/fr/list/stat/#s7">Statistiques</a> </p> </div> </div> </div> </div> <div class="border-top mt-5 pt-4" > <h2> Comment aider ?</h2> <p class="lead"> Les États parties à la Convention doivent informer le Comité dès que possible des menaces qui pèsent sur leurs sites. D’autre part, les particuliers, les ONG et d’autres groupes peuvent également attirer l’attention du Comité sur les menaces existantes. Si l’alerte est justifiée et le problème suffisamment sérieux, le Comité peut envisager d’inscrire le site sur la Liste du patrimoine mondial en péril. </p> <p> Pour informer le Comité du patrimoine mondial de menaces touchant des sites, adressez-vous à son Secrétariat: </p> <p> <strong>Centre du patrimoine mondial</strong><br /> UNESCO<br /> 7, place de Fontenoy<br /> 75352 Paris 07 SP<br /> France <br /> Tél. : 33 (01) 45 68 18 71<br /> courriel : <a href="mailto:wh-info@unesco.org">wh-info@unesco.org</a> </p> </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> <!--- UNESCO footer ---> <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/list/">La Liste</a></li><li class="breadcrumb-item"><a href="/fr/peril/">Patrimoine mondial en péril</a></li><li class="breadcrumb-item active"><a href="/fr/liste-peril/">La Liste en péril</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 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_07A14AC72AEE29F247D5733FAAD3C013107F4CDA53B8897B50FFD8DFD9C241F3 = function(e) { e.preventDefault(); var aUsername = $("[uniqueName='username_AA0B6084-B8F5-0CB4-5E1F7B64EFDFCA61']"); if(!aUsername.length) return false; var sUsername = aUsername[aUsername.length-1].value; if (sUsername == "") return false; var aRememberMe = $("[id='rememberMe_AA0B6084-B8F5-0CB4-5E1F7B64EFDFCA61']"); 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%3D86%26l%3Dfr%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_AA0B6084-B8F5-0CB4-5E1F7B64EFDFCA61' 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_AA0B6084-B8F5-0CB4-5E1F7B64EFDFCA61" checked="true" class="custom-control-input" /> <label for="rememberMe_AA0B6084-B8F5-0CB4-5E1F7B64EFDFCA61" class="custom-control-label">Se souvenir de mon profil</label> </div> <a class="d-block mt-3" href="/fr/86/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_07A14AC72AEE29F247D5733FAAD3C013107F4CDA53B8897B50FFD8DFD9C241F3(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="86" /> <input type="hidden" name="query_string_origin" value="/fr/liste-peril/" /> </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> /* Set the locale before the JSAPI loads */ esriConfig = { locale: "fr", log: {level:"none"}, request: {priority: "low"}, parseOnLoad: true }; </script> <script src="https://js.arcgis.com/4.31/"></script> <script type="text/javascript"> var markersRendererCultural, markersRendererNatural, markersRendererMixed, layerPolybuffer, layerPolycore, onePoint, combinedExtent, layerextended = false, markerSymbol, graphicsCultural = [], graphicsNatural = [], graphicsMixed = [], graphicsCulturalDanger = [], graphicsNaturalDanger = [], graphicsMixedDanger = []; require([ "require", "esri/Map", "esri/views/MapView", "esri/views/SceneView", "esri/WebMap", "esri/WebScene", "esri/Basemap", "esri/widgets/BasemapGallery", "esri/widgets/Expand", "esri/layers/FeatureLayer", "esri/layers/SceneLayer", "esri/layers/ElevationLayer", "esri/widgets/Legend", "esri/config", "esri/request", "esri/widgets/Fullscreen", /*"esri/widgets/Search",*/ "esri/intl", "esri/Graphic", "esri/symbols", "esri/renderers/Renderer", "esri/widgets/CoordinateConversion", "esri/widgets/Expand", "esri/widgets/Measurement", "esri/widgets/ScaleBar", "esri/geometry/Point", "esri/geometry/Extent", "esri/geometry/geometryEngine", "esri/geometry/projection", "esri/geometry/SpatialReference" ], function( require, Map, MapView, SceneView, WebMap, WebScene, Basemap, BasemapGallery, Expand, FeatureLayer, SceneLayer, ElevationLayer, Legend, esriConfig, esriRequest, Fullscreen, /*Search,*/ intl, Graphic, Symbol, Renderer, CoordinateConversion, Expand, Measurement, ScaleBar, Point, Extent, geometryEngine, projection, SpatialReference, arrayUtils) { /*code to create the map and add a basemap will go here*/ const switchButton = document.getElementById("switch-btn"); const basemapsetellite = new Basemap({ title: "Satellite", language: "fr", portalItem: { id: "13a1167266ae4d3d8f76a6bf2edd17aa" } }); const basemapwhc = new Basemap({ title: "Gris", thumbnailUrl: "https://unesco.maps.arcgis.com/sharing/rest/content/items/073cf5b02f654359b656f58ca9e67846/info/thumbnail/thumbnail1601627787898.png", portalItem: { id: "073cf5b02f654359b656f58ca9e67846" } }); const basemapdark = new Basemap({ title: "Sombre", language: "fr", portalItem: { id: "600ffbf85c704aa5a492f018b1125863" } }); const basemapTopo = new Basemap({ title: "Topographic", language: "fr", portalItem: { id: "f14d34580ef7460ab71284cf19d1de24" } }); const map = new Map({ basemap: basemapsetellite, id: "mainWHCmap" }); const appConfig = { mapView: null, sceneView: null, activeView: null, container: "esrimap" }; const initialViewParams2D = { zoom: 3, //scale: 40000, map: map, center: [0, 0], container: appConfig.container, id: "2dview", constraints: { snapToZoom: false } }; const initialViewParams3D = { zoom: 3, map: map, container: appConfig.container, /*ground: { layers: [ new ElevationLayer({ url: "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer" })] },*/ id: "3dview" }; /*create 2D view and and set active*/ appConfig.mapView = createView(initialViewParams2D, "2d"); /*appConfig.mapView.map = map;*/ appConfig.mapView.when(function() { document.getElementById("infoDiv").style.display = "block"; }).catch(function() { /* View was rejected, show webgl unsupported message and turn off the viewDiv*/ document.getElementById("infoWebGL").style.display = "block"; }); appConfig.activeView = appConfig.mapView; /* create 3D view, won't initialize until container is set*/ initialViewParams3D.container = null; appConfig.sceneView = createView(initialViewParams3D, "3d"); appConfig.sceneView.map.ground= "world-elevation"; /*appConfig.sceneView.spatialReference= {isWrappable:true};*/ symbolSizeScale(appConfig.activeView); /* Add a basemap toggle widget to toggle between basemaps */ /* Add a basemap toggle widget to toggle between basemaps*/ let Basemaps = new BasemapGallery({ source:[basemapsetellite,basemapwhc,basemapTopo,basemapdark], view: appConfig.activeView }); const bgExpandbasemaps = new Expand({ view: appConfig.activeView, expandTooltip : "Basemaps", label:"Basemaps", content: Basemaps, group: "top-right" }); /* Add widget to the top right corner of the view */ appConfig.activeView.ui.add([bgExpandbasemaps], "top-right"); appConfig.mapView.surface.addEventListener("wheel", function(event) { event.stopImmediatePropagation(); }, true); /* var searchWidget = new Search({view: appConfig.activeView}); appConfig.activeView.ui.add(searchWidget, {position: "bottom-left"}); */ /* Add widget to the top right corner of the view */ /**/ const measurement = new Measurement({ //view: appConfig.activeView, activeTool: "distance" }); const measurementArea = new Measurement({ //view: appConfig.activeView, activeTool: "area" }); const scaleBar = new ScaleBar({ view: appConfig.activeView, unit: "dual" }); const ccWidget = new CoordinateConversion({ view: appConfig.activeView }); const bgExpand = new Expand({ view: appConfig.activeView, expandTooltip : "Coordinates Conversion", expandIconClass:"esri-icon-applications", label:"Coordinates Conversion", content: ccWidget, group: "bottom-left" }); const bgExpand2 = new Expand({ view: appConfig.activeView, expandTooltip : "Distance", expandIconClass:"esri-icon-measure", label:"Distance", content: measurement, group: "bottom-left" }); bgExpand2.watch("expanded", (event) => { if(measurement.view === null){ measurement.view = appConfig.activeView; } else { measurement.view = null; }; }); const bgExpand3 = new Expand({ view: appConfig.activeView, expandTooltip : "Area", expandIconClass:"esri-icon-measure-area", label:"Area", content: measurementArea, group: "bottom-left" }); bgExpand3.watch("expanded", (event) => { if(measurementArea.view === null){ measurementArea.view = appConfig.activeView; } else { measurementArea.view = null; }; }); appConfig.activeView.ui.add([bgExpand, bgExpand2,bgExpand3], "bottom-left"); appConfig.activeView.ui.add(scaleBar, {position: "bottom-right"}); /* */ appConfig.sceneView.when(function() { /* View successfully loaded, show viewDiv*/ /* Add widget to the top right corner of the view*/ }).catch(function() { document.getElementById("infoDiv").style.display = "none"; document.getElementById("infoWebGL").style.display = "block"; console.log("no webgl"); /* View was rejected, show webgl unsupported message and turn off the viewDiv*/ }); /* switch the view between 2D and 3D each time the button is clicked */ switchButton.addEventListener("click", function() { switchView(); }); /* */ const stop1 = 6; const stop2 = 8; const stop3 = 15; const stop4 = 20; const stopdefault = 11; function symbolSizeScale(view) { view.watch("scale", (newScale) => { /* Update the symbol's size based on the scale */ view.map.layers.forEach((layer) => { symb = layer.renderer.symbol; if (newScale > 36978595) { symb.height = stop1; symb.width = stop1; } else if (newScale > 9244648) { symb.height = stop2; symb.width = stop2; } else if (newScale < 1641615) { symb.height = stop3; symb.width = stop3; } else if (newScale < 18055) { symb.height = stop4; symb.width = stop4; } else { symb.height = stopdefault; symb.width = stopdefault; } }, { sync: true }); }); }; /* Switches the view from 2D to 3D and vice versa */ function switchView() { const is3D = appConfig.activeView.type === "3d"; let activeViewpoint = appConfig.activeView.viewpoint.clone(); /* remove the reference to the container for the previous view*/ appConfig.activeView.container = null; appConfig.mapView.viewpoint = null; if (is3D) { /* if the input view is a SceneView, set the viewpoint on the mapView instance. Set the container on the mapView and flag it as the active view*/ appConfig.mapView.viewpoint = activeViewpoint; appConfig.mapView.container = appConfig.container; appConfig.activeView = appConfig.mapView; toggle.view = appConfig.mapView; symbolSizeScale(appConfig.activeView); appConfig.mapView.ui.add(toggle, "top-right"); switchButton.value = "3D"; } else { appConfig.sceneView.viewpoint = activeViewpoint; appConfig.sceneView.container = appConfig.container; symbolSizeScale(appConfig.sceneView); appConfig.activeView = appConfig.sceneView; toggle.view = appConfig.sceneView; appConfig.sceneView.ui.add(toggle, "top-right"); switchButton.value = "2D"; } } /* convenience function for creating a 2D or 3D view*/ function createView(params, type) { let view; if (type === "2d") { view = new MapView(params); return view; } else { view = new SceneView(params); } return view; } /* zoom to layer extent*/ function pointToExtent( point, toleranceInPixel=4) { /* Function to convert a point coordinate into a rectangle area */ if(appConfig.activeView.extent){ mapextentwidth = appConfig.activeView.extent.width; } else { mapextentwidth= 1; } var pixelWidth = appConfig.activeView.width / mapextentwidth ; var toleraceInMapCoords = toleranceInPixel * pixelWidth; return new Extent({ xmin:point.x - toleraceInMapCoords, ymin:point.y - toleraceInMapCoords, xmax:point.x + toleraceInMapCoords, ymax:point.y + toleraceInMapCoords, latitude:point.latitude, longitude:point.longitude, spatialReference: { wkid: 4326 } } ); } /* Function to combine extents and set the view extent */ function combineLayerExtents(layers) { var extentPromises = layers.map(function(layer) { // case when the layer is of type point with only one single point if(layer.geometryType === "point" && layer.source.length === 1 ){ onePoint = layer.source.items[0].geometry; var pointExtent = pointToExtent(onePoint); var pointExtentClone = pointExtent.clone(); pointExtentClone.centerAt(onePoint); return pointExtentClone || null } else { return layer.queryExtent().then(function(result) { /* be sure it has the correct spatialreference */ /* Define the target spatial reference (WGS84) */ /* Return the extent if valid, otherwise return null */ if(result.extent){ var wgs84 = new SpatialReference({ wkid: 4326 }); var projectedExtent = projection.project(result.extent, wgs84) ; return projectedExtent || null; } else { return result.extent || null; } }); } }); /* Wait for all extent promises to resolve */ Promise.all(extentPromises).then(function(extents) { /* Filter out null extents */ var validExtents = extents.filter(function(extent) { return extent !== null; }); var combinedPolygon; if (onePoint && validExtents.length === 1) { appConfig.activeView.goTo({ target: [onePoint.longitude,onePoint.latitude] ,zoom:12 ,padding: { left: 50, right: 50, top: 50, bottom: 50 } }).catch(function(error) { console.error("Error zooming to extent1: ", error); }); } else { if (validExtents.length === 1) { /* Only one extent: add padding to prevent too low zoom level */ /* Set the view extent to the padded extent */ combinedExtent = validExtents[0]; } else if (validExtents.length > 1 ) { /* Combine valid extents into a polygon */ validExtents.map(function(extent) { }); var combinedPolygon = geometryEngine.union(validExtents); /* Set the view extent to the combined extent */ combinedExtent = combinedPolygon.extent; } else { } /**/ if(combinedExtent.width<1){ combinedExtent = combinedExtent.expand(1.1); } else if(combinedExtent.width<150){ combinedExtent = combinedExtent.expand(1.4); } else if(combinedExtent.width<180){ combinedExtent = combinedExtent.expand(1.2); } else if(combinedExtent.width<250){ combinedExtent = combinedExtent.expand(1.1); } else if (combinedExtent.width<360){ combinedExtent = combinedExtent.extent; } else if (combinedExtent.width<10000){ combinedExtent = combinedExtent.expand(.001); } else if (combinedExtent.width<300000){ combinedExtent = combinedExtent.expand(.00005); } else { combinedExtent = combinedExtent.expand(.00001); } /*appConfig.activeView.extent = combinedExtent;*/ appConfig.activeView.goTo({target: combinedExtent}).catch(function(error) { console.error("Error zooming to extent2: ", error);}); } }).catch(function(error) { console.error("Error fetching extents: ", error); }); } /* UI */ var applicationDiv = document.getElementById("esriapp"); appConfig.mapView.ui.add(new Fullscreen({ view: appConfig.mapView, element: applicationDiv }), "top-left"); appConfig.sceneView.ui.add(new Fullscreen({ view: appConfig.sceneView, element: applicationDiv }), "top-left"); /* specification for each field to create in the layer */ var fields = [{ name: "ObjectID", alias: "ObjectID", type: "oid" }, { name: "title", alias: "title", type: "string" }, { name: "component_name", alias: "component_name", type: "string" }, { name: "component_state", alias: "component_state", type: "string" }, { name: "url", alias: "url", type: "string" }, { name: "cat", alias: "cat", type: "double" }, { name: "id_no", alias: "id_no", type: "double" } ]; /* Set up popup template for the layer */ var pTemplate = { title: '{title}' , content: '<div class="w-100" style="display: flex; justify-content: flex-start;align-content:center">'+ /* '<div style="width:100px;margin-bottom:10px">'+ '<a href="https://whc.unesco.org/fr/list/{id_no}" target="_self"><img src="https://whc.unesco.org/uploads/sites/site_{id_no}-80-80.jpg?2011" /></a>'+ '</div>'+*/ '<div class="w-100 flex-column" style="min-width:200px;margin: 0px 5px 10px 10px;display:flex;flex-basis: auto;justify-content: flex-start;align-content:center;word-break: initial;flex-direction: column;">'+ '<div><a href="https://whc.unesco.org/fr/list/{id_no}" title="{id_no}" target="_self" style="text-decoration: none;" class="w-100 d-block">{title}</a></div>'+ '<div class=" text-muted mt-1">{id_no}</div>'+ '<div class=" text-muted mt-1">{component_name}</div>'+ '<div class=" text-muted">{component_state}</div>'+ '</div>'+ '</div>' }; /* */ markerSymbol = { type: "simple-marker", style: "circle", size: stop1, color: [255, 204, 1, 1], outline: { width: 1, color: [0, 0, 0, .5], style: "solid" } }; markersRendererCultural = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/1-0.svg", width: stop1, height: stop1 } }; markersRendererNatural = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/2-0.svg", width: stop1, height: stop1 } }; markersRendererMixed = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/3-0.svg", width: stop1, height: stop1 } }; markersRendererCulturalDanger = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/1-1.svg", width: stop1, height: stop1 } }; markersRendererNaturalDanger = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/2-1.svg", width: stop1, height: stop1 } }; markersRendererMixedDanger = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/3-1.svg", width: stop1, height: stop1 } }; /* */ const urlrequest = "/fr/list/?search=&searchSites=&danger=1&mode=geojson"; const request = esriRequest(urlrequest, { handleAs: "json" }).then(function(response) { if(response.data.features.length > 0){ /*add polygons layer*/ console.log(response.data); if(response.data.allSps){ layerPolycoredefinitionExpression = "property_id IN ("+response.data.allIds+") AND ( element_iso2 IS NULL OR element_iso2 IN ('"+response.data.allSps+"'))"; } else { layerPolycoredefinitionExpression = "property_id IN ("+response.data.allIds+")"; } layerPolycore = new FeatureLayer({ id:"allpolycore", title:"Bien avec polygones", url: "https://services6.arcgis.com/eMd5K6XXEvJETxfQ/arcgis/rest/services/prd_whc_sites_dossiers_elements_v2_view/FeatureServer/1", outFields: ["*"], /* capabilities:{ query:{supportsCacheHint: true}, queryRelated: {supportsCacheHint: true}, queryTopFeatures :{supportsCacheHint: true}, attachment:{supportsCacheHint: true}, analytics:{supportsCacheHint: true} },*/ elevationInfo: { mode: "on-the-ground" }, spatialReference: { wkid: 4326 }, definitionExpression : layerPolycoredefinitionExpression, popupTemplate: { title: '{element_serial_number} {element_name_en} ({element_state}) / Bien', content: '<strong><a href="https://whc.unesco.org/fr/list/{property_id}" target="_self">{property_name_fr}</a></strong><br>Bien<br>{element_serial_number}<br>{element_name_en}<br>{element_state}', lastEditInfoEnabled: false } }); layerPolycore.renderer= { type: "simple", symbol: { type: "simple-fill", color: [232,63,64,.4], style:"solid", opacity:.5, outline: { type: "simple-line", color: [232,63,64,.8], width: 1.5 } } }; map.add(layerPolycore); /* buffer layer */ if(response.data.allSps){ bufferdefExpression = "property_id IN ("+response.data.allIds+") AND ( element_iso2 IS NULL OR element_iso2 IN ('"+response.data.allSps+"'))"; } else { bufferdefExpression = "property_id IN ("+response.data.allIds+")"; } layerPolybuffer = new FeatureLayer({ id:"allpolybuffer", title:"Zone tampon avec polygones", url: "https://services6.arcgis.com/eMd5K6XXEvJETxfQ/arcgis/rest/services/prd_whc_sites_dossiers_elements_v2_view/FeatureServer/2", outFields: ["*"], /* capabilities:{ query:{supportsCacheHint: true}, queryRelated: {supportsCacheHint: true}, queryTopFeatures :{supportsCacheHint: true}, attachment:{supportsCacheHint: true}, analytics:{supportsCacheHint: true} },*/ elevationInfo: { mode: "on-the-ground" }, spatialReference: { wkid: 4326 }, definitionExpression:bufferdefExpression , popupTemplate: { title: '{property_id} {property_name_fr} - Zone tampon', lastEditInfoEnabled: false, content: '<strong>{property_name_fr}</strong><br>Zone tampon<br>{element_serial_number}<br>{element_name_en}<br>{element_state}', } }); layerPolybuffer.renderer= { type: "simple", symbol: { type: "simple-fill", color: [0,105,180,.15], style:"solid", opacity:.5, outline: { type: "simple-line", color: [0,105,180,.6], width: 1.5 } } }; map.add(layerPolybuffer); /* add the results to the map*/ /* Create an array of Graphics from each GeoJSON feature */ response.data.features.map(function(feature, i) { var mypoint = { geometry: new Point({ x: feature.geometry.coordinates[0], y: feature.geometry.coordinates[1], spatialReference: { wkid:4326 } }), attributes: { ObjectID: i, url: '<a href="https://whc.unesco.org/fr/list/' + feature.properties.id_no + '">' + 'https://whc.unesco.org/fr/list/' + feature.properties.id_no + '</a>', id_no: feature.properties.id_no, title: feature.properties.title } }; if (feature.properties.component_name ) { mypoint.attributes.component_name = feature.properties.component_name ; } if (feature.properties.component_state ) { mypoint.attributes.component_state = feature.properties.component_state ; } if (feature.properties.danger == 0) { switch (feature.properties.cat) { case 1: graphicsCultural.push(mypoint); break; case 2: graphicsNatural.push(mypoint); break; case 3: graphicsMixed.push(mypoint); break; } } if (feature.properties.danger == 1) { switch (feature.properties.cat) { case 1: graphicsCulturalDanger.push(mypoint); break; case 2: graphicsNaturalDanger.push(mypoint); break; case 3: graphicsMixedDanger.push(mypoint); break; } } /* return mypoint; */ }); /* create and add layer*/ if (graphicsCultural.length > 0) { var layerCultural = new FeatureLayer({ id: "layerCultural", source: graphicsCultural, fields: fields, geometryType: "point", objectIdField: "ObjectID", title:"Biens culturels (points)", popupTemplate: pTemplate, renderer: markersRendererCultural }); map.add(layerCultural); } if (graphicsNatural.length > 0) { var layerNatural = new FeatureLayer({ id: "layerNatural", source: graphicsNatural, title:"Biens naturels (points)", fields: fields, geometryType: "point", objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererNatural }); map.add(layerNatural); } if (graphicsMixed.length > 0) { var layerMixed = new FeatureLayer({ source: graphicsMixed, id: "layerMixed", title:"Biens mixtes (points)", fields: fields, geometryType: "point", objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererMixed }); map.add(layerMixed); } if (graphicsCulturalDanger.length > 0) { var layerCulturalDanger = new FeatureLayer({ source: graphicsCulturalDanger, fields: fields, geometryType: "point", id: "layerCulturalDanger", title:"Biens culturels et en périls (points)", objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererCulturalDanger }); map.add(layerCulturalDanger); } if (graphicsNaturalDanger.length > 0) { var layerNaturalDanger = new FeatureLayer({ id: "layerNaturalDanger", source: graphicsNaturalDanger, title:"Biens naturels et en périls (points)", fields: fields, geometryType: "point", objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererNaturalDanger }); map.add(layerNaturalDanger); } if (graphicsMixedDanger.length > 0) { var layerMixedDanger = new FeatureLayer({ id: "layerMixedDanger", source: graphicsMixedDanger, title:"Biens mixtes et en périls (points)", fields: fields, geometryType: "point", objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererMixedDanger }); map.add(layerMixedDanger); } appConfig.activeView.when(function() { combineLayerExtents(map.layers); }); } }); }); </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>