{"id":61138,"date":"2026-10-12T10:36:26","date_gmt":"2026-10-12T14:36:26","guid":{"rendered":"https:\/\/polyvision.com\/home-duplicate\/"},"modified":"2026-10-29T06:59:50","modified_gmt":"2026-10-29T10:59:50","slug":"accueil-2","status":"publish","type":"page","link":"https:\/\/polyvision.com\/fr\/","title":{"rendered":"ACCUEIL"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"61138\" class=\"elementor elementor-61138 elementor-60530\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-781dc93 e-flex e-con-boxed e-con e-parent\" data-id=\"781dc93\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-63b32a5 e-con-full e-flex e-con e-child\" data-id=\"63b32a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8a4c94e e-con-full animated-slow e-flex e-con e-child\" data-id=\"8a4c94e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:500}\">\n\t\t<div class=\"elementor-element elementor-element-da991f9 e-con-full animated-slow e-flex e-con e-child\" data-id=\"da991f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:500}\">\n\t\t<div class=\"elementor-element elementor-element-905b8a2 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"905b8a2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;,&quot;animation_delay&quot;:200,&quot;animation_mobile&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-671b4b1 e-con-full e-flex e-con e-child\" data-id=\"671b4b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f596c0 elementor-widget elementor-widget-shortcode\" data-id=\"7f596c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n\/* ==========================================================\n   1. MAIN VIDEO CONTAINER\n   ========================================================== *\/\n\n.pv-hero-video {\n    position: relative;\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    aspect-ratio: 16 \/ 9;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    background: #171717;\n    isolation: isolate;\n    box-sizing: border-box;\n}\n\n\/* ==========================================================\n   2. VIDEO STAGE\n   ========================================================== *\/\n\n.pv-hero-video .pv-video-stage {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    background: #000;\n    container-type: size;\n    cursor: pointer;\n}\n\n.pv-hero-video .pv-video-stage iframe {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: max(100%, 177.78cqh);\n    height: max(100%, 56.25cqw);\n    border: 0;\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n}\n\n\/* Clickable video indication *\/\n\n.pv-hero-video:not(.is-expanded) .pv-video-stage {\n    cursor: zoom-in;\n}\n\n.pv-hero-video.is-expanded .pv-video-stage {\n    cursor: default;\n}\n\n\/* ==========================================================\n   3. TOP VIDEO CONTROLS\n   ========================================================== *\/\n\n.pv-hero-video .pv-video-controls {\n    position: absolute;\n    top: 18px;\n    right: 18px;\n    z-index: 20;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n\/* ==========================================================\n   4. BUTTON STYLING\n   ========================================================== *\/\n\n.pv-hero-video .pv-video-sound-btn,\n.pv-hero-video .pv-video-vimeo-btn,\n.pv-hero-video .pv-video-fullscreen-btn,\n.pv-hero-video .pv-video-play-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 36px;\n    margin: 0;\n    padding: 0 15px;\n    border: none;\n    border-radius: 50px;\n    background: rgba(41, 41, 41, 0.9);\n    color: #ffffff !important;\n    font-family: \"Noto Sans\", sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1;\n    cursor: pointer;\n    text-decoration: none !important;\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    transition:\n        background 0.25s ease,\n        transform 0.25s ease;\n}\n\n\/* Sound button *\/\n\n.pv-hero-video .pv-video-sound-btn {\n    min-width: 75px;\n}\n\n\/* Vimeo logo button *\/\n\n.pv-hero-video .pv-video-vimeo-btn {\n    width: 36px;\n    min-width: 36px;\n    padding: 0;\n}\n\n\/* Fullscreen button *\/\n\n.pv-hero-video .pv-video-fullscreen-btn {\n    width: 36px;\n    min-width: 36px;\n    padding: 0;\n}\n\n\/* Play \/ Pause button *\/\n\n.pv-hero-video .pv-video-play-btn {\n    min-width: 70px;\n}\n\n\/* Hover *\/\n\n.pv-hero-video .pv-video-sound-btn:hover,\n.pv-hero-video .pv-video-vimeo-btn:hover,\n.pv-hero-video .pv-video-fullscreen-btn:hover,\n.pv-hero-video .pv-video-play-btn:hover {\n    background: #444444;\n    color: #ffffff !important;\n}\n\n\/* Keyboard focus *\/\n\n.pv-hero-video button:focus-visible,\n.pv-hero-video a:focus-visible,\n.pv-hero-video .pv-video-stage:focus-visible {\n    outline: 2px solid #ffffff;\n    outline-offset: 3px;\n}\n\n\/* ==========================================================\n   5. BUTTON ICONS\n   ========================================================== *\/\n\n\/* Fullscreen icon *\/\n\n.pv-hero-video .pv-video-fullscreen-btn svg {\n    display: block;\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* Vimeo brand icon *\/\n\n.pv-hero-video .pv-video-vimeo-btn svg {\n    display: block;\n    width: 19px;\n    height: 19px;\n    fill: currentColor;\n    stroke: none;\n    flex-shrink: 0;\n}\n\n\/* Hide close icon in normal mode *\/\n\n.pv-hero-video .pv-icon-close {\n    display: none !important;\n}\n\n\/* ==========================================================\n   6. EXPANDED LIGHTBOX\n   ========================================================== *\/\n\nbody > .pv-hero-video.is-expanded {\n    position: fixed !important;\n    inset: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    height: 100dvh !important;\n    max-width: none !important;\n    max-height: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    left: 0 !important;\n    aspect-ratio: auto;\n    transform: none !important;\n    background: rgba(0, 0, 0, 0.97);\n    z-index: 2147483000 !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    isolation: isolate;\n}\n\n\/* ==========================================================\n   7. VIDEO IN LIGHTBOX\n   ========================================================== *\/\n\n.pv-hero-video.is-expanded .pv-video-stage {\n    position: relative;\n    width: min(\n        100vw,\n        calc((100dvh - 120px) * 16 \/ 9)\n    );\n    height: auto;\n    aspect-ratio: 16 \/ 9;\n    flex-shrink: 0;\n}\n\n\/* ==========================================================\n   8. FULLSCREEN TOP CONTROLS\n   ========================================================== *\/\n\n.pv-hero-video.is-expanded .pv-video-controls {\n    position: fixed;\n    top: 24px;\n    right: 24px;\n}\n\n.pv-hero-video.is-expanded .pv-icon-expand {\n    display: none !important;\n}\n\n.pv-hero-video.is-expanded .pv-icon-close {\n    display: block !important;\n}\n\n\/* ==========================================================\n   9. BOTTOM VIDEO CONTROLS\n   ========================================================== *\/\n\n.pv-hero-video .pv-video-bottom-controls {\n    position: fixed;\n    bottom: 22px;\n    left: 50%;\n    z-index: 30;\n    display: none;\n    align-items: center;\n    gap: 14px;\n    width: min(700px, calc(100% - 40px));\n    padding: 10px 14px;\n    border-radius: 50px;\n    background: rgba(35, 35, 35, 0.9);\n    transform: translateX(-50%);\n    box-sizing: border-box;\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n}\n\n.pv-hero-video.is-expanded .pv-video-bottom-controls {\n    display: flex;\n}\n\n\/* ==========================================================\n   10. VIDEO PROGRESS BAR\n   ========================================================== *\/\n\n.pv-hero-video .pv-video-progress {\n    display: block;\n    flex: 1;\n    min-width: 0;\n    height: 4px;\n    margin: 0;\n    padding: 0;\n    accent-color: #ffffff;\n    cursor: pointer;\n}\n\n.pv-hero-video .pv-video-time {\n    display: block;\n    min-width: 88px;\n    color: #ffffff;\n    font-family: \"Noto Sans\", sans-serif;\n    font-size: 12px;\n    font-weight: 400;\n    text-align: right;\n    white-space: nowrap;\n}\n\n\/* ==========================================================\n   11. TABLET\n   ========================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .pv-hero-video:not(.is-expanded) {\n        position: relative;\n        width: 100% !important;\n        max-width: 100% !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        left: auto !important;\n        right: auto !important;\n        transform: none !important;\n        aspect-ratio: 16 \/ 9;\n        overflow: hidden;\n    }\n\n    .pv-hero-video:not(.is-expanded)\n    .pv-video-stage {\n        width: 100%;\n        height: 100%;\n    }\n\n    .pv-hero-video .pv-video-controls {\n        top: 14px;\n        right: 14px;\n    }\n\n    .pv-hero-video .pv-video-sound-btn {\n        min-width: 70px;\n        height: 34px;\n        font-size: 12px;\n    }\n\n    .pv-hero-video .pv-video-vimeo-btn,\n    .pv-hero-video .pv-video-fullscreen-btn {\n        width: 34px;\n        min-width: 34px;\n        height: 34px;\n    }\n\n    .pv-hero-video.is-expanded .pv-video-controls {\n        top: 18px;\n        right: 18px;\n    }\n}\n\n\/* ==========================================================\n   12. MOBILE\n   ========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .pv-hero-video:not(.is-expanded) {\n        width: 100% !important;\n        max-width: 100% !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        left: auto !important;\n        transform: none !important;\n        aspect-ratio: 16 \/ 9;\n    }\n\n    .pv-hero-video .pv-video-controls {\n        top: 10px;\n        right: 10px;\n        gap: 6px;\n    }\n\n    .pv-hero-video .pv-video-sound-btn {\n        min-width: 65px;\n        height: 30px;\n        padding: 0 12px;\n        font-size: 11px;\n    }\n\n    .pv-hero-video .pv-video-vimeo-btn,\n    .pv-hero-video .pv-video-fullscreen-btn {\n        width: 30px;\n        min-width: 30px;\n        height: 30px;\n        padding: 0;\n    }\n\n    .pv-hero-video .pv-video-vimeo-btn svg {\n        width: 16px;\n        height: 16px;\n    }\n\n    .pv-hero-video .pv-video-fullscreen-btn svg {\n        width: 16px;\n        height: 16px;\n    }\n\n    .pv-hero-video.is-expanded .pv-video-stage {\n        width: 100%;\n    }\n\n    .pv-hero-video .pv-video-bottom-controls {\n        bottom: 16px;\n        width: calc(100% - 24px);\n        gap: 8px;\n        padding: 8px 10px;\n    }\n\n    .pv-hero-video .pv-video-time {\n        min-width: 75px;\n        font-size: 10px;\n    }\n\n    .pv-hero-video .pv-video-play-btn {\n        min-width: 58px;\n        height: 30px;\n        padding: 0 10px;\n        font-size: 11px;\n    }\n}\n\n\/* ==========================================================\n   13. REDUCED MOTION\n   ========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .pv-hero-video .pv-video-sound-btn,\n    .pv-hero-video .pv-video-vimeo-btn,\n    .pv-hero-video .pv-video-fullscreen-btn,\n    .pv-hero-video .pv-video-play-btn {\n        transition: none;\n    }\n}\n<\/style>\n\n<!-- ==========================================================\n     VIDEO HTML\n     ========================================================== -->\n\n<div class=\"pv-hero-video\">\n\n    <!-- VIMEO PLAYER -->\n\n    <div\n        class=\"pv-video-stage\"\n        role=\"button\"\n        tabindex=\"0\"\n        aria-label=\"Open video fullscreen\"\n    >\n\n        <iframe\n            src=\"https:\/\/player.vimeo.com\/video\/1181472172?background=1&amp;autoplay=1&amp;muted=1&amp;loop=1&amp;controls=0&amp;playsinline=1&amp;title=0&amp;byline=0&amp;portrait=0&amp;dnt=1\"\n            title=\"Polyvision - A Global Surface Story\"\n            allow=\"autoplay; fullscreen; picture-in-picture\"\n            allowfullscreen\n            loading=\"eager\"\n        ><\/iframe>\n\n    <\/div>\n\n    <!-- TOP CONTROLS -->\n\n    <div class=\"pv-video-controls\">\n\n        <!-- SOUND -->\n\n        <button\n            class=\"pv-video-sound-btn\"\n            type=\"button\"\n            aria-label=\"Turn sound on\"\n            aria-pressed=\"false\"\n        >\n            <span class=\"pv-sound-label\">Sound<\/span>\n        <\/button>\n\n        <!-- VIMEO LOGO BUTTON -->\n\n        <a class=\"pv-video-vimeo-btn\" href=\"https:\/\/vimeo.com\/1181472172\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Watch video on Vimeo (opens in a new tab)\" title=\"Watch on Vimeo\">\n            <svg\n                viewBox=\"0 0 24 24\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n            >\n                <path d=\"M22.23 7.03c-.09 1.98-1.47 4.69-4.14 8.14-2.76 3.6-5.1 5.4-7.01 5.4-1.18 0-2.18-1.09-2.99-3.27-.54-2-1.08-4-1.62-6-.6-2.18-1.24-3.27-1.93-3.27-.15 0-.68.32-1.58.97L2 7.75c1.09-.96 2.16-1.92 3.22-2.88 1.45-1.25 2.54-1.91 3.27-1.98 1.72-.17 2.78 1.01 3.18 3.53.43 2.72.73 4.42.9 5.09.5 2.27 1.05 3.4 1.65 3.4.46 0 1.15-.73 2.08-2.19.93-1.46 1.42-2.57 1.48-3.33.13-1.26-.36-1.89-1.48-1.89-.53 0-1.07.12-1.63.37 1.08-3.54 3.15-5.26 6.22-5.17 2.27.06 3.34 1.5 3.21 4.33z\"\/>\n            <\/svg>\n        <\/a>\n\n        <!-- FULLSCREEN -->\n\n        <button\n            class=\"pv-video-fullscreen-btn\"\n            type=\"button\"\n            aria-label=\"Open fullscreen\"\n            aria-expanded=\"false\"\n            title=\"Fullscreen\"\n        >\n\n            <svg\n                class=\"pv-icon-expand\"\n                viewBox=\"0 0 24 24\"\n                aria-hidden=\"true\"\n            >\n                <path d=\"M8 3H3V8\"\/>\n                <path d=\"M16 3H21V8\"\/>\n                <path d=\"M3 16V21H8\"\/>\n                <path d=\"M21 16V21H16\"\/>\n            <\/svg>\n\n            <svg\n                class=\"pv-icon-close\"\n                viewBox=\"0 0 24 24\"\n                aria-hidden=\"true\"\n            >\n                <path d=\"M5 5L19 19M19 5L5 19\"\/>\n            <\/svg>\n\n        <\/button>\n\n    <\/div>\n\n    <!-- FULLSCREEN PLAYBACK CONTROLS -->\n\n    <div class=\"pv-video-bottom-controls\">\n\n        <button\n            class=\"pv-video-play-btn\"\n            type=\"button\"\n            aria-label=\"Pause video\"\n        >\n            <span class=\"pv-play-label\">Pause<\/span>\n        <\/button>\n\n        <input\n            class=\"pv-video-progress\"\n            type=\"range\"\n            min=\"0\"\n            max=\"1000\"\n            value=\"0\"\n            step=\"1\"\n            aria-label=\"Video playback position\"\n        >\n\n        <span class=\"pv-video-time\">\n            0:00 \/ 0:00\n        <\/span>\n\n    <\/div>\n\n<\/div>\n\n<!-- ==========================================================\n     VIMEO PLAYER SDK\n     ========================================================== -->\n\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n\n<!-- ==========================================================\n     VIDEO JAVASCRIPT\n     ========================================================== -->\n\n<script>\n(function () {\n\n    function initializeVideos() {\n\n        if (!window.Vimeo || !window.Vimeo.Player) {\n            return false;\n        }\n\n        document.querySelectorAll(\".pv-hero-video\")\n            .forEach(function (container) {\n\n                if (container.dataset.pvInitialized === \"true\") {\n                    return;\n                }\n\n                const stage =\n                    container.querySelector(\".pv-video-stage\");\n\n                const iframe =\n                    container.querySelector(\"iframe\");\n\n                const soundButton =\n                    container.querySelector(\".pv-video-sound-btn\");\n\n                const soundLabel =\n                    container.querySelector(\".pv-sound-label\");\n\n                const fullscreenButton =\n                    container.querySelector(\".pv-video-fullscreen-btn\");\n\n                const playButton =\n                    container.querySelector(\".pv-video-play-btn\");\n\n                const playLabel =\n                    container.querySelector(\".pv-play-label\");\n\n                const progress =\n                    container.querySelector(\".pv-video-progress\");\n\n                const timeLabel =\n                    container.querySelector(\".pv-video-time\");\n\n                if (\n                    !stage ||\n                    !iframe ||\n                    !soundButton ||\n                    !soundLabel ||\n                    !fullscreenButton ||\n                    !playButton ||\n                    !playLabel ||\n                    !progress ||\n                    !timeLabel\n                ) {\n                    return;\n                }\n\n                container.dataset.pvInitialized = \"true\";\n\n                const player = new Vimeo.Player(iframe);\n\n                let isExpanded = false;\n                let isChangingSound = false;\n                let isSeeking = false;\n\n                let duration = 0;\n                let previousOverflow = \"\";\n                let previousFocus = null;\n                let placeholder = null;\n\n                \/* ==================================================\n                   FORMAT TIME\n                   ================================================== *\/\n\n                function formatTime(seconds) {\n\n                    if (!Number.isFinite(seconds)) {\n                        return \"0:00\";\n                    }\n\n                    const total = Math.floor(seconds);\n                    const minutes = Math.floor(total \/ 60);\n                    const secs = total % 60;\n\n                    return minutes + \":\" +\n                        String(secs).padStart(2, \"0\");\n                }\n\n                \/* ==================================================\n                   UPDATE SOUND\n                   ================================================== *\/\n\n                function updateSound(muted) {\n\n                    soundLabel.textContent =\n                        muted ? \"Sound\" : \"Mute\";\n\n                    soundButton.setAttribute(\n                        \"aria-label\",\n                        muted\n                            ? \"Turn sound on\"\n                            : \"Mute video\"\n                    );\n\n                    soundButton.setAttribute(\n                        \"aria-pressed\",\n                        String(!muted)\n                    );\n                }\n\n                \/* ==================================================\n                   UPDATE PLAYBACK\n                   ================================================== *\/\n\n                function updatePlayback(paused) {\n\n                    playLabel.textContent =\n                        paused ? \"Play\" : \"Pause\";\n\n                    playButton.setAttribute(\n                        \"aria-label\",\n                        paused\n                            ? \"Play video\"\n                            : \"Pause video\"\n                    );\n                }\n\n                \/* ==================================================\n                   UPDATE TIMELINE\n                   ================================================== *\/\n\n                function updateTime(seconds) {\n\n                    timeLabel.textContent =\n                        formatTime(seconds) +\n                        \" \/ \" +\n                        formatTime(duration);\n\n                    if (!isSeeking && duration > 0) {\n\n                        progress.value = Math.round(\n                            (seconds \/ duration) * 1000\n                        );\n                    }\n                }\n\n                \/* ==================================================\n                   PLAYER READY\n                   ================================================== *\/\n\n                updateSound(true);\n                updatePlayback(false);\n\n                player.ready().then(async function () {\n\n                    duration = await player.getDuration();\n\n                    const muted = await player.getMuted();\n\n                    updateSound(muted);\n                    updateTime(0);\n\n                }).catch(function (error) {\n\n                    console.warn(\n                        \"Polyvision player:\",\n                        error\n                    );\n                });\n\n                \/* ==================================================\n                   VIMEO EVENTS\n                   ================================================== *\/\n\n                player.on(\"timeupdate\", function (data) {\n\n                    if (data.duration) {\n                        duration = data.duration;\n                    }\n\n                    updateTime(data.seconds);\n                });\n\n                player.on(\"play\", function () {\n                    updatePlayback(false);\n                });\n\n                player.on(\"pause\", function () {\n                    updatePlayback(true);\n                });\n\n                player.on(\"volumechange\", function (data) {\n\n                    if (typeof data.muted === \"boolean\") {\n                        updateSound(data.muted);\n                    }\n                });\n\n                \/* ==================================================\n                   SOUND BUTTON\n                   ================================================== *\/\n\n                soundButton.addEventListener(\n                    \"click\",\n                    async function (event) {\n\n                        event.stopPropagation();\n\n                        if (isChangingSound) {\n                            return;\n                        }\n\n                        isChangingSound = true;\n\n                        try {\n\n                            const muted =\n                                await player.getMuted();\n\n                            const nextMuted = !muted;\n\n                            await player.setMuted(nextMuted);\n\n                            if (!nextMuted) {\n                                await player.setVolume(1);\n                            }\n\n                            const actualMuted =\n                                await player.getMuted();\n\n                            updateSound(actualMuted);\n\n                        } catch (error) {\n\n                            console.warn(\n                                \"Polyvision sound:\",\n                                error\n                            );\n\n                        } finally {\n\n                            isChangingSound = false;\n                        }\n                    }\n                );\n\n                \/* ==================================================\n                   OPEN FULLSCREEN\n                   ================================================== *\/\n\n                function openFullscreen() {\n\n                    if (isExpanded) {\n                        return;\n                    }\n\n                    previousFocus = document.activeElement;\n                    previousOverflow =\n                        document.body.style.overflow;\n\n                    \/\/ Save original position in Elementor.\n                    placeholder = document.createComment(\n                        \"Polyvision video original position\"\n                    );\n\n                    container.parentNode.insertBefore(\n                        placeholder,\n                        container\n                    );\n\n                    \/\/ Move to body to avoid stacking conflicts.\n                    document.body.appendChild(container);\n\n                    isExpanded = true;\n\n                    container.classList.add(\"is-expanded\");\n                    document.body.style.overflow = \"hidden\";\n\n                    stage.setAttribute(\"tabindex\", \"-1\");\n                    stage.setAttribute(\n                        \"aria-label\",\n                        \"Video playing fullscreen\"\n                    );\n\n                    fullscreenButton.setAttribute(\n                        \"aria-label\",\n                        \"Close fullscreen\"\n                    );\n\n                    fullscreenButton.setAttribute(\n                        \"aria-expanded\",\n                        \"true\"\n                    );\n\n                    fullscreenButton.title = \"Close\";\n                    fullscreenButton.focus();\n                }\n\n                \/* ==================================================\n                   CLOSE FULLSCREEN\n                   ================================================== *\/\n\n                function closeFullscreen() {\n\n                    if (!isExpanded) {\n                        return;\n                    }\n\n                    isExpanded = false;\n\n                    container.classList.remove(\"is-expanded\");\n\n                    \/\/ Restore original Elementor position.\n                    if (placeholder && placeholder.parentNode) {\n\n                        placeholder.parentNode.insertBefore(\n                            container,\n                            placeholder\n                        );\n\n                        placeholder.remove();\n                    }\n\n                    placeholder = null;\n\n                    document.body.style.overflow =\n                        previousOverflow;\n\n                    stage.setAttribute(\"tabindex\", \"0\");\n                    stage.setAttribute(\n                        \"aria-label\",\n                        \"Open video fullscreen\"\n                    );\n\n                    fullscreenButton.setAttribute(\n                        \"aria-label\",\n                        \"Open fullscreen\"\n                    );\n\n                    fullscreenButton.setAttribute(\n                        \"aria-expanded\",\n                        \"false\"\n                    );\n\n                    fullscreenButton.title = \"Fullscreen\";\n\n                    if (\n                        previousFocus &&\n                        typeof previousFocus.focus === \"function\" &&\n                        previousFocus.isConnected\n                    ) {\n\n                        previousFocus.focus();\n\n                    } else {\n\n                        fullscreenButton.focus();\n                    }\n                }\n\n                \/* ==================================================\n                   CLICK VIDEO TO OPEN FULLSCREEN\n                   ================================================== *\/\n\n                stage.addEventListener(\"click\", function () {\n\n                    if (!isExpanded) {\n                        openFullscreen();\n                    }\n                });\n\n                \/\/ Keyboard accessibility.\n                stage.addEventListener(\n                    \"keydown\",\n                    function (event) {\n\n                        if (\n                            !isExpanded &&\n                            (\n                                event.key === \"Enter\" ||\n                                event.key === \" \"\n                            )\n                        ) {\n\n                            event.preventDefault();\n                            openFullscreen();\n                        }\n                    }\n                );\n\n                \/* ==================================================\n                   FULLSCREEN BUTTON\n                   ================================================== *\/\n\n                fullscreenButton.addEventListener(\n                    \"click\",\n                    function (event) {\n\n                        event.stopPropagation();\n\n                        if (isExpanded) {\n                            closeFullscreen();\n                        } else {\n                            openFullscreen();\n                        }\n                    }\n                );\n\n                \/* ==================================================\n                   ESCAPE KEY\n                   ================================================== *\/\n\n                document.addEventListener(\n                    \"keydown\",\n                    function (event) {\n\n                        if (\n                            event.key === \"Escape\" &&\n                            isExpanded\n                        ) {\n\n                            event.preventDefault();\n                            closeFullscreen();\n                        }\n                    }\n                );\n\n                \/* ==================================================\n                   PLAY \/ PAUSE\n                   ================================================== *\/\n\n                playButton.addEventListener(\n                    \"click\",\n                    async function (event) {\n\n                        event.stopPropagation();\n\n                        try {\n\n                            const paused =\n                                await player.getPaused();\n\n                            if (paused) {\n\n                                await player.play();\n\n                            } else {\n\n                                await player.pause();\n                            }\n\n                        } catch (error) {\n\n                            console.warn(\n                                \"Polyvision playback:\",\n                                error\n                            );\n                        }\n                    }\n                );\n\n                \/* ==================================================\n                   TIMELINE SEEKING\n                   ================================================== *\/\n\n                progress.addEventListener(\n                    \"input\",\n                    function () {\n\n                        isSeeking = true;\n\n                        if (duration > 0) {\n\n                            const seconds =\n                                (Number(progress.value) \/ 1000)\n                                * duration;\n\n                            timeLabel.textContent =\n                                formatTime(seconds) +\n                                \" \/ \" +\n                                formatTime(duration);\n                        }\n                    }\n                );\n\n                progress.addEventListener(\n                    \"change\",\n                    async function () {\n\n                        if (duration <= 0) {\n                            isSeeking = false;\n                            return;\n                        }\n\n                        const seconds =\n                            (Number(progress.value) \/ 1000)\n                            * duration;\n\n                        try {\n\n                            await player.setCurrentTime(seconds);\n\n                        } catch (error) {\n\n                            console.warn(\n                                \"Polyvision seeking:\",\n                                error\n                            );\n\n                        } finally {\n\n                            isSeeking = false;\n                        }\n                    }\n                );\n\n            });\n\n        return true;\n    }\n\n    \/* ==========================================================\n       INITIALIZATION\n       ========================================================== *\/\n\n    function start() {\n\n        if (initializeVideos()) {\n            return;\n        }\n\n        let attempts = 0;\n\n        const interval = setInterval(function () {\n\n            attempts++;\n\n            if (\n                initializeVideos() ||\n                attempts >= 40\n            ) {\n\n                clearInterval(interval);\n            }\n\n        }, 250);\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            start\n        );\n\n    } else {\n\n        start();\n    }\n\n})();\n<\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9c6238 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"e9c6238\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_mobile&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6217e2b elementor-widget elementor-widget-image\" data-id=\"6217e2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1400\" height=\"130\" src=\"https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SurfaceMatters_Logo_Dark_2027.webp\" class=\"attachment-full size-full wp-image-60540\" alt=\"\" srcset=\"https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SurfaceMatters_Logo_Dark_2027.webp 1400w, https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SurfaceMatters_Logo_Dark_2027-300x28.webp 300w, https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SurfaceMatters_Logo_Dark_2027-1024x95.webp 1024w, https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SurfaceMatters_Logo_Dark_2027-768x71.webp 768w, https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SurfaceMatters_Logo_Dark_2027-1200x111.webp 1200w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6542752 elementor-widget elementor-widget-heading\" data-id=\"6542752\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Des surfaces durables pour\nun avenir plus radieux<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bde821 elementor-widget elementor-widget-text-editor\" data-id=\"4bde821\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Nous fabriquons des surfaces CeramicSteel qui inspirent, prot\u00e8gent les espaces et traversent les g\u00e9n\u00e9rations.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2db64be e-con-full e-flex e-con e-child\" data-id=\"2db64be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f0c721 animated-fast elementor-invisible elementor-widget elementor-widget-html\" data-id=\"3f0c721\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================\r\n     POLYVISION - OUR STORY ANIMATED BUTTON\r\n     HTML ONLY - SMARTCAT COMPATIBLE\r\n     ========================================================== -->\r\n\r\n<a href=\"https:\/\/polyvision.com\/fr\/entreprise\/notre-histoire\/\" class=\"pv-animated-btn\" aria-label=\"Discover Our Story\">\r\n    <span class=\"pv-btn-text\">\r\n        <span class=\"pv-btn-text-inner\">\r\n <span>Notre histoire<\/span>\r\n <span>Notre histoire<\/span>\r\n <\/span>\r\n    <\/span>\r\n    <span class=\"pv-btn-arrow\" aria-hidden=\"true\">\r\n        <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M5 12H19M13 6L19 12L13 18\"><\/path>\r\n        <\/svg>\r\n    <\/span>\r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-441d3cb e-con-full pv-industry-clickable e-flex e-con e-child\" data-id=\"441d3cb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:200,&quot;animation_mobile&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-06e37d0 e-con-full pv-feature-box pv-feature-industry e-flex elementor-invisible e-con e-child\" data-id=\"06e37d0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div data-wrapper-link=\"{&quot;url&quot;:&quot;https:\\\/\\\/polyvision.com\\\/industry-solutions\\\/&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-93df7a4 e-con-full pv-feature-content e-flex e-con e-child\" data-id=\"93df7a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b44c559 elementor-widget elementor-widget-html\" data-id=\"b44c559\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================\r\n     POLYVISION - INDUSTRY SOLUTIONS FEATURE BOX\r\n     HTML ONLY - SMARTCAT COMPATIBLE\r\n     FULL CONTAINER LINK WITHOUT ELEMENTOR WRAPPER LINK\r\n     ========================================================== -->\r\n\r\n<div class=\"pv-feature-inner\">\r\n\r\n    <!-- FULL CONTAINER LINK -->\r\n\r\n    <a href=\"https:\/\/polyvision.com\/fr\/solutions-secteur\/\" class=\"pv-feature-overlay-link\" aria-label=\"Explore Industry Solutions\"><\/a>\r\n\r\n    <!-- FEATURE TEXT -->\r\n\r\n    <div class=\"pv-feature-text\">\r\n\r\n        <span class=\"pv-feature-label\">\r\nSOLUTIONS PAR SECTEUR\r\n <\/span>\r\n\r\n        <h3 class=\"pv-feature-title\">Solutions CeramicSteel pour tous les secteurs d\u2019activit\u00e9<\/h3>\r\n\r\n    <\/div>\r\n\r\n    <!-- DECORATIVE ARROW -->\r\n\r\n    <span class=\"pv-feature-arrow\" aria-hidden=\"true\">\r\n\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M4 12h16M14 6l6 6-6 6\"><\/path>\r\n        <\/svg>\r\n\r\n    <\/span>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8d4cf2 e-con-full pv-splashsurface-clickable e-flex e-con e-child\" data-id=\"f8d4cf2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:200,&quot;animation_mobile&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-654e709 e-con-full pv-splashsurface-brand-box e-flex elementor-invisible e-con e-child\" data-id=\"654e709\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b486021 pv-splashsurface-logo elementor-widget elementor-widget-image\" data-id=\"b486021\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1400\" height=\"225\" src=\"https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SPLASHSURFACE_LOGO_DARK_1.webp\" class=\"attachment-full size-full wp-image-61373\" alt=\"\" srcset=\"https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SPLASHSURFACE_LOGO_DARK_1.webp 1400w, https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SPLASHSURFACE_LOGO_DARK_1-300x48.webp 300w, https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SPLASHSURFACE_LOGO_DARK_1-1024x165.webp 1024w, https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SPLASHSURFACE_LOGO_DARK_1-768x124.webp 768w, https:\/\/polyvision.com\/wp-content\/uploads\/2026\/10\/SPLASHSURFACE_LOGO_DARK_1-1200x193.webp 1200w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81264af elementor-widget elementor-widget-text-editor\" data-id=\"81264af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Donnez vie \u00e0 la cr\u00e9ativit\u00e9 avec SplashSurface, en transformant les surfaces du quotidien en espaces color\u00e9s et interactifs con\u00e7us pour inspirer.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-384cd9b e-con-full pv-feature-box pv-feature-splashsurface animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"384cd9b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1890f15 e-con-full pv-feature-content e-flex e-con e-child\" data-id=\"1890f15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6d4d9e elementor-widget elementor-widget-html\" data-id=\"b6d4d9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================\r\n     POLYVISION - SPLASHSURFACE FEATURE BOX\r\n     HTML ONLY - SMARTCAT COMPATIBLE\r\n     FULL CONTAINER LINK WITHOUT ELEMENTOR WRAPPER LINK\r\n     ========================================================== -->\r\n\r\n<div class=\"pv-feature-inner\">\r\n\r\n    <!-- FULL CONTAINER LINK -->\r\n\r\n    <a href=\"https:\/\/polyvision.com\/fr\/conception-surfaces\/applications\/splashsurface\/\" class=\"pv-feature-overlay-link\" aria-label=\"Discover SplashSurface\"><\/a>\r\n\r\n    <!-- FEATURE TEXT -->\r\n\r\n    <div class=\"pv-feature-text\">\r\n\r\n        <span class=\"pv-feature-label\">\r\nSPLASHSURFACE\r\n <\/span>\r\n\r\n        <h3 class=\"pv-feature-title\">Apportez de la cr\u00e9ativit\u00e9 \u00e0 chaque surface<\/h3>\r\n\r\n    <\/div>\r\n\r\n    <!-- DECORATIVE ARROW -->\r\n\r\n    <span class=\"pv-feature-arrow\" aria-hidden=\"true\">\r\n\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M4 12h16M14 6l6 6-6 6\"><\/path>\r\n        <\/svg>\r\n\r\n    <\/span>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94a6835 e-con-full e-flex e-con e-child\" data-id=\"94a6835\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:200,&quot;animation_mobile&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fd9f0b5 e-con-full pv-feature-box pv-feature-surface pv-surface-clickable e-flex elementor-invisible e-con e-child\" data-id=\"fd9f0b5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ea5cb4a e-con-full pv-feature-content e-flex e-con e-child\" data-id=\"ea5cb4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf83611 elementor-widget elementor-widget-html\" data-id=\"bf83611\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================\r\n     POLYVISION - SURFACE DESIGN FEATURE BOX\r\n     HTML ONLY - SMARTCAT COMPATIBLE\r\n     FULL CONTAINER LINK WITHOUT ELEMENTOR WRAPPER LINK\r\n     ========================================================== -->\r\n\r\n<div class=\"pv-feature-inner\">\r\n\r\n    <!-- FULL CONTAINER LINK -->\r\n\r\n    <a href=\"https:\/\/polyvision.com\/fr\/conception-surfaces\/\" class=\"pv-feature-overlay-link\" aria-label=\"Explore Surface Design\"><\/a>\r\n\r\n    <!-- FEATURE TEXT -->\r\n\r\n    <div class=\"pv-feature-text\">\r\n\r\n        <span class=\"pv-feature-label\">\r\nCONCEPTION DE SURFACES\r\n <\/span>\r\n\r\n        <h3 class=\"pv-feature-title\">Transformez vos id\u00e9es en surfaces uniques<\/h3>\r\n\r\n    <\/div>\r\n\r\n    <!-- DECORATIVE ARROW -->\r\n\r\n    <span class=\"pv-feature-arrow\" aria-hidden=\"true\">\r\n\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M4 12h16M14 6l6 6-6 6\"><\/path>\r\n        <\/svg>\r\n\r\n    <\/span>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b96d16 e-con-full pv-feature-box pv-feature-lookbook pv-lookbook-clickable animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"7b96d16\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-daba613 e-con-full pv-feature-content e-flex e-con e-child\" data-id=\"daba613\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bc7e8f elementor-widget elementor-widget-html\" data-id=\"3bc7e8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================\r\n     POLYVISION - LOOKBOOK FEATURE BOX\r\n     HTML ONLY - SMARTCAT COMPATIBLE\r\n     FULL CONTAINER LINK WITHOUT ELEMENTOR WRAPPER LINK\r\n     ========================================================== -->\r\n\r\n<div class=\"pv-feature-inner\">\r\n\r\n    <!-- FULL CONTAINER LINK -->\r\n\r\n    <a href=\"https:\/\/polyvision.com\/fr\/ressources\/catalogue\/\" class=\"pv-feature-overlay-link\" aria-label=\"Explore Lookbook\"><\/a>\r\n\r\n    <!-- FEATURE TEXT -->\r\n\r\n    <div class=\"pv-feature-text\">\r\n\r\n        <span class=\"pv-feature-label\">\r\nCATALOGUE\r\n <\/span>\r\n\r\n        <h3 class=\"pv-feature-title\">Des couleurs et de l\u2019inspiration pour chaque espace<\/h3>\r\n\r\n    <\/div>\r\n\r\n    <!-- DECORATIVE ARROW -->\r\n\r\n    <span class=\"pv-feature-arrow\" aria-hidden=\"true\">\r\n\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M4 12h16M14 6l6 6-6 6\"><\/path>\r\n        <\/svg>\r\n\r\n    <\/span>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cecb592 e-con-full e-flex e-con e-child\" data-id=\"cecb592\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:200,&quot;animation_mobile&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2c9e619 e-con-full pv-feature-box pv-feature-projects pv-projects-clickable e-flex elementor-invisible e-con e-child\" data-id=\"2c9e619\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f21d15a e-con-full pv-feature-content e-flex e-con e-child\" data-id=\"f21d15a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1407ca1 elementor-widget elementor-widget-html\" data-id=\"1407ca1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================\r\n     POLYVISION - PROJECTS FEATURE BOX\r\n     HTML ONLY - SMARTCAT COMPATIBLE\r\n     FULL CONTAINER LINK WITHOUT ELEMENTOR WRAPPER LINK\r\n     ========================================================== -->\r\n\r\n<div class=\"pv-feature-inner\">\r\n\r\n    <!-- FULL CONTAINER LINK -->\r\n\r\n    <a href=\"https:\/\/polyvision.com\/fr\/ressources\/projets\/\" class=\"pv-feature-overlay-link\" aria-label=\"Explore Projects\"><\/a>\r\n\r\n    <!-- FEATURE TEXT -->\r\n\r\n    <div class=\"pv-feature-text\">\r\n\r\n        <span class=\"pv-feature-label\">\r\nPROJETS\r\n <\/span>\r\n\r\n        <h3 class=\"pv-feature-title\">Des espaces r\u00e9els. Un impact durable.<\/h3>\r\n\r\n    <\/div>\r\n\r\n    <!-- DECORATIVE ARROW -->\r\n\r\n    <span class=\"pv-feature-arrow\" aria-hidden=\"true\">\r\n\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M4 12h16M14 6l6 6-6 6\"><\/path>\r\n        <\/svg>\r\n\r\n    <\/span>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-687ea82 e-con-full pv-feature-box pv-feature-products pv-products-clickable animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"687ea82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-647c82f e-con-full pv-feature-content e-flex e-con e-child\" data-id=\"647c82f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ac7e4c elementor-widget elementor-widget-html\" data-id=\"0ac7e4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================\r\n     POLYVISION - PRODUCTS FEATURE BOX\r\n     HTML ONLY - SMARTCAT COMPATIBLE\r\n     FULL CONTAINER LINK WITHOUT ELEMENTOR WRAPPER LINK\r\n     ========================================================== -->\r\n\r\n<div class=\"pv-feature-inner\">\r\n\r\n    <!-- FULL CONTAINER LINK -->\r\n\r\n    <a href=\"https:\/\/polyvision.com\/fr\/produits\/\" class=\"pv-feature-overlay-link\" aria-label=\"Explore Products\"><\/a>\r\n\r\n    <!-- FEATURE TEXT -->\r\n\r\n    <div class=\"pv-feature-text pv-products-feature-text\">\r\n\r\n        <span class=\"pv-feature-label\">\r\nPRODUITS\r\n <\/span>\r\n\r\n        <h3 class=\"pv-feature-title\">Bobines, feuilles, panneaux CeramicSteel et bien plus encore<\/h3>\r\n\r\n    <\/div>\r\n\r\n    <!-- DECORATIVE ARROW -->\r\n\r\n    <span class=\"pv-feature-arrow\" aria-hidden=\"true\">\r\n\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M4 12h16M14 6l6 6-6 6\"><\/path>\r\n        <\/svg>\r\n\r\n    <\/span>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3c3f74 e-con-full e-flex e-con e-child\" data-id=\"b3c3f74\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:200,&quot;animation_mobile&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c3182ba e-con-full pv-feature-box pv-feature-edmarket pv-edmarket-clickable animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"c3182ba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-879e11d e-con-full pv-feature-content e-flex e-con e-child\" data-id=\"879e11d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94801f5 elementor-widget elementor-widget-html\" data-id=\"94801f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================\r\n     POLYVISION - EDMARKET FEATURE BOX\r\n     HTML ONLY - SMARTCAT COMPATIBLE\r\n     FULL CONTAINER LINK WITHOUT ELEMENTOR WRAPPER LINK\r\n     ========================================================== -->\r\n\r\n<div class=\"pv-feature-inner\">\r\n\r\n    <!-- FULL CONTAINER LINK -->\r\n\r\n    <a href=\"https:\/\/polyvision.com\/fr\/livonia-early-childhood-center\/\" class=\"pv-feature-overlay-link\" aria-label=\"Discover Livonia Early Childhood Center\"><\/a>\r\n\r\n    <!-- FEATURE TEXT -->\r\n\r\n    <div class=\"pv-feature-text\">\r\n\r\n        <span class=\"pv-feature-label\">\r\nEDMARKET\r\n <\/span>\r\n\r\n        <h3 class=\"pv-feature-title\">D\u00e9couvrez le Livonia Early Childhood Center<\/h3>\r\n\r\n    <\/div>\r\n\r\n    <!-- DECORATIVE ARROW -->\r\n\r\n    <span class=\"pv-feature-arrow\" aria-hidden=\"true\">\r\n\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M4 12h16M14 6l6 6-6 6\"><\/path>\r\n        <\/svg>\r\n\r\n    <\/span>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f5a362 e-con-full pv-feature-box pv-feature-careers pv-careers-clickable animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"6f5a362\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ed2624d e-con-full pv-feature-content e-flex e-con e-child\" data-id=\"ed2624d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65adcc9 elementor-widget elementor-widget-html\" data-id=\"65adcc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================\r\n     POLYVISION - CAREERS FEATURE BOX\r\n     HTML ONLY - SMARTCAT COMPATIBLE\r\n     FULL CONTAINER LINK WITHOUT ELEMENTOR WRAPPER LINK\r\n     ========================================================== -->\r\n\r\n<div class=\"pv-feature-inner\">\r\n\r\n    <!-- FULL CONTAINER LINK -->\r\n\r\n    <a href=\"https:\/\/polyvision.com\/fr\/entreprise\/carrieres\/\" class=\"pv-feature-overlay-link\" aria-label=\"Explore Careers\"><\/a>\r\n\r\n    <!-- FEATURE TEXT -->\r\n\r\n    <div class=\"pv-feature-text\">\r\n\r\n        <span class=\"pv-feature-label\">\r\nCARRI\u00c8RES\r\n <\/span>\r\n\r\n        <h3 class=\"pv-feature-title\">Rejoignez une \u00e9quipe qui fait la diff\u00e9rence<\/h3>\r\n\r\n    <\/div>\r\n\r\n    <!-- DECORATIVE ARROW -->\r\n\r\n    <span class=\"pv-feature-arrow\" aria-hidden=\"true\">\r\n\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M4 12h16M14 6l6 6-6 6\"><\/path>\r\n        <\/svg>\r\n\r\n    <\/span>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aceddd3 e-flex e-con-boxed e-con e-parent\" data-id=\"aceddd3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4ddefd0 animated-slow e-flex e-con-boxed e-con e-child\" data-id=\"4ddefd0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-347b1bf animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"347b1bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounceInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* ==========================================================\r\n   POLYVISION - DOCUMENT RESOURCE BANNER\r\n   REALISTIC DOCUMENT CARDS + 3D ANIMATION\r\n   ========================================================== *\/\r\n\r\n.pv-doc-banner,\r\n.pv-doc-banner * <span>\r\n    box-sizing: border-box;\r\n<\/span>\r\n\r\n\/* ==========================================================\r\n   1. MAIN BANNER\r\n   ========================================================== *\/\r\n\r\n.pv-doc-banner <span>\r\n    --pv-ink: #434343;\r\n    --pv-accent: #FECE8E;\r\n    --pv-paper: #ffffff;\r\n\r\n    \/* DOCUMENT POSITION *\/\r\n    --pv-doc-offset-x: -50px;\r\n\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) 300px;\r\n    align-items: center;\r\n\r\n    width: 100%;\r\n    min-height: 200px;\r\n    padding: 25px 32px;\r\n    overflow: hidden;\r\n\r\n    background: transparent !important;\r\n    color: var(--pv-ink);\r\n\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n\r\n    font-family: \"Noto Sans\", sans-serif !important;\r\n    text-decoration: none !important;\r\n<\/span>\r\n\r\n.pv-doc-banner:hover,\r\n.pv-doc-banner:focus,\r\n.pv-doc-banner:active <span>\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    text-decoration: none !important;\r\n<\/span>\r\n\r\n\/* ==========================================================\r\n   2. TEXT CONTENT\r\n   ========================================================== *\/\r\n\r\n.pv-doc-content <span>\r\n    position: relative;\r\n    z-index: 2;\r\n    min-width: 0;\r\n<\/span>\r\n\r\n.pv-doc-eyebrow <span>\r\n    display: block;\r\n    margin-bottom: 9px;\r\n\r\n    font-family: \"Noto Sans\", sans-serif !important;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.5px;\r\n    line-height: 1.4;\r\n    color: #777;\r\n<\/span>\r\n\r\n\/* MAIN TITLE *\/\r\n\r\n.pv-doc-banner .pv-doc-title <span>\r\n    margin: 0 0 8px !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"Noto Serif\", serif !important;\r\n    font-size: clamp(21px, 2vw, 27px) !important;\r\n    font-weight: 700 !important;\r\n    font-style: normal !important;\r\n    line-height: 1.3 !important;\r\n    letter-spacing: 0 !important;\r\n    color: #434343 !important;\r\n<\/span>\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.pv-doc-description <span>\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"Noto Sans\", sans-serif !important;\r\n    font-size: 13px !important;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n    color: #777 !important;\r\n<\/span>\r\n\r\n\/* ==========================================================\r\n   3. EXPLORE DOCUMENTS BUTTON\r\n   ORIGINAL OUR STORY ANIMATION\r\n   ========================================================== *\/\r\n\r\n.pv-doc-banner .pv-animated-btn <span>\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: fit-content;\r\n    height: 38px;\r\n    padding: 0;\r\n    margin-top: 20px;\r\n\r\n    background: #292929;\r\n    color: #ffffff !important;\r\n    border-radius: 50px;\r\n\r\n    font-family: \"Noto Sans\", sans-serif !important;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n    overflow: hidden;\r\n    vertical-align: middle;\r\n\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n\r\n    transition: background 0.3s ease;\r\n<\/span>\r\n\r\n\/* TEXT ANIMATION *\/\r\n\r\n.pv-doc-banner .pv-btn-text <span>\r\n    display: block;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n<\/span>\r\n\r\n.pv-doc-banner .pv-btn-text-inner <span>\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 200%;\r\n\r\n    transition: transform 0.45s cubic-bezier(\r\n        0.76, 0, 0.24, 1\r\n    );\r\n<\/span>\r\n\r\n.pv-doc-banner .pv-btn-text-inner > span <span>\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    height: 50%;\r\n    min-height: 0;\r\n    padding-left: 20px;\r\n    padding-right: 0;\r\n\r\n    white-space: nowrap;\r\n    color: #ffffff !important;\r\n<\/span>\r\n\r\n.pv-doc-banner:hover .pv-btn-text-inner,\r\n.pv-doc-banner:focus-visible .pv-btn-text-inner <span>\r\n    transform: translateY(-50%);\r\n<\/span>\r\n\r\n\/* ARROW *\/\r\n\r\n.pv-doc-banner .pv-btn-arrow <span>\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 38px;\r\n    height: 100%;\r\n    margin-left: 4px;\r\n    margin-right: 8px;\r\n\r\n    flex-shrink: 0;\r\n    color: #ffffff !important;\r\n<\/span>\r\n\r\n.pv-doc-banner .pv-btn-arrow svg <span>\r\n    display: block;\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    transition: transform 0.35s ease;\r\n<\/span>\r\n\r\n.pv-doc-banner:hover .pv-btn-arrow svg,\r\n.pv-doc-banner:focus-visible .pv-btn-arrow svg <span>\r\n    transform: translateX(4px);\r\n<\/span>\r\n\r\n.pv-doc-banner:hover .pv-animated-btn,\r\n.pv-doc-banner:focus-visible .pv-animated-btn <span>\r\n    background: #444444;\r\n<\/span>\r\n\r\n\/* ==========================================================\r\n   4. DOCUMENT 3D STAGE\r\n   ========================================================== *\/\r\n\r\n.pv-doc-visual <span>\r\n    position: relative;\r\n    width: 290px;\r\n    height: 170px;\r\n\r\n    justify-self: center;\r\n\r\n    \/* MOVE DOCUMENTS LEFT *\/\r\n    transform: translateX(var(--pv-doc-offset-x));\r\n\r\n    perspective: 1000px;\r\n    perspective-origin: 50% 50%;\r\n    isolation: isolate;\r\n<\/span>\r\n\r\n.pv-doc-stack <span>\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    transform-style: preserve-3d;\r\n    animation: pv-doc-float 5s ease-in-out infinite;\r\n<\/span>\r\n\r\n@keyframes pv-doc-float {\r\n    0%, 100% <span>\r\n        transform: translateY(0);\r\n    <\/span>\r\n\r\n    50% <span>\r\n        transform: translateY(-5px);\r\n    <\/span>\r\n}\r\n\r\n.pv-doc-banner:hover .pv-doc-stack,\r\n.pv-doc-banner:focus-visible .pv-doc-stack <span>\r\n    animation-play-state: paused;\r\n<\/span>\r\n\r\n\/* ==========================================================\r\n   5. POLYVISION DOCUMENT CARDS\r\n   ========================================================== *\/\r\n\r\n.pv-doc-sheet <span>\r\n    position: absolute;\r\n    top: 12px;\r\n    left: 76px;\r\n\r\n    width: 138px;\r\n    height: 146px;\r\n\r\n    padding: 12px 11px 10px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    background: var(--pv-paper);\r\n    border: 1px solid #e2e2e2;\r\n    border-radius: 5px;\r\n\r\n    box-shadow:\r\n        0 5px 18px rgba(0, 0, 0, .08),\r\n        0 1px 4px rgba(0, 0, 0, .04);\r\n\r\n    transform-origin: 50% 80%;\r\n    transform-style: preserve-3d;\r\n    backface-visibility: visible;\r\n\r\n    transition:\r\n        transform .85s cubic-bezier(.22, 1, .36, 1),\r\n        box-shadow .85s ease;\r\n<\/span>\r\n\r\n\/* CARD POSITIONS *\/\r\n\r\n.pv-doc-sheet--left <span>\r\n    z-index: 1;\r\n\r\n    transform:\r\n        translateX(-40px)\r\n        translateY(5px)\r\n        rotateZ(-12deg)\r\n        rotateY(-6deg);\r\n<\/span>\r\n\r\n.pv-doc-sheet--center <span>\r\n    z-index: 3;\r\n\r\n    transform:\r\n        translateY(-5px)\r\n        translateZ(15px);\r\n<\/span>\r\n\r\n.pv-doc-sheet--right <span>\r\n    z-index: 2;\r\n\r\n    transform:\r\n        translateX(40px)\r\n        translateY(5px)\r\n        rotateZ(12deg)\r\n        rotateY(6deg);\r\n<\/span>\r\n\r\n\/* ==========================================================\r\n   6. DOCUMENT CARD CONTENT\r\n   ========================================================== *\/\r\n\r\n\/* TITLE *\/\r\n\r\n.pv-doc-card-title <span>\r\n    display: block;\r\n    min-height: 38px;\r\n\r\n    font-family: \"Noto Serif\", serif !important;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n\r\n    color: #171717;\r\n<\/span>\r\n\r\n\/* DIVIDER *\/\r\n\r\n.pv-doc-card-divider <span>\r\n    width: 100%;\r\n    height: 1px;\r\n    flex-shrink: 0;\r\n\r\n    margin: 7px 0 9px;\r\n\r\n    background: #d8d8d8;\r\n<\/span>\r\n\r\n\/* CATEGORY *\/\r\n\r\n.pv-doc-card-category <span>\r\n    display: block;\r\n\r\n    font-family: \"Noto Sans\", sans-serif !important;\r\n    font-size: 7px;\r\n    font-weight: 400;\r\n    line-height: 1.4;\r\n\r\n    color: #607b9b;\r\n    text-transform: uppercase;\r\n<\/span>\r\n\r\n\/* DOWNLOAD AREA *\/\r\n\r\n.pv-doc-card-download <span>\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    width: 100%;\r\n    height: 28px;\r\n    flex-shrink: 0;\r\n\r\n    margin-top: auto;\r\n    padding: 0 8px;\r\n\r\n    background: var(--pv-accent);\r\n    color: #171717;\r\n<\/span>\r\n\r\n.pv-doc-card-download span <span>\r\n    font-family: \"Noto Sans\", sans-serif !important;\r\n    font-size: 8px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    color: #171717;\r\n<\/span>\r\n\r\n.pv-doc-card-download svg <span>\r\n    display: block;\r\n    width: 13px;\r\n    height: 13px;\r\n\r\n    fill: none;\r\n    stroke: #171717;\r\n    stroke-width: 1.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n<\/span>\r\n\r\n\/* ==========================================================\r\n   7. 3D HOVER ANIMATION\r\n   ========================================================== *\/\r\n\r\n\/* LEFT CARD *\/\r\n\r\n.pv-doc-banner:hover .pv-doc-sheet--left,\r\n.pv-doc-banner:focus-visible .pv-doc-sheet--left <span>\r\n    transform:\r\n        translateX(-85px)\r\n        translateY(-8px)\r\n        translateZ(20px)\r\n        rotateY(-25deg)\r\n        rotateZ(-15deg);\r\n\r\n    box-shadow:\r\n        12px 18px 28px rgba(0, 0, 0, .14);\r\n<\/span>\r\n\r\n\/* CENTER CARD *\/\r\n\r\n.pv-doc-banner:hover .pv-doc-sheet--center,\r\n.pv-doc-banner:focus-visible .pv-doc-sheet--center <span>\r\n    transform:\r\n        translateY(-18px)\r\n        translateZ(80px)\r\n        rotateX(8deg)\r\n        rotateY(-8deg);\r\n\r\n    box-shadow:\r\n        14px 23px 35px rgba(0, 0, 0, .17);\r\n<\/span>\r\n\r\n\/* RIGHT CARD *\/\r\n\r\n.pv-doc-banner:hover .pv-doc-sheet--right,\r\n.pv-doc-banner:focus-visible .pv-doc-sheet--right <span>\r\n    transform:\r\n        translateX(85px)\r\n        translateY(-8px)\r\n        translateZ(20px)\r\n        rotateY(25deg)\r\n        rotateZ(15deg);\r\n\r\n    box-shadow:\r\n        -12px 18px 28px rgba(0, 0, 0, .14);\r\n<\/span>\r\n\r\n\/* ==========================================================\r\n   8. SOFT SHADOW UNDER CARDS\r\n   ========================================================== *\/\r\n\r\n.pv-doc-shadow <span>\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n\r\n    width: 155px;\r\n    height: 12px;\r\n\r\n    border-radius: 50%;\r\n    background: rgba(0, 0, 0, .07);\r\n    filter: blur(10px);\r\n\r\n    transform: translateX(-50%);\r\n    opacity: .5;\r\n\r\n    transition:\r\n        width .85s ease,\r\n        opacity .85s ease;\r\n<\/span>\r\n\r\n.pv-doc-banner:hover .pv-doc-shadow,\r\n.pv-doc-banner:focus-visible .pv-doc-shadow <span>\r\n    width: 210px;\r\n    opacity: .75;\r\n<\/span>\r\n\r\n\/* ==========================================================\r\n   9. KEYBOARD FOCUS\r\n   ========================================================== *\/\r\n\r\n.pv-doc-banner:focus-visible <span>\r\n    outline: 2px solid #434343 !important;\r\n    outline-offset: -2px;\r\n<\/span>\r\n\r\n\/* ==========================================================\r\n   10. TABLET\r\n   ========================================================== *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    .pv-doc-banner <span>\r\n        grid-template-columns: minmax(0, 1fr) 205px;\r\n        min-height: 200px;\r\n        padding: 24px;\r\n        gap: 12px;\r\n\r\n        --pv-doc-offset-x: -15px;\r\n    <\/span>\r\n\r\n    .pv-doc-visual <span>\r\n        width: 205px;\r\n\r\n        transform:\r\n            translateX(var(--pv-doc-offset-x))\r\n            scale(.73);\r\n\r\n        transform-origin: center;\r\n    <\/span>\r\n\r\n    .pv-doc-banner .pv-doc-title <span>\r\n        font-size: 23px !important;\r\n    <\/span>\r\n}\r\n\r\n\/* ==========================================================\r\n   11. MOBILE\r\n   ========================================================== *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n    .pv-doc-banner <span>\r\n        grid-template-columns: 1fr;\r\n        min-height: auto;\r\n        gap: 18px;\r\n        padding: 24px 20px;\r\n    <\/span>\r\n\r\n    .pv-doc-banner .pv-doc-title <span>\r\n        font-size: 21px !important;\r\n    <\/span>\r\n\r\n    .pv-doc-description <span>\r\n        font-size: 12px !important;\r\n    <\/span>\r\n\r\n    .pv-doc-banner .pv-animated-btn <span>\r\n        margin-top: 18px;\r\n    <\/span>\r\n\r\n    .pv-doc-visual <span>\r\n        display: none;\r\n    <\/span>\r\n}\r\n\r\n\/* ==========================================================\r\n   12. REDUCED MOTION\r\n   ========================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .pv-doc-stack <span>\r\n        animation: none !important;\r\n    <\/span>\r\n\r\n    .pv-doc-banner,\r\n    .pv-doc-banner * <span>\r\n        transition: none !important;\r\n    <\/span>\r\n\r\n    .pv-doc-banner:hover .pv-btn-text-inner,\r\n    .pv-doc-banner:focus-visible .pv-btn-text-inner,\r\n    .pv-doc-banner:hover .pv-btn-arrow svg,\r\n    .pv-doc-banner:focus-visible .pv-btn-arrow svg <span>\r\n        transform: none !important;\r\n    <\/span>\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- ========================================================\r\n     POLYVISION DOCUMENT RESOURCE BANNER\r\n     ======================================================== -->\r\n\r\n<a class=\"pv-doc-banner\" href=\"https:\/\/polyvision.com\/fr\/ressources\/documents\/\" aria-label=\"Explore Polyvision documents and resources\">\r\n\r\n    <!-- LEFT: CONTENT -->\r\n\r\n    <div class=\"pv-doc-content\">\r\n\r\n        <span class=\"pv-doc-eyebrow\">\r\nBIBLIOTH\u00c8QUE DE RESSOURCES\r\n <\/span>\r\n\r\n        <h3 class=\"pv-doc-title\">\r\n Le bon document. Exactement quand vous en avez besoin.\r\n        <\/h3>\r\n\r\n        <p class=\"pv-doc-description\">\r\n Trouvez des sp\u00e9cifications techniques, des brochures, des certifications\r\n et des ressources techniques au m\u00eame endroit.\r\n        <\/p>\r\n\r\n        <!-- OUR STORY ANIMATED BUTTON -->\r\n\r\n        <span class=\"pv-animated-btn\">\r\n\r\n            <span class=\"pv-btn-text\">\r\n                <span class=\"pv-btn-text-inner\">\r\n <span>Explorer les documents<\/span>\r\n <span>Explorer les documents<\/span>\r\n <\/span>\r\n            <\/span>\r\n\r\n            <span class=\"pv-btn-arrow\" aria-hidden=\"true\">\r\n                <svg viewbox=\"0 0 24 24\">\r\n                    <path d=\"M5 12H19M13 6L19 12L13 18\"><\/path>\r\n                <\/svg>\r\n            <\/span>\r\n\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT: 3D DOCUMENT CARDS -->\r\n\r\n    <div class=\"pv-doc-visual\" aria-hidden=\"true\">\r\n\r\n        <div class=\"pv-doc-stack\">\r\n\r\n            <!-- LEFT DOCUMENT -->\r\n\r\n            <div class=\"pv-doc-sheet pv-doc-sheet--left\">\r\n\r\n                <span class=\"pv-doc-card-title\">\r\nSP\u00c9CIFICATIONS CERAMICSTEEL<br>\r\n\r\n <\/span>\r\n\r\n                <span class=\"pv-doc-card-divider\"><\/span>\r\n\r\n                <span class=\"pv-doc-card-category\">\r\nMONDIAL\r\n <\/span>\r\n\r\n                <span class=\"pv-doc-card-download\">\r\n                    <span>T\u00c9L\u00c9CHARGER<\/span>\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                        <path d=\"M12 3v12M7 10l5 5 5-5M4 17v3h16v-3\"><\/path>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n            <!-- RIGHT DOCUMENT -->\r\n\r\n            <div class=\"pv-doc-sheet pv-doc-sheet--right\">\r\n\r\n                <span class=\"pv-doc-card-title\">\r\nFICHE TECHNIQUE<br>\r\n\r\n <\/span>\r\n\r\n                <span class=\"pv-doc-card-divider\"><\/span>\r\n\r\n                <span class=\"pv-doc-card-category\">\r\nMONDIAL\r\n <\/span>\r\n\r\n                <span class=\"pv-doc-card-download\">\r\n                    <span>T\u00c9L\u00c9CHARGER<\/span>\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                        <path d=\"M12 3v12M7 10l5 5 5-5M4 17v3h16v-3\"><\/path>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n            <!-- CENTER DOCUMENT -->\r\n\r\n            <div class=\"pv-doc-sheet pv-doc-sheet--center\">\r\n\r\n                <span class=\"pv-doc-card-title\">\r\nDOCUMENTATION <br>\r\nPRODUIT\r\n <\/span>\r\n\r\n                <span class=\"pv-doc-card-divider\"><\/span>\r\n\r\n                <span class=\"pv-doc-card-category\">\r\nMONDIAL\r\n <\/span>\r\n\r\n                <span class=\"pv-doc-card-download\">\r\n                    <span>T\u00c9L\u00c9CHARGER<\/span>\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                        <path d=\"M12 3v12M7 10l5 5 5-5M4 17v3h16v-3\"><\/path>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"pv-doc-shadow\"><\/div>\r\n\r\n    <\/div>\r\n\r\n<\/a>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Des surfaces durables pour un avenir plus radieux Nous fabriquons des surfaces CeramicSteel qui inspirent, prot\u00e8gent les espaces et traversent les g\u00e9n\u00e9rations. Notre histoire Notre histoire SOLUTIONS PAR SECTEUR Solutions CeramicSteel pour tous les secteurs d\u2019activit\u00e9 Donnez vie \u00e0 la cr\u00e9ativit\u00e9 avec SplashSurface, en transformant les surfaces du quotidien en espaces color\u00e9s et interactifs con\u00e7us &hellip;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_genesis_block_theme_hide_title":false,"iawp_total_views":89,"footnotes":""},"class_list":["post-61138","page","type-page","status-publish","hentry","post","without-featured-image"],"acf":[],"_links":{"self":[{"href":"https:\/\/polyvision.com\/fr\/wp-json\/wp\/v2\/pages\/61138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/polyvision.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/polyvision.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/polyvision.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/polyvision.com\/fr\/wp-json\/wp\/v2\/comments?post=61138"}],"version-history":[{"count":20,"href":"https:\/\/polyvision.com\/fr\/wp-json\/wp\/v2\/pages\/61138\/revisions"}],"predecessor-version":[{"id":61629,"href":"https:\/\/polyvision.com\/fr\/wp-json\/wp\/v2\/pages\/61138\/revisions\/61629"}],"wp:attachment":[{"href":"https:\/\/polyvision.com\/fr\/wp-json\/wp\/v2\/media?parent=61138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}