{"id":4229,"date":"2026-07-17T13:37:24","date_gmt":"2026-07-17T11:37:24","guid":{"rendered":"https:\/\/riam.servermdz.com\/web\/?page_id=4229"},"modified":"2026-07-17T13:40:05","modified_gmt":"2026-07-17T11:40:05","slug":"riam-dans-les-regions","status":"publish","type":"page","link":"https:\/\/riam.servermdz.com\/web\/riam-dans-les-regions\/","title":{"rendered":"RIAM DANS LES R\u00c9GIONS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4229\" class=\"elementor elementor-4229\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f01f817 e-flex e-con-boxed e-con e-parent\" data-id=\"f01f817\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3f349c elementor-widget elementor-widget-html\" data-id=\"b3f349c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CARTE INTERACTIVE DES 12 R\u00c9GIONS DU MAROC \u2014 RIAM\r\n     Int\u00e9gration : widget HTML Elementor\r\n========================================================== -->\r\n\r\n<section class=\"riam-map-section\" id=\"riam-regions\">\r\n  <div class=\"riam-map-shell\">\r\n\r\n    <div class=\"riam-map-content\">\r\n      <span class=\"riam-map-kicker\">PR\u00c9SENCE TERRITORIALE<\/span>\r\n\r\n      <h2>Le RIAM dans les r\u00e9gions<\/h2>\r\n\r\n      <p class=\"riam-map-intro\">\r\n        Explorez les r\u00e9gions du Maroc et d\u00e9couvrez les initiatives,\r\n        les acteurs et les dynamiques territoriales du RIAM.\r\n      <\/p>\r\n\r\n      <div class=\"riam-region-card\" aria-live=\"polite\">\r\n        <span class=\"riam-region-label\">R\u00e9gion s\u00e9lectionn\u00e9e<\/span>\r\n\r\n        <h3 id=\"riam-region-title\">S\u00e9lectionnez une r\u00e9gion<\/h3>\r\n\r\n        <p id=\"riam-region-description\">\r\n          Cliquez sur une r\u00e9gion de la carte pour afficher ses informations.\r\n        <\/p>\r\n\r\n        <a\r\n          id=\"riam-region-link\"\r\n          class=\"riam-region-button\"\r\n          href=\"#\"\r\n          aria-disabled=\"true\"\r\n        >\r\n          D\u00e9couvrir la r\u00e9gion\r\n          <span aria-hidden=\"true\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"riam-map-visual\">\r\n      <div id=\"riam-morocco-map\" aria-label=\"Carte interactive des r\u00e9gions du Maroc\"><\/div>\r\n\r\n      <div class=\"riam-map-legend\">\r\n        <span><i class=\"is-active\"><\/i> R\u00e9gion active<\/span>\r\n        <span><i><\/i> Autres r\u00e9gions<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Highcharts Maps -->\r\n<script src=\"https:\/\/code.highcharts.com\/maps\/highmaps.js\"><\/script>\r\n<script src=\"https:\/\/code.highcharts.com\/mapdata\/countries\/ma\/ma-all.js\"><\/script>\r\n\r\n<style>\r\n  \/* =========================\r\n     VARIABLES \u00c0 PERSONNALISER\r\n  ========================== *\/\r\n  #riam-regions {\r\n    --riam-green: #217a4b;\r\n    --riam-green-dark: #155c37;\r\n    --riam-green-light: #eaf4ee;\r\n    --riam-red: #c83a3a;\r\n    --riam-text: #1d2b24;\r\n    --riam-muted: #66736c;\r\n    --riam-border: #dce7e0;\r\n    --riam-white: #ffffff;\r\n    --riam-map-default: #dce9e1;\r\n    --riam-shadow: 0 20px 55px rgba(20, 65, 42, 0.10);\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 90px 24px;\r\n    background:\r\n      radial-gradient(circle at 10% 10%, rgba(33, 122, 75, .09), transparent 28%),\r\n      radial-gradient(circle at 90% 85%, rgba(200, 58, 58, .06), transparent 24%),\r\n      #f8fbf9;\r\n    font-family: inherit;\r\n  }\r\n\r\n  #riam-regions *,\r\n  #riam-regions *::before,\r\n  #riam-regions *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .riam-map-shell {\r\n    width: min(1220px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(300px, .85fr) minmax(440px, 1.15fr);\r\n    gap: clamp(40px, 7vw, 90px);\r\n    align-items: center;\r\n  }\r\n\r\n  .riam-map-content {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .riam-map-kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 18px;\r\n    color: var(--riam-green);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: .14em;\r\n  }\r\n\r\n  .riam-map-kicker::before {\r\n    content: \"\";\r\n    width: 34px;\r\n    height: 3px;\r\n    border-radius: 20px;\r\n    background: var(--riam-red);\r\n  }\r\n\r\n  .riam-map-content h2 {\r\n    margin: 0 0 20px;\r\n    color: var(--riam-text);\r\n    font-size: clamp(36px, 4.5vw, 62px);\r\n    line-height: 1.05;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  .riam-map-intro {\r\n    max-width: 580px;\r\n    margin: 0 0 34px;\r\n    color: var(--riam-muted);\r\n    font-size: 17px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .riam-region-card {\r\n    position: relative;\r\n    min-height: 230px;\r\n    padding: 30px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--riam-border);\r\n    border-radius: 22px;\r\n    background: rgba(255, 255, 255, .92);\r\n    box-shadow: var(--riam-shadow);\r\n    backdrop-filter: blur(12px);\r\n  }\r\n\r\n  .riam-region-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -45px;\r\n    bottom: -65px;\r\n    width: 165px;\r\n    height: 165px;\r\n    border-radius: 50%;\r\n    background: var(--riam-green-light);\r\n    z-index: 0;\r\n  }\r\n\r\n  .riam-region-card > * {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .riam-region-label {\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: var(--riam-green);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: .1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .riam-region-card h3 {\r\n    margin: 0 0 12px;\r\n    color: var(--riam-text);\r\n    font-size: clamp(23px, 2.4vw, 31px);\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .riam-region-card p {\r\n    min-height: 54px;\r\n    margin: 0 0 23px;\r\n    color: var(--riam-muted);\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .riam-region-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    min-height: 50px;\r\n    padding: 13px 21px;\r\n    border: 1px solid var(--riam-green);\r\n    border-radius: 999px;\r\n    background: var(--riam-green);\r\n    color: var(--riam-white) !important;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;\r\n  }\r\n\r\n  .riam-region-button:hover {\r\n    transform: translateY(-2px);\r\n    background: var(--riam-green-dark);\r\n    box-shadow: 0 12px 25px rgba(33, 122, 75, .22);\r\n  }\r\n\r\n  .riam-region-button[aria-disabled=\"true\"] {\r\n    pointer-events: none;\r\n    opacity: .48;\r\n  }\r\n\r\n  .riam-map-visual {\r\n    position: relative;\r\n    min-width: 0;\r\n  }\r\n\r\n  .riam-map-visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 8% 8% 12%;\r\n    z-index: 0;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(33, 122, 75, .13), transparent 67%);\r\n    filter: blur(8px);\r\n  }\r\n\r\n  #riam-morocco-map {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    height: 660px;\r\n  }\r\n\r\n  .riam-map-legend {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 12px 25px;\r\n    margin-top: -16px;\r\n    color: var(--riam-muted);\r\n    font-size: 12px;\r\n  }\r\n\r\n  .riam-map-legend span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .riam-map-legend i {\r\n    width: 13px;\r\n    height: 13px;\r\n    border: 1px solid rgba(33, 122, 75, .24);\r\n    border-radius: 4px;\r\n    background: var(--riam-map-default);\r\n  }\r\n\r\n  .riam-map-legend i.is-active {\r\n    background: var(--riam-green);\r\n  }\r\n\r\n  .highcharts-container,\r\n  .highcharts-root {\r\n    overflow: visible !important;\r\n  }\r\n\r\n  .highcharts-point {\r\n    cursor: pointer;\r\n    transition: filter .2s ease;\r\n  }\r\n\r\n  .highcharts-point:hover {\r\n    filter: drop-shadow(0 7px 8px rgba(19, 69, 43, .22));\r\n  }\r\n\r\n  .highcharts-tooltip-box {\r\n    fill: #ffffff;\r\n    stroke: #dce7e0;\r\n    stroke-width: 1px;\r\n    filter: drop-shadow(0 8px 15px rgba(20, 65, 42, .13));\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    #riam-regions {\r\n      padding: 72px 22px;\r\n    }\r\n\r\n    .riam-map-shell {\r\n      grid-template-columns: 1fr;\r\n      gap: 25px;\r\n    }\r\n\r\n    .riam-map-content {\r\n      text-align: center;\r\n    }\r\n\r\n    .riam-map-intro {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .riam-map-kicker {\r\n      justify-content: center;\r\n    }\r\n\r\n    .riam-region-card {\r\n      max-width: 680px;\r\n      margin: 0 auto;\r\n      text-align: left;\r\n    }\r\n\r\n    #riam-morocco-map {\r\n      height: 610px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    #riam-regions {\r\n      padding: 55px 15px;\r\n    }\r\n\r\n    .riam-map-content h2 {\r\n      font-size: 37px;\r\n    }\r\n\r\n    .riam-map-intro {\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .riam-region-card {\r\n      min-height: auto;\r\n      padding: 23px 20px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .riam-region-card p {\r\n      min-height: 0;\r\n    }\r\n\r\n    #riam-morocco-map {\r\n      height: 520px;\r\n      margin-top: 5px;\r\n    }\r\n\r\n    .riam-map-legend {\r\n      margin-top: -8px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    #riam-morocco-map {\r\n      height: 455px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  \/* =====================================================\r\n     DONN\u00c9ES \u00c0 MODIFIER\r\n     Remplace les descriptions et les URL par tes contenus.\r\n  ====================================================== *\/\r\n  const regions = {\r\n    \"tanger-tetouan-al-hoceima\": {\r\n      title: \"Tanger-T\u00e9touan-Al Hoce\u00efma\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion Tanger-T\u00e9touan-Al Hoce\u00efma.\",\r\n      url: \"\/region\/tanger-tetouan-al-hoceima\/\"\r\n    },\r\n    \"oriental\": {\r\n      title: \"L\u2019Oriental\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion de l\u2019Oriental.\",\r\n      url: \"\/region\/oriental\/\"\r\n    },\r\n    \"fes-meknes\": {\r\n      title: \"F\u00e8s-Mekn\u00e8s\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion F\u00e8s-Mekn\u00e8s.\",\r\n      url: \"\/region\/fes-meknes\/\"\r\n    },\r\n    \"rabat-sale-kenitra\": {\r\n      title: \"Rabat-Sal\u00e9-K\u00e9nitra\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion Rabat-Sal\u00e9-K\u00e9nitra.\",\r\n      url: \"\/region\/rabat-sale-kenitra\/\"\r\n    },\r\n    \"beni-mellal-khenifra\": {\r\n      title: \"B\u00e9ni Mellal-Kh\u00e9nifra\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion B\u00e9ni Mellal-Kh\u00e9nifra.\",\r\n      url: \"\/region\/beni-mellal-khenifra\/\"\r\n    },\r\n    \"casablanca-settat\": {\r\n      title: \"Casablanca-Settat\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion Casablanca-Settat.\",\r\n      url: \"\/region\/casablanca-settat\/\"\r\n    },\r\n    \"marrakech-safi\": {\r\n      title: \"Marrakech-Safi\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion Marrakech-Safi.\",\r\n      url: \"\/region\/marrakech-safi\/\"\r\n    },\r\n    \"draa-tafilalet\": {\r\n      title: \"Dr\u00e2a-Tafilalet\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion Dr\u00e2a-Tafilalet.\",\r\n      url: \"\/region\/draa-tafilalet\/\"\r\n    },\r\n    \"souss-massa\": {\r\n      title: \"Souss-Massa\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion Souss-Massa.\",\r\n      url: \"\/region\/souss-massa\/\"\r\n    },\r\n    \"guelmim-oued-noun\": {\r\n      title: \"Guelmim-Oued Noun\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion Guelmim-Oued Noun.\",\r\n      url: \"\/region\/guelmim-oued-noun\/\"\r\n    },\r\n    \"laayoune-sakia-el-hamra\": {\r\n      title: \"La\u00e2youne-Sakia El Hamra\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion La\u00e2youne-Sakia El Hamra.\",\r\n      url: \"\/region\/laayoune-sakia-el-hamra\/\"\r\n    },\r\n    \"dakhla-oued-ed-dahab\": {\r\n      title: \"Dakhla-Oued Ed-Dahab\",\r\n      description: \"D\u00e9couvrez les acteurs, projets et initiatives agro\u00e9cologiques port\u00e9s dans la r\u00e9gion Dakhla-Oued Ed-Dahab.\",\r\n      url: \"\/region\/dakhla-oued-ed-dahab\/\"\r\n    }\r\n  };\r\n\r\n  const aliases = {\r\n    \"tanger tetouan al hoceima\": \"tanger-tetouan-al-hoceima\",\r\n    \"tangier tetouan al hoceima\": \"tanger-tetouan-al-hoceima\",\r\n    \"tanger tetouan\": \"tanger-tetouan-al-hoceima\",\r\n\r\n    \"oriental\": \"oriental\",\r\n    \"l oriental\": \"oriental\",\r\n    \"eastern\": \"oriental\",\r\n\r\n    \"fes meknes\": \"fes-meknes\",\r\n    \"fez meknes\": \"fes-meknes\",\r\n\r\n    \"rabat sale kenitra\": \"rabat-sale-kenitra\",\r\n    \"rabat sale zemmour zaer\": \"rabat-sale-kenitra\",\r\n    \"gharb chrarda beni hssen\": \"rabat-sale-kenitra\",\r\n\r\n    \"beni mellal khenifra\": \"beni-mellal-khenifra\",\r\n    \"tadla azilal\": \"beni-mellal-khenifra\",\r\n\r\n    \"casablanca settat\": \"casablanca-settat\",\r\n    \"grand casablanca\": \"casablanca-settat\",\r\n    \"chaouia ouardigha\": \"casablanca-settat\",\r\n    \"doukkala abda\": \"casablanca-settat\",\r\n\r\n    \"marrakech safi\": \"marrakech-safi\",\r\n    \"marrakesh safi\": \"marrakech-safi\",\r\n    \"marrakech tensift al haouz\": \"marrakech-safi\",\r\n\r\n    \"draa tafilalet\": \"draa-tafilalet\",\r\n    \"meknes tafilalet\": \"draa-tafilalet\",\r\n    \"souss massa draa\": \"draa-tafilalet\",\r\n\r\n    \"souss massa\": \"souss-massa\",\r\n\r\n    \"guelmim oued noun\": \"guelmim-oued-noun\",\r\n    \"guelmim es semara\": \"guelmim-oued-noun\",\r\n\r\n    \"laayoune sakia el hamra\": \"laayoune-sakia-el-hamra\",\r\n    \"laayoune boujdour sakia el hamra\": \"laayoune-sakia-el-hamra\",\r\n\r\n    \"dakhla oued ed dahab\": \"dakhla-oued-ed-dahab\",\r\n    \"oued ed dahab lagouira\": \"dakhla-oued-ed-dahab\"\r\n  };\r\n\r\n  const titleEl = document.getElementById(\"riam-region-title\");\r\n  const descriptionEl = document.getElementById(\"riam-region-description\");\r\n  const linkEl = document.getElementById(\"riam-region-link\");\r\n\r\n  function normalize(value) {\r\n    return String(value || \"\")\r\n      .normalize(\"NFD\")\r\n      .replace(\/[\\u0300-\\u036f]\/g, \"\")\r\n      .replace(\/['\u2019`]\/g, \" \")\r\n      .replace(\/[^a-zA-Z0-9]+\/g, \" \")\r\n      .trim()\r\n      .toLowerCase();\r\n  }\r\n\r\n  function resolveRegion(point) {\r\n    const candidates = [\r\n      point && point.name,\r\n      point && point.properties && point.properties.name,\r\n      point && point.properties && point.properties.NAME_1,\r\n      point && point.properties && point.properties[\"woe-name\"],\r\n      point && point.properties && point.properties[\"name-en\"],\r\n      point && point.properties && point.properties[\"name-fr\"]\r\n    ];\r\n\r\n    for (const candidate of candidates) {\r\n      const normalized = normalize(candidate);\r\n\r\n      if (aliases[normalized] && regions[aliases[normalized]]) {\r\n        return {\r\n          key: aliases[normalized],\r\n          data: regions[aliases[normalized]]\r\n        };\r\n      }\r\n\r\n      const directKey = normalized.replace(\/\\s+\/g, \"-\");\r\n      if (regions[directKey]) {\r\n        return {\r\n          key: directKey,\r\n          data: regions[directKey]\r\n        };\r\n      }\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  function displayRegion(resolved) {\r\n    if (!resolved) return;\r\n\r\n    titleEl.textContent = resolved.data.title;\r\n    descriptionEl.textContent = resolved.data.description;\r\n    linkEl.href = resolved.data.url;\r\n    linkEl.setAttribute(\"aria-disabled\", \"false\");\r\n  }\r\n\r\n  function initMap() {\r\n    if (\r\n      !window.Highcharts ||\r\n      !Highcharts.maps ||\r\n      !Highcharts.maps[\"countries\/ma\/ma-all\"]\r\n    ) {\r\n      document.getElementById(\"riam-morocco-map\").innerHTML =\r\n        '<p style=\"padding:30px;text-align:center;color:#66736c;\">La carte n\u2019a pas pu \u00eatre charg\u00e9e. V\u00e9rifiez que les scripts Highcharts ne sont pas bloqu\u00e9s par le cache ou la politique de s\u00e9curit\u00e9 du site.<\/p>';\r\n      return;\r\n    }\r\n\r\n    const mapData = Highcharts.maps[\"countries\/ma\/ma-all\"];\r\n\r\n    Highcharts.mapChart(\"riam-morocco-map\", {\r\n      chart: {\r\n        map: mapData,\r\n        backgroundColor: \"transparent\",\r\n        spacing: [5, 5, 5, 5],\r\n        animation: true\r\n      },\r\n\r\n      title: {\r\n        text: null\r\n      },\r\n\r\n      credits: {\r\n        enabled: false\r\n      },\r\n\r\n      accessibility: {\r\n        enabled: false\r\n      },\r\n\r\n      exporting: {\r\n        enabled: false\r\n      },\r\n\r\n      legend: {\r\n        enabled: false\r\n      },\r\n\r\n      mapNavigation: {\r\n        enabled: false\r\n      },\r\n\r\n      tooltip: {\r\n        useHTML: true,\r\n        borderWidth: 0,\r\n        borderRadius: 10,\r\n        padding: 0,\r\n        shadow: false,\r\n        formatter: function () {\r\n          const resolved = resolveRegion(this.point);\r\n          const name = resolved ? resolved.data.title : this.point.name;\r\n\r\n          return (\r\n            '<div style=\"padding:10px 13px;font-size:13px;font-weight:700;color:#1d2b24;\">' +\r\n            name +\r\n            \"<\/div>\"\r\n          );\r\n        }\r\n      },\r\n\r\n      plotOptions: {\r\n        map: {\r\n          nullColor: \"#dce9e1\",\r\n          borderColor: \"#ffffff\",\r\n          borderWidth: 2,\r\n          states: {\r\n            hover: {\r\n              color: \"#2e8c59\",\r\n              borderColor: \"#ffffff\",\r\n              borderWidth: 2\r\n            },\r\n            select: {\r\n              color: \"#217a4b\",\r\n              borderColor: \"#ffffff\",\r\n              borderWidth: 2\r\n            },\r\n            inactive: {\r\n              opacity: 1\r\n            }\r\n          },\r\n          point: {\r\n            events: {\r\n              click: function () {\r\n                const chart = this.series.chart;\r\n                const resolved = resolveRegion(this);\r\n\r\n                chart.series[0].points.forEach(function (point) {\r\n                  point.select(false, false);\r\n                });\r\n\r\n                this.select(true, false);\r\n                displayRegion(resolved);\r\n              }\r\n            }\r\n          }\r\n        }\r\n      },\r\n\r\n      series: [{\r\n        type: \"map\",\r\n        name: \"R\u00e9gions du Maroc\",\r\n        mapData: mapData,\r\n        data: [],\r\n        joinBy: null,\r\n        allAreas: true,\r\n        color: \"#dce9e1\",\r\n        borderColor: \"#ffffff\",\r\n        borderWidth: 2\r\n      }],\r\n\r\n      responsive: {\r\n        rules: [{\r\n          condition: {\r\n            maxWidth: 500\r\n          },\r\n          chartOptions: {\r\n            chart: {\r\n              spacing: [0, 0, 0, 0]\r\n            }\r\n          }\r\n        }]\r\n      }\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initMap);\r\n  } else {\r\n    initMap();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>PR\u00c9SENCE TERRITORIALE Le RIAM dans les r\u00e9gions Explorez les r\u00e9gions du Maroc et d\u00e9couvrez les initiatives, les acteurs et les dynamiques territoriales du RIAM. R\u00e9gion s\u00e9lectionn\u00e9e S\u00e9lectionnez une r\u00e9gion Cliquez sur une r\u00e9gion de la carte pour afficher ses informations. D\u00e9couvrir la r\u00e9gion \u2192 R\u00e9gion active Autres r\u00e9gions<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4229","page","type-page","status-publish","hentry"],"blocksy_meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/riam.servermdz.com\/web\/wp-json\/wp\/v2\/pages\/4229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riam.servermdz.com\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/riam.servermdz.com\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/riam.servermdz.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/riam.servermdz.com\/web\/wp-json\/wp\/v2\/comments?post=4229"}],"version-history":[{"count":4,"href":"https:\/\/riam.servermdz.com\/web\/wp-json\/wp\/v2\/pages\/4229\/revisions"}],"predecessor-version":[{"id":4234,"href":"https:\/\/riam.servermdz.com\/web\/wp-json\/wp\/v2\/pages\/4229\/revisions\/4234"}],"wp:attachment":[{"href":"https:\/\/riam.servermdz.com\/web\/wp-json\/wp\/v2\/media?parent=4229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}