{"id":6,"date":"2026-09-20T19:48:47","date_gmt":"2026-09-20T18:48:47","guid":{"rendered":"https:\/\/paradigma-rdc.com\/?page_id=6"},"modified":"2026-09-20T19:48:47","modified_gmt":"2026-09-20T18:48:47","slug":"accueil","status":"publish","type":"page","link":"https:\/\/paradigma-rdc.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<div id=\"pdg-home\">\n\n<style>\n\/* ============================================================\n   PARADIGMA SARL\n   IDENTITE VISUELLE ALIGNEE AU LOGO OFFICIEL\n   Rouge \u2022 Noir \u2022 Graphite \u2022 Blanc\n============================================================ *\/\n\n\n\/* ============================================================\n   1. MASQUAGE PRECIS DU THEME SILVERSTORM\n============================================================ *\/\n\nbody#colibri #page-top > .header.header-front-page,\nbody#colibri > #page-top > .header.header-front-page {\n    display:none !important;\n    visibility:hidden !important;\n    height:0 !important;\n    min-height:0 !important;\n    max-height:0 !important;\n    margin:0 !important;\n    padding:0 !important;\n    border:0 !important;\n    overflow:hidden !important;\n}\n\nbody#colibri #page-top > .footer.footer-front-page,\nbody#colibri > #page-top > .footer.footer-front-page {\n    display:none !important;\n    visibility:hidden !important;\n    height:0 !important;\n    min-height:0 !important;\n    max-height:0 !important;\n    margin:0 !important;\n    padding:0 !important;\n    border:0 !important;\n    overflow:hidden !important;\n}\n\nbody#colibri .colibri-sidebar.blog-sidebar-right,\nbody#colibri [data-colibri-main-sidebar-col=\"1\"].colibri-sidebar {\n    display:none !important;\n}\n\n\n\/* ============================================================\n   2. VARIABLES GENERALES\n============================================================ *\/\n\nhtml {\n    scroll-behavior:smooth;\n}\n\nbody {\n    overflow-x:hidden;\n}\n\n#pdg-home,\n#pdg-home *,\n#pdg-home *::before,\n#pdg-home *::after {\n    box-sizing:border-box;\n}\n\n#pdg-home {\n\n    \/* COULEURS DU LOGO *\/\n\n    --red:#ff1010;\n    --red-dark:#d90000;\n    --red-deep:#a90000;\n    --red-soft:#fff1f1;\n\n    --black:#080808;\n    --black2:#101010;\n    --graphite:#181818;\n    --graphite2:#242424;\n\n    --white:#ffffff;\n\n    --light:#f5f5f5;\n    --light2:#eeeeee;\n\n    --text:#252525;\n    --muted:#6e6e6e;\n    --border:#dedede;\n\n    position:relative;\n    z-index:10;\n\n    width:100vw;\n    max-width:none;\n\n    margin-top:0;\n    margin-right:0;\n    margin-bottom:0;\n    margin-left:calc(50% - 50vw);\n\n    padding:0;\n\n    overflow:hidden;\n\n    background:#fff;\n    color:var(--text);\n\n    font-family:Arial,Helvetica,sans-serif;\n    line-height:1.6;\n}\n\n#pdg-home img {\n    display:block;\n    max-width:100%;\n}\n\n#pdg-home a {\n    text-decoration:none;\n}\n\n#pdg-home button,\n#pdg-home input,\n#pdg-home textarea,\n#pdg-home select {\n    font:inherit;\n}\n\n#pdg-home button {\n    border-radius:0;\n}\n\n#pdg-home section[id],\n#pdg-home footer[id] {\n    scroll-margin-top:85px;\n}\n\n#pdg-home .pdg-container {\n    width:min(1220px,calc(100% - 44px));\n    margin:0 auto;\n}\n\n\n\/* ============================================================\n   3. BARRE DE PROGRESSION\n============================================================ *\/\n\n#pdg-home .pdg-progress {\n    position:fixed;\n    z-index:10000000;\n\n    top:0;\n    left:0;\n\n    width:0;\n    height:3px;\n\n    background:linear-gradient(\n        90deg,\n        var(--red-dark),\n        var(--red),\n        #ff5555\n    );\n\n    box-shadow:0 0 15px rgba(255,16,16,.55);\n\n    pointer-events:none;\n}\n\n\n\/* ============================================================\n   4. HEADER\n============================================================ *\/\n\n#pdg-home .pdg-header {\n    position:absolute;\n    z-index:99999;\n\n    top:0;\n    left:0;\n\n    width:100%;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(0,0,0,.98) 0%,\n            rgba(0,0,0,.80) 65%,\n            rgba(0,0,0,0) 100%\n        );\n\n    border-bottom:1px solid rgba(255,255,255,.12);\n\n    transition:\n        background .35s ease,\n        box-shadow .35s ease;\n}\n\n#pdg-home .pdg-header.scrolled {\n    position:fixed;\n\n    background:rgba(8,8,8,.97);\n\n    -webkit-backdrop-filter:blur(15px);\n    backdrop-filter:blur(15px);\n\n    box-shadow:0 12px 35px rgba(0,0,0,.28);\n}\n\n#pdg-home .pdg-header.scrolled::after {\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    right:0;\n    bottom:0;\n\n    height:2px;\n\n    background:linear-gradient(\n        90deg,\n        transparent,\n        var(--red),\n        transparent\n    );\n\n    opacity:.75;\n}\n\n#pdg-home .pdg-nav {\n    min-height:94px;\n\n    display:flex;\n    align-items:center;\n\n    gap:20px;\n\n    transition:min-height .3s ease;\n}\n\n#pdg-home .pdg-header.scrolled .pdg-nav {\n    min-height:76px;\n}\n\n\n\/* ============================================================\n   5. LOGO\n============================================================ *\/\n\n#pdg-home .pdg-brand {\n    position:relative;\n\n    flex:0 0 auto;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    padding:7px 14px;\n\n    background:#fff;\n\n    border-radius:4px;\n\n    box-shadow:\n        0 8px 25px rgba(0,0,0,.25),\n        0 0 0 1px rgba(255,255,255,.08);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n#pdg-home .pdg-brand::before {\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    top:0;\n    bottom:0;\n\n    width:4px;\n\n    background:var(--red);\n}\n\n#pdg-home .pdg-brand:hover {\n    transform:translateY(-2px);\n\n    box-shadow:\n        0 12px 32px rgba(0,0,0,.32),\n        0 0 0 1px rgba(255,16,16,.18);\n}\n\n#pdg-home .pdg-logo {\n    width:auto !important;\n    height:55px !important;\n    max-width:180px !important;\n\n    object-fit:contain;\n}\n\n#pdg-home .pdg-header.scrolled .pdg-logo {\n    height:45px !important;\n}\n\n\n\/* ============================================================\n   6. MENU\n============================================================ *\/\n\n#pdg-home .pdg-menu {\n    margin-left:auto;\n\n    display:flex;\n    align-items:center;\n\n    gap:18px;\n}\n\n#pdg-home .pdg-menu-link {\n    position:relative;\n\n    display:inline-flex;\n    align-items:center;\n\n    min-height:76px;\n\n    color:#fff;\n\n    font-size:12px;\n    font-weight:800;\n\n    white-space:nowrap;\n\n    transition:color .25s ease;\n}\n\n#pdg-home .pdg-menu-link::after {\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    bottom:18px;\n\n    width:0;\n    height:2px;\n\n    background:var(--red);\n\n    transition:width .3s ease;\n}\n\n#pdg-home .pdg-menu-link:hover,\n#pdg-home .pdg-menu-link.active {\n    color:#ff5a5a;\n}\n\n#pdg-home .pdg-menu-link:hover::after,\n#pdg-home .pdg-menu-link.active::after {\n    width:100%;\n}\n\n#pdg-home .pdg-menu-actions {\n    display:flex;\n\n    gap:8px;\n\n    margin-left:3px;\n}\n\n#pdg-home .pdg-menu-btn {\n    min-height:44px;\n\n    padding:0 13px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    border:1px solid rgba(255,255,255,.32);\n\n    background:rgba(255,255,255,.04);\n\n    color:#fff;\n\n    font-size:10px;\n    font-weight:900;\n\n    letter-spacing:.4px;\n    text-transform:uppercase;\n\n    cursor:pointer;\n\n    transition:.25s ease;\n}\n\n#pdg-home .pdg-menu-btn:hover {\n    border-color:#fff;\n\n    background:#fff;\n\n    color:#111;\n\n    transform:translateY(-2px);\n}\n\n#pdg-home .pdg-menu-btn.gold {\n    background:var(--red);\n    border-color:var(--red);\n\n    color:#fff;\n\n    box-shadow:0 8px 20px rgba(255,16,16,.18);\n}\n\n#pdg-home .pdg-menu-btn.gold:hover {\n    background:var(--red-dark);\n    border-color:var(--red-dark);\n\n    color:#fff;\n}\n\n\n\/* ============================================================\n   7. MENU MOBILE\n============================================================ *\/\n\n#pdg-home .pdg-hamburger {\n    display:none;\n\n    margin-left:auto;\n\n    width:46px;\n    height:46px;\n\n    padding:10px;\n\n    border:1px solid rgba(255,255,255,.3);\n\n    background:rgba(255,255,255,.03);\n\n    cursor:pointer;\n}\n\n#pdg-home .pdg-hamburger span {\n    display:block;\n\n    height:2px;\n\n    margin:5px 0;\n\n    background:#fff;\n\n    transition:.3s;\n}\n\n#pdg-home .pdg-hamburger.active span:nth-child(1) {\n    transform:translateY(7px) rotate(45deg);\n}\n\n#pdg-home .pdg-hamburger.active span:nth-child(2) {\n    opacity:0;\n}\n\n#pdg-home .pdg-hamburger.active span:nth-child(3) {\n    transform:translateY(-7px) rotate(-45deg);\n}\n\n\n\/* ============================================================\n   8. HERO\n============================================================ *\/\n\n#pdg-home .pdg-hero {\n    position:relative;\n\n    width:100%;\n    height:100vh;\n    min-height:760px;\n    max-height:950px;\n\n    overflow:hidden;\n\n    background:#050505;\n\n    color:#fff;\n}\n\n#pdg-home .pdg-slide {\n    position:absolute;\n\n    inset:0;\n\n    opacity:0;\n    visibility:hidden;\n\n    pointer-events:none;\n\n    transition:\n        opacity 1.1s ease,\n        visibility 1.1s ease;\n}\n\n#pdg-home .pdg-slide.active {\n    opacity:1;\n    visibility:visible;\n\n    pointer-events:auto;\n}\n\n#pdg-home .pdg-slide-bg {\n    position:absolute;\n\n    inset:-4%;\n\n    background-position:center;\n    background-size:cover;\n\n    filter:saturate(.72) contrast(1.08);\n\n    transform:scale(1.04);\n\n    transition:transform 8s ease;\n}\n\n#pdg-home .pdg-slide.active .pdg-slide-bg {\n    transform:scale(1.13);\n}\n\n#pdg-home .pdg-slide::after {\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,.98) 0%,\n            rgba(0,0,0,.88) 37%,\n            rgba(0,0,0,.56) 67%,\n            rgba(0,0,0,.18) 100%\n        );\n}\n\n#pdg-home .pdg-slide::before {\n    content:\"\";\n\n    position:absolute;\n    z-index:2;\n\n    left:0;\n    bottom:0;\n\n    width:100%;\n    height:4px;\n\n    background:linear-gradient(\n        90deg,\n        var(--red) 0%,\n        var(--red) 28%,\n        transparent 28%\n    );\n}\n\n#pdg-home .pdg-hero-content {\n    position:relative;\n    z-index:3;\n\n    height:100%;\n\n    display:flex;\n    align-items:center;\n\n    padding-top:145px;\n    padding-bottom:110px;\n}\n\n#pdg-home .pdg-hero-inner {\n    max-width:850px;\n}\n\n#pdg-home .pdg-hero-kicker {\n    display:flex;\n    align-items:center;\n\n    gap:12px;\n\n    margin:0 0 20px;\n\n    color:#ff4545;\n\n    font-size:12px;\n    font-weight:900;\n\n    letter-spacing:2.3px;\n    text-transform:uppercase;\n}\n\n#pdg-home .pdg-hero-kicker::before {\n    content:\"\";\n\n    width:40px;\n    height:3px;\n\n    flex:0 0 auto;\n\n    background:var(--red);\n}\n\n#pdg-home .pdg-hero h1 {\n    margin:0 0 27px;\n\n    color:#fff;\n\n    font-size:clamp(50px,7vw,91px);\n    font-weight:900;\n\n    line-height:.96;\n    letter-spacing:-3px;\n}\n\n#pdg-home .pdg-hero h1 span {\n    color:var(--red);\n}\n\n#pdg-home .pdg-hero-desc {\n    max-width:700px;\n\n    margin:0 0 34px;\n\n    color:rgba(255,255,255,.75);\n\n    font-size:18px;\n\n    line-height:1.75;\n}\n\n\n\/* ============================================================\n   9. BOUTONS\n============================================================ *\/\n\n#pdg-home .pdg-buttons {\n    display:flex;\n    flex-wrap:wrap;\n\n    gap:12px;\n}\n\n#pdg-home .pdg-btn {\n    position:relative;\n\n    min-height:54px;\n\n    padding:0 25px;\n\n    border:0;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    overflow:hidden;\n\n    background:none;\n\n    cursor:pointer;\n\n    font-size:11px;\n    font-weight:900;\n\n    letter-spacing:.7px;\n    text-transform:uppercase;\n\n    transition:\n        transform .3s ease,\n        background .3s ease,\n        color .3s ease,\n        box-shadow .3s ease;\n}\n\n#pdg-home .pdg-btn:hover {\n    transform:translateY(-3px);\n}\n\n#pdg-home .pdg-btn-gold {\n    background:var(--red);\n\n    color:#fff;\n\n    box-shadow:0 10px 25px rgba(255,16,16,.20);\n}\n\n#pdg-home .pdg-btn-gold:hover {\n    background:var(--red-dark);\n\n    color:#fff;\n\n    box-shadow:0 15px 35px rgba(255,16,16,.30);\n}\n\n#pdg-home .pdg-btn-outline {\n    border:1px solid rgba(255,255,255,.48);\n\n    background:rgba(255,255,255,.04);\n\n    color:#fff;\n}\n\n#pdg-home .pdg-btn-outline:hover {\n    border-color:#fff;\n\n    background:#fff;\n\n    color:#111;\n}\n\n#pdg-home .pdg-btn-dark {\n    background:#080808;\n\n    color:#fff;\n}\n\n#pdg-home .pdg-btn-dark:hover {\n    background:#272727;\n\n    color:#fff;\n}\n\n\n\/* ============================================================\n   10. CONTROLES HERO\n============================================================ *\/\n\n#pdg-home .pdg-hero-controls {\n    position:absolute;\n\n    z-index:10;\n\n    left:50%;\n    bottom:40px;\n\n    transform:translateX(-50%);\n\n    width:min(1220px,calc(100% - 44px));\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n}\n\n#pdg-home .pdg-dots {\n    display:flex;\n\n    gap:8px;\n}\n\n#pdg-home .pdg-dot {\n    width:35px;\n    height:4px;\n\n    padding:0;\n\n    border:0;\n\n    background:rgba(255,255,255,.28);\n\n    cursor:pointer;\n\n    transition:.3s;\n}\n\n#pdg-home .pdg-dot.active {\n    width:65px;\n\n    background:var(--red);\n}\n\n#pdg-home .pdg-arrows {\n    display:flex;\n\n    gap:8px;\n}\n\n#pdg-home .pdg-arrow {\n    width:48px;\n    height:48px;\n\n    border:1px solid rgba(255,255,255,.3);\n\n    background:rgba(0,0,0,.30);\n\n    color:#fff;\n\n    cursor:pointer;\n\n    transition:.3s;\n}\n\n#pdg-home .pdg-arrow:hover {\n    border-color:var(--red);\n\n    background:var(--red);\n\n    color:#fff;\n}\n\n\n\/* ============================================================\n   11. INDICATEURS\n============================================================ *\/\n\n#pdg-home .pdg-stats {\n    position:relative;\n\n    background:#080808;\n\n    color:#fff;\n}\n\n#pdg-home .pdg-stats::before {\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:0;\n\n    width:100%;\n    height:2px;\n\n    background:linear-gradient(\n        90deg,\n        var(--red),\n        transparent 75%\n    );\n}\n\n#pdg-home .pdg-stats-grid {\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n}\n\n#pdg-home .pdg-stat {\n    min-height:112px;\n\n    padding:31px 26px;\n\n    border-right:1px solid rgba(255,255,255,.08);\n\n    transition:\n        background .3s ease,\n        transform .3s ease;\n}\n\n#pdg-home .pdg-stat:first-child {\n    border-left:1px solid rgba(255,255,255,.08);\n}\n\n#pdg-home .pdg-stat:hover {\n    background:#151515;\n\n    transform:translateY(-4px);\n}\n\n#pdg-home .pdg-stat strong {\n    display:block;\n\n    color:var(--red);\n\n    font-size:29px;\n    font-weight:900;\n\n    line-height:1;\n}\n\n#pdg-home .pdg-stat span {\n    display:block;\n\n    margin-top:8px;\n\n    color:rgba(255,255,255,.55);\n\n    font-size:10px;\n    font-weight:800;\n\n    letter-spacing:1.2px;\n    text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   12. TITRES\n============================================================ *\/\n\n#pdg-home .pdg-kicker {\n    display:flex;\n    align-items:center;\n\n    gap:10px;\n\n    margin:0 0 13px;\n\n    color:var(--red);\n\n    font-size:11px;\n    font-weight:900;\n\n    letter-spacing:2px;\n    text-transform:uppercase;\n}\n\n#pdg-home .pdg-kicker::before {\n    content:\"\";\n\n    width:34px;\n    height:3px;\n\n    flex:0 0 auto;\n\n    background:currentColor;\n}\n\n#pdg-home .pdg-title {\n    margin:0 0 23px;\n\n    color:#111;\n\n    font-size:clamp(35px,5vw,58px);\n    font-weight:800;\n\n    line-height:1.05;\n    letter-spacing:-1.7px;\n}\n\n#pdg-home .pdg-text {\n    color:var(--muted);\n\n    font-size:16px;\n\n    line-height:1.75;\n}\n\n#pdg-home .pdg-section-head {\n    max-width:760px;\n\n    margin:0 0 50px;\n}\n\n\n\/* ============================================================\n   13. A PROPOS\n============================================================ *\/\n\n#pdg-home .pdg-about {\n    position:relative;\n\n    padding:120px 0;\n\n    background:#fff;\n}\n\n#pdg-home .pdg-about::before {\n    content:\"PARADIGMA\";\n\n    position:absolute;\n\n    right:-30px;\n    top:55px;\n\n    color:#f6f6f6;\n\n    font-size:130px;\n    font-weight:900;\n\n    letter-spacing:-8px;\n\n    pointer-events:none;\n}\n\n#pdg-home .pdg-about-grid {\n    position:relative;\n    z-index:2;\n\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:85px;\n\n    align-items:center;\n}\n\n#pdg-home .pdg-about-visual {\n    position:relative;\n\n    min-height:580px;\n}\n\n#pdg-home .pdg-about-main {\n    position:absolute;\n\n    top:0;\n    left:0;\n\n    width:84%;\n    height:515px;\n\n    object-fit:cover;\n\n    filter:saturate(.85);\n\n    transition:\n        transform .8s ease,\n        filter .8s ease;\n}\n\n#pdg-home .pdg-about-small {\n    position:absolute;\n\n    right:0;\n    bottom:0;\n\n    width:48%;\n    height:270px;\n\n    object-fit:cover;\n\n    border:10px solid #fff;\n\n    box-shadow:0 15px 40px rgba(0,0,0,.14);\n\n    transition:transform .8s ease;\n}\n\n#pdg-home .pdg-about-visual:hover .pdg-about-main {\n    transform:scale(1.025);\n\n    filter:saturate(1);\n}\n\n#pdg-home .pdg-about-visual:hover .pdg-about-small {\n    transform:translateY(-8px);\n}\n\n#pdg-home .pdg-about-badge {\n    position:absolute;\n    z-index:3;\n\n    left:-10px;\n    bottom:18px;\n\n    padding:21px 27px;\n\n    background:var(--red);\n\n    color:#fff;\n\n    box-shadow:0 15px 35px rgba(255,16,16,.22);\n}\n\n#pdg-home .pdg-about-badge strong {\n    display:block;\n\n    font-size:25px;\n    font-weight:900;\n\n    line-height:1.2;\n}\n\n#pdg-home .pdg-about-badge span {\n    display:block;\n\n    margin-top:3px;\n\n    color:rgba(255,255,255,.80);\n\n    font-size:9px;\n    font-weight:900;\n\n    letter-spacing:1.3px;\n    text-transform:uppercase;\n}\n\n#pdg-home .pdg-checks {\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:13px 25px;\n\n    margin:29px 0 35px;\n}\n\n#pdg-home .pdg-check {\n    display:flex;\n    align-items:center;\n\n    gap:10px;\n\n    color:var(--text);\n\n    font-size:14px;\n    font-weight:700;\n}\n\n#pdg-home .pdg-check i {\n    width:27px;\n    height:27px;\n\n    flex:0 0 auto;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:var(--red-soft);\n\n    color:var(--red);\n\n    font-style:normal;\n\n    transition:.4s;\n}\n\n#pdg-home .pdg-check:hover i {\n    background:var(--red);\n\n    color:#fff;\n\n    transform:rotate(360deg);\n}\n\n\n\/* ============================================================\n   14. SERVICES\n============================================================ *\/\n\n#pdg-home .pdg-services {\n    position:relative;\n\n    padding:115px 0 120px;\n\n    background:#f5f5f5;\n}\n\n#pdg-home .pdg-services-grid {\n    display:grid;\n\n    grid-template-columns:repeat(3,1fr);\n\n    gap:20px;\n}\n\n#pdg-home .pdg-service {\n    position:relative;\n\n    min-height:420px;\n\n    overflow:hidden;\n\n    background:#111;\n\n    box-shadow:0 8px 25px rgba(0,0,0,.09);\n\n    transition:\n        transform .4s ease,\n        box-shadow .4s ease;\n}\n\n#pdg-home .pdg-service::before {\n    content:\"\";\n\n    position:absolute;\n    z-index:4;\n\n    top:0;\n    left:0;\n\n    width:0;\n    height:4px;\n\n    background:var(--red);\n\n    transition:width .45s ease;\n}\n\n#pdg-home .pdg-service:hover::before {\n    width:100%;\n}\n\n#pdg-home .pdg-service:hover {\n    transform:translateY(-9px);\n\n    box-shadow:0 22px 50px rgba(0,0,0,.20);\n}\n\n#pdg-home .pdg-service-bg {\n    position:absolute;\n\n    inset:0;\n\n    background-position:center;\n    background-size:cover;\n\n    filter:saturate(.75);\n\n    transition:\n        transform .8s ease,\n        filter .8s ease;\n}\n\n#pdg-home .pdg-service:hover .pdg-service-bg {\n    transform:scale(1.10);\n\n    filter:saturate(1);\n}\n\n#pdg-home .pdg-service::after {\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(0,0,0,.98) 0%,\n            rgba(0,0,0,.72) 48%,\n            rgba(0,0,0,.08) 100%\n        );\n}\n\n#pdg-home .pdg-service-content {\n    position:absolute;\n    z-index:3;\n\n    left:0;\n    right:0;\n    bottom:0;\n\n    padding:31px;\n\n    color:#fff;\n\n    transform:translateY(42px);\n\n    transition:transform .4s ease;\n}\n\n#pdg-home .pdg-service:hover .pdg-service-content {\n    transform:none;\n}\n\n#pdg-home .pdg-service-number {\n    color:#ff5151;\n\n    font-size:10px;\n    font-weight:900;\n\n    letter-spacing:1.7px;\n}\n\n#pdg-home .pdg-service h3 {\n    margin:8px 0 12px;\n\n    color:#fff;\n\n    font-size:23px;\n    font-weight:800;\n\n    line-height:1.2;\n}\n\n#pdg-home .pdg-service p {\n    margin:0;\n\n    color:rgba(255,255,255,.70);\n\n    font-size:14px;\n\n    line-height:1.6;\n\n    opacity:.25;\n\n    transition:opacity .4s ease;\n}\n\n#pdg-home .pdg-service:hover p {\n    opacity:1;\n}\n\n\n\/* ============================================================\n   15. VISION\n============================================================ *\/\n\n#pdg-home .pdg-vision {\n    position:relative;\n\n    padding:120px 0;\n\n    color:#fff;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,.98),\n            rgba(0,0,0,.78)\n        ),\n        url('https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1900&q=85')\n        center\/cover;\n}\n\n#pdg-home .pdg-vision::before {\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    top:0;\n    bottom:0;\n\n    width:5px;\n\n    background:var(--red);\n}\n\n#pdg-home .pdg-vision-grid {\n    display:grid;\n\n    grid-template-columns:.9fr 1.1fr;\n\n    gap:80px;\n\n    align-items:center;\n}\n\n#pdg-home .pdg-vision .pdg-title {\n    color:#fff;\n}\n\n#pdg-home .pdg-vision-copy p {\n    color:rgba(255,255,255,.68);\n\n    font-size:16px;\n\n    line-height:1.75;\n}\n\n#pdg-home .pdg-values {\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:1px;\n\n    background:rgba(255,255,255,.12);\n}\n\n#pdg-home .pdg-value {\n    min-height:200px;\n\n    padding:32px;\n\n    background:rgba(12,12,12,.90);\n\n    transition:\n        background .3s ease,\n        transform .3s ease;\n}\n\n#pdg-home .pdg-value:hover {\n    background:var(--red-dark);\n\n    transform:translateY(-5px);\n}\n\n#pdg-home .pdg-value-icon {\n    margin:0 0 14px;\n\n    color:var(--red);\n\n    font-size:26px;\n\n    transition:\n        transform .4s ease,\n        color .3s ease;\n}\n\n#pdg-home .pdg-value:hover .pdg-value-icon {\n    color:#fff;\n\n    transform:scale(1.18) rotate(180deg);\n}\n\n#pdg-home .pdg-value h3 {\n    margin:0 0 7px;\n\n    color:#fff;\n\n    font-size:19px;\n}\n\n#pdg-home .pdg-value p {\n    margin:0;\n\n    color:rgba(255,255,255,.62);\n\n    font-size:14px;\n\n    line-height:1.6;\n}\n\n\n\/* ============================================================\n   16. REALISATIONS\n============================================================ *\/\n\n#pdg-home .pdg-projects {\n    position:relative;\n\n    padding:120px 0;\n\n    background:#fff;\n}\n\n#pdg-home .pdg-project-grid {\n    display:grid;\n\n    grid-template-columns:1.15fr .85fr;\n    grid-template-rows:300px 300px;\n\n    gap:18px;\n}\n\n#pdg-home .pdg-project {\n    position:relative;\n\n    overflow:hidden;\n\n    background:#111;\n}\n\n#pdg-home .pdg-project:first-child {\n    grid-row:1\/3;\n}\n\n#pdg-home .pdg-project::before {\n    content:\"\";\n\n    position:absolute;\n    z-index:4;\n\n    left:0;\n    bottom:0;\n\n    width:5px;\n    height:0;\n\n    background:var(--red);\n\n    transition:height .4s ease;\n}\n\n#pdg-home .pdg-project:hover::before {\n    height:100%;\n}\n\n#pdg-home .pdg-project img {\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    filter:saturate(.80);\n\n    transition:\n        transform .8s ease,\n        filter .8s ease;\n}\n\n#pdg-home .pdg-project:hover img {\n    transform:scale(1.09);\n\n    filter:saturate(1);\n}\n\n#pdg-home .pdg-project::after {\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            transparent 35%,\n            rgba(0,0,0,.96)\n        );\n}\n\n#pdg-home .pdg-project-info {\n    position:absolute;\n    z-index:3;\n\n    left:28px;\n    right:28px;\n    bottom:27px;\n\n    transition:transform .4s ease;\n}\n\n#pdg-home .pdg-project:hover .pdg-project-info {\n    transform:translateY(-8px);\n}\n\n#pdg-home .pdg-project-info span {\n    color:#ff4b4b;\n\n    font-size:10px;\n    font-weight:900;\n\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n}\n\n#pdg-home .pdg-project-info h3 {\n    margin:5px 0 0;\n\n    color:#fff;\n\n    font-size:22px;\n    font-weight:800;\n}\n\n\n\/* ============================================================\n   17. POURQUOI PARADIGMA\n============================================================ *\/\n\n#pdg-home .pdg-why {\n    position:relative;\n\n    padding:115px 0;\n\n    background:#f5f5f5;\n}\n\n#pdg-home .pdg-why-grid {\n    display:grid;\n\n    grid-template-columns:.85fr 1.15fr;\n\n    gap:75px;\n\n    align-items:center;\n}\n\n#pdg-home .pdg-why-wrap {\n    position:relative;\n\n    overflow:hidden;\n}\n\n#pdg-home .pdg-why-wrap::after {\n    content:\"\";\n\n    position:absolute;\n\n    right:0;\n    bottom:0;\n\n    width:95px;\n    height:95px;\n\n    border-right:6px solid var(--red);\n    border-bottom:6px solid var(--red);\n\n    pointer-events:none;\n}\n\n#pdg-home .pdg-why-image {\n    width:100%;\n    height:580px;\n\n    object-fit:cover;\n\n    filter:saturate(.82);\n\n    transition:\n        transform .8s ease,\n        filter .8s ease;\n}\n\n#pdg-home .pdg-why-wrap:hover .pdg-why-image {\n    transform:scale(1.05);\n\n    filter:saturate(1);\n}\n\n#pdg-home .pdg-why-item {\n    display:grid;\n\n    grid-template-columns:55px 1fr;\n\n    gap:18px;\n\n    padding:20px 0;\n\n    border-bottom:1px solid #ddd;\n\n    transition:padding .3s ease;\n}\n\n#pdg-home .pdg-why-item:hover {\n    padding-left:10px;\n}\n\n#pdg-home .pdg-why-num {\n    width:51px;\n    height:51px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    background:#111;\n\n    color:#fff;\n\n    border-bottom:3px solid var(--red);\n\n    font-weight:900;\n\n    transition:\n        background .3s ease,\n        color .3s ease,\n        transform .3s ease;\n}\n\n#pdg-home .pdg-why-item:hover .pdg-why-num {\n    background:var(--red);\n\n    color:#fff;\n\n    transform:rotate(-5deg);\n}\n\n#pdg-home .pdg-why-item h3 {\n    margin:0 0 4px;\n\n    color:#111;\n\n    font-size:17px;\n}\n\n#pdg-home .pdg-why-item p {\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:14px;\n\n    line-height:1.6;\n}\n\n\n\/* ============================================================\n   18. COLLABORATION\n============================================================ *\/\n\n#pdg-home .pdg-business {\n    position:relative;\n\n    padding:110px 0;\n\n    background:#fff;\n}\n\n#pdg-home .pdg-business-grid {\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:20px;\n\n    margin-top:45px;\n}\n\n#pdg-home .pdg-business-card {\n    position:relative;\n\n    min-height:340px;\n\n    padding:45px;\n\n    overflow:hidden;\n\n    background:#0b0b0b;\n\n    color:#fff;\n\n    border-top:4px solid var(--red);\n\n    transition:\n        transform .4s ease,\n        box-shadow .4s ease;\n}\n\n#pdg-home .pdg-business-card.partner {\n    background:#1b1b1b;\n}\n\n#pdg-home .pdg-business-card:hover {\n    transform:translateY(-8px);\n\n    box-shadow:0 25px 55px rgba(0,0,0,.22);\n}\n\n#pdg-home .pdg-business-card::after {\n    content:\"\";\n\n    position:absolute;\n\n    right:-80px;\n    bottom:-100px;\n\n    width:270px;\n    height:270px;\n\n    border:55px solid rgba(255,16,16,.08);\n\n    border-radius:50%;\n\n    transition:transform .7s ease;\n}\n\n#pdg-home .pdg-business-card:hover::after {\n    transform:scale(1.25) rotate(20deg);\n}\n\n#pdg-home .pdg-business-card > * {\n    position:relative;\n    z-index:2;\n}\n\n#pdg-home .pdg-business-card small {\n    color:#ff4d4d;\n\n    font-size:10px;\n    font-weight:900;\n\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n}\n\n#pdg-home .pdg-business-card h3 {\n    margin:15px 0;\n\n    color:#fff;\n\n    font-size:34px;\n    font-weight:800;\n\n    line-height:1.1;\n}\n\n#pdg-home .pdg-business-card p {\n    color:rgba(255,255,255,.68);\n\n    line-height:1.7;\n}\n\n\n\/* ============================================================\n   19. IMPLANTATIONS\n============================================================ *\/\n\n#pdg-home .pdg-locations {\n    position:relative;\n\n    padding:110px 0;\n\n    background:#090909;\n\n    color:#fff;\n}\n\n#pdg-home .pdg-locations::before {\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:0;\n\n    width:100%;\n    height:3px;\n\n    background:linear-gradient(\n        90deg,\n        var(--red),\n        transparent 70%\n    );\n}\n\n#pdg-home .pdg-locations .pdg-title {\n    color:#fff;\n}\n\n#pdg-home .pdg-location-grid {\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:18px;\n\n    margin-top:42px;\n}\n\n#pdg-home .pdg-location {\n    position:relative;\n\n    min-height:240px;\n\n    padding:40px;\n\n    overflow:hidden;\n\n    border:1px solid rgba(255,255,255,.12);\n\n    background:#111;\n\n    transition:\n        transform .4s ease,\n        border-color .4s ease,\n        background .4s ease;\n}\n\n#pdg-home .pdg-location::before {\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    top:0;\n\n    width:4px;\n    height:0;\n\n    background:var(--red);\n\n    transition:height .4s ease;\n}\n\n#pdg-home .pdg-location:hover {\n    transform:translateY(-7px);\n\n    border-color:rgba(255,16,16,.65);\n\n    background:#171717;\n}\n\n#pdg-home .pdg-location:hover::before {\n    height:100%;\n}\n\n#pdg-home .pdg-location span {\n    color:#ff4d4d;\n\n    font-size:10px;\n    font-weight:900;\n\n    letter-spacing:1.6px;\n    text-transform:uppercase;\n}\n\n#pdg-home .pdg-location h3 {\n    margin:5px 0 14px;\n\n    color:#fff;\n\n    font-size:30px;\n}\n\n#pdg-home .pdg-location p {\n    margin:0;\n\n    color:rgba(255,255,255,.62);\n\n    line-height:1.75;\n}\n\n\n\/* ============================================================\n   20. CTA ROUGE\n============================================================ *\/\n\n#pdg-home .pdg-cta {\n    position:relative;\n\n    padding:72px 0;\n\n    overflow:hidden;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--red-dark),\n            var(--red)\n        );\n}\n\n#pdg-home .pdg-cta::before {\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    top:0;\n    bottom:0;\n\n    width:8px;\n\n    background:#080808;\n}\n\n#pdg-home .pdg-cta::after {\n    content:\"\";\n\n    position:absolute;\n\n    right:-80px;\n    top:-170px;\n\n    width:420px;\n    height:420px;\n\n    border:80px solid rgba(255,255,255,.10);\n\n    border-radius:50%;\n}\n\n#pdg-home .pdg-cta-grid {\n    position:relative;\n    z-index:2;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:40px;\n}\n\n#pdg-home .pdg-cta h2 {\n    max-width:760px;\n\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(31px,4.2vw,52px);\n    font-weight:900;\n\n    line-height:1.05;\n    letter-spacing:-1.5px;\n}\n\n#pdg-home .pdg-cta .pdg-btn-dark {\n    background:#090909;\n\n    color:#fff;\n\n    box-shadow:0 12px 30px rgba(0,0,0,.22);\n}\n\n#pdg-home .pdg-cta .pdg-btn-dark:hover {\n    background:#fff;\n\n    color:#111;\n}\n\n\n\/* ============================================================\n   21. FOOTER\n============================================================ *\/\n\n#pdg-home .pdg-footer {\n    position:relative;\n\n    background:#050505;\n\n    color:#fff;\n}\n\n#pdg-home .pdg-footer::before {\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    top:0;\n\n    width:100%;\n    height:3px;\n\n    background:linear-gradient(\n        90deg,\n        var(--red),\n        var(--red-dark),\n        transparent 75%\n    );\n}\n\n#pdg-home .pdg-footer-main {\n    padding:72px 0 52px;\n}\n\n#pdg-home .pdg-footer-grid {\n    display:grid;\n\n    grid-template-columns:1.3fr .75fr 1fr 1.1fr;\n\n    gap:45px;\n}\n\n#pdg-home .pdg-footer-brand {\n    display:inline-flex;\n    align-items:center;\n\n    padding:10px 15px;\n\n    margin-bottom:20px;\n\n    background:#fff;\n\n    border-radius:4px;\n\n    border-left:4px solid var(--red);\n}\n\n#pdg-home .pdg-logo-footer {\n    width:auto !important;\n    height:62px !important;\n    max-width:200px !important;\n\n    object-fit:contain;\n}\n\n#pdg-home .pdg-footer-about {\n    max-width:350px;\n\n    margin:0;\n\n    color:rgba(255,255,255,.52);\n\n    font-size:14px;\n\n    line-height:1.7;\n}\n\n#pdg-home .pdg-footer h4 {\n    position:relative;\n\n    margin:0 0 22px;\n    padding-bottom:10px;\n\n    color:#fff;\n\n    font-size:12px;\n    font-weight:900;\n\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n#pdg-home .pdg-footer h4::after {\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    bottom:0;\n\n    width:28px;\n    height:2px;\n\n    background:var(--red);\n}\n\n#pdg-home .pdg-footer-links {\n    display:flex;\n    flex-direction:column;\n\n    gap:9px;\n}\n\n#pdg-home .pdg-footer-links a,\n#pdg-home .pdg-footer-links button {\n    padding:0;\n\n    border:0;\n\n    background:none;\n\n    color:rgba(255,255,255,.58);\n\n    text-align:left;\n\n    font-size:13px;\n\n    cursor:pointer;\n\n    transition:\n        color .25s ease,\n        transform .25s ease;\n}\n\n#pdg-home .pdg-footer-links a:hover,\n#pdg-home .pdg-footer-links button:hover {\n    color:#ff4d4d;\n\n    transform:translateX(4px);\n}\n\n#pdg-home .pdg-footer-contact {\n    color:rgba(255,255,255,.58);\n\n    font-size:13px;\n\n    line-height:1.7;\n}\n\n#pdg-home .pdg-footer-contact a {\n    color:rgba(255,255,255,.80);\n}\n\n#pdg-home .pdg-footer-contact a:hover {\n    color:#ff4d4d;\n}\n\n#pdg-home .pdg-footer-contact strong {\n    color:#fff;\n}\n\n#pdg-home .pdg-footer-bottom {\n    padding:22px 0;\n\n    border-top:1px solid rgba(255,255,255,.08);\n\n    background:#020202;\n}\n\n#pdg-home .pdg-footer-bottom-inner {\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:20px;\n\n    color:rgba(255,255,255,.38);\n\n    font-size:11px;\n}\n\n\n\/* ============================================================\n   22. MODALES\n============================================================ *\/\n\n#pdg-home .pdg-modal {\n    position:fixed;\n    z-index:99999999;\n\n    inset:0;\n\n    display:none;\n    align-items:center;\n    justify-content:center;\n\n    padding:25px;\n\n    background:rgba(0,0,0,.92);\n\n    -webkit-backdrop-filter:blur(10px);\n    backdrop-filter:blur(10px);\n}\n\n#pdg-home .pdg-modal.open {\n    display:flex;\n}\n\n#pdg-home .pdg-modal-box {\n    position:relative;\n\n    width:min(900px,100%);\n    max-height:90vh;\n\n    overflow:auto;\n\n    background:#fff;\n\n    border-top:5px solid var(--red);\n\n    box-shadow:0 30px 90px rgba(0,0,0,.50);\n\n    animation:pdgModal .35s ease;\n}\n\n@keyframes pdgModal {\n    from {\n        opacity:0;\n        transform:translateY(30px) scale(.97);\n    }\n\n    to {\n        opacity:1;\n        transform:none;\n    }\n}\n\n#pdg-home .pdg-modal-head {\n    padding:32px 38px 26px;\n\n    background:#0b0b0b;\n\n    color:#fff;\n}\n\n#pdg-home .pdg-modal-head small {\n    color:#ff4b4b;\n\n    font-size:10px;\n    font-weight:900;\n\n    letter-spacing:1.7px;\n    text-transform:uppercase;\n}\n\n#pdg-home .pdg-modal-head h2 {\n    margin:7px 0 5px;\n\n    color:#fff;\n\n    font-size:32px;\n}\n\n#pdg-home .pdg-modal-head p {\n    margin:0;\n\n    color:rgba(255,255,255,.62);\n\n    font-size:14px;\n}\n\n#pdg-home .pdg-modal-close {\n    position:absolute;\n    z-index:5;\n\n    top:18px;\n    right:20px;\n\n    width:42px;\n    height:42px;\n\n    border:1px solid rgba(255,255,255,.25);\n\n    background:rgba(255,255,255,.05);\n\n    color:#fff;\n\n    font-size:24px;\n\n    cursor:pointer;\n\n    transition:.25s;\n}\n\n#pdg-home .pdg-modal-close:hover {\n    border-color:var(--red);\n\n    background:var(--red);\n\n    color:#fff;\n\n    transform:rotate(90deg);\n}\n\n#pdg-home .pdg-modal-body {\n    padding:34px 38px 40px;\n}\n\n\n\/* ============================================================\n   23. FORMULAIRES\n============================================================ *\/\n\n#pdg-home .pdg-form-grid {\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:17px;\n}\n\n#pdg-home .pdg-field.full {\n    grid-column:1\/-1;\n}\n\n#pdg-home .pdg-field label {\n    display:block;\n\n    margin:0 0 7px;\n\n    color:#111;\n\n    font-size:11px;\n    font-weight:900;\n\n    text-transform:uppercase;\n}\n\n#pdg-home .pdg-field input,\n#pdg-home .pdg-field select,\n#pdg-home .pdg-field textarea {\n    width:100%;\n\n    min-height:51px;\n\n    padding:12px 14px;\n\n    border:1px solid #d8d8d8;\n    border-radius:0;\n\n    outline:0;\n\n    background:#fff;\n\n    color:#252525;\n\n    transition:\n        border-color .25s ease,\n        box-shadow .25s ease;\n}\n\n#pdg-home .pdg-field textarea {\n    min-height:125px;\n\n    resize:vertical;\n}\n\n#pdg-home .pdg-field input:focus,\n#pdg-home .pdg-field select:focus,\n#pdg-home .pdg-field textarea:focus {\n    border-color:var(--red);\n\n    box-shadow:0 0 0 3px rgba(255,16,16,.08);\n}\n\n#pdg-home .pdg-hp {\n    position:absolute !important;\n\n    left:-99999px !important;\n\n    width:1px !important;\n    height:1px !important;\n\n    overflow:hidden !important;\n}\n\n\n\/* CAPTCHA *\/\n\n#pdg-home .pdg-captcha {\n    margin:20px 0;\n\n    padding:20px;\n\n    border:1px solid #dedede;\n\n    background:#f7f7f7;\n}\n\n#pdg-home .pdg-captcha-top {\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:15px;\n\n    margin-bottom:12px;\n}\n\n#pdg-home .pdg-captcha-top strong {\n    color:#111;\n\n    font-size:12px;\n    font-weight:900;\n\n    text-transform:uppercase;\n}\n\n#pdg-home .pdg-refresh {\n    padding:0;\n\n    border:0;\n\n    background:none;\n\n    color:var(--red);\n\n    font-size:11px;\n    font-weight:900;\n\n    cursor:pointer;\n}\n\n#pdg-home .pdg-captcha-row {\n    display:flex;\n\n    gap:12px;\n}\n\n#pdg-home .pdg-question {\n    min-width:145px;\n    min-height:52px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    background:#111;\n\n    color:#fff;\n\n    border-left:4px solid var(--red);\n\n    font-size:20px;\n    font-weight:900;\n}\n\n#pdg-home .pdg-answer {\n    flex:1;\n}\n\n#pdg-home .pdg-answer input {\n    width:100%;\n    min-height:52px;\n\n    padding:10px 14px;\n\n    border:1px solid #d8d8d8;\n}\n\n#pdg-home .pdg-captcha-help {\n    margin:10px 0 0;\n\n    color:#777;\n\n    font-size:11px;\n}\n\n#pdg-home .pdg-captcha-error {\n    display:none;\n\n    margin-top:10px;\n\n    padding:10px;\n\n    border-left:3px solid var(--red);\n\n    background:#fff0f0;\n\n    color:#a60000;\n\n    font-size:12px;\n}\n\n#pdg-home .pdg-captcha-error.show {\n    display:block;\n}\n\n\n\/* ============================================================\n   24. ANIMATIONS EXISTANTES\n============================================================ *\/\n\n#pdg-home .pdg-animate {\n    opacity:1;\n    transform:none;\n}\n\n#pdg-home.pdg-js-ready .pdg-animate.pdg-before-reveal {\n    opacity:0;\n\n    transform:translateY(35px);\n}\n\n#pdg-home.pdg-js-ready .pdg-animate.pdg-before-reveal.pdg-from-left {\n    transform:translateX(-45px);\n}\n\n#pdg-home.pdg-js-ready .pdg-animate.pdg-before-reveal.pdg-from-right {\n    transform:translateX(45px);\n}\n\n#pdg-home.pdg-js-ready .pdg-animate.pdg-visible {\n    opacity:1;\n\n    transform:none;\n\n    transition:\n        opacity .75s cubic-bezier(.2,.7,.2,1),\n        transform .75s cubic-bezier(.2,.7,.2,1);\n}\n\n\n\/* HERO ANIMATIONS *\/\n\n#pdg-home.pdg-js-ready .pdg-slide.active .pdg-hero-kicker {\n    animation:pdgHeroIn .75s ease both;\n}\n\n#pdg-home.pdg-js-ready .pdg-slide.active h1 {\n    animation:pdgHeroIn .85s .12s ease both;\n}\n\n#pdg-home.pdg-js-ready .pdg-slide.active .pdg-hero-desc {\n    animation:pdgHeroIn .85s .24s ease both;\n}\n\n#pdg-home.pdg-js-ready .pdg-slide.active .pdg-buttons {\n    animation:pdgHeroIn .85s .36s ease both;\n}\n\n@keyframes pdgHeroIn {\n    from {\n        opacity:0;\n        transform:translateY(28px);\n    }\n\n    to {\n        opacity:1;\n        transform:none;\n    }\n}\n\n\n\/* ============================================================\n   25. RESPONSIVE\n============================================================ *\/\n\n@media(max-width:1100px) {\n\n    #pdg-home .pdg-menu {\n        position:fixed;\n        z-index:999999;\n\n        top:0;\n        right:-100%;\n\n        width:min(390px,90vw);\n        height:100vh;\n\n        margin:0;\n\n        padding:110px 35px 40px;\n\n        overflow-y:auto;\n\n        flex-direction:column;\n        align-items:flex-start;\n\n        gap:5px;\n\n        background:#080808;\n\n        border-left:3px solid var(--red);\n\n        box-shadow:-20px 0 50px rgba(0,0,0,.45);\n\n        transition:right .4s ease;\n    }\n\n    #pdg-home .pdg-menu.open {\n        right:0;\n    }\n\n    #pdg-home .pdg-menu-link {\n        width:100%;\n\n        min-height:auto;\n\n        padding:12px 0;\n\n        font-size:17px;\n    }\n\n    #pdg-home .pdg-menu-link::after {\n        bottom:5px;\n    }\n\n    #pdg-home .pdg-menu-actions {\n        width:100%;\n\n        margin:18px 0 0;\n\n        flex-direction:column;\n    }\n\n    #pdg-home .pdg-menu-btn {\n        width:100%;\n\n        min-height:50px;\n    }\n\n    #pdg-home .pdg-hamburger {\n        position:relative;\n        z-index:1000000;\n\n        display:block;\n    }\n\n    #pdg-home .pdg-about-grid,\n    #pdg-home .pdg-vision-grid,\n    #pdg-home .pdg-why-grid {\n        grid-template-columns:1fr;\n\n        gap:50px;\n    }\n\n    #pdg-home .pdg-services-grid {\n        grid-template-columns:1fr 1fr;\n    }\n\n    #pdg-home .pdg-footer-grid {\n        grid-template-columns:1fr 1fr;\n    }\n\n}\n\n\n@media(max-width:700px) {\n\n    #pdg-home .pdg-container {\n        width:calc(100% - 28px);\n    }\n\n    #pdg-home .pdg-nav {\n        min-height:76px;\n    }\n\n    #pdg-home .pdg-brand {\n        padding:5px 9px;\n    }\n\n    #pdg-home .pdg-logo {\n        height:42px !important;\n        max-width:145px !important;\n    }\n\n    #pdg-home .pdg-hero {\n        height:790px;\n        min-height:790px;\n        max-height:none;\n    }\n\n    #pdg-home .pdg-hero-content {\n        padding-top:125px;\n        padding-bottom:115px;\n    }\n\n    #pdg-home .pdg-hero h1 {\n        font-size:46px;\n\n        letter-spacing:-2px;\n    }\n\n    #pdg-home .pdg-hero-desc {\n        font-size:15px;\n\n        line-height:1.65;\n    }\n\n    #pdg-home .pdg-arrows {\n        display:none;\n    }\n\n    #pdg-home .pdg-stats-grid {\n        grid-template-columns:1fr 1fr;\n    }\n\n    #pdg-home .pdg-stat {\n        min-height:105px;\n\n        padding:22px 14px;\n    }\n\n    #pdg-home .pdg-about,\n    #pdg-home .pdg-services,\n    #pdg-home .pdg-vision,\n    #pdg-home .pdg-projects,\n    #pdg-home .pdg-why,\n    #pdg-home .pdg-business,\n    #pdg-home .pdg-locations {\n        padding:78px 0;\n    }\n\n    #pdg-home .pdg-about::before {\n        display:none;\n    }\n\n    #pdg-home .pdg-about-visual {\n        min-height:465px;\n    }\n\n    #pdg-home .pdg-about-main {\n        width:90%;\n        height:405px;\n    }\n\n    #pdg-home .pdg-about-small {\n        width:52%;\n        height:205px;\n    }\n\n    #pdg-home .pdg-checks,\n    #pdg-home .pdg-services-grid,\n    #pdg-home .pdg-values,\n    #pdg-home .pdg-business-grid,\n    #pdg-home .pdg-location-grid,\n    #pdg-home .pdg-form-grid {\n        grid-template-columns:1fr;\n    }\n\n    #pdg-home .pdg-field.full {\n        grid-column:auto;\n    }\n\n    #pdg-home .pdg-service {\n        min-height:390px;\n    }\n\n    #pdg-home .pdg-service-content {\n        transform:none;\n    }\n\n    #pdg-home .pdg-service p {\n        opacity:1;\n    }\n\n    #pdg-home .pdg-project-grid {\n        display:block;\n    }\n\n    #pdg-home .pdg-project,\n    #pdg-home .pdg-project:first-child {\n        height:350px;\n\n        margin-bottom:15px;\n    }\n\n    #pdg-home .pdg-why-image {\n        height:420px;\n    }\n\n    #pdg-home .pdg-business-card {\n        min-height:auto;\n\n        padding:32px 26px;\n    }\n\n    #pdg-home .pdg-business-card h3 {\n        font-size:28px;\n    }\n\n    #pdg-home .pdg-cta-grid {\n        display:block;\n    }\n\n    #pdg-home .pdg-cta .pdg-btn {\n        margin-top:25px;\n    }\n\n    #pdg-home .pdg-footer-grid {\n        grid-template-columns:1fr;\n    }\n\n    #pdg-home .pdg-footer-bottom-inner {\n        display:block;\n    }\n\n    #pdg-home .pdg-footer-bottom-inner span {\n        display:block;\n\n        margin:5px 0;\n    }\n\n    #pdg-home .pdg-modal {\n        padding:10px;\n    }\n\n    #pdg-home .pdg-modal-head,\n    #pdg-home .pdg-modal-body {\n        padding-left:22px;\n        padding-right:22px;\n    }\n\n    #pdg-home .pdg-captcha-row {\n        flex-direction:column;\n    }\n\n    #pdg-home .pdg-question {\n        width:100%;\n    }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n    html {\n        scroll-behavior:auto;\n    }\n\n    #pdg-home *,\n    #pdg-home *::before,\n    #pdg-home *::after {\n        animation-duration:.01ms !important;\n        animation-iteration-count:1 !important;\n        transition-duration:.01ms !important;\n    }\n\n}\n<\/style>\n\n<div class=\"pdg-progress\"><\/div>\n\n\n<!-- ============================================================\n     HEADER PARADIGMA\n============================================================ -->\n\n<header class=\"pdg-header\">\n\n    <div class=\"pdg-container pdg-nav\">\n\n        <a href=\"#accueil\" class=\"pdg-brand pdg-anchor\">\n\n            <img decoding=\"async\" src=\"https:\/\/societeparadigmasarl.com\/wp-content\/uploads\/2025\/09\/logo-paradigma.png\" alt=\"Soci\u00e9t\u00e9 PARADIGMA SARL\" class=\"pdg-logo\">\n\n        <\/a>\n\n\n        <nav class=\"pdg-menu\">\n\n            <a href=\"#accueil\" class=\"pdg-menu-link pdg-anchor active\">\n                Accueil\n            <\/a>\n\n            <a href=\"#a-propos\" class=\"pdg-menu-link pdg-anchor\">\n                \u00c0 propos\n            <\/a>\n\n            <a href=\"#services\" class=\"pdg-menu-link pdg-anchor\">\n                Services\n            <\/a>\n\n            <a href=\"#realisations\" class=\"pdg-menu-link pdg-anchor\">\n                R\u00e9alisations\n            <\/a>\n\n            <a href=\"#implantations\" class=\"pdg-menu-link pdg-anchor\">\n                Implantations\n            <\/a>\n\n            <a href=\"#contact\" class=\"pdg-menu-link pdg-anchor\">\n                Contact\n            <\/a>\n\n\n            <div class=\"pdg-menu-actions\">\n\n                <button type=\"button\" class=\"pdg-menu-btn pdg-open-partner\">\n                    Devenir partenaire\n                <\/button>\n\n                <button type=\"button\" class=\"pdg-menu-btn gold pdg-open-quote\">\n                    Demander un devis\n                <\/button>\n\n            <\/div>\n\n        <\/nav>\n\n\n        <button type=\"button\" class=\"pdg-hamburger\" aria-label=\"Ouvrir le menu\" aria-expanded=\"false\">\n\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n\n        <\/button>\n\n    <\/div>\n\n<\/header>\n\n\n<!-- ============================================================\n     HERO\n============================================================ -->\n\n<section class=\"pdg-hero\" id=\"accueil\">\n\n\n    <div class=\"pdg-slide active\">\n\n        <div class=\"pdg-slide-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?auto=format&amp;fit=crop&amp;w=2000&amp;q=88')\">\n        <\/div>\n\n        <div class=\"pdg-container pdg-hero-content\">\n\n            <div class=\"pdg-hero-inner\">\n\n                <div class=\"pdg-hero-kicker\">\n                    Soci\u00e9t\u00e9 PARADIGMA SARL\n                <\/div>\n\n                <h1>\n                    Construire aujourd&rsquo;hui.<br>\n                    <span>Transformer demain.<\/span>\n                <\/h1>\n\n                <p class=\"pdg-hero-desc\">\n                    Nous transformons les ambitions en infrastructures,\n                    solutions et projets durables capables d&rsquo;accompagner\n                    le d\u00e9veloppement de la R\u00e9publique D\u00e9mocratique du Congo.\n                <\/p>\n\n                <div class=\"pdg-buttons\">\n\n                    <a href=\"#a-propos\" class=\"pdg-btn pdg-btn-gold pdg-anchor\">\n                        D\u00e9couvrir PARADIGMA \u2192\n                    <\/a>\n\n                    <button type=\"button\" class=\"pdg-btn pdg-btn-outline pdg-open-quote\">\n                        Soumettre un projet\n                    <\/button>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"pdg-slide\">\n\n        <div class=\"pdg-slide-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1516939884455-1445c8652f83?auto=format&amp;fit=crop&amp;w=2000&amp;q=88')\">\n        <\/div>\n\n        <div class=\"pdg-container pdg-hero-content\">\n\n            <div class=\"pdg-hero-inner\">\n\n                <div class=\"pdg-hero-kicker\">\n                    B\u00e2timents &amp; infrastructures\n                <\/div>\n\n                <h1>\n                    Des ouvrages pens\u00e9s<br>\n                    <span>pour durer.<\/span>\n                <\/h1>\n\n                <p class=\"pdg-hero-desc\">\n                    De la conception \u00e0 l&rsquo;ex\u00e9cution, PARADIGMA accompagne\n                    les projets de b\u00e2timents, routes et infrastructures\n                    avec une exigence constante de qualit\u00e9 et de durabilit\u00e9.\n                <\/p>\n\n                <div class=\"pdg-buttons\">\n\n                    <a href=\"#services\" class=\"pdg-btn pdg-btn-gold pdg-anchor\">\n                        Nos expertises \u2192\n                    <\/a>\n\n                    <a href=\"#realisations\" class=\"pdg-btn pdg-btn-outline pdg-anchor\">\n                        Nos r\u00e9alisations\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"pdg-slide\">\n\n        <div class=\"pdg-slide-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1508514177221-188b1cf16e9d?auto=format&amp;fit=crop&amp;w=2000&amp;q=88')\">\n        <\/div>\n\n        <div class=\"pdg-container pdg-hero-content\">\n\n            <div class=\"pdg-hero-inner\">\n\n                <div class=\"pdg-hero-kicker\">\n                    \u00c9nergie &amp; d\u00e9veloppement durable\n                <\/div>\n\n                <h1>\n                    L&rsquo;\u00e9nergie au service<br>\n                    <span>du d\u00e9veloppement.<\/span>\n                <\/h1>\n\n                <p class=\"pdg-hero-desc\">\n                    Nous d\u00e9veloppons des solutions \u00e9nerg\u00e9tiques adapt\u00e9es\n                    aux r\u00e9alit\u00e9s locales et aux nouveaux enjeux\n                    de performance, d&rsquo;autonomie et de durabilit\u00e9.\n                <\/p>\n\n                <div class=\"pdg-buttons\">\n\n                    <a href=\"#services\" class=\"pdg-btn pdg-btn-gold pdg-anchor\">\n                        D\u00e9couvrir nos solutions \u2192\n                    <\/a>\n\n                    <button type=\"button\" class=\"pdg-btn pdg-btn-outline pdg-open-partner\">\n                        Devenir partenaire\n                    <\/button>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"pdg-hero-controls\">\n\n        <div class=\"pdg-dots\">\n\n            <button type=\"button\" class=\"pdg-dot active\" aria-label=\"Slide 1\"><\/button>\n\n            <button type=\"button\" class=\"pdg-dot\" aria-label=\"Slide 2\"><\/button>\n\n            <button type=\"button\" class=\"pdg-dot\" aria-label=\"Slide 3\"><\/button>\n\n        <\/div>\n\n\n        <div class=\"pdg-arrows\">\n\n            <button type=\"button\" class=\"pdg-arrow pdg-prev\" aria-label=\"Slide pr\u00e9c\u00e9dent\">\n                \u2190\n            <\/button>\n\n            <button type=\"button\" class=\"pdg-arrow pdg-next\" aria-label=\"Slide suivant\">\n                \u2192\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     INDICATEURS\n============================================================ -->\n\n<section class=\"pdg-stats\">\n\n    <div class=\"pdg-container pdg-stats-grid\">\n\n        <div class=\"pdg-stat pdg-animate\">\n            <strong>06<\/strong>\n            <span>Secteurs d&rsquo;intervention<\/span>\n        <\/div>\n\n        <div class=\"pdg-stat pdg-animate\">\n            <strong>RDC<\/strong>\n            <span>Ancrage national<\/span>\n        <\/div>\n\n        <div class=\"pdg-stat pdg-animate\">\n            <strong>360\u00b0<\/strong>\n            <span>Approche int\u00e9gr\u00e9e<\/span>\n        <\/div>\n\n        <div class=\"pdg-stat pdg-animate\">\n            <strong>01<\/strong>\n            <span>Vision commune<\/span>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     A PROPOS\n============================================================ -->\n\n<section class=\"pdg-about\" id=\"a-propos\">\n\n    <div class=\"pdg-container pdg-about-grid\">\n\n        <div class=\"pdg-about-visual pdg-animate pdg-from-left\">\n\n            <img decoding=\"async\" class=\"pdg-about-main\" src=\"https:\/\/images.unsplash.com\/photo-1541976590-713941681591?auto=format&amp;fit=crop&amp;w=1100&amp;q=85\" alt=\"Construction\">\n\n            <img decoding=\"async\" class=\"pdg-about-small\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?auto=format&amp;fit=crop&amp;w=800&amp;q=85\" alt=\"\u00c9quipe technique\">\n\n            <div class=\"pdg-about-badge\">\n\n                <strong>PARADIGMA<\/strong>\n\n                <span>\n                    Expertise \u2022 Innovation \u2022 Durabilit\u00e9\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"pdg-animate pdg-from-right\">\n\n            <div class=\"pdg-kicker\">\n                Qui sommes-nous ?\n            <\/div>\n\n            <h2 class=\"pdg-title\">\n                Une entreprise multisectorielle tourn\u00e9e vers l&rsquo;avenir.\n            <\/h2>\n\n            <p class=\"pdg-text\">\n                Soci\u00e9t\u00e9 PARADIGMA SARL intervient dans plusieurs secteurs\n                strat\u00e9giques afin d&rsquo;apporter des solutions adapt\u00e9es aux\n                besoins des entreprises, institutions, communaut\u00e9s et partenaires.\n            <\/p>\n\n            <p class=\"pdg-text\">\n                Notre approche associe expertise, innovation, responsabilit\u00e9\n                et connaissance du terrain pour transformer les projets\n                en r\u00e9alisations concr\u00e8tes et durables.\n            <\/p>\n\n\n            <div class=\"pdg-checks\">\n\n                <div class=\"pdg-check\">\n                    <i>\u2713<\/i>\n                    Expertise multidisciplinaire\n                <\/div>\n\n                <div class=\"pdg-check\">\n                    <i>\u2713<\/i>\n                    Solutions adapt\u00e9es au terrain\n                <\/div>\n\n                <div class=\"pdg-check\">\n                    <i>\u2713<\/i>\n                    Engagement qualit\u00e9\n                <\/div>\n\n                <div class=\"pdg-check\">\n                    <i>\u2713<\/i>\n                    D\u00e9veloppement durable\n                <\/div>\n\n                <div class=\"pdg-check\">\n                    <i>\u2713<\/i>\n                    Gestion responsable\n                <\/div>\n\n                <div class=\"pdg-check\">\n                    <i>\u2713<\/i>\n                    Culture du r\u00e9sultat\n                <\/div>\n\n            <\/div>\n\n\n            <a href=\"#services\" class=\"pdg-btn pdg-btn-gold pdg-anchor\">\n                D\u00e9couvrir nos expertises \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     SERVICES\n============================================================ -->\n\n<section class=\"pdg-services\" id=\"services\">\n\n    <div class=\"pdg-container\">\n\n        <div class=\"pdg-section-head pdg-animate\">\n\n            <div class=\"pdg-kicker\">\n                Nos secteurs d&rsquo;intervention\n            <\/div>\n\n            <h2 class=\"pdg-title\">\n                Une expertise diversifi\u00e9e.<br>\n                Une m\u00eame exigence.\n            <\/h2>\n\n            <p class=\"pdg-text\">\n                PARADIGMA r\u00e9unit plusieurs m\u00e9tiers compl\u00e9mentaires afin\n                d&rsquo;accompagner des projets \u00e0 fort impact \u00e9conomique,\n                social et territorial.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"pdg-services-grid\">\n\n\n            <article class=\"pdg-service pdg-animate\">\n\n                <div class=\"pdg-service-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?auto=format&amp;fit=crop&amp;w=1000&amp;q=85')\">\n                <\/div>\n\n                <div class=\"pdg-service-content\">\n\n                    <span class=\"pdg-service-number\">\n                        01 \/ BTP\n                    <\/span>\n\n                    <h3>\n                        Construction des b\u00e2timents\n                    <\/h3>\n\n                    <p>\n                        Conception et r\u00e9alisation de b\u00e2timents fonctionnels,\n                        modernes, fiables et adapt\u00e9s aux besoins de chaque projet.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"pdg-service pdg-animate\">\n\n                <div class=\"pdg-service-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1545558014-8692077e9b5c?auto=format&amp;fit=crop&amp;w=1000&amp;q=85')\">\n                <\/div>\n\n                <div class=\"pdg-service-content\">\n\n                    <span class=\"pdg-service-number\">\n                        02 \/ INFRASTRUCTURES\n                    <\/span>\n\n                    <h3>\n                        Construction des routes\n                    <\/h3>\n\n                    <p>\n                        D\u00e9veloppement d&rsquo;infrastructures routi\u00e8res pens\u00e9es\n                        pour am\u00e9liorer la mobilit\u00e9, les \u00e9changes\n                        et le d\u00e9veloppement des territoires.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"pdg-service pdg-animate\">\n\n                <div class=\"pdg-service-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1508514177221-188b1cf16e9d?auto=format&amp;fit=crop&amp;w=1000&amp;q=85')\">\n                <\/div>\n\n                <div class=\"pdg-service-content\">\n\n                    <span class=\"pdg-service-number\">\n                        03 \/ \u00c9NERGIE\n                    <\/span>\n\n                    <h3>\n                        Solutions \u00e9nerg\u00e9tiques\n                    <\/h3>\n\n                    <p>\n                        Des solutions innovantes visant la performance,\n                        l&rsquo;efficacit\u00e9 \u00e9nerg\u00e9tique et la r\u00e9duction\n                        de l&#8217;empreinte environnementale.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"pdg-service pdg-animate\">\n\n                <div class=\"pdg-service-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1500937386664-56d1dfef3854?auto=format&amp;fit=crop&amp;w=1000&amp;q=85')\">\n                <\/div>\n\n                <div class=\"pdg-service-content\">\n\n                    <span class=\"pdg-service-number\">\n                        04 \/ AGRO\n                    <\/span>\n\n                    <h3>\n                        Agroalimentaire\n                    <\/h3>\n\n                    <p>\n                        D\u00e9veloppement d&rsquo;activit\u00e9s agroalimentaires associant\n                        qualit\u00e9, s\u00e9curit\u00e9, production et valorisation\n                        des ressources locales.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"pdg-service pdg-animate\">\n\n                <div class=\"pdg-service-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1578319439584-104c94d37305?auto=format&amp;fit=crop&amp;w=1000&amp;q=85')\">\n                <\/div>\n\n                <div class=\"pdg-service-content\">\n\n                    <span class=\"pdg-service-number\">\n                        05 \/ RESSOURCES\n                    <\/span>\n\n                    <h3>\n                        Exploitation &amp; transformation\n                    <\/h3>\n\n                    <p>\n                        Valorisation responsable des mati\u00e8res premi\u00e8res\n                        et ressources strat\u00e9giques dans une logique\n                        de d\u00e9veloppement durable.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"pdg-service pdg-animate\">\n\n                <div class=\"pdg-service-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1521737604893-d14cc237f11d?auto=format&amp;fit=crop&amp;w=1000&amp;q=85')\">\n                <\/div>\n\n                <div class=\"pdg-service-content\">\n\n                    <span class=\"pdg-service-number\">\n                        06 \/ CAPITAL HUMAIN\n                    <\/span>\n\n                    <h3>\n                        Gestion des ressources humaines\n                    <\/h3>\n\n                    <p>\n                        Recrutement, formation, d\u00e9ploiement,\n                        supervision et gestion des \u00e9quipes\n                        selon des standards professionnels exigeants.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     VISION\n============================================================ -->\n\n<section class=\"pdg-vision\" id=\"vision\">\n\n    <div class=\"pdg-container pdg-vision-grid\">\n\n        <div class=\"pdg-vision-copy pdg-animate pdg-from-left\">\n\n            <div class=\"pdg-kicker\">\n                Notre vision\n            <\/div>\n\n            <h2 class=\"pdg-title\">\n                Cr\u00e9er de la valeur qui d\u00e9passe le projet.\n            <\/h2>\n\n            <p>\n                Pour PARADIGMA, une infrastructure, une solution\n                \u00e9nerg\u00e9tique ou un investissement n&rsquo;a de v\u00e9ritable\n                valeur que lorsqu&rsquo;il contribue durablement\n                au d\u00e9veloppement des communaut\u00e9s et des territoires.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"pdg-values\">\n\n            <div class=\"pdg-value pdg-animate\">\n\n                <div class=\"pdg-value-icon\">\u25c6<\/div>\n\n                <h3>Qualit\u00e9<\/h3>\n\n                <p>\n                    Rechercher la fiabilit\u00e9 et l&rsquo;excellence\n                    dans chaque \u00e9tape de nos interventions.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"pdg-value pdg-animate\">\n\n                <div class=\"pdg-value-icon\">\u25ce<\/div>\n\n                <h3>Innovation<\/h3>\n\n                <p>\n                    Int\u00e9grer des approches modernes capables\n                    de r\u00e9pondre aux d\u00e9fis d&rsquo;aujourd&rsquo;hui et de demain.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"pdg-value pdg-animate\">\n\n                <div class=\"pdg-value-icon\">\u25b3<\/div>\n\n                <h3>Durabilit\u00e9<\/h3>\n\n                <p>\n                    Concevoir des solutions responsables sur les plans\n                    \u00e9conomique, social et environnemental.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"pdg-value pdg-animate\">\n\n                <div class=\"pdg-value-icon\">\u2726<\/div>\n\n                <h3>Engagement<\/h3>\n\n                <p>\n                    Travailler avec responsabilit\u00e9,\n                    transparence et respect de nos engagements.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     REALISATIONS\n============================================================ -->\n\n<section class=\"pdg-projects\" id=\"realisations\">\n\n    <div class=\"pdg-container\">\n\n        <div class=\"pdg-section-head pdg-animate\">\n\n            <div class=\"pdg-kicker\">\n                Projets &amp; r\u00e9alisations\n            <\/div>\n\n            <h2 class=\"pdg-title\">\n                Du concept au terrain.\n            <\/h2>\n\n            <p class=\"pdg-text\">\n                Notre ambition est de faire de chaque projet\n                une r\u00e9alisation utile, performante et durable.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"pdg-project-grid\">\n\n\n            <div class=\"pdg-project pdg-animate\">\n\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1487958449943-2429e8be8625?auto=format&amp;fit=crop&amp;w=1200&amp;q=85\" alt=\"B\u00e2timents\">\n\n                <div class=\"pdg-project-info\">\n\n                    <span>B\u00e2timents<\/span>\n\n                    <h3>\n                        Construction &amp; d\u00e9veloppement immobilier\n                    <\/h3>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"pdg-project pdg-animate\">\n\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519003722824-194d4455a60c?auto=format&amp;fit=crop&amp;w=1000&amp;q=85\" alt=\"Infrastructure\">\n\n                <div class=\"pdg-project-info\">\n\n                    <span>Infrastructure<\/span>\n\n                    <h3>\n                        Routes &amp; mobilit\u00e9\n                    <\/h3>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"pdg-project pdg-animate\">\n\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497440001374-f26997328c1b?auto=format&amp;fit=crop&amp;w=1000&amp;q=85\" alt=\"\u00c9nergie\">\n\n                <div class=\"pdg-project-info\">\n\n                    <span>\u00c9nergie<\/span>\n\n                    <h3>\n                        Solutions durables\n                    <\/h3>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     POURQUOI PARADIGMA\n============================================================ -->\n\n<section class=\"pdg-why\" id=\"pourquoi\">\n\n    <div class=\"pdg-container pdg-why-grid\">\n\n        <div class=\"pdg-why-wrap pdg-animate pdg-from-left\">\n\n            <img decoding=\"async\" class=\"pdg-why-image\" src=\"https:\/\/images.unsplash.com\/photo-1531834685032-c34bf0d84c77?auto=format&amp;fit=crop&amp;w=1100&amp;q=85\" alt=\"\u00c9quipe PARADIGMA\">\n\n        <\/div>\n\n\n        <div class=\"pdg-animate pdg-from-right\">\n\n            <div class=\"pdg-kicker\">\n                Pourquoi PARADIGMA ?\n            <\/div>\n\n            <h2 class=\"pdg-title\">\n                Un partenaire qui comprend\n                les r\u00e9alit\u00e9s du terrain.\n            <\/h2>\n\n\n            <div class=\"pdg-why-item\">\n\n                <div class=\"pdg-why-num\">\n                    01\n                <\/div>\n\n                <div>\n\n                    <h3>\n                        Approche multidisciplinaire\n                    <\/h3>\n\n                    <p>\n                        Plusieurs domaines d&rsquo;expertise r\u00e9unis\n                        autour d&rsquo;une m\u00eame strat\u00e9gie d&rsquo;ex\u00e9cution.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"pdg-why-item\">\n\n                <div class=\"pdg-why-num\">\n                    02\n                <\/div>\n\n                <div>\n\n                    <h3>\n                        Connaissance du contexte local\n                    <\/h3>\n\n                    <p>\n                        Des solutions pens\u00e9es en fonction\n                        des r\u00e9alit\u00e9s \u00e9conomiques, g\u00e9ographiques\n                        et op\u00e9rationnelles de la RDC.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"pdg-why-item\">\n\n                <div class=\"pdg-why-num\">\n                    03\n                <\/div>\n\n                <div>\n\n                    <h3>\n                        Orientation r\u00e9sultats\n                    <\/h3>\n\n                    <p>\n                        Une attention particuli\u00e8re port\u00e9e\n                        aux objectifs, aux d\u00e9lais,\n                        \u00e0 la qualit\u00e9 et \u00e0 la p\u00e9rennit\u00e9.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"pdg-why-item\">\n\n                <div class=\"pdg-why-num\">\n                    04\n                <\/div>\n\n                <div>\n\n                    <h3>\n                        Partenariats durables\n                    <\/h3>\n\n                    <p>\n                        Des relations fond\u00e9es sur la confiance,\n                        la transparence et la cr\u00e9ation\n                        de valeur partag\u00e9e.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     COLLABORATION\n============================================================ -->\n\n<section class=\"pdg-business\" id=\"collaboration\">\n\n    <div class=\"pdg-container\">\n\n        <div class=\"pdg-section-head pdg-animate\">\n\n            <div class=\"pdg-kicker\">\n                Travaillons ensemble\n            <\/div>\n\n            <h2 class=\"pdg-title\">\n                Un projet ?\n                Une opportunit\u00e9 de partenariat ?\n            <\/h2>\n\n            <p class=\"pdg-text\">\n                Pr\u00e9sentez-nous votre besoin ou votre proposition.\n                PARADIGMA \u00e9tudie les projets et opportunit\u00e9s\n                de collaboration correspondant \u00e0 ses secteurs d&rsquo;intervention.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"pdg-business-grid\">\n\n\n            <div class=\"pdg-business-card pdg-animate\">\n\n                <small>\n                    Votre projet\n                <\/small>\n\n                <h3>\n                    Demandez une \u00e9tude ou un devis.\n                <\/h3>\n\n                <p>\n                    D\u00e9crivez votre projet, son emplacement,\n                    le secteur concern\u00e9 et vos besoins.\n                    Notre \u00e9quipe disposera ainsi des premi\u00e8res\n                    informations n\u00e9cessaires \u00e0 son analyse.\n                <\/p>\n\n                <button type=\"button\" class=\"pdg-btn pdg-btn-gold pdg-open-quote\">\n                    Demander un devis \u2192\n                <\/button>\n\n            <\/div>\n\n\n            <div class=\"pdg-business-card partner pdg-animate\">\n\n                <small>\n                    Collaboration\n                <\/small>\n\n                <h3>\n                    Devenez partenaire de PARADIGMA.\n                <\/h3>\n\n                <p>\n                    Entreprise, institution, investisseur,\n                    fournisseur ou partenaire technique :\n                    pr\u00e9sentez votre organisation et la forme\n                    de collaboration que vous souhaitez d\u00e9velopper.\n                <\/p>\n\n                <button type=\"button\" class=\"pdg-btn pdg-btn-gold pdg-open-partner\">\n                    Devenir partenaire \u2192\n                <\/button>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     IMPLANTATIONS\n============================================================ -->\n\n<section class=\"pdg-locations\" id=\"implantations\">\n\n    <div class=\"pdg-container\">\n\n        <div class=\"pdg-animate\">\n\n            <div class=\"pdg-kicker\">\n                Notre pr\u00e9sence\n            <\/div>\n\n            <h2 class=\"pdg-title\">\n                Au plus pr\u00e8s du terrain.\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"pdg-location-grid\">\n\n\n            <div class=\"pdg-location pdg-animate\">\n\n                <span>\n                    Province de la Tshopo\n                <\/span>\n\n                <h3>\n                    Kisangani\n                <\/h3>\n\n                <p>\n                    N\u00b0 03, Avenue Maman Mobutu,<br>\n                    Commune Makiso, Quartier Lualaba,<br>\n                    Ville de Kisangani.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"pdg-location pdg-animate\">\n\n                <span>\n                    Province de l&rsquo;Ituri\n                <\/span>\n\n                <h3>\n                    Bunia\n                <\/h3>\n\n                <p>\n                    N\u00b0 01, Avenue Lualaba,<br>\n                    Commune Nyakasanza, Quartier Nyakasaza 1,<br>\n                    Ville de Bunia.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     CTA\n============================================================ -->\n\n<section class=\"pdg-cta\">\n\n    <div class=\"pdg-container pdg-cta-grid\">\n\n        <h2 class=\"pdg-animate\">\n            Vous avez un projet ambitieux ?\n            Construisons-le ensemble.\n        <\/h2>\n\n        <button type=\"button\" class=\"pdg-btn pdg-btn-dark pdg-open-quote\">\n            Soumettre mon projet \u2192\n        <\/button>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     FOOTER PARADIGMA\n============================================================ -->\n\n<footer class=\"pdg-footer\" id=\"contact\">\n\n    <div class=\"pdg-footer-main\">\n\n        <div class=\"pdg-container pdg-footer-grid\">\n\n\n            <div>\n\n                <a href=\"#accueil\" class=\"pdg-footer-brand pdg-anchor\">\n\n                    <img decoding=\"async\" src=\"https:\/\/societeparadigmasarl.com\/wp-content\/uploads\/2025\/09\/logo-paradigma.png\" alt=\"PARADIGMA SARL\" class=\"pdg-logo-footer\">\n\n                <\/a>\n\n                <p class=\"pdg-footer-about\">\n                    Entreprise congolaise multisectorielle engag\u00e9e\n                    dans le d\u00e9veloppement d&rsquo;infrastructures,\n                    de solutions \u00e9nerg\u00e9tiques et de projets\n                    cr\u00e9ateurs de valeur.\n                <\/p>\n\n            <\/div>\n\n\n            <div>\n\n                <h4>\n                    Navigation\n                <\/h4>\n\n                <div class=\"pdg-footer-links\">\n\n                    <a href=\"#accueil\" class=\"pdg-anchor\">\n                        Accueil\n                    <\/a>\n\n                    <a href=\"#a-propos\" class=\"pdg-anchor\">\n                        \u00c0 propos\n                    <\/a>\n\n                    <a href=\"#services\" class=\"pdg-anchor\">\n                        Services\n                    <\/a>\n\n                    <a href=\"#realisations\" class=\"pdg-anchor\">\n                        R\u00e9alisations\n                    <\/a>\n\n                    <a href=\"#implantations\" class=\"pdg-anchor\">\n                        Implantations\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div>\n\n                <h4>\n                    Travailler avec nous\n                <\/h4>\n\n                <div class=\"pdg-footer-links\">\n\n                    <button type=\"button\" class=\"pdg-open-quote\">\n                        Demander un devis\n                    <\/button>\n\n                    <button type=\"button\" class=\"pdg-open-partner\">\n                        Devenir partenaire\n                    <\/button>\n\n                    <a href=\"#services\" class=\"pdg-anchor\">\n                        Nos secteurs d&rsquo;intervention\n                    <\/a>\n\n                    <a href=\"#contact\" class=\"pdg-anchor\">\n                        Nous contacter\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div>\n\n                <h4>\n                    Nous contacter\n                <\/h4>\n\n                <div class=\"pdg-footer-contact\">\n\n                    <p>\n\n                        <strong>\n                            T\u00e9l\u00e9phones\n                        <\/strong><br>\n\n                        <a href=\"tel:+243819026702\">\n                            +243 819 026 702\n                        <\/a><br>\n\n                        <a href=\"tel:+243998990069\">\n                            +243 998 990 069\n                        <\/a>\n\n                    <\/p>\n\n\n                    <p>\n\n                        <strong>\n                            Email\n                        <\/strong><br>\n\n                        <a href=\"mailto:infos@paradigma-rdc.com\">\n                            infos@paradigma-rdc.com\n                        <\/a>\n\n                    <\/p>\n\n\n                    <p>\n                        Kisangani \u2022 Bunia<br>\n                        R\u00e9publique D\u00e9mocratique du Congo\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"pdg-footer-bottom\">\n\n        <div class=\"pdg-container pdg-footer-bottom-inner\">\n\n            <span>\n                \u00a9 <span id=\"pdg-year\">2026<\/span>\n                Soci\u00e9t\u00e9 PARADIGMA SARL.\n                Tous droits r\u00e9serv\u00e9s.\n            <\/span>\n\n            <span>\n                Expertise \u2022 Innovation \u2022 Durabilit\u00e9\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/footer>\n\n\n<!-- ============================================================\n     MODAL DEVIS\n============================================================ -->\n\n<div class=\"pdg-modal\" id=\"pdg-quote-modal\">\n\n    <div class=\"pdg-modal-box\">\n\n        <button type=\"button\" class=\"pdg-modal-close\" aria-label=\"Fermer\">\n            \u00d7\n        <\/button>\n\n\n        <div class=\"pdg-modal-head\">\n\n            <small>\n                Demande commerciale\n            <\/small>\n\n            <h2>\n                Demander un devis\n            <\/h2>\n\n            <p>\n                Pr\u00e9sentez-nous votre projet afin de permettre\n                \u00e0 notre \u00e9quipe d&rsquo;effectuer une premi\u00e8re analyse.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"pdg-modal-body\">\n\n            <form id=\"pdg-quote-form\">\n\n\n                <div class=\"pdg-hp\" aria-hidden=\"true\">\n\n                    <label>\n                        Site web\n                    <\/label>\n\n                    <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n\n                <\/div>\n\n\n                <div class=\"pdg-form-grid\">\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            Nom complet *\n                        <\/label>\n\n                        <input type=\"text\" name=\"nom\" required=\"\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            Entreprise \/ Organisation\n                        <\/label>\n\n                        <input type=\"text\" name=\"entreprise\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            Email *\n                        <\/label>\n\n                        <input type=\"email\" name=\"email\" required=\"\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            T\u00e9l\u00e9phone *\n                        <\/label>\n\n                        <input type=\"tel\" name=\"telephone\" required=\"\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            Secteur *\n                        <\/label>\n\n                        <select name=\"secteur\" required=\"\">\n\n                            <option value=\"\">\n                                S\u00e9lectionner\n                            <\/option>\n\n                            <option>\n                                Construction des b\u00e2timents\n                            <\/option>\n\n                            <option>\n                                Construction des routes\n                            <\/option>\n\n                            <option>\n                                \u00c9nergie\n                            <\/option>\n\n                            <option>\n                                Agroalimentaire\n                            <\/option>\n\n                            <option>\n                                Exploitation &amp; transformation des mati\u00e8res premi\u00e8res\n                            <\/option>\n\n                            <option>\n                                Gestion des ressources humaines\n                            <\/option>\n\n                            <option>\n                                Autre\n                            <\/option>\n\n                        <\/select>\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            Localisation du projet *\n                        <\/label>\n\n                        <input type=\"text\" name=\"localisation\" required=\"\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            Budget indicatif\n                        <\/label>\n\n                        <input type=\"text\" name=\"budget\" placeholder=\"Ex. 100 000 USD\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            D\u00e9lai souhait\u00e9\n                        <\/label>\n\n                        <input type=\"text\" name=\"delai\" placeholder=\"Ex. 6 mois\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field full\">\n\n                        <label>\n                            Description du projet *\n                        <\/label>\n\n                        <textarea name=\"description\" required=\"\" placeholder=\"D\u00e9crivez votre projet, les prestations recherch\u00e9es et vos objectifs.\"><\/textarea>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"pdg-captcha\" data-captcha=\"quote\">\n\n                    <div class=\"pdg-captcha-top\">\n\n                        <strong>\n                            V\u00e9rification de s\u00e9curit\u00e9\n                        <\/strong>\n\n                        <button type=\"button\" class=\"pdg-refresh\">\n                            \u21bb Nouveau calcul\n                        <\/button>\n\n                    <\/div>\n\n\n                    <div class=\"pdg-captcha-row\">\n\n                        <div class=\"pdg-question\">\n                            Calcul&#8230;\n                        <\/div>\n\n                        <div class=\"pdg-answer\">\n\n                            <input type=\"number\" inputmode=\"numeric\" autocomplete=\"off\" placeholder=\"Votre r\u00e9ponse\" required=\"\">\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"pdg-captcha-error\">\n                        R\u00e9ponse incorrecte.\n                        Un nouveau calcul a \u00e9t\u00e9 g\u00e9n\u00e9r\u00e9.\n                    <\/div>\n\n                    <p class=\"pdg-captcha-help\">\n                        Pour votre s\u00e9curit\u00e9, la demande ne peut \u00eatre pr\u00e9par\u00e9e\n                        qu&rsquo;apr\u00e8s validation du calcul anti-spam.\n                    <\/p>\n\n                <\/div>\n\n\n                <button type=\"submit\" class=\"pdg-btn pdg-btn-dark\">\n                    Envoyer la demande \u2192\n                <\/button>\n\n            <\/form>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- ============================================================\n     MODAL PARTENARIAT\n============================================================ -->\n\n<div class=\"pdg-modal\" id=\"pdg-partner-modal\">\n\n    <div class=\"pdg-modal-box\">\n\n        <button type=\"button\" class=\"pdg-modal-close\" aria-label=\"Fermer\">\n            \u00d7\n        <\/button>\n\n\n        <div class=\"pdg-modal-head\">\n\n            <small>\n                Partenariat\n            <\/small>\n\n            <h2>\n                Devenir partenaire\n            <\/h2>\n\n            <p>\n                Pr\u00e9sentez votre organisation et la collaboration\n                que vous souhaitez d\u00e9velopper avec PARADIGMA.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"pdg-modal-body\">\n\n            <form id=\"pdg-partner-form\">\n\n\n                <div class=\"pdg-hp\" aria-hidden=\"true\">\n\n                    <label>\n                        Site web\n                    <\/label>\n\n                    <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n\n                <\/div>\n\n\n                <div class=\"pdg-form-grid\">\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            Nom complet *\n                        <\/label>\n\n                        <input type=\"text\" name=\"nom\" required=\"\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            Fonction *\n                        <\/label>\n\n                        <input type=\"text\" name=\"fonction\" required=\"\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            Entreprise \/ Organisation *\n                        <\/label>\n\n                        <input type=\"text\" name=\"organisation\" required=\"\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            Pays \/ Ville *\n                        <\/label>\n\n                        <input type=\"text\" name=\"localisation\" required=\"\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            Email *\n                        <\/label>\n\n                        <input type=\"email\" name=\"email\" required=\"\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field\">\n\n                        <label>\n                            T\u00e9l\u00e9phone *\n                        <\/label>\n\n                        <input type=\"tel\" name=\"telephone\" required=\"\">\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field full\">\n\n                        <label>\n                            Type de partenariat *\n                        <\/label>\n\n                        <select name=\"type\" required=\"\">\n\n                            <option value=\"\">\n                                S\u00e9lectionner\n                            <\/option>\n\n                            <option>\n                                Partenariat technique\n                            <\/option>\n\n                            <option>\n                                Partenariat commercial\n                            <\/option>\n\n                            <option>\n                                Investissement \/ financement\n                            <\/option>\n\n                            <option>\n                                Fourniture \/ sous-traitance\n                            <\/option>\n\n                            <option>\n                                Co-d\u00e9veloppement de projet\n                            <\/option>\n\n                            <option>\n                                Partenariat institutionnel\n                            <\/option>\n\n                            <option>\n                                Autre\n                            <\/option>\n\n                        <\/select>\n\n                    <\/div>\n\n\n                    <div class=\"pdg-field full\">\n\n                        <label>\n                            Pr\u00e9sentation de la proposition *\n                        <\/label>\n\n                        <textarea name=\"proposition\" required=\"\" placeholder=\"Pr\u00e9sentez votre organisation et le partenariat envisag\u00e9.\"><\/textarea>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"pdg-captcha\" data-captcha=\"partner\">\n\n                    <div class=\"pdg-captcha-top\">\n\n                        <strong>\n                            V\u00e9rification de s\u00e9curit\u00e9\n                        <\/strong>\n\n                        <button type=\"button\" class=\"pdg-refresh\">\n                            \u21bb Nouveau calcul\n                        <\/button>\n\n                    <\/div>\n\n\n                    <div class=\"pdg-captcha-row\">\n\n                        <div class=\"pdg-question\">\n                            Calcul&#8230;\n                        <\/div>\n\n                        <div class=\"pdg-answer\">\n\n                            <input type=\"number\" inputmode=\"numeric\" autocomplete=\"off\" placeholder=\"Votre r\u00e9ponse\" required=\"\">\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"pdg-captcha-error\">\n                        R\u00e9ponse incorrecte.\n                        Un nouveau calcul a \u00e9t\u00e9 g\u00e9n\u00e9r\u00e9.\n                    <\/div>\n\n                    <p class=\"pdg-captcha-help\">\n                        Cette v\u00e9rification simple permet de limiter\n                        les soumissions automatiques et le spam.\n                    <\/p>\n\n                <\/div>\n\n\n                <button type=\"submit\" class=\"pdg-btn pdg-btn-dark\">\n                    Soumettre le partenariat \u2192\n                <\/button>\n\n            <\/form>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n<script>\n(function () {\n    \"use strict\";\n\n    \/* =========================================================\n       PARADIGMA SARL\n       JAVASCRIPT STABLE\n       - Slider\n       - Menu mobile\n       - Navigation\n       - Modales devis \/ partenariat\n       - CAPTCHA\n       - Animations\n       - Header\n       - Progression\n    ========================================================= *\/\n\n    function initParadigma() {\n\n        var root = document.getElementById(\"pdg-home\");\n\n        if (!root) {\n            return;\n        }\n\n        \/* Eviter une double initialisation par WordPress\/Colibri *\/\n        if (root.getAttribute(\"data-pdg-initialized\") === \"1\") {\n            return;\n        }\n\n        root.setAttribute(\"data-pdg-initialized\", \"1\");\n        root.classList.add(\"pdg-js-ready\");\n\n\n        \/* =====================================================\n           1. ELEMENTS PRINCIPAUX\n        ===================================================== *\/\n\n        var header = root.querySelector(\".pdg-header\");\n        var menu = root.querySelector(\".pdg-menu\");\n        var hamburger = root.querySelector(\".pdg-hamburger\");\n        var progress = root.querySelector(\".pdg-progress\");\n\n        var quoteModal = document.getElementById(\"pdg-quote-modal\");\n        var partnerModal = document.getElementById(\"pdg-partner-modal\");\n\n\n        \/* =====================================================\n           2. MASQUER LE HEADER\/FOOTER SILVERSTORM\n        ===================================================== *\/\n\n        function hideThemeChrome() {\n\n            var selectors = [\n                \"body#colibri #page-top > .header.header-front-page\",\n                \"body#colibri #page-top > .footer.footer-front-page\",\n                \"body#colibri .colibri-sidebar.blog-sidebar-right\",\n                \"body#colibri [data-colibri-main-sidebar-col='1'].colibri-sidebar\"\n            ];\n\n            selectors.forEach(function (selector) {\n\n                document.querySelectorAll(selector).forEach(function (el) {\n\n                    if (!root.contains(el)) {\n                        el.style.setProperty(\"display\", \"none\", \"important\");\n                    }\n\n                });\n\n            });\n\n        }\n\n        hideThemeChrome();\n\n\n        \/* =====================================================\n           3. HEADER FIXE\n        ===================================================== *\/\n\n        function updateHeader() {\n\n            if (!header) {\n                return;\n            }\n\n            if (window.scrollY > 45) {\n                header.classList.add(\"scrolled\");\n            } else {\n                header.classList.remove(\"scrolled\");\n            }\n\n        }\n\n\n        \/* =====================================================\n           4. BARRE DE PROGRESSION\n        ===================================================== *\/\n\n        function updateProgress() {\n\n            if (!progress) {\n                return;\n            }\n\n            var documentHeight =\n                Math.max(\n                    document.body.scrollHeight,\n                    document.documentElement.scrollHeight\n                );\n\n            var max =\n                documentHeight - window.innerHeight;\n\n            var percentage =\n                max > 0\n                    ? (window.scrollY \/ max) * 100\n                    : 0;\n\n            progress.style.width =\n                Math.max(\n                    0,\n                    Math.min(100, percentage)\n                ) + \"%\";\n\n        }\n\n\n        \/* =====================================================\n           5. MENU MOBILE\n        ===================================================== *\/\n\n        function closeMobileMenu() {\n\n            if (menu) {\n                menu.classList.remove(\"open\");\n            }\n\n            if (hamburger) {\n\n                hamburger.classList.remove(\"active\");\n\n                hamburger.setAttribute(\n                    \"aria-expanded\",\n                    \"false\"\n                );\n\n            }\n\n        }\n\n\n        if (hamburger && menu) {\n\n            hamburger.addEventListener(\"click\", function (event) {\n\n                event.preventDefault();\n                event.stopPropagation();\n\n                var opening =\n                    !menu.classList.contains(\"open\");\n\n                menu.classList.toggle(\n                    \"open\",\n                    opening\n                );\n\n                hamburger.classList.toggle(\n                    \"active\",\n                    opening\n                );\n\n                hamburger.setAttribute(\n                    \"aria-expanded\",\n                    opening ? \"true\" : \"false\"\n                );\n\n            });\n\n        }\n\n\n        \/* =====================================================\n           6. NAVIGATION INTERNE\n        ===================================================== *\/\n\n        root.querySelectorAll(\"a.pdg-anchor\").forEach(function (link) {\n\n            link.addEventListener(\"click\", function (event) {\n\n                var href =\n                    link.getAttribute(\"href\");\n\n                if (\n                    !href ||\n                    href.charAt(0) !== \"#\"\n                ) {\n                    return;\n                }\n\n                var target =\n                    document.querySelector(href);\n\n                if (!target) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                closeMobileMenu();\n\n                var headerHeight =\n                    header\n                        ? header.offsetHeight\n                        : 76;\n\n                var top =\n                    target.getBoundingClientRect().top +\n                    window.pageYOffset -\n                    headerHeight;\n\n                window.scrollTo({\n                    top: top,\n                    behavior: \"smooth\"\n                });\n\n            });\n\n        });\n\n\n        \/* =====================================================\n           7. MENU ACTIF\n        ===================================================== *\/\n\n        var menuLinks =\n            root.querySelectorAll(\".pdg-menu-link\");\n\n        var sectionIds = [\n            \"accueil\",\n            \"a-propos\",\n            \"services\",\n            \"realisations\",\n            \"implantations\",\n            \"contact\"\n        ];\n\n\n        function updateActiveMenu() {\n\n            var position =\n                window.pageYOffset +\n                (header ? header.offsetHeight : 76) +\n                140;\n\n            var current = \"accueil\";\n\n\n            sectionIds.forEach(function (id) {\n\n                var section =\n                    document.getElementById(id);\n\n                if (\n                    section &&\n                    section.offsetTop <= position\n                ) {\n                    current = id;\n                }\n\n            });\n\n\n            menuLinks.forEach(function (link) {\n\n                link.classList.toggle(\n                    \"active\",\n                    link.getAttribute(\"href\") === \"#\" + current\n                );\n\n            });\n\n        }\n\n\n        \/* =====================================================\n           8. HERO SLIDER\n        ===================================================== *\/\n\n        var slides =\n            root.querySelectorAll(\".pdg-slide\");\n\n        var dots =\n            root.querySelectorAll(\".pdg-dot\");\n\n        var previous =\n            root.querySelector(\".pdg-prev\");\n\n        var next =\n            root.querySelector(\".pdg-next\");\n\n        var currentSlide = 0;\n        var sliderTimer = null;\n\n\n        function showSlide(index) {\n\n            if (!slides.length) {\n                return;\n            }\n\n            if (index < 0) {\n                index = slides.length - 1;\n            }\n\n            if (index >= slides.length) {\n                index = 0;\n            }\n\n\n            slides.forEach(function (slide) {\n                slide.classList.remove(\"active\");\n            });\n\n\n            dots.forEach(function (dot) {\n                dot.classList.remove(\"active\");\n            });\n\n\n            slides[index].classList.add(\"active\");\n\n            if (dots[index]) {\n                dots[index].classList.add(\"active\");\n            }\n\n            currentSlide = index;\n\n        }\n\n\n        function restartSlider() {\n\n            if (sliderTimer) {\n                clearInterval(sliderTimer);\n            }\n\n            if (slides.length <= 1) {\n                return;\n            }\n\n            sliderTimer =\n                setInterval(function () {\n\n                    showSlide(currentSlide + 1);\n\n                }, 6500);\n\n        }\n\n\n        if (next) {\n\n            next.addEventListener(\"click\", function (event) {\n\n                event.preventDefault();\n\n                showSlide(currentSlide + 1);\n                restartSlider();\n\n            });\n\n        }\n\n\n        if (previous) {\n\n            previous.addEventListener(\"click\", function (event) {\n\n                event.preventDefault();\n\n                showSlide(currentSlide - 1);\n                restartSlider();\n\n            });\n\n        }\n\n\n        dots.forEach(function (dot, index) {\n\n            dot.addEventListener(\"click\", function (event) {\n\n                event.preventDefault();\n\n                showSlide(index);\n                restartSlider();\n\n            });\n\n        });\n\n\n        showSlide(0);\n        restartSlider();\n\n\n        \/* =====================================================\n           9. MODALES\n           \n           CORRECTION PRINCIPALE\n           \n           On utilise une d\u00e9l\u00e9gation d'\u00e9v\u00e9nement.\n           Ainsi, m\u00eame si Colibri reconstruit une partie du DOM,\n           les boutons continueront \u00e0 fonctionner.\n        ===================================================== *\/\n\n        function openModal(modal) {\n\n            if (!modal) {\n                return;\n            }\n\n            closeMobileMenu();\n\n            \/*\n             Important :\n             on force aussi les propri\u00e9t\u00e9s directement.\n             Ainsi la modale fonctionne m\u00eame si une r\u00e8gle CSS\n             WordPress entre en conflit avec .open.\n            *\/\n\n            modal.classList.add(\"open\");\n\n            modal.style.setProperty(\n                \"display\",\n                \"flex\",\n                \"important\"\n            );\n\n            modal.style.setProperty(\n                \"visibility\",\n                \"visible\",\n                \"important\"\n            );\n\n            modal.style.setProperty(\n                \"opacity\",\n                \"1\",\n                \"important\"\n            );\n\n            document.documentElement.style.overflow = \"hidden\";\n            document.body.style.overflow = \"hidden\";\n\n\n            var captcha =\n                modal.querySelector(\".pdg-captcha\");\n\n            if (captcha) {\n                generateCaptcha(captcha);\n            }\n\n\n            \/*\n             Focus sur le premier champ utile.\n            *\/\n\n            window.setTimeout(function () {\n\n                var field =\n                    modal.querySelector(\n                        \"input:not([tabindex='-1']), select, textarea\"\n                    );\n\n                if (field) {\n                    field.focus();\n                }\n\n            }, 150);\n\n        }\n\n\n        function closeModal(modal) {\n\n            if (!modal) {\n                return;\n            }\n\n            modal.classList.remove(\"open\");\n\n            modal.style.removeProperty(\"display\");\n            modal.style.removeProperty(\"visibility\");\n            modal.style.removeProperty(\"opacity\");\n\n            document.documentElement.style.overflow = \"\";\n            document.body.style.overflow = \"\";\n\n        }\n\n\n        \/*\n         DELEGATION GLOBALE.\n\n         Elle couvre automatiquement :\n\n         .pdg-open-quote\n         .pdg-open-partner\n         .pdg-modal-close\n\n         Cela comprend donc :\n         - Demander un devis\n         - Soumettre un projet\n         - Soumettre mon projet\n         - Devenir partenaire\n        *\/\n\n        document.addEventListener(\n            \"click\",\n            function (event) {\n\n                var quoteButton =\n                    event.target.closest(\".pdg-open-quote\");\n\n                var partnerButton =\n                    event.target.closest(\".pdg-open-partner\");\n\n                var closeButton =\n                    event.target.closest(\".pdg-modal-close\");\n\n\n                \/* -------------------------------\n                   DEVIS \/ SOUMETTRE PROJET\n                -------------------------------- *\/\n\n                if (\n                    quoteButton &#038;&#038;\n                    root.contains(quoteButton)\n                ) {\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    openModal(quoteModal);\n\n                    return;\n\n                }\n\n\n                \/* -------------------------------\n                   PARTENARIAT\n                -------------------------------- *\/\n\n                if (\n                    partnerButton &#038;&#038;\n                    root.contains(partnerButton)\n                ) {\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    openModal(partnerModal);\n\n                    return;\n\n                }\n\n\n                \/* -------------------------------\n                   FERMER\n                -------------------------------- *\/\n\n                if (\n                    closeButton &#038;&#038;\n                    root.contains(closeButton)\n                ) {\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    var modal =\n                        closeButton.closest(\".pdg-modal\");\n\n                    closeModal(modal);\n\n                    return;\n\n                }\n\n\n                \/* -------------------------------\n                   CLIC SUR FOND DE MODALE\n                -------------------------------- *\/\n\n                var clickedModal =\n                    event.target.classList &#038;&#038;\n                    event.target.classList.contains(\"pdg-modal\")\n                        ? event.target\n                        : null;\n\n                if (clickedModal) {\n\n                    closeModal(clickedModal);\n\n                }\n\n            },\n            false\n        );\n\n\n        \/*\n         ESC ferme les fen\u00eatres.\n        *\/\n\n        document.addEventListener(\"keydown\", function (event) {\n\n            if (event.key === \"Escape\") {\n\n                document\n                    .querySelectorAll(\"#pdg-home .pdg-modal.open\")\n                    .forEach(function (modal) {\n\n                        closeModal(modal);\n\n                    });\n\n                closeMobileMenu();\n\n            }\n\n        });\n\n\n        \/* =====================================================\n           10. CAPTCHA\n        ===================================================== *\/\n\n        var captchaAnswers = {};\n\n\n        function randomNumber(min, max) {\n\n            return Math.floor(\n                Math.random() *\n                (max - min + 1)\n            ) + min;\n\n        }\n\n\n        function generateCaptcha(box) {\n\n            if (!box) {\n                return;\n            }\n\n            var key =\n                box.getAttribute(\"data-captcha\");\n\n            if (!key) {\n                return;\n            }\n\n\n            var first =\n                randomNumber(2, 9);\n\n            var second =\n                randomNumber(2, 9);\n\n\n            captchaAnswers[key] =\n                first + second;\n\n\n            var question =\n                box.querySelector(\".pdg-question\");\n\n            var input =\n                box.querySelector(\".pdg-answer input\");\n\n            var error =\n                box.querySelector(\".pdg-captcha-error\");\n\n\n            if (question) {\n\n                question.textContent =\n                    first +\n                    \" + \" +\n                    second +\n                    \" = ?\";\n\n            }\n\n\n            if (input) {\n                input.value = \"\";\n            }\n\n\n            if (error) {\n                error.classList.remove(\"show\");\n            }\n\n        }\n\n\n        function validateCaptcha(box) {\n\n            if (!box) {\n                return false;\n            }\n\n            var key =\n                box.getAttribute(\"data-captcha\");\n\n            var input =\n                box.querySelector(\".pdg-answer input\");\n\n            var error =\n                box.querySelector(\".pdg-captcha-error\");\n\n\n            if (!input) {\n                return false;\n            }\n\n\n            var answer =\n                parseInt(\n                    input.value,\n                    10\n                );\n\n\n            if (\n                isNaN(answer) ||\n                answer !== captchaAnswers[key]\n            ) {\n\n                generateCaptcha(box);\n\n                if (error) {\n                    error.classList.add(\"show\");\n                }\n\n                input.focus();\n\n                return false;\n\n            }\n\n\n            if (error) {\n                error.classList.remove(\"show\");\n            }\n\n            return true;\n\n        }\n\n\n        \/*\n         Initialisation CAPTCHA.\n        *\/\n\n        root\n            .querySelectorAll(\".pdg-captcha\")\n            .forEach(function (box) {\n\n                generateCaptcha(box);\n\n            });\n\n\n        \/*\n         Bouton nouveau calcul.\n        *\/\n\n        document.addEventListener(\"click\", function (event) {\n\n            var refresh =\n                event.target.closest(\n                    \"#pdg-home .pdg-refresh\"\n                );\n\n            if (!refresh) {\n                return;\n            }\n\n            event.preventDefault();\n\n            var box =\n                refresh.closest(\".pdg-captcha\");\n\n            generateCaptcha(box);\n\n        });\n\n\n        \/* =====================================================\n           11. FORMULAIRE DEVIS\n        ===================================================== *\/\n\n        var quoteForm =\n            document.getElementById(\n                \"pdg-quote-form\"\n            );\n\n\n        if (quoteForm) {\n\n            quoteForm.addEventListener(\n                \"submit\",\n                function (event) {\n\n                    event.preventDefault();\n\n\n                    if (!quoteForm.checkValidity()) {\n\n                        quoteForm.reportValidity();\n                        return;\n\n                    }\n\n\n                    var data =\n                        new FormData(quoteForm);\n\n\n                    \/*\n                     Honeypot.\n                    *\/\n\n                    if (data.get(\"website\")) {\n                        return;\n                    }\n\n\n                    var captcha =\n                        quoteForm.querySelector(\n                            \".pdg-captcha\"\n                        );\n\n\n                    if (!validateCaptcha(captcha)) {\n                        return;\n                    }\n\n\n                    var nom =\n                        data.get(\"nom\") || \"\";\n\n                    var entreprise =\n                        data.get(\"entreprise\") || \"\";\n\n                    var email =\n                        data.get(\"email\") || \"\";\n\n                    var telephone =\n                        data.get(\"telephone\") || \"\";\n\n                    var secteur =\n                        data.get(\"secteur\") || \"\";\n\n                    var localisation =\n                        data.get(\"localisation\") || \"\";\n\n                    var budget =\n                        data.get(\"budget\") ||\n                        \"Non pr\u00e9cis\u00e9\";\n\n                    var delai =\n                        data.get(\"delai\") ||\n                        \"Non pr\u00e9cis\u00e9\";\n\n                    var description =\n                        data.get(\"description\") || \"\";\n\n\n                    var subject =\n                        \"Demande de devis - \" +\n                        (\n                            entreprise ||\n                            nom\n                        );\n\n\n                    var body =\n                        \"DEMANDE DE DEVIS - SOCIETE PARADIGMA SARL\\n\\n\" +\n\n                        \"Nom complet :\\n\" +\n                        nom +\n                        \"\\n\\n\" +\n\n                        \"Entreprise \/ Organisation :\\n\" +\n                        (entreprise || \"-\") +\n                        \"\\n\\n\" +\n\n                        \"Email :\\n\" +\n                        email +\n                        \"\\n\\n\" +\n\n                        \"T\u00e9l\u00e9phone :\\n\" +\n                        telephone +\n                        \"\\n\\n\" +\n\n                        \"Secteur :\\n\" +\n                        secteur +\n                        \"\\n\\n\" +\n\n                        \"Localisation du projet :\\n\" +\n                        localisation +\n                        \"\\n\\n\" +\n\n                        \"Budget indicatif :\\n\" +\n                        budget +\n                        \"\\n\\n\" +\n\n                        \"D\u00e9lai souhait\u00e9 :\\n\" +\n                        delai +\n                        \"\\n\\n\" +\n\n                        \"DESCRIPTION DU PROJET\\n\\n\" +\n                        description;\n\n\n                    var mailto =\n                        \"mailto:contact@societeparadigmasarl.com\" +\n                        \"?subject=\" +\n                        encodeURIComponent(subject) +\n                        \"&#038;body=\" +\n                        encodeURIComponent(body);\n\n\n                    window.location.href = mailto;\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           12. FORMULAIRE PARTENARIAT\n        ===================================================== *\/\n\n        var partnerForm =\n            document.getElementById(\n                \"pdg-partner-form\"\n            );\n\n\n        if (partnerForm) {\n\n            partnerForm.addEventListener(\n                \"submit\",\n                function (event) {\n\n                    event.preventDefault();\n\n\n                    if (!partnerForm.checkValidity()) {\n\n                        partnerForm.reportValidity();\n                        return;\n\n                    }\n\n\n                    var data =\n                        new FormData(partnerForm);\n\n\n                    \/*\n                     Honeypot.\n                    *\/\n\n                    if (data.get(\"website\")) {\n                        return;\n                    }\n\n\n                    var captcha =\n                        partnerForm.querySelector(\n                            \".pdg-captcha\"\n                        );\n\n\n                    if (!validateCaptcha(captcha)) {\n                        return;\n                    }\n\n\n                    var nom =\n                        data.get(\"nom\") || \"\";\n\n                    var fonction =\n                        data.get(\"fonction\") || \"\";\n\n                    var organisation =\n                        data.get(\"organisation\") || \"\";\n\n                    var localisation =\n                        data.get(\"localisation\") || \"\";\n\n                    var email =\n                        data.get(\"email\") || \"\";\n\n                    var telephone =\n                        data.get(\"telephone\") || \"\";\n\n                    var type =\n                        data.get(\"type\") || \"\";\n\n                    var proposition =\n                        data.get(\"proposition\") || \"\";\n\n\n                    var subject =\n                        \"Proposition de partenariat - \" +\n                        organisation;\n\n\n                    var body =\n                        \"PROPOSITION DE PARTENARIAT - SOCIETE PARADIGMA SARL\\n\\n\" +\n\n                        \"Nom complet :\\n\" +\n                        nom +\n                        \"\\n\\n\" +\n\n                        \"Fonction :\\n\" +\n                        fonction +\n                        \"\\n\\n\" +\n\n                        \"Organisation :\\n\" +\n                        organisation +\n                        \"\\n\\n\" +\n\n                        \"Pays \/ Ville :\\n\" +\n                        localisation +\n                        \"\\n\\n\" +\n\n                        \"Email :\\n\" +\n                        email +\n                        \"\\n\\n\" +\n\n                        \"T\u00e9l\u00e9phone :\\n\" +\n                        telephone +\n                        \"\\n\\n\" +\n\n                        \"Type de partenariat :\\n\" +\n                        type +\n                        \"\\n\\n\" +\n\n                        \"PROPOSITION\\n\\n\" +\n                        proposition;\n\n\n                    var mailto =\n                        \"mailto:contact@societeparadigmasarl.com\" +\n                        \"?subject=\" +\n                        encodeURIComponent(subject) +\n                        \"&#038;body=\" +\n                        encodeURIComponent(body);\n\n\n                    window.location.href = mailto;\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           13. ANIMATIONS\n        ===================================================== *\/\n\n        var animated =\n            root.querySelectorAll(\".pdg-animate\");\n\n\n        if (\n            \"IntersectionObserver\" in window &#038;&#038;\n            !window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ) {\n\n            var observer =\n                new IntersectionObserver(\n                    function (entries) {\n\n                        entries.forEach(function (entry) {\n\n                            if (entry.isIntersecting) {\n\n                                entry.target.classList.add(\n                                    \"pdg-visible\"\n                                );\n\n                                entry.target.classList.remove(\n                                    \"pdg-before-reveal\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n\n                            }\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.07,\n                        rootMargin: \"0px 0px -20px 0px\"\n                    }\n                );\n\n\n            animated.forEach(function (element) {\n\n                var rect =\n                    element.getBoundingClientRect();\n\n\n                if (\n                    rect.top >\n                    window.innerHeight * 0.95\n                ) {\n\n                    element.classList.add(\n                        \"pdg-before-reveal\"\n                    );\n\n                }\n\n\n                observer.observe(element);\n\n            });\n\n\n            \/*\n             Failsafe :\n             aucun contenu ne reste cach\u00e9.\n            *\/\n\n            window.setTimeout(function () {\n\n                animated.forEach(function (element) {\n\n                    element.classList.remove(\n                        \"pdg-before-reveal\"\n                    );\n\n                    element.classList.add(\n                        \"pdg-visible\"\n                    );\n\n                });\n\n            }, 3500);\n\n        } else {\n\n            animated.forEach(function (element) {\n\n                element.classList.add(\n                    \"pdg-visible\"\n                );\n\n            });\n\n        }\n\n\n        \/* =====================================================\n           14. ANNEE\n        ===================================================== *\/\n\n        var year =\n            document.getElementById(\n                \"pdg-year\"\n            );\n\n\n        if (year) {\n\n            year.textContent =\n                new Date().getFullYear();\n\n        }\n\n\n        \/* =====================================================\n           15. SCROLL\n        ===================================================== *\/\n\n        function onScroll() {\n\n            updateHeader();\n            updateProgress();\n            updateActiveMenu();\n\n        }\n\n\n        window.addEventListener(\n            \"scroll\",\n            onScroll,\n            { passive: true }\n        );\n\n\n        window.addEventListener(\n            \"resize\",\n            function () {\n\n                updateProgress();\n\n                if (window.innerWidth > 1100) {\n                    closeMobileMenu();\n                }\n\n            }\n        );\n\n\n        onScroll();\n\n\n        \/* =====================================================\n           16. CONTROLES APRES CHARGEMENT WORDPRESS\n        ===================================================== *\/\n\n        window.setTimeout(\n            hideThemeChrome,\n            500\n        );\n\n        window.setTimeout(\n            hideThemeChrome,\n            1500\n        );\n\n\n        \/*\n         IMPORTANT :\n         On v\u00e9rifie que les modales existent r\u00e9ellement.\n         Si WordPress leur a appliqu\u00e9 un style inline r\u00e9siduel,\n         on les remet dans leur \u00e9tat ferm\u00e9 normal.\n        *\/\n\n        [quoteModal, partnerModal].forEach(function (modal) {\n\n            if (!modal) {\n                return;\n            }\n\n            modal.classList.remove(\"open\");\n            modal.style.removeProperty(\"display\");\n            modal.style.removeProperty(\"visibility\");\n            modal.style.removeProperty(\"opacity\");\n\n        });\n\n    }\n\n\n    \/* =========================================================\n       INITIALISATION COMPATIBLE WORDPRESS\/COLIBRI\n    ========================================================= *\/\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initParadigma\n        );\n\n    } else {\n\n        initParadigma();\n\n    }\n\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Accueil \u00c0 propos Services R\u00e9alisations Implantations Contact Devenir partenaire Demander un devis Soci\u00e9t\u00e9 PARADIGMA SARL Construire aujourd&rsquo;hui. Transformer demain. Nous transformons les ambitions en infrastructures, solutions et projets durables capables d&rsquo;accompagner le d\u00e9veloppement de la R\u00e9publique D\u00e9mocratique du Congo. D\u00e9couvrir PARADIGMA \u2192 Soumettre un projet B\u00e2timents &amp; infrastructures Des ouvrages pens\u00e9s pour durer. De la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accueil - PARADIGMA RDC<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/paradigma-rdc.com\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accueil - PARADIGMA RDC\" \/>\n<meta property=\"og:description\" content=\"Accueil \u00c0 propos Services R\u00e9alisations Implantations Contact Devenir partenaire Demander un devis Soci\u00e9t\u00e9 PARADIGMA SARL Construire aujourd&rsquo;hui. Transformer demain. Nous transformons les ambitions en infrastructures, solutions et projets durables capables d&rsquo;accompagner le d\u00e9veloppement de la R\u00e9publique D\u00e9mocratique du Congo. D\u00e9couvrir PARADIGMA \u2192 Soumettre un projet B\u00e2timents &amp; infrastructures Des ouvrages pens\u00e9s pour durer. De la [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/paradigma-rdc.com\/\" \/>\n<meta property=\"og:site_name\" content=\"PARADIGMA RDC\" \/>\n<meta property=\"og:image\" content=\"https:\/\/societeparadigmasarl.com\/wp-content\/uploads\/2025\/09\/logo-paradigma.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/\",\"url\":\"https:\\\/\\\/paradigma-rdc.com\\\/\",\"name\":\"Accueil - PARADIGMA RDC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/societeparadigmasarl.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/logo-paradigma.png\",\"datePublished\":\"2026-09-20T18:48:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/paradigma-rdc.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/societeparadigmasarl.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/logo-paradigma.png\",\"contentUrl\":\"https:\\\/\\\/societeparadigmasarl.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/logo-paradigma.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/paradigma-rdc.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/#website\",\"url\":\"https:\\\/\\\/paradigma-rdc.com\\\/\",\"name\":\"PARADIGMA RDC\",\"description\":\"B\u00e2tisseur d&#039;avenir\",\"publisher\":{\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/paradigma-rdc.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/#organization\",\"name\":\"PARADIGMA RDC\",\"url\":\"https:\\\/\\\/paradigma-rdc.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/paradigma-rdc.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/logo-paradigma.webp\",\"contentUrl\":\"https:\\\/\\\/paradigma-rdc.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/logo-paradigma.webp\",\"width\":1600,\"height\":800,\"caption\":\"PARADIGMA RDC\"},\"image\":{\"@id\":\"https:\\\/\\\/paradigma-rdc.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accueil - PARADIGMA RDC","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/paradigma-rdc.com\/","og_locale":"fr_FR","og_type":"article","og_title":"Accueil - PARADIGMA RDC","og_description":"Accueil \u00c0 propos Services R\u00e9alisations Implantations Contact Devenir partenaire Demander un devis Soci\u00e9t\u00e9 PARADIGMA SARL Construire aujourd&rsquo;hui. Transformer demain. Nous transformons les ambitions en infrastructures, solutions et projets durables capables d&rsquo;accompagner le d\u00e9veloppement de la R\u00e9publique D\u00e9mocratique du Congo. D\u00e9couvrir PARADIGMA \u2192 Soumettre un projet B\u00e2timents &amp; infrastructures Des ouvrages pens\u00e9s pour durer. De la [&hellip;]","og_url":"https:\/\/paradigma-rdc.com\/","og_site_name":"PARADIGMA RDC","og_image":[{"url":"https:\/\/societeparadigmasarl.com\/wp-content\/uploads\/2025\/09\/logo-paradigma.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/paradigma-rdc.com\/","url":"https:\/\/paradigma-rdc.com\/","name":"Accueil - PARADIGMA RDC","isPartOf":{"@id":"https:\/\/paradigma-rdc.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/paradigma-rdc.com\/#primaryimage"},"image":{"@id":"https:\/\/paradigma-rdc.com\/#primaryimage"},"thumbnailUrl":"https:\/\/societeparadigmasarl.com\/wp-content\/uploads\/2025\/09\/logo-paradigma.png","datePublished":"2026-09-20T18:48:47+00:00","breadcrumb":{"@id":"https:\/\/paradigma-rdc.com\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/paradigma-rdc.com\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/paradigma-rdc.com\/#primaryimage","url":"https:\/\/societeparadigmasarl.com\/wp-content\/uploads\/2025\/09\/logo-paradigma.png","contentUrl":"https:\/\/societeparadigmasarl.com\/wp-content\/uploads\/2025\/09\/logo-paradigma.png"},{"@type":"BreadcrumbList","@id":"https:\/\/paradigma-rdc.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/paradigma-rdc.com\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/paradigma-rdc.com\/#website","url":"https:\/\/paradigma-rdc.com\/","name":"PARADIGMA RDC","description":"B\u00e2tisseur d&#039;avenir","publisher":{"@id":"https:\/\/paradigma-rdc.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/paradigma-rdc.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/paradigma-rdc.com\/#organization","name":"PARADIGMA RDC","url":"https:\/\/paradigma-rdc.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/paradigma-rdc.com\/#\/schema\/logo\/image\/","url":"https:\/\/paradigma-rdc.com\/wp-content\/uploads\/2026\/09\/logo-paradigma.webp","contentUrl":"https:\/\/paradigma-rdc.com\/wp-content\/uploads\/2026\/09\/logo-paradigma.webp","width":1600,"height":800,"caption":"PARADIGMA RDC"},"image":{"@id":"https:\/\/paradigma-rdc.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/paradigma-rdc.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paradigma-rdc.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paradigma-rdc.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paradigma-rdc.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paradigma-rdc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":1,"href":"https:\/\/paradigma-rdc.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/paradigma-rdc.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/paradigma-rdc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}