{"id":29,"date":"2026-08-09T08:40:43","date_gmt":"2026-08-09T08:40:43","guid":{"rendered":"https:\/\/skoom.fr\/?page_id=29"},"modified":"2026-08-28T11:16:37","modified_gmt":"2026-08-28T11:16:37","slug":"contacter-nous","status":"publish","type":"page","link":"https:\/\/skoom.fr\/en\/contacter-nous\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70ea3e8 e-con e-atomic-element e-flexbox-base e-8e8bbc6 \" data-id=\"70ea3e8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"70ea3e8\">\n    \t\t<div class=\"elementor-element elementor-element-3c57978 elementor-absolute elementor-widget elementor-widget-shortcode\" data-id=\"3c57978\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div class=\"skoom-nav\">\n\n        <!-- HAMBURGER -->\n        <button\n            class=\"skoom-hamburger\"\n            type=\"button\"\n            aria-label=\"Ouvrir le menu\"\n            aria-expanded=\"false\"\n        >\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n        <\/button>\n\n\n        <!-- PANNEAU -->\n        <div class=\"skoom-panel\">\n\n            <!-- CROIX -->\n            <button\n                class=\"skoom-close\"\n                type=\"button\"\n                aria-label=\"Fermer le menu\"\n            >\n                <span><\/span>\n                <span><\/span>\n            <\/button>\n\n\n            <!-- MENU WORDPRESS -->\n            <nav class=\"skoom-menu-container\">\n\n                <ul id=\"menu-menu-principal-skoom\" class=\"skoom-wordpress-menu\"><li id=\"menu-item-36\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-36\"><a href=\"https:\/\/skoom.fr\/en\/a-propos\/\">Les SkOOmers<\/a><\/li>\n<li id=\"menu-item-35\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-35\"><a href=\"https:\/\/skoom.fr\/en\/decouvrir-skoom\/\">D\u00e9couvrir SKOOM<\/a><\/li>\n<li id=\"menu-item-34\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-34\"><a href=\"https:\/\/skoom.fr\/en\/nos-solutions\/\">Nos solutions<\/a><\/li>\n<li id=\"menu-item-33\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-33\"><a href=\"https:\/\/skoom.fr\/en\/contacter-nous\/\">Contactez-nous<\/a><\/li>\n<li id=\"menu-item-962\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-962\"><a href=\"https:\/\/skoom.fr\/en\/registration\/\">Activer mon compte<\/a><\/li>\n<li id=\"menu-item-1666\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1666\"><a href=\"https:\/\/skoom.fr\/en\/politique-de-cookies-ue\/\">Politique de cookies (UE)<\/a><\/li>\n<\/ul>\n            <\/nav>\n\n        <\/div>\n\n    <\/div>\n\n\n    <style>\n\n    \/* =========================================================\n       SKOOM \u2014 MENU FLOTTANT ADAPTATIF\n    ========================================================= *\/\n\n\n    \/* =========================================================\n       CONTENEUR GLOBAL\n    ========================================================= *\/\n\n    .skoom-nav {\n\n        position: fixed !important;\n\n        top: 48px !important;\n        left: 28px !important;\n\n        right: auto !important;\n        bottom: auto !important;\n\n        display: inline-flex !important;\n\n        align-items: center !important;\n        justify-content: center !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        overflow: visible !important;\n\n        z-index: 999999 !important;\n\n        --skoom-menu-color: #FFFFFF;\n\n    }\n\n\n    \/* =========================================================\n       FOND CLAIR\n       HAMBURGER VIOLET\n    ========================================================= *\/\n\n    .skoom-nav.skoom-bg-light {\n\n        --skoom-menu-color: #8703B3;\n\n    }\n\n\n    \/* =========================================================\n       FOND SOMBRE\n       HAMBURGER BLANC\n    ========================================================= *\/\n\n    .skoom-nav.skoom-bg-dark {\n\n        --skoom-menu-color: #FFFFFF;\n\n    }\n\n\n    \/* =========================================================\n       HAMBURGER\n       VERSION PLUS GRANDE\n    ========================================================= *\/\n\n    .skoom-hamburger {\n\n        position: relative !important;\n\n        display: flex !important;\n\n        flex-direction: column !important;\n\n        align-items: flex-start !important;\n        justify-content: center !important;\n\n        width: 54px !important;\n        height: 54px !important;\n\n        margin: 0 !important;\n\n        padding: 8px !important;\n\n        gap: 7px !important;\n\n        border: none !important;\n        outline: none !important;\n\n        background: transparent !important;\n\n        box-shadow: none !important;\n\n        cursor: pointer !important;\n\n        z-index: 1000001 !important;\n\n        -webkit-tap-highlight-color: transparent;\n\n    }\n\n\n    \/* =========================================================\n       BARRES HAMBURGER\n       PLUS \u00c9PAISSES\n    ========================================================= *\/\n\n    .skoom-hamburger span {\n\n        display: block !important;\n\n        height: 3px !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        background-color:\n            var(--skoom-menu-color) !important;\n\n        border-radius: 20px !important;\n\n        transition:\n            width 250ms ease,\n            background-color 300ms ease,\n            box-shadow 300ms ease\n            !important;\n\n    }\n\n\n    \/* =========================================================\n       LONGUEUR DES TRAITS\n    ========================================================= *\/\n\n    .skoom-hamburger span:nth-child(1) {\n\n        width: 34px !important;\n\n    }\n\n\n    .skoom-hamburger span:nth-child(2) {\n\n        width: 27px !important;\n\n    }\n\n\n    .skoom-hamburger span:nth-child(3) {\n\n        width: 34px !important;\n\n    }\n\n\n    \/* =========================================================\n       VIOLET SUR FOND CLAIR\n    ========================================================= *\/\n\n    .skoom-nav.skoom-bg-light\n    .skoom-hamburger span {\n\n        background-color:\n            #8703B3 !important;\n\n        box-shadow:\n            0 0 10px\n            rgba(135,3,179,.18);\n\n    }\n\n\n    \/* =========================================================\n       BLANC SUR FOND SOMBRE\n    ========================================================= *\/\n\n    .skoom-nav.skoom-bg-dark\n    .skoom-hamburger span {\n\n        background-color:\n            #FFFFFF !important;\n\n        box-shadow:\n            0 0 8px\n            rgba(255,255,255,.12);\n\n    }\n\n\n    \/* =========================================================\n       HOVER\n       LE TRAIT CENTRAL S'ALLONGE\n    ========================================================= *\/\n\n    .skoom-hamburger:hover\n    span:nth-child(2) {\n\n        width: 34px !important;\n\n    }\n\n\n    \/* =========================================================\n       PANNEAU GLASS\n       STYLE DE BASE\n    ========================================================= *\/\n\n    .skoom-panel {\n\n        position: absolute !important;\n\n        top: calc(100% + 12px) !important;\n\n        left: 0 !important;\n        right: auto !important;\n\n        width: 310px !important;\n\n        max-width:\n            calc(100vw - 56px) !important;\n\n        box-sizing: border-box !important;\n\n        margin: 0 !important;\n\n        padding: 24px !important;\n\n        border-radius:\n            20px !important;\n\n        opacity: 0 !important;\n\n        visibility:\n            hidden !important;\n\n        pointer-events:\n            none !important;\n\n        transform:\n            translateY(-8px)\n            scale(.97) !important;\n\n        transform-origin:\n            top left !important;\n\n        transition:\n            opacity 280ms ease,\n            transform\n            380ms\n            cubic-bezier(.16,1,.3,1),\n            visibility 280ms ease,\n            background 350ms ease,\n            border-color 350ms ease,\n            box-shadow 350ms ease\n            !important;\n\n        z-index:\n            1000000 !important;\n\n    }\n\n\n    \/* =========================================================\n       PANNEAU SUR FOND CLAIR\n       \u2192 GLASS SOMBRE SKOOM\n    ========================================================= *\/\n\n    .skoom-nav.skoom-bg-light\n    .skoom-panel {\n\n        background:\n            linear-gradient(\n                145deg,\n                rgba(24,7,45,.96) 0%,\n                rgba(17,4,35,.94) 52%,\n                rgba(11,2,25,.96) 100%\n            ) !important;\n\n        -webkit-backdrop-filter:\n            blur(24px)\n            saturate(145%) !important;\n\n        backdrop-filter:\n            blur(24px)\n            saturate(145%) !important;\n\n        border:\n            1px solid\n            rgba(185,114,255,.30) !important;\n\n        box-shadow:\n            0 30px 70px\n            rgba(20,5,40,.28),\n            0 10px 35px\n            rgba(135,3,179,.16),\n            inset 0 1px 0\n            rgba(255,255,255,.09)\n            !important;\n\n    }\n\n\n    \/* =========================================================\n       PANNEAU SUR FOND SOMBRE\n       \u2192 GLASS PLUS CLAIR\n    ========================================================= *\/\n\n    .skoom-nav.skoom-bg-dark\n    .skoom-panel {\n\n        background:\n            linear-gradient(\n                135deg,\n                rgba(255,255,255,.18),\n                rgba(180,0,240,.11)\n            ) !important;\n\n        -webkit-backdrop-filter:\n            blur(24px)\n            saturate(145%) !important;\n\n        backdrop-filter:\n            blur(24px)\n            saturate(145%) !important;\n\n        border:\n            1px solid\n            rgba(230,210,255,.56) !important;\n\n        box-shadow:\n            0 28px 70px\n            rgba(10,0,35,.28),\n            inset 0 1px 0\n            rgba(255,255,255,.30),\n            0 0 28px\n            rgba(180,0,240,.10)\n            !important;\n\n    }\n\n\n    \/* =========================================================\n       PANNEAU OUVERT\n    ========================================================= *\/\n\n    .skoom-panel.active {\n\n        opacity: 1 !important;\n\n        visibility:\n            visible !important;\n\n        pointer-events:\n            auto !important;\n\n        transform:\n            translateY(0)\n            scale(1) !important;\n\n    }\n\n\n    \/* =========================================================\n       CROIX\n    ========================================================= *\/\n\n    .skoom-close {\n\n        position: absolute !important;\n\n        top: 16px !important;\n        right: 17px !important;\n\n        width: 28px !important;\n        height: 28px !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        border: none !important;\n        outline: none !important;\n\n        background:\n            transparent !important;\n\n        cursor: pointer !important;\n\n        z-index:\n            1000002 !important;\n\n        transition:\n            transform 250ms ease,\n            opacity 250ms ease\n            !important;\n\n    }\n\n\n    .skoom-close span {\n\n        position: absolute !important;\n\n        top: 50% !important;\n        left: 50% !important;\n\n        width: 17px !important;\n        height: 1.5px !important;\n\n        border-radius:\n            20px !important;\n\n        transform-origin:\n            center !important;\n\n        transition:\n            background-color 300ms ease,\n            box-shadow 300ms ease\n            !important;\n\n    }\n\n\n    \/* CROIX SUR PANNEAU SOMBRE *\/\n\n    .skoom-nav.skoom-bg-light\n    .skoom-close span {\n\n        background:\n            #FFFFFF !important;\n\n        box-shadow:\n            0 0 8px\n            rgba(180,0,240,.32);\n\n    }\n\n\n    \/* CROIX SUR PANNEAU CLAIR *\/\n\n    .skoom-nav.skoom-bg-dark\n    .skoom-close span {\n\n        background:\n            #FFFFFF !important;\n\n        box-shadow:\n            0 0 8px\n            rgba(180,0,240,.25);\n\n    }\n\n\n    .skoom-close\n    span:first-child {\n\n        transform:\n            translate(-50%,-50%)\n            rotate(45deg)\n            !important;\n\n    }\n\n\n    .skoom-close\n    span:last-child {\n\n        transform:\n            translate(-50%,-50%)\n            rotate(-45deg)\n            !important;\n\n    }\n\n\n    .skoom-close:hover {\n\n        transform:\n            rotate(90deg) !important;\n\n        opacity:\n            .65 !important;\n\n    }\n\n\n    \/* =========================================================\n       CONTENEUR MENU\n    ========================================================= *\/\n\n    .skoom-menu-container {\n\n        width: 100% !important;\n\n        margin: 0 !important;\n\n        padding:\n            0\n            42px\n            0\n            0\n            !important;\n\n        box-sizing:\n            border-box !important;\n\n    }\n\n\n    \/* =========================================================\n       MENU WORDPRESS\n    ========================================================= *\/\n\n    .skoom-wordpress-menu {\n\n        width: 100% !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        list-style:\n            none !important;\n\n        display:\n            flex !important;\n\n        flex-direction:\n            column !important;\n\n        gap:\n            5px !important;\n\n    }\n\n\n    .skoom-wordpress-menu > li {\n\n        position:\n            relative !important;\n\n        width: 100% !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        list-style:\n            none !important;\n\n    }\n\n\n    \/* =========================================================\n       LIENS\n    ========================================================= *\/\n\n    .skoom-wordpress-menu > li > a {\n\n        position:\n            relative !important;\n\n        display:\n            flex !important;\n\n        align-items:\n            center !important;\n\n        width: 100% !important;\n\n        box-sizing:\n            border-box !important;\n\n        margin: 0 !important;\n\n        padding:\n            10px 0 !important;\n\n        background:\n            transparent !important;\n\n        text-decoration:\n            none !important;\n\n        font-family:\n            \"Manrope\",\n            Arial,\n            sans-serif\n            !important;\n\n        font-size:\n            15px !important;\n\n        font-weight:\n            500 !important;\n\n        line-height:\n            1.35 !important;\n\n        transform-origin:\n            left center !important;\n\n        transition:\n            color 250ms ease,\n            font-weight 250ms ease,\n            padding-left\n            300ms\n            cubic-bezier(.16,1,.3,1),\n            transform\n            300ms\n            cubic-bezier(.16,1,.3,1),\n            text-shadow 250ms ease\n            !important;\n\n    }\n\n\n    \/* =========================================================\n       LIENS SUR FOND CLAIR\n       PANNEAU SOMBRE\n    ========================================================= *\/\n\n    .skoom-nav.skoom-bg-light\n    .skoom-wordpress-menu > li > a {\n\n        color:\n            #DCA8FF !important;\n\n        text-shadow:\n            0 0 12px\n            rgba(180,0,240,.20);\n\n    }\n\n\n    \/* =========================================================\n       LIENS SUR FOND SOMBRE\n       PANNEAU CLAIR\n    ========================================================= *\/\n\n    .skoom-nav.skoom-bg-dark\n    .skoom-wordpress-menu > li > a {\n\n        color:\n            #D7A7FF !important;\n\n        text-shadow:\n            0 0 12px\n            rgba(180,0,240,.18);\n\n    }\n\n\n    \/* =========================================================\n       TRAIT LUMINEUX\n    ========================================================= *\/\n\n    .skoom-wordpress-menu\n    > li > a::before {\n\n        content: \"\";\n\n        position:\n            absolute;\n\n        left: 0;\n\n        top: 50%;\n\n        width: 0;\n        height: 2px;\n\n        background:\n            linear-gradient(\n                90deg,\n                #B400F0,\n                #E3B7FF\n            );\n\n        border-radius:\n            20px;\n\n        transform:\n            translateY(-50%);\n\n        opacity:\n            0;\n\n        box-shadow:\n            0 0 10px\n            rgba(180,0,240,.85);\n\n        transition:\n            width 280ms\n            cubic-bezier(.16,1,.3,1),\n            opacity 200ms ease;\n\n    }\n\n\n    \/* =========================================================\n       HOVER MENU\n    ========================================================= *\/\n\n    .skoom-wordpress-menu\n    > li > a:hover {\n\n        color:\n            #FFFFFF !important;\n\n        font-weight:\n            600 !important;\n\n        padding-left:\n            20px !important;\n\n        transform:\n            scale(1.18) !important;\n\n        text-shadow:\n            0 0 16px\n            rgba(255,255,255,.34);\n\n    }\n\n\n    .skoom-wordpress-menu\n    > li > a:hover::before {\n\n        width: 12px;\n\n        opacity: 1;\n\n    }\n\n\n    \/* =========================================================\n       PAGE ACTIVE\n    ========================================================= *\/\n\n    .skoom-wordpress-menu\n    .current-menu-item > a {\n\n        color:\n            #FFFFFF !important;\n\n        font-weight:\n            650 !important;\n\n    }\n\n\n    .skoom-wordpress-menu\n    .current-menu-item > a::before {\n\n        width: 12px;\n\n        opacity: 1;\n\n    }\n\n\n    \/* =========================================================\n       SOUS-MENUS\n    ========================================================= *\/\n\n    .skoom-wordpress-menu\n    .sub-menu {\n\n        margin: 0 !important;\n\n        padding:\n            0\n            0\n            3px\n            14px\n            !important;\n\n        list-style:\n            none !important;\n\n    }\n\n\n    .skoom-wordpress-menu\n    .sub-menu a {\n\n        display:\n            block !important;\n\n        padding:\n            6px 0 !important;\n\n        color:\n            #D7A7FF !important;\n\n        text-decoration:\n            none !important;\n\n        font-family:\n            \"Manrope\",\n            Arial,\n            sans-serif\n            !important;\n\n        font-size:\n            14px !important;\n\n        font-weight:\n            500 !important;\n\n        transform-origin:\n            left center !important;\n\n        transition:\n            color 250ms ease,\n            transform 300ms\n            cubic-bezier(.16,1,.3,1)\n            !important;\n\n    }\n\n\n    .skoom-wordpress-menu\n    .sub-menu a:hover {\n\n        color:\n            #FFFFFF !important;\n\n        font-weight:\n            600 !important;\n\n        transform:\n            translateX(4px)\n            scale(1.05)\n            !important;\n\n    }\n\n\n    \/* =========================================================\n       TABLETTE\n    ========================================================= *\/\n\n    @media (max-width: 1024px) {\n\n        .skoom-nav {\n\n            top:\n                38px !important;\n\n            left:\n                18px !important;\n\n        }\n\n    }\n\n\n    \/* =========================================================\n       MOBILE\n    ========================================================= *\/\n\n    @media (max-width: 767px) {\n\n        .skoom-nav {\n\n            top:\n                28px !important;\n\n            left:\n                12px !important;\n\n        }\n\n\n        .skoom-hamburger {\n\n            width:\n                48px !important;\n\n            height:\n                48px !important;\n\n            gap:\n                6px !important;\n\n        }\n\n\n        .skoom-hamburger span {\n\n            height:\n                2.5px !important;\n\n        }\n\n\n        .skoom-hamburger span:nth-child(1) {\n\n            width:\n                31px !important;\n\n        }\n\n\n        .skoom-hamburger span:nth-child(2) {\n\n            width:\n                25px !important;\n\n        }\n\n\n        .skoom-hamburger span:nth-child(3) {\n\n            width:\n                31px !important;\n\n        }\n\n\n        .skoom-hamburger:hover\n        span:nth-child(2) {\n\n            width:\n                31px !important;\n\n        }\n\n\n        .skoom-panel {\n\n            width:\n                min(290px,86vw) !important;\n\n            max-width:\n                calc(100vw - 24px) !important;\n\n            left:\n                0 !important;\n\n            border-radius:\n                20px !important;\n\n            padding:\n                20px !important;\n\n        }\n\n\n        .skoom-wordpress-menu > li > a:hover {\n\n            transform:\n                scale(1.08) !important;\n\n        }\n\n    }\n\n\n    \/* =========================================================\n       ACCESSIBILIT\u00c9\n    ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n        .skoom-panel,\n        .skoom-close,\n        .skoom-wordpress-menu a,\n        .skoom-hamburger span {\n\n            transition:\n                none !important;\n\n        }\n\n    }\n\n    <\/style>\n\n\n    <script>\n\n    (function () {\n\n        function initSkoomMenu() {\n\n            document\n            .querySelectorAll(\".skoom-nav\")\n            .forEach(function (nav) {\n\n\n                if (\n                    nav.dataset.skoomInitialized\n                    === \"true\"\n                ) {\n                    return;\n                }\n\n\n                nav.dataset.skoomInitialized =\n                    \"true\";\n\n\n                const hamburger =\n                    nav.querySelector(\n                        \".skoom-hamburger\"\n                    );\n\n\n                const panel =\n                    nav.querySelector(\n                        \".skoom-panel\"\n                    );\n\n\n                const closeButton =\n                    nav.querySelector(\n                        \".skoom-close\"\n                    );\n\n\n                if (\n                    !hamburger ||\n                    !panel ||\n                    !closeButton\n                ) {\n                    return;\n                }\n\n\n                \/* =============================================\n                   MENU\n                ============================================= *\/\n\n                function openMenu() {\n\n                    updateColor();\n\n                    panel.classList.add(\n                        \"active\"\n                    );\n\n                    hamburger.setAttribute(\n                        \"aria-expanded\",\n                        \"true\"\n                    );\n\n                }\n\n\n                function closeMenu() {\n\n                    panel.classList.remove(\n                        \"active\"\n                    );\n\n                    hamburger.setAttribute(\n                        \"aria-expanded\",\n                        \"false\"\n                    );\n\n                }\n\n\n                function toggleMenu() {\n\n                    if (\n                        panel.classList.contains(\n                            \"active\"\n                        )\n                    ) {\n\n                        closeMenu();\n\n                    } else {\n\n                        openMenu();\n\n                    }\n\n                }\n\n\n                hamburger.addEventListener(\n                    \"click\",\n                    function (event) {\n\n                        event.preventDefault();\n\n                        event.stopPropagation();\n\n                        toggleMenu();\n\n                    }\n                );\n\n\n                closeButton.addEventListener(\n                    \"click\",\n                    function (event) {\n\n                        event.preventDefault();\n\n                        event.stopPropagation();\n\n                        closeMenu();\n\n                    }\n                );\n\n\n                panel.addEventListener(\n                    \"click\",\n                    function (event) {\n\n                        event.stopPropagation();\n\n                    }\n                );\n\n\n                document.addEventListener(\n                    \"click\",\n                    closeMenu\n                );\n\n\n                document.addEventListener(\n                    \"keydown\",\n                    function (event) {\n\n                        if (\n                            event.key === \"Escape\"\n                        ) {\n\n                            closeMenu();\n\n                        }\n\n                    }\n                );\n\n\n                \/* =============================================\n                   LUMINANCE\n                ============================================= *\/\n\n                function luminance(\n                    r,\n                    g,\n                    b\n                ) {\n\n                    return (\n                        0.2126 * r +\n                        0.7152 * g +\n                        0.0722 * b\n                    );\n\n                }\n\n\n                \/* =============================================\n                   PARSER UNE COULEUR\n                ============================================= *\/\n\n                function parseColor(color) {\n\n                    if (\n                        !color ||\n                        color === \"transparent\"\n                    ) {\n\n                        return null;\n\n                    }\n\n\n                    const numbers =\n                        color.match(\n                            \/[\\d.]+\/g\n                        );\n\n\n                    if (\n                        !numbers ||\n                        numbers.length < 3\n                    ) {\n\n                        return null;\n\n                    }\n\n\n                    const alpha =\n                        numbers.length >= 4\n                        ? parseFloat(numbers[3])\n                        : 1;\n\n\n                    if (alpha < .15) {\n\n                        return null;\n\n                    }\n\n\n                    return {\n\n                        r:\n                            Number(numbers[0]),\n\n                        g:\n                            Number(numbers[1]),\n\n                        b:\n                            Number(numbers[2])\n\n                    };\n\n                }\n\n\n                \/* =============================================\n                   IMAGE HTML\n                ============================================= *\/\n\n                function sampleImage(\n                    image,\n                    screenX,\n                    screenY\n                ) {\n\n                    try {\n\n                        if (\n                            !image.complete ||\n                            !image.naturalWidth ||\n                            !image.naturalHeight\n                        ) {\n\n                            return null;\n\n                        }\n\n\n                        const rect =\n                            image.getBoundingClientRect();\n\n\n                        if (\n                            rect.width <= 0 ||\n                            rect.height <= 0\n                        ) {\n\n                            return null;\n\n                        }\n\n\n                        const ratioX =\n                            (\n                                screenX -\n                                rect.left\n                            )\n                            \/\n                            rect.width;\n\n\n                        const ratioY =\n                            (\n                                screenY -\n                                rect.top\n                            )\n                            \/\n                            rect.height;\n\n\n                        const sourceX =\n                            Math.max(\n                                0,\n                                Math.min(\n                                    image.naturalWidth - 1,\n                                    Math.round(\n                                        ratioX *\n                                        image.naturalWidth\n                                    )\n                                )\n                            );\n\n\n                        const sourceY =\n                            Math.max(\n                                0,\n                                Math.min(\n                                    image.naturalHeight - 1,\n                                    Math.round(\n                                        ratioY *\n                                        image.naturalHeight\n                                    )\n                                )\n                            );\n\n\n                        const canvas =\n                            document.createElement(\n                                \"canvas\"\n                            );\n\n\n                        canvas.width = 1;\n                        canvas.height = 1;\n\n\n                        const context =\n                            canvas.getContext(\n                                \"2d\",\n                                {\n                                    willReadFrequently:\n                                        true\n                                }\n                            );\n\n\n                        context.drawImage(\n                            image,\n                            sourceX,\n                            sourceY,\n                            1,\n                            1,\n                            0,\n                            0,\n                            1,\n                            1\n                        );\n\n\n                        const pixel =\n                            context.getImageData(\n                                0,\n                                0,\n                                1,\n                                1\n                            ).data;\n\n\n                        return {\n\n                            r: pixel[0],\n                            g: pixel[1],\n                            b: pixel[2]\n\n                        };\n\n\n                    } catch (error) {\n\n                        return null;\n\n                    }\n\n                }\n\n\n                \/* =============================================\n                   ANALYSE DE LA SURFACE\n                ============================================= *\/\n\n                function analyzeElement(\n                    element,\n                    x,\n                    y\n                ) {\n\n                    let current =\n                        element;\n\n\n                    while (\n                        current &&\n                        current !==\n                        document.documentElement\n                    ) {\n\n\n                        if (\n                            current.classList\n                        ) {\n\n\n                            if (\n                                current.classList.contains(\n                                    \"skoom-force-light-menu\"\n                                )\n                            ) {\n\n                                return \"light\";\n\n                            }\n\n\n                            if (\n                                current.classList.contains(\n                                    \"skoom-force-dark-menu\"\n                                )\n                            ) {\n\n                                return \"dark\";\n\n                            }\n\n                        }\n\n\n                        if (\n                            current.tagName === \"IMG\"\n                        ) {\n\n                            const pixel =\n                                sampleImage(\n                                    current,\n                                    x,\n                                    y\n                                );\n\n\n                            if (pixel) {\n\n                                return (\n                                    luminance(\n                                        pixel.r,\n                                        pixel.g,\n                                        pixel.b\n                                    )\n                                    > 150\n                                )\n                                ? \"light\"\n                                : \"dark\";\n\n                            }\n\n                        }\n\n\n                        const style =\n                            window.getComputedStyle(\n                                current\n                            );\n\n\n                        const color =\n                            parseColor(\n                                style.backgroundColor\n                            );\n\n\n                        if (color) {\n\n                            const value =\n                                luminance(\n                                    color.r,\n                                    color.g,\n                                    color.b\n                                );\n\n\n                            return value > 150\n                                ? \"light\"\n                                : \"dark\";\n\n                        }\n\n\n                        current =\n                            current.parentElement;\n\n                    }\n\n\n                    return \"light\";\n\n                }\n\n\n                \/* =============================================\n                   MISE \u00c0 JOUR COULEUR\n                ============================================= *\/\n\n                function updateColor() {\n\n                    const rect =\n                        hamburger\n                        .getBoundingClientRect();\n\n\n                    const points = [\n\n                        {\n                            x:\n                                rect.left + 10,\n\n                            y:\n                                rect.top + 14\n                        },\n\n                        {\n                            x:\n                                rect.left +\n                                rect.width \/ 2,\n\n                            y:\n                                rect.top +\n                                rect.height \/ 2\n                        },\n\n                        {\n                            x:\n                                rect.left + 25,\n\n                            y:\n                                rect.bottom - 13\n                        }\n\n                    ];\n\n\n                    let lightVotes = 0;\n                    let darkVotes = 0;\n\n\n                    points.forEach(\n                        function (point) {\n\n\n                            const stack =\n                                document\n                                .elementsFromPoint(\n                                    point.x,\n                                    point.y\n                                );\n\n\n                            const target =\n                                stack.find(\n                                    function (element) {\n\n                                        return (\n                                            !nav.contains(\n                                                element\n                                            )\n                                        );\n\n                                    }\n                                );\n\n\n                            if (!target) {\n\n                                return;\n\n                            }\n\n\n                            const result =\n                                analyzeElement(\n                                    target,\n                                    point.x,\n                                    point.y\n                                );\n\n\n                            if (\n                                result === \"light\"\n                            ) {\n\n                                lightVotes++;\n\n                            } else {\n\n                                darkVotes++;\n\n                            }\n\n                        }\n                    );\n\n\n                    if (\n                        lightVotes >\n                        darkVotes\n                    ) {\n\n                        nav.classList.add(\n                            \"skoom-bg-light\"\n                        );\n\n\n                        nav.classList.remove(\n                            \"skoom-bg-dark\"\n                        );\n\n                    } else {\n\n                        nav.classList.add(\n                            \"skoom-bg-dark\"\n                        );\n\n\n                        nav.classList.remove(\n                            \"skoom-bg-light\"\n                        );\n\n                    }\n\n                }\n\n\n                \/* =============================================\n                   SCROLL OPTIMIS\u00c9\n                ============================================= *\/\n\n                let scheduled =\n                    false;\n\n\n                function scheduleUpdate() {\n\n                    if (scheduled) {\n\n                        return;\n\n                    }\n\n\n                    scheduled = true;\n\n\n                    requestAnimationFrame(\n                        function () {\n\n                            updateColor();\n\n                            scheduled =\n                                false;\n\n                        }\n                    );\n\n                }\n\n\n                window.addEventListener(\n                    \"scroll\",\n                    scheduleUpdate,\n                    {\n                        passive: true\n                    }\n                );\n\n\n                window.addEventListener(\n                    \"resize\",\n                    scheduleUpdate,\n                    {\n                        passive: true\n                    }\n                );\n\n\n                window.addEventListener(\n                    \"load\",\n                    scheduleUpdate\n                );\n\n\n                scheduleUpdate();\n\n\n                setTimeout(\n                    scheduleUpdate,\n                    400\n                );\n\n\n                setTimeout(\n                    scheduleUpdate,\n                    1200\n                );\n\n            });\n\n        }\n\n\n        if (\n            document.readyState ===\n            \"loading\"\n        ) {\n\n            document.addEventListener(\n                \"DOMContentLoaded\",\n                initSkoomMenu\n            );\n\n        } else {\n\n            initSkoomMenu();\n\n        }\n\n    })();\n\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-147a8ac elementor-absolute elementor-widget-mobile__width-initial elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"147a8ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/skoom.fr\/en\">\n\t\t\t<img decoding=\"async\" width=\"300\" height=\"144\" src=\"https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/Logo-png-Blanc-1-1.png\" class=\"attachment-full size-full wp-image-494\" alt=\"\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-aa74843-e2b7452\" data-interaction-id=\"aa74843\" id=\"359\" src=\"https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-10-aout-2026-16_52_57.png\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-10-aout-2026-16_52_57.png 1536w, https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-10-aout-2026-16_52_57-300x200.png 300w, https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-10-aout-2026-16_52_57-1024x683.png 1024w, https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-10-aout-2026-16_52_57-768x512.png 768w\" alt=\"\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-13caafa e-con e-atomic-element e-flexbox-base e-bd0a743 \" data-id=\"13caafa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"13caafa\">\n    \t\t\t<h1 data-interaction-id=\"bd498ce\" class=\"e-bd498ce-9e0973d skoom-hero-h1 e-heading-base\">Chaque organisation poss\u00e8de ses propres outils,<\/h1>\n\t\t\t\t\t<h2 data-interaction-id=\"8cdc274\" class=\"e-8cdc274-c3681ae skoom-hero-h2 e-heading-base\">Circuits de validation et enjeux de gouvernance.<\/h2>\n\t\t\t\t\t<p class=\"e-5d4048d-eb690cd skoom-hero-text e-paragraph-base\" data-interaction-id=\"5d4048d\">\u00c9changeons sur votre environnement et d\u00e9couvrez comment SKOOM peut cr\u00e9er une couche de pilotage adapt\u00e9e \u00e0 votre organisation.<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-421cb2e e-con e-atomic-element e-flexbox-base e-ae7d246 \" data-id=\"421cb2e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"421cb2e\">\n    \t\t<div class=\"elementor-element elementor-element-44750bc skoom-contact-fluent fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"44750bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <div class=\"fluentform-widget-wrapper fluentform-widget-align-default\">\n\n            \n            <div class='fluentform ff-default fluentform_wrapper_3 ffs_default_wrap'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Blank Form (#3)<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='29' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"80e4f97283\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/29\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_names_first_name_' id='label_ff_3_names_first_name_' >Pr\u00e9nom<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_3_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Saisissez votre pr\u00e9nom\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_names_last_name_' id='label_ff_3_names_last_name_' >Nom de famille<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_3_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Saisissez votre nom de famille\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_input_text' id='label_ff_3_input_text' aria-label=\"Entreprise &amp; Fonction\">Entreprise &amp; Fonction <\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" data-name=\"input_text\" id=\"ff_3_input_text\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_email' id='label_ff_3_email' aria-label=\"E-mail\">E-mail<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_3_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_description' id='label_ff_3_description' aria-label=\"T\u00e9l\u00e9phone\">T\u00e9l\u00e9phone <\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_3_description\" name=\"description\" id=\"ff_3_description\" class=\"ff-el-form-control\" rows=\"3\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_dropdown' id='label_ff_3_dropdown' aria-label=\"Objet de la demande\">Objet de la demande <\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown\" id=\"ff_3_dropdown\" class=\"ff-el-form-control\" data-name=\"dropdown\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"false\" aria-labelledby=\"label_ff_3_dropdown\"><option value=\"\">Choisir un sujet<\/option><option value=\"Option 2\"  >D\u00e9couvrir SkOOm<\/option><option value=\"Option 2\"  >Demander une d\u00e9monstration<\/option><option value=\"Option 3\"  >\u00c9changer sur un besoin RH<\/option><option value=\"Option 4\"  >Partenariat<\/option><option value=\"Option 5\"  >Autre demande<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_description_1' id='label_ff_3_description_1' aria-label=\"Message\">Message <\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_3_description_1\" name=\"description_1\" id=\"ff_3_description_1\" class=\"ff-el-form-control\" rows=\"3\" cols=\"2\" data-name=\"description_1\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"ajaxUrl\":\"https:\\\/\\\/skoom.fr\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"input_text\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"email\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"Ce champ doit contenir un e-mail valide\",\"global\":true}},\"description\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"dropdown\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"description_1\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n                        <\/div>\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Chaque organisation poss\u00e8de ses propres outils, Circuits de validation et enjeux de gouvernance. \u00c9changeons sur votre environnement et d\u00e9couvrez comment SKOOM peut cr\u00e9er une couche de pilotage adapt\u00e9e \u00e0 votre organisation. Blank Form (#3) Pr\u00e9nomNom de familleEntreprise &amp; Fonction E-mailT\u00e9l\u00e9phone Objet de la demande Choisir un sujetD\u00e9couvrir SkOOmDemander une d\u00e9monstration\u00c9changer sur un besoin RHPartenariatAutre demandeMessage&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":218,"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":1740,"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/pages\/29\/revisions\/1740"}],"wp:attachment":[{"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}