{"id":2,"date":"2026-03-10T09:06:38","date_gmt":"2026-03-10T09:06:38","guid":{"rendered":"http:\/\/www.biotos.be\/?page_id=2"},"modified":"2026-03-10T10:41:54","modified_gmt":"2026-03-10T10:41:54","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/www.biotos.be\/","title":{"rendered":""},"content":{"rendered":"<div class=\"tooltip\" id=\"tooltip\"><\/div>\r\n\r\n<div class=\"container\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"header\">\r\n    <div style=\"display:flex; align-items:center; gap:20px;\">\r\n      <!-- PAYLEM logo -->\r\n      <div>\r\n        <div style=\"font-family:'IBM Plex Mono',monospace; font-size:32px; font-weight:600; letter-spacing:4px; color:var(--accent2); line-height:1;\">PAYLEM<\/div>\r\n        <div style=\"font-family:'IBM Plex Mono',monospace; font-size:9px; color:var(--muted); letter-spacing:3px; text-transform:uppercase; margin-top:3px;\">Smart Payment Ops<\/div>\r\n      <\/div>\r\n      <!-- Separator -->\r\n      <div style=\"width:1px; height:36px; background:var(--border);\"><\/div>\r\n      <!-- Biotos -->\r\n      <div style=\"display:flex; align-items:center; gap:7px; opacity:0.5;\">\r\n        <img decoding=\"async\" src=\"data:image\/png;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb\/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7\/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7\/wAARCAAwADADASIAAhEBAxEB\/8QAGwAAAwADAQEAAAAAAAAAAAAABAUGAAMHAQL\/xAA3EAABAwICAw8DBAMAAAAAAAABAgMEABEFBhMhYQcSFRYxQVNVc5KUsrPR0jJRchQiIzNSkcH\/xAAbAQABBAMAAAAAAAAAAAAAAAABAgQFBgADB\/\/EACURAAEDAgYCAwEAAAAAAAAAAAECAxEABAUSITFBURMiBmKxMv\/aAAwDAQACEQMRAD8A4fue4VhEnJ8F+VhcJ95Wk3zjkdKlGzigLkj7U+4DwHqTDfCo9qTbnK7ZMgDtPUVVBpNtdywlm3NgwSgTkTwOhUW4TnOtD8CYF1JhvhUe1ecCYF1LhvhUe1T7aHMw43ITImyI8KPdKUsnWddhz8p1m+yswzSYXmdWHMS3pMVY16XlT+3fA2ubHm21GJxi2U6mLceNSsgVpqdtt4nml+NUf1rVBwJgXUuG+FR7Ug3QMLwmNlGa9GwyEw6nR71bcdKVD+RINiB9qpS5U\/uiLvk+cOz9RNSGLMsCwfIQJyK4HRpDZOca1q3P12yjCHaeoqnpcqayKu2VYY\/Pzqp1pNtNsLdixZH1T+ClOD2NJMthxb89tp8MLUmyXCnfBBudduevtsv4Fiw\/WKalCULGUgk8+0C2u1xYf65RMHVObffdhQ1ywP7G2\/rtc2IHKdtFqh4jiUtD86C5Dit6iHgUlQ5SBflJ2DVz1S2H0m2Z8RJdQowIMGVGTtG3O4pyR7GdqodJSHPy75Tmjs\/UTTIuUlzwu+V5g\/Dzpq5Yo9Nk8Pqr8NNmx7CtWS12yzEH5+dVNy5XOMNzJOgQm4jLUdTbd7FaSTrJP320RxvxPoYncV8qq1p8itWrdttRMgAbdCt6mVEk1aQoK4L63hKYcQv6Qgq3w13F7j\/tFqeUo3Uok7TXP+N+J9DE7qvlWcbsS6GJ3FfKha45YWrfjQTGvHetFTS1GTV8XNtJs5LvluUL\/wCHnTU1xuxLoYndV8qHxHMU2fDcivNR0oXa5Sk31EHnOyhefILV63W2kmSCNuxWJZUCDX\/\/2Q==\" alt=\"Biotos\" style=\"width:22px; height:22px; border-radius:4px; object-fit:cover;\">\r\n        <div style=\"font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--muted); letter-spacing:1px;\">by Biotos<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div style=\"display:flex; flex-direction:column; align-items:flex-end; gap:6px;\">\r\n      <div class=\"status-badge\">\r\n        <div class=\"status-dot\"><\/div>\r\n        SYSTEM OPERATIONAL\r\n      <\/div>\r\n      <div style=\"font-family:'IBM Plex Mono',monospace; font-size:10px; color:var(--muted);\">Routing \u00b7 Status Report \u00b7 Clearing \/ Settlement \u00b7 Account Reporting<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Main architecture -->\r\n  <div style=\"display:grid; grid-template-columns: 180px 20px 60px 20px 130px 20px 1fr 20px 200px; gap:0; align-items:stretch; justify-content:center; margin-bottom:24px;\">\r\n\r\n    <!-- ============================================================\r\n         SECTION 1 : CLIENT CHANNELS\r\n         Ajouter \/ supprimer des lignes <div class=\"channel-item\">\r\n         ============================================================ -->\r\n    <div style=\"display:flex; flex-direction:column;\">\r\n      <div class=\"section-label\">Client Channels<\/div>\r\n      <div class=\"channel-item\" style=\"animation-delay:0.05s\" data-tip=\"WebBank \u2013 interface de paiement particuliers\"><div class=\"dot\"><\/div> WebBank<\/div>\r\n      <div class=\"channel-item\" style=\"animation-delay:0.10s\" data-tip=\"BusinessWeb \u2013 portail entreprises\"><div class=\"dot\"><\/div> BusinessWeb<\/div>\r\n      <div class=\"channel-item\" style=\"animation-delay:0.15s\" data-tip=\"MultiBank \u2013 Bulk payments\"><div class=\"dot\"><\/div> Multibank Plateform<\/div>\r\n      <div class=\"channel-item\" style=\"animation-delay:0.20s\" data-tip=\"Hub International Propri\u00e9taire\"><div class=\"dot\"><\/div> Intl.Bank Hub<\/div>\r\n      <div class=\"channel-item\" style=\"animation-delay:0.25s\" data-tip=\"Swift4Corp \u2013 messagerie SWIFT\"><div class=\"dot\"><\/div> SWIFT4Corp<\/div>\r\n      <div class=\"channel-item\" style=\"animation-delay:0.30s\" data-tip=\"PSD2 API \u2013 acc\u00e8s open banking\"><div class=\"dot\"><\/div> PSD2 API<\/div>\r\n      <div class=\"channel-item\" style=\"animation-delay:0.35s\" data-tip=\"Mobile \u2013 application mobile\"><div class=\"dot\"><\/div> Mobile<\/div>\r\n    <\/div>\r\n\r\n    <!-- Arrow 1 -->\r\n    <div style=\"display:flex; align-items:center; justify-content:center; padding-top:18px;\">\r\n      <div style=\"color:var(--accent); font-size:14px;\">\u25b6<\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n         SECTION 2 : ORDER MANAGEMENT\r\n         Modifier le texte \"Order Management\" ci-dessous\r\n         ============================================================ -->\r\n    <div id=\"om-col\" style=\"display:flex; flex-direction:column;\">\r\n      <div class=\"section-label\">Order Mgmt<\/div>\r\n      <div style=\"flex:1; border:1px solid var(--accent2); border-radius:6px; background:rgba(56,189,248,0.05); padding:10px 8px; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s;\" data-tip=\"Order Management \u2013 validation et routage des ordres de paiement\" onmouseenter=\"this.style.background='rgba(56,189,248,0.12)'\" onmouseleave=\"this.style.background='rgba(56,189,248,0.05)'\">\r\n        <div style=\"writing-mode:vertical-rl; text-orientation:mixed; transform:rotate(180deg); font-family:'IBM Plex Mono',monospace; font-size:10px; font-weight:600; color:var(--accent2); letter-spacing:2px; text-transform:uppercase; margin-bottom:12px;\">Order Management<\/div>\r\n        <div style=\"display:flex; flex-direction:column; gap:6px; align-items:center;\">\r\n          <span class=\"tag\" data-label=\"pain.001\"><\/span>\r\n          <span class=\"tag warn\" data-label=\"MT101\"><\/span>\r\n          <span class=\"tag green\" data-label=\"JSON\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Arrow 2 -->\r\n    <div style=\"display:flex; align-items:center; justify-content:center; padding-top:18px;\">\r\n      <div style=\"color:var(--accent); font-size:14px;\">\u25b6<\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n         SECTION 3 : PAYMENT ENGINES\r\n         Ajouter \/ supprimer des blocs <div class=\"gateway-item\">\r\n         ============================================================ -->\r\n    <div style=\"display:flex; flex-direction:column;\">\r\n      <div class=\"section-label\">Payment Engines<\/div>\r\n      <div class=\"gateway-box\" style=\"flex:1;\">\r\n        <div class=\"gateway-item\" data-tip=\"EUR Credit Transfer \u2013 virement SEPA standard\" style=\"margin-bottom:8px;\">EUR Credit Transfer<\/div>\r\n        <div class=\"gateway-item\" data-tip=\"Cross Border \/ Currency \u2013 virements internationaux multi-devises\" style=\"margin-bottom:8px;\">X Border Pay<\/div>\r\n        <div class=\"gateway-item\" data-tip=\"Instant Payment \u2013 virement instantan\u00e9\">Instant Pay<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Arrow 3 -->\r\n    <div style=\"display:flex; align-items:center; justify-content:center; padding-top:18px;\">\r\n      <div style=\"color:var(--accent); font-size:14px;\">\u25b6<\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n         SECTION 4 : ACC REPORTING\r\n         Chaque <div class=\"msg-row\"> = une ligne de message\r\n         Les <span class=\"tag\"> = bulles de messages (pacs.xxx)\r\n           - class=\"tag\"       = bulle bleue\r\n           - class=\"tag green\" = bulle verte\r\n           - class=\"tag warn\"  = bulle orange\r\n         ============================================================ -->\r\n    <div style=\"display:flex; flex-direction:column;\">\r\n      <div class=\"section-label\">Payment Flows<\/div>\r\n      <div class=\"acc-col\" style=\"flex:1;\">\r\n      <div class=\"msg-row\" data-tip=\"EUR Credit Transfer \u2013 ISO 20022\">\r\n        <span class=\"msg-name\">SCT<\/span>\r\n        <div class=\"msg-tags\">\r\n          <span class=\"tag\" data-label=\"pacs.008\"><\/span>\r\n          <span class=\"tag\" data-label=\"pacs.004\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"msg-row\" data-tip=\"R\u00e9seau SWIFT\">\r\n        <span class=\"msg-name\">SWIFT<\/span>\r\n        <div class=\"msg-tags\">\r\n          <span class=\"tag\" data-label=\"pacs.008\"><\/span>\r\n          <span class=\"tag\" data-label=\"pacs.009\"><\/span>\r\n          <span class=\"tag\" data-label=\"pacs.009COV\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"msg-row\" data-tip=\"TARGET2 \u2013 r\u00e8glement brut en temps r\u00e9el BCE\">\r\n        <span class=\"msg-name\">T2<\/span>\r\n        <div class=\"msg-tags\">\r\n          <span class=\"tag\" data-label=\"pacs.008\"><\/span>\r\n          <span class=\"tag\" data-label=\"pacs.009\"><\/span>\r\n          <span class=\"tag\" data-label=\"pacs.009COV\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"msg-row\" data-tip=\"SCT Instant \u2013 EBA\/TIPS\">\r\n        <span class=\"msg-name\">SCT Inst.<\/span>\r\n        <div class=\"msg-tags\">\r\n          <span class=\"tag\" data-label=\"pacs.008\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <\/div>\r\n\r\n    <!-- Arrow 4 -->\r\n    <div style=\"display:flex; align-items:center; justify-content:center; padding-top:18px;\">\r\n      <div style=\"color:var(--accent2); font-size:14px;\">\u25b6<\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n         SECTION 5 : CLEARING \/ SETTLEMENT\r\n         Ajouter \/ supprimer des blocs <div class=\"app-group-card\">\r\n           - class=\"eur-cl\"   = bleu\r\n           - class=\"swift\"    = cyan\r\n           - class=\"eur-rtgs\" = vert\r\n         ============================================================ -->\r\n    <div style=\"display:flex; flex-direction:column; justify-content:center;\">\r\n      <div class=\"section-label\">Clearing \/ Settlement<\/div>\r\n      <div class=\"app-group-card eur-cl\" data-tip=\"EUR Clearing \u2013 compensation en euro\">\r\n        <div class=\"app-group-title\" style=\"color:#60a5fa;\">Clearing Euro \/ Real time<\/div>\r\n        <div class=\"app-group-subtitle\">EUR Clearing<\/div>\r\n      <\/div>\r\n      <div class=\"app-group-card swift\" data-tip=\"SWIFT \u2013 Global Messaging\">\r\n        <div class=\"app-group-title\" style=\"color:var(--accent2);\">SWIFT<\/div>\r\n        <div class=\"app-group-subtitle\">Correspondent Banking<\/div>\r\n      <\/div>\r\n      <div class=\"app-group-card eur-rtgs\" data-tip=\"ESMIG \u2013 r\u00e8glement monnaie centrale\">\r\n        <div class=\"app-group-title\" style=\"color:var(--accent3);\">ESMIG RTGS \/ TIPS<\/div>\r\n        <div class=\"app-group-subtitle\">Real-Time Gross Settlement<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- ============================================================\r\n       SECTION 6 : MODULES TRANSVERSAUX\r\n       Modifier le nom et la description dans chaque .module-card\r\n       ============================================================ -->\r\n  <div class=\"section-label\" style=\"margin-bottom:8px;\">Modules transversaux<\/div>\r\n  <div class=\"modules-bar\">\r\n    <div class=\"module-card archiving\" data-tip=\"Archivage de tous les messages ISO 20022\">\r\n      <div class=\"module-icon\">\ud83d\uddc4\ufe0f<\/div>\r\n      <div class=\"module-name\">Archiving<\/div>\r\n      <div class=\"module-desc\">Stockage & conformit\u00e9<\/div>\r\n    <\/div>\r\n    <div class=\"module-card billing\" data-tip=\"Gestion des conditions tarifaires et facturation client\">\r\n      <div class=\"module-icon\">\ud83d\udcb6<\/div>\r\n      <div class=\"module-name\">Client Conditions<\/div>\r\n      <div class=\"module-desc\">&amp; Billing<\/div>\r\n    <\/div>\r\n    <div class=\"module-card accounting\" data-tip=\"Comptabilisation des op\u00e9rations\">\r\n      <div class=\"module-icon\">\ud83d\udcca<\/div>\r\n      <div class=\"module-name\">Accounting<\/div>\r\n      <div class=\"module-desc\">\u00c9critures & r\u00e9conciliation<\/div>\r\n    <\/div>\r\n    <div class=\"module-card filtering\" data-tip=\"Filtrage AML, sanctions, r\u00e8gles m\u00e9tier\">\r\n      <div class=\"module-icon\">\ud83d\udd0d<\/div>\r\n      <div class=\"module-name\">Filtering<\/div>\r\n      <div class=\"module-desc\">AML \u00b7 Sanctions \u00b7 R\u00e8gles<\/div>\r\n    <\/div>\r\n    <div class=\"module-card tracking\" data-tip=\"Suivi bout-en-bout des transactions\">\r\n      <div class=\"module-icon\">\ud83d\udce1<\/div>\r\n      <div class=\"module-name\">Tracking<\/div>\r\n      <div class=\"module-desc\">E2E monitoring<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ Match Order Management height to Client Channels\r\n  function matchHeight() {\r\n    const channels = document.querySelector('.channel-item')?.closest('div');\r\n    const om = document.getElementById('om-col');\r\n    if (channels && om) {\r\n      const h = channels.offsetHeight;\r\n      const inner = om.querySelector('div:last-child');\r\n      if (inner) inner.style.minHeight = (h - 22) + 'px';\r\n    }\r\n  }\r\n  window.addEventListener('load', matchHeight);\r\n  window.addEventListener('resize', matchHeight);\r\n\r\n  const tooltip = document.getElementById('tooltip');\r\n  document.querySelectorAll('[data-tip]').forEach(el => {\r\n    el.addEventListener('mouseenter', () => { tooltip.textContent = el.dataset.tip; tooltip.style.display = 'block'; });\r\n    el.addEventListener('mousemove', (e) => { tooltip.style.left = (e.clientX + 14) + 'px'; tooltip.style.top = (e.clientY - 28) + 'px'; });\r\n    el.addEventListener('mouseleave', () => { tooltip.style.display = 'none'; });\r\n    el.addEventListener('click', () => { el.classList.remove('flash'); void el.offsetWidth; el.classList.add('flash'); });\r\n  });\r\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.biotos.be\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.biotos.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.biotos.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.biotos.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.biotos.be\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":7,"href":"https:\/\/www.biotos.be\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/www.biotos.be\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/www.biotos.be\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}