CINXE.COM
Réseau des moulins de Kinderdijk-Elshout - UNESCO World Heritage Centre
<!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" /> <style> li.cultural, .cultural { list-style-image: url(/graphics/1-0.gif); } li.natural, .natural { list-style-image: url(/graphics/2-0.gif); } li.mixed, .mixed { list-style-image: url(/graphics/3-0.gif); } li.cultural_danger, .cultural_danger { list-style-image: url(/graphics/1-1.gif); } li.natural_danger, .natural_danger { list-style-image: url(/graphics/2-1.gif); } li.mixed_danger, .mixed_danger { list-style-image: url(/graphics/3-1.gif); } </style> <meta property="og:image" content="https://whc.unesco.org/uploads/thumbs/site_0818_0006-1200-630-20150518200215.jpg" /> <meta name="twitter:image" content="https://whc.unesco.org/uploads/thumbs/site_0818_0006-1200-630-20150518200215.jpg" /> <link rel="image_src" href="https://whc.unesco.org/uploads/thumbs/site_0818_0006-1200-630-20150518200215.jpg" /> <meta property="og:description" content="La contribution du peuple des « pays bas » à la technique de drainage de l'eau est énorme, comme le prouvent admirablement les installations de la région de Kinderdijk-Elshout. Les travaux hydrauliques d'assèchement  ..." /> <meta property="og:title" content="R&eacute;seau des moulins de Kinderdijk-Elshout" /> <meta property="og:url" content="https://whc.unesco.org/fr/list/818/" /> <meta name="twitter:url" content="https://whc.unesco.org/fr/list/818/" /> <link rel="canonical" href="https://whc.unesco.org/fr/list/818/" /> <link rel="alternate" hreflang="fr" href="https://whc.unesco.org/fr/list/818/" /> <link rel="alternate" hreflang="en" href="https://whc.unesco.org/en/list/818/" /> <meta name="title" content="Réseau des moulins de Kinderdijk-Elshout - UNESCO World Heritage Centre" /> <title>Réseau des moulins de Kinderdijk-Elshout - UNESCO World Heritage Centre</title> <link rel="stylesheet" href="https://js.arcgis.com/4.31/esri/themes/dark/main.css"> <style> #esrimap { width: 100%; height: 100%; flex: 1 1 auto; order: 1; background-color: #081c3d } #esriapp { position: relative; width: 100%; height: 500px; display: flex; flex-direction: column; overflow: hidden; } .esri-features__heading { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; /* number of lines to show */ line-clamp: 1; -webkit-box-orient: vertical; } /*place of 3D button*/ #infoDiv{ position: absolute; top: 15px; left: 60px; z-index:1; display:none; } #infoDiv input { border: none; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; } #infoWebGL{display:none;} .esri-ui {position:initial} </style> </head> <body class="x-whc lang-fr" id="bodyEl" style="height: 100%; " > <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T9NW" height="0" width="0" style="display:none;visibility:hidden"></iframe>Your browser does not support JavaScript.</noscript> <header class="header px-0 bg-primary position-relative"> <nav class=" navbar closing container" role="navigation" aria-label="Main"> <div class="navbar_logo pl-3 pl-xxl-0"> <a href="/"> <img src="/assets/images/logo.svg" alt="UNESCO logo" fetchpriority="high"> </a> <a href="/" class="navbar_baseline"> Convention du patrimoine mondial </a> </div> <div class="navbar_burger bg-blue2 d-print-none"> <span></span> <span></span> <span></span> </div> <div class="navbar_wrapper d-print-none"> <ul class="navbar_top"> <li> <a href="/fr/donation" class="text-orangeLight font-weight-bold">Aidez maintenant !</a> </li> <li> <a href="https://www.unesco.org/fr" class="button-galaxy">Explore UNESCO</a> </li> <li> <div class="dropdown"> <a class="dropdown-toggle text-white d-block" href="#" data-toggle="dropdown" id="dropdownMenuLang" aria-expanded="false">Français</a> <div class="dropdown-menu dropdown-menu-responsive dropdown-menu-lg-right" aria-labelledby="dropdownMenuLang" style="max-width:200px;min-width: 120px;"> <ul class="language-switcher-language-url pl-1"> <li hreflang="en" class="en is-active"> <a href="/en/list/818/" class="small-lg text-xs-white text-lg-dark" hreflang="en">English</a> </li> <li hreflang="fr" class="fr"> <div class="language-link is-active small-lg text-xs-white text-lg-dark" hreflang="fr">Français</div> </li> </ul> </div> </div> </li> <li> <a class="text-white" href="/fr/inscription/" id="menuLogin-link">S'identifier</a> </li> </ul> <div class="navbar_nav"> <ul class="navbar_menu"> <li><a class="navbar_menu-item is-expanded" href="/fr/apropos/">Notre expertise</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"><!-- --> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/apropos/">Notre patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/actualites/">Actualités</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/evenements/">Événements</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/convention">La Convention</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/conventiontexte">Texte de la Convention</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/textesfondamentaux/">Textes fondamentaux </a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/orientations/">Orientations</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/compendium">Compendium</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/declaration-de-principes">Déclaration de principes afin de promouvoir la solidarité internationale et la coopération pour préserver le patrimoine mondial</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/organesdirecteurs/">Organes directeurs</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/ag/">L’Assemblée générale</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/comite/">Le Comité</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/decisions/">Résolutions / Décisions</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/sessions/">Sessions depuis 1976</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/etatsparties/">Les États parties</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/organisationsconsultatives/">Organisations consultatives</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/fonds/">Fonds</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/fonds-du-patrimoine-mondial/">Fonds du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/regulationsfinancieres/">Règlement financier</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/assistanceint/">Assistance Internationale</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/embleme/">L’emblème du patrimoine</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/faq/">Questions et réponses</a></div> </div> <div class="col-12 col-md-6 col-lg-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/centre-du-patrimoine-mondial/">Le Centre</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/emplois/">Emplois & Stages</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/quifaitquoi/">Qui fait quoi / Contacts</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/director">Directeur du Centre du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/afrique/">Afrique</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/etasarabes/">États arabes</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/asie-pacifique/">Asie & Pacifique</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/eur-na/">Europe et Amérique du Nord</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/lac/">Amérique latine et Caraïbes</a></div> </div> </div> </div> </li> <li><a class="navbar_menu-item is-expanded text-nowrap" href="/fr/list/">La Liste</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/strategieglobale/">Stratégie globale</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/criteres/">Critères</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/processusenamont/">Processus en amont</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/listesindicatives/">Listes indicatives</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/nominations/">Propositions d’inscription à la liste du patrimoine mondial</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/list/">Liste du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/nouveauxbiens/">Nouveaux biens inscrits</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/wh-gis/">Plateforme de cartes en ligne du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/carte-interactive/">Carte interactive</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/peril/">Patrimoine mondial en péril</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/liste-peril/">Liste du patrimoine mondial en péril</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/118/">Rapports et suivi</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/soc/">État de conservation</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/rapportperiodique/">Rapport périodique</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/prcycle3/">Questionnaires 2018-2024</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/rp-questionnaire/">Questionnaires 2008-2015</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/suivi-reactif/">Processus de Suivi réactif</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/facteurs/">Liste de facteurs affectant les biens</a></div> </div> <div class="col-12 col-md-6 col-lg-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/belles-reussites/">Quelques belles réussites</a></div> <div class="nav-item font-weight-bold mt-2"><a class="nav-link text-white" href="/fr/canopee/">Exemples de la Convention en action</a></div> </div> </div> </div> </li> <li><a class="navbar_menu-item is-expanded" href="/fr/activites">Activités</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-lg-3 mb-3"><a class="text-white h6 mx-3 mb-3 d-block" href="/fr/activites/">Activités</a> <p class="text-white mx-3">Le Centre du patrimoine mondial occupe une position de tout premier plan dans les efforts fournis par la communauté internationale en matière de protection et de préservation.</p> <a class="btn btn-blue2 mt-0 mx-3 mb-4" href="/fr/activites/">Toutes les activités</a> <div class="nav-item mt-3"><a class="nav-link text-white font-weight-bold pb-0" href="/fr/canopee/">Canopée du Patrimoine Mondial</a> <a class="nav-link text-white pt-0" href="/fr/canopee/">Solutions du patrimoine mondial pour des futurs durables</a></div> <a class="btn btn-blue2 mt-2 mx-3 mb-4" href="/fr/canopee/">Études de cas</a></div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/activites/">Activités à la une</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/culture2030indicators/">Indicateurs Culture|2030</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/villes/">Programme des villes du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/hul/">Recommandation concernant le paysage urbain historique</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/paysagesculturels/">Paysages Culturels</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/renforcement-des-capacites/">Renforcement des capacités</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/centresdecategorie2/">Centres de catégorie 2</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item"><a class="nav-link text-white" href="/fr/patrimoine-mondial-naturel/">Patrimoine mondial naturel</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/changementclimatique/">Changement climatique et patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/programme-marin/">Programme Marin</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/biodiversite/">Patrimoine mondial et biodiversité</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/engagement-zones-exclusion/">Le secteur des entreprises et patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/disaster-risk-reduction/">Réduire les risques de catastrophes sur les sites du patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/activites/496/">Patrimoine mondial et populations autochtones</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item"><a class="nav-link text-white" href="/fr/wheducation/">Programme d’éducation des jeunes au patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/pmvolontariat/">Initiative du volontariat pour le patrimoine mondial</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/developpementdurable/">Développement durable</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/tourisme/">Tourisme Durable</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/sids/">Programme du Patrimoine mondial pour les Petits États insulaires en développement (PEID)</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/patrimoine-religieux-sacre/">Initiative sur le patrimoine d’intérêt religieux</a></div> </div> </div> </div> </li> <li><a class="navbar_menu-item is-expanded" href="/fr/partenariats/">Partenariats</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-lg-3 "> <p class="h4 text-white mx-3">Partenariats pour la conservation du patrimoine mondial</p> <p class="text-white mx-3">Assurer la préservation de ces sites remarquables est une mission de plus en plus difficile en ces temps où les sites sont exposés aux effets de l’urbanisation incontrôlée, des pratiques de tourisme non durables, de la négligence, des calamités naturelles, de la pollution, de l’instabilité politique et des conflits.</p> <p class="mx-3"><a class="btn btn-blue2 btn-sm mt-2" href="/fr/partenaires/">Nos partenaires</a> <a class="btn bg-orange btn-sm mt-2" href="/fr/donation/">Faites un don</a></p> </div> <div class="col-12 col-lg-9 "> <ul class="submenu_card"> <li><a class="card card-overlay" href="/fr/partenariats/"> <img class="w-100" src="https://whc.unesco.org/document/128912/t=3by2sm" alt="partenariats" loading="lazy" /> <span>Partenariats</span> </a></li> <li><a class="card card-overlay" href="/fr/marketplace/"> <img class="w-100" src="https://whc.unesco.org/document/190295/t=3by2sm" alt="marketplace" loading="lazy" /> <span>Bourse aux projets</span> </a></li> <li><a class="card card-overlay" href="/fr/partenaires/"> <img class="w-100" src="https://whc.unesco.org/document/128241/t=3by2sm" alt="" loading="lazy" /> <span>Nos partenaires</span> </a></li> <li><a class="card card-overlay" href="/fr/donation/"> <img class="w-100" src="https://whc.unesco.org/document/190344/t=3by2sm" alt="Donation" loading="lazy" /> <span>Faites un don</span> </a></li> </ul> </div> </div> </div> </li> <li><a class="navbar_menu-item is-expanded" href="/fr/publications/">Publications</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/publications/">Publications</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/series/">Cahiers</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/urbannotebooks/">Cahiers Urbains</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/176/">Promotion & d’éducation</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/manuelsdereference/">Manuels de référence</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/autresmateriaux/">Autres matériaux</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/lettreinformation/">Lettre d’information</a></div> </div> <div class="col-12 col-lg-3 mb-3"><!--- ---> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/revue/">Revue</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/carte/">Carte murale</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/fr/documents/">Documents</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/ressources">Ressources</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/recherche/">Recherche</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/glossaire/">Glossaire</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/fr/avertissement/">A propos du site web</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/avertissement/">Avertissement</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/syndication/">Syndication</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/plandusite/">Plan du site</a></div> <div class="nav-item"><a class="nav-link text-white" href="/fr/219/">Liens utiles</a></div> </div> </div> </div> </li> <li><a class="py-lg-0 mb-lg-0 mb-3" href="#multiSearch" title="Rechercher" data-toggle="collapse" aria-expanded="false" aria-controls="multiSearch" aria-label="Rechercher"><span class="d-inline d-lg-none">Rechercher</span> <span class="material-icons-sharp ml-2 ml-lg-0 big">search</span></a></li> </ul> </div> </div> </nav> <nav class="navbar_sticky d-print-none" id="navbar_sticky"> <div class="navbar_sticky-wrapper container p-0"> <div class="navbar_logo py-2 pl-2 pl-sm-2"> <a href="/"> <img src="/assets/images/logo.svg" alt="UNESCO Logo" fetchpriority="high"> </a> <a href="/" class="navbar_baseline d-none d-lg-block "> Convention du patrimoine mondial </a> </div> <div class="navbar_sticky-content"> <!-- <a href="/" class="button-galaxy">Explore UNESCO</a> --> </div> </div> </nav> <div class="collapse multi-collapse bg-light fixed-top vh-100 d-print-none" id="multiSearch"> <form action="/fr/recherche/" method="get" name="search" id="searchForm" class="container p-2 py-lg-5 h-100"> <div class="text-right px-2 py-3 w-100"> <a data-toggle="collapse" href="#multiSearch" role="button" aria-expanded="false" aria-controls="multiSearch" class="round round-md bg-white text-gray4 material-icons-sharp">close</a> </div> <div class="d-flex align-items-center h-100"> <div class="form-row align-items-center justify-content-center p-2 py-lg-5 w-100"> <div class="col-12 col-lg-6"> <input type="text" name="criteria" id="searchbar" class="form-control form-control-lg rounded-lg mb-2 mb-lg-0" placeholder="Rechercher" aria-label="Rechercher" /> </div> <div class="col-12 col-lg-auto"> <button class="btn btn-lg btn-primary" type="submit" aria-label="search button">Rechercher<span class="ml-1 material-icons-sharp ">search</span></button> </div> <div class="col-12 col-lg-auto "> <p class="pt-4 px-4">Faites une recherche à travers les informations du Centre du patrimoine mondial.</p> </div> </div> </div> </form> </div> </header> <main> <div id="content" class=""> <form name="sites_search" id="sites_search" method="get" action="/fr/list/" class="d-print-none" > <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 dans la Liste" name="search" id="search" type="text" class="form-control"> <div class="input-group-append"> <button class="btn btn-secondary" type="submit" value="Rechercher" > <span class="material-icons-sharp" data-toggle="tooltip" title="Rechercher dans la Liste">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-4 ym-gl"> <div class="ym-gbox-left"> <div class="card card-body bg-none border mb-3"> <div class="form-group"> <label>Par Biens</label> <div id="boxselect_A447CEA5-9290-B48F-9829960137A6DEEB" class="x-box-div"></div> <input type="hidden" id="boxselectval_A447CEA5-9290-B48F-9829960137A6DEEB" name="id_sites" value="" /> </div> <div class="form-group"> <label>Par États parties</label> <div id="boxselect_A447CEA7-050E-9A59-1E85B20475A813CF" class="x-box-div"></div> <input type="hidden" id="boxselectval_A447CEA7-050E-9A59-1E85B20475A813CF" name="id_states" value="" /> </div> <div class="form-group"> <label>Par régions</label> <div id="boxselect_A447CEA8-BE2B-05F5-B1ED515B9953D3C7" class="x-box-div"></div> <input type="hidden" id="boxselectval_A447CEA8-BE2B-05F5-B1ED515B9953D3C7" name="id_search_region" value="" /> </div> </div> <div class="card card-body bg-none border mb-3"> <div class="form-check"> <input type="checkbox" name="danger" id="danger" value="1" class="form-check-input" /> <label class="form-check-label" for="danger">Site en danger</label> </div> <div class="form-check"> <input type="checkbox" name="delisted" id="delisted" value="1" class="form-check-input" /> <label class="form-check-label" for="delisted">Délisté</label> </div> <div class="form-check"> <input type="checkbox" name="transboundary" id="transboundary" value="1" class="form-check-input" /> <label class="form-check-label" for="transboundary">Bien trans-frontalier</label> </div> </div> </div> </div> <div class="col-12 col-md-4 ym-gl"> <div class="card card-body bg-none border mb-3"> <div class="form-group"> <label>Année d'inscription</label> <input type="text" name="search_yearinscribed" id="search_yearinscribed" placeholder="Année d inscription" value="" class="form-control" data-toggle="tooltip" title="Choisissez plusieurs années : 1978,1981,1998"> </div> <div class="form-group"> <input type="text" name="search_yearinscribed_start" id="search_yearinscribed_start" placeholder="Année d inscription (de)" value="" class="form-control"> </div> <div class="form-group"> <input type="text" name="search_yearinscribed_end" id="search_yearinscribed_end" placeholder="Année d inscription (à)" value="" class="form-control"> </div> </div> <div class="card card-body bg-none border mb-3"> <label>Thèmes</label> <div class="form-check"> <input type="radio" name="themes" id="themes" value="" checked="checked" class="form-check-input" /> <label class="form-check-label" for="themes">Tous</label> </div> <div class="form-check"> <input type="radio" name="themes" id="themes11" value="11" class="form-check-input" /> <label class="form-check-label" for="themes11">Villes</label> </div> <div class="form-check"> <input type="radio" name="themes" id="themes4" value="4" class="form-check-input" /> <label class="form-check-label" for="themes4">Paysages Culturels</label> </div> <div class="form-check"> <input type="radio" name="themes" id="themes6" value="6" class="form-check-input" /> <label class="form-check-label" for="themes6">Forêts</label> </div> <div class="form-check"> <input type="radio" name="themes" id="themes7" value="7" class="form-check-input" /> <label class="form-check-label" for="themes7">Mers & côtes</label> </div> <div class="form-check"> <input type="radio" name="themes" id="themes1" value="1" class="form-check-input" /> <label class="form-check-label" for="themes1">Architecture de terre</label> </div> </div> <div class="card card-body bg-none border mb-3"> <label>Critères</label> <div class="form-group"><div class="radio "> <input type="radio" name="criteria_restrication" checked="checked" value="" /> avec <input type="radio" name="criteria_restrication" value="1" /> seulement avec </div> <div class="radio"> <label>Critères culturels :</label> <table class="mt-2" style="width:140px"> <tr> <td> <input type="checkbox" name="c1" /> <br /> i </td> <td> <input type="checkbox" name="c2" /> <br /> ii </td> <td> <input type="checkbox" name="c3" /> <br /> iii </td> <td> <input type="checkbox" name="c4" /> <br /> iv </td> <td> <input type="checkbox" name="c5" /> <br /> v </td> <td> <input type="checkbox" name="c6" /> <br /> vi </td> </tr> </table> Critères naturels: <br /> <table style="width:94px"> <tr> <td> <input type="checkbox" name="n7" /> <br /> vii </td> <td> <input type="checkbox" name="n8" /> <br /> viii </td> <td> <input type="checkbox" name="n9" /> <br /> ix </td> <td> <input type="checkbox" name="n10" /> <br /> x </td> <td></td> <td></td> </tr> </table> </div> </div> </div> <div class="card card-body bg-none border mb-3"> <label>Mots Clefs</label> <div class="form-group"> <div id="boxselect_A447CEAA-989D-930F-DFB3202C3F425647" class="x-box-div"></div> <input type="hidden" id="boxselectval_A447CEAA-989D-930F-DFB3202C3F425647" name="id_keywords" value="" /> </div> </div> </div> <div class="col-12 col-md-4 ym-gr"> <div class="card card-body bg-none border mb-3"> <label>Catégorie</label> <div class="form-check"> <input type="checkbox" name="type" id="type1" value="cultural" class="form-check-input" /> <label class="form-check-label" for="type1">Culturel</label> </div> <div class="form-check"> <input type="checkbox" name="type" id="type2" value="natural" class="form-check-input" /> <label class="form-check-label" for="type2">Naturel</label> </div> <div class="form-check"> <input type="checkbox" name="type" id="type3" value="mixed" class="form-check-input" /> <label class="form-check-label" for="type3">Mixte</label> </div> </div> <div class="card card-body bg-none border mb-3"> <label>Média</label> <div class="form-check"> <input type="radio" name="media" id="media" value="" checked="checked" class="form-check-input"/> <label class="form-check-label" for="media">Tous</label> </div> <div class="form-check"> <input type="radio" name="media" id="media1" value="1" class="form-check-input" /> <label class="form-check-label" for="media1">Avec vidéos</label> </div> <div class="form-check"> <input type="radio" name="media" id="media4" value="4" class="form-check-input" /> <label class="form-check-label" for="media4">Avec galerie photo</label> </div> </div> <div class="card card-body bg-none border mb-3"> <label>Afficher les descriptions brèves </label> <div class="form-check"> <input type="radio" name="description" id="description0" checked="checked" value="" class="form-check-input" /> <label class="form-check-label" for="description0">Sans</label> </div> <div class="form-check"> <input type="radio" name="description" id="description1" value="1" class="form-check-input" /> <label class="form-check-label" for="description1">Avec</label> </div> </div> <div class="card card-body bg-none border mb-3"> <label>Afficher les éléments </label> <div class="form-group"> <div class="form-check"> <input type="radio" name="components" value="0" class="form-check-input" id="components0" /> <label class="form-check-label" for="components0">Moins d'éléments</label> </div> <div class="form-check"> <input type="radio" name="components" value="1" checked="checked" id="components1" class="form-check-input" /> <label class="form-check-label" for="components1">Tous les éléments</label> </div> </div> </div> <div class="card card-body bg-none border mb-3"> <label>Classer par</label> <div class="form-check"> <input type="radio" name="order" id="order" value="country" checked="checked" class="form-check-input" /> <label class="form-check-label" for="order">Pays</label> </div> <div class="form-check"> <input type="radio" name="order" id="orderb" value="region" class="form-check-input" /> <label class="form-check-label" for="orderb">Région</label> </div> <div class="form-check"> <input type="radio" name="order" id="orderc" value="year" class="form-check-input" /> <label class="form-check-label" for="orderc">Année</label> </div> <div class="form-check"> <input type="radio" name="order" id="orderd" value="property" class="form-check-input" /> <label class="form-check-label" for="orderd">Nom du bien</label> </div> </div> </div> </div> <div class=""> <div class="buttons"> <button class="btn btn-primary" type="submit" value="Rechercher" > Rechercher </button> </div> </div> </div> </div> </div> </form> <div class="container"> <div class="pt-3"> <div class="d-flex justify-content-end justify-content-md-between align-items-center"> <div class="breadcrumb p-0 m-0 small d-none d-md-flex"> <a href="/fr/list/" class="breadcrumb-item">La Liste</a> <a href="/fr/list/818/" class="breadcrumb-item active" aria-current="page">Réseau des moulins de Kinderdijk-Elshout</a> </div> <div class="d-print-none"> <div class="ml-auto pl-4 text-nowrap"> <div class="dropdown d-inline-block d-print-none"> <a class="round bg-gray2 text-dark" type="button" id="shareMenuButton" data-toggle="dropdown" onclick="if(typeof ga != 'undefined'){ga('send','event', 'whc-button-share', 'whc-button', 'whc-button-share-fr-31');}"><span class="icon-share icon" data-toggle="tooltip" title="Partager"></span></a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="shareMenuButton" aria-expanded="false" > <a class="dropdown-item" href="/pg_friendly_print.cfm?cid=31&id_site=818&" title="print" id="print_button" target="_blank" onclick="if(typeof ga != 'undefined'){ga('send','event','whc-button-print', 'whc-button', 'whc-button-print-fr-31');}">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> <h1 class="col-12 col-lg-8 col-xl-7 px-0 mb-4 display-3 mt-4 text-break">Réseau des moulins de Kinderdijk-Elshout</h1> <div class="tabs_inte tabs_centered"> <ul class="nav nav-tabs mb-4"> <li class="nav-item"><a class="nav-link active" href="/fr/list/818/">Description</a></li> <li class="nav-item"><a class="nav-link" href="/fr/list/818/cartes/">Cartes</a></li> <li class="nav-item"><a class="nav-link" href="/fr/list/818/documents/">Documents</a></li> <li class="nav-item"><a class="nav-link" href="/fr/list/818/gallery/">Galerie</a></li> <li class="nav-item"><a class="nav-link" href="/fr/list/818/video/">Vidéo</a></li> <li class="nav-item"><a class="nav-link" href="/fr/list/818/indicateurs/" >Indicateurs</a></li> </ul> </div> <div class=""> <div class="row"> <div class="col-12 col-lg-8 mb-4 mb-lg-0"> <div class="tab-content"> <div id="contentdes_en" class="tab-pane fade " role="tabpanel" aria-labelledby="tabdes_en"> <h6>Mill Network at Kinderdijk-Elshout</h6> <div class="rich-text"><p>The outstanding contribution made by the people of the Netherlands to the technology of handling water is admirably demonstrated by the installations in the Kinderdijk-Elshout area. Construction of hydraulic works for the drainage of land for agriculture and settlement began in the Middle Ages and have continued uninterruptedly to the present day. The site illustrates all the typical features associated with this technology – dykes, reservoirs, pumping stations, administrative buildings and a series of beautifully preserved windmills.</p></div> <p class="source small text-muted">La description est disponible sous licence <a href="/fr/licences/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_fr" class="tab-pane fade active show " role="tabpanel" aria-labelledby="tabdes_fr"> <h6>Réseau des moulins de Kinderdijk-Elshout</h6> <div class="rich-text"><p>La contribution du peuple des « pays bas » à la technique de drainage de l'eau est énorme, comme le prouvent admirablement les installations de la région de Kinderdijk-Elshout. Les travaux hydrauliques d'assèchement des terres pour l'agriculture et l'établissement des populations ont commencé au Moyen Âge et ont continué sans interruption jusqu'à nos jours. Le site comporte tous les éléments typiques de cette technologie : digues, réservoirs, stations de pompage, bâtiments administratifs, ainsi qu'un ensemble de moulins impeccablement préservés.</p></div> <p class="source small text-muted">La description est disponible sous licence <a href="/fr/licences/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_ar" class="tab-pane fade" style="unicode-bidi:bidi-override;direction:rtl" role="tabpanel" aria-labelledby="tabdes_ar"> <h6>شبكة الطواحين في كيندردجيك – ال شوط</h6> <div class="rich-text"><p dir="rtl">تُعتبر مساهمة الشعب الهولندي في تقنية تصريف المياه بغاية الأهمية، كما تثبت بحق تجهيزات منطقة كيندردجيك – ال شوط. بدأت أعمال الطاقة المائية لتجفيف الأراضي لتصبح صالحة للزراعة ولتمركز السكان في القرون الوسطى واستمرّت بلا انقطاع حتى أيامنا هذه. ويتألّف الموقع من العناصر النموذجية كافةً لهذه التقنية: السدود والخزانات ومحطّات الضخّ ومباني الادارة، فضلاً عن مجموعة طواحين تُحفظ بشكل مثالي.</p></div> <p class="source small text-muted"> source: UNESCO/CPE <br>La description est disponible sous licence <a href="/fr/licences/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_zh" class="tab-pane fade" role="tabpanel" aria-labelledby="tabdes_zh"> <h6>金德代克-埃尔斯豪特的风车</h6> <div class="rich-text"><p>金德代克–埃尔斯豪特地区的风车装置极好地展示了荷兰人民为水处理技术做出的突出贡献。从中世纪起,人们开始建设水利工程,用于农田排水和居住目的,并一直坚持到今天。这里展现了与这些技术相关的各种典型特征,如,堤坝、水库、泵站、行政楼和一系列保存完好的风车设施。</p></div> <p class="source small text-muted"> source: UNESCO/CPE <br>La description est disponible sous licence <a href="/fr/licences/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_ru" class="tab-pane fade" role="tabpanel" aria-labelledby="tabdes_ru"> <h6>Ветряные мельницы в районе Киндердейк-Элсхаут </h6> <div class="rich-text"><p>Выдающийся вклад народа Нидерландов в искусство управления водными ресурсами прекрасно иллюстрируется комплексом устройств в районе Киндердейк-Элсхаут. Гидротехнические работы по осушению территории для нужд сельского хозяйства и расселения начались еще в Средние века и продолжаются непрерывно по сей день. Здесь можно получить представление обо всех типичных элементах этой технологии: это дамбы, резервуары, насосные станции, служебные здания и группа великолепно сохранившихся ветряных мельниц, использовавшихся ранее для откачки воды.</p></div> <p class="source small text-muted"> source: UNESCO/CPE <br>La description est disponible sous licence <a href="/fr/licences/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_es" class="tab-pane fade" role="tabpanel" aria-labelledby="tabdes_es"> <h6>Red de molinos de Kinderdijk-Elshout</h6> <div class="rich-text"><p>La contribución de la población de los Países Bajos al desarrollo de las técnicas de drenaje del agua es enorme, como lo demuestran admirablemente las instalaciones de la región de Kinderdijk–Elshout. Las obras hidráulicas de desecación de terrenos para la agricultura y el asentamiento de poblaciones en las tierras saneadas comenzaron en la Edad Media y han proseguido sin interrupción hasta nuestros días. El sitio comprende todos los elementos característicos de la tecnología del drenaje: diques, embalses, estaciones de bombeo, edificios administrativos y un conjunto de molinos impecablemente conservados.</p></div> <p class="source small text-muted"> source: UNESCO/CPE <br>La description est disponible sous licence <a href="/fr/licences/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_ja" class="tab-pane fade" role="tabpanel" aria-labelledby="tabdes_ja"> <h6>キンデルダイク-エルスハウトの風車群</h6> <div class="rich-text">「低地地方」の人々が水を制御する技術への貢献には、はかりしれないものがある。キンデルダイクーエルスハウト地方の風車群は、このことをよく物語っている。農耕地や居住地から排水する水力装置は中世に始まり、今にいたるまで間断なく利用されている。</div> <p class="source small text-muted">source: <a href="https://www.unesco.or.jp/activities/isan/worldheritagelist/">NFUAJ</a> </p> </div> <div id="contentdes_nl" class="tab-pane fade" role="tabpanel" aria-labelledby="tabdes_nl"> <h6>Molens van Kinderdijk-Elshout</h6> <div class="rich-text">Het netwerk van negentien windmolens in Kinderdijk-Elshout toont de indrukwekkende bijdrage die de Nederlanders hebben geleverd aan de technologie om water onder controle te houden. In de Middeleeuwen begon men met de bouw van waterwerken – nodig voor de afwatering van landbouwgrond en dorpen – en tot op vandaag gaat dit door. Het gebied toont alle typische kenmerken die samenhangen met deze technologie – dijken, reservoirs, pompstations, administratieve gebouwen en de 19 prachtig bewaard gebleven windmolens. De molens werden in 1950 buiten functie gesteld, maar werken nog allemaal. Ze staan ‘reserve’ voor het geval de moderne installaties uitvallen.</div> <p class="source small text-muted">Source : <a href="http://unesco.nl/erfgoed/molens-van-kinderdijk-elshout">unesco.nl</a> </p> </div> </div> <ul class="nav nav-pills mb-4"> <li class="nav-item"><a class="nav-link " data-toggle="tab" href="#contentdes_en" id="tabdes_en" aria-controls="contentdes_en">Anglais</a></li> <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#contentdes_fr" id="tabdes_fr" aria-controls="contentdes_fr">Français</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_ar" id="tabdes_ar" aria-controls="contentdes_ar">Arabe</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_zh" id="tabdes_zh" aria-controls="contentdes_zh">Chinois</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_ru" id="tabdes_ru" aria-controls="contentdes_ru">Russe</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_es" id="tabdes_es" aria-controls="contentdes_es">Espagnol</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_ja" id="tabdes_ja" aria-controls="contentdes_ja">Japonais</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_nl" id="tabdes_nl" aria-controls="contentdes_nl">Néerlandais</a></li> </ul> <div class="border-top mt-4 pt-4"> <div class="w-100"> <a href="/fr/list/818/gallery/"><img src="https://whc.unesco.org/uploads/thumbs/site_0818_0006-750-750-20150518200215.jpg" title="Réseau des moulins de Kinderdijk-Elshout" class="w-100 border" loading="lazy"/></a> </div> <div> <a href="/fr/list/818/gallery/"><img src="https://whc.unesco.org/uploads/thumbs/site_0818_0003-40-40-20150518200245.jpg" width="40" height="40" title="Réseau des moulins de Kinderdijk-Elshout" class="border mt-1 mr-1 float-left" loading="lazy" /></a> <a href="/fr/list/818/gallery/"><img src="https://whc.unesco.org/uploads/thumbs/site_0818_0004-40-40-20150518200240.jpg" width="40" height="40" title="Réseau des moulins de Kinderdijk-Elshout" class="border mt-1 mr-1 float-left" loading="lazy" /></a> <a href="/fr/list/818/gallery/"><img src="https://whc.unesco.org/uploads/thumbs/site_0818_0005-40-40-20140620164201.jpg" width="40" height="40" title="Réseau des moulins de Kinderdijk-Elshout" class="border mt-1 mr-1 float-left" loading="lazy" /></a> <a href="/fr/list/818/gallery/"><img src="https://whc.unesco.org/uploads/thumbs/site_0818_0006-40-40-20150518200215.jpg" width="40" height="40" title="Réseau des moulins de Kinderdijk-Elshout" class="border mt-1 mr-1 float-left" loading="lazy" /></a> <a href="/fr/list/818/gallery/"><img src="https://whc.unesco.org/uploads/thumbs/site_0818_0007-40-40-20140620164203.jpg" width="40" height="40" title="Réseau des moulins de Kinderdijk-Elshout" class="border mt-1 mr-1 float-left" loading="lazy" /></a> <a href="/fr/list/818/gallery/"><img src="https://whc.unesco.org/uploads/thumbs/site_0818_0008-40-40-20140620164203.jpg" width="40" height="40" title="Réseau des moulins de Kinderdijk-Elshout" class="border mt-1 mr-1 float-left" loading="lazy" /></a> <a href="/fr/list/818/gallery/"><img src="https://whc.unesco.org/uploads/thumbs/site_0818_0009-40-40-20140620164204.jpg" width="40" height="40" title="Réseau des moulins de Kinderdijk-Elshout" class="border mt-1 mr-1 float-left" loading="lazy" /></a> <a href="/fr/list/818/gallery/"><img src="https://whc.unesco.org/uploads/thumbs/site_0818_0010-40-40-20140620164205.jpg" width="40" height="40" title="Réseau des moulins de Kinderdijk-Elshout" class="border mt-1 mr-1 float-left" loading="lazy" /></a> <div class="clearfix"></div> </div> </div> <div class="border-top pt-4 mt-4"> <h2 class="h3">Valeur universelle exceptionnelle</h2> <div class="rich-text"><p><strong>Brève synthèse</strong></p> <p>Le Réseau des moulins de Kinderdijk-Elshout est un ensemble de constructions situé dans un paysage artificiel exceptionnel au sein duquel la lutte séculaire menée par les Hollandais pour drainer certaines parties de leur territoire et les protéger contre les inondations est illustrée de manière magistrale par la subsistance de tous les éléments principaux du système complexe conçus à cet effet.</p> <p>La construction d’ouvrages hydrauliques pour drainer des terres à des fins agricoles et résidentielles a commencé au Moyen-Âge et s’est poursuivie sans interruption jusqu’à nos jours. Le bien illustre toutes les caractéristiques typiques associées à cette technologie : polders, drainage d’amont et d’aval et canaux de transport pour l’eau excédentaire des polders, berges et digues, 19 moulins de drainage, 3 stations de pompage, 2 déversoirs (écluses) et 2 Maisons de l’Assemblée de l’administration des eaux. Les moulins magnifiquement conservés peuvent être divisés en trois catégories : 8 « marins de terre » ronds en brique, 10 moulins octogonaux à toit tournant en chaume et un moulin à pivot creux<em>.</em></p> <p>Les installations aux alentours de Kinderdijk-Elshout illustrent de manière admirable la remarquable contribution des habitants des Pays-Bas à la technologie de gestion de l’eau.</p> <p>Le paysage est remarquable dans sa juxtaposition d’éléments horizontaux, représentés par les canaux, les digues et les champs, et de rythmes verticaux scandés par le réseau des moulins. Aucun autre réseau de drainage semblable ou d’ancienneté comparable n’existe ailleurs aux Pays-Bas ni dans le monde.</p> <p><strong>Critère (i) :</strong> Le Réseau des moulins de Kinderdijk-Elshout constitue un paysage artificiel exceptionnel qui témoigne avec force de l’ingéniosité et du courage dont l’homme a fait preuve, pendant près d’un millénaire, pour drainer et protéger une région en développant et appliquant la technologie hydraulique.</p> <p><strong>Critère (ii) :</strong> Le Réseau des moulins de Kinderdijk-Elshout, avec ses polders historiques, canaux de drainage d’amont et d’aval, moulins et biefs de moulins, stations de pompage, déversoirs ainsi qu’avec ses Maisons de l’Assemblée de l’administration des eaux, est un exemple exceptionnel de l’évolution des techniques de drainage hollandaises qui ont été copiées et adaptées dans de nombreuses régions du monde.</p> <p><strong>Critère (iv) :</strong> Le Réseau des moulins de Kinderdijk-Elshout est un système hydraulique extrêmement ingénieux qui fonctionne encore aujourd’hui et qui, à travers les âges, a permis de stabiliser et cultiver une large étendue de tourbières. Seul exemple de cette dimension au niveau national et international, le site est une illustration unique et remarquable d’un ensemble architectural ainsi que d’un paysage culturel typique des Pays-Bas et témoigne d’une étape importante de l’histoire humaine.</p> <p><strong>Intégrité</strong></p> <p>Aucun des éléments pertinents de la zone tels que polders avec canaux de drainage et digues, moulins à vent en brique, bois et chaume, biefs, stations de pompage, déversoirs et Maisons de l’Assemblée de l’administration des eaux, ne souffre d’intrusions hors de propos ou discordantes. Les déversoirs d’Elshout ont été réduits au nombre de deux et reconstruits vers le milieu des années 1980 ; en 1924, les installations de la station de pompage de Wisboom sont passées d’une alimentation vapeur à l’électricité. Le bien est d’une taille appropriée pour garantir la totale représentation des caractéristiques et processus qui permettent de comprendre l’importance du réseau de moulins.</p> <p><strong>Authenticité </strong></p> <p>Le Réseau des moulins de Kinderdijk-Elshout, avec ses « polders d’amont et d’aval pourvus de systèmes de drainage naturel » historiques, ses cours d’eau, moulins et biefs de moulins, stations de pompage, déversoirs et Maisons de l’Assemblée de l’administration des eaux, est pratiquement inchangé. Il est parvenu à garder intactes les innombrables éléments caractéristiques et typiquement hollandais de son paysage et de son environnement, façonnées sans interruption depuis le Moyen-Âge et, plus particulièrement, dans la première moitié du XVIIIe siècle. Les dix-neuf moulins qui constituent ce groupe de monuments sont toujours en état de marche, puisqu’ils servent de moulins de repli en cas de défaillance du matériel moderne. Le degré d’authenticité de l’exécution et de l’emplacement des structures ainsi que du caractère distinctif de même que l’intégrité de ce paysage artificiel sont très élevés. Aucune modification n’a été apportée aux liaisons hydrauliques fonctionnelles entre les mécanismes de drainage, les polders et les rivières, depuis que les seize moulins de De Nederwaard et De Overwaard ont été construits en 1738 et 1740, respectivement. Le degré d’authenticité de ce système est donc également élevé. Leur système de réservoirs est également intact, le réservoir inférieur de De Nederwaard datant de 1369 et celui de De Overwaard de 1365.</p> <p>La restauration des moulins, qui a commencé en 2008, s’est faite dans le respect des techniques utilisées à l’époque de leur construction. Des matériaux authentiques ont également été utilisés dans les restaurations. Le projet, dirigé par l’Agence du patrimoine culturel des Pays-Bas, s’est achevé en 2011.</p> <p><strong>Éléments requis en matière de protection et de gestion</strong></p> <p>Dix-neuf moulins, la station de pompage de Wisboom et la Waardhuis sont inscrits en tant que sites du patrimoine national en vertu de la loi néerlandaise de 1988 sur les Monuments et bâtiments historiques [<em>Monumentenwet 1988</em>]. En 1993, la région a été désignée aire de conservation [<em>beschermd dorpsgezicht</em>] conformément à l’Article 35 de cette même loi. Parallèlement, le bien du patrimoine mondial de Kinderdijk-Elshout est une réserve naturelle protégée en vertu de la loi néerlandaise sur la Conservation de la nature [<em>Natuurbeschermingswet</em>], fait partie du réseau Natura 2000 et est couvert par la Directive 79/409/EEC du Conseil concernant la conservation des oiseaux sauvages.</p> <p>Le décret sur l’aménagement du territoire du gouvernement provincial, en définissant des règles relatives aux moulins, garantit une exposition ouverte au vent et une vue permanente des moulins. Des restrictions sont imposées sur la hauteur des constructions, arbres ou autres végétaux dans un rayon de 400 m des moulins (le biotope des moulins). Ce décret vaut pour les particuliers et les municipalités.</p> <p>La plupart des terres comprises dans le plan de zonage municipal pour la région rurale de Nieuw-Lekkerland est une aire désignée de conservation de la nature. Les constructions y sont interdites ; aucune activité de terrassement ne peut être effectuée sans délivrance d’un permis. La partie méridionale du bien du patrimoine mondial de Kinderdijk-Elshout fait partie de la municipalité d’Alblasserdam ; elle a pour l’essentiel été affectée en « aire agricole dotée d’attributs naturels et paysagers de valeur ». La gestion des eaux et des digues relève de l’Administration des Eaux Rivierenland. Les mesures de protection sont jugées efficaces.</p> <p>L’entité détentrice du site de patrimoine mondial, la Fondation pour le patrimoine mondial de Kinderdijk [<em>Stichting Werelderfgoed Kinderdijk</em> ; SWEK], détient depuis 2005 un bail de 30 ans sur les dix-neuf moulins du bien, y compris les bâtiments environnants, les chemins d’accès et toutes les dépendances. Elle s’efforce d’exercer une gestion efficace selon une série de normes uniformes. Rénovée, la station de pompage de Wisboom est devenue en 2011 un centre d’accueil touristique. Un des moulins est également ouvert aux visiteurs.</p> <p>Le plan de zonage municipal pour la région rurale de Molenwaard a été actualisé en 2013. Le nouveau plan accorde une attention particulière aux aires de conservation et au bien du patrimoine mondial. Pour répondre aux enjeux territoriaux relatifs au bien, une vue aérienne a été prise en 2013. Elle sert de base au nouveau plan de gestion et aux développements futurs.</p> <p>Le plan de gestion (2015) prend en compte, entre autres, les pressions et avantages du tourisme. Des projets sont à l’étude pour un nouveau centre d’accueil des visiteurs plus grand, permettant un meilleur contrôle des visites tout en offrant une meilleure orientation et aidant à sensibiliser davantage le public à l’importance du bien. Son insertion dans le paysage fait l’objet d’une attention particulière.</p></div> </div> <div class="border-top mt-4 pt-4"> <h2 class="h5 anchor-target" id="links"> Liens </h2> <ul class="pl-3"> <li> <a href="http://www.ourplaceworldheritage.com/custom.cfm?action=WHsite&whsiteid=818"> <img src="/graphics/button_ourplace.gif" class="icon" alt="ourplace" loading="lazy"/> Découvrez les photos de OUR PLACE the World Heritage Collection</a> <br /> </li> <li> <a href="http://www.werelderfgoed.nl"> www.werelderfgoed.nl</a> <br /> </li> <li> <a href="http://www.minocw.nl/werelderfgoed/"> Werelderfgoed in Nederland (en néerlandais seulement)</a> <br /> </li> <li> <a href="http://www.kinderdijk.nl/"> Kinderdijk (Kinderdijk Promotions)(en anglais seulement)</a> <br /> </li> <li> <a href="http://www.stichting-kinderdijk.nl/"> Stichting Werelderfgoed Kinderdijk (en anglais et néerlandais)</a> <br /> </li> </ul> </div> <div class="border-top mt-4 pt-4"> <div class="mb-3"><span class="h5">Activités</span> <span class="badge badge-secondary align-top">1</span></div> <a name="activities"></a> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-4 row-cols-xl-4 mb-0 "> <div class="col mb-5 mb-lg-4" style="" id="list-1362" > <div class="listContainer"> <div class="row"> <div class="listImg col-12"> <a href="/fr/wind-energy/case-study-netherlands/"><img src="https://whc.unesco.org/uploads/thumbs/activity_1362-384-216-20230323092656.jpg" class="w-100 mb-2 border" loading="lazy" /></a> </div> <div class="listTitle col-12"> <a href="/fr/wind-energy/case-study-netherlands/" class="text-black ">Étude de cas : Évaluation d'impact d’un projet d’énergie éolienne près d’un bien du patrimoine mondial aux Pays-Bas</a> </div> </div> </div> </div> </div> </div> <div class="border-top mt-4 pt-4"> <div class="mb-3"><span class="h5">Actualités <a href="/fr/actualites/?action=list&id_sites=818&mode=rss"><img src="/graphics/icons/rss.png" alt="rss" title="RSS" loading="lazy"/></a></span> <span class="badge badge-secondary align-top">3</span></div> <a name="news"></a> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-4 row-cols-xl-4 mb-0 "> <div class="col mb-5 mb-lg-4" style="" id="list-2028" > <div class="listContainer"> <div class="row"> <div class="listImg col-12"> <a href="/fr/actualites/2028/"><img src="https://whc.unesco.org/uploads/thumbs/news_2028-384-216-20190911153701.jpg" class="w-100 mb-2 border" loading="lazy" /></a> </div> <div class="listTitle col-12"> <a href="/fr/actualites/2028/" class="text-black ">Inauguration royale du nouveau centre d'accueil à Kinderdijk-Elshout (Pays-Bas)</a> <div class="mt-2"> <span class="text-muted text-nowrap" data-toggle="tooltip" title="mardi 10 septembre 2019">10 September 2019</span> </div> </div> </div> </div> </div> <div class="col mb-5 mb-lg-4" style="" id="list-570" > <div class="listContainer"> <div class="row"> <div class="listImg col-12"> <a href="/fr/actualites/570/"><img src="https://whc.unesco.org/uploads/thumbs/news_570-384-216-20150213100639.jpg" class="w-100 mb-2 border" loading="lazy" /></a> </div> <div class="listTitle col-12"> <a href="/fr/actualites/570/" class="text-black ">Google et l’UNESCO annoncent un accord qui permettra des visites virtuelles de plusieurs sites du patrimoine mondial</a> <div class="mt-2"> <span class="text-muted text-nowrap" data-toggle="tooltip" title="jeudi 3 décembre 2009">3 December 2009</span> </div> </div> </div> </div> </div> <div class="col mb-5 mb-lg-4" style="" id="list-180" > <div class="listContainer"> <div class="row"> <div class="listTitle col-12"> <a href="/fr/actualites/180/" class="text-black ">Nouveaux sites inscrits sur la Liste du patrimoine mondial</a> <div class="mt-2"> <span class="text-muted text-nowrap" data-toggle="tooltip" title="dimanche 7 décembre 1997">7 December 1997</span> </div> </div> </div> </div> </div> </div> </div> <div class="border-top mt-4 pt-4"> <a name="media" id="media"></a> <h5>Media</h5> <div class="mt-2"> <a href="https://whc.unesco.org/fr/list/818/video"><span class="material-icons-sharp round round-sm">play_arrow</span> Réseau des moulins de Kinderdijk-Elshout (UNESCO/NHK)</a> </div> </div> </div> <div id="sidebar" class="col-12 col-lg-4 mb-4 mb-lg-0 " > <div class="card bg-none border"> <div class="card-body"> <div class="row row-cols-2"> <div class="col"> <div class="d-flex mb-3"> <div class="mr-2"> <img src="/uploads/states/svg-min/nl.svg" class=" border" style="width:30px;" > </div> <div> <a href="/fr/etatsparties/nl" class="d-block"><strong>Pays-Bas (Royaume des)</strong></a> </div> </div> </div> </div> <div> <strong>Date d'inscription :</strong> 1997 </div> <div> <strong>Critères : </strong><a href="/fr/criteres/">(i)(ii)(iv)</a> </div> <div> <strong>Bien :</strong> 322 ha<br /> </div> <div> <strong>Dossier :</strong> 818 </div> <div class="mt-3 small text-muted"> <div class=""> N51 52 57 E4 38 58 </div> </div> </div> </div> <div class="box gmap mt-4"> <div class="" id="esriapp"> <div id="esrimenu"></div> <div id="infoWebGL"> <div class="alert alert-warning d-block" style="display: none">Web Browser not supported for ESRI ArcGIS API version 4.10. WebGL must be enable, <a href="https://developers.arcgis.com/javascript/latest/guide/system-requirements/index.html">see documentation</a></div> </div> <div id="infoDiv"> <input class="esri-component esri-widget--button esri-widget esri-interactive" type="button" id="switch-btn" value="3D"> </div> <div id="esrimap" style=""> </div> </div> </div> <div class="alert alert-info my-4 d-block small"> <div class="font-weight-bold mb-2">Avertissement</div> <p> Les dossiers de proposition d’inscription produits par les États parties sont publiés par le Centre du patrimoine mondial sur son site Internet et/ou dans des documents de travail afin de garantir la transparence, l’accès à l’information et de faciliter la préparation d’analyses comparatives par d’autres États parties soumissionnaires. </p> <p> Le contenu de chaque dossier de proposition d’inscription relève de la responsabilité exclusive de l'État partie concerné. La publication d’un dossier de proposition d’inscription, y compris les cartes et les noms, ne saurait être interprétée comme exprimant une prise de position de la part du Comité du patrimoine mondial ou du Secrétariat de l'UNESCO à propos de l’histoire ou du statut juridique d'un pays, d'un territoire, d'une ville ou d'une zone, ou de ses frontières. </p> </div> <div id="synergies" > <div class="card bg-none border mt-4"> <div class="card-body"> <h5>Protections<br>par d'autres instruments de conservation</h5> <p class=" ">1 protection / 1 élément</p> <strong>2003 Convention pour la sauvegarde du patrimoine culturel immatériel <span class="small text-muted">(1 element)</span></strong><br> <ul class="pl-3"> <li> <a href="https://ich.unesco.org/fr/RL/01265">Les savoir-faire du meunier liés à l’exploitation des moulins à vent et à eau </a> </li> </ul> <p class=""> <a href="/fr/synergies" class="btn btn-primary">Lire plus sur les synergies</a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer id="footer" class="bg-grey mt-5"> <div class="footer-wrapper"> <div class="row d-print-none"> <div class="col-lg-12"> <div class="footer-top"><img src="https://whc.unesco.org/uploads/pages/documents/document-35-2.svg" alt="logo" width="" height="" style="width: 150px;" loading="lazy" /></div> </div> <div class="col-lg-12"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-4 row-cols-xxl-4 small"> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/sessions/">Sessions du Comité</a> <a class="nav-link text-dark" href="/fr/documents/">Documents statutaires</a> <a class="nav-link text-dark" href="/fr/decisions/">Décisions du Comité</a> <a class="nav-link text-dark" href="/fr/sessions/47COM/">47<sup>e</sup> session (2025)</a> <a class="nav-link text-dark" href="/fr/sessions/46COM/">46<sup>e</sup> session (2024)</a></div> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/ag">Assemblée générale</a> <a class="nav-link text-dark" href="/fr/sessions/25GA">25<sup>e</sup> GA (2025)</a> <a class="nav-link text-dark" href="/fr/sessions/24GA">24<sup>e</sup> GA UNESCO, Paris (2023)</a></div> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/apropos/">Le patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/convention/">La Convention</a> <a class="nav-link text-dark" href="/fr/conventiontexte/">Texte de la Convention </a> <a class="nav-link text-dark" href="/fr/compendium/">Compendium</a> <a class="nav-link text-dark" href="/fr/declaration-de-principes">Déclaration de principes</a> <a class="nav-link text-dark" href="/fr/orientations/">Orientations</a> <a class="nav-link text-dark" href="/fr/embleme/">L’emblème du patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/etatsparties/">Les États parties</a> <a class="nav-link text-dark" href="/fr/organisationsconsultatives/">Organisations Consultatives</a> <a class="nav-link text-dark" href="/fr/centre-du-patrimoine-mondial/">Centre du patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/emplois/">Emplois & Stages</a> <a class="nav-link text-dark" href="/fr/quifaitquoi/">Qui fait quoi</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/list/">La Liste</a> <a class="nav-link text-dark" href="/fr/list/">Liste du patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/peril/">Patrimoine mondial en péril</a> <a class="nav-link text-dark" href="/fr/nouveauxbiens/">Nouveaux biens inscrits</a> <a class="nav-link text-dark" href="/fr/criteres/">Critères de sélection</a> <a class="nav-link text-dark" href="/fr/listesindicatives/">Listes indicatives</a> <a class="nav-link text-dark" href="/fr/nominations/">Propositions d’inscription</a> </div> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/118/">Rapports et suivi</a> <a class="nav-link text-dark" href="/fr/soc/">État de conservation (SOC)</a> <a class="nav-link text-dark" href="/fr/rapportperiodique">Rapport périodique</a> <a class="nav-link text-dark" href="/fr/prcycle3/">Questionnaires 2018-2024</a> <a class="nav-link text-dark" href="/fr/rp-questionnaire/">Questionnaires 2008-2015</a> <a class="nav-link text-dark" href="/fr/173/">Suivi réactif</a> <a class="nav-link text-dark" href="/fr/afrique/">Afrique</a> <a class="nav-link text-dark" href="/fr/etasarabes/">États arabes</a> <a class="nav-link text-dark" href="/fr/asie-pacifique">Asie & Pacifique</a> <a class="nav-link text-dark" href="/fr/lac/">Amérique latine et Caraïbes</a> <a class="nav-link text-dark" href="/fr/eur-na/">Europe et Amérique du Nord</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/partenariats/">Partenariats</a> <a class="nav-link text-dark" href="/fr/devenez-partenaire/">Devenez partenaire</a> <a class="nav-link text-dark" href="/fr/rolepartenaires/">Ce que font les partenaires</a> <a class="nav-link text-dark" href="/fr/partenaires/">Nos partenaires</a></div> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/activites/">Activités</a> <a class="nav-link text-dark" href="/fr/activites">Nos activités</a> <a class="nav-link text-dark" href="/fr/pmvolontariat">Volontaires</a></div> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/publications/">Publications</a> <a class="nav-link text-dark" href="/fr/revue/">Revue du Patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/series/">Séries</a> <a class="nav-link text-dark" href="/fr/manuelsdereference/">Manuels de référence</a> <a class="nav-link text-dark" href="/fr/carte/">Carte murale</a> <a class="nav-link text-dark" href="/fr/publications/">Plus de publications ...</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link text-dark font-weight-bold" href="/fr/fonds/">Fonds</a> <a class="nav-link text-dark" href="/fr/fonds-du-patrimoine-mondial/">Fonds du patrimoine mondial</a> <a class="nav-link text-dark" href="/fr/assistanceint">Assistance internationale</a></div> <div class="border-top pt-3"><a class="nav-link text-dark font-weight-bold" href="##">Plus</a> <a class="nav-link text-dark" href="/fr/contacts/">Contacts</a> <a class="nav-link text-dark" href="/fr/plandusite/">Plan du site</a> <a class="nav-link text-dark" href="/fr/inscription">Devenir membre</a> <a class="nav-link text-orange font-weight-bold" href="/fr/donation/">Donnez maintenant</a></div> <div class="border-top pt-3 pb-3"> </div> </div> </div> </div> <!--- UNESCO footer ---> <div class="col-lg-12"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-4 row-cols-xxl-4 small"> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link font-weight-bold text-dark" href="https://www.unesco.org/en/">UNESCO</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/newsroom">UNESCO Actualités</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/take-action">S’engager</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/ideas-data">Idées et Données</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/impact">Notre impact</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/our-expertise">Notre Expertise</a> <a class="nav-link text-dark" href="https://core.unesco.org/fr">Portail de données</a> <a class="nav-link text-dark" href="http://eepurl.com/i1UpgI" target="_blank" rel="noopener">S'abonner à nos lettres d'information</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link font-weight-bold text-dark" href="https://www.unesco.org/en">Conditions d’utilisation</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/logo-patronage">UNESCO Logo et Patronage</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/faq">UNESCO FAQ</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/ios/report-wrongdoing">Signaler un cas de fraude, corruption ou autre manquement</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/scamalert">Messages Frauduleux</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"><a class="nav-link font-weight-bold text-dark" href="https://www.unesco.org/fr/legal-affairs/">Politiques</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/legal-affairs/cr-committee/104-procedure">Protection des droits de l’homme <br /><span class="small text-muted">(Procédure 104)</span></a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/unesco-access-information-policy">Politique d’accès à l’information</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/website-privacy-notice">Politique de confidentialité du site web</a> <a class="nav-link text-dark" href="https://www.unesco.org/en/events-privacy-notice">Events Privacy Notice</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/privacy-policy">Protection des données personnelles</a> <a class="nav-link text-dark" href="https://www.unesco.org/fr/environmental-commitment-and-policy">Gestion environnementale</a></div> </div> <div class="col"> <div class="border-top pt-3 pb-3"> <div class="nav-link font-weight-bold text-dark">Suivez-nous</div> <a class="nav-link text-dark" href="https://www.facebook.com/unescofr">Facebook</a> <a class="nav-link text-dark" href="https://instagram.com/unesco/">Instagram</a> <a class="nav-link text-dark" href="https://twitter.com/unesco_fr/">Twitter</a> <a class="nav-link text-dark" href="https://www.youtube.com/user/unesco">Youtube</a> <a class="nav-link text-dark" href="https://www.linkedin.com/company/unesco">Linkedin</a> <a class="nav-link text-dark" href="/en/syndication" aria-label="syndication">Syndication RSS</a></div> </div> </div> </div> </div> </div> <div class="container pb-5"> <div class="small border-top pt-3 mt-3"> <nav aria-label="breadcrumb" class="d-none d-lg-block"> <ol class="breadcrumb px-0 mb-0"> <li class="breadcrumb-item"><a href="https://www.unesco.org" >UNESCO</a></li> <li class="breadcrumb-item"><a href="https://www.unesco.org/fr/culture">Culture</a></li> <li class="breadcrumb-item"><a href="/">Centre du patrimoine mondial</a></li> <li class="breadcrumb-item"><a href="/fr/list/">La Liste</a></li><li class="breadcrumb-item active"><a href="/fr/list/">La Liste du Patrimoine mondial</a></li> </ol> </nav> <div> <a href="/fr/avertissement/" class="d-block">© UNESCO Centre du patrimoine mondial 1992-2025</a> </div> </div> </div> <div class="modal lightboxIframe" id="lightboxIframe" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog p-0 m-0 w-100 h-100 mw-100 rounded-0"> <div class="modal-content rounded-0 h-100 w-100 mw-100 border-0"> <iframe src="" frameborder="0" width="100%" height="100%" class="p-0 m-0"></iframe> </div> </div> </div> <div class="modal contactIframe" id="contactIframe" tabindex="-1" role="dialog" aria-labelledby="contactIframeModalLabel" aria-hidden="true"> <div class="modal-dialog p-0 m-0 w-100 h-100 mw-100 rounded-0"> <div class="modal-content rounded-0 h-100 w-100 mw-100 border-0"> <iframe src="" frameborder="0" width="100%" height="100%" class="p-0 m-0"></iframe> </div> </div> </div> </footer> <div id="back-top" class="d-print-none"><a href="#top" aria-label="Back to top"><span class="back-top-text">top</span></a></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="/assets/scripts/vendor/slick.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script> <script src="/assets/scripts/app-min.js?2024122"></script> <script src="/assets/scripts/unesco-whc.js?20220414" defer="defer"></script> <script src="/javascript/sorttable2_bootstrap-min.js" defer="defer"></script> <script language="javascript"> showHideElementByName = function(eltName) { $("[name='"+eltName+"']").toggleClass('d-none'); } onUsernameSubmit_3CC4CB415E31BC8581AED991FEAE234E9E1077CEF12DD19A4FD1DDFBEB27DE7E = function(e) { e.preventDefault(); var aUsername = $("[uniqueName='username_A447CE9C-B068-C45B-9A6AA5E417557A49']"); if(!aUsername.length) return false; var sUsername = aUsername[aUsername.length-1].value; if (sUsername == "") return false; var aRememberMe = $("[id='rememberMe_A447CE9C-B068-C45B-9A6AA5E417557A49']"); var bRememberMe = aRememberMe.length && aRememberMe[0].checked == true ? 1 : 0; // Get SSO or password connection $.ajax({ url: '/p_dynamic/users/user.cfc?method=checkSSOLoginConnection&usernameOrEmail=' + sUsername + '&rememberMe=' + bRememberMe, cache: false, success: function(response){ var obj = JSON.parse(response); // Account found if (obj.success) { //Hide error message if present $(".whc-login-error").addClass('d-none'); if (obj.redirect === 1) { // To define if we want to add custom code before sso redirection if (typeof actionBeforeSSORedirect === "function") { actionBeforeSSORedirect(); } window.location.href = obj.urlRedirect; } else { // To define if we want to add custom code before login redirection if (typeof actionBeforeLoginRedirect === "function") { actionBeforeLoginRedirect(); } //Show password field and login button showHideElementByName("username"); showHideElementByName("username-label"); showHideElementByName("password"); showHideElementByName("password-label"); showHideElementByName("backUsername"); showHideElementByName("SUBMITusername"); showHideElementByName("SUBMITlog"); } // Account not found } else { $(".whc-login-error").removeClass('d-none'); $(".whc-login-error").html(obj.message); } }, failure: function(response) { console.log(response); } }); } backLoginForm = function(e) { e.preventDefault(); //Show password field and login button showHideElementByName("username"); showHideElementByName("username-label"); showHideElementByName("password"); showHideElementByName("password-label"); showHideElementByName("backUsername"); showHideElementByName("SUBMITusername"); showHideElementByName("SUBMITlog"); } </script> <div class="modal" id="alertLogin" tabindex="-1" aria-labelledby="alertLoginLabel" aria-hidden="false" > <div class="modal-dialog modal-dialog-centered "> <div class="modal-content bg-light"> <div class="modal-header border-bottom-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-0 px-4 pb-4"> <h5>Login</h5> <form name="login_form" class="pt-3" method="post" action="https://whc.unesco.org/pg.cfm?cid%3D31%26l%3Dfr%26id_site%3D818%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_A447CE9C-B068-C45B-9A6AA5E417557A49' 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_A447CE9C-B068-C45B-9A6AA5E417557A49" checked="true" class="custom-control-input" /> <label for="rememberMe_A447CE9C-B068-C45B-9A6AA5E417557A49" class="custom-control-label">Se souvenir de mon profil</label> </div> <a class="d-block mt-3" href="/fr/31/msg=forgotlogin">Mot de passe oublié ?</a> <a class="d-block my-2" href="/fr/inscription/">Devenez membre</a> <div class="buttons mt-3 d-flex justify-content-end w-100"> <button class="btn bg-secondary small_button plain_button button_padding mr-1 d-none" onclick="backLoginForm(event)" name='backUsername' value="Previous" title="Précédent" style="color:white"> Précédent </button> <button class="btn bg-primary small_button plain_button button_padding" onclick="onUsernameSubmit_3CC4CB415E31BC8581AED991FEAE234E9E1077CEF12DD19A4FD1DDFBEB27DE7E(event)" name='SUBMITusername' value="Suivant" title="Suivant" style="color:white"> Suivant </button> <button class="btn bg-primary small_button plain_button button_padding d-none" type="submit" name='SUBMITlog' value="Valider" title="Valider" style="color:white"> S'identifier </button> </div> <input type="hidden" name="l" value="en" /> <input type="hidden" name="cid_origin" value="31" /> <input type="hidden" name="query_string_origin" value="/fr/list/818" /> </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_A447CEA5-9290-B48F-9829960137A6DEEB', { 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_A447CEA5-9290-B48F-9829960137A6DEEB', name:'', model: 'app.model.selector_A447CEA5-9290-B48F-9829960137A6DEEB', 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_A447CEA5-9290-B48F-9829960137A6DEEB'); 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_A447CEA5-9290-B48F-9829960137A6DEEB', id:'idboxselect_A447CEA5-9290-B48F-9829960137A6DEEB', 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_A447CEA7-050E-9A59-1E85B20475A813CF', { 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_A447CEA7-050E-9A59-1E85B20475A813CF', name:'', model: 'app.model.selector_A447CEA7-050E-9A59-1E85B20475A813CF', 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_A447CEA7-050E-9A59-1E85B20475A813CF'); 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_A447CEA7-050E-9A59-1E85B20475A813CF', id:'idboxselect_A447CEA7-050E-9A59-1E85B20475A813CF', 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_A447CEA8-BE2B-05F5-B1ED515B9953D3C7', { 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_A447CEA8-BE2B-05F5-B1ED515B9953D3C7', name:'', model: 'app.model.selector_A447CEA8-BE2B-05F5-B1ED515B9953D3C7', 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_A447CEA8-BE2B-05F5-B1ED515B9953D3C7'); 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_A447CEA8-BE2B-05F5-B1ED515B9953D3C7', id:'idboxselect_A447CEA8-BE2B-05F5-B1ED515B9953D3C7', 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_A447CEAA-989D-930F-DFB3202C3F425647', { 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_A447CEAA-989D-930F-DFB3202C3F425647', name:'', model: 'app.model.selector_A447CEAA-989D-930F-DFB3202C3F425647', 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_A447CEAA-989D-930F-DFB3202C3F425647'); 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_A447CEAA-989D-930F-DFB3202C3F425647', id:'idboxselect_A447CEAA-989D-930F-DFB3202C3F425647', 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" type="text/javascript"> Ext.onReady(function(){ Ext.get('sites_search',true).on('submit', function(event, eltarget) { var els = this.query('input[value=""]',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> /* Set the locale before the JSAPI loads */ esriConfig = { locale: "fr", log: {level:"none"}, request: {priority: "low"}, parseOnLoad: true }; </script> <script src="https://js.arcgis.com/4.31/"></script> <script type="text/javascript"> var markersRendererCultural, markersRendererNatural, markersRendererMixed, layerPolybuffer, layerPolycore, onePoint, combinedExtent, layerextended = false, markerSymbol, graphicsCultural= [], graphicsNatural= [], graphicsMixed= [], graphicsCulturalDanger= [], graphicsNaturalDanger= [], graphicsMixedDanger= [] ; require([ "require", "esri/Map", "esri/views/MapView", "esri/views/SceneView", "esri/WebMap", "esri/WebScene", "esri/Basemap", "esri/widgets/BasemapGallery", "esri/widgets/Expand", "esri/layers/FeatureLayer", "esri/layers/SceneLayer", "esri/layers/ElevationLayer", "esri/widgets/Legend", "esri/config", "esri/request", "esri/widgets/Fullscreen", /*"esri/widgets/Search",*/ "esri/intl", "esri/Graphic", "esri/symbols", "esri/renderers/Renderer", "esri/geometry/Point", "esri/geometry/Extent", "esri/geometry/geometryEngine", "esri/geometry/projection", "esri/geometry/SpatialReference" ], function( require, Map, MapView, SceneView, WebMap, WebScene, Basemap, BasemapGallery, Expand, FeatureLayer, SceneLayer, ElevationLayer, Legend, esriConfig, esriRequest, Fullscreen, /*Search,*/ intl, Graphic, Symbol, Renderer, Point, Extent, geometryEngine, projection, SpatialReference, arrayUtils) { /*code to create the map and add a basemap will go here*/ const switchButton = document.getElementById("switch-btn"); const basemapsetellite = new Basemap({ title: "Satellite", language: "fr", portalItem: { id: "13a1167266ae4d3d8f76a6bf2edd17aa" } }); const basemapwhc = new Basemap({ title: "Base WHC", language: "fr", thumbnailUrl : "https://unesco.maps.arcgis.com/sharing/rest/content/items/073cf5b02f654359b656f58ca9e67846/info/thumbnail/thumbnail1601627787898.png", portalItem: { id: "073cf5b02f654359b656f58ca9e67846" } }); const basemapdark = new Basemap({ title: "Dark", language: "fr", portalItem: { id: "600ffbf85c704aa5a492f018b1125863" } }); const basemapTopo = new Basemap({ title: "Topographic", language: "fr", portalItem: { id: "f14d34580ef7460ab71284cf19d1de24" } }); const map = new Map({ basemap: basemapsetellite }); const appConfig = { // log:'none', mapView: null, sceneView: null, activeView: null, container: "esrimap" }; const initialViewParams2D = { zoom: 9, map: map, container: appConfig.container, id: "2dview" }; const initialViewParams3D = { zoom: 2, map: map, container: appConfig.container, id: "3dview" }; /*create 2D view and and set active*/ appConfig.mapView = createView(initialViewParams2D, "2d"); appConfig.activeView = appConfig.mapView; /* create 3D view, won't initialize until container is set*/ initialViewParams3D.container = null; appConfig.sceneView = createView(initialViewParams3D, "3d"); /* Add a basemap toggle widget to toggle between basemaps*/ let Basemaps = new BasemapGallery({ source:[basemapsetellite,basemapwhc,basemapTopo,basemapdark], view: appConfig.activeView }); const bgExpand = new Expand({ view: appConfig.activeView, expandTooltip : "Basemaps", label:"Basemaps", content: Basemaps, group: "top-right" }); /* Add widget to the top right corner of the view */ appConfig.activeView.ui.add([bgExpand], "top-right"); /* stop zoom with mouse wheel when scrolling vertically */ appConfig.mapView.surface.addEventListener("wheel", function(event) { event.stopImmediatePropagation(); }, true); /**/ appConfig.sceneView.when(function() { /* View successfully loaded, show viewDiv*/ }).catch(function() { document.getElementById("infoDiv").style.display = "none"; document.getElementById("infoWebGL").style.display = "block"; console.log("no webgl"); /* View was rejected, show webgl unsupported message and turn off the viewDiv*/ }); /* */ const stop1 = 6; const stop2 = 8; const stop3 = 15; const stop4 = 20; const stopdefault = 11; function symbolSizeScale(view) { view.watch("scale", (newScale) => { /*Update the symbol's size based on the scale*/ view.map.layers.forEach((layer) => { symb = layer.renderer.symbol; if (newScale > 36978595) { symb.height = stop1; symb.width = stop1; } else if (newScale > 9244648) { symb.height = stop2; symb.width = stop2; } else if (newScale < 1641615) { symb.height = stop3; symb.width = stop3; } else if (newScale < 18055) { symb.height = stop4; symb.width = stop4; } else { symb.height = stopdefault; symb.width = stopdefault; } }, { sync: true }); }); }; /*switch the view between 2D and 3D each time the button is clicked*/ switchButton.addEventListener("click", function(){ switchView(); }); /*Switches the view from 2D to 3D and vice versa*/ function switchView(){ let is3D = appConfig.activeView.type === "3d"; let activeViewpoint = appConfig.activeView.viewpoint.clone(); /* remove the reference to the container for the previous view*/ appConfig.activeView.container = null; if (is3D){ /* if the input view is a SceneView, set the viewpoint on the mapView instance. Set the container on the mapView and flag it as the active view */ appConfig.mapView.viewpoint = activeViewpoint; appConfig.mapView.container = appConfig.container; appConfig.activeView = appConfig.mapView; toggle.view = appConfig.mapView; symbolSizeScale(appConfig.activeView); appConfig.mapView.ui.add(toggle, "top-right"); switchButton.value = "3D"; } else { appConfig.sceneView.viewpoint = activeViewpoint; appConfig.sceneView.container = appConfig.container; symbolSizeScale(appConfig.sceneView); appConfig.activeView = appConfig.sceneView; toggle.view = appConfig.sceneView; appConfig.sceneView.ui.add(toggle, "top-right"); switchButton.value = "2D"; } } /* zoom to layer extent*/ /* convenience function for creating a 2D or 3D view*/ function createView(params, type){ let view; let is2D = type === "2d"; if(is2D){ view = new MapView(params); return view; } else { view = new SceneView(params); } return view; } /* zoom to layer extent*/ function pointToExtent( point, toleranceInPixel=4) { /* Function to convert a point coordinate into a rectangle area */ if(appConfig.activeView.extent){ mapextentwidth = appConfig.activeView.extent.width; } else { mapextentwidth= 1; } var pixelWidth = appConfig.activeView.width / mapextentwidth ; var toleraceInMapCoords = toleranceInPixel * pixelWidth; return new Extent({ xmin:point.x - toleraceInMapCoords, ymin:point.y - toleraceInMapCoords, xmax:point.x + toleraceInMapCoords, ymax:point.y + toleraceInMapCoords, latitude:point.latitude, longitude:point.longitude, spatialReference: { wkid: 4326 } } ); } /* Function to combine extents and set the view extent */ function combineLayerExtents(layers) { var extentPromises = layers.map(function(layer) { // case when the layer is of type point with only one single point if(layer.geometryType === "point" && layer.source.length === 1 ){ onePoint = layer.source.items[0].geometry; var pointExtent = pointToExtent(onePoint); var pointExtentClone = pointExtent.clone(); pointExtentClone.centerAt(onePoint); return pointExtentClone || null } else { return layer.queryExtent().then(function(result) { /* be sure it has the correct spatialreference */ /* Define the target spatial reference (WGS84) */ /* Return the extent if valid, otherwise return null */ if(result.extent){ var wgs84 = new SpatialReference({ wkid: 4326 }); var projectedExtent = projection.project(result.extent, wgs84) ; return projectedExtent || null; } else { return result.extent || null; } }); } }); /* Wait for all extent promises to resolve */ Promise.all(extentPromises).then(function(extents) { /* Filter out null extents */ var validExtents = extents.filter(function(extent) { return extent !== null; }); var combinedPolygon; if (onePoint && validExtents.length === 1) { appConfig.activeView.goTo({ target: [onePoint.longitude,onePoint.latitude] ,zoom:12 ,padding: { left: 50, right: 50, top: 50, bottom: 50 } }).catch(function(error) { console.error("Error zooming to extent1: ", error); }); } else { if (validExtents.length === 1) { /* Only one extent: add padding to prevent too low zoom level */ /* Set the view extent to the padded extent */ combinedExtent = validExtents[0]; } else if (validExtents.length > 1 ) { /* Combine valid extents into a polygon */ validExtents.map(function(extent) { }); var combinedPolygon = geometryEngine.union(validExtents); /* Set the view extent to the combined extent */ combinedExtent = combinedPolygon.extent; } else { } /**/ /*console.log(combinedExtent.width,"combinedExtent.width");*/ if(combinedExtent.width<1){ combinedExtent = combinedExtent.expand(1.1); } else if(combinedExtent.width<150){ combinedExtent = combinedExtent.expand(1.4); } else if(combinedExtent.width<180){ combinedExtent = combinedExtent.expand(1.2); } else if(combinedExtent.width<250){ combinedExtent = combinedExtent.expand(1.1); } else if (combinedExtent.width<360){ combinedExtent = combinedExtent.extent; } else if (combinedExtent.width<10000){ combinedExtent = combinedExtent.expand(.005); } else if (combinedExtent.width<300000){ combinedExtent = combinedExtent.expand(.000025); } else { combinedExtent = combinedExtent.expand(.00001); } /*appConfig.activeView.extent = combinedExtent;*/ appConfig.activeView.goTo({target: combinedExtent}).catch(function(error) { console.error("Error zooming to extent2: ", error);}); } }).catch(function(error) { console.error("Error fetching extents: ", error); }); } /* UI */ let applicationDiv = document.getElementById("esriapp"); appConfig.mapView.ui.add(new Fullscreen({ view: appConfig.mapView, element: applicationDiv }), "top-left"); appConfig.sceneView.ui.add(new Fullscreen({ view: appConfig.sceneView, element: applicationDiv }), "top-left"); /*specification for each field to create in the layer*/ let fields = [ { name: "ObjectID", alias: "ObjectID", type: "oid" }, { name: "element_serial_number", alias: "element_serial_number", type: "string" }, { name: "element_name", alias: "element_name", type: "string" }, { name: "element_state", alias: "element_state", type: "string" }, { name: "title", alias: "title", type: "string" }, { name: "url", alias: "url", type: "string" }, { name: "cat", alias: "cat", type: "double" }, { name: "id_no", alias: "id_no", type: "double" } ]; /* Set up popup template for the layer */ let pTemplate = { title: '{element_serial_number} {element_name} ({element_state})', content:'<div style="display: flex; justify-content: flex-start;align-content:"><div style=" margin: 10px 5px 10px 10px;display: flex; flex-direction:column; justify-content: flex-start;align-content:center;word-break: initial;"><strong>{title}</strong><div>{element_serial_number}</div><div>{element_name}</div><div>{element_state}</div></div></div>', }; /* */ markerSymbol = { type: 'simple-marker', style: 'circle', size: 5, color: [255,204,1,1], outline: { width: 1, color: [0,0,0,.5], style: 'solid' } }; markersRendererCultural = { type: 'simple', symbol : { type: 'picture-marker', url: '/graphics/1-0.svg', width: 11, height: 11 } }; markersRendererNatural = { type: 'simple', symbol: { type: 'picture-marker', url: '/graphics/2-0.svg', width: 11, height: 11 } }; markersRendererMixed = { type: 'simple', symbol: { type: 'picture-marker', url: '/graphics/3-0.svg', width: 11, height: 11 } }; markersRendererCulturalDanger = { type: 'simple', symbol: { type: 'picture-marker', url: '/graphics/1-1.svg', width: 11, height: 11 } }; markersRendererNaturalDanger = { type: 'simple', symbol: { type: 'picture-marker', url: '/graphics/2-1.svg', width: 11, height: 11 } }; markersRendererMixedDanger = { type: 'simple', symbol: { type: 'picture-marker', url: '/graphics/3-1.svg', width: 11, height: 11 } }; /**/ appConfig.mapView.when(function() { document.getElementById("infoDiv").style.display = "block"; /*add polygons */ layerPolycore = new FeatureLayer({ id:"allpolycore", title:"Bien avec polygones", url: "https://services6.arcgis.com/eMd5K6XXEvJETxfQ/arcgis/rest/services/prd_whc_sites_dossiers_elements_v2_view/FeatureServer/1", // where:"property_id = 818", outFields: ["*"], /* capabilities:{ query:{supportsCacheHint: true}, queryRelated: {supportsCacheHint: true}, queryTopFeatures :{supportsCacheHint: true}, attachment:{supportsCacheHint: true}, analytics:{supportsCacheHint: true} },*/ elevationInfo: { mode: "on-the-ground" }, popupTemplate: { title: '{element_serial_number} {element_name_en} ({element_state}) / Bien', content: "<strong>{property_name_fr}</strong><br>Bien<br>{element_serial_number}<br>{element_name_en}<br>{element_state}", lastEditInfoEnabled: false } }); layerPolycore.renderer= { type: "simple", symbol: { type: "simple-fill", color: [232,63,64,.4], style:"solid", opacity:.5, outline: { type: "simple-line", color: [232,63,64,.8], width: 1.5 } } }; layerPolycore.definitionExpression = "property_id = 818"; map.add(layerPolycore); layerPolybuffer = new FeatureLayer({ id:"allpolybuffer", title:"Zone tampon avec polygones", url: "https://services6.arcgis.com/eMd5K6XXEvJETxfQ/arcgis/rest/services/prd_whc_sites_dossiers_elements_v2_view/FeatureServer/2", outFields: ["*"], /* capabilities:{ query:{supportsCacheHint: true}, queryRelated: {supportsCacheHint: true}, queryTopFeatures :{supportsCacheHint: true}, attachment:{supportsCacheHint: true}, analytics:{supportsCacheHint: true} },*/ elevationInfo: { mode: "on-the-ground" }, popupTemplate: { title: '{property_id} {property_name_fr} - Zone tampon', lastEditInfoEnabled: false, content: '<strong><a href="{property_id}" target="_self">{property_name_fr}</a></strong><br>Zone tampon<br>{element_serial_number}<br>{element_name_en}<br>{element_state}', } }); layerPolybuffer.renderer= { type: "simple", symbol: { type: "simple-fill", color: [0,105,180,.15], style:"solid", opacity:.5, outline: { type: "simple-line", color: [0,105,180,.6], width: 1.5 } } }; layerPolybuffer.definitionExpression = "property_id = 818"; map.add(layerPolybuffer); /* add the results to the map*/ let urlrequest = "https://whc.unesco.org/?cid=31&l=fr&id_site=818&&mode=json&l=fr"; let request = esriRequest(urlrequest,{ handleAs: "json"}).then(function(response){ appConfig.mapView.center=[response.data.CENTROIDRESULT.LONGITUDE,response.data.CENTROIDRESULT.LATITUDE]; response.data.QUERYRESULT.DATA.forEach(function(feature, i) { let mypoint = { geometry: new Point({ x: feature[4], y: feature[3] }), attributes: { ObjectID: i, id_no:818, element_name: feature[2], element_serial_number: feature[5], element_state: feature[7] } }; if(feature[0] == 0){ switch(feature[1]){ case 1: graphicsCultural.push(mypoint); break; case 2: graphicsNatural.push(mypoint); break; case 3: graphicsMixed.push(mypoint); break; } } if(feature[0] == 1){ switch(feature[1]){ case 1: graphicsCulturalDanger.push(mypoint); break; case 2: graphicsNaturalDanger.push(mypoint); break; case 3: graphicsMixedDanger.push(mypoint); break; } } }); /* create and add layer */ if(graphicsCultural.length > 0){ let layerCultural = new FeatureLayer({ source: graphicsCultural, fields: fields, objectIdField: "ObjectID", title:"Biens culturels (points)", popupTemplate: pTemplate, renderer: markersRendererCultural }); map.add(layerCultural); }; if(graphicsNatural.length > 0){ let layerNatural = new FeatureLayer({ source: graphicsNatural, title:"Biens naturels (points)", fields: fields, objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererNatural }); map.add(layerNatural); }; if(graphicsMixed.length > 0){ let layerMixed = new FeatureLayer({ source: graphicsMixed, title:"Biens mixtes (points)", fields: fields, objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererMixed }); map.add(layerMixed); }; if(graphicsCulturalDanger.length > 0){ let layerCulturalDanger = new FeatureLayer({ source: graphicsCulturalDanger, title:"Biens culturels et en périls (points)", fields: fields, objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererCulturalDanger }); map.add(layerCulturalDanger); }; if(graphicsNaturalDanger.length > 0){ let layerNaturalDanger = new FeatureLayer({ source: graphicsNaturalDanger, title:"Biens naturels et en périls (points)", fields: fields, objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererNaturalDanger }); map.add(layerNaturalDanger); }; if(graphicsMixedDanger.length > 0){ let layerMixedDanger = new FeatureLayer({ source: graphicsMixedDanger, title:"Biens mixtes et en périls (points)", fields: fields, objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererMixedDanger }); map.add(layerMixedDanger); } /**/ appConfig.activeView.when(function() { combineLayerExtents(map.layers); }); }); /**/ }).catch(function() { /* View was rejected, show webgl unsupported message and turn off the viewDiv*/ document.getElementById("infoWebGL").style.display = "block"; }); }); </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>