{"id":15,"date":"2026-07-13T13:12:11","date_gmt":"2026-07-13T13:12:11","guid":{"rendered":"https:\/\/groupetransdev.wpenginepowered.com\/?page_id=15"},"modified":"2026-07-29T15:20:06","modified_gmt":"2026-07-29T15:20:06","slug":"accueil","status":"publish","type":"page","link":"https:\/\/groupetransnumerik.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f95275e e-con e-atomic-element e-flexbox-base e-89b7aed \" data-id=\"f95275e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f95275e\">\n    \t\t<div class=\"elementor-element elementor-element-3e0c7d3 elementor-widget elementor-widget-html\" data-id=\"3e0c7d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Groupe TransNumerik \u2014 Site en construction<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root{\r\n    --navy-950:#081b33;\r\n    --navy-900:#0b2547;\r\n    --navy-800:#0f2c52;\r\n    --navy-600:#1c4c7f;\r\n    --teal-500:#2fb0c4;\r\n    --teal-300:#7fdde6;\r\n    --ink-100:#f2f7fa;\r\n    --ink-400:#93add0;\r\n    --ink-500:#6f89ac;\r\n  }\r\n\r\n  *{box-sizing:border-box;}\r\n\r\n  html,\r\n  body{\r\n    width:100%;\r\n    height:100%;\r\n    margin:0;\r\n    overflow:hidden;\r\n  }\r\n\r\n  body{\r\n    min-height:100svh;\r\n    height:100svh;\r\n    background:\r\n      radial-gradient(120% 90% at 18% 8%, rgba(47,176,196,0.16), transparent 55%),\r\n      radial-gradient(140% 100% at 85% 100%, rgba(28,76,127,0.35), transparent 60%),\r\n      linear-gradient(160deg, var(--navy-950) 0%, var(--navy-900) 45%, var(--navy-950) 100%);\r\n    color:var(--ink-100);\r\n    font-family:'Manrope', sans-serif;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n    position:relative;\r\n    padding:clamp(18px, 3vh, 28px) 24px;\r\n  }\r\n\r\n  \/* subtle hex grid texture *\/\r\n  .hexgrid{\r\n    position:fixed;\r\n    inset:0;\r\n    z-index:0;\r\n    opacity:0.05;\r\n    pointer-events:none;\r\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='84' height='96' viewBox='0 0 84 96'%3E%3Cpath d='M42 0 L84 24 L84 72 L42 96 L0 72 L0 24 Z' fill='none' stroke='%237fdde6' stroke-width='1'\/%3E%3C\/svg%3E\");\r\n    background-size:84px 96px;\r\n  }\r\n\r\n  \/* ambient rotating hexagon signature *\/\r\n  .hex-signature{\r\n    position:fixed;\r\n    top:50%;\r\n    left:50%;\r\n    width:min(160vw, 1400px);\r\n    height:min(160vw, 1400px);\r\n    transform:translate(-50%,-50%);\r\n    z-index:0;\r\n    pointer-events:none;\r\n  }\r\n  .hex-signature svg{width:100%;height:100%;display:block;}\r\n  .ring-a{animation:spin 130s linear infinite;}\r\n  .ring-b{animation:spin-reverse 90s linear infinite;}\r\n  @keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}\r\n  @keyframes spin-reverse{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}\r\n\r\n  main{\r\n    position:relative;\r\n    z-index:1;\r\n    max-width:760px;\r\n    width:100%;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    text-align:center;\r\n    gap:clamp(18px, 3vh, 28px);\r\n  }\r\n\r\n  .logo{\r\n    width:min(76vw, 285px);\r\n    max-height:clamp(82px, 16vh, 130px);\r\n    height:auto;\r\n    object-fit:contain;\r\n    filter:drop-shadow(0 8px 30px rgba(47,176,196,0.25));\r\n  }\r\n\r\n  .eyebrow{\r\n    font-family:'JetBrains Mono', monospace;\r\n    font-size:12px;\r\n    letter-spacing:0.32em;\r\n    text-transform:uppercase;\r\n    color:var(--teal-300);\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n  }\r\n  .eyebrow::before,\r\n  .eyebrow::after{\r\n    content:'';\r\n    width:26px;\r\n    height:1px;\r\n    background:linear-gradient(90deg, transparent, var(--teal-500));\r\n  }\r\n  .eyebrow::after{\r\n    background:linear-gradient(90deg, var(--teal-500), transparent);\r\n  }\r\n\r\n  h1{\r\n    font-family:'Space Grotesk', sans-serif;\r\n    font-weight:600;\r\n    font-size:clamp(30px, 5.2vw, 54px);\r\n    line-height:1.1;\r\n    letter-spacing:-0.015em;\r\n    margin:0;\r\n    color:var(--ink-100);\r\n  }\r\n  h1 .accent{\r\n    background:linear-gradient(100deg, var(--teal-300), var(--teal-500) 55%, #4fc7d3);\r\n    -webkit-background-clip:text;\r\n    background-clip:text;\r\n    color:transparent;\r\n  }\r\n\r\n  p.lead{\r\n    font-size:clamp(15px, 1.7vw, 17px);\r\n    line-height:1.65;\r\n    color:var(--ink-400);\r\n    max-width:520px;\r\n    margin:0;\r\n    font-weight:400;\r\n  }\r\n\r\n  .actions{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:16px;\r\n    flex-wrap:wrap;\r\n    justify-content:center;\r\n    margin-top:2px;\r\n  }\r\n\r\n  .btn-primary{\r\n    font-family:'Manrope', sans-serif;\r\n    font-weight:600;\r\n    font-size:14.5px;\r\n    color:var(--navy-950);\r\n    background:linear-gradient(100deg, var(--teal-300), var(--teal-500));\r\n    padding:13px 26px;\r\n    border-radius:999px;\r\n    text-decoration:none;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    transition:transform 0.25s ease, box-shadow 0.25s ease;\r\n    box-shadow:0 6px 22px rgba(47,176,196,0.25);\r\n  }\r\n  .btn-primary:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 10px 28px rgba(47,176,196,0.38);\r\n  }\r\n  .btn-primary svg{width:15px;height:15px;flex-shrink:0;}\r\n\r\n  .btn-secondary{\r\n    font-family:'Manrope', sans-serif;\r\n    font-weight:600;\r\n    font-size:14.5px;\r\n    color:var(--ink-100);\r\n    background:transparent;\r\n    border:1px solid rgba(147,173,208,0.35);\r\n    padding:12px 24px;\r\n    border-radius:999px;\r\n    text-decoration:none;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    transition:border-color 0.25s ease, background 0.25s ease;\r\n  }\r\n  .btn-secondary:hover{\r\n    border-color:var(--teal-500);\r\n    background:rgba(47,176,196,0.08);\r\n  }\r\n  .btn-secondary svg{width:14px;height:14px;flex-shrink:0;}\r\n\r\n  .status-line{\r\n    margin-top:clamp(18px, 3vh, 30px);\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    font-family:'JetBrains Mono', monospace;\r\n    font-size:11.5px;\r\n    letter-spacing:0.08em;\r\n    color:var(--ink-500);\r\n  }\r\n  .status-dot{\r\n    width:7px;\r\n    height:7px;\r\n    border-radius:50%;\r\n    background:var(--teal-500);\r\n    box-shadow:0 0 0 0 rgba(47,176,196,0.6);\r\n    animation:pulse 2.2s ease-out infinite;\r\n  }\r\n  @keyframes pulse{\r\n    0%{box-shadow:0 0 0 0 rgba(47,176,196,0.45);}\r\n    70%{box-shadow:0 0 0 9px rgba(47,176,196,0);}\r\n    100%{box-shadow:0 0 0 0 rgba(47,176,196,0);}\r\n  }\r\n\r\n  footer{\r\n    position:relative;\r\n    z-index:1;\r\n    margin-top:clamp(18px, 4vh, 34px);\r\n    text-align:center;\r\n    font-family:'Manrope', sans-serif;\r\n    font-size:12.5px;\r\n    color:var(--ink-500);\r\n    line-height:1.6;\r\n  }\r\n  footer a{color:var(--ink-400);text-decoration:none;}\r\n  footer a:hover{color:var(--teal-300);}\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .ring-a, .ring-b, .status-dot{animation:none;}\r\n  }\r\n\r\n  @media (max-width: 480px){\r\n    body{\r\n      padding:18px;\r\n    }\r\n    main{\r\n      gap:16px;\r\n    }\r\n    .logo{\r\n      width:min(78vw, 245px);\r\n      max-height:105px;\r\n    }\r\n    h1{\r\n      font-size:clamp(28px, 9vw, 38px);\r\n    }\r\n    p.lead{\r\n      line-height:1.55;\r\n    }\r\n    .actions{flex-direction:column;width:100%;gap:12px;}\r\n    .btn-primary, .btn-secondary{width:100%;justify-content:center;}\r\n    footer{\r\n      margin-top:18px;\r\n    }\r\n  }\r\n\r\n  @media (max-height: 700px){\r\n    body{\r\n      padding:16px 22px;\r\n    }\r\n    main{\r\n      gap:15px;\r\n    }\r\n    .logo{\r\n      width:min(70vw, 240px);\r\n      max-height:90px;\r\n    }\r\n    h1{\r\n      font-size:clamp(28px, 5vw, 44px);\r\n    }\r\n    p.lead{\r\n      line-height:1.5;\r\n    }\r\n    .btn-primary,\r\n    .btn-secondary{\r\n      padding-top:10px;\r\n      padding-bottom:10px;\r\n    }\r\n    footer{\r\n      margin-top:14px;\r\n      line-height:1.4;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"hexgrid\"><\/div>\r\n\r\n  <div class=\"hex-signature\" aria-hidden=\"true\">\r\n    <svg viewBox=\"0 0 800 800\">\r\n      <defs>\r\n        <linearGradient id=\"hexGradA\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#2fb0c4\" stop-opacity=\"0.5\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#1c4c7f\" stop-opacity=\"0\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"hexGradB\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#7fdde6\" stop-opacity=\"0.35\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#0f2c52\" stop-opacity=\"0\"\/>\r\n        <\/linearGradient>\r\n      <\/defs>\r\n      <polygon class=\"ring-a\" points=\"400,60 660,210 660,510 400,660 140,510 140,210\"\r\n        fill=\"none\" stroke=\"url(#hexGradA)\" stroke-width=\"1.5\" transform-origin=\"400px 400px\"\/>\r\n      <polygon class=\"ring-b\" points=\"400,150 590,262 590,486 400,598 210,486 210,262\"\r\n        fill=\"none\" stroke=\"url(#hexGradB)\" stroke-width=\"1\" transform-origin=\"400px 400px\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <main>\r\n    <img decoding=\"async\" class=\"logo\" src=\"https:\/\/groupetransnumerik.com\/wp-content\/uploads\/2026\/07\/Logo-Groupe-TransNumerik-White.png\" alt=\"Groupe TransNumerik\">\r\n\r\n    <span class=\"eyebrow\">Site en construction<\/span>\r\n\r\n    <h1>Le Groupe qui fait avancer<br>le <span class=\"accent\">num\u00e9rique en Afrique.<\/span><\/h1>\r\n\r\n \r\n\r\n    <div class=\"actions\">\r\n      \r\n  \r\n    <\/div>\r\n  <\/main>\r\n\r\n  <footer>\r\n    \u00a9 2026 Groupe TransNumerik. Tous droits r\u00e9serv\u00e9s.\r\n  <\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Groupe TransNumerik \u2014 Site en construction Site en construction Le Groupe qui fait avancerle num\u00e9rique en Afrique. \u00a9 2026 Groupe TransNumerik. Tous droits r\u00e9serv\u00e9s.<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/groupetransnumerik.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupetransnumerik.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/groupetransnumerik.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/groupetransnumerik.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/groupetransnumerik.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":19,"href":"https:\/\/groupetransnumerik.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/groupetransnumerik.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/groupetransnumerik.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}