CINXE.COM

UNESCO Centre du patrimoine mondial - activites

<!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" /> <title>UNESCO Centre du patrimoine mondial - activites</title><meta name="title" content="activites" /><style> .scrollbar-custom::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #F5F5F5; border-radius: 10px; } .scrollbar-custom::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .scrollbar-custom::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #444; } .scrollbar-custom { scrollbar-color: #444 #F5F5F5; } </style></head> <body class="x-whc lang-fr" id="bodyEl" > <noscript>Your browser does not support JavaScript.</noscript> <header class="header px-0 bg-primary position-relative"> <nav class=" navbar closing container" role="navigation" aria-label="Main"> <div class="navbar_logo pl-3 pl-xxl-0"> <a href="/"> <img src="/assets/images/logo.svg" alt="UNESCO logo" fetchpriority="high"> </a> <a href="/" class="navbar_baseline"> Convention du patrimoine mondial </a> </div> <div class="navbar_burger bg-blue2 d-print-none"> <span></span> <span></span> <span></span> </div> <div class="navbar_wrapper d-print-none"> <ul class="navbar_top"> <li> <a href="/fr/donation" class="text-orangeLight font-weight-bold">Aidez maintenant !</a> </li> <li> <a href="https://www.unesco.org/fr" class="button-galaxy">Explore UNESCO</a> </li> <li> <div class="dropdown"> <a class="dropdown-toggle text-white d-block" href="#" data-toggle="dropdown" id="dropdownMenuLang" aria-expanded="false">Français</a> <div class="dropdown-menu dropdown-menu-responsive dropdown-menu-lg-right" aria-labelledby="dropdownMenuLang" style="max-width:200px;min-width: 120px;"> <ul class="language-switcher-language-url pl-1"> <li hreflang="en" class="en is-active"> <a href="/en/activities/" 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 &amp; 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 &amp; 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 &amp; 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> <form action="/fr/activites/" method="get" name="progsearch" id="progsearch" onsubmit="emptyDefaultFields(this);"> <input type="hidden" value="list" name="action" /> <div class="bg-light"> <div class="container py-2"> <div class="row"> <div class="col-12 col-md-8 col-lg-8 "> <div class="form-row my-0"> <div class="col-8 col-lg-5"> <div class="input-group"> <input placeholder="Rechercher des activités" name="pattern" id="pattern" type="text" class="form-control" value=""> <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 activités">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" > <span class="material-icons-sharp" data-toggle="tooltip" title="Filter votre recherche">tune</span> Filter </div> </div> </div> </div> </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="form-group"> <label>Pays</label> <div id="boxselect_B0D78639-076B-CADE-45BEBD11FC5C39DD" class="x-box-div"></div> <input type="hidden" id="boxselectval_B0D78639-076B-CADE-45BEBD11FC5C39DD" name="id_states" value="" /> </div> <div class="form-group"> <label>Sites</label> <div id="boxselect_B0D7863B-94F6-0FDB-DF665D56F8BE11BD" class="x-box-div"></div> <input type="hidden" id="boxselectval_B0D7863B-94F6-0FDB-DF665D56F8BE11BD" name="id_sites" value="" /> </div> <div class="form-group"> <label>Régions</label> <div id="boxselect_B0D7863C-E59F-F735-E533EFFE97C78EF0" class="x-box-div"></div> <input type="hidden" id="boxselectval_B0D7863C-E59F-F735-E533EFFE97C78EF0" name="id_region" value="" /> </div> </div> <div class="col-12 col-md-6 col-lg-4"> <div class="form-group"> <label>Catégories</label> <div id="boxselect_B0D7863D-BFA7-F704-E28CD2972F3E4A3D" class="x-box-div"></div> <input type="hidden" id="boxselectval_B0D7863D-BFA7-F704-E28CD2972F3E4A3D" name="search_theme" value="" /> </div> <div class="form-group"> <label>Mots Clefs</label> <div id="boxselect_B0D7863E-F66E-27F9-488999C25F395A99" class="x-box-div"></div> <input type="hidden" id="boxselectval_B0D7863E-F66E-27F9-488999C25F395A99" name="id_keywords" value="" /> </div> <div class="form-group"> <label>Objectifs de développement durable</label> <div id="boxselect_B0D7863F-96B4-7761-EDA525EE8FF29751" class="x-box-div"></div> <input type="hidden" id="boxselectval_B0D7863F-96B4-7761-EDA525EE8FF29751" name="id_sdgs" value="" /> </div> <div class="form-group"> <label>Partenaires</label> <div id="boxselect_B0D78641-FA94-DC2B-2B5EB9768C0F6AA7" class="x-box-div"></div> <input type="hidden" id="boxselectval_B0D78641-FA94-DC2B-2B5EB9768C0F6AA7" name="id_partners" value="" /> </div> </div> <div class="col-12 col-md-6 col-lg-4"> <div class="form-group"> <label>Plus de détails</label> <div class="radio"> <input type="checkbox" name="marketplace" value="1" /> Bourse aux projets<br> <input type="checkbox" name="canopy" value="1" /> Canopée<br> <input type="checkbox" name="funded" value="1" /> Projets financés </div> </div> <div class="form-group"> <label>Classer par</label> <div class="radio"> <input type="radio" name="order" value="dmd" /> Plus récent<br> <input type="radio" name="order" value="alphaa" /> Alphabétique<br> <input type="radio" name="order" value="default" checked /> Défaut </div> </div> </div> </div> <div class="buttons"> <button class="btn btn-primary" type="submit" name="submit" id="submit" value="Rechercher">Rechercher</button> </div> </div> </div> </div> </form> <div class="container"> <div class="d-flex justify-content-between"> <div> <nav aria-label="breadcrumb " class="small"> <ol class="breadcrumb px-0 mb-0"> <li class="breadcrumb-item "><a href="/fr/activites" >Activités</a></li> <li class="breadcrumb-item active"><a href="/fr/activites" >Liste</a></li> </ol> </nav> </div> <div> <div class="my-2 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-280');}"><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&#x3f;cid&#x3d;280&amp;" title="print" id="print_button" target="_blank" onclick="if(typeof ga != 'undefined'){ga('send','event','whc-button-print', 'whc-button', 'whc-button-print-fr-280');}">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 class="container py-2"> <h1>Activités</h1> <div class="row"> <div class="col-12 col-lg-7 col-xl-6"> <p class="lead"> 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> </div> </div> </div> <div class="container"> <div class="mb-3"> <div class="dropdown d-inline-block mb-2"> <div class="btn-group"> <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false"> Vues </button> <div class="dropdown-menu"> <a href="/fr/activites/&mode=table&action=list" class="dropdown-item"><span class="material-icons-sharp mr-2">table_chart</span> Tableau</a> <a href="/fr/activites/&mode=list&action=list" class="dropdown-item"><span class="material-icons-sharp mr-2">view_list</span> Liste</a> <a href="/fr/activites/&mode=default&action=list" class="dropdown-item"><span class="material-icons-sharp mr-2">apps</span> Block</a> </div> </div> </div> <div class="dropdown d-inline-block mb-2"> <div class="btn-group"> <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false"> Exporter </button> <div class="dropdown-menu"> <a class="dropdown-item" href="/fr/activites/&mode=xls&action=list">Fichier Excel <span class="badge bg-light text-black" title="Fichier Excel">.xls</span></a> <a class="dropdown-item" href="/fr/activites/&mode=rss&action=list">Fichier RSS <span class="badge bg-orangeLight text-black">.rss</span></a> </div> </div> </div> <div class="dropdown d-inline-block mb-2"> <div class="btn-group"> <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false"> Classé par </button> <div class="dropdown-menu dropdown-menu-right p-4"> <div class="overflow-auto scrollbar-custom" style=" max-height:350px; min-width:250px "> <a href="/fr/activites/&featured=1" class="tag mb-2 active">A la une</a> <a href="/fr/activites/&order=dmd&action=list" class="tag mb-2 tag-outline-gray">Plus récent</a> <h5>Par catégorie</h5> <a href="/fr/activites/search_theme=20&action=list" class="tag tag-outline-gray mb-2 tag-outline-gray" style="clear:both;"><strong>Naturelles</strong></a> <a href="/fr/activites/search_theme=18&action=list" class="tag mb-2 tag-outline-gray" >Conservation naturelle</a> <a href="/fr/activites/search_theme=7&action=list" class="tag mb-2 tag-outline-gray" >Mers & côtes</a> <a href="/fr/activites/search_theme=6&action=list" class="tag mb-2 tag-outline-gray" >Forêts</a> <a href="/fr/activites/search_theme=24&action=list" class="tag mb-2 tag-outline-gray" >Autres catégories naturelles</a> <a href="/fr/activites/search_theme=19&action=list" class="tag tag-outline-gray mb-2 tag-outline-gray" style="clear:both;"><strong>Culturelles</strong></a> <a href="/fr/activites/search_theme=2&action=list" class="tag mb-2 tag-outline-gray" >Archéologie</a> <a href="/fr/activites/search_theme=17&action=list" class="tag mb-2 tag-outline-gray" >Conservation culturelle</a> <a href="/fr/activites/search_theme=25&action=list" class="tag mb-2 tag-outline-gray" >Routes culturelles</a> <a href="/fr/activites/search_theme=11&action=list" class="tag mb-2 tag-outline-gray" >Villes</a> <a href="/fr/activites/search_theme=1&action=list" class="tag mb-2 tag-outline-gray" >Architecture de terre</a> <a href="/fr/activites/search_theme=37&action=list" class="tag mb-2 tag-outline-gray" >Evolution humaine</a> <a href="/fr/activites/search_theme=36&action=list" class="tag mb-2 tag-outline-gray" >Evolution humaine</a> <a href="/fr/activites/search_theme=26&action=list" class="tag mb-2 tag-outline-gray" >Industrielle</a> <a href="/fr/activites/search_theme=8&action=list" class="tag mb-2 tag-outline-gray" >Patrimoine moderne</a> <a href="/fr/activites/search_theme=28&action=list" class="tag mb-2 tag-outline-gray" >Musée</a> <a href="/fr/activites/search_theme=16&action=list" class="tag mb-2 tag-outline-gray" >Restauration</a> <a href="/fr/activites/search_theme=15&action=list" class="tag mb-2 tag-outline-gray" >Art rupestre</a> <a href="/fr/activites/search_theme=40&action=list" class="tag mb-2 tag-outline-gray" >Contexte urbain</a> <a href="/fr/activites/search_theme=43&action=list" class="tag mb-2 tag-outline-gray" >Religieux & sacré</a> <a href="/fr/activites/search_theme=21&action=list" class="tag tag-outline-gray mb-2 tag-outline-gray" style="clear:both;"><strong>Transversales</strong></a> <a href="/fr/activites/search_theme=45&action=list" class="tag mb-2 tag-outline-gray" >Environment & Resilience</a> <a href="/fr/activites/search_theme=46&action=list" class="tag mb-2 tag-outline-gray" >Prosperity & Livelihood</a> <a href="/fr/activites/search_theme=47&action=list" class="tag mb-2 tag-outline-gray" >Inclusion & Participation</a> <a href="/fr/activites/search_theme=48&action=list" class="tag mb-2 tag-outline-gray" >Knowledge & Skills</a> <a href="/fr/activites/search_theme=49&action=list" class="tag mb-2 tag-outline-gray" >Peace & Security</a> <a href="/fr/activites/search_theme=50&action=list" class="tag mb-2 tag-outline-gray" >Gender Equality</a> <a href="/fr/activites/search_theme=39&action=list" class="tag mb-2 tag-outline-gray" >40eme Anniversaire</a> <a href="/fr/activites/search_theme=44&action=list" class="tag mb-2 tag-outline-gray" >Développement durable</a> <a href="/fr/activites/search_theme=41&action=list" class="tag mb-2 tag-outline-gray" >Rapport périodique</a> <a href="/fr/activites/search_theme=23&action=list" class="tag mb-2 tag-outline-gray" >Changement climatique</a> <a href="/fr/activites/search_theme=4&action=list" class="tag mb-2 tag-outline-gray" >Paysages culturels</a> <a href="/fr/activites/search_theme=5&action=list" class="tag mb-2 tag-outline-gray" >Education</a> <a href="/fr/activites/search_theme=9&action=list" class="tag mb-2 tag-outline-gray" >Science & technologie</a> <a href="/fr/activites/search_theme=27&action=list" class="tag mb-2 tag-outline-gray" >Les petits états insulaires en ...</a> <a href="/fr/activites/search_theme=10&action=list" class="tag mb-2 tag-outline-gray" >Tourisme durable</a> <a href="/fr/activites/search_theme=14&action=list" class="tag mb-2 tag-outline-gray" >Gestion de site</a> <a href="/fr/activites/search_theme=30&action=list" class="tag mb-2 tag-outline-gray" >Réduction des risques liés aux ...</a> <a href="/fr/activites/search_theme=29&action=list" class="tag mb-2 tag-outline-gray" >Convention</a> <a href="/fr/activites/search_theme=35&action=list" class="tag mb-2 tag-outline-gray" >Partenariats</a> <a href="/fr/activites/search_theme=31&action=list" class="tag mb-2 tag-outline-gray" >Publications</a> <h5>Par régions</h5> <a href="/fr/activites/search_region=5&action=list" class="tag mb-2 tag-outline-gray">Afrique</a> <a href="/fr/activites/search_region=3&action=list" class="tag mb-2 tag-outline-gray">Amérique latine et Caraïbes</a> <a href="/fr/activites/search_region=2&action=list" class="tag mb-2 tag-outline-gray">Asie et Pacifique</a> <a href="/fr/activites/search_region=4&action=list" class="tag mb-2 tag-outline-gray">États arabes</a> <a href="/fr/activites/search_region=1&action=list" class="tag mb-2 tag-outline-gray">Europe et Amérique du Nord</a> </div> </div> </div> </div> <div class="tag tag-outline-gray mb-2 mr-2">24 Activités</div><div class="tag tag-outline-gray mb-2 mr-2 res-search-item"><span class="res-search-item-label mr-2">A la une</span><a href="&#x2f;fr&#x2f;activites" title="Effacer" class="ml-1 mr-2 material-icons-sharp text-muted d-print-none">close</a></div> </div> <nav aria-label="Pagination"><ul class="pagination flex-wrap pagination-sm"><li class="page-item mb-1 active" aria-current="page"><a class="page-link" href="#">1</a></li><li class="page-item mb-1"><a href="/fr/activites&index=21&maxrows=20" class="page-link">2</a></li><li class="page-item mb-1"><a class="next page-link" href="/fr/activites&index=21&maxrows=20" title="Suivante"><span class="material-icons-sharp">chevron_right</span></a></li><li class="page-item mb-1"><a href="/fr/activites&maxrows=24" class="page-link">Tout voir</a></li></ul></nav> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 row-cols-xl-4"> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/biodiversite/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_892-400-300-20240628150713.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/biodiversite/">Patrimoine mondial et biodiversité</a></div> <p class="mb-auto"> La diversité biologique soutient le fonctionnement des écosystèmes et fournit des services écosystémiques essentiels au bien-être humain. Les biens du patrimoine mondial sont les lieux les plus remarquables de la ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/atlas-patrimoine-urbain/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_1211-400-300-20241023180720.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/atlas-patrimoine-urbain/">L'Atlas du patrimoine urbain de l’UNESCO : Cartographie culturelle des villes et établissements historique</a></div> <p class="mb-auto"> L'Atlas du patrimoine urbain de l’UNESCO Un outil de gestion du patrimoine urbain © UNESCO Il s'agit de : Un atlas des villes et établissements historiques du monde Une aide technique pour ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/villes/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_47-400-300-20241112165244.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/villes/">Programme des Villes du patrimoine mondial</a></div> <p class="mb-auto"> Programme des villes du patrimoine mondial  Le programme des villes du patrimoine mondial vise à aider les États parties à relever les défis de la protection et de la gestion de leur patrimoine urbain. © ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/culture2030indicators/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_959-400-300-20240415120408.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/culture2030indicators/">Indicateurs Thématiques pour la Culture dans le Programme 2030</a></div> <p class="mb-auto"> Les Indicateurs thématiques de l’UNESCO pour la culture (Indicateurs Culture|2030) forment un cadre d’indicateurs thématiques visant à mesurer et évaluer la contribution de la culture à la réalisation des Objectifs ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/programme-marin/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_13-400-300-20250204111306.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/programme-marin/">Programme Marin</a></div> <p class="mb-auto"> 50 aires marines protégées d’une valeur universelle exceptionnelle : des symboles d’espoir dans un océan en mutation </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/renforcement-des-capacites/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_1119-400-300-20240902175702.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/renforcement-des-capacites/">Renforcement des capacités</a></div> <p class="mb-auto"> La compréhension, la gestion et la conservation des biens du patrimoine mondial exigent des connaissances de pointe et des compétences bien affinées. Pour aider à renforcer les capacités de toutes les parties ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/engagement-zones-exclusion/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_1173-400-300-20240404171233.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/engagement-zones-exclusion/">Le secteur des entreprises et patrimoine mondial. L’engagement de respecter des zones d’exclusion</a></div> <p class="mb-auto"> Dans les secteurs des industries extractives, de la finance, de l'assurance et de l'hydroélectricité, entre autres, de grandes entreprises publiques et privées ainsi que des associations industrielles se sont ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/dive-into-heritage/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_1169-400-300-20241104115503.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/dive-into-heritage/">Dive into Heritage</a></div> <p class="mb-auto"> Dive into Heritage is creating an innovative online platform that leverages digital technologies to safeguard and promote World Heritage sites and its related intangible heritage, and transmit it to future ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/wh-gis/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_1142-400-300-20250307100902.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/wh-gis/">Plateforme de cartes en ligne du patrimoine mondial</a></div> <p class="mb-auto"> Financé par le fonds-en-dépôt flamand de l'UNESCO (FUT), un système d'information géographique en ligne pour le suivi du patrimoine mondial est en cours de développement. </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/hul/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_638-400-300-20241217144928.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/hul/">Recommandation concernant le paysage urbain historique</a></div> <p class="mb-auto"> Recommandation concernant le paysage urbain historique  Cette page Web a été élaborée grâce au soutien de la municipalité de Nanjing. © UNESCO Actualités Activités Textes Resources Outils ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/cawhfi/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_399-400-300-20220825161433.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/cawhfi/">Initiative pour le patrimoine mondial forestier d'Afrique Centrale (CAWHFI)</a></div> <p class="mb-auto"> S’étendant sur une surface estimée à 1,62 millions de km2, les forêts d’Afrique centrale abritent une biodiversité vitale pour la planète et jouent un rôle central dans la régulation climatique et le piégeage du ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/centresdecategorie2/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_676-400-300-20240605131200.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/centresdecategorie2/">Centres de catégorie&nbsp;2</a></div> <p class="mb-auto"> Ces dernières années, le contexte de la formation et de la recherche dans le domaine du patrimoine mondial a connu des changements importants et rapides, parmi lesquels l’émergence de nombreuses institutions ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/changementclimatique/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_393-400-300-20250113173552.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/changementclimatique/">Changement climatique et patrimoine mondial</a></div> <p class="mb-auto"> De nos jours, les biens du patrimoine mondial sont affectés par le changement climatique, et le seront à l’avenir. La préservation continue de ces sites nécessite la compréhension des impacts sur leur valeur ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/developpementdurable/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_834-400-300-20220310121635.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/developpementdurable/">Développement durable</a></div> <p class="mb-auto"> Le patrimoine a longtemps été absent des débats généraux sur le développement durable malgré son importance primordiale pour les sociétés et la large reconnaissance de son grand potentiel à contribuer aux objectifs ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/site-managers-forum/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_1165-400-300-20240923152858.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/site-managers-forum/">Forum des gestionnaires de sites du patrimoine mondial</a></div> <p class="mb-auto"> Ces dernières années, il est devenu pratique courante d’organiser un Forum des gestionnaires de sites du patrimoine mondial en marge du Comité du patrimoine mondial. Depuis la 41ème session du Comité (Cracovie, ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/activites/496/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_496-400-300-20230516162323.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/activites/496/">Patrimoine mondial et populations autochtones</a></div> <p class="mb-auto"> Beaucoup de peuples autochtones habitent au sein des biens culturels et naturels du Patrimoine mondial. Comme le reconnaît la Politique de l'UNESCO sur l'engagement auprès des peuples autochtones, les biens du ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/patrimoine-mondial-naturel/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_983-400-300-20240513151938.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/patrimoine-mondial-naturel/">Patrimoine mondial naturel</a></div> <p class="mb-auto"> La Convention du patrimoine mondial est l'un des instruments internationaux les plus efficaces pour reconnaître les lieux naturels les plus exceptionnels du monde, caractérisés par leur biodiversité, leurs ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/paysagesculturels/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_477-400-300-20241112170202.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/paysagesculturels/">Paysages Culturels</a></div> <p class="mb-auto"> Il existe une grande variété de paysages représentatifs des différentes régions du monde. Œuvres mêlant la nature et l'empreinte qu'y a laissée l'être humain, les paysages culturels expriment la longue et intime ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/wheducation/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_49-400-300-20240226143439.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/wheducation/">Programme d'éducation des jeunes au patrimoine mondial</a></div> <p class="mb-auto"> Le Programme d’éducation des jeunes au patrimoine mondial, lancé comme projet spécial en 1994, fournit aux jeunes l’opportunité d’exprimer leurs préoccupations relatives à notre patrimoine culturel et naturel commun ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> <div class="col mb-4"> <div class="card h-100 border border-light"> <a href="/fr/sids/" class="d-block position-relative"> <img class="w-100 position-relative" src="https://whc.unesco.org/uploads/thumbs/activity_42-400-300-20240822104942.jpg" alt="" title="" loading="lazy" /></a> <div class="card-body"> <div class="card-title"><a href="/fr/sids/">Programme du Patrimoine mondial pour les Petits États insulaires en développement (PEID)</a></div> <p class="mb-auto"> Programme du Patrimoine mondial pour les Petits États insulaires en développement (PEID) © Les Petits États insulaires en développement (PEID) sont des îles de la mer des Caraïbes et des océans ... </p> </div> <div class="card-footer d-block"> <span class="tag tag-outline-gray mb-2"><span class="material-icons-sharp">star_rate</span> A la une </span> </div> </div> </div> </div> <nav aria-label="Pagination"><ul class="pagination flex-wrap pagination-sm"><li class="page-item mb-1 active" aria-current="page"><a class="page-link" href="#">1</a></li><li class="page-item mb-1"><a href="/fr/activites&index=21&maxrows=20" class="page-link">2</a></li><li class="page-item mb-1"><a class="next page-link" href="/fr/activites&index=21&maxrows=20" title="Suivante"><span class="material-icons-sharp">chevron_right</span></a></li><li class="page-item mb-1"><a href="/fr/activites&maxrows=24" class="page-link">Tout voir</a></li></ul></nav> </div> <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 &amp; 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 &amp; 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/activites/">Activités</a></li><li class="breadcrumb-item active"><a href="/fr/activites/">Activités</a></li> </ol> </nav> <div> <a href="/fr/avertissement/" class="d-block">&copy; 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_DF70B2BBE8035D7C5AA4E160DCC9BB851D23822AB285189A00B2DC63C2D3A311 = function(e) { e.preventDefault(); var aUsername = $("[uniqueName='username_B0D7742D-9708-9DE3-90BFFDF760D3E871']"); if(!aUsername.length) return false; var sUsername = aUsername[aUsername.length-1].value; if (sUsername == "") return false; var aRememberMe = $("[id='rememberMe_B0D7742D-9708-9DE3-90BFFDF760D3E871']"); 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">&times;</span> </button> </div> <div class="modal-body pt-0 px-4 pb-4"> <h5>Login</h5> <form name="login_form" class="pt-3" method="post" action="https://whc.unesco.org/pg.cfm?cid%3D280%26l%3Dfr%26" enctype="multipart/form-data" autocomplete="off"> <label for="username" name="username-label">Votre nom d'utilisateur</label> <input placeholder="Nom d'utilisateur" aria-label="Nom d'utilisateur" type="text" class="form-control text" name="username" uniqueName='username_B0D7742D-9708-9DE3-90BFFDF760D3E871' 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_B0D7742D-9708-9DE3-90BFFDF760D3E871" checked="true" class="custom-control-input" /> <label for="rememberMe_B0D7742D-9708-9DE3-90BFFDF760D3E871" class="custom-control-label">Se souvenir de mon profil</label> </div> <a class="d-block mt-3" href="/fr/280/msg=forgotlogin">Mot de passe oublié ?</a> <a class="d-block my-2" href="/fr/inscription/">Devenez membre</a> <div class="buttons mt-3 d-flex justify-content-end w-100"> <button class="btn bg-secondary small_button plain_button button_padding mr-1 d-none" onclick="backLoginForm(event)" name='backUsername' value="Previous" title="Précédent" style="color:white"> Précédent&nbsp; </button> <button class="btn bg-primary small_button plain_button button_padding" onclick="onUsernameSubmit_DF70B2BBE8035D7C5AA4E160DCC9BB851D23822AB285189A00B2DC63C2D3A311(event)" name='SUBMITusername' value="Suivant" title="Suivant" style="color:white"> Suivant&nbsp; </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&nbsp; </button> </div> <input type="hidden" name="l" value="en" /> <input type="hidden" name="cid_origin" value="280" /> <input type="hidden" name="query_string_origin" value="&#x2f;fr&#x2f;activites" /> </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_B0D78639-076B-CADE-45BEBD11FC5C39DD', { 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=statesIso', 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_B0D78639-076B-CADE-45BEBD11FC5C39DD', name:'', model: 'app.model.selector_B0D78639-076B-CADE-45BEBD11FC5C39DD', 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_B0D78639-076B-CADE-45BEBD11FC5C39DD'); 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_B0D78639-076B-CADE-45BEBD11FC5C39DD', id:'idboxselect_B0D78639-076B-CADE-45BEBD11FC5C39DD', 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_B0D7863B-94F6-0FDB-DF665D56F8BE11BD', { 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=sites', 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_B0D7863B-94F6-0FDB-DF665D56F8BE11BD', name:'', model: 'app.model.selector_B0D7863B-94F6-0FDB-DF665D56F8BE11BD', 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_B0D7863B-94F6-0FDB-DF665D56F8BE11BD'); 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_B0D7863B-94F6-0FDB-DF665D56F8BE11BD', id:'idboxselect_B0D7863B-94F6-0FDB-DF665D56F8BE11BD', 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_B0D7863C-E59F-F735-E533EFFE97C78EF0', { 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=regions', 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_B0D7863C-E59F-F735-E533EFFE97C78EF0', name:'', model: 'app.model.selector_B0D7863C-E59F-F735-E533EFFE97C78EF0', 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_B0D7863C-E59F-F735-E533EFFE97C78EF0'); 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_B0D7863C-E59F-F735-E533EFFE97C78EF0', id:'idboxselect_B0D7863C-E59F-F735-E533EFFE97C78EF0', 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_B0D7863D-BFA7-F704-E28CD2972F3E4A3D', { 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=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_B0D7863D-BFA7-F704-E28CD2972F3E4A3D', name:'', model: 'app.model.selector_B0D7863D-BFA7-F704-E28CD2972F3E4A3D', 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_B0D7863D-BFA7-F704-E28CD2972F3E4A3D'); 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_B0D7863D-BFA7-F704-E28CD2972F3E4A3D', id:'idboxselect_B0D7863D-BFA7-F704-E28CD2972F3E4A3D', 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_B0D7863E-F66E-27F9-488999C25F395A99', { 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=keywords', 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_B0D7863E-F66E-27F9-488999C25F395A99', name:'', model: 'app.model.selector_B0D7863E-F66E-27F9-488999C25F395A99', 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_B0D7863E-F66E-27F9-488999C25F395A99'); 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_B0D7863E-F66E-27F9-488999C25F395A99', id:'idboxselect_B0D7863E-F66E-27F9-488999C25F395A99', 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_B0D7863F-96B4-7761-EDA525EE8FF29751', { 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=sdgs', 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_B0D7863F-96B4-7761-EDA525EE8FF29751', name:'', model: 'app.model.selector_B0D7863F-96B4-7761-EDA525EE8FF29751', 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_B0D7863F-96B4-7761-EDA525EE8FF29751'); 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_B0D7863F-96B4-7761-EDA525EE8FF29751', id:'idboxselect_B0D7863F-96B4-7761-EDA525EE8FF29751', 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_B0D78641-FA94-DC2B-2B5EB9768C0F6AA7', { 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=partners', 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_B0D78641-FA94-DC2B-2B5EB9768C0F6AA7', name:'', model: 'app.model.selector_B0D78641-FA94-DC2B-2B5EB9768C0F6AA7', 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_B0D78641-FA94-DC2B-2B5EB9768C0F6AA7'); 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_B0D78641-FA94-DC2B-2B5EB9768C0F6AA7', id:'idboxselect_B0D78641-FA94-DC2B-2B5EB9768C0F6AA7', 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 language="javascript" > Ext.onReady(function(){ Ext.get('progsearch',true).on('submit', function(event, eltarget) { var els = this.query('input',true); var elsSelect = this.query('select',true); Ext.Array.each(els,function(ael){if(ael.value==""){ael.disabled=true;}}); Ext.Array.each(elsSelect,function(ael){ if(ael.value==""){ael.disabled=true;} }); }); }); </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>

Pages: 1 2 3 4 5 6 7 8 9 10