CINXE.COM
Centre du patrimone mondial - Compendium
<!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" /> <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" /> <link href="/p_dynamic/compendium/compendium.css?2022" rel="stylesheet" media="screen" /><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><title>Centre du patrimone mondial - Compendium</title><meta name="title" content="Centre du patrimone mondial - Compendium" /><style> .autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; } .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } .searchbox input { margin: 0; } </style><title>UNESCO UNESCO Centre du patrimoine mondial - Compendium</title><meta name="title" content="Compendium" /><link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intro.js/6.0.0/introjs.min.css"></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/compendium/" 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="content pb-0"> <form name="compendium_search" id="compendium_search" action="/fr/compendium/" method="get" > <div id="navbar" class="bg-light"> <div class="container"> <div class="nav-slider position-relative"> <ul class="nav nav-border flex-nowrap scrollbar-none align-items-center"> <li class="nav-item menu-item text-nowrap" > <a href="https://whc.unesco.org/fr/compendium" aria-label="link-home" rel="noopener" class="nav-link pl-0 py-3 text-dark" id="tour-home-link">Accueil</a> </li> <li id="compendium-link" class="nav-item menu-item text-nowrap"> <a href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=1,2,3,4,5,6" aria-label="link-full-compendium" rel="noopener" class="nav-link py-3 text-dark">Document complet</a> </li> <li id="themes-link" class="nav-item menu-item text-nowrap dropdown"> <a class="nav-link dropdown-toggle py-3 text-dark" type="button" data-toggle="dropdown" aria-expanded="false" data-boundary="window" >Thèmes</a> <div class="dropdown-menu" > <a class="dropdown-item" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=1" aria-label="link-general-policies" rel="noopener">Politiques générales</a> <a class="dropdown-item" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=2" aria-label="link-credibility" rel="noopener">Crédibilité</a> <a class="dropdown-item" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=3" aria-label="link-conservation" rel="noopener">Conservation</a> <a class="dropdown-item" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=4" aria-label="link-capacity-building" rel="noopener">Développement des Capacités</a> <a class="dropdown-item" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=5" aria-label="link-communication" rel="noopener">Communication</a> <a class="dropdown-item" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=6" aria-label="link-communities" rel="noopener">Communautés</a> </div> </li> <li id="about-link" class="nav-item menu-item text-nowrap link"> <a href="https://whc.unesco.org/fr/compendium/?action=about" rel="noopener" aria-label="link-about" class="nav-link py-3 text-dark">A propos</a> </li> <li class="nav-item menu-item text-nowrap" style="min-width:250px" > <input type="hidden" name="action" value="list" /> <div class="form-row my-0"> <div class="col-8 col-lg-8"> <div class="input-group" id="grouppattern"> <input placeholder="Rechercher des politiques" autocomplete="off" name="pattern" id="pattern" type="text" class="form-control"> <div class="input-group-append"> <button class="btn btn-secondary" type="submit" value="Rechercher" > <span class="material-icons-sharp" data-toggle="tooltip" title="Rechercher des politiques">search</span> </button> </div> </div> </div> <div class="col-4"> <div class="btn btn-outline-secondary collapsed" data-toggle="collapse" data-target="#collapseFilterW" aria-expanded="false" aria-controls="collapseFilterW" id="advs-link" > <span class="material-icons-sharp" data-toggle="tooltip" title="Filter votre recherche">tune</span> Filter </div> </div> </div> </li> </ul> </div> </div> </div> <div class="collapse" id="collapseFilterW"> <div class="py-4 border-bottom"> <div class="container "> <div class="row"> <div class="col-12 col-md-6 col-lg-4"> <div class="card card-body bg-none border mb-3"> <label>Par thème</label> <div id="boxselect_A4D5E538-E650-4DCB-0F35B6764C9B28EE" class="x-box-div"></div> <input type="hidden" id="boxselectval_A4D5E538-E650-4DCB-0F35B6764C9B28EE" name="id_faq_themes" value="" /> </div> <div class="card card-body bg-none border mb-3"> <label>Par source</label> <div id="boxselect_A4D5E53A-9C47-D987-4549BDF4E7163B26" class="x-box-div"></div> <input type="hidden" id="boxselectval_A4D5E53A-9C47-D987-4549BDF4E7163B26" name="id_documentsComp" value="" /> </div> <div class="card card-body bg-none border mb-3"> <label>Par autre document</label> <div id="boxselect_A4D5E53B-9D3F-1D40-2D37F6AA83D5A339" class="x-box-div"></div> <input type="hidden" id="boxselectval_A4D5E53B-9D3F-1D40-2D37F6AA83D5A339" name="id_documents" value="" /> </div> </div> <div class="col-12 col-md-6 col-lg-4"> <div class="card card-body bg-none border mb-3"> <label>Par menace</label> <div id="boxselect_A4D5E53C-FD3B-27B6-C5231DF6FCEF362C" class="x-box-div"></div> <input type="hidden" id="boxselectval_A4D5E53C-FD3B-27B6-C5231DF6FCEF362C" name="id_threats" value="" /> </div> <div class="card card-body bg-none border mb-3"> <label>Par décision</label> <div id="boxselect_A4D5E53D-9894-7632-298D4D344EBF75AE" class="x-box-div"></div> <input type="hidden" id="boxselectval_A4D5E53D-9894-7632-298D4D344EBF75AE" name="id_decisions" value="" /> </div> <div class="card card-body bg-none border mb-3"> <label>Terme du Compendium (condition OR)</label> <div id="boxselect_A4D5E53E-0D3D-3216-25C3C527306561E7" class="x-box-div"></div> <input type="hidden" id="boxselectval_A4D5E53E-0D3D-3216-25C3C527306561E7" name="id_synonyms_or" value="" /> </div> </div> <div class="col-12 col-md-6 col-lg-4"> <div class="card card-body bg-none border mb-3"> <div class="form-group date_input"> <label class="">Date de publication</label> <div class="form-group"> <span class="input-group"> <input type="text" name="dateStart" id="dateStart" class="inputdate form-control" data-html="true" data-toggle="tooltip" title="Format de la date: jj/mm/aaaa" placeholder="De ..."/> <span class="input-group-append"> <span class="input-group-text"> <img src="/graphics/icons/calendar.png" id="dateStart_trigger" style="cursor: pointer;" height="16" width="16" data-toggle="tooltip" title="Format de la date: jj/mm/aaaa" /> </span> </span> </span> </div> <div class="form-group"> <span class="input-group"> <input type="text" name="dateEnd" id="dateEnd" class="inputdate form-control" data-html="true" data-toggle="tooltip" title="Format de la date: jj/mm/aaaa" placeholder="à ..."/> <span class="input-group-append"> <span class="input-group-text"> <img src="/graphics/icons/calendar.png" id="dateEnd_trigger" style="cursor: pointer;" height="16" width="16" data-toggle="tooltip" title="Format de la date: jj/mm/aaaa" /> </span> </span> </span> </div> </div> </div> <div class="card card-body bg-none border mb-3"> <label class="">Trouver des résultats contenant</label> <div id="fields-container"> <div class="form-group mb-1"> <input class="form-control" type="text" name="fullsearch" id="fullsearch" /> </div> <div class="mb-3"> <div class="form-check form-check-inline mr-2 ml-3"> <input type='hidden' value='0' id='searchTitle' name='searchTitle' disabled> <input onclick="updateHiddenField(this)" type="checkbox" value="1" name="searchTitle" checked class="form-check-input" /> <label class="form-check-label">Dans le titre</label> </div> <div class="form-check form-check-inline"> <input type='hidden' value='0' id='searchText' name='searchText' disabled> <input class="form-check-input" onclick="updateHiddenField(this)" type="checkbox" value="1" name="searchText" checked/> <label class="form-check-label" >Dans le texte</label> </div> </div> </div> <div class="mb-3"> <div onclick="addField()" class="btn btn-sm btn-secondary cursor-pointer"><i class="fas fa-plus"></i> Ajouter un élèment</div> </div> <div class="form-group"> <div class="form-check form-check-inline"> <input onclick="updateHiddenField(this)" type="radio" value="AND" name="searchCondition" checked class="form-check-input" /> <label class="form-check-label"> Contient tous les élèments </label> </div> <div class="form-check form-check-inline"> <input onclick="updateHiddenField(this)" type="radio" value="OR" name="searchCondition" checked class="form-check-input" /> <label class="form-check-label"> Contient au moins un élèment </label> </div> </div> </div> </div> <div class="buttons"> <button id="submit-button" class="btn btn-primary" type="submit" value="Rechercher" aria-label="button-advanced-search">Rechercher</button> </div> </div> </div> </div> </div> </form> <div class="position-absolute w-100" style="z-index:10"> <div class="container "> <div class="mt-3 mb-3"> <div class="d-flex justify-content-between"> <div class="breadcrumb p-0 small"> <a href="/fr/compendium/" class="breadcrumb-item text-white">Compendium des politiques générales</a> <a href="/fr/compendium/" class="breadcrumb-item text-white active" aria-current="page">accueil </a> </div> <div> <div class="ml-auto pl-4 text-nowrap"> <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-371');}"><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=371&" title="print" id="print_button" target="_blank" onclick="if(typeof ga != 'undefined'){ga('send','event','whc-button-print', 'whc-button', 'whc-button-print-fr-371');}">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> </div> </div> </div> <div class="position-relative w-100 h-100" 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/p_dynamic/compendium/assets/banner-home-complete.jpg?v=202001" border="0" /></div> <div class="position-absolute w-100 h-100 d-flex align-items-center"> <div class="container"> <h1 class=" display-1 text-white">Compendium</h1> <div class=" h3 text-white">des politiques générales du patrimoine mondial</div> <p class="text-white lead col-12 col-lg-8 px-0">Le Compendium des politiques générales du patrimoine mondial est une base de données de politiques du patrimoine mondial. Elle s’organise autour des 5 objectifs stratégiques de la Convention - la crédibilité, la conservation, le renforcement des capacités, la communication et les communautés (connus sous le nom de 5C) - ainsi que d'une première partie sur les politiques générales.</p> <div class="tour-guide-button btn btn-primary">Tour guide</div> </div> </div> <div class="position-absolute bottom-0 end-0 m-4 text-light small">© UNESCO</div> </div> <!-- --> <div class="container mt-5 position-relative" id="wrapper-themes"> <h2 class="display-2 mb-4">Parcourir les thèmes du compendium</h2> <div class="row"> <div class="col-12 col-md-6 col-lg-4 mb-4"><a class="card card-link-wrapper card-height-fixed" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=1"> <div class="card-arrow theme-1"></div> <img class="image-overlay object-fit-cover w-100 h-100" src="https://whc.unesco.org/uploads/pages/documents/document-371-48.jpg" alt="" /> <div class="card-body position-absolute text-white"> <div class="h2 mb-2 text-white">Politiques générales</div> <div class="mb-0">concernant la Convention du patrimoine mondial</div> </div> </a> <div class="clearfix"></div> </div> <div class="col-12 col-md-6 col-lg-4 mb-4"><a class="card card-link-wrapper card-height-fixed" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=3"> <div class="card-arrow theme-3"></div> <img class="image-overlay object-fit-cover w-100 h-100" src="https://whc.unesco.org/uploads/pages/documents/document-371-46.jpg" alt="" /> <div class="card-body position-absolute text-white"> <div class="mb-0">Politiques relatives à la</div> <div class="h2 mb-2 text-white">Conservation</div> <div class="mb-0">des biens du patrimoine mondial</div> </div> <div class="clearfix"></div> </a></div> <div class="col-12 col-md-6 col-lg-4 mb-4"><a class="card card-link-wrapper card-height-fixed" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=5"> <div class="card-arrow theme-5"></div> <img class="image-overlay object-fit-cover w-100 h-100" src="https://whc.unesco.org/p_dynamic/compendium/assets/photo-theme05.jpg" alt="" /> <div class="card-body position-absolute text-white"> <div class="mb-0">Politiques relatives à la</div> <div class="h2 mb-2 text-white">Communication</div> </div> <div class="clearfix"></div> </a></div> <!-- --> <div class="col-12 col-md-6 col-lg-4 mb-4"><a class="card card-link-wrapper card-height-fixed" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=2"> <div class="card-arrow theme-2"></div> <img class="image-overlay object-fit-cover w-100 h-100" src="https://whc.unesco.org/p_dynamic/compendium/assets/photo-theme02.jpg" alt="" /> <div class="card-body position-absolute text-white"> <div class="mb-0">Politiques relatives à la</div> <div class="h2 mb-2 text-white">Crédibilité</div> </div> <div class="clearfix"></div> </a></div> <!-- --> <div class="col-12 col-md-6 col-lg-4 mb-4"><a class="card card-link-wrapper card-height-fixed" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=4"> <div class="card-arrow theme-4"></div> <img class="image-overlay object-fit-cover w-100 h-100" src="https://whc.unesco.org/uploads/pages/documents/document-371-47.jpg" alt="" /> <div class="card-body position-absolute text-white"> <div class="mb-0">Politiques relatives au</div> <div class="h2 mb-2 text-white">Développement des capacités</div> </div> <div class="clearfix"></div> </a></div> <div class="col-12 col-md-6 col-lg-4 mb-4"><a class="card card-link-wrapper card-height-fixed" href="https://whc.unesco.org/fr/compendium/?action=theme&id_theme=6"> <div class="card-arrow theme-6"></div> <img class="image-overlay object-fit-cover w-100 h-100" src="https://whc.unesco.org/p_dynamic/compendium/assets/photo-theme06.jpg" alt="" /> <div class="card-body position-absolute text-white"> <div class="mb-0">Politiques relatives aux</div> <div class="h2 mb-2 text-white">Communautés</div> </div> <div class="clearfix"></div> </a></div> </div> <div class="clearfix"></div> </div> <!-- --> <div class="my-5 bg-light py-5"> <div class="container text-center"> <h2 class="display-2 mb-4">Accéder aux sources de politiques</h2> <div class="policies-wrapper" style="height: 100vw; width: 100%; max-height: 750px; max-width: 750px; margin: auto;"><svg id="main-svg" height="100%" width="100%"> <circle cx="50%" cy="50%" r="25%" fill="white"></circle> <g class="svg-group"> <a href="https://whc.unesco.org/en/conventiontext" target="_blank" rel="noopener"> <circle class="policy-link" cx="50%" cy="25%" r="7%" stroke="#01131f00" stroke-width="1.5%" fill="#59a600"></circle> <image xlink:href="/p_dynamic/compendium/assets/picto-policy-sources-whc.svg" x="47%" y="22%" height="6%" width="6%"></image> <text class="policy-text"> <tspan x="44%" y="14%">La Convention</tspan> <tspan x="40.5%" y="17%">du patrimoine mondial</tspan> </text> </a> </g> <g class="svg-group"> <a href="https://whc.unesco.org/en/ga" target="_blank" rel="noopener"> <circle class="policy-link" cx="74%" cy="42%" r="7%" stroke="#01131f00" stroke-width="1.5%" fill="#59a600"></circle> <image xlink:href="/p_dynamic/compendium/assets/picto-policy-sources-rp.svg" x="71%" y="39%" height="6%" width="6%"></image> <text class="policy-text"> <tspan x="82%" y="42%">Règlement</tspan> <tspan x="83%" y="45%">intérieur</tspan> </text> </a> </g> <g class="svg-group"> <a href="https://whc.unesco.org/en/guidelines" target="_blank" rel="noopener"> <circle class="policy-link" cx="26%" cy="42%" r="7%" stroke="#01131f00" stroke-width="1.5%" fill="#59a600"></circle> <image xlink:href="/p_dynamic/compendium/assets/picto-policy-sources-og.svg" x="23%" y="39%" height="6%" width="6%"></image> <text class="policy-text"> <tspan x="4%" y="42%">Les Orientations</tspan> </text> </a> </g> <g class="svg-group"> <a href="https://whc.unesco.org/en/decisions" target="_blank" rel="noopener"> <circle class="policy-link" cx="32%" cy="68%" r="7%" stroke="#01131f00" stroke-width="1.5%" fill="#59a600"></circle> <image xlink:href="/p_dynamic/compendium/assets/picto-policy-sources-ga-com.svg" x="29%" y="65%" height="6%" width="6%"></image> <text class="policy-text"> <tspan x="17%" y="78%">Résolutions de l’Assemblé générale</tspan> <tspan x="22%" y="81%">et Décisions du Comité</tspan> </text> </a> </g> <g class="svg-group"> <a href="https://whc.unesco.org/en/activities" target="_blank" rel="noopener"> <circle class="policy-link" cx="68%" cy="68%" r="7%" stroke="#01131f00" stroke-width="1.5%" fill="#59a600"></circle> <image xlink:href="/p_dynamic/compendium/assets/picto-policy-sources-asp.svg" x="65%" y="65%" height="6%" width="6%"></image> <text class="policy-text"> <tspan x="65%" y="78%">Stratégies</tspan> <tspan x="60%" y="81%">et politiques adoptées</tspan> </text> </a> </g> </svg></div> </div> <div class=" my-5 position-relative " id="annex-title"> <h2 class="display-2 mb-4 text-center pb-3">Parcourir les documents connexes</h2> <div class="main-carousel overflow-hidden" style="height: 300px;"> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-14.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Le Programme de développement durable à l’horizon 2030</p> <div class="text-center"><a class="btn btn-primary" href="http://www.un.org/ga/search/view_doc.asp?symbol=A/RES/70/1&Lang=F" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-15.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Convention de La Haye de 1954 pour la protection des biens culturels en cas de conflit armé</p> <div class="text-center"><a class="btn btn-primary" href="http://www.unesco.org/new/fr/culture/themes/armed-conflict-and-heritage/convention-and-protocols/1954-hague-convention/" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-16.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Convention pour la sauvegarde du patrimoine culturel immatériel</p> <div class="text-center"><a class="btn btn-primary" href="https://unesdoc.unesco.org/ark:/48223/pf0000132540_fre" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="/p_dynamic/compendium/assets/covers/Convention-on-the-Means-of-Prohibiting-etc-1.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Convention concernant les mesures à prendre pour interdire et empêcher l'importation, l'exportation et le transfert de propriété illicites des biens culturels</p> <div class="text-center"><a class="btn btn-primary" href="http://portal.unesco.org/fr/ev.php-URL_ID=13039&URL_DO=DO_TOPIC&URL_SECTION=201.html" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-17.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Convention sur la protection et la promotion de la diversité des expressions culturelles</p> <div class="text-center"><a class="btn btn-primary" href="https://unesdoc.unesco.org/ark:/48223/pf0000142919_fre" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-18.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Convention sur la protection du patrimoine culturel subaquatique</p> <div class="text-center"><a class="btn btn-primary" href="http://www.unesco.org/new/fr/culture/themes/underwater-cultural-heritage/2001-convention/official-text/" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-19.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Organisation des Nations Unies pour l’alimentation et la culture</p> <div class="text-center"><a class="btn btn-primary" href="http://www.fao.org/home/fr/" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-20.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">SIPAM – Systèmes ingénieux du patrimoine agricole mondial</p> <div class="text-center"><a class="btn btn-primary" href="http://www.fao.org/giahs/fr/" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-21.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">WHC 01/CONF.208/24, annexe X : Rapport d’avancement sur la stratégie globale de formation</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/document/2834" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-22.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Programme sur l’Homme et la biosphère</p> <div class="text-center"><a class="btn btn-primary" href="http://www.unesco.org/new/fr/natural-sciences/environment/ecological-sciences/man-and-biosphere-programme/" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-23.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Gérer les risques de catastrophes pour le patrimoine mondial</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/fr/gerer-les-risques-de-catastrophes/" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-24.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Gérer le patrimoine mondial naturel</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/fr/gerer-le-patrimoine-mondial-naturel/" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-25.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Document de Nara sur l’authenticité</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/document/2413" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-26.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Politique de l'UNESCO sur l'engagement auprès des peuples autochtones</p> <div class="text-center"><a class="btn btn-primary" href="https://unesdoc.unesco.org/ark:/48223/pf0000262748_fre" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-27.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Établir une proposition d'inscription au patrimoine mondial</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/fr/etablir-une-proposition-d-inscription/" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-28.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Réflexion sur l’évolution de l’état de conservation</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/document/104538" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-29.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Rapport de la réunion d'experts sur l'évaluation des principes généraux et des critères pour les propositions d’inscription de biens naturels du patrimoine mondial</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/document/2413" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-30.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Stratégie révisée pour l’initiative de partenariats pour la conservation</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/archive/1996/whc-96-conf202-inf9e.htm" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-31.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Stratégie de renforcement de l'action de l'UNESCO pour la protection de la culture et la promotion du pluralisme culturel en cas de conflit armé</p> <div class="text-center"><a class="btn btn-primary" href="https://unesdoc.unesco.org/ark:/48223/pf0000259805_fre" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-32.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Déclaration de Bonn</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/fr/sessions/39COM" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-33.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Déclaration d’Istanbul</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/fr/sessions/40COM/" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-34.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Convention-cadre des Nations Unies sur les changements climatiques</p> <div class="text-center"><a class="btn btn-primary" href="https://unfccc.int/files/cooperation_and_support/cooperation_with_international_organizations/application/pdf/convfr.pdf" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-35.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Code mondial d’éthique du tourisme</p> <div class="text-center"><a class="btn btn-primary" href="http://cf.cdn.unwto.org/sites/all/files/docpdf/gcetbrochureglobalcodefr.pdf" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-36.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Cadre d'action de Sendai pour la réduction des risques de catastrophe 2015 - 2030</p> <div class="text-center"><a class="btn btn-primary" href="http://www.unisdr.org/files/43291_frenchsendaiframeworkfordisasterris.pdf" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-37.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Déclaration de Sharm El-Sheikh (EN)</p> <div class="text-center"><a class="btn btn-primary" href="https://www.cbd.int/doc/c/8b76/d85e/c62f920c5fd8c4743e5193e1/cop-14-inf-46-en.pdf" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-38.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Rapports annuels du Rapporteur spécial dans le domaine des droits culturels</p> <div class="text-center"><a class="btn btn-primary" href="https://www.ohchr.org/FR/Issues/droitsculturels/Pages/AnnualReports.aspx" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-39.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Gérer le patrimoine mondial culturel</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/fr/gerer-le-patrimoine-mondial-culturel/" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-40.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Déclaration de l'UNESCO concernant la destruction intentionnelle du patrimoine culturel</p> <div class="text-center"><a class="btn btn-primary" href="http://portal.unesco.org/fr/ev.php-URL_ID=17718&URL_DO=DO_TOPIC&URL_SECTION=201.html" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-41.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Déclaration universelle sur la diversité culturelle</p> <div class="text-center"><a class="btn btn-primary" href="https://unesdoc.unesco.org/ark:/48223/pf0000127162_fre" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-42.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Convention des Nations Unies sur le droit de la mer (UNCLOS)</p> <div class="text-center"><a class="btn btn-primary" href="https://www.un.org/depts/los/convention_agreements/texts/unclos/unclos_f.pdf" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-43.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Déclaration des Nations Unies sur les droits des peuples autochtones</p> <div class="text-center"><a class="btn btn-primary" href="http://www.un.org/development/desa/indigenouspeoples/wp-content/uploads/sites/19/2018/11/UNDRIP_F_web.pdf" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-44.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Mémorandum de Vienne sur "Le patrimoine mondial et l’architecture contemporaine – Gestion du paysage urbain historique"</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/document/5966" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> <div class="carousel-cell"><img class="border" src="https://whc.unesco.org/uploads/pages/documents/document-371-45.jpg" height="300px" /> <div class="hover-description"> <div style="height: 68%;"> <p class="hover-text text-white" style="height: 75%; overflow: hidden; text-overflow: ellipsis; white-space: normal;">Programme sur le patrimoine mondial et le tourisme</p> <div class="text-center"><a class="btn btn-primary" href="https://whc.unesco.org/document/116676" target="_blank" rel="noopener">Lire</a></div> </div> </div> </div> </div> </div> <div class="container text-center"> <div class="mt-5"><a class="btn btn-outline-primary" href="/fr/compendium/?action=related-documents">Voir tous les documents connexes</a></div> </div> </div> <style> .x-surface{ cursor:pointer; } </style> <div class="container mt-5 border-top pt-5"> <div class="row"> <div class="col-12 col-lg-6"> <p class="">Le Compendium des politiques générales du patrimoine mondial a pu être élaboré grâce à la contribution financière du Gouvernement de l’Australie.</p> <img src="https://whc.unesco.org/uploads/pages/documents/document-371-49.svg" style="max-width: 400px" class="w-100"> </div> <div class="col-12 col-lg-6"> <p class="">L’outil en ligne du Compendium des politiques générales du patrimoine mondial a pu être développé grâce à la contribution financière du Gouvernement de la République de Corée.</p> <div class="row"> <div class="col-12 col-lg-6"> <br> <img src="/p_dynamic/compendium/assets/logos/logo-koreaculturalheritage-en.svg" style="max-width: 400px" class="w-100"> </div> <div class="col-12 col-lg-6"> Avec le soutien de <br> <img src="/p_dynamic/compendium/assets/logos/logo-National-Trust-for-Cultural-Heritage.svg" style="max-width: 180px;padding:10px;" class="w-100"><br> <img src="/p_dynamic/compendium/assets/logos/logo-lg-en.svg" style="max-width: 240px" class="w-100"> </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> <!--- 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/apropos/">Le patrimoine mondial</a></li><li class="breadcrumb-item"><a href="/fr/convention/">La Convention</a></li><li class="breadcrumb-item active"><a href="/fr/compendium/">Compendium</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_88E1E38C567CF5CEBA9BA91323F01C000D10F65D274D910818D9549A8047E0EA = function(e) { e.preventDefault(); var aUsername = $("[uniqueName='username_A4D5E508-F45C-1D0E-25D42CA09092638A']"); if(!aUsername.length) return false; var sUsername = aUsername[aUsername.length-1].value; if (sUsername == "") return false; var aRememberMe = $("[id='rememberMe_A4D5E508-F45C-1D0E-25D42CA09092638A']"); 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%3D371%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_A4D5E508-F45C-1D0E-25D42CA09092638A' 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_A4D5E508-F45C-1D0E-25D42CA09092638A" checked="true" class="custom-control-input" /> <label for="rememberMe_A4D5E508-F45C-1D0E-25D42CA09092638A" class="custom-control-label">Se souvenir de mon profil</label> </div> <a class="d-block mt-3" href="/fr/371/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_88E1E38C567CF5CEBA9BA91323F01C000D10F65D274D910818D9549A8047E0EA(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="371" /> <input type="hidden" name="query_string_origin" value="/fr/compendium" /> </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 type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_A4D5E538-E650-4DCB-0F35B6764C9B28EE', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=faq_themes', extraParams:{ list_selected:"", list_filter:"", l:"fr" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_A4D5E538-E650-4DCB-0F35B6764C9B28EE', name:'', model: 'app.model.selector_A4D5E538-E650-4DCB-0F35B6764C9B28EE', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', '' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_A4D5E538-E650-4DCB-0F35B6764C9B28EE'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_A4D5E538-E650-4DCB-0F35B6764C9B28EE', id:'idboxselect_A4D5E538-E650-4DCB-0F35B6764C9B28EE', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_A4D5E53A-9C47-D987-4549BDF4E7163B26', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=documentsComp', extraParams:{ list_selected:"", list_filter:"", l:"fr" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_A4D5E53A-9C47-D987-4549BDF4E7163B26', name:'', model: 'app.model.selector_A4D5E53A-9C47-D987-4549BDF4E7163B26', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', '' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_A4D5E53A-9C47-D987-4549BDF4E7163B26'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_A4D5E53A-9C47-D987-4549BDF4E7163B26', id:'idboxselect_A4D5E53A-9C47-D987-4549BDF4E7163B26', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_A4D5E53B-9D3F-1D40-2D37F6AA83D5A339', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=documentsPublic', extraParams:{ list_selected:"", list_filter:"fr", l:"fr" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_A4D5E53B-9D3F-1D40-2D37F6AA83D5A339', name:'', model: 'app.model.selector_A4D5E53B-9D3F-1D40-2D37F6AA83D5A339', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', 'fr' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_A4D5E53B-9D3F-1D40-2D37F6AA83D5A339'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_A4D5E53B-9D3F-1D40-2D37F6AA83D5A339', id:'idboxselect_A4D5E53B-9D3F-1D40-2D37F6AA83D5A339', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_A4D5E53C-FD3B-27B6-C5231DF6FCEF362C', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=threats', extraParams:{ list_selected:"", list_filter:"", l:"fr" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_A4D5E53C-FD3B-27B6-C5231DF6FCEF362C', name:'', model: 'app.model.selector_A4D5E53C-FD3B-27B6-C5231DF6FCEF362C', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', '' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_A4D5E53C-FD3B-27B6-C5231DF6FCEF362C'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_A4D5E53C-FD3B-27B6-C5231DF6FCEF362C', id:'idboxselect_A4D5E53C-FD3B-27B6-C5231DF6FCEF362C', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_A4D5E53D-9894-7632-298D4D344EBF75AE', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=decisions', extraParams:{ list_selected:"", list_filter:"", l:"fr" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_A4D5E53D-9894-7632-298D4D344EBF75AE', name:'', model: 'app.model.selector_A4D5E53D-9894-7632-298D4D344EBF75AE', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', '' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_A4D5E53D-9894-7632-298D4D344EBF75AE'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_A4D5E53D-9894-7632-298D4D344EBF75AE', id:'idboxselect_A4D5E53D-9894-7632-298D4D344EBF75AE', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_A4D5E53E-0D3D-3216-25C3C527306561E7', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=synonyms', extraParams:{ list_selected:"", list_filter:"fr", l:"fr" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_A4D5E53E-0D3D-3216-25C3C527306561E7', name:'', model: 'app.model.selector_A4D5E53E-0D3D-3216-25C3C527306561E7', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', 'fr' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_A4D5E53E-0D3D-3216-25C3C527306561E7'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_A4D5E53E-0D3D-3216-25C3C527306561E7', id:'idboxselect_A4D5E53E-0D3D-3216-25C3C527306561E7', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script type="text/javascript"> Ext.onReady(function() { Ext.get('dateStart_trigger').on('click',function(){ var datepcik = Ext.create('Ext.menu.DatePicker', { closable :false, format: 'd/m/Y', listeners: {'render':function(control){ var actualdate = Ext.Date.parse(Ext.get('dateStart').dom.value, 'd/m/Y'); if(actualdate ){ control.picker.setValue(actualdate); } }}, handler: function(dp, date){ /*Ext.get('dateStart').set({'value':Ext.Date.format(date, 'd/m/Y')});*/ Ext.get('dateStart').dom.value = Ext.Date.format(date, 'd/m/Y'); /*Ext.Msg.alert('Date Selected', 'You selected ' + Ext.Date.format(date, 'M j, Y'));*/ } }); datepcik.showBy(Ext.get('dateStart_trigger')); }); }); </script> <script type="text/javascript"> Ext.onReady(function() { Ext.get('dateEnd_trigger').on('click',function(){ var datepcik = Ext.create('Ext.menu.DatePicker', { closable :false, format: 'd/m/Y', listeners: {'render':function(control){ var actualdate = Ext.Date.parse(Ext.get('dateEnd').dom.value, 'd/m/Y'); if(actualdate ){ control.picker.setValue(actualdate); } }}, handler: function(dp, date){ /*Ext.get('dateEnd').set({'value':Ext.Date.format(date, 'd/m/Y')});*/ Ext.get('dateEnd').dom.value = Ext.Date.format(date, 'd/m/Y'); /*Ext.Msg.alert('Date Selected', 'You selected ' + Ext.Date.format(date, 'M j, Y'));*/ } }); datepcik.showBy(Ext.get('dateEnd_trigger')); }); }); </script> <script type="text/javascript"> function responsive() { var classList = document.getElementById("navbar").classList; var addClass = true; for(var i = 0; i <= classList.length; i++) { if(classList[i] === "responsive") { addClass = false; } } if (addClass) { classList.add('responsive'); } else { classList.remove('responsive'); } } Ext.onReady(function(){ Ext.get('compendium_search',true).on('submit', function(event, eltarget) { /* Save search in db*/ var pattern = this.query('#pattern')[0].value; if(pattern != "") { var req = new XMLHttpRequest(); req.open('GET', '/p_dynamic/compendium/compendium.cfc?method=saveSearch&search='+pattern, true); req.send(null); /* Allow to avoid "collision" in searchs. When a normal search is done, every other params are ignored.*/ event.preventDefault(); window.location.href = "https://whc.unesco.org/fr/compendium/?action=list&pattern=" + pattern; } /* Disable empty fields to avoid having them in url*/ var els = this.query('input[value=""]',true); var elsSelect = this.query('select',true); var elsCheckbox = this.query('input[type="checkbox"]',true); var elsRadio = this.query('input[type="radio"]',true); Ext.Array.each(elsCheckbox,function(ael){ if(Ext.get("fullsearch").dom.value == "") { ael.disabled=true; } }); Ext.Array.each(elsRadio,function(ael){ if ((Ext.get("fullsearch").dom.value == "") || (ael.value == "AND" && ael.checked) || (ael.value == "OR" && !ael.checked)) { ael.disabled=true; } }); Ext.Array.each(els,function(ael){ if(ael.name != "searchText" && ael.name != "searchTitle") { ael.disabled=true; } }); Ext.Array.each(elsSelect,function(ael){ if(ael.value==""){ ael.disabled=true; } }); }); var currentFocus; var inp = document.getElementById("pattern"); var delayTimer; inp.oninput = function(el) { clearTimeout(delayTimer); closeAllLists(); var _this = this; delayTimer = setTimeout(function() { var val = el.srcElement.value.trim(); if (!val) { return false;} currentFocus = -1; var req = new XMLHttpRequest(); req.open('GET', '/p_dynamic/compendium/compendium.cfc?method=getSuggestions&query='+ val, true); req.onload = function (e) { if (req.status === 200) { /* $('body').append($('##dropdown-nav-results .dropdown-menu').css({ position: 'absolute', left: $('##'+ev.currentTarget.id).offset().left, top: $('##'+ev.currentTarget.id).offset().top }).detach());*/ var arr = JSON.parse(req.responseText).DATA; if(arr.length < 1) { } else { var a = document.createElement("DIV"); a.setAttribute("id", _this.id + "autocomplete-list"); a.setAttribute("class", "autocomplete-items dropdown-menu show"); /*_this.parentNode.appendChild(a);*/ Ext.getBody().appendChild(a); a.setAttribute("style", "left:"+Ext.get(_this.parentNode).getX()+"px;top:"+(Ext.get(_this.parentNode).getY()+Ext.get(_this.parentNode).getHeight())+"px; max-width:250px"); for (var i = 0; i < arr.length; i++) { var b = document.createElement("DIV"); b.setAttribute("class", "menu-item"); var re = new RegExp(val, "i"); b.innerHTML = arr[i][0].replace(re, "<b>"+val+"</b>"); b.innerHTML += '<input type="hidden" value="' + arr[i][0] + '">'; b.addEventListener("click", function(e) { inp.value = this.getElementsByTagName("input")[0].value; closeAllLists(); /* submit form on suggestion selection*/ window.location.href = "https://whc.unesco.org/fr/compendium/?action=list&pattern=" + inp.value; }); a.appendChild(b); } } } else { console.log("Status de la réponse: %d (%s)", req.status, req.statusText); } } req.send(null); }, 500); } function closeAllLists(elmnt) { var x = document.getElementsByClassName("autocomplete-items"); for (var i = 0; i < x.length; i++) { if (elmnt != x[i] && elmnt != inp) { x[i].parentNode.removeChild(x[i]); } } } inp.addEventListener("keydown", function(e) { var x = document.getElementById(this.id + "autocomplete-list"); if (x) x = x.getElementsByTagName("div"); if (e.keyCode == 40) { currentFocus++; addActive(x); e.preventDefault(); } else if (e.keyCode == 38) { currentFocus--; addActive(x); e.preventDefault(); } else if (e.keyCode == 13) { if(typeof currentFocus == "undefined" || currentFocus == -1) return; if (currentFocus > -1) { if (x) x[currentFocus].click(); currentFocus = -1; } } }); function addActive(x) { if (!x) return false; removeActive(x); if (currentFocus >= x.length) currentFocus = 0; if (currentFocus < 0) currentFocus = (x.length - 1); x[currentFocus].classList.add("autocomplete-active"); } function removeActive(x) { for (var i = 0; i < x.length; i++) { x[i].classList.remove("autocomplete-active"); } } document.addEventListener("click", function (e) { closeAllLists(e.target); }); function autocompletePosition(){ autocomp = document.getElementById("patternautocomplete-list"); if(autocomp) { closeAllLists("pattern"); } } Ext.EventManager.onWindowResize(autocompletePosition); }); var updateHiddenField = function(el) { el.previousSibling.disabled = el.checked; } var removeField = function(el) { var nodeToRemove = el.closest(".global-div"); nodeToRemove.parentNode.removeChild(nodeToRemove); } var addField = function() { var container = document.getElementById("fields-container"); var globalDiv = document.createElement("div"); globalDiv.setAttribute("class", "global-div py-2 mb-2"); var inputTextdiv = document.createElement("div"); inputTextdiv.setAttribute("class", "input-group"); var inputTextdivappend = document.createElement("div"); inputTextdivappend.setAttribute("class", "input-group-append"); var inputTextdivappenddiv = document.createElement("div"); inputTextdivappenddiv.setAttribute("class", "input-group-text"); var inputText = document.createElement("input"); inputText.setAttribute("type", "text"); inputText.setAttribute("name", "fullsearch"); inputText.setAttribute("class", "form-control"); inputText.setAttribute("id", "fullsearch"); var imgMinus = document.createElement("img"); imgMinus.setAttribute("src", "/graphics/icons/cancel.png"); imgMinus.setAttribute("class", ""); imgMinus.onclick = function() { removeField(this); }; var div = document.createElement("div"); div.setAttribute("class", "form-group mb-1"); inputTextdiv.appendChild(inputText); inputTextdivappenddiv.appendChild(imgMinus); inputTextdivappend.appendChild(inputTextdivappenddiv); inputTextdiv.appendChild(inputTextdivappend); div.appendChild(inputTextdiv); var divCheckboxGroup = document.createElement("div"); divCheckboxGroup.setAttribute("class", "form-check form-check-inline mr-2 ml-3"); var inputCheckboxTitle = document.createElement("input"); inputCheckboxTitle.setAttribute("type", "checkbox"); inputCheckboxTitle.setAttribute("value", "1"); inputCheckboxTitle.setAttribute("name", "searchTitle"); inputCheckboxTitle.setAttribute("class", "form-check-input"); inputCheckboxTitle.setAttribute("checked", "true"); inputCheckboxTitle.onclick = updateHiddenField; var labelCheckboxTitle = document.createElement("label"); labelCheckboxTitle.textContent='Dans le titre'; labelCheckboxTitle.setAttribute("class", " form-check-label mr-2"); /*labelCheckboxTitle.setAttribute("style", "");*/ var inputHiddenTitle = document.createElement("input"); inputHiddenTitle.setAttribute("type", "hidden"); inputHiddenTitle.setAttribute("value", "0"); inputHiddenTitle.setAttribute("disabled", "true"); inputHiddenTitle.setAttribute("name", "searchTitle"); var inputCheckboxText = document.createElement("input"); inputCheckboxText.setAttribute("type", "checkbox"); inputCheckboxText.setAttribute("value", "1"); inputCheckboxText.setAttribute("name", "searchText"); inputCheckboxText.setAttribute("checked", "true"); inputCheckboxText.setAttribute("class", "form-check-input"); inputCheckboxText.onclick = updateHiddenField; var labelCheckboxText = document.createElement("label"); labelCheckboxText.textContent='Dans le texte'; labelCheckboxText.setAttribute("class", "form-check-label"); /*labelCheckboxText.setAttribute("style", "");*/ var inputHiddenText = document.createElement("input"); inputHiddenText.setAttribute("type", "hidden"); inputHiddenText.setAttribute("value", "0"); inputHiddenText.setAttribute("disabled", "true"); inputHiddenText.setAttribute("name", "searchText"); inputHiddenText.onclick = updateHiddenField; globalDiv.appendChild(div); globalDiv.appendChild(inputHiddenTitle); divCheckboxGroup.appendChild(inputCheckboxTitle); divCheckboxGroup.appendChild(labelCheckboxTitle); divCheckboxGroup.appendChild(inputHiddenText); divCheckboxGroup.appendChild(inputCheckboxText); divCheckboxGroup.appendChild(labelCheckboxText); globalDiv.appendChild(divCheckboxGroup); container.appendChild(globalDiv); } </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/intro.js/6.0.0/intro.min.js"></script> <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script> <script language="javascript" type="text/javascript"> /*(function ($) { function stickyMenu() { $(window).scroll(function () {}); }; stickyMenu(); });*/ Ext.onReady(function() { document.getElementsByClassName('tour-guide-button')[0].addEventListener("click", startTour); var navbar = document.getElementById('navbar_sticky'); function startTour() { /* Google Analytics */ if (typeof ga != 'undefined') { ga('send', { hitType: 'event', eventCategory: 'whc-button-compendium', eventAction: 'whc-button-click', eventLabel: 'whc-button-compendium-c-open' }); } /*navbar.classList.add('disable-sticky');*/ /*scrollToTop();*/ introComp = introJs() .setOptions({ nextLabel: '<span class="material-icons-sharp">arrow_forward</span>', prevLabel: '<span class="material-icons-sharp">arrow_back</span>', hidePrev: true, hideNext: true, tooltipClass: 'introjs-compendium', doneLabel: ' Terminer ', skipLabel: '<span class="material-icons-sharp text-white">close</span>', steps: [ { intro: "Bienvenue dans l’outil en ligne du Compendium de politiques générales. Ces info-bulles fournissent une brève explication pour chaque fonctionnalité de la page d’accueil. Vous pouvez y mettre fin à tout moment en cliquant sur « Fermer ».", position: "left" }, { element: '#about-link', intro: "Ce bouton mène à une page fournissant des informations sur le processus de création et les objectifs du Compendium de politiques générales et de son outil de recherche en ligne." }, { element: '#themes-link', intro: "Chacun des six thèmes du Compendium possède sa propre page dédiée, présentant des informations détaillées sur son contenu ainsi que la possibilité de le télécharger au format Word." }, { element: '#compendium-link', intro: "Ce bouton mène à une page affichant toute l’arborescence du Compendium et donne la possibilité de télécharger l’ensemble du document aux formats Word et PDF." }, { element: '#pattern', intro: "Entrez un terme ou une combinaison de termes ici pour rechercher des politiques de votre choix présentes dans le Compendium de politiques générales." }, { element: '#advs-link', intro: "Ce menu vous permet d’élargir vos options de recherche. Vous pouvez rechercher des politiques par thème, par source, etc.", position: 'left' }, { element: document.querySelector('#wrapper-themes'), intro: "Cliquer sur l’un de ces boutons vous mène aussi à la page du thème correspondant, vous permettant d’avoir des informations détaillées sur son contenu, et de le télécharger au format Word." }, { element: '#main-svg', intro: "Cliquer sur l’une des sources de politiques utilisées pour le Compendium mène à la page correspondante du site du Centre du patrimoine mondial, où vous avez la possibilité de consulter le document source." }, { element: '#annex-title', intro: "Une liste non-exhaustive de textes normatifs et d'autres documents consultables pouvant contenir des politiques pertinentes dans le contexte du patrimoine mondial - mais qui ne sont pas mentionnés dans le Compendium car ils dépassent la portée du document - sont réunis ici. Consultez-les directement en cliquant sur les couvertures. Utilisez les flèches pour faire défiler les documents." }, { element: '#tour-home-link', intro: "À tout moment, vous pouvez retourner à la page d’accueil en cliquant sur ce bouton.", position: 'right' }, { intro: 'Nous vous souhaitons un usage fructueux de cet outil en ligne. Pour toute question, n’hésitez pas à <a class="text-light" href="/fr/centre-du-patrimoine-mondial/">contacter le Centre du patrimoine mondial</a>' } ] }) introComp.start(); /*introComp.onchange(function(element) { if((this._currentStep >= 1 && this._currentStep <= 3) || this._currentStep == 9) { navbar.classList.remove('is-sticky'); } else { navbar.classList.remove('is-sticky'); } }); introComp.onafterchange(function(element) { console.log(navbar); navbar.classList.remove('is-sticky'); });*/ /*introComp.onexit(function() { });*/ } var flkty = new Flickity( '.main-carousel', { cellAlign: 'center', contain: true, wrapAround: true }); /* handle safari case*/ /*function scrollToTop() { var c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFrame(scrollToTop); window.scrollTo(0, c - c / 15); } };*/ }); </script> <script language="javascript" type="text/javascript"> Ext.onReady(function(){ window.onscroll = function() {scrollListener()}; var navbar = document.getElementById("navbar"); var linkTop = document.getElementsByClassName("back-to-top")[0]; var sticky = navbar.offsetTop + 77; //+77 = header unesco if(linkTop) { linkTop.addEventListener("click", function(e) { e.preventDefault(); window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); }); } var about = document.getElementById("about-compendium"); if(about) { var aboutNav = document.getElementById("about-compendium-nav"); var objectives = document.getElementById("objectives"); var objectivesNav = document.getElementById("objectives-nav"); var overview = document.getElementById("overview"); var overviewNav = document.getElementById("overview-nav"); var structure = document.getElementById("compendium-structure"); var structureNav = document.getElementById("compendium-structure-nav"); var target = document.getElementById("target-audiences"); var targetNav = document.getElementById("target-audiences-nav"); var background = document.getElementById("background"); var backgroundNav = document.getElementById("background-nav"); var method = document.getElementById("method-key-info"); var methodNav = document.getElementById("method-key-info-nav"); } function scrollListener() { var windowOffset = window.pageYOffset; if(about) { if(windowOffset >= about.offsetTop && windowOffset <= objectives.offsetTop) aboutNav.classList.add("current"); else aboutNav.classList.remove("current"); if(windowOffset >= objectives.offsetTop && windowOffset <= overview.offsetTop) objectivesNav.classList.add("current"); else objectivesNav.classList.remove("current"); if(windowOffset >= overview.offsetTop && windowOffset <= structure.offsetTop) overviewNav.classList.add("current"); else overviewNav.classList.remove("current"); if(windowOffset >= structure.offsetTop && windowOffset <= target.offsetTop) structureNav.classList.add("current"); else structureNav.classList.remove("current"); if(windowOffset >= target.offsetTop && windowOffset <= background.offsetTop) targetNav.classList.add("current"); else targetNav.classList.remove("current"); if(windowOffset >= background.offsetTop && windowOffset <= method.offsetTop) backgroundNav.classList.add("current"); else backgroundNav.classList.remove("current"); if(windowOffset >= method.offsetTop) methodNav.classList.add("current"); else methodNav.classList.remove("current"); } if (windowOffset >= sticky) { navbar.classList.add("sticky"); navbar.parentNode.classList.add("header-sticky"); } else { navbar.classList.remove("sticky"); navbar.parentNode.classList.remove("header-sticky"); } if (linkTop && windowOffset > 250) { linkTop.classList.add(linkTop, 'show'); } else if (linkTop) { linkTop.classList.remove(linkTop, 'show'); } } document.addEventListener('click', function(e) { if (e.target.tagName !== 'A') return; if ((e.target.href && e.target.href.indexOf('#') != -1) && ((e.target.pathname == location.pathname) || ('/' + e.target.pathname == location.pathname)) && (e.target.search == location.search)) { scrollAnchors(e, e.target); } }); function scrollAnchors(e, respond) { if(!respond) respond = null; function distanceToTop(el) { return Math.floor(el.getBoundingClientRect().top - 50); } e.preventDefault(); var targetID = (respond) ? respond.getAttribute('href') : this.getAttribute('href'); var targetAnchor = document.querySelector(targetID); if (!targetAnchor) return; var originalTop = distanceToTop(targetAnchor); window.scrollBy({ top: originalTop, left: 0, behavior: 'smooth' }); } }); </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>