{"id":27,"date":"2026-08-09T08:40:19","date_gmt":"2026-08-09T08:40:19","guid":{"rendered":"https:\/\/skoom.fr\/?page_id=27"},"modified":"2026-08-28T12:05:58","modified_gmt":"2026-08-28T12:05:58","slug":"nos-solutions","status":"publish","type":"page","link":"https:\/\/skoom.fr\/en\/nos-solutions\/","title":{"rendered":"Our solutions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-642af77 e-con e-atomic-element e-flexbox-base e-653952d \" data-id=\"642af77\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"642af77\">\n    \t\t<div class=\"elementor-element elementor-element-b370b67 elementor-absolute elementor-widget elementor-widget-shortcode\" data-id=\"b370b67\" 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-b982ca7 elementor-absolute elementor-widget-mobile__width-initial elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"b982ca7\" 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-88b7a30-370585a\" data-interaction-id=\"88b7a30\" id=\"1751\" src=\"https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-28-aout-2026-13_58_13.png\" width=\"1708\" height=\"921\" srcset=\"https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-28-aout-2026-13_58_13.png 1708w, https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-28-aout-2026-13_58_13-300x162.png 300w, https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-28-aout-2026-13_58_13-1024x552.png 1024w, https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-28-aout-2026-13_58_13-768x414.png 768w, https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-28-aout-2026-13_58_13-1536x828.png 1536w, https:\/\/skoom.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-28-aout-2026-13_58_13-18x10.png 18w\" alt=\"\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9208a06 e-con e-atomic-element e-flexbox-base e-b65e319 \" data-id=\"9208a06\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9208a06\">\n    \t\t\t<h1 data-interaction-id=\"4b98e98\" class=\"e-4b98e98-67cb83e skoom-hero-h1 e-heading-base\">Un socle commun. <br>Des enjeux RH diff\u00e9rents.<\/h1>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5887bd7 e-con e-atomic-element e-flexbox-base e-3c150b2 \" data-id=\"5887bd7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5887bd7\">\n    \t\t\t<h2 data-interaction-id=\"f53df38\" class=\"e-f53df38-e63e41f skoom-hero-h2 e-heading-base\">Une m\u00eame gouvernance.<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-92be518 e-con e-atomic-element e-flexbox-base \" data-id=\"92be518\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"92be518\">\n    \t\t\t<p class=\"e-00702c7-9cb78b8 skoom-hero-text e-paragraph-base\" data-interaction-id=\"00702c7\">Des solutions modulaires con\u00e7ues pour structurer <br>les processus, orchestrer les validations <br>et donner de la visibilit\u00e9 \u00e0 chaque niveau de d\u00e9cision.<\/p>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Un socle commun. Des enjeux RH diff\u00e9rents. Une m\u00eame gouvernance. Des solutions modulaires con\u00e7ues pour structurer les processus, orchestrer les validations et donner de la visibilit\u00e9 \u00e0 chaque niveau de d\u00e9cision.<\/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-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/pages\/27","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=27"}],"version-history":[{"count":208,"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":1778,"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/pages\/27\/revisions\/1778"}],"wp:attachment":[{"href":"https:\/\/skoom.fr\/en\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}