{"id":1083,"date":"2026-08-23T12:56:00","date_gmt":"2026-08-23T12:56:00","guid":{"rendered":"https:\/\/hydrogenorg.ch\/?page_id=1083"},"modified":"2026-08-23T12:56:45","modified_gmt":"2026-08-23T12:56:45","slug":"hydrogenorg-simulation-lab","status":"publish","type":"page","link":"https:\/\/hydrogenorg.ch\/fr\/hydrogenorg-simulation-lab\/","title":{"rendered":"HydrogenOrg Simulation Lab"},"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<div id=\"hydrogenorg-simulation-lab\">\n\n<style>\n\/* =====================================================\n   HYDROGENORG SIMULATION LAB\n   Streamlit Research Simulator Directory\n===================================================== *\/\n\nhtml,\nbody{\n  margin:0!important;\n  padding:0!important;\n  width:100%!important;\n  max-width:100%!important;\n  overflow-x:hidden!important;\n  background:#020711!important;\n}\n\nbody .wp-site-blocks,\nbody main,\nbody .wp-block-post-content,\nbody .entry-content,\nbody .wp-block-group,\nbody .wp-block-cover,\nbody .is-layout-flow,\nbody .is-layout-constrained,\nbody .has-global-padding{\n  width:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  padding:0!important;\n}\n\n#hydrogenorg-simulation-lab{\n  --cyan:#35d6ff;\n  --green:#6bd14a;\n  --orange:#f36b19;\n  --bg:#020711;\n  --panel:#071421;\n  --soft:rgba(255,255,255,.045);\n  --line:rgba(255,255,255,.12);\n  --text:rgba(255,255,255,.72);\n\n  width:100vw!important;\n  max-width:100vw!important;\n  margin-left:calc(50% - 50vw)!important;\n  background:\n    radial-gradient(circle at 82% 12%,rgba(53,214,255,.16),transparent 30%),\n    radial-gradient(circle at 15% 80%,rgba(107,209,74,.10),transparent 32%),\n    linear-gradient(180deg,#020711,#071421);\n  color:white;\n  font-family:Arial,Helvetica,sans-serif;\n  overflow:hidden;\n}\n\n#hydrogenorg-simulation-lab *{\n  box-sizing:border-box;\n}\n\n#hydrogenorg-simulation-lab a{\n  text-decoration:none!important;\n}\n\n\/* WRAPPER *\/\n\n.hsl-container{\n  width:100%;\n  max-width:1450px;\n  margin:0 auto;\n  padding:0 40px;\n}\n\n\/* HERO *\/\n\n.hsl-hero{\n  padding:95px 0 85px;\n  border-bottom:1px solid rgba(255,255,255,.08);\n}\n\n.hsl-kicker{\n  color:var(--green);\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:4px;\n  text-transform:uppercase;\n  margin-bottom:24px;\n}\n\n.hsl-title{\n  margin:0;\n  font-size:68px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n.hsl-title span{\n  display:block;\n  color:var(--cyan);\n}\n\n.hsl-line{\n  width:90px;\n  height:4px;\n  margin:32px 0;\n  background:linear-gradient(90deg,var(--cyan),var(--green),var(--orange));\n}\n\n.hsl-intro{\n  max-width:920px;\n  color:rgba(255,255,255,.78);\n  font-size:20px;\n  line-height:1.75;\n}\n\n.hsl-intro strong{\n  color:white;\n}\n\n.hsl-hero-actions{\n  margin-top:38px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:16px;\n}\n\n.hsl-btn{\n  min-height:54px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 26px;\n  border-radius:5px;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-btn-primary{\n  background:var(--green);\n  color:#020711!important;\n}\n\n.hsl-btn-secondary{\n  border:1px solid rgba(255,255,255,.24);\n  background:rgba(255,255,255,.04);\n  color:white!important;\n}\n\n\/* SECTIONS *\/\n\n.hsl-section{\n  padding:85px 0;\n}\n\n.hsl-section:nth-of-type(even){\n  background:rgba(0,0,0,.16);\n}\n\n.hsl-section-header{\n  max-width:930px;\n  margin-bottom:45px;\n}\n\n.hsl-section-header h2{\n  margin:0 0 18px;\n  color:white;\n  font-size:42px;\n  line-height:1.15;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-section-header p{\n  margin:0;\n  color:var(--text);\n  font-size:18px;\n  line-height:1.7;\n}\n\n\/* GRID *\/\n\n.hsl-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n}\n\n.hsl-card{\n  min-height:330px;\n  padding:30px;\n  border-radius:16px;\n  border:1px solid rgba(53,214,255,.18);\n  background:rgba(255,255,255,.045);\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n}\n\n.hsl-card.featured{\n  border-color:rgba(107,209,74,.48);\n  background:rgba(107,209,74,.065);\n}\n\n.hsl-card-top{\n  margin-bottom:22px;\n}\n\n.hsl-label{\n  display:inline-flex;\n  margin-bottom:18px;\n  padding:8px 12px;\n  border-radius:999px;\n  background:rgba(53,214,255,.10);\n  border:1px solid rgba(53,214,255,.22);\n  color:var(--cyan);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-card.featured .hsl-label{\n  background:rgba(107,209,74,.14);\n  border-color:rgba(107,209,74,.35);\n  color:var(--green);\n}\n\n.hsl-card h3{\n  margin:0 0 14px;\n  color:white;\n  font-size:22px;\n  line-height:1.25;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.hsl-card p{\n  margin:0;\n  color:rgba(255,255,255,.68);\n  line-height:1.65;\n  font-size:15px;\n}\n\n.hsl-card-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:24px;\n}\n\n.hsl-card-link{\n  min-height:44px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 18px;\n  border-radius:5px;\n  background:var(--green);\n  color:#020711!important;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-card-link.secondary{\n  background:transparent;\n  color:white!important;\n  border:1px solid rgba(255,255,255,.22);\n}\n\n\/* NOTE *\/\n\n.hsl-note{\n  margin-top:45px;\n  padding:30px;\n  border-radius:16px;\n  border:1px solid rgba(53,214,255,.20);\n  background:rgba(53,214,255,.055);\n}\n\n.hsl-note h3{\n  margin:0 0 12px;\n  color:white;\n  font-size:22px;\n  text-transform:uppercase;\n}\n\n.hsl-note p{\n  margin:0;\n  color:rgba(255,255,255,.72);\n  line-height:1.7;\n}\n\n\/* ACCESS LAYERS *\/\n\n.hsl-layers{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n}\n\n.hsl-layer{\n  padding:32px;\n  border-radius:16px;\n  border:1px solid rgba(255,255,255,.12);\n  background:rgba(255,255,255,.045);\n}\n\n.hsl-layer-number{\n  color:var(--green);\n  font-size:34px;\n  font-weight:900;\n  margin-bottom:18px;\n}\n\n.hsl-layer h3{\n  margin:0 0 14px;\n  color:white;\n  text-transform:uppercase;\n}\n\n.hsl-layer p{\n  color:rgba(255,255,255,.68);\n  line-height:1.65;\n}\n\n\/* FINAL *\/\n\n.hsl-final{\n  padding:85px 0;\n  background:linear-gradient(135deg,#020711,#092033);\n}\n\n.hsl-final-panel{\n  padding:45px;\n  border-radius:18px;\n  background:rgba(255,255,255,.045);\n  border:1px solid rgba(53,214,255,.20);\n}\n\n.hsl-final-panel h2{\n  margin:0 0 18px;\n  color:white;\n  font-size:40px;\n  text-transform:uppercase;\n}\n\n.hsl-final-panel p{\n  max-width:980px;\n  color:rgba(255,255,255,.72);\n  line-height:1.75;\n  font-size:17px;\n}\n\n.hsl-tags{\n  margin-top:26px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n}\n\n.hsl-tags span{\n  padding:10px 14px;\n  border-radius:999px;\n  background:rgba(53,214,255,.08);\n  border:1px solid rgba(53,214,255,.18);\n  color:rgba(255,255,255,.78);\n  font-size:12px;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:1000px){\n  .hsl-grid,\n  .hsl-layers{\n    grid-template-columns:1fr;\n  }\n\n  .hsl-title{\n    font-size:46px;\n  }\n\n  .hsl-section-header h2{\n    font-size:32px;\n  }\n\n  .hsl-container{\n    padding:0 22px;\n  }\n}\n\n<\/style>\n\n\n<section class=\"hsl-hero\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-kicker\">\n      Infrastructure de recherche HydrogenOrg\n    <\/div>\n\n    <h1 class=\"hsl-title\">\n      HydrogenOrg\n      <span>Simulation Lab<\/span>\n    <\/h1>\n\n    <div class=\"hsl-line\"><\/div>\n\n    <p class=\"hsl-intro\">\n      HydrogenOrg Simulation Lab connects the public research pages with\n      <strong>Streamlit-based simulation models, GitHub-hosted research code,\n      plasma hydrogen tools, geothermal systems, marine models, infrastructure layers\n      and atmospheric regeneration simulators.<\/strong>\n    <\/p>\n\n    <div class=\"hsl-hero-actions\">\n      <a href=\"#public-simulators\" class=\"hsl-btn hsl-btn-primary\">\n        Explore Public Simulators\n      <\/a>\n\n      <a href=\"#research-suite\" class=\"hsl-btn hsl-btn-secondary\">\n        Research Suite\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"public-simulators\" class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Public Simulation Layer<\/div>\n      <h2>Public Research Simulators<\/h2>\n      <p>\n        Public-facing tools designed to introduce HydrogenOrg models,\n        assumptions and system logic before deeper technical exploration.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Main Public Layer<\/div>\n          <h3>HydrogenOrg Public Simulation Layer<\/h3>\n          <p>\n            Public entry point for exploring HydrogenOrg research logic,\n            simplified scenarios and system assumptions.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-public-simulation-layer-9zoscueeopnhdjajkvguds.streamlit.app\/\">\n            Open Simulator\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">HPRS<\/div>\n          <h3>HydrogenOrg HPRS Simulator<\/h3>\n          <p>\n            Plasma hydrogen research simulator for exploring energy assumptions,\n            hydrogen pathways and process indicators.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-hprs-simulator-tds53axkyjiotnbznzah6y.streamlit.app\/\">\n            Open HPRS\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Comparison<\/div>\n          <h3>Plasma vs Conventional Hydrogen V2<\/h3>\n          <p>\n            Comparative research model for plasma-assisted hydrogen\n            and conventional hydrogen pathways.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgplasmavsconventionalhydrogensimulatorv2-53vqgkmhhe9.streamlit.app\/\">\n            Open Comparison\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"hsl-note\">\n      <h3>Streamlit Startup Note<\/h3>\n      <p>\n        Some applications may enter sleep mode when inactive. If a simulator does not load immediately,\n        wait briefly and refresh the page. These tools are research interfaces and not certified\n        industrial performance claims.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Plasma Research Models<\/div>\n      <h2>Plasma Hydrogen Simulation Tools<\/h2>\n      <p>\n        Focused models for argon-steam plasma, reactor control,\n        gas separation and plasma hydrogen system behaviour.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Plasma Reactor<\/div>\n          <h3>Argon-Steam Plasma Reactor V4.4<\/h3>\n          <p>\n            Research simulator focused on argon-steam plasma reactor assumptions.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv44argonsteamplasmareactorsimulator-kvxu5ck7fbgu88p.streamlit.app\/\">\n            Open Model\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Engineering Control<\/div>\n          <h3>Plasma Reactor Engineering Control V5.0<\/h3>\n          <p>\n            Engineering-oriented plasma reactor control and system modelling interface.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv50plasmareactorengineeringcontrolsimulator-fthhyfl.streamlit.app\/\">\n            Open Control\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Strategic Console<\/div>\n          <h3>HydrogenOrg Plasma Console<\/h3>\n          <p>\n            Strategic plasma console for deeper research navigation and advanced exploration.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-plasma-console-vghj5acz3ggadfybp68tah.streamlit.app\/\">\n            Open Console\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Geothermal &#038; Desalination<\/div>\n      <h2>Geothermal-First Energy Models<\/h2>\n      <p>\n        Simulators exploring geothermal energy, desalination, hydrogen integration\n        and infrastructure profitability pathways.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Noyau g\u00e9othermique<\/div>\n          <h3>Geothermal Core Main Simulator V4.0<\/h3>\n          <p>\n            Main geothermal system model for underground renewable energy scenarios.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv40geothermalcoremainsimulator-3oshzarm9azknmatyvmk.streamlit.app\/\">\n            Open Model\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Rentabilit\u00e9<\/div>\n          <h3>Geothermal First Profitability V4.7b<\/h3>\n          <p>\n            Economic and system pathway simulator for geothermal-first infrastructure.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv47bgeothermalfirstprofitabilitysimulator-zpxfhscxb.streamlit.app\/\">\n            Open Simulator\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Dessalement<\/div>\n          <h3>Geothermal Desalination Engineering<\/h3>\n          <p>\n            Engineering model connecting geothermal power, desalination and hydrogen pathways.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv1geothermaldesalinationengineeringsimulator-tawqpm.streamlit.app\/\">\n            Open Simulator\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">System Domains<\/div>\n      <h2>Marine, Atmosphere &#038; Infrastructure<\/h2>\n      <p>\n        Vertical simulation models for marine hydrogen systems,\n        atmospheric regeneration and infrastructure-level analysis.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Marine<\/div>\n          <h3>Marine Plasma Assisted Hydrogen V1.2<\/h3>\n          <p>\n            Marine research model for onboard hydrogen, desalination and hybrid-electric systems.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/marinev12-wjbyghfyvsjkqtgxt5zug2.streamlit.app\/\">\n            Open Marine\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Atmosph\u00e8re<\/div>\n          <h3>Simulateur de r\u00e9g\u00e9n\u00e9ration atmosph\u00e9rique<\/h3>\n          <p>\n            Research simulator for atmospheric regeneration and environmental restoration logic.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-atmospheric-regeneration-simulator-vamwsen5ndcwvns.streamlit.app\/\">\n            Open Atmosphere\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Infrastructure<\/div>\n          <h3>HydrogenOrg Infrastructure Simulator<\/h3>\n          <p>\n            Infrastructure layer simulator for system-level hydrogen and energy network analysis.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-infrastructure-simulator-zzcuettv27rwa3l8pf3a8c.streamlit.app\/\">\n            Infrastructure Ouverte\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"research-suite\" class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Research Suite<\/div>\n      <h2>Advanced Research Operating Systems<\/h2>\n      <p>\n        Higher-level research suites and operating environments for integrated\n        HydrogenOrg model exploration.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Stable Suite<\/div>\n          <h3>HydrogenOrg Research Suite V3.2 Stable<\/h3>\n          <p>\n            Stable integrated research suite for advanced simulation navigation.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgresearchsuitev32stable-baejnebxfiovkqulkb5jd3.streamlit.app\/\">\n            Open Suite\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Operating System<\/div>\n          <h3>Research Operating System V10<\/h3>\n          <p>\n            Advanced operating environment for HydrogenOrg research model coordination.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgresearchoperatingsystemv10-3f9vycjmzdcgvstgkh83vi.streamlit.app\/\">\n            Open OS\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Advanced Model<\/div>\n          <h3>Advanced Research Simulator V2<\/h3>\n          <p>\n            Advanced simulator for deeper research exploration and scenario testing.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgadvancedresearchsimulatorv2-nspfz2zv52hbjbzyxhmv9l.streamlit.app\/\">\n            Open Advanced\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Access Structure<\/div>\n      <h2>Public, Member &#038; Research Partner Layers<\/h2>\n      <p>\n        HydrogenOrg separates public exploration from deeper technical collaboration.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-layers\">\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">01<\/div>\n        <h3>Couche publique<\/h3>\n        <p>\n          Public simulations, simplified assumptions and research page interfaces.\n        <\/p>\n      <\/div>\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">02<\/div>\n        <h3>Membre de la recherche<\/h3>\n        <p>\n          Advanced simulation access, documentation, updates and deeper model exploration.\n        <\/p>\n      <\/div>\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">03<\/div>\n        <h3>Partenaire de recherche<\/h3>\n        <p>\n          Collaboration around validation pathways, technical review and future research programs.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-final\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-final-panel\">\n\n      <div class=\"hsl-kicker\">\n        HydrogenOrg Simulation Lab\n      <\/div>\n\n      <h2>Streamlit + GitHub Research Infrastructure<\/h2>\n\n      <p>\n        The Simulation Lab presents HydrogenOrg as a research platform where\n        public pages, interactive simulators, Streamlit applications and GitHub-hosted\n        development workflows support transparent scientific exploration.\n      <\/p>\n\n      <div class=\"hsl-tags\">\n        <span>Streamlit<\/span>\n        <span>GitHub<\/span>\n        <span>Simulation<\/span>\n        <span>Mod\u00e8les de recherche<\/span>\n        <span>Voie de validation<\/span>\n        <span>Collaboration ouverte<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<\/div>\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 Research Infrastructure HydrogenOrg Simulation Lab HydrogenOrg Simulation Lab connects the public research pages with Streamlit-based simulation models, GitHub-hosted research code, plasma hydrogen tools, geothermal systems, marine models, infrastructure layers and atmospheric regeneration simulators. Explore Public Simulators Research Suite Public Simulation Layer Public Research Simulators Public-facing tools designed to introduce HydrogenOrg models, assumptions and system &hellip; <a href=\"https:\/\/hydrogenorg.ch\/fr\/hydrogenorg-simulation-lab\/\" class=\"more-link\">Poursuivre la lecture <span class=\"screen-reader-text\"> &#8220;HydrogenOrg Simulation Lab&#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-1083","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/pages\/1083","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=1083"}],"version-history":[{"count":1,"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/pages\/1083\/revisions"}],"predecessor-version":[{"id":1084,"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/pages\/1083\/revisions\/1084"}],"wp:attachment":[{"href":"https:\/\/hydrogenorg.ch\/fr\/wp-json\/wp\/v2\/media?parent=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}