{"id":3579,"date":"2026-05-04T12:56:21","date_gmt":"2026-05-04T12:56:21","guid":{"rendered":"https:\/\/helloprinting.net\/?page_id=3579"},"modified":"2026-06-09T13:23:00","modified_gmt":"2026-06-09T13:23:00","slug":"accueil","status":"publish","type":"page","link":"https:\/\/helloprinting.net\/en\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3579\" class=\"elementor elementor-3579\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f757cd3 e-flex e-con-boxed e-con e-parent\" data-id=\"f757cd3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ede06d1 elementor-widget elementor-widget-html\" data-id=\"ede06d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Import Premium Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&family=Playfair+Display:ital@1&display=swap');\r\n\r\n\/* Main Splash Overlay *\/\r\n#custom-splash-screen {\r\n    position: fixed;\r\n    top: 0; left: 0; \r\n    width: 100vw; height: 100vh;\r\n    background-color: #0a0a0a;\r\n    display: flex; \r\n    flex-direction: column; \r\n    justify-content: center; \r\n    align-items: center;\r\n    z-index: 999999; \/* Stays on top of everything *\/\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #ffffff;\r\n    overflow: hidden;\r\n    opacity: 1;\r\n    transition: opacity 1s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n\/* Light Gold Dust \/ Glow Effect with Breathing Animation *\/\r\n.splash-glow {\r\n    position: absolute;\r\n    width: 80vw; height: 80vh;\r\n    background: radial-gradient(circle, rgba(199,161,83,0.15) 0%, rgba(10,10,10,0) 65%);\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 1;\r\n    animation: pulseGlow 4s infinite alternate;\r\n}\r\n\r\n@keyframes pulseGlow {\r\n    0% { transform: translate(-50%, -50%) scale(0.9); opacity: 0.6; }\r\n    100% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }\r\n}\r\n\r\n\/* Content Container to ensure perfect centering *\/\r\n.splash-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center; \/* Centers everything horizontally *\/\r\n    text-align: center;\r\n}\r\n\r\n\/* Reveal Animations (Slide up & Fade in) *\/\r\n.reveal-text {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    animation: fadeUp 1.2s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;\r\n}\r\n\r\n\/* Staggered Delays for the cinematic load *\/\r\n.delay-1 { animation-delay: 0.2s; }\r\n.delay-2 { animation-delay: 0.6s; }\r\n.delay-3 { animation-delay: 1.0s; }\r\n.delay-4 { animation-delay: 1.5s; }\r\n\r\n@keyframes fadeUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Typography Styling *\/\r\n.splash-title { \r\n    font-size: 5.5rem; \r\n    font-weight: 700;\r\n    letter-spacing: 6px; \r\n    line-height: 1.1; \r\n    margin-bottom: 1.5rem; \r\n    color: #ffffff;\r\n}\r\n\r\n.splash-subtitle-wrapper { \r\n    display: flex; \r\n    align-items: center; \r\n    justify-content: center; \r\n    margin-bottom: 3rem; \r\n    width: 100%;\r\n}\r\n\r\n.splash-subtitle-wrapper .line { \r\n    height: 1px; \r\n    width: 60px; \r\n    background-color: #c7a153; \r\n}\r\n\r\n.splash-subtitle { \r\n    color: #c7a153; \r\n    font-size: 1rem; \r\n    letter-spacing: 8px; \r\n    margin: 0 1.5rem; \r\n    font-weight: 400;\r\n}\r\n\r\n.splash-catchphrase { \r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic; \r\n    font-size: 1.4rem; \r\n    color: #aaaaaa; \r\n    margin-bottom: 3.5rem; \r\n}\r\n\r\n\/* Gold Button Styling *\/\r\n.btn-splash-gold {\r\n    background: transparent;\r\n    color: #c7a153;\r\n    border: 1px solid #c7a153;\r\n    padding: 1rem 3rem;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    cursor: pointer;\r\n    transition: all 0.4s ease;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.btn-splash-gold:hover {\r\n    background: #c7a153;\r\n    color: #0a0a0a;\r\n    transform: translateY(-3px); \/* Subtle lift *\/\r\n    box-shadow: 0 10px 20px rgba(199,161,83,0.2);\r\n}\r\n\r\n.arrow { margin-left: 10px; transition: transform 0.3s ease; }\r\n.btn-splash-gold:hover .arrow { transform: translateX(5px); }\r\n\r\n\/* Mobile Responsiveness *\/\r\n@media (max-width: 768px) {\r\n    .splash-title { font-size: 3.5rem; }\r\n    .splash-subtitle { font-size: 0.75rem; letter-spacing: 4px; }\r\n    .splash-subtitle-wrapper .line { width: 30px; }\r\n}\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<div id=\"custom-splash-screen\">\r\n    <!-- Gold Dust Glow Background -->\r\n    <div class=\"splash-glow\"><\/div>\r\n    \r\n    <!-- Centered Content -->\r\n    <div class=\"splash-content\">\r\n        <h1 class=\"splash-title reveal-text delay-1\">HELLO<br>PRINTING<\/h1>\r\n        \r\n        <div class=\"splash-subtitle-wrapper reveal-text delay-2\">\r\n            <span class=\"line\"><\/span>\r\n            <span class=\"splash-subtitle\">THE INNOVATION LAB<\/span>\r\n            <span class=\"line\"><\/span>\r\n        <\/div>\r\n        \r\n        <p class=\"splash-catchphrase reveal-text delay-3\">\"Au-del\u00e0 de l'impression, nous donnons vie \u00e0 vos id\u00e9es.\"<\/p>\r\n        \r\n        <div class=\"reveal-text delay-4\">\r\n            <button id=\"splash-enter-btn\" class=\"btn-splash-gold\">\r\n                ENTRER <span class=\"arrow\">&gt;<\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- OPTIMIZED JAVASCRIPT -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const enterBtn = document.getElementById('splash-enter-btn');\r\n    const splashScreen = document.getElementById('custom-splash-screen');\r\n\r\n    if (splashScreen) {\r\n        \/\/ 1. Check browser memory: did they already click Enter?\r\n        if (sessionStorage.getItem('splashSeen') === 'true') {\r\n            \/\/ Instantly hide the splash screen so it never flashes or reloads\r\n            splashScreen.style.display = 'none';\r\n        } else {\r\n            \/\/ 2. If it's their first time, wait for them to click the button\r\n            if (enterBtn) {\r\n                enterBtn.addEventListener('click', () => {\r\n                    \/\/ Save to memory that they passed the splash screen\r\n                    sessionStorage.setItem('splashSeen', 'true');\r\n                    \r\n                    \/\/ Smoothly fade out the screen\r\n                    splashScreen.style.opacity = '0';\r\n                    \r\n                    \/\/ Remove it completely after 1 second\r\n                    setTimeout(() => {\r\n                        splashScreen.style.display = 'none';\r\n                    }, 1000); \r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    \/\/ Smooth scrolling for navigation links\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n        anchor.addEventListener('click', function (e) {\r\n            const targetId = this.getAttribute('href');\r\n            if (targetId === '#') return;\r\n            \r\n            const targetElement = document.querySelector(targetId);\r\n            if (targetElement) {\r\n                e.preventDefault();\r\n                targetElement.scrollIntoView({\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21f1987 e-con-full scroll-reveal e-flex e-con e-parent\" data-id=\"21f1987\" data-element_type=\"container\" data-e-type=\"container\" id=\"L&#039;ADN\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a48d1d2 elementor-widget elementor-widget-html\" data-id=\"a48d1d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .adn-hero-exciting {\r\n        min-height: 85vh;\r\n        display: flex;\r\n        align-items: center;\r\n        background-color: #0a0a0a;\r\n        color: #ffffff;\r\n        padding: 4rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    \/* Subtle Gold Background Glow Effect *\/\r\n    .ambient-glow {\r\n        position: absolute;\r\n        width: 800px;\r\n        height: 800px;\r\n        background: radial-gradient(circle, rgba(199,161,83,0.1) 0%, rgba(10,10,10,0) 60%);\r\n        top: 50%;\r\n        left: -10%;\r\n        transform: translateY(-50%);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .adn-hero-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6rem;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n    .adn-hero-content {\r\n        flex: 1.1;\r\n    }\r\n    .adn-hero-image {\r\n        flex: 0.9;\r\n        position: relative;\r\n    }\r\n    \r\n    \/* Continuous Floating Animation *\/\r\n    .adn-hero-image img {\r\n        width: 100%;\r\n        border-radius: 8px;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.8);\r\n        transform: translateY(0);\r\n        animation: floatImage 6s ease-in-out infinite;\r\n    }\r\n    @keyframes floatImage {\r\n        0% { transform: translateY(0px); }\r\n        50% { transform: translateY(-20px); }\r\n        100% { transform: translateY(0px); }\r\n    }\r\n    \r\n    .adn-badge {\r\n        display: inline-block;\r\n        padding: 0.4rem 1.2rem;\r\n        border: 1px solid rgba(199,161,83, 0.5);\r\n        color: #c7a153;\r\n        font-family: 'Montserrat', sans-serif;\r\n        text-transform: uppercase;\r\n        font-size: 0.75rem;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 2rem;\r\n        border-radius: 50px;\r\n        background-color: rgba(199,161,83, 0.05);\r\n    }\r\n    .adn-title-ex {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 3.5rem;\r\n        color: #ffffff;\r\n        margin-bottom: 1.5rem;\r\n        font-weight: 400;\r\n        line-height: 1.2;\r\n    }\r\n    .adn-title-ex strong {\r\n        color: #c7a153;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        font-size: 2rem;\r\n        display: block;\r\n        margin-top: 0.8rem;\r\n        letter-spacing: 1px;\r\n    }\r\n    .adn-text-ex {\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1.15rem;\r\n        line-height: 1.8;\r\n        color: #aaaaaa;\r\n        margin-bottom: 3rem;\r\n    }\r\n    .adn-scroll-btn-ex {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        text-decoration: none !important;\r\n        color: #ffffff !important;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        font-size: 0.85rem;\r\n        transition: color 0.3s ease;\r\n    }\r\n    .adn-scroll-btn-ex:hover {\r\n        color: #c7a153 !important;\r\n    }\r\n    .adn-scroll-icon-ex {\r\n        width: 40px;\r\n        height: 40px;\r\n        border: 1px solid rgba(199,161,83, 0.5);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: #c7a153;\r\n        animation: bounceX 2s infinite;\r\n        font-size: 1.2rem;\r\n    }\r\n    @keyframes bounceX {\r\n        0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\r\n        40% { transform: translateY(5px); }\r\n        60% { transform: translateY(3px); }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .adn-hero-container { flex-direction: column; gap: 3rem; text-align: center; }\r\n        .adn-title-ex { font-size: 2.5rem; }\r\n        .adn-title-ex strong { font-size: 1.5rem; }\r\n        .ambient-glow { display: none; }\r\n        .adn-scroll-btn-ex { justify-content: center; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"adn-hero-exciting\">\r\n    <div class=\"ambient-glow\"><\/div>\r\n    <div class=\"adn-hero-container\">\r\n        \r\n        <div class=\"adn-hero-content\">\r\n           \r\n             <span class=\"section-tag-gold\">L'ADN<\/span>\r\n            <h1 class=\"adn-title-ex\">Hello Printing n'est pas qu'une imprimerie,<br><strong>C'est une fusion strat\u00e9gique.<\/strong><\/h1>\r\n            <p class=\"adn-text-ex\">\"Laboratoire d\u2019id\u00e9es novatrices, HELLO PRINTING est le point de rencontre entre le conseil strat\u00e9gique, l'\u00e9v\u00e9nementiel, le digital et l'art de l'imprimerie. Nous accompagnons les marques et institutions pour transformer leurs d\u00e9fis de communication en succ\u00e8s tangibles.\"<\/p>\r\n            \r\n            <a href=\"#le-laboratoire\" class=\"adn-scroll-btn-ex\">\r\n                D\u00e9couvrir nos 4 piliers\r\n                <div class=\"adn-scroll-icon-ex\">\u2193<\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"adn-hero-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/helloprinting.net\/wp-content\/uploads\/2026\/05\/edition_courante_box.jpg\" alt=\"Fusion Strat\u00e9gique\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6256ccf e-con-full scroll-reveal e-flex e-con e-parent\" data-id=\"6256ccf\" data-element_type=\"container\" data-e-type=\"container\" id=\"le-laboratoire\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18884e0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"18884e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.section-lab { padding: 4rem 0; background-color: #ffffff; text-align: center; font-family: 'Inter', sans-serif;}\r\n.section-tag-gold { font-family: 'Montserrat', sans-serif; color: #c7a153; font-size: 0.85rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 1rem; display:block; }\r\n.section-heading-dark { color: #1a1a1a; font-size: 2.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 3rem; }\r\n.grid-2x2 { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #eaeaea; max-width: 1200px; margin: 0 auto; text-align: left; }\r\n.card-light { padding: 3rem; border: 1px solid #eaeaea; background-color: #ffffff; }\r\n.card-number { background-color: #1a1a1a; color: #ffffff; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-family: 'Montserrat', sans-serif; font-weight: 700; border-radius: 4px; margin-bottom: 1.5rem; }\r\n.card-light h3 { font-size: 1.3rem; color: #1a1a1a; margin-bottom: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 700;}\r\n.card-slogan { font-family: 'Playfair Display', serif; font-style: italic; color: #c7a153; font-size: 1rem; margin-bottom: 1rem; }\r\n.card-text { color: #888888; font-size: 0.95rem; line-height: 1.6;}\r\n.card-focus { font-family: 'Montserrat', sans-serif; font-size: 0.75rem; color: #1a1a1a; background-color: #f5f5f5; display: inline-block; padding: 4px 8px; margin-bottom: 1rem; letter-spacing: 1px; }\r\n@media (max-width: 900px) { .grid-2x2 { grid-template-columns: 1fr; } }\r\n<\/style>\r\n\r\n<div class=\"section-lab\">\r\n    <span class=\"section-tag-gold\">LE LABORATOIRE<\/span>\r\n    <h2 class=\"section-heading-dark\">Piliers Strat\u00e9giques<\/h2>\r\n    \r\n    <div class=\"grid-2x2\">\r\n        <div class=\"card-light\">\r\n            <div class=\"card-number\">1<\/div>\r\n            <h3>Strat\u00e9gie de Marque & Conseil<\/h3>\r\n            <p class=\"card-slogan\">\u00ab Au commencement \u00e9tait le brief... notre r\u00e9flexion fait le reste. \u00bb<\/p>\r\n            <p class=\"card-text\">Analyse de positionnement et accompagnement strat\u00e9gique pour une image de marque coh\u00e9rente et puissante.<\/p>\r\n        <\/div>\r\n        <div class=\"card-light\">\r\n            <div class=\"card-number\">2<\/div>\r\n            <h3>Conception & Pilotage de Projet<\/h3>\r\n            <p class=\"card-slogan\">\u00ab Rendre l'ordinaire extraordinaire. \u00bb<\/p>\r\n            <p class=\"card-text\">De l'id\u00e9e \u00e0 l'ex\u00e9cution, nous g\u00e9rons la complexit\u00e9 pour vous offrir la simplicit\u00e9 et l'excellence.<\/p>\r\n        <\/div>\r\n        <div class=\"card-light\">\r\n            <div class=\"card-number\">3<\/div>\r\n            <h3>\u00c9cosyst\u00e8me Digital & M\u00e9dia<\/h3>\r\n            <p class=\"card-text mt-4\">Gestion de votre pr\u00e9sence en ligne et strat\u00e9gies m\u00e9dia pour une visibilit\u00e9 360\u00b0.<\/p>\r\n        <\/div>\r\n        <div class=\"card-light\">\r\n            <div class=\"card-number\">4<\/div>\r\n            <h3>Gifting : Masse & Luxe Premium<\/h3>\r\n            <p class=\"card-focus\">FOCUS DUBA\u00cf \/ MUMBAI<\/p>\r\n            <p class=\"card-slogan\">\u00ab L'objet qui reste sur le bureau des CEO. \u00bb<\/p>\r\n            <p class=\"card-text\">Nous sour\u00e7ons et cr\u00e9ons des cadeaux qui valorisent vos clients VIP. Notre expertise en Branding de Luxe garantit que votre marque soit m\u00e9moris\u00e9e.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c31a59 e-con-full scroll-reveal e-flex e-con e-parent\" data-id=\"1c31a59\" data-element_type=\"container\" data-e-type=\"container\" id=\"Laboratoire\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b46a5a8 elementor-widget elementor-widget-html\" data-id=\"b46a5a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     LE LABORATOIRE \u2014 Dark Theme \u2014 Elementor HTML Widget\r\n     Background: #0a0a0a | Text: #e0e0e0 | Accents: #c7a153\r\n     FIX: #labModal is placed OUTSIDE .hp-lab-reveal wrapper\r\n     ============================================================ -->\r\n\r\n<style>\r\n\r\n\/* ---- SCROLL REVEAL ---- *\/\r\n.hp-lab-reveal {\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  transition: opacity 1.2s ease-out, transform 1.2s ease-out;\r\n  will-change: opacity, transform;\r\n  transition-delay: 0.2s;\r\n}\r\n.hp-lab-reveal.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* ---- SECTION WRAPPER ---- *\/\r\n.lab-section-wrapper {\r\n    background-color: #0a0a0a;\r\n    padding: 6rem 2rem;\r\n    border-top: 1px solid #1e1e1e;\r\n}\r\n.lab-header {\r\n    text-align: center;\r\n    margin-bottom: 4rem;\r\n}\r\n.lab-subtitle {\r\n    color: #c7a153;\r\n    font-family: 'Montserrat', sans-serif;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    font-size: 0.9rem;\r\n    display: block;\r\n    margin-bottom: 1rem;\r\n}\r\n.lab-title {\r\n    color: #ffffff;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 3rem;\r\n    font-weight: 400;\r\n    margin: 0;\r\n}\r\n\r\n\/* ---- LAYOUT ---- *\/\r\n.lab-container {\r\n    display: flex;\r\n    color: #e0e0e0;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    gap: 4rem;\r\n    font-family: 'Montserrat', sans-serif;\r\n}\r\n.lab-piliers {\r\n    flex: 1.2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.5rem;\r\n}\r\n\r\n\/* ---- PILIER BUTTONS ---- *\/\r\n.lab-pilier-btn {\r\n    background: #141414;\r\n    border: 1px solid #262626;\r\n    padding: 2rem;\r\n    cursor: pointer;\r\n    text-align: left;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 4px;\r\n}\r\n.lab-pilier-btn:hover:not(.active) {\r\n    background: #1a1a1a;\r\n    border-color: #333333;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 5px 20px rgba(0,0,0,0.3);\r\n}\r\n.lab-pilier-btn.active {\r\n    border-color: #c7a153;\r\n    background: #161616;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 30px rgba(199,161,83,0.12), 0 1px 3px rgba(0,0,0,0.4);\r\n}\r\n.lab-pilier-num {\r\n    color: #c7a153;\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    display: block;\r\n    margin-bottom: 0.5rem;\r\n    letter-spacing: 1px;\r\n}\r\n.lab-pilier-title {\r\n    font-size: 1.25rem;\r\n    font-weight: 600;\r\n    margin: 0;\r\n    color: #ffffff;\r\n}\r\n.lab-pilier-slogan {\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    color: #c7a153;\r\n    font-size: 1.05rem;\r\n    margin-top: 0.8rem;\r\n    display: none;\r\n}\r\n.lab-pilier-btn.active .lab-pilier-slogan {\r\n    display: block;\r\n}\r\n\r\n\/* ---- CONTENT VIEWER ---- *\/\r\n.lab-content-viewer {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    background: #111111;\r\n    border: 1px solid #222222;\r\n    border-radius: 6px;\r\n    padding: 2.5rem;\r\n    min-height: 480px;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n}\r\n.lab-detail-text {\r\n    font-family: 'Inter', sans-serif;\r\n    color: #b0b0b0;\r\n    font-size: 1rem;\r\n    line-height: 1.8;\r\n    margin-bottom: 1.5rem;\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n\/* ---- SUBSECTIONS (Pilier 4) ---- *\/\r\n.viewer-subsections {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.8rem;\r\n    margin-bottom: 1.5rem;\r\n    border-top: 1px solid #262626;\r\n    padding-top: 1.5rem;\r\n    transition: opacity 0.4s ease;\r\n}\r\n.viewer-sub-link {\r\n    display: flex;\r\n    align-items: center;\r\n    color: #e0e0e0;\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n    text-decoration: none;\r\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    font-family: 'Montserrat', sans-serif;\r\n    cursor: pointer;\r\n    padding: 0.5rem 0;\r\n    background: none;\r\n    border: none;\r\n    text-align: left;\r\n    width: 100%;\r\n}\r\n.viewer-sub-link:hover {\r\n    color: #c7a153;\r\n    transform: translateX(6px);\r\n}\r\n.sub-link-icon {\r\n    color: #c7a153;\r\n    margin-right: 12px;\r\n    font-size: 1.1rem;\r\n    transition: all 0.3s ease;\r\n    min-width: 24px;\r\n}\r\n.viewer-sub-link:hover .sub-link-icon {\r\n    transform: scale(1.2);\r\n}\r\n\r\n\/* ---- IMAGE ---- *\/\r\n.lab-image-container {\r\n    width: 100%;\r\n    height: 250px;\r\n    overflow: hidden;\r\n    border-radius: 4px;\r\n    border: 1px solid #222222;\r\n}\r\n.lab-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: grayscale(100%) brightness(0.75);\r\n    transition: transform 0.5s ease, filter 0.5s ease, opacity 0.3s ease;\r\n}\r\n.lab-image:hover {\r\n    filter: grayscale(0%) brightness(1);\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* ===========================================================\r\n   MODAL \u2014 CRITICAL: lives OUTSIDE .hp-lab-reveal\r\n   position:fixed must not be inside a transform parent\r\n   =========================================================== *\/\r\n.lab-modal {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    z-index: 999999;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),\r\n                visibility 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n.lab-modal.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n.lab-modal-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.75);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    cursor: pointer;\r\n}\r\n.lab-modal-content {\r\n    position: relative;\r\n    background-color: #111111;\r\n    width: 90%;\r\n    max-width: 850px;\r\n    max-height: 85vh;\r\n    border-radius: 6px;\r\n    padding: 3.5rem;\r\n    overflow-y: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n    z-index: 1000001;\r\n    transform: translateY(40px);\r\n    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    border: 1px solid rgba(199,161,83,0.2);\r\n    box-shadow: 0 25px 80px rgba(0,0,0,0.6);\r\n}\r\n.lab-modal.active .lab-modal-content {\r\n    transform: translateY(0);\r\n}\r\n.lab-modal-close {\r\n    position: absolute;\r\n    top: 1.5rem;\r\n    right: 2rem;\r\n    background: none;\r\n    border: none;\r\n    font-size: 2.2rem;\r\n    color: #555555;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: color 0.3s ease;\r\n    z-index: 10;\r\n}\r\n.lab-modal-close:hover { color: #c7a153; }\r\n\r\n\/* ---- MODAL CONTENT STYLES ---- *\/\r\n.modal-tag {\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #c7a153;\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    display: block;\r\n    margin-bottom: 0.5rem;\r\n}\r\n.modal-title {\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n    font-size: 2rem;\r\n    margin-bottom: 1.2rem;\r\n    line-height: 1.2;\r\n}\r\n.modal-intro {\r\n    font-family: 'Inter', sans-serif;\r\n    color: #999999;\r\n    font-size: 1rem;\r\n    line-height: 1.6;\r\n    margin-bottom: 2rem;\r\n    border-left: 2px solid #c7a153;\r\n    padding-left: 15px;\r\n}\r\n.modal-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 2.5rem;\r\n    margin-bottom: 2.5rem;\r\n}\r\n.modal-card-category {\r\n    background-color: #1a1a1a;\r\n    border: 1px solid #262626;\r\n    border-radius: 6px;\r\n    padding: 2rem;\r\n    transition: all 0.3s ease;\r\n}\r\n.modal-card-category:hover {\r\n    border-color: rgba(199,161,83,0.35);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n}\r\n.category-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 1rem;\r\n}\r\n.category-num {\r\n    background-color: #c7a153;\r\n    color: #0a0a0a;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.75rem;\r\n    padding: 4px 8px;\r\n    border-radius: 3px;\r\n    flex-shrink: 0;\r\n}\r\n.category-header h3 {\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #ffffff;\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    margin: 0;\r\n}\r\n.category-lead {\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    color: #c7a153;\r\n    font-size: 0.95rem;\r\n    margin-bottom: 1.2rem;\r\n}\r\n.category-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n.category-list li {\r\n    font-family: 'Inter', sans-serif;\r\n    color: #999999;\r\n    font-size: 0.9rem;\r\n    line-height: 1.6;\r\n    margin-bottom: 1.2rem;\r\n    position: relative;\r\n    padding-left: 15px;\r\n}\r\n.category-list li strong {\r\n    color: #cccccc;\r\n}\r\n.category-list li::before {\r\n    content: \"\u2022\";\r\n    color: #c7a153;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    font-weight: bold;\r\n}\r\n.modal-footer {\r\n    text-align: center;\r\n    border-top: 1px solid #222222;\r\n    padding-top: 1.8rem;\r\n}\r\n.modal-cta-btn {\r\n    display: inline-block;\r\n    background-color: #c7a153;\r\n    color: #0a0a0a;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.85rem;\r\n    letter-spacing: 1px;\r\n    padding: 1rem 2rem;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    border: none;\r\n}\r\n.modal-cta-btn:hover {\r\n    background-color: #d6b36a;\r\n    color: #0a0a0a;\r\n    box-shadow: 0 5px 20px rgba(199,161,83,0.5);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* ---- RESPONSIVE ---- *\/\r\n@media (max-width: 900px) {\r\n    .lab-container {\r\n        flex-direction: column;\r\n        gap: 2rem;\r\n    }\r\n    .lab-pilier-btn { padding: 1.5rem; }\r\n    .lab-content-viewer { min-height: auto; }\r\n    .modal-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n    }\r\n}\r\n@media (max-width: 768px) {\r\n    .lab-modal-content {\r\n        padding: 2rem;\r\n        max-height: 90vh;\r\n        width: 92%;\r\n    }\r\n    .modal-title { font-size: 1.8rem; }\r\n    .lab-modal-close { top: 1rem; right: 1.2rem; font-size: 2rem; }\r\n}\r\n@media (max-width: 480px) {\r\n    .lab-section-wrapper { padding: 4rem 1rem; }\r\n    .lab-title { font-size: 2.2rem; }\r\n    .lab-modal-content {\r\n        padding: 1.8rem 1.2rem;\r\n        max-height: 93vh;\r\n        width: 94%;\r\n    }\r\n    .modal-title { font-size: 1.45rem; margin-bottom: 0.8rem; }\r\n    .modal-intro { font-size: 0.9rem; margin-bottom: 1.5rem; padding-left: 10px; }\r\n    .modal-card-category { padding: 1.5rem 1.2rem; }\r\n    .category-header h3 { font-size: 1.05rem; }\r\n    .category-lead { font-size: 0.85rem; }\r\n    .category-list li { font-size: 0.85rem; margin-bottom: 0.9rem; }\r\n    .modal-cta-btn {\r\n        width: 100%;\r\n        padding: 1rem 1.2rem;\r\n        font-size: 0.8rem;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n        display: block;\r\n    }\r\n    .lab-modal-close { top: 0.8rem; right: 0.8rem; }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =====================================================\r\n     SECTION \u2014 wrapped in .hp-lab-reveal for scroll effect\r\n     ===================================================== -->\r\n<div class=\"hp-lab-reveal\">\r\n  <div class=\"lab-section-wrapper\" id=\"laboratoire\">\r\n\r\n    <div class=\"lab-header\">\r\n        <span class=\"lab-subtitle\">Notre Savoir-Faire<\/span>\r\n        <h2 class=\"lab-title\">Le Laboratoire<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"lab-container\">\r\n\r\n        <!-- LEFT: Pilier buttons -->\r\n        <div class=\"lab-piliers\">\r\n\r\n            <!-- Pilier 1 -->\r\n            <div class=\"lab-pilier-btn active\" onclick=\"labShowPilier(1, this, 'Analyse rigoureuse de positionnement, d\u00e9finition de plateforme de marque et accompagnement strat\u00e9gique sur le long terme pour garantir une image de marque coh\u00e9rente, puissante et m\u00e9morable.', 'https:\/\/images.unsplash.com\/photo-1434626881859-194d67b2b86f?auto=format&fit=crop&w=800&q=80')\">\r\n                <span class=\"lab-pilier-num\">01. CONSEIL &amp; PLATEFORME<\/span>\r\n                <h3 class=\"lab-pilier-title\">Strat\u00e9gie de Marque &amp; Conseil<\/h3>\r\n                <div class=\"lab-pilier-slogan\">\u00ab Au commencement \u00e9tait le brief... notre r\u00e9flexion fait le reste. \u00bb<\/div>\r\n            <\/div>\r\n\r\n            <!-- Pilier 2 -->\r\n            <div class=\"lab-pilier-btn\" onclick=\"labShowPilier(2, this, 'De l\\'id\u00e9ation initiale jusqu\\'\u00e0 l\\'ex\u00e9cution finale, notre \u00e9quipe prend en charge toute la complexit\u00e9 op\u00e9rationnelle pour vous assurer une tranquillit\u00e9 d\\'esprit absolue et une excellence sans compromis.', 'https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=800&q=80')\">\r\n                <span class=\"lab-pilier-num\">02. PERFORMANCE &amp; EX\u00c9CUTION<\/span>\r\n                <h3 class=\"lab-pilier-title\">Conception &amp; Pilotage de Projet<\/h3>\r\n                <div class=\"lab-pilier-slogan\">\u00ab Rendre l'ordinaire extraordinaire. \u00bb<\/div>\r\n            <\/div>\r\n\r\n            <!-- Pilier 3 -->\r\n            <div class=\"lab-pilier-btn\" onclick=\"labShowPilier(3, this, 'D\u00e9veloppement de votre pr\u00e9sence digitale et conception de strat\u00e9gies m\u00e9dia cibl\u00e9es. Nous optimisons chaque point de contact num\u00e9rique pour offrir \u00e0 votre entreprise une visibilit\u00e9 360\u00b0 performante.', 'https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=800&q=80')\">\r\n                <span class=\"lab-pilier-num\">03. DIGITAL &amp; VISIBILIT\u00c9<\/span>\r\n                <h3 class=\"lab-pilier-title\">\u00c9cosyst\u00e8me Digital &amp; M\u00e9dia<\/h3>\r\n                <div class=\"lab-pilier-slogan\">\u00ab L'innovation num\u00e9rique au service de votre croissance. \u00bb<\/div>\r\n            <\/div>\r\n\r\n            <!-- Pilier 4 -->\r\n            <div class=\"lab-pilier-btn\" onclick=\"labShowPilier(4, this, 'Directement connect\u00e9 \u00e0 nos r\u00e9seaux de Duba\u00ef et Mumbai, nous concevons des objets d\\'exception et des coffrets cadeaux exclusifs. Notre savoir-faire unique en branding de luxe garantit une pr\u00e9sence \u00e9l\u00e9gante et inoubliable aupr\u00e8s des grands d\u00e9cideurs.', 'https:\/\/images.unsplash.com\/photo-1549465220-1a8b9238cd48?auto=format&fit=crop&w=800&q=80')\">\r\n                <span class=\"lab-pilier-num\">04. CURATION DE LUXE<\/span>\r\n                <h3 class=\"lab-pilier-title\">Gifting : Masse &amp; Luxe Premium<\/h3>\r\n                <div class=\"lab-pilier-slogan\">\u00ab L'objet qui reste sur le bureau des CEO. \u00bb<\/div>\r\n            <\/div>\r\n\r\n        <\/div><!-- \/.lab-piliers -->\r\n\r\n        <!-- RIGHT: Content viewer -->\r\n        <div class=\"lab-content-viewer\">\r\n\r\n            <div class=\"lab-detail-text\" id=\"lab-desc\">\r\n                Analyse rigoureuse de positionnement, d\u00e9finition de plateforme de marque et accompagnement strat\u00e9gique sur le long terme pour garantir une image de marque coh\u00e9rente, puissante et m\u00e9morable.\r\n            <\/div>\r\n\r\n            <!-- Pilier 4 subsections \u2014 hidden until Pilier 4 clicked -->\r\n            <div class=\"viewer-subsections\" id=\"viewer-subsections\" style=\"display:none; opacity:0;\">\r\n\r\n                <!-- \ud83d\udcbc Opens modal -->\r\n                <button class=\"viewer-sub-link\" onclick=\"openHpLabModal(event)\">\r\n                    <span class=\"sub-link-icon\">\ud83d\udcbc<\/span> Solution d'entreprise\r\n                <\/button>\r\n\r\n                <!-- \ud83d\udee0\ufe0f Anchor link -->\r\n                <a href=\"#atelier\" class=\"viewer-sub-link\">\r\n                    <span class=\"sub-link-icon\">\ud83d\udee0\ufe0f<\/span> L'Atelier\r\n                <\/a>\r\n\r\n                <!-- \ud83c\udfa8 Anchor link -->\r\n                <a href=\"#lookbook\" class=\"viewer-sub-link\">\r\n                    <span class=\"sub-link-icon\">\ud83c\udfa8<\/span> L'exp\u00e9rience personnalis\u00e9e\r\n                <\/a>\r\n\r\n                <!-- \ud83d\ude9a Anchor link -->\r\n                <a href=\"#conciergerie\" class=\"viewer-sub-link\">\r\n                    <span class=\"sub-link-icon\">\ud83d\ude9a<\/span> La logistique\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"lab-image-container\">\r\n                <img decoding=\"async\" class=\"lab-image\" id=\"lab-img\"\r\n                     src=\"https:\/\/images.unsplash.com\/photo-1434626881859-194d67b2b86f?auto=format&fit=crop&w=800&q=80\"\r\n                     alt=\"D\u00e9tail du Laboratoire\">\r\n            <\/div>\r\n\r\n        <\/div><!-- \/.lab-content-viewer -->\r\n\r\n    <\/div><!-- \/.lab-container -->\r\n\r\n  <\/div><!-- \/.lab-section-wrapper -->\r\n<\/div><!-- \/.hp-lab-reveal \u2190 scroll-reveal wrapper ENDS HERE -->\r\n\r\n\r\n<!-- =============================================================\r\n     MODAL \u2014 Placed OUTSIDE .hp-lab-reveal\r\n     CRITICAL: position:fixed must not live inside a transform\r\n     parent or it loses viewport-relative positioning.\r\n     ============================================================= -->\r\n<div id=\"labModal\" class=\"lab-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Solution d'entreprise\">\r\n    <div class=\"lab-modal-overlay\" onclick=\"closeHpLabModal()\"><\/div>\r\n\r\n    <div class=\"lab-modal-content\">\r\n        <button class=\"lab-modal-close\" onclick=\"closeHpLabModal()\" aria-label=\"Fermer\">&times;<\/button>\r\n\r\n        <span class=\"modal-tag\">\ud83d\udcbc SOLUTIONS CORPORATE<\/span>\r\n        <h2 class=\"modal-title\">L'Art de Marquer les Esprits<\/h2>\r\n        <p class=\"modal-intro\">Con\u00e7u d'apr\u00e8s l'expertise d'excellence et les tendances observ\u00e9es de Duba\u00ef \u00e0 Abidjan, notre service corporate transcende le simple cadeau d'affaires pour b\u00e2tir des vecteurs d'image durables.<\/p>\r\n\r\n        <div class=\"modal-grid\">\r\n\r\n            <!-- 1a: Corporate Gifts -->\r\n            <div class=\"modal-card-category\">\r\n                <div class=\"category-header\">\r\n                    <span class=\"category-num\">1a<\/span>\r\n                    <h3>Cadeaux Corporate<\/h3>\r\n                <\/div>\r\n                <p class=\"category-lead\">\u00ab Le m\u00e9dia le plus rentable et le plus durable pour votre marque. \u00bb<\/p>\r\n                <ul class=\"category-list\">\r\n                    <li><strong>Impact Marketing Mesurable :<\/strong> Une alternative puissante et p\u00e9renne aux publicit\u00e9s traditionnelles. Les objets d'utilit\u00e9 quotidienne assurent une pr\u00e9sence de marque continue et un excellent retour sur investissement.<\/li>\r\n                    <li><strong>Curation &amp; Haute Technologie :<\/strong> Des collections d'exception int\u00e9grant des gadgets raffin\u00e9s (chargeurs sans fil MagSafe, organisateurs de bureau, connectique premium) et des textiles ou bagagerie d'affaires.<\/li>\r\n                    <li><strong>Fid\u00e9lisation Psychologique :<\/strong> Des objets choisis avec rigueur qui renforcent l'engagement \u00e9motionnel de vos clients et collaborateurs (jusqu'\u00e0 +306% de fid\u00e9lit\u00e9 mesur\u00e9e).<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- 1b: Business Gifts -->\r\n            <div class=\"modal-card-category\">\r\n                <div class=\"category-header\">\r\n                    <span class=\"category-num\">1b<\/span>\r\n                    <h3>Cadeaux d'Affaires<\/h3>\r\n                <\/div>\r\n                <p class=\"category-lead\">\u00ab Sceller des alliances strat\u00e9giques par l'excellence du geste. \u00bb<\/p>\r\n                <ul class=\"category-list\">\r\n                    <li><strong>Gestes pour VIP &amp; Partenaires :<\/strong> Des cadeaux hautement personnalis\u00e9s destin\u00e9s aux d\u00e9cideurs strat\u00e9giques, grands comptes et fournisseurs cl\u00e9s pour exprimer une reconnaissance sinc\u00e8re.<\/li>\r\n                    <li><strong>Signature de Confiance :<\/strong> Un rappel mat\u00e9riel de la valeur de votre partenariat, con\u00e7u pour solidifier les relations \u00e0 long terme et cultiver une confiance in\u00e9branlable.<\/li>\r\n                    <li><strong>Curation d'Exception :<\/strong> Des pi\u00e8ces de prestige s\u00e9lectionn\u00e9es pour des c\u00e9l\u00e9brations strat\u00e9giques (Ramadan, Eid, signatures de contrats) avec un marquage artisanal discret et raffin\u00e9.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n        <\/div><!-- \/.modal-grid -->\r\n\r\n        <div class=\"modal-footer\">\r\n            <button class=\"modal-cta-btn\" onclick=\"closeHpLabModal(); window.location.hash='conciergerie';\">\r\n                Discuter de votre projet avec notre curateur &gt;\r\n            <\/button>\r\n        <\/div>\r\n\r\n    <\/div><!-- \/.lab-modal-content -->\r\n<\/div><!-- \/#labModal -->\r\n\r\n\r\n<script>\r\n(function() {\r\n\r\n  \/* ---- SCROLL REVEAL ---- *\/\r\n  function initScrollReveal() {\r\n    var revealEls = document.querySelectorAll('.hp-lab-reveal');\r\n    if (!revealEls.length) return;\r\n\r\n    if ('IntersectionObserver' in window) {\r\n      var observer = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('is-visible');\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.1 });\r\n\r\n      revealEls.forEach(function(el) { observer.observe(el); });\r\n    } else {\r\n      \/* Fallback for older browsers *\/\r\n      revealEls.forEach(function(el) { el.classList.add('is-visible'); });\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initScrollReveal);\r\n  } else {\r\n    initScrollReveal();\r\n  }\r\n  window.addEventListener('load', initScrollReveal);\r\n\r\n\r\n  \/* ---- PILIER SWITCHER ---- *\/\r\n  window.labShowPilier = function(id, btnElement, description, imageUrl) {\r\n    document.querySelectorAll('.lab-pilier-btn').forEach(function(btn) {\r\n      btn.classList.remove('active');\r\n    });\r\n    btnElement.classList.add('active');\r\n\r\n    var descEl = document.getElementById('lab-desc');\r\n    var imgEl  = document.getElementById('lab-img');\r\n    var subEl  = document.getElementById('viewer-subsections');\r\n\r\n    if (descEl) descEl.style.opacity = 0;\r\n    if (imgEl)  imgEl.style.opacity  = 0;\r\n    if (subEl)  subEl.style.opacity  = 0;\r\n\r\n    setTimeout(function() {\r\n      if (descEl) { descEl.innerHTML = description; descEl.style.opacity = 1; }\r\n      if (imgEl)  { imgEl.src = imageUrl; imgEl.style.opacity = 1; }\r\n\r\n      if (subEl) {\r\n        if (id === 4) {\r\n          subEl.style.display = 'flex';\r\n          setTimeout(function() { subEl.style.opacity = 1; }, 30);\r\n        } else {\r\n          subEl.style.opacity = 0;\r\n          setTimeout(function() { subEl.style.display = 'none'; }, 300);\r\n        }\r\n      }\r\n    }, 200);\r\n  };\r\n\r\n\r\n  \/* ---- MODAL OPEN \/ CLOSE ---- *\/\r\n  window.openHpLabModal = function(e) {\r\n    if (e) { e.preventDefault(); e.stopPropagation(); }\r\n    var modal = document.getElementById('labModal');\r\n    if (!modal) return;\r\n    modal.classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n  };\r\n\r\n  window.closeHpLabModal = function() {\r\n    var modal = document.getElementById('labModal');\r\n    if (!modal) return;\r\n    modal.classList.remove('active');\r\n    document.body.style.overflow = '';\r\n  };\r\n\r\n  \/* Close on ESC key *\/\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape') { window.closeHpLabModal(); }\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29973d1 e-con-full scroll-reveal e-flex e-con e-parent\" data-id=\"29973d1\" data-element_type=\"container\" data-e-type=\"container\" id=\"l&#039;\u00e9dition-courante\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3864fdb elementor-widget elementor-widget-html\" data-id=\"3864fdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.section-hero-split { padding: 6rem 2rem; background-color: #0a0a0a; font-family: 'Inter', sans-serif;}\r\n.hero-split-layout { display: flex; gap: 4rem; max-width: 1200px; margin: 0 auto; align-items: center; }\r\n.hero-text-side { flex: 1; color: #ffffff;}\r\n.hero-image-side { flex: 1; position: relative; }\r\n\r\n\/* The Image Styling *\/\r\n.hero-image-side img { width: 100%; border-radius: 4px; box-shadow: 0 20px 40px rgba(0,0,0,0.5); }\r\n\r\n\/* The Title resized to 2.5rem *\/\r\n.hero-text-side h1 { color: #ffffff !important; font-size: 2.5rem !important; font-family: 'Montserrat', sans-serif; font-weight: 700; margin: 1.5rem 0; line-height: 1.2; }\r\n\r\n.hero-tag { font-family: 'Montserrat', sans-serif; color: #c7a153; font-size: 0.85rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }\r\n.hero-desc { color: #aaaaaa !important; font-size: 1rem; line-height: 1.8; margin-bottom: 2rem; }\r\n.gold-text { color: #c7a153 !important; font-weight: 600; }\r\n\r\n.btn-fill-gold { background-color: #c7a153; color: #0a0a0a; padding: 1rem 2rem; font-family: 'Montserrat', sans-serif; font-size: 0.8rem; font-weight: 600; letter-spacing: 1px; text-decoration: none; display: inline-block; transition: all 0.3s;}\r\n.btn-fill-gold:hover { background-color: #d6b36a; transform: translateY(-2px); }\r\n.btn-outline-white { background-color: transparent; color: #ffffff; border: 1px solid rgba(255,255,255,0.3); padding: 1rem 2rem; font-family: 'Montserrat', sans-serif; font-size: 0.8rem; font-weight: 600; letter-spacing: 1px; text-decoration: none; display: inline-block; transition: all 0.3s;}\r\n.btn-outline-white:hover { border-color: #ffffff; transform: translateY(-2px); }\r\n.btn-group { display: flex; gap: 1rem; flex-wrap: wrap; }\r\n\r\n\/* Mobile view stacking *\/\r\n@media (max-width: 900px) { \r\n    .hero-split-layout { flex-direction: column; } \r\n    .hero-text-side h1 { font-size: 2rem !important; } \r\n}\r\n<\/style>\r\n\r\n<div class=\"section-hero-split\">\r\n    <div class=\"hero-split-layout\">\r\n        <div class=\"hero-text-side\">\r\n            <span class=\"hero-tag\"> L'\u00c9DITION COURANTE<\/span>\r\n            <h1>L'Excellence du<br>Gifting<br>pour les Leaders.<\/h1>\r\n            <p class=\"hero-desc\">\r\n                De <em><strong>Mumbai \u00e0 Duba\u00ef<\/strong><\/em>, nous sour\u00e7ons l'exceptionnel pour ceux qui fa\u00e7onnent l'avenir. Une curation exclusive sign\u00e9e Hello Printing, d\u00e9di\u00e9e au <span class=\"gold-text\">Top Management d'Abidjan<\/span> et de toute l'Afrique.\r\n            <\/p>\r\n            <div class=\"btn-group\">\r\n                <a href=\"https:\/\/helloprinting.net\/lookbook\/\" class=\"btn-fill-gold\">Explorer le Lookbook de Saison \ud83d\udcbc<\/a>\r\n                <a href=\"https:\/\/helloprinting.net\/concierge\/\" class=\"btn-outline-white\">CONFIER VOTRE PROJET<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"hero-image-side\">\r\n            <!-- Replace with the URL of the image I generated once you upload it to WP -->\r\n            <img decoding=\"async\" src=\"https:\/\/helloprinting.net\/wp-content\/uploads\/2026\/05\/edition_courante_box.jpg\" alt=\"Luxury Corporate Gifting\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de29577 e-con-full scroll-reveal e-flex e-con e-parent\" data-id=\"de29577\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfec32b elementor-widget elementor-widget-html\" data-id=\"dfec32b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.section-corp { padding: 4rem 2rem; background-color: #ffffff; text-align: center; font-family: 'Inter', sans-serif;}\r\n.section-desc-center { color: #888888; font-size: 1.1rem; max-width: 700px; margin: 1.5rem auto 3rem auto; line-height: 1.6;}\r\n.list-layout { max-width: 800px; margin: 0 auto; text-align: left; }\r\n.list-item { display: flex; gap: 1.5rem; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #eaeaea; }\r\n.list-letter { color: #c7a153; border: 1px solid #c7a153; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-family: 'Montserrat', sans-serif; font-size: 0.8rem; font-weight: 600; flex-shrink: 0; }\r\n.list-content h4 { font-size: 1.1rem; color: #1a1a1a; margin-bottom: 0.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700;}\r\n.list-content p { color: #888888; font-size: 0.95rem; line-height: 1.6;}\r\n  .catalog-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        margin-top: 15px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 600;\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #c7a153; \/* Gold *\/\r\n        text-decoration: none !important;\r\n        transition: color 0.3s ease;\r\n    }\r\n    .catalog-link:hover {\r\n        color: #1a1a1a !important; \/* Turns black on hover *\/\r\n    }\r\n    .catalog-arrow {\r\n        margin-left: 8px;\r\n        font-size: 1.1rem;\r\n        transition: transform 0.3s ease;\r\n    }\r\n    .catalog-link:hover .catalog-arrow {\r\n        transform: translateX(6px); \/* Arrow slides right *\/\r\n    }\r\n<\/style>\r\n\r\n<div class=\"section-corp\">\r\n    <span style=\"font-family: 'Montserrat'; color: #c7a153; font-size: 0.85rem; font-weight: 600; letter-spacing: 2px;\">SOLUTIONS CORPORATE<\/span>\r\n    <h2 style=\"color: #1a1a1a; font-size: 2.5rem; font-family: 'Montserrat'; font-weight: 700; margin-top: 1rem;\">L'art de marquer les esprits par l'objet<\/h2>\r\n    <p class=\"section-desc-center\">Hello Printing con\u00e7oit et livre des cadeaux d\u2019affaires exclusifs de Duba\u00ef \u00e0 Mumbai, pens\u00e9s pour renforcer la fid\u00e9lit\u00e9 de vos clients et dynamiser la fiert\u00e9 de vos collaborateurs.<\/p>\r\n    \r\n    <div class=\"list-layout\">\r\n        <div class=\"list-item\">\r\n            <div class=\"list-letter\">A<\/div>\r\n            <div class=\"list-content\">\r\n                <h4>Nos Collections Exclusives <\/h4>\r\n                <p><b>High-Tech & Accessoires Connect\u00e9s : <\/b> Enceintes de cr\u00e9ateurs, batteries de secours haut de gamme gain\u00e9es de cuir, et chargeurs \u00e0 induction en bois pr\u00e9cieux.<\/p>\r\n                \r\n                 <p><b>\u00c9critoires & Bureau :  <\/b> Organiseurs en cuir pleine fleur, stylos d'exception, carnets en papier d'art textur\u00e9 personnalis\u00e9s.<\/p>\r\n                 \r\n                   <p><b>Packs de Bienvenue (Welcome Kits) :   <\/b> Coffrets d'int\u00e9gration sur-mesure pour vos nouveaux talents ou membres VIP.<\/p>\r\n                   \r\n                  <p><b>Drinkware & Mode de Vie :    <\/b> Bouteilles isothermes au design \u00e9pur\u00e9, tasses double paroi en verre borosilicate et coffrets de d\u00e9gustation.<\/p>  \r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"list-item\">\r\n            <div class=\"list-letter\">B<\/div>\r\n            <div class=\"list-content\">\r\n                <h4>Pourquoi choisir Hello Printing pour vos Cadeaux d'Affaires ?<\/h4>\r\n                \r\n                <p><b>Curation Internationale :<\/b> Acc\u00e8s direct \u00e0 des objets rares sourc\u00e9s mondialement de Duba\u00ef \u00e0 Mumbai.<\/p>\r\n                \r\n                  <p><b>Branding & Marquage d'Exception : <\/b> Gravure laser de pr\u00e9cision, embossage \u00e0 sec sur cuir et marquage \u00e0 chaud \u00e0 la feuille d'or.<\/p>\r\n                  \r\n                     <p><b>Garantie d'Impact : <\/b> Des cadeaux durables et raffin\u00e9s con\u00e7us pour tr\u00f4ner fi\u00e8rement sur le bureau des d\u00e9cideurs (CEO).<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <br>\r\n<a href=\"https:\/\/helloprinting.net\/lookbook\/k\" class=\"catalog-link\">\r\n    Voir le catalogue <span class=\"catalog-arrow\">\u2192<\/span>\r\n<\/a>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26dae77 e-con-full scroll-reveal e-flex e-con e-parent\" data-id=\"26dae77\" data-element_type=\"container\" data-e-type=\"container\" id=\"atelier\">\n\t\t\t\t<div class=\"elementor-element elementor-element-694d0da elementor-widget elementor-widget-html\" data-id=\"694d0da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.section-atelier { padding: 4rem 2rem; background-color: #0a0a0a; font-family: 'Inter', sans-serif;}\r\n.split-layout { display: flex; gap: 4rem; max-width: 1200px; margin: 0 auto; align-items: center; }\r\n.atelier-text-side { flex: 1; color: #ffffff;}\r\n.atelier-image-side { flex: 1; position: relative; }\r\n\/* Forced White Text below! *\/\r\n.atelier-text-side h2 { color: #ffffff !important; font-size: 2.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-top: 1rem; }\r\n.atelier-sub-gold { color: #c7a153; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 1.2rem; margin: 1rem 0; }\r\n.atelier-desc { color: #aaaaaa !important; font-size: 1rem; line-height: 1.6; }\r\n.grid-2x2-small { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2rem; }\r\n.atelier-card { background-color: #111111; border: 1px solid #222222; padding: 2rem; }\r\n.atelier-card h5 { color: #c7a153; font-size: 0.75rem; letter-spacing: 1px; margin-bottom: 1rem; font-family: 'Montserrat', sans-serif;}\r\n.atelier-card p { color: #888888; font-size: 0.9rem; line-height: 1.5;}\r\n@media (max-width: 900px) { .split-layout { flex-direction: column; } .grid-2x2-small { grid-template-columns: 1fr; } }\r\n<\/style>\r\n\r\n\r\n<div class=\"section-atelier\">\r\n    <div class=\"split-layout\">\r\n        <div class=\"atelier-text-side\">\r\n            <span style=\"font-family: 'Montserrat'; color: #c7a153; font-size: 0.85rem; font-weight: 600; letter-spacing: 2px;\">NOTRE VALEUR AJOUT\u00c9E<\/span>\r\n            <h2 style=\"font-size: 2.5rem; font-family: 'Montserrat'; font-weight: 700; margin-top: 1rem;\">L'Atelier Hello Printing<\/h2>\r\n            <h3 class=\"atelier-sub-gold\">Le d\u00e9tail qui fait la diff\u00e9rence.<\/h3>\r\n            <p style=\"color: #888888; font-size: 1rem; line-height: 1.6;\">En tant que consultant en communication, je sais qu'un cadeau sans message est une opportunit\u00e9 manqu\u00e9e. Notre atelier int\u00e8gre directement la personnalisation :<\/p>\r\n            \r\n            <div class=\"grid-2x2-small\">\r\n                <div class=\"atelier-card\">\r\n                    <h5>PACKAGING DE HAUTE FACTURE<\/h5>\r\n                    <p>Bo\u00eetes rigides, marquage \u00e0 chaud. Votre identit\u00e9 visuelle est sublim\u00e9e.<\/p>\r\n                <\/div>\r\n                <div class=\"atelier-card\">\r\n                    <h5>GRAVURE LASER<\/h5>\r\n                    <p>Sur cuir, m\u00e9tal ou bois pour une personnalisation ind\u00e9l\u00e9bile.<\/p>\r\n                <\/div>\r\n                <div class=\"atelier-card\">\r\n                    <h5>PAPETERIE D'ACCOMPAGNEMENT<\/h5>\r\n                    <p>Cartes de v\u0153ux et livrets sur des supports d'exception.<\/p>\r\n                <\/div>\r\n                <div class=\"atelier-card\">\r\n                    <h5>DESIGN DE COFFRET<\/h5>\r\n                    <p>Conception de fourreaux sur-mesure adapt\u00e9s \u00e0 chaque produit.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"atelier-image-side\">\r\n           <img decoding=\"async\" src=\"https:\/\/helloprinting.net\/wp-content\/uploads\/2026\/05\/atelier_craftsmanship.jpg\">\r\n          \r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5f1c81 scroll-reveal e-flex e-con-boxed e-con e-parent\" data-id=\"a5f1c81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53e4d7e elementor-widget elementor-widget-html\" data-id=\"53e4d7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .bab-section {\r\n        background-color: #050505;\r\n        padding: 6rem 2rem;\r\n        text-align: center;\r\n        border-top: 1px solid #1a1a1a;\r\n    }\r\n    .bab-title {\r\n        color: #ffffff;\r\n        font-family: 'Playfair Display', serif; \/* Matched Font *\/\r\n        font-size: 3rem; \/* Matched Size *\/\r\n        font-weight: 400; \/* Matched Weight *\/\r\n        margin-bottom: 4rem; \/* Big Gap Added Here! *\/\r\n    }\r\n    .bab-subtitle {\r\n        color: #c7a153;\r\n        font-family: 'Montserrat', sans-serif;\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        font-size: 0.9rem;\r\n        margin-bottom: 1rem;\r\n        display: block;\r\n    }\r\n    .bab-steps {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 2rem;\r\n        max-width: 1200px;\r\n        margin: 0 auto 4rem auto;\r\n        flex-wrap: wrap;\r\n    }\r\n    .bab-step-card {\r\n        background: #0a0a0a;\r\n        border: 1px solid #222;\r\n        padding: 3rem 2rem;\r\n        flex: 1;\r\n        min-width: 250px;\r\n        position: relative;\r\n        transition: all 0.4s ease;\r\n    }\r\n    .bab-step-card:hover {\r\n        transform: translateY(-10px);\r\n        border-color: #c7a153;\r\n    }\r\n    .bab-step-number {\r\n        position: absolute;\r\n        top: -25px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background: #111;\r\n        color: #c7a153;\r\n        border: 1px solid #c7a153;\r\n        width: 50px;\r\n        height: 50px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        font-size: 1.2rem;\r\n        border-radius: 50%;\r\n        transition: all 0.4s ease;\r\n    }\r\n    .bab-step-card:hover .bab-step-number {\r\n        background: #c7a153;\r\n        color: #0a0a0a;\r\n    }\r\n    .bab-step-title {\r\n        color: #ffffff;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 600;\r\n        font-size: 1.1rem;\r\n        margin-bottom: 1rem;\r\n        margin-top: 1rem;\r\n    }\r\n    .bab-step-desc {\r\n        color: #888;\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 0.95rem;\r\n        line-height: 1.6;\r\n    }\r\n    .btn-bab {\r\n        display: inline-block;\r\n        background: #c7a153;\r\n        color: #0a0a0a;\r\n        padding: 1.2rem 3rem;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .btn-bab:hover { background: #ffffff; transform: translateY(-2px); }\r\n<\/style>\r\n\r\n<div class=\"bab-section\">\r\n    <span class=\"bab-subtitle\">L'Exp\u00e9rience Sur-Mesure<\/span>\r\n    <h2 class=\"bab-title\">Cr\u00e9er votre Coffret (Build a Box)<\/h2>\r\n    \r\n    <div class=\"bab-steps\">\r\n        <div class=\"bab-step-card\">\r\n            <div class=\"bab-step-number\">1<\/div>\r\n            <h3 class=\"bab-step-title\">Le Coffret<\/h3>\r\n            <p class=\"bab-step-desc\">S\u00e9lectionnez le mat\u00e9riau de votre \u00e9crin. Bois pr\u00e9cieux, cuir textur\u00e9, ou cartonnage rigide premium.<\/p>\r\n        <\/div>\r\n        <div class=\"bab-step-card\">\r\n            <div class=\"bab-step-number\">2<\/div>\r\n            <h3 class=\"bab-step-title\">La Curation<\/h3>\r\n            <p class=\"bab-step-desc\">Explorez notre s\u00e9lection d'objets rares sourc\u00e9s de Duba\u00ef \u00e0 Mumbai et composez l'int\u00e9rieur.<\/p>\r\n        <\/div>\r\n        <div class=\"bab-step-card\">\r\n            <div class=\"bab-step-number\">3<\/div>\r\n            <h3 class=\"bab-step-title\">L'Atelier<\/h3>\r\n            <p class=\"bab-step-desc\">Personnalisez chaque d\u00e9tail. Marquage \u00e0 chaud du logo, gravure laser, et carte manuscrite.<\/p>\r\n        <\/div>\r\n        <div class=\"bab-step-card\">\r\n            <div class=\"bab-step-number\">4<\/div>\r\n            <h3 class=\"bab-step-title\">La Logistique<\/h3>\r\n            <p class=\"bab-step-desc\">Validez votre projet. Nous g\u00e9rons l'assemblage et la livraison discr\u00e8te \u00e0 vos VIP.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <a href=\"https:\/\/helloprinting.net\/concierge\/\" class=\"btn-bab\">D\u00e9marrer un Projet<\/a>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf90bc5 scroll-reveal e-flex e-con-boxed e-con e-parent\" data-id=\"bf90bc5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41b5b89 elementor-widget elementor-widget-html\" data-id=\"41b5b89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .faq-section {\r\n        background-color: #0a0a0a;\r\n        color: #ffffff;\r\n        padding: 8rem 2rem;\r\n    }\r\n    .faq-container {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n    .faq-header {\r\n        text-align: center;\r\n        margin-bottom: 4rem;\r\n    }\r\n    .faq-title {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 2.5rem;\r\n        margin-bottom: 1rem;\r\n        color: #ffffff;\r\n    }\r\n    .faq-subtitle {\r\n        color: #c7a153;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        font-size: 0.9rem;\r\n    }\r\n    \r\n    .faq-item {\r\n        border-bottom: 1px solid #222;\r\n        margin-bottom: 1rem;\r\n    }\r\n    .faq-item details {\r\n        width: 100%;\r\n    }\r\n    \/* Hide the default triangle arrow in Chrome\/Safari *\/\r\n    .faq-item summary::-webkit-details-marker { display: none; }\r\n    \r\n    .faq-item summary {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 1.5rem 0;\r\n        cursor: pointer;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        color: #e0e0e0;\r\n        list-style: none; \/* Hide default arrow in Firefox *\/\r\n        transition: color 0.3s ease;\r\n    }\r\n    .faq-item summary:hover {\r\n        color: #c7a153;\r\n    }\r\n    .faq-item summary::after {\r\n        content: '+';\r\n        color: #c7a153;\r\n        font-size: 1.5rem;\r\n        font-weight: 300;\r\n    }\r\n    .faq-item details[open] summary {\r\n        color: #c7a153;\r\n    }\r\n    .faq-item details[open] summary::after {\r\n        content: '\u2212';\r\n    }\r\n    .faq-item p {\r\n        padding-bottom: 2rem;\r\n        color: #888888;\r\n        font-family: 'Inter', sans-serif;\r\n        line-height: 1.8;\r\n        font-size: 1rem;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"faq-section\">\r\n    <div class=\"faq-container\">\r\n        <div class=\"faq-header\">\r\n            <span class=\"faq-subtitle\">Questions Fr\u00e9quentes<\/span>\r\n            <h2 class=\"faq-title\">Ce que vous devez savoir<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <details>\r\n                <summary>Quel est le volume minimum pour un projet sur-mesure ?<\/summary>\r\n                <p>Notre approche est r\u00e9solument qualitative. Nous accompagnons nos clients \u00e0 partir d'une commande minimale de 50 coffrets pour nos collections standards. Cependant, nous pouvons sourcer et concevoir des pi\u00e8ces uniques (ultra-luxe) pour des comit\u00e9s de direction tr\u00e8s restreints (\u00e0 partir de 10 pi\u00e8ces).<\/p>\r\n            <\/details>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <details>\r\n                <summary>Personnalisez-vous les objets et les coffrets ?<\/summary>\r\n                <p>Absolument. \"L'Atelier Hello Printing\" prend en charge la personnalisation compl\u00e8te de vos projets corporate. Cela inclut le marquage \u00e0 chaud sur les \u00e9crins rigides, la gravure laser sur les objets premium, et l'int\u00e9gration de papeterie institutionnelle \u00e0 l'int\u00e9rieur de chaque coffret.<\/p>\r\n            <\/details>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <details>\r\n                <summary>Quels sont vos d\u00e9lais de cr\u00e9ation et de livraison ?<\/summary>\r\n                <p>La curation et la conception sur-mesure n\u00e9cessitent du temps pour atteindre l'excellence. Selon la provenance des pi\u00e8ces (Duba\u00ef, Mumbai, Europe) et la complexit\u00e9 de la personnalisation, nos d\u00e9lais varient de 3 \u00e0 6 semaines. Nous vous recommandons d'anticiper fortement vos projets de fin d'ann\u00e9e.<\/p>\r\n            <\/details>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <details>\r\n                <summary>Livrez-vous en dehors d'Abidjan ?<\/summary>\r\n                <p>Notre hub logistique est bas\u00e9 \u00e0 Abidjan, o\u00f9 nous assurons des livraisons en mains propres, avec toute la discr\u00e9tion requise pour les VIP. Nous avons \u00e9galement la capacit\u00e9 d'exp\u00e9dier dans toute l'Afrique de l'Ouest via nos partenaires logistiques s\u00e9curis\u00e9s.<\/p>\r\n            <\/details>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HELLOPRINTING THE INNOVATION LAB \u00ab\u00a0Au-del\u00e0 de l&rsquo;impression, nous donnons vie \u00e0 vos id\u00e9es.\u00a0\u00bb ENTRER &gt; L&rsquo;ADN Hello Printing n&rsquo;est pas qu&rsquo;une imprimerie,C&rsquo;est une fusion strat\u00e9gique. \u00ab\u00a0Laboratoire d\u2019id\u00e9es novatrices, HELLO PRINTING est le point de rencontre entre le conseil strat\u00e9gique, l&rsquo;\u00e9v\u00e9nementiel, le digital et l&rsquo;art de l&rsquo;imprimerie. Nous accompagnons les marques et institutions pour transformer leurs [&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-3579","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Accueil - HELLO PRINTING<\/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:\/\/helloprinting.net\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accueil\" \/>\n<meta property=\"og:description\" content=\"HELLOPRINTING THE INNOVATION LAB \u00ab\u00a0Au-del\u00e0 de l&rsquo;impression, nous donnons vie \u00e0 vos id\u00e9es.\u00a0\u00bb ENTRER &gt; L&rsquo;ADN Hello Printing n&rsquo;est pas qu&rsquo;une imprimerie,C&rsquo;est une fusion strat\u00e9gique. \u00ab\u00a0Laboratoire d\u2019id\u00e9es novatrices, HELLO PRINTING est le point de rencontre entre le conseil strat\u00e9gique, l&rsquo;\u00e9v\u00e9nementiel, le digital et l&rsquo;art de l&rsquo;imprimerie. Nous accompagnons les marques et institutions pour transformer leurs [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/helloprinting.net\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"HELLO PRINTING\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-09T13:23:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/helloprinting.net\/wp-content\/uploads\/2026\/05\/edition_courante_box.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/helloprinting.net\\\/\",\"url\":\"https:\\\/\\\/helloprinting.net\\\/\",\"name\":\"Accueil - HELLO PRINTING\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/helloprinting.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/helloprinting.net\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/helloprinting.net\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/helloprinting.net\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/edition_courante_box.jpg\",\"datePublished\":\"2026-05-04T12:56:21+00:00\",\"dateModified\":\"2026-06-09T13:23:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/helloprinting.net\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/helloprinting.net\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/helloprinting.net\\\/#primaryimage\",\"url\":\"https:\\\/\\\/helloprinting.net\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/edition_courante_box.jpg\",\"contentUrl\":\"https:\\\/\\\/helloprinting.net\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/edition_courante_box.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/helloprinting.net\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/helloprinting.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/helloprinting.net\\\/#website\",\"url\":\"https:\\\/\\\/helloprinting.net\\\/\",\"name\":\"helloprinting.net\",\"description\":\"Au-del\u00e0 de l&#039;impression, nous donnons vie \u00e0 vos id\u00e9es\",\"publisher\":{\"@id\":\"https:\\\/\\\/helloprinting.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/helloprinting.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/helloprinting.net\\\/#organization\",\"name\":\"Hello Printing\",\"url\":\"https:\\\/\\\/helloprinting.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/helloprinting.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/helloprinting.net\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Hello-Printing-Logo.png\",\"contentUrl\":\"https:\\\/\\\/helloprinting.net\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Hello-Printing-Logo.png\",\"width\":909,\"height\":179,\"caption\":\"Hello Printing\"},\"image\":{\"@id\":\"https:\\\/\\\/helloprinting.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Accueil - HELLO PRINTING","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:\/\/helloprinting.net\/en\/","og_locale":"en_US","og_type":"article","og_title":"Accueil","og_description":"HELLOPRINTING THE INNOVATION LAB \u00ab\u00a0Au-del\u00e0 de l&rsquo;impression, nous donnons vie \u00e0 vos id\u00e9es.\u00a0\u00bb ENTRER &gt; L&rsquo;ADN Hello Printing n&rsquo;est pas qu&rsquo;une imprimerie,C&rsquo;est une fusion strat\u00e9gique. \u00ab\u00a0Laboratoire d\u2019id\u00e9es novatrices, HELLO PRINTING est le point de rencontre entre le conseil strat\u00e9gique, l&rsquo;\u00e9v\u00e9nementiel, le digital et l&rsquo;art de l&rsquo;imprimerie. Nous accompagnons les marques et institutions pour transformer leurs [&hellip;]","og_url":"https:\/\/helloprinting.net\/en\/","og_site_name":"HELLO PRINTING","article_modified_time":"2026-06-09T13:23:00+00:00","og_image":[{"url":"https:\/\/helloprinting.net\/wp-content\/uploads\/2026\/05\/edition_courante_box.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/helloprinting.net\/","url":"https:\/\/helloprinting.net\/","name":"Accueil - HELLO PRINTING","isPartOf":{"@id":"https:\/\/helloprinting.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/helloprinting.net\/#primaryimage"},"image":{"@id":"https:\/\/helloprinting.net\/#primaryimage"},"thumbnailUrl":"https:\/\/helloprinting.net\/wp-content\/uploads\/2026\/05\/edition_courante_box.jpg","datePublished":"2026-05-04T12:56:21+00:00","dateModified":"2026-06-09T13:23:00+00:00","breadcrumb":{"@id":"https:\/\/helloprinting.net\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/helloprinting.net\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/helloprinting.net\/#primaryimage","url":"https:\/\/helloprinting.net\/wp-content\/uploads\/2026\/05\/edition_courante_box.jpg","contentUrl":"https:\/\/helloprinting.net\/wp-content\/uploads\/2026\/05\/edition_courante_box.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/helloprinting.net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/helloprinting.net\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/helloprinting.net\/#website","url":"https:\/\/helloprinting.net\/","name":"helloprinting.net","description":"Au-del\u00e0 de l&#039;impression, nous donnons vie \u00e0 vos id\u00e9es","publisher":{"@id":"https:\/\/helloprinting.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/helloprinting.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/helloprinting.net\/#organization","name":"Hello Printing","url":"https:\/\/helloprinting.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/helloprinting.net\/#\/schema\/logo\/image\/","url":"https:\/\/helloprinting.net\/wp-content\/uploads\/2026\/03\/Hello-Printing-Logo.png","contentUrl":"https:\/\/helloprinting.net\/wp-content\/uploads\/2026\/03\/Hello-Printing-Logo.png","width":909,"height":179,"caption":"Hello Printing"},"image":{"@id":"https:\/\/helloprinting.net\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/helloprinting.net\/en\/wp-json\/wp\/v2\/pages\/3579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloprinting.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/helloprinting.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/helloprinting.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/helloprinting.net\/en\/wp-json\/wp\/v2\/comments?post=3579"}],"version-history":[{"count":196,"href":"https:\/\/helloprinting.net\/en\/wp-json\/wp\/v2\/pages\/3579\/revisions"}],"predecessor-version":[{"id":3998,"href":"https:\/\/helloprinting.net\/en\/wp-json\/wp\/v2\/pages\/3579\/revisions\/3998"}],"wp:attachment":[{"href":"https:\/\/helloprinting.net\/en\/wp-json\/wp\/v2\/media?parent=3579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}