{"id":763,"date":"2026-06-15T10:22:29","date_gmt":"2026-06-15T10:22:29","guid":{"rendered":"https:\/\/hydrogenorg.ch\/?page_id=763"},"modified":"2026-07-13T11:25:19","modified_gmt":"2026-07-13T11:25:19","slug":"feuille-de-route-de-la-vision","status":"publish","type":"page","link":"https:\/\/hydrogenorg.ch\/fr\/vision-roadmap\/","title":{"rendered":"Vision &amp; Feuille de route"},"content":{"rendered":"<!-- =========================================================\r\n     HYDROGENORG.CH\r\n     SNIPPET 317 \u2014 GLOBAL NAVIGATION\r\n     VERSIONE COMPLETA E CORRETTA\r\n========================================================= -->\r\n\r\n<header id=\"h2-global-header\" class=\"h2-global-header\">\r\n\r\n  <div class=\"h2-global-nav\">\r\n\r\n    <div class=\"h2-global-nav-inner\">\r\n\r\n      <!-- LOGO -->\r\n      <a\r\n        class=\"h2-global-logo\"\r\n        href=\"\/fr\/\"\r\n        aria-label=\"HydrogenOrg Accueil\"\r\n      >\r\n\r\n        <div\r\n          class=\"h2-global-logo-mark\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n        <div class=\"h2-global-logo-text\">\r\n\r\n          <div class=\"h2-global-logo-title\">\r\n            HYDROG\u00c8NE<span>ORG.CH<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"h2-global-logo-sub\">\r\n            R\u00c9SEAU \u00c9NERG\u00c9TIQUE R\u00c9G\u00c9N\u00c9RATIF\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n      <!-- \/LOGO -->\r\n\r\n\r\n      <!-- MOBILE MENU BUTTON -->\r\n      <button\r\n        class=\"h2-global-menu-toggle\"\r\n        type=\"button\"\r\n        aria-label=\"Ouvrir le menu de navigation\"\r\n        aria-controls=\"h2-global-menu\"\r\n        aria-expanded=\"false\"\r\n      >\r\n\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n\r\n      <\/button>\r\n      <!-- \/MOBILE MENU BUTTON -->\r\n\r\n\r\n      <!-- NAVIGATION -->\r\n      <nav\r\n        id=\"h2-global-menu\"\r\n        class=\"h2-global-menu\"\r\n        aria-label=\"Navigation Globale HydrogenOrg\"\r\n      >\r\n\r\n        <a href=\"\/fr\/\">\r\n          Accueil\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/plateforme-de-defis-scientifiques-ouverts\/\">\r\n          D\u00e9fis\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/simulateur-de-recherche-integre-hydrogenorg\/\">\r\n          Simulateur int\u00e9gr\u00e9\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/infrastructure-de-simulation-ouverte\/\">\r\n          Simulation\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/cadre-reacteur-vapeur-plasma\/\">\r\n  Plasma\r\n<\/a>\r\n\r\n<a href=\"\/fr\/architecture-de-recherche-du-noyau-denergie-plasma-hydrogenorg-v1\/\">\r\n  C\u0153ur de Plasma\r\n<\/a>\r\n\r\n<a href=\"\/fr\/systemes-geothermiques-avances\/\">\r\n  G\u00e9othermique\r\n<\/a>\r\n\r\n        <a href=\"\/fr\/systeme-dingenierie-de-desalinisation-geothermique\/\">\r\n          Ing\u00e9nierie du dessalement\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/systemes-de-desalinisation-du-plasma-geothermique\/\">\r\n          Dessalement par plasma\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/systeme-de-plasma-h2-a-boucle-fermee-hybride-electrique-marin\/\">\r\n          Marine H2\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/systemes-de-regeneration-atmospherique\/\">\r\n          Atmosph\u00e8re\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/reseaux-dinfrastructure-dhydrogene\/\">\r\n          Infrastructure\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/gouvernance-scientifique-de-lia\/\">\r\n          Gouvernance de l'IA\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/a-propos-de-la-gouvernance-de-hydrogenorg\/\">\r\n          Gouvernance\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/communaute\/\">\r\n          Communaut\u00e9\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/feuille-de-route-de-la-vision\/\">\r\n          Vision\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/membership-support\/\">\r\n          Adh\u00e9sion\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/parrainer-un-defi\/\">\r\n          Sponsor\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/pour-les-partenaires-bailleurs-de-fonds\/\">\r\n          Partenaires et Financeurs\r\n        <\/a>\r\n\r\n        <a href=\"\/fr\/contact\/\">\r\n          Contact\r\n        <\/a>\r\n\r\n        <a\r\n          href=\"\/fr\/rejoindre\/\"\r\n          class=\"h2-global-join\"\r\n        >\r\n          Rejoindre\r\n        <\/a>\r\n\r\n      <\/nav>\r\n      <!-- \/NAVIGATION -->\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL HEADER\r\n========================================================= *\/\r\n\r\n#h2-global-header,\r\n#h2-global-header *,\r\n#h2-global-header *::before,\r\n#h2-global-header *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#h2-global-header{\r\n  width:100%;\r\n  position:relative;\r\n  z-index:99999;\r\n  margin:0;\r\n  padding:0;\r\n  font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.h2-global-nav{\r\n  width:100%;\r\n  position:relative;\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(4,12,27,.98) 0%,\r\n      rgba(2,7,17,.98) 100%\r\n    );\r\n  border-bottom:1px solid rgba(255,255,255,.09);\r\n  box-shadow:0 12px 35px rgba(0,0,0,.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER CONTAINER\r\n========================================================= *\/\r\n\r\n.h2-global-nav-inner{\r\n  width:100%;\r\n  max-width:1560px;\r\n  min-height:104px;\r\n  margin:0 auto;\r\n  padding:15px 30px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.h2-global-logo{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:17px;\r\n\r\n  min-width:max-content;\r\n  flex-shrink:0;\r\n\r\n  color:#ffffff;\r\n  text-decoration:none;\r\n  outline:none;\r\n}\r\n\r\n.h2-global-logo:hover,\r\n.h2-global-logo:focus,\r\n.h2-global-logo:visited{\r\n  color:#ffffff;\r\n  text-decoration:none;\r\n}\r\n\r\n.h2-global-logo-mark{\r\n  width:62px;\r\n  height:62px;\r\n  flex:0 0 62px;\r\n\r\n  position:relative;\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      rgba(255,255,255,1) 0%,\r\n      rgba(202,248,255,.95) 7%,\r\n      rgba(53,214,255,.85) 19%,\r\n      rgba(72,142,255,.48) 39%,\r\n      rgba(29,80,168,.16) 56%,\r\n      rgba(0,0,0,0) 72%\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 13px rgba(53,214,255,.38),\r\n    0 0 31px rgba(53,214,255,.25);\r\n}\r\n\r\n.h2-global-logo-mark::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:11px;\r\n\r\n  border-radius:50%;\r\n  border:1px solid rgba(255,255,255,.38);\r\n\r\n  box-shadow:\r\n    inset 0 0 11px rgba(255,255,255,.22),\r\n    0 0 12px rgba(53,214,255,.2);\r\n}\r\n\r\n.h2-global-logo-mark::after{\r\n  content:\"H\u2082\";\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:16px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  color:#ffffff;\r\n  text-shadow:0 0 9px rgba(53,214,255,.9);\r\n}\r\n\r\n.h2-global-logo-text{\r\n  display:block;\r\n}\r\n\r\n.h2-global-logo-title{\r\n  margin:0;\r\n  padding:0;\r\n\r\n  font-size:23px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n  color:#ffffff;\r\n}\r\n\r\n.h2-global-logo-title span{\r\n  color:#6bd14a;\r\n}\r\n\r\n.h2-global-logo-sub{\r\n  margin-top:8px;\r\n\r\n  font-size:10px;\r\n  line-height:1.2;\r\n  font-weight:700;\r\n  letter-spacing:3.1px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n  color:rgba(255,255,255,.63);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP MENU\r\n========================================================= *\/\r\n\r\n.h2-global-menu{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:flex-end;\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px 13px;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n.h2-global-menu a{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin:0;\r\n  padding:8px 0;\r\n\r\n  font-size:10px;\r\n  line-height:1.15;\r\n  font-weight:900;\r\n  letter-spacing:.52px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n\r\n  color:rgba(255,255,255,.80);\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    color .2s ease,\r\n    background-color .2s ease,\r\n    border-color .2s ease,\r\n    transform .2s ease;\r\n}\r\n\r\n.h2-global-menu a::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:2px;\r\n\r\n  height:1px;\r\n  width:0;\r\n  margin:auto;\r\n\r\n  background:#35d6ff;\r\n\r\n  transition:width .2s ease;\r\n}\r\n\r\n.h2-global-menu a:hover,\r\n.h2-global-menu a:focus{\r\n  color:#35d6ff;\r\n  text-decoration:none;\r\n}\r\n\r\n.h2-global-menu a:hover::after,\r\n.h2-global-menu a:focus::after{\r\n  width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOIN BUTTON\r\n========================================================= *\/\r\n\r\n.h2-global-menu .h2-global-join{\r\n  min-height:40px;\r\n  padding:11px 17px;\r\n\r\n  border:1px solid rgba(107,209,74,.72);\r\n  border-radius:5px;\r\n\r\n  background:rgba(107,209,74,.07);\r\n  color:#ffffff !important;\r\n\r\n  box-shadow:\r\n    inset 0 0 18px rgba(107,209,74,.04),\r\n    0 0 15px rgba(107,209,74,.05);\r\n}\r\n\r\n.h2-global-menu .h2-global-join::after{\r\n  display:none;\r\n}\r\n\r\n.h2-global-menu .h2-global-join:hover,\r\n.h2-global-menu .h2-global-join:focus{\r\n  background:#6bd14a;\r\n  border-color:#6bd14a;\r\n  color:#021018 !important;\r\n  transform:translateY(-1px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU BUTTON\r\n========================================================= *\/\r\n\r\n.h2-global-menu-toggle{\r\n  display:none;\r\n\r\n  width:48px;\r\n  height:44px;\r\n  flex:0 0 48px;\r\n\r\n  padding:10px;\r\n  margin:0;\r\n\r\n  border:1px solid rgba(255,255,255,.18);\r\n  border-radius:5px;\r\n\r\n  background:rgba(255,255,255,.04);\r\n  cursor:pointer;\r\n\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n}\r\n\r\n.h2-global-menu-toggle span{\r\n  display:block;\r\n  width:100%;\r\n  height:2px;\r\n  margin:5px 0;\r\n\r\n  border-radius:4px;\r\n  background:#ffffff;\r\n\r\n  transform-origin:center;\r\n  transition:\r\n    transform .22s ease,\r\n    opacity .22s ease;\r\n}\r\n\r\n.h2-global-menu-toggle:hover,\r\n.h2-global-menu-toggle:focus{\r\n  border-color:rgba(53,214,255,.65);\r\n  outline:none;\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(1){\r\n  transform:translateY(7px) rotate(45deg);\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(2){\r\n  opacity:0;\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(3){\r\n  transform:translateY(-7px) rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MEDIUM DESKTOP\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1380px){\r\n\r\n  .h2-global-nav-inner{\r\n    padding-left:22px;\r\n    padding-right:22px;\r\n    gap:22px;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:54px;\r\n    height:54px;\r\n    flex-basis:54px;\r\n  }\r\n\r\n  .h2-global-logo-title{\r\n    font-size:20px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    font-size:9px;\r\n    letter-spacing:2.4px;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    gap:8px 11px;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    font-size:9px;\r\n    letter-spacing:.42px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET AND MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1100px){\r\n\r\n  .h2-global-nav-inner{\r\n    min-height:86px;\r\n    padding:15px 20px;\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .h2-global-menu-toggle{\r\n    display:block;\r\n    margin-left:auto;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    display:none;\r\n\r\n    width:100%;\r\n    flex:0 0 100%;\r\n\r\n    margin-top:4px;\r\n    padding:14px;\r\n\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n    justify-content:flex-start;\r\n    gap:4px;\r\n\r\n    border:1px solid rgba(255,255,255,.09);\r\n    border-radius:7px;\r\n\r\n    background:rgba(4,12,27,.99);\r\n    box-shadow:0 18px 35px rgba(0,0,0,.28);\r\n  }\r\n\r\n  .h2-global-menu.is-open{\r\n    display:flex;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    width:100%;\r\n    min-height:42px;\r\n\r\n    justify-content:flex-start;\r\n\r\n    padding:12px 13px;\r\n\r\n    font-size:11px;\r\n    letter-spacing:.6px;\r\n\r\n    border-bottom:1px solid rgba(255,255,255,.055);\r\n  }\r\n\r\n  .h2-global-menu a:last-child{\r\n    border-bottom:none;\r\n  }\r\n\r\n  .h2-global-menu a::after{\r\n    display:none;\r\n  }\r\n\r\n  .h2-global-menu .h2-global-join{\r\n    justify-content:center;\r\n    margin-top:9px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:600px){\r\n\r\n  .h2-global-nav-inner{\r\n    min-height:76px;\r\n    padding:12px 14px;\r\n    gap:10px;\r\n  }\r\n\r\n  .h2-global-logo{\r\n    gap:10px;\r\n    min-width:0;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:46px;\r\n    height:46px;\r\n    flex-basis:46px;\r\n  }\r\n\r\n  .h2-global-logo-mark::after{\r\n    font-size:13px;\r\n  }\r\n\r\n  .h2-global-logo-title{\r\n    font-size:17px;\r\n    letter-spacing:.5px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    margin-top:5px;\r\n    font-size:7px;\r\n    letter-spacing:1.4px;\r\n    white-space:normal;\r\n  }\r\n\r\n  .h2-global-menu-toggle{\r\n    width:43px;\r\n    height:40px;\r\n    flex-basis:43px;\r\n    padding:8px;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    padding:10px;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    font-size:10px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:390px){\r\n\r\n  .h2-global-logo-title{\r\n    font-size:15px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    display:none;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:42px;\r\n    height:42px;\r\n    flex-basis:42px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  \"use strict\";\r\n\r\n  function initializeHydrogenOrgNavigation(){\r\n\r\n    var header = document.getElementById(\"h2-global-header\");\r\n    var menu = document.getElementById(\"h2-global-menu\");\r\n\r\n    if(!header || !menu){\r\n      return;\r\n    }\r\n\r\n    var toggle = header.querySelector(\".h2-global-menu-toggle\");\r\n\r\n    if(!toggle){\r\n      return;\r\n    }\r\n\r\n    function openMenu(){\r\n\r\n      menu.classList.add(\"is-open\");\r\n      toggle.classList.add(\"is-active\");\r\n\r\n      toggle.setAttribute(\"aria-expanded\",\"true\");\r\n      toggle.setAttribute(\"aria-label\",\"Close navigation menu\");\r\n\r\n    }\r\n\r\n    function closeMenu(){\r\n\r\n      menu.classList.remove(\"is-open\");\r\n      toggle.classList.remove(\"is-active\");\r\n\r\n      toggle.setAttribute(\"aria-expanded\",\"false\");\r\n      toggle.setAttribute(\"aria-label\",\"Open navigation menu\");\r\n\r\n    }\r\n\r\n    function toggleMenu(){\r\n\r\n      if(menu.classList.contains(\"is-open\")){\r\n        closeMenu();\r\n      }else{\r\n        openMenu();\r\n      }\r\n\r\n    }\r\n\r\n    toggle.addEventListener(\"click\",function(event){\r\n\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n\r\n      toggleMenu();\r\n\r\n    });\r\n\r\n    var menuLinks = menu.querySelectorAll(\"a\");\r\n\r\n    menuLinks.forEach(function(link){\r\n\r\n      link.addEventListener(\"click\",function(){\r\n\r\n        if(window.innerWidth <= 1100){\r\n          closeMenu();\r\n        }\r\n\r\n      });\r\n\r\n    });\r\n\r\n    document.addEventListener(\"click\",function(event){\r\n\r\n      if(\r\n        window.innerWidth <= 1100 &&\r\n        menu.classList.contains(\"is-open\") &&\r\n        !header.contains(event.target)\r\n      ){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n    document.addEventListener(\"keydown\",function(event){\r\n\r\n      if(event.key === \"Escape\"){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n    window.addEventListener(\"resize\",function(){\r\n\r\n      if(window.innerWidth > 1100){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n  if(document.readyState === \"loading\"){\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initializeHydrogenOrgNavigation\r\n    );\r\n\r\n  }else{\r\n\r\n    initializeHydrogenOrgNavigation();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- =========================================================\r\n     FINE SNIPPET 317 \u2014 GLOBAL NAVIGATION\r\n========================================================= -->\n\n\n<div id=\"hydrogenorg-vision-roadmap-light\">\n\n<style>\n#hydrogenorg-vision-roadmap-light{\n  --vr-ink:#0b1724;\n  --vr-muted:#587084;\n  --vr-soft:#f4f8fb;\n  --vr-line:#d8e5ee;\n  --vr-cyan:#0ea5d8;\n  --vr-green:#49a52e;\n  --vr-orange:#f36b19;\n  --vr-dark:#06111f;\n  --vr-white:#ffffff;\n\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  overflow:hidden;\n  background:#ffffff;\n  color:var(--vr-ink);\n  font-family:Arial,Helvetica,sans-serif;\n}\n\n#hydrogenorg-vision-roadmap-light,\n#hydrogenorg-vision-roadmap-light *{\n  box-sizing:border-box;\n}\n\n#hydrogenorg-vision-roadmap-light a{\n  text-decoration:none!important;\n}\n\n.vr-inner{\n  width:100%;\n  max-width:1480px;\n  margin:0 auto;\n  padding-left:48px;\n  padding-right:48px;\n}\n\n.vr-section{\n  position:relative;\n  padding:96px 0;\n  border-bottom:1px solid var(--vr-line);\n}\n\n.vr-section-white{\n  background:#ffffff;\n}\n\n.vr-section-soft{\n  background:\n    radial-gradient(circle at 88% 18%,rgba(14,165,216,.10),transparent 28%),\n    radial-gradient(circle at 12% 82%,rgba(73,165,46,.09),transparent 28%),\n    linear-gradient(180deg,#f4f8fb 0%,#ffffff 100%);\n}\n\n.vr-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  color:var(--vr-green);\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:2.2px;\n  text-transform:uppercase;\n}\n\n.vr-kicker::before{\n  content:\"\";\n  width:46px;\n  height:2px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-heading{\n  max-width:980px;\n  margin:0 auto 48px;\n  text-align:center;\n}\n\n.vr-heading h2{\n  margin:18px 0 16px;\n  color:var(--vr-ink);\n  font-size:44px;\n  line-height:1.12;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-heading h2 span{\n  color:var(--vr-cyan);\n}\n\n.vr-heading p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:17px;\n  line-height:1.75;\n}\n\n.vr-buttons{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  align-items:center;\n}\n\n.vr-btn{\n  min-height:54px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 26px;\n  border-radius:7px;\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n  transition:all .18s ease;\n}\n\n.vr-btn-primary{\n  background:linear-gradient(90deg,var(--vr-green),#6ed84e);\n  color:#06111f!important;\n  border:1px solid rgba(73,165,46,.45);\n  box-shadow:0 14px 34px rgba(73,165,46,.20);\n}\n\n.vr-btn-primary:hover{\n  transform:translateY(-1px);\n  box-shadow:0 18px 42px rgba(73,165,46,.26);\n}\n\n.vr-btn-outline{\n  background:#ffffff;\n  color:var(--vr-ink)!important;\n  border:1px solid rgba(14,165,216,.28);\n}\n\n.vr-btn-outline:hover{\n  color:var(--vr-cyan)!important;\n  border-color:rgba(14,165,216,.55);\n  transform:translateY(-1px);\n}\n\n.vr-hero{\n  position:relative;\n  min-height:calc(100vh - 90px);\n  display:flex;\n  align-items:center;\n  background:\n    radial-gradient(circle at 84% 50%,rgba(14,165,216,.16),transparent 32%),\n    radial-gradient(circle at 16% 20%,rgba(73,165,46,.10),transparent 28%),\n    linear-gradient(90deg,#ffffff 0%,#f4f8fb 100%);\n  border-bottom:1px solid var(--vr-line);\n}\n\n.vr-hero::before{\n  content:\"VISION ROADMAP\";\n  position:absolute;\n  left:-24px;\n  top:112px;\n  color:rgba(11,23,36,.045);\n  font-size:76px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:10px;\n  text-transform:uppercase;\n  white-space:nowrap;\n  pointer-events:none;\n}\n\n.vr-hero-layout{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:58px;\n  align-items:center;\n  padding:76px 0;\n}\n\n.vr-hero-copy{\n  max-width:720px;\n}\n\n.vr-hero-copy h1{\n  margin:28px 0 28px;\n  color:var(--vr-ink);\n  font-size:70px;\n  line-height:.98;\n  font-weight:900;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n}\n\n.vr-hero-copy h1 span{\n  color:var(--vr-cyan);\n}\n\n.vr-hero-line{\n  width:96px;\n  height:3px;\n  margin:0 0 34px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-hero-copy p{\n  margin:0 0 24px;\n  color:var(--vr-ink);\n  font-size:20px;\n  line-height:1.7;\n}\n\n.vr-hero-copy p.vr-hero-strong{\n  color:var(--vr-green);\n  font-weight:900;\n}\n\n.vr-hero-note{\n  margin-top:28px;\n  padding:20px 22px;\n  border-radius:16px;\n  background:#ffffff;\n  border:1px solid rgba(14,165,216,.20);\n  box-shadow:0 16px 42px rgba(15,55,85,.08);\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.65;\n}\n\n.vr-hero-note strong{\n  color:var(--vr-cyan);\n}\n\n.vr-hero-visual{\n  position:relative;\n}\n\n.vr-vision-panel{\n  position:relative;\n  min-height:620px;\n  border-radius:26px;\n  background:\n    radial-gradient(circle at 50% 50%,rgba(14,165,216,.15),transparent 35%),\n    radial-gradient(circle at 80% 20%,rgba(73,165,46,.12),transparent 28%),\n    linear-gradient(180deg,#ffffff,#eef9ff);\n  border:1px solid rgba(14,165,216,.26);\n  box-shadow:0 34px 92px rgba(15,55,85,.16);\n  overflow:hidden;\n}\n\n.vr-orbit{\n  position:absolute;\n  left:50%;\n  top:50%;\n  width:420px;\n  height:420px;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  border:1px dashed rgba(14,165,216,.28);\n}\n\n.vr-orbit::before,\n.vr-orbit::after{\n  content:\"\";\n  position:absolute;\n  border-radius:50%;\n  border:1px dashed rgba(73,165,46,.22);\n}\n\n.vr-orbit::before{inset:60px;}\n.vr-orbit::after{inset:120px;}\n\n.vr-core{\n  position:absolute;\n  left:50%;\n  top:50%;\n  width:150px;\n  height:150px;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  background:\n    radial-gradient(circle at 50% 50%,#ffffff 0%,#59d7ff 18%,rgba(14,165,216,.50) 42%,rgba(73,165,46,.16) 68%,transparent 72%);\n  box-shadow:0 0 45px rgba(14,165,216,.35),0 0 80px rgba(73,165,46,.18);\n}\n\n.vr-core::after{\n  content:\"HYDROGENORG\";\n  position:absolute;\n  left:50%;\n  top:50%;\n  transform:translate(-50%,-50%);\n  color:var(--vr-ink);\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:1px;\n}\n\n.vr-node{\n  position:absolute;\n  width:170px;\n  padding:17px;\n  border-radius:16px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 16px 42px rgba(15,55,85,.10);\n}\n\n.vr-node strong{\n  display:block;\n  margin-bottom:7px;\n  color:var(--vr-cyan);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-node span{\n  color:var(--vr-ink);\n  font-size:14px;\n  line-height:1.35;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-node-1{left:34px;top:46px;}\n.vr-node-2{right:34px;top:46px;}\n.vr-node-3{left:34px;bottom:46px;}\n.vr-node-4{right:34px;bottom:46px;}\n\n.vr-hero-cards{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:14px;\n  margin-top:16px;\n}\n\n.vr-mini-card{\n  padding:18px;\n  border-radius:14px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 12px 28px rgba(15,55,85,.07);\n}\n\n.vr-mini-card span{\n  display:block;\n  margin-bottom:8px;\n  color:#7a8fa0;\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:1.1px;\n  text-transform:uppercase;\n}\n\n.vr-mini-card strong{\n  display:block;\n  color:var(--vr-ink);\n  font-size:18px;\n  font-weight:900;\n}\n\n.vr-mini-card em{\n  display:block;\n  margin-top:7px;\n  color:var(--vr-green);\n  font-size:11px;\n  font-style:normal;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-mission-box{\n  padding:42px;\n  border-radius:24px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 28px 78px rgba(15,55,85,.10);\n  display:grid;\n  grid-template-columns:.8fr 1.2fr;\n  gap:38px;\n  align-items:center;\n}\n\n.vr-mission-box h2{\n  margin:14px 0 0;\n  color:var(--vr-ink);\n  font-size:40px;\n  line-height:1.15;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-mission-box h2 span{\n  color:var(--vr-green);\n}\n\n.vr-mission-box p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:17px;\n  line-height:1.78;\n}\n\n.vr-roadmap{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:22px;\n}\n\n.vr-phase{\n  position:relative;\n  min-height:340px;\n  padding:30px;\n  border-radius:18px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 18px 48px rgba(15,55,85,.08);\n  overflow:hidden;\n}\n\n.vr-phase::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:4px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-phase-number{\n  width:62px;\n  height:62px;\n  margin-bottom:24px;\n  border-radius:18px;\n  background:#eef9ff;\n  border:1px solid rgba(14,165,216,.22);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--vr-cyan);\n  font-size:17px;\n  font-weight:900;\n}\n\n.vr-phase span{\n  display:block;\n  margin-bottom:10px;\n  color:var(--vr-green);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-phase h3{\n  margin:0 0 14px;\n  color:var(--vr-ink);\n  font-size:21px;\n  line-height:1.25;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-phase p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.68;\n}\n\n.vr-grid-3{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:22px;\n}\n\n.vr-card{\n  position:relative;\n  min-height:280px;\n  padding:30px;\n  border-radius:18px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 18px 48px rgba(15,55,85,.08);\n  overflow:hidden;\n}\n\n.vr-card::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:4px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-card-icon{\n  width:62px;\n  height:62px;\n  margin-bottom:24px;\n  border-radius:18px;\n  background:#f3f9fc;\n  border:1px solid rgba(14,165,216,.22);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--vr-cyan);\n  font-size:19px;\n  font-weight:900;\n}\n\n.vr-card h3{\n  margin:0 0 13px;\n  color:var(--vr-ink);\n  font-size:19px;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-card p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.68;\n}\n\n.vr-impact{\n  background:#06111f;\n  color:#ffffff;\n  padding:78px 0;\n}\n\n.vr-impact-box{\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:30px;\n  align-items:center;\n}\n\n.vr-impact h2{\n  margin:0 0 14px;\n  color:#ffffff;\n  font-size:38px;\n  line-height:1.15;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-impact h2 span{\n  color:#6ed84e;\n}\n\n.vr-impact p{\n  margin:0;\n  max-width:900px;\n  color:rgba(255,255,255,.74);\n  font-size:17px;\n  line-height:1.75;\n}\n\n.vr-impact .vr-btn-outline{\n  background:transparent;\n  color:#ffffff!important;\n  border-color:rgba(255,255,255,.24);\n}\n\n.vr-impact .vr-btn-outline:hover{\n  color:#6ed84e!important;\n  border-color:#6ed84e;\n}\n\n@media(max-width:1180px){\n  .vr-hero-layout{grid-template-columns:1fr;}\n  .vr-hero-copy{max-width:920px;}\n  .vr-hero-copy h1{font-size:58px;}\n  .vr-mission-box{grid-template-columns:1fr;}\n  .vr-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .vr-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .vr-impact-box{grid-template-columns:1fr;}\n}\n\n@media(max-width:760px){\n  .vr-inner{padding-left:24px;padding-right:24px;}\n  .vr-section{padding:72px 0;}\n  .vr-hero{min-height:auto;}\n  .vr-hero::before{display:none;}\n  .vr-hero-layout{padding:58px 0;gap:34px;}\n  .vr-hero-copy h1{font-size:43px;}\n  .vr-hero-copy p{font-size:17px;}\n  .vr-buttons,.vr-btn{width:100%;}\n  .vr-vision-panel{min-height:auto;padding:22px;}\n  .vr-orbit,.vr-core{display:none;}\n  .vr-node{\n    position:relative;\n    left:auto!important;\n    right:auto!important;\n    top:auto!important;\n    bottom:auto!important;\n    width:100%;\n    margin-bottom:14px;\n  }\n  .vr-hero-cards,.vr-roadmap,.vr-grid-3{grid-template-columns:1fr;}\n  .vr-heading h2{font-size:31px;}\n  .vr-mission-box{padding:26px;}\n  .vr-mission-box h2{font-size:30px;}\n  .vr-impact{padding:56px 0;}\n  .vr-impact h2{font-size:29px;}\n}\n<\/style>\n\n<section class=\"vr-hero\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-hero-layout\">\n\n      <div class=\"vr-hero-copy\">\n        <span class=\"vr-kicker\">Vision HydrogenOrg<\/span>\n\n        <h1>\n          Vision et\n          <span>Feuille de route<\/span>\n        <\/h1>\n\n        <div class=\"vr-hero-line\"><\/div>\n\n        <p>\n          HydrogenOrg construit un \u00e9cosyst\u00e8me d'innovation mondial con\u00e7u pour explorer, simuler, valider et acc\u00e9l\u00e9rer les technologies pour l'\u00e9nergie r\u00e9g\u00e9n\u00e9rative, les infrastructures r\u00e9silientes et la restauration environnementale.\n        <\/p>\n\n        <p class=\"vr-hero-strong\">\n          L'objectif \u00e0 long terme est de passer d'une curiosit\u00e9 scientifique ouverte \u00e0 des projets valid\u00e9s, des partenariats et des initiatives op\u00e9rationnelles.\n        <\/p>\n\n        <div class=\"vr-buttons\">\n          <a class=\"vr-btn vr-btn-primary\" href=\"\/fr\/hydrogenorg-ch-reseau-dinnovation\/\">\n            Rejoignez le R\u00e9seau d'Innovation\n          <\/a>\n\n          <a class=\"vr-btn vr-btn-outline\" href=\"\/fr\/partenariats-de-recherche\/\">\n            Explorer le parcours partenaire\n          <\/a>\n        <\/div>\n\n        <div class=\"vr-hero-note\">\n          <strong>Orientation strat\u00e9gique<\/strong>\n          HydrogenOrg relie la recherche, la simulation, l'examen technique, la validation et le d\u00e9ploiement futur au sein d'un parcours de d\u00e9veloppement transparent.\n        <\/div>\n      <\/div>\n\n      <div class=\"vr-hero-visual\">\n        <div class=\"vr-vision-panel\">\n          <div class=\"vr-orbit\"><\/div>\n          <div class=\"vr-core\"><\/div>\n\n          <div class=\"vr-node vr-node-1\">\n            <strong>Recherche<\/strong>\n            <span>Exploration scientifique ouverte<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-2\">\n            <strong>Simulation<\/strong>\n            <span>Mod\u00e8les et jumeaux num\u00e9riques<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-3\">\n            <strong>Validation<\/strong>\n            <span>Analyse de laboratoire et d'expert<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-4\">\n            <strong>D\u00e9ploiement<\/strong>\n            <span>Initiatives concr\u00e8tes<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vr-hero-cards\">\n          <div class=\"vr-mini-card\">\n            <span>Calque actuel<\/span>\n            <strong>Recherche ouverte<\/strong>\n            <em>Plateforme publique<\/em>\n          <\/div>\n\n          <div class=\"vr-mini-card\">\n            <span>Couche suivante<\/span>\n            <strong>Validation<\/strong>\n            <em>Revue des partenaires<\/em>\n          <\/div>\n\n          <div class=\"vr-mini-card\">\n            <span>Future couche<\/span>\n            <strong>D\u00e9ploiement<\/strong>\n            <em>Impact op\u00e9rationnel<\/em>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-white\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-mission-box\">\n      <div>\n        <span class=\"vr-kicker\">Notre mission \u00e0 long terme<\/span>\n        <h2>\n          Des id\u00e9es scientifiques aux\n          <span>impact r\u00e9el<\/span>\n        <\/h2>\n      <\/div>\n\n      <p>\n        HydrogenOrg a \u00e9t\u00e9 cr\u00e9\u00e9 pour connecter des chercheurs, des ing\u00e9nieurs, des innovateurs, des organisations et des partisans autour de d\u00e9fis scientifiques et technologiques complexes. L'objectif n'est pas seulement de g\u00e9n\u00e9rer des id\u00e9es, mais de cr\u00e9er des voies par lesquelles des concepts prometteurs peuvent \u00e9voluer vers des simulations, des recherches collaboratives, des partenariats techniques et de futures initiatives op\u00e9rationnelles.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-soft\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-heading\">\n      <span class=\"vr-kicker\">Feuille de route du d\u00e9veloppement de HydrogenOrg<\/span>\n      <h2>Quatre phases du r\u00e9seau vers <span>d\u00e9ploiement<\/span><\/h2>\n      <p>\n        La feuille de route s\u00e9pare la construction de la communaut\u00e9, la recherche, le d\u00e9veloppement de partenariats et la mise en \u0153uvre op\u00e9rationnelle en une progression claire.\n      <\/p>\n    <\/div>\n\n    <div class=\"vr-roadmap\">\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">01<\/div>\n        <span>Phase 1<\/span>\n        <h3>R\u00e9seau d'innovation<\/h3>\n        <p>\n          Cr\u00e9er une communaut\u00e9 mondiale d'ing\u00e9nieurs, de chercheurs, d'\u00e9tudiants, d'innovateurs et d'organisations int\u00e9ress\u00e9s par les technologies r\u00e9g\u00e9n\u00e9ratives.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">02<\/div>\n        <span>Phase 2<\/span>\n        <h3>Programmes de recherche<\/h3>\n        <p>\n          D\u00e9velopper des initiatives de recherche collaborative, des environnements de simulation, des d\u00e9fis scientifiques et des programmes structur\u00e9s d'exploration technologique.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">03<\/div>\n        <span>Phase 3<\/span>\n        <h3>Partenariats Strat\u00e9giques<\/h3>\n        <p>\n          Connecter les institutions, les sponsors, les entreprises et les communaut\u00e9s techniques pour acc\u00e9l\u00e9rer les processus d'examen, de validation et de mise en \u0153uvre.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">04<\/div>\n        <span>Phase 4<\/span>\n        <h3>Initiatives op\u00e9rationnelles<\/h3>\n        <p>\n          Soutenir les projets pilotes, les initiatives d'infrastructure, les opportunit\u00e9s de capital-risque et les futures organisations capables de g\u00e9n\u00e9rer un impact mesurable.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-white\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-heading\">\n      <span class=\"vr-kicker\">Principes de d\u00e9veloppement<\/span>\n      <h2>Comment HydrogenOrg passe de <span>de la vision \u00e0 l'ex\u00e9cution<\/span><\/h2>\n      <p>\n        Un \u00e9cosyst\u00e8me d'innovation cr\u00e9dible doit associer ouverture, rigueur technique, validation contr\u00f4l\u00e9e et voie r\u00e9aliste vers le d\u00e9ploiement.\n      <\/p>\n    <\/div>\n\n    <div class=\"vr-grid-3\">\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">01<\/div>\n        <h3>Exploration ouverte<\/h3>\n        <p>\n          Pr\u00e9sentez clairement les questions scientifiques, les hypoth\u00e8ses et la logique de simulation afin que les contributeurs puissent comprendre et remettre en question le travail.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">02<\/div>\n        <h3>Validation structur\u00e9e<\/h3>\n        <p>\n          Distinguer les mod\u00e8les conceptuels des performances v\u00e9rifi\u00e9es et identifier les mesures, examens et exp\u00e9riences encore n\u00e9cessaires.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">03<\/div>\n        <h3>D\u00e9ploiement partenaire<\/h3>\n        <p>\n          Faire progresser les concepts prometteurs vers le travail de laboratoire, la preuve de concept, les syst\u00e8mes pilotes et la future mise en \u0153uvre technique.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-impact\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-impact-box\">\n      <div>\n        <h2>\n          Des id\u00e9es \u00e0 l'impact.\n          <span>De la simulation au d\u00e9ploiement.<\/span>\n        <\/h2>\n\n        <p>\n          R\u00e9soudre les probl\u00e8mes \u00e9nerg\u00e9tiques, d'infrastructure et d'environnement exige de la collaboration, de l'exp\u00e9rimentation, de la simulation, de la validation et la capacit\u00e9 de transformer des concepts prometteurs en initiatives capables de cr\u00e9er de la valeur dans le monde r\u00e9el.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-buttons\">\n        <a class=\"vr-btn vr-btn-primary\" href=\"\/fr\/hydrogenorg-ch-reseau-dinnovation\/\">\n          Rejoignez le R\u00e9seau d'Innovation\n        <\/a>\n\n        <a class=\"vr-btn vr-btn-outline\" href=\"\/fr\/partenariats-de-recherche\/\">\n          Chemin du Partenaire\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n\n<div class=\"h2-footer\">\r\n\r\n  <div class=\"h2-footer-inner\">\r\n\r\n    <div class=\"h2-footer-top\">\r\n\r\n      <!-- BRAND -->\r\n      <div class=\"h2-footer-brand\">\r\n\r\n        <h2 class=\"h2-footer-title\">\r\n          HYDROG\u00c8NE<span>ORG.CH<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"h2-footer-sub\">\r\n          RECHERCHE OUVERTE \u00b7 SIMULATION \u00b7 PARTENARIATS\r\n        <\/div>\r\n\r\n        <p>\r\n          HydrogenOrg construit la couche ouverte de recherche, de simulation et de partenariat pour les infrastructures r\u00e9g\u00e9n\u00e9ratives.\nL'objectif est d'organiser les contributeurs s\u00e9rieux, les partenaires techniques et les bailleurs de fonds autour de l'eau potable, de l'\u00e9nergie \u00e0 faible co\u00fbt, de la valorisation des ressources, de la mod\u00e9lisation ouverte et des futurs chemins pilotes.\r\n        <\/p>\r\n\r\n        <div class=\"h2-footer-actions\">\r\n          <a href=\"\/fr\/pour-les-partenaires-bailleurs-de-fonds\/\">Partenaires et Financeurs<\/a>\r\n          <a href=\"\/fr\/rejoindre\/\">Rejoignez HydrogenOrg<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- LINKS GRID -->\r\n      <div class=\"h2-footer-links\">\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Syst\u00e8mes de recherche<\/h4>\r\n          <a href=\"\/fr\/systeme-dingenierie-de-desalinisation-geothermique\/\">Ing\u00e9nierie du dessalement<\/a>\r\n          <a href=\"\/fr\/systemes-de-desalinisation-du-plasma-geothermique\/\">Dessalement par plasma<\/a>\r\n          <a href=\"\/fr\/cadre-reacteur-vapeur-plasma\/\">\u00c9nergie du plasma<\/a>\r\n          <a href=\"\/fr\/systemes-geothermiques-avances\/\">G\u00e9othermique<\/a>\r\n          <a href=\"\/fr\/systemes-de-regeneration-atmospherique\/\">Atmosph\u00e8re<\/a>\r\n          <a href=\"\/fr\/reseaux-dinfrastructure-dhydrogene\/\">Infrastructure<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Couche de simulation<\/h4>\r\n          <a href=\"\/fr\/infrastructure-de-simulation-ouverte\/\">D\u00e9marrer la simulation<\/a>\r\n          <a href=\"\/fr\/base-de-donnees-de-scenarios-de-simulation\/\">Base de donn\u00e9es de sc\u00e9narios<\/a>\r\n          <a href=\"\/fr\/hydrogen-infrastructure-simulator\/\">Simulateur d'infrastructure<\/a>\r\n          <a href=\"\/fr\/plateforme-de-defis-scientifiques-ouverts\/\">D\u00e9fis<\/a>\r\n          <a href=\"\/fr\/gouvernance-scientifique-de-lia\/\">Gouvernance de l'IA<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Construisez avec nous<\/h4>\r\n          <a href=\"\/fr\/pour-les-partenaires-bailleurs-de-fonds\/\">Pour les partenaires et les financeurs<\/a>\r\n          <a href=\"\/fr\/rejoindre\/\">Rejoindre<\/a>\r\n          <a href=\"\/fr\/membership-support\/\">Adh\u00e9sion<\/a>\r\n          <a href=\"\/fr\/parrainer-un-defi\/\">Sponsor<\/a>\r\n          <a href=\"\/fr\/partenariats-de-recherche\/\">Partenariats de recherche<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Organisation<\/h4>\r\n          <a href=\"\/fr\/communaute\/\">Communaut\u00e9<\/a>\r\n          <a href=\"\/fr\/feuille-de-route-de-la-vision\/\">Vision<\/a>\r\n          <a href=\"\/fr\/cadre-de-gouvernance\/\">Gouvernance<\/a>\r\n          <a href=\"\/fr\/a-propos-de-la-gouvernance-de-hydrogenorg\/\">Gouvernance d'HydrogenOrg<\/a>\r\n          <a href=\"\/fr\/contact\/\">Contact<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>L\u00e9gal<\/h4>\r\n          <a href=\"\/fr\/privacy-policy\/\">Politique de confidentialit\u00e9<\/a>\r\n          <a href=\"\/fr\/conditions-dutilisation\/\">Conditions d'utilisation<\/a>\r\n          <a href=\"\/fr\/intellectual-property\/\">Propri\u00e9t\u00e9 intellectuelle<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- STRATEGIC STATEMENT -->\r\n    <div class=\"h2-footer-statement\">\r\n      <strong>HydrogenOrg est la couche de recherche ouverte.<\/strong>\r\n      <span>Les futures entreprises et les v\u00e9hicules pilotes constituent la couche de d\u00e9ploiement.<\/span>\r\n    <\/div>\r\n\r\n    <!-- BOTTOM -->\r\n    <div class=\"h2-footer-bottom\">\r\n\r\n      <div>\r\n        \u00a9 2026 HydrogenOrg. Tous droits r\u00e9serv\u00e9s.\r\n      <\/div>\r\n\r\n      <div class=\"h2-footer-tags\">\r\n        <span>Recherche ouverte<\/span>\r\n        <span>Simulation<\/span>\r\n        <span>Validation<\/span>\r\n        <span>Partenaires<\/span>\r\n        <span>Financement<\/span>\r\n        <span>Parcours des pilotes<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.h2-footer{\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n  margin-left:calc(50% - 50vw)!important;\r\n  margin-right:calc(50% - 50vw)!important;\r\n  background:#020817!important;\r\n  color:#ffffff!important;\r\n  overflow:visible!important;\r\n  font-family:Arial,Helvetica,sans-serif!important;\r\n}\r\n\r\n.h2-footer *{\r\n  box-sizing:border-box!important;\r\n}\r\n\r\n.h2-footer a{\r\n  text-decoration:none!important;\r\n}\r\n\r\n.h2-footer-inner{\r\n  width:100%!important;\r\n  max-width:1480px!important;\r\n  margin:0 auto!important;\r\n  padding:76px 48px 40px!important;\r\n  overflow:visible!important;\r\n}\r\n\r\n.h2-footer-top{\r\n  display:grid!important;\r\n  grid-template-columns:1.05fr 1.95fr!important;\r\n  gap:70px!important;\r\n  align-items:start!important;\r\n}\r\n\r\n.h2-footer-brand{\r\n  min-width:0!important;\r\n}\r\n\r\n.h2-footer-title{\r\n  margin:0!important;\r\n  color:#ffffff!important;\r\n  font-size:31px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1.6px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-title span{\r\n  color:#62c945!important;\r\n}\r\n\r\n.h2-footer-sub{\r\n  margin-top:13px!important;\r\n  color:#19c7ff!important;\r\n  font-size:11px!important;\r\n  line-height:1.4!important;\r\n  font-weight:900!important;\r\n  letter-spacing:2.7px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-brand p{\r\n  max-width:470px!important;\r\n  margin:26px 0 0!important;\r\n  color:rgba(255,255,255,.68)!important;\r\n  font-size:14px!important;\r\n  line-height:1.75!important;\r\n}\r\n\r\n.h2-footer-actions{\r\n  margin-top:28px!important;\r\n  display:flex!important;\r\n  gap:12px!important;\r\n  flex-wrap:wrap!important;\r\n}\r\n\r\n.h2-footer-actions a{\r\n  min-height:42px!important;\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  padding:0 18px!important;\r\n  border-radius:5px!important;\r\n  border:1px solid rgba(25,199,255,.45)!important;\r\n  color:#19c7ff!important;\r\n  background:rgba(255,255,255,.04)!important;\r\n  font-size:11px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-actions a:first-child{\r\n  border-color:#059fd8!important;\r\n  background:linear-gradient(90deg,#059fd8,#45d8ff)!important;\r\n  color:#021014!important;\r\n}\r\n\r\n.h2-footer-links{\r\n  display:grid!important;\r\n  grid-template-columns:repeat(5,minmax(120px,1fr))!important;\r\n  gap:30px!important;\r\n  overflow:visible!important;\r\n}\r\n\r\n.h2-footer-col{\r\n  min-width:0!important;\r\n}\r\n\r\n.h2-footer-col h4{\r\n  margin:0 0 18px!important;\r\n  color:#ffffff!important;\r\n  font-size:12px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1.4px!important;\r\n  text-transform:uppercase!important;\r\n  white-space:nowrap!important;\r\n}\r\n\r\n.h2-footer-col h4::after{\r\n  content:\"\"!important;\r\n  display:block!important;\r\n  width:34px!important;\r\n  height:2px!important;\r\n  margin-top:12px!important;\r\n  background:linear-gradient(90deg,#19c7ff,#62c945,#f36b19)!important;\r\n}\r\n\r\n.h2-footer-col a{\r\n  display:block!important;\r\n  margin:0 0 12px!important;\r\n  color:rgba(255,255,255,.64)!important;\r\n  font-size:13px!important;\r\n  line-height:1.45!important;\r\n  font-weight:700!important;\r\n  white-space:normal!important;\r\n  transition:color .18s ease!important;\r\n}\r\n\r\n.h2-footer-col a:hover{\r\n  color:#62c945!important;\r\n}\r\n\r\n.h2-footer-statement{\r\n  margin-top:58px!important;\r\n  padding:26px 28px!important;\r\n  border:1px solid rgba(25,199,255,.18)!important;\r\n  border-radius:14px!important;\r\n  background:\r\n    radial-gradient(circle at 10% 30%,rgba(25,199,255,.10),transparent 32%),\r\n    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025))!important;\r\n}\r\n\r\n.h2-footer-statement strong{\r\n  display:block!important;\r\n  color:#ffffff!important;\r\n  font-size:19px!important;\r\n  line-height:1.35!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-statement span{\r\n  display:block!important;\r\n  margin-top:8px!important;\r\n  color:rgba(255,255,255,.70)!important;\r\n  font-size:14px!important;\r\n  line-height:1.6!important;\r\n}\r\n\r\n.h2-footer-bottom{\r\n  display:flex!important;\r\n  justify-content:space-between!important;\r\n  align-items:center!important;\r\n  gap:30px!important;\r\n  margin-top:42px!important;\r\n  padding-top:28px!important;\r\n  border-top:1px solid rgba(255,255,255,.12)!important;\r\n  color:rgba(255,255,255,.55)!important;\r\n  font-size:13px!important;\r\n  line-height:1.5!important;\r\n}\r\n\r\n.h2-footer-tags{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  justify-content:flex-end!important;\r\n  gap:8px!important;\r\n  flex-wrap:wrap!important;\r\n}\r\n\r\n.h2-footer-tags span{\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  min-height:28px!important;\r\n  padding:0 10px!important;\r\n  border-radius:999px!important;\r\n  border:1px solid rgba(255,255,255,.10)!important;\r\n  color:rgba(255,255,255,.62)!important;\r\n  background:rgba(255,255,255,.035)!important;\r\n  font-size:10px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:.8px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n@media(max-width:1200px){\r\n  .h2-footer-top{\r\n    grid-template-columns:1fr!important;\r\n    gap:50px!important;\r\n  }\r\n\r\n  .h2-footer-brand p{\r\n    max-width:760px!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:repeat(3,minmax(150px,1fr))!important;\r\n  }\r\n}\r\n\r\n@media(max-width:800px){\r\n  .h2-footer-inner{\r\n    padding:62px 30px 36px!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:repeat(2,1fr)!important;\r\n    gap:30px 24px!important;\r\n  }\r\n\r\n  .h2-footer-bottom{\r\n    flex-direction:column!important;\r\n    align-items:flex-start!important;\r\n  }\r\n\r\n  .h2-footer-tags{\r\n    justify-content:flex-start!important;\r\n  }\r\n}\r\n\r\n@media(max-width:520px){\r\n  .h2-footer-inner{\r\n    padding:55px 22px 34px!important;\r\n  }\r\n\r\n  .h2-footer-title{\r\n    font-size:25px!important;\r\n  }\r\n\r\n  .h2-footer-sub{\r\n    font-size:10px!important;\r\n    letter-spacing:2px!important;\r\n  }\r\n\r\n  .h2-footer-actions a{\r\n    width:100%!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:1fr!important;\r\n  }\r\n\r\n  .h2-footer-statement{\r\n    padding:22px!important;\r\n  }\r\n}\r\n<\/style>","protected":false},"excerpt":{"rendered":"<p>HydrogenOrg Vision Vision &#038; Roadmap HydrogenOrg is building a global innovation ecosystem designed to explore, simulate, validate and accelerate technologies for regenerative energy, resilient infrastructure and environmental restoration. The long-term objective is to move from open scientific curiosity toward validated projects, partnerships and operational initiatives. Join the Innovation Network Explore Partner Pathway Strategic direction: HydrogenOrg &hellip; <a href=\"https:\/\/hydrogenorg.ch\/fr\/vision-roadmap\/\" class=\"more-link\">Poursuivre la lecture <span class=\"screen-reader-text\"> &#8220;Vision &#038; Roadmap&#8221;<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-763","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/pages\/763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/comments?post=763"}],"version-history":[{"count":3,"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/pages\/763\/revisions"}],"predecessor-version":[{"id":1041,"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/pages\/763\/revisions\/1041"}],"wp:attachment":[{"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/media?parent=763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}