{"id":16647,"date":"2026-03-12T09:18:46","date_gmt":"2026-03-12T08:18:46","guid":{"rendered":"https:\/\/alaska-france.fr\/boutique\/?page_id=16647"},"modified":"2026-03-12T09:40:47","modified_gmt":"2026-03-12T08:40:47","slug":"galeries-pupitres","status":"publish","type":"page","link":"https:\/\/alaska-france.fr\/boutique\/galeries-pupitres\/","title":{"rendered":"Galeries &#038; Pupitres"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16647\" class=\"elementor elementor-16647\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5f5470 e-flex e-con-boxed e-con e-parent\" data-id=\"f5f5470\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c73565 elementor-widget elementor-widget-shortcode\" data-id=\"9c73565\" 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\">    <style>\r\n        \/* -------------------------------------------------------------------\r\n           2. DESIGN SYSTEM 2026 (Variables)\r\n           ------------------------------------------------------------------- *\/\r\n        :root {\r\n            --v5-bg: #FFFFFF;\r\n            --v5-surface: rgba(248, 250, 252, 0.7); \/* Surface translucide *\/\r\n            --v5-text-main: #0B132B;\r\n            --v5-text-muted: #475569;\r\n            --v5-brand: #122B4F;\r\n            --v5-brand-glow: rgba(18, 43, 79, 0.15);\r\n            --v5-border: rgba(255, 255, 255, 0.6); \/* Bordure effet verre *\/\r\n            --shadow-float: 0 30px 60px -10px rgba(11, 19, 43, 0.08);\r\n            --shadow-inner: inset 0 1px 0 rgba(255,255,255,1);\r\n            --radius-xl: 48px;\r\n            --radius-lg: 32px;\r\n        }\r\n\r\n        .v5-container {\r\n            max-width: 1440px; \r\n            margin: 0 auto;\r\n            padding: 100px 20px; \r\n            font-family: var(--dws-font-family, \"SF Pro Display\", \"Inter\", sans-serif);\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        \/* ----- HERO SECTION PREMIUM ----- *\/\r\n        .v5-hero {\r\n            text-align: center;\r\n            margin-bottom: 90px;\r\n            padding: 0 20px;\r\n        }\r\n        .v5-hero h1 {\r\n            \/* Effet texte d\u00e9grad\u00e9 m\u00e9tallique *\/\r\n            background: linear-gradient(135deg, #0B132B 0%, #1E3A8A 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            font-weight: 900;\r\n            font-size: clamp(3rem, 6vw, 5.5rem); \r\n            line-height: 1.05;\r\n            letter-spacing: -0.04em;\r\n            margin-bottom: 24px;\r\n        }\r\n        .v5-hero p {\r\n            font-size: clamp(1.2rem, 2vw, 1.5rem); \r\n            color: var(--v5-text-muted);\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* ----- INJECTION ----- *\/\r\n        .maquette-image-panel > * { display: none !important; }\r\n        .maquette-image-panel > #v5-injected-slider {\r\n            display: block !important;\r\n            width: 100%; height: 100%;\r\n        }\r\n\r\n        \/* -------------------------------------------------------------------\r\n           3. SLIDER PARALLAX & STUDIO\r\n           ------------------------------------------------------------------- *\/\r\n        .v5-gallery-wrapper {\r\n            width: 100%; \r\n            aspect-ratio: 16 \/ 9;\r\n            min-height: 480px;\r\n            position: relative;\r\n            background: radial-gradient(circle at 50% 40%, #ffffff 0%, #E2E8F0 100%);\r\n            border-radius: var(--radius-xl);\r\n            box-shadow: var(--shadow-float), var(--shadow-inner);\r\n            overflow: hidden;\r\n            touch-action: pan-y;\r\n            border: 1px solid rgba(255,255,255,0.8);\r\n        }\r\n        \r\n        .v5-slide {\r\n            position: absolute; inset: 0;\r\n            opacity: 0; visibility: hidden;\r\n            \/* Effet d'entr\u00e9e en glissement + d\u00e9zoom (Parallax Reveal) *\/\r\n            transform: translateX(4%) scale(1.05);\r\n            transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        visibility 1s;\r\n            display: flex; align-items: center; justify-content: center;\r\n        }\r\n        .v5-slide.active {\r\n            opacity: 1; visibility: visible; z-index: 2;\r\n            transform: translateX(0) scale(1);\r\n        }\r\n        \r\n        .v5-slide img {\r\n            width: 100%; height: 100%;\r\n            object-fit: contain;\r\n            mix-blend-mode: multiply;\r\n            transform: scale(1.25); \/* Zoom optique permanent pour effacer les bordures *\/\r\n            filter: drop-shadow(0 30px 20px rgba(0,0,0,0.15)); \/* Ajoute une ombre r\u00e9aliste sous le produit *\/\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* Boutons de navigation Flottants (Glassmorphism) *\/\r\n        .v5-nav-btn {\r\n            position: absolute; top: 50%; transform: translateY(-50%);\r\n            background: rgba(255, 255, 255, 0.4);\r\n            color: var(--v5-text-main);\r\n            border: 1px solid rgba(255, 255, 255, 0.8);\r\n            width: 72px; height: 72px; \r\n            border-radius: 50%;\r\n            font-size: 1.8rem; \r\n            cursor: pointer; z-index: 10;\r\n            box-shadow: 0 8px 32px rgba(31, 38, 135, 0.1);\r\n            display: flex !important; align-items: center; justify-content: center;\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            backdrop-filter: blur(16px);\r\n            -webkit-backdrop-filter: blur(16px);\r\n        }\r\n        .v5-nav-btn:hover {\r\n            background: var(--v5-brand); color: #FFFFFF;\r\n            transform: translateY(-50%) scale(1.1);\r\n            border-color: var(--v5-brand);\r\n        }\r\n        .v5-nav-btn.prev { left: 40px; }\r\n        .v5-nav-btn.next { right: 40px; }\r\n        \r\n        \/* Barres de progression dynamique (Tendance 2026) *\/\r\n        .v5-progress-container {\r\n            position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);\r\n            display: flex; gap: 12px; z-index: 10;\r\n        }\r\n        .v5-progress-bar {\r\n            width: 45px; height: 4px;\r\n            background: rgba(15, 23, 42, 0.15);\r\n            border-radius: 4px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            position: relative;\r\n        }\r\n        .v5-progress-fill {\r\n            position: absolute; top: 0; left: 0; height: 100%; width: 0%;\r\n            background: var(--v5-brand);\r\n            border-radius: 4px;\r\n        }\r\n        \/* L'animation est g\u00e9r\u00e9e par le JS pour s'aligner sur le timer *\/\r\n\r\n        .v5-search-wrapper { margin-bottom: 100px; }\r\n        .v5-search-wrapper .dws-categories-section,\r\n        .v5-search-wrapper .info-boxes-section,\r\n        .v5-search-wrapper .dws-reassurance-banner { display: none !important; }\r\n\r\n        \/* -------------------------------------------------------------------\r\n           4. BENTO GRID (Glassmorphism & Micro-interactions)\r\n           ------------------------------------------------------------------- *\/\r\n        .v5-bento {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 32px; \r\n        }\r\n        .v5-card {\r\n            background: var(--v5-surface);\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n            border: 1px solid var(--v5-border);\r\n            border-radius: var(--radius-lg);\r\n            padding: 48px 32px; \r\n            box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05), var(--shadow-inner);\r\n            display: flex; flex-direction: column; align-items: flex-start;\r\n            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n            position: relative;\r\n        }\r\n        .v5-card:hover {\r\n            transform: translateY(-12px);\r\n            box-shadow: var(--shadow-float), var(--shadow-inner);\r\n            background: rgba(255, 255, 255, 0.9);\r\n        }\r\n        \r\n        .v5-icon {\r\n            color: var(--v5-brand);\r\n            margin-bottom: 35px;\r\n            background: #FFFFFF;\r\n            width: 72px; height: 72px; \r\n            display: flex; align-items: center; justify-content: center;\r\n            border-radius: 20px;\r\n            box-shadow: 0 10px 25px var(--v5-brand-glow);\r\n            transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n        .v5-icon svg { width: 34px; height: 34px; stroke-width: 1.5; }\r\n        .v5-card:hover .v5-icon { transform: scale(1.15) translateY(-5px); }\r\n        \r\n        .v5-card h3 {\r\n            margin: 0 0 16px 0;\r\n            color: var(--v5-text-main);\r\n            font-size: 1.55rem; \r\n            font-weight: 800; letter-spacing: -0.02em;\r\n        }\r\n        .v5-card p {\r\n            margin: 0; color: var(--v5-text-muted);\r\n            line-height: 1.6; font-size: 1.1rem; \r\n        }\r\n        \r\n        \/* ----- RESPONSIVE ULTIME ----- *\/\r\n        @media (max-width: 1280px) {\r\n            .v5-bento { grid-template-columns: repeat(2, 1fr); gap: 28px; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .v5-container { padding: 60px 15px; }\r\n            .v5-hero { margin-bottom: 60px; }\r\n            .v5-hero h1 { font-size: 2.6rem; }\r\n            .v5-bento { grid-template-columns: 1fr; gap: 20px; }\r\n            .v5-card { padding: 40px 24px; }\r\n            \r\n            .v5-gallery-wrapper {\r\n                aspect-ratio: 1 \/ 1.1; \/* Un peu plus haut que large sur mobile *\/\r\n                min-height: auto;\r\n                border-radius: 32px;\r\n            }\r\n            .v5-slide img { transform: scale(1.4); } \/* Zoom massif mobile *\/\r\n            \r\n            .v5-nav-btn { width: 48px; height: 48px; font-size: 1.2rem; }\r\n            .v5-nav-btn.prev { left: 15px; }\r\n            .v5-nav-btn.next { right: 15px; }\r\n            \r\n            .v5-progress-bar { width: 35px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"v5-container\">\r\n        \r\n        <div class=\"v5-hero\">\r\n            <h1>Galeries de Toit & Pupitres<\/h1>\r\n            <p>Des solutions de portage professionnelles. Galeries a\u00e9rodynamiques avec rouleau et pupitres porte-verres pour s\u00e9curiser vos chargements les plus exigeants.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"v5-search-wrapper\">\r\n                <style>\r\n        :root { \r\n            --ak-blue-dark: #122B4F; \r\n            --ak-blue: #1B447E; \r\n            --ak-red: #E31E24; \r\n            --ak-white: #ffffff; \r\n            --ak-gray-200: #E5E7EB; \r\n            --ak-shadow: 0 20px 40px -5px rgba(27, 68, 126, 0.15); \r\n        }\r\n\r\n        \/* RESET RESPONSIVE GLOBAL POUR CE BLOC *\/\r\n        .config-wrapper.ak-avu, .config-wrapper.ak-avu * {\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        .config-wrapper.ak-avu { font-family: 'Inter', system-ui, -apple-system, sans-serif; max-width: 1700px; margin: 0 auto; padding: 20px; width: 100%; overflow: hidden; }\r\n        \r\n        \/* Header *\/\r\n        .maquette-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding: 0 10px; flex-wrap: wrap; gap: 15px; }\r\n        .maquette-logo a { font-family: inherit; font-size: 24px; font-weight: 600; text-transform: uppercase; color: var(--ak-blue); text-decoration: none; display: flex; align-items: center; }\r\n        .maquette-logo a::before { content: ''; display: block; width: 8px; height: 8px; background: var(--ak-red); margin-right: 10px; border-radius: 2px; }\r\n        .maquette-cta-nav { display: flex; gap: 20px; flex-wrap: wrap; }\r\n        .maquette-cta-nav a { display: flex; align-items: center; color: var(--ak-blue); font-weight: 600; font-size: 14px; text-decoration: none; transition: color 0.2s; }\r\n        .maquette-cta-nav a:hover { color: var(--ak-red); }\r\n        .maquette-cta-nav a svg { margin-right: 8px; stroke-width: 2.5; stroke: var(--ak-red); width: 18px; height: 18px; }\r\n\r\n        \/* Hero *\/\r\n        .maquette-hero-grid { display: grid; grid-template-columns: 400px 1fr; gap: 15px; align-items: stretch; min-height: 500px; width: 100%; }\r\n\r\n        .maquette-form-panel { background: linear-gradient(145deg, var(--ak-blue-dark), var(--ak-blue)); border-radius: 16px; padding: 40px !important; color: var(--ak-white); box-shadow: var(--ak-shadow); display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; height: 100%; width: 100%; transition: all 0.3s ease; }\r\n        .maquette-form-panel::after { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%); pointer-events: none; }\r\n        .form-header h2 { font-size: 26px !important; line-height: 1.3 !important; margin-bottom: 35px !important; color: var(--ak-white) !important; font-weight: 700 !important; }\r\n        \r\n        .config-step { margin-bottom: 20px; position: relative; z-index: 2; width: 100%; }\r\n        .config-step-label { color: rgba(255,255,255,0.9) !important; font-size: 14px !important; font-weight: 600 !important; margin-bottom: 8px !important; display: flex; align-items: center; text-transform: uppercase; letter-spacing: 0.5px; width: 100%; }\r\n        .dws-step-bubble { background: var(--ak-white); color: var(--ak-blue); width: 20px; height: 20px; border-radius: 50%; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; flex-shrink: 0; }\r\n        \r\n        \/* Inputs *\/\r\n        .config-select { width: 100%; height: 52px !important; background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 10px !important; color: var(--ak-white) !important; padding: 0 15px !important; font-size: 15px !important; cursor: pointer; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; background-image: url(\"data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\"); background-repeat: no-repeat; background-position: right 15px top 50%; background-size: 12px auto; max-width: 100%; }\r\n        .config-select:focus { background-color: rgba(255,255,255,0.15) !important; border-color: var(--ak-white) !important; outline: none; box-shadow: 0 0 0 4px rgba(255,255,255,0.1); }\r\n        .config-select option { background: var(--ak-blue); color: #fff; }\r\n        .config-select:disabled { opacity: 0.5; cursor: not-allowed; border-color: transparent !important; }\r\n        \r\n        \/* Button *\/\r\n        .config-btn--search { width: 100%; height: 56px; background: var(--ak-red) !important; color: white !important; border: none; border-radius: 10px; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 15px; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; box-shadow: 0 4px 15px rgba(227, 30, 36, 0.4); max-width: 100%; }\r\n        .config-btn--search:not(:disabled):hover { background: #C4161B !important; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(227, 30, 36, 0.5); }\r\n        .config-btn--search:disabled { background: rgba(255,255,255,0.2) !important; color: rgba(255,255,255,0.5) !important; box-shadow: none; cursor: default; }\r\n        .dws-reset-wrapper button { color: rgba(255,255,255,0.6) !important; transition: color 0.2s; }\r\n        .dws-reset-wrapper button:hover { color: var(--ak-white) !important; }\r\n\r\n        \/* --- MODE POPUP (Modal Form CSS Trick) --- *\/\r\n        .ak-avu.is-modal-mode::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(18, 43, 79, 0.85); z-index: 9998; backdrop-filter: blur(4px); }\r\n        .ak-avu.is-modal-mode .maquette-form-panel { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; width: 90%; max-width: 480px; height: auto; min-height: unset; box-shadow: 0 25px 50px rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.2); max-height: 90vh; overflow-y: auto; }\r\n        .dws-close-modal-form { display: none; position: absolute; top: 15px; right: 15px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: white; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 20px; line-height: 1; transition: all 0.2s; z-index: 10; }\r\n        .dws-close-modal-form:hover { background: var(--ak-red); border-color: var(--ak-red); }\r\n        .ak-avu.is-modal-mode .dws-close-modal-form { display: flex; align-items: center; justify-content: center; }\r\n\r\n        \/* Images dynamiques *\/\r\n        .maquette-image-panel { position: relative; border-radius: 16px; overflow: hidden; box-shadow: none !important; height: 100%; width: 100%; padding: 0 !important; margin: 0 !important; background: transparent !important; transition: background 0.5s ease; min-height: 300px; }\r\n\r\n        .maquette-image-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }\r\n        .dws-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }\r\n        .dws-slide img { width: 100%; height: 100%; object-fit: cover !important; object-position: center; display: block; border: none; }\r\n        \r\n        .dws-youtube-trigger { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(255,255,255,0.95); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.3); z-index: 10; }\r\n        .dws-youtube-trigger svg { width: 30px; height: 30px; fill: var(--ak-red); margin-left: 4px; }\r\n        .dws-youtube-trigger:hover { transform: translate(-50%, -50%) scale(1.1); background: #fff; }\r\n\r\n        \/* TEXTE SUPERPOS\u00c9 (IMAGE OVERLAY - HAUT) *\/\r\n        .dws-image-overlay-text { position: absolute; top: 30px; left: 30px; z-index: 15; display: flex; flex-direction: column; align-items: flex-start; pointer-events: none; }\r\n        .dws-overlay-line1 { background-color: var(--ak-blue); color: var(--ak-white); font-size: 24px; font-weight: 800; text-transform: uppercase; padding: 10px 20px; margin-bottom: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.15); letter-spacing: 0.5px; }\r\n        .dws-overlay-line2 { background-color: var(--ak-red); color: var(--ak-white); font-size: 26px; font-weight: 800; text-transform: uppercase; padding: 10px 20px; transform: rotate(-2.5deg); margin-left: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.15); letter-spacing: 0.5px; }\r\n\r\n        \/* NOUVEAU DESIGN : TEXTE NOIR SUR FOND ORANGE (ANCR\u00c9 EN BAS A DROITE) *\/\r\n        .dws-slide-caption { \r\n            position: absolute; \r\n            bottom: 0; \r\n            right: 0; \r\n            color: #111111; \/* Texte en noir profond *\/\r\n            font-size: 15px; \r\n            font-weight: 800; \/* Police plus grasse *\/\r\n            text-transform: uppercase; \r\n            background: #E88C00; \/* Fond orange (inspir\u00e9 de l'image de r\u00e9f\u00e9rence) *\/\r\n            padding: 12px 26px; \r\n            border-radius: 30px 0 0 0; \/* Ancr\u00e9 dans l'angle en bas \u00e0 droite *\/\r\n            z-index: 10; \r\n            pointer-events: none; \r\n            box-shadow: -4px -4px 15px rgba(0,0,0,0.15); \r\n            letter-spacing: 0.5px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            animation: captionFloatUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n        }\r\n        \r\n        @keyframes captionFloatUp {\r\n            from { opacity: 0; transform: translateY(15px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .dws-slide-caption svg { flex-shrink: 0; }\r\n\r\n        \/* Reassurance *\/\r\n        .dws-reassurance-banner { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; padding: 30px; background: #fff; border: 1px solid var(--ak-gray-200); border-radius: 16px; margin: 40px 0; box-shadow: 0 4px 6px rgba(0,0,0,0.02); width: 100%; }\r\n        .dws-rea-item { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 10px; transition: transform 0.2s; }\r\n        .dws-rea-item:hover { transform: translateY(-3px); }\r\n        .dws-rea-icon-wrapper { margin-bottom: 15px; color: var(--ak-blue); background: var(--ak-gray-100); width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; }\r\n        .dws-rea-icon-wrapper svg { width: 24px; height: 24px; stroke-width: 2; }\r\n        .dws-rea-item span { font-size: 13px; font-weight: 700; color: #374151; line-height: 1.4; text-transform: uppercase; }\r\n        .dws-stars { color: #F59E0B; font-size: 14px; margin-bottom: 5px; letter-spacing: 2px; }\r\n\r\n        \/* Cat\u00e9gories *\/\r\n        .dws-categories-section { position: relative; padding: 0 40px; margin: 30px 0; width: 100%; }\r\n        .dws-categories-row { display: flex; gap: 24px; padding: 15px 5px; overflow-x: auto; scrollbar-width: none; scroll-behavior: smooth; scroll-snap-type: x mandatory; }\r\n        .dws-categories-row::-webkit-scrollbar { display: none; }\r\n        .dws-cat-item { flex: 0 0 280px; background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #f0f0f0; box-shadow: 0 4px 12px rgba(0,0,0,0.06); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); text-decoration: none; color: inherit; display: flex; flex-direction: column; scroll-snap-align: start; height: 100%; max-width: 85vw; }\r\n        .dws-cat-item:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(27, 68, 126, 0.12); border-color: var(--ak-blue); }\r\n        .dws-cat-img-wrapper { position: relative; height: 180px; width: 100%; overflow: hidden; background: #f8fafc; border-bottom: 1px solid #eee; }\r\n        .dws-cat-img-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(12px) brightness(0.95); transform: scale(1.1); z-index: 1; opacity: 0.5; }\r\n        .dws-cat-img { position: relative; height: 100%; width: 100%; object-fit: contain; z-index: 2; transition: transform 0.4s ease; }\r\n        .dws-cat-item:hover .dws-cat-img { transform: scale(1.05); }\r\n        .dws-cat-content { padding: 20px; background: #fff; z-index: 3; position: relative; flex-grow: 1; display: flex; flex-direction: column; }\r\n        .dws-cat-title { font-weight: 800; color: var(--ak-blue); font-size: 17px; display: block; margin-bottom: 8px; line-height: 1.3; }\r\n        .dws-cat-desc { font-size: 13px; color: #666; line-height: 1.5; margin-bottom: 15px; flex-grow: 1; }\r\n        .dws-cat-link-mock { margin-top: auto; font-size: 13px; font-weight: 700; color: var(--ak-red); display: flex; align-items: center; opacity: 0.9; }\r\n        .dws-cat-link-mock::after { content: '\u2192'; margin-left: 5px; transition: margin-left 0.2s; }\r\n        .dws-cat-item:hover .dws-cat-link-mock::after { margin-left: 8px; }\r\n\r\n        .dws-cat-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; background: #1B447E !important; border-radius: 50%; box-shadow: 0 4px 12px rgba(27, 68, 126, 0.25); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 20; transition: all 0.2s; border: none; }\r\n        .dws-cat-nav:hover { transform: translateY(-50%) scale(1.1); background: #122B4F !important; box-shadow: 0 6px 16px rgba(27, 68, 126, 0.4); }\r\n        .dws-cat-prev { left: -10px; }\r\n        .dws-cat-next { right: -10px; }\r\n        .dws-cat-nav svg { width: 20px; height: 20px; stroke: #ffffff !important; stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n        \/* Info Boxes *\/\r\n        .info-boxes-section { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-top: 40px; width: 100%; }\r\n        .info-box { background: var(--ak-blue); padding: 25px; border-radius: 12px; border: none; color: #fff; box-shadow: 0 10px 20px rgba(27, 68, 126, 0.1); width: 100%; }\r\n        .info-box h4 { color: #fff; font-weight: 700; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }\r\n        .info-box p { color: rgba(255,255,255,0.9); font-size: 14px; line-height: 1.5; }\r\n        .info-box-cta { margin-top: 15px; background: transparent; border: 1px solid #fff; color: #fff; padding: 8px 15px; border-radius: 6px; font-weight: 600; cursor: pointer; transition: all 0.2s; }\r\n        .info-box-cta:hover { background: #fff; color: var(--ak-blue); }\r\n\r\n        \/* \ud83d\udcf1 RESPONSIVE - TABLETTE (Max 1024px) *\/\r\n        @media (max-width: 1024px) {\r\n            .maquette-hero-grid { grid-template-columns: 1fr; gap: 20px; min-height: auto; }\r\n            .maquette-form-panel { padding: 35px !important; }\r\n            .maquette-image-panel { min-height: 350px; }\r\n            .dws-reassurance-banner { grid-template-columns: repeat(3, 1fr); }\r\n            .dws-image-overlay-text { top: 20px; left: 20px; }\r\n            .dws-overlay-line1 { font-size: 18px; padding: 8px 15px; }\r\n            .dws-overlay-line2 { font-size: 20px; padding: 8px 15px; margin-left: 10px; }\r\n            .dws-slide-caption { bottom: 0; right: 0; font-size: 13px; padding: 10px 20px; border-radius: 24px 0 0 0; }\r\n        }\r\n\r\n        \/* \ud83d\udcf1 RESPONSIVE - MOBILE (Max 768px) *\/\r\n        @media (max-width: 768px) {\r\n            .config-wrapper.ak-avu { padding: 15px !important; }\r\n            .maquette-header { flex-direction: column; align-items: flex-start; gap: 10px; padding: 0; margin-bottom: 20px; }\r\n            .maquette-cta-nav { gap: 10px; }\r\n            \r\n            .maquette-hero-grid { gap: 15px; }\r\n            .maquette-form-panel { padding: 25px 20px !important; border-radius: 12px; }\r\n            .form-header h2 { font-size: 22px !important; margin-bottom: 20px !important; }\r\n            .config-step { margin-bottom: 15px; }\r\n            .config-select { height: 48px !important; font-size: 14px !important; }\r\n            .config-btn--search { height: 50px; font-size: 15px; margin-top: 10px; }\r\n            \r\n            .maquette-image-panel { min-height: 250px; border-radius: 12px; }\r\n            .dws-image-overlay-text { top: 15px; left: 15px; }\r\n            .dws-overlay-line1 { font-size: 14px; padding: 6px 10px; }\r\n            .dws-overlay-line2 { font-size: 15px; padding: 6px 10px; margin-left: 5px; }\r\n            \r\n            .dws-slide-caption { bottom: 0; right: 0; font-size: 11px; padding: 8px 14px; gap: 8px; border-radius: 20px 0 0 0; }\r\n            .dws-slide-caption svg { width: 14px; height: 14px; }\r\n            \r\n            .dws-reassurance-banner { grid-template-columns: 1fr 1fr; gap: 15px; padding: 15px; margin: 25px 0; }\r\n            .dws-rea-item { padding: 5px; }\r\n            .dws-rea-icon-wrapper { width: 40px; height: 40px; margin-bottom: 8px; }\r\n            .dws-rea-item:last-child { grid-column: span 2; border-top: 1px solid #eee; padding-top: 15px; margin-top: 5px; }\r\n            \r\n            .info-boxes-section { display: none !important; }\r\n            \r\n            .dws-categories-section { padding: 0; margin: 20px 0; }\r\n            .dws-cat-nav { display: none !important; }\r\n            .dws-categories-row { padding-left: 0; padding-right: 0; gap: 15px; }\r\n            .dws-cat-item { flex: 0 0 240px; } \r\n            .dws-cat-img-wrapper { height: 140px; }\r\n        }\r\n        \r\n        .dws-modal-content { border-radius: 16px !important; padding: 30px !important; border: none !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); max-width: 90vw; }\r\n        .dws-modal-title { color: var(--ak-blue); font-weight: 800; margin-bottom: 15px; }\r\n    <\/style>\r\n\r\n    <div class=\"config-wrapper ak-avu\" \r\n        data-instance=\"avu_config_1\" \r\n        data-redirect=\"yes\" \r\n        data-target=\"https:\/\/alaska-france.fr\/boutique\/boutique\/resultats-recherche-2\/?galeries=1&#038;_galeries_en_alu=1\" \r\n        data-p-marque=\"marque\" \r\n        data-p-modele=\"modele\" \r\n        data-p-dimension=\"dimension\"\r\n    >\r\n        <header class=\"maquette-header\">\r\n            <div class=\"maquette-logo\"><a href=\"https:\/\/alaska-france.fr\/boutique\/\">Am\u00e9nagements Utilitaires<\/a><\/div>\r\n                        <nav class=\"maquette-cta-nav\">\r\n                <a href=\"https:\/\/alaska-france.fr\/boutique\/demande-devis\/\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>Demander un devis<\/a>\r\n                <a href=\"https:\/\/alaska-france.fr\/boutique\/demande-devis\/\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/><\/svg>Rappel Expert<\/a>\r\n            <\/nav>\r\n                    <\/header>\r\n\r\n        <div class=\"maquette-hero-section\">\r\n            <div class=\"maquette-hero-grid\">\r\n                \r\n                <div class=\"maquette-form-panel\">\r\n                    <button type=\"button\" class=\"dws-close-modal-form\" aria-label=\"Fermer\">\u00d7<\/button>\r\n                    <div class=\"form-header\"><h2>Trouvez l'\u00e9quipement compatible avec votre utilitaire<\/h2><\/div>\r\n                    <div id=\"step-marque-avu_config_1\" class=\"config-step\">\r\n                        <label for=\"avu_config_1_marque\" class=\"config-step-label\"><span class=\"dws-step-bubble\">1<\/span> Marque<\/label>\r\n                        <select id=\"avu_config_1_marque\" class=\"config-select\" data-role=\"marque\" autocomplete=\"off\">\r\n                            <option value=\"\">S\u00e9lectionnez une marque...<\/option>\r\n                            <option value=\"CITROEN\" >CITROEN<\/option><option value=\"DACIA\" >DACIA<\/option><option value=\"FIAT\" >FIAT<\/option><option value=\"FORD\" >FORD<\/option><option value=\"HYUNDAI\" >HYUNDAI<\/option><option value=\"IVECO\" >IVECO<\/option><option value=\"MAN\" >MAN<\/option><option value=\"MAXUS\" >MAXUS<\/option><option value=\"MERCEDES\" >MERCEDES<\/option><option value=\"NISSAN\" >NISSAN<\/option><option value=\"OPEL\" >OPEL<\/option><option value=\"PEUGEOT\" >PEUGEOT<\/option><option value=\"RENAULT\" >RENAULT<\/option><option value=\"TOYOTA\" >TOYOTA<\/option><option value=\"VOLKSWAGEN\" >VOLKSWAGEN<\/option>                        <\/select>\r\n                    <\/div>\r\n                    <div id=\"step-modele-avu_config_1\" class=\"config-step\">\r\n                        <label for=\"avu_config_1_modele\" class=\"config-step-label\"><span class=\"dws-step-bubble\">2<\/span> Mod\u00e8le<\/label>\r\n                        <select id=\"avu_config_1_modele\" class=\"config-select\" data-role=\"modele\" disabled autocomplete=\"off\"><option value=\"\">S\u00e9lectionnez un mod\u00e8le...<\/option><\/select>\r\n                    <\/div>\r\n                    <div id=\"step-dimension-avu_config_1\" class=\"config-step\">\r\n                        <label for=\"avu_config_1_dimension\" class=\"config-step-label\"><span class=\"dws-step-bubble\">3<\/span> Dimension <span data-modal-target=\"modal-aide-dimensions\" style=\"margin-left:auto; font-size:11px; text-decoration:underline; cursor:pointer; opacity:0.8; text-transform:none;\">O\u00f9 trouver \u00e7a ?<\/span><\/label>\r\n                        <select id=\"avu_config_1_dimension\" class=\"config-select\" data-role=\"dimension\" disabled autocomplete=\"off\"><option value=\"\">S\u00e9lectionnez une dimension...<\/option><\/select>\r\n                    <\/div>\r\n                    <button type=\"button\" class=\"config-btn config-btn--search\" data-action=\"search\" disabled><span>Voir les solutions de portage<\/span><\/button>\r\n                    <div class=\"dws-reset-wrapper\" style=\"text-align: center; margin-top: 15px; display:none;\"><button type=\"button\" id=\"dws-reset-form\" style=\"background:none; border:none; text-decoration:underline; font-size:12px; cursor:pointer;\">\u00d7 Recommencer la configuration<\/button><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"maquette-image-panel\" id=\"dws-dynamic-panel-avu_config_1\">\r\n                    \r\n                    <div class=\"dws-image-overlay-text\">\r\n                        <div class=\"dws-overlay-line1\">\u00c9QUIPEZ VOS UTILITAIRES AVEC<\/div>\r\n                        <div class=\"dws-overlay-line2\">ALASKA AM\u00c9NAGEMENT !<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"dws-youtube-trigger\" data-modal-target=\"modal-youtube-video\" data-video-id=\"WXmN4KDkZ90\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>                    \r\n                                            <div class=\"maquette-image-slider\">\r\n                                                             <div class=\"dws-slide \">\r\n                                     <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2026\/03\/PUB-ALASKA-1-1.jpeg\" alt=\"Am\u00e9nagement Alaska\" loading=\"lazy\">\r\n                                     <div class=\"dws-slide-caption\">\r\n                                         <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg>                                         <span>Livraison dans toute la France<\/span>\r\n                                     <\/div>\r\n                                 <\/div>\r\n                                                                  <div class=\"dws-slide \">\r\n                                     <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_1tvfx91tvfx91tvf-1024x618.png\" alt=\"Am\u00e9nagement Alaska\" loading=\"lazy\">\r\n                                     <div class=\"dws-slide-caption\">\r\n                                         <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>                                         <span>Fabrication Fran\u00e7aise<\/span>\r\n                                     <\/div>\r\n                                 <\/div>\r\n                                                                  <div class=\"dws-slide \">\r\n                                     <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2026\/03\/aluca-1-300x201-1-1024x686.jpg\" alt=\"Am\u00e9nagement Alaska\" loading=\"lazy\">\r\n                                     <div class=\"dws-slide-caption\">\r\n                                         <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>                                         <span>Fabrication Fran\u00e7aise<\/span>\r\n                                     <\/div>\r\n                                 <\/div>\r\n                                                                  <div class=\"dws-slide \">\r\n                                     <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2026\/03\/GALERIES-de-toit-et-PUPITRES-porte-verre-2-300x202-1.jpg\" alt=\"Am\u00e9nagement Alaska\" loading=\"lazy\">\r\n                                     <div class=\"dws-slide-caption\">\r\n                                         <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>                                         <span>Pose en 1 heure<\/span>\r\n                                     <\/div>\r\n                                 <\/div>\r\n                                                                  <div class=\"dws-slide \">\r\n                                     <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2026\/03\/serrures2-300x200-1-1.jpg\" alt=\"Am\u00e9nagement Alaska\" loading=\"lazy\">\r\n                                     <div class=\"dws-slide-caption\">\r\n                                         <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg>                                         <span>Livraison dans toute la France<\/span>\r\n                                     <\/div>\r\n                                 <\/div>\r\n                                                         <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dws-reassurance-banner\">\r\n            <div class=\"dws-rea-item\"><div class=\"dws-rea-icon-wrapper\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg><\/div><span>Livraison<br>en France<\/span><\/div>\r\n            <div class=\"dws-rea-item\"><div class=\"dws-rea-icon-wrapper\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/><\/svg><\/div><span>Garantie<br>3 \u00e0 8 Ans<\/span><\/div>\r\n            <div class=\"dws-rea-item\"><div class=\"dws-rea-icon-wrapper\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\" \/><\/svg><\/div><span>Paiement<br>S\u00e9curis\u00e9<\/span><\/div>\r\n            <div class=\"dws-rea-item\"><div class=\"dws-rea-icon-wrapper\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" \/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" \/><\/svg><\/div><span>Fabrication<br>Fran\u00e7aise<\/span><\/div>\r\n            <div class=\"dws-rea-item\"><div style=\"display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%;\"><div class=\"dws-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><span><strong>4.8\/5<\/strong><br>sur +200 avis<\/span><\/div><\/div>\r\n        <\/div>\r\n\r\n                <div class=\"dws-categories-section\">\r\n            <button class=\"dws-cat-nav dws-cat-prev\" aria-label=\"Pr\u00e9c\u00e9dent\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\" \/><\/svg><\/button>\r\n            <div class=\"dws-categories-row\">\r\n                                <a href=\"https:\/\/alaska-france.fr\/boutique\/resultats-recherche\/?amenagements_bois=1\" class=\"dws-cat-item dws-vis-all\">\r\n                                            <div class=\"dws-cat-img-wrapper\"><div class=\"dws-cat-img-bg\" style=\"background-image: url('https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/KR1C-Fourgon-L2H2-1-300x279.jpg');\"><\/div><img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/KR1C-Fourgon-L2H2-1-300x279.jpg\" class=\"dws-cat-img\" alt=\"Am\u00e9nagement Bois\"><\/div>\r\n                                        <div class=\"dws-cat-content\">\r\n                        <span class=\"dws-cat-title\">Am\u00e9nagement Bois<\/span>\r\n                        <div class=\"dws-cat-desc\">Meubles, planchers, protections des lat\u00e9raux, passages de roues ...<\/div>\r\n                        <div class=\"dws-cat-link-mock\">D\u00e9couvrir<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"https:\/\/alaska-france.fr\/boutique\/produit\/amenagement-aluminium\/\" class=\"dws-cat-item dws-vis-all\">\r\n                                            <div class=\"dws-cat-img-wrapper\"><div class=\"dws-cat-img-bg\" style=\"background-image: url('https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/ALUCA_Ford_Transit-Connect_dimension2-1-1-300x276.jpg');\"><\/div><img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/ALUCA_Ford_Transit-Connect_dimension2-1-1-300x276.jpg\" class=\"dws-cat-img\" alt=\"Am\u00e9nagement Aluminium\"><\/div>\r\n                                        <div class=\"dws-cat-content\">\r\n                        <span class=\"dws-cat-title\">Am\u00e9nagement Aluminium<\/span>\r\n                        <div class=\"dws-cat-desc\">Am\u00e9nagements 100% aluminium. GARANTIE 8ans<\/div>\r\n                        <div class=\"dws-cat-link-mock\">D\u00e9couvrir<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"https:\/\/alaska-france.fr\/boutique\/resultats-recherche\/?galeries=1\" class=\"dws-cat-item dws-vis-all\">\r\n                                            <div class=\"dws-cat-img-wrapper\"><div class=\"dws-cat-img-bg\" style=\"background-image: url('https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/rsm-veh-noir-2-2-1-300x276.jpg');\"><\/div><img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/rsm-veh-noir-2-2-1-300x276.jpg\" class=\"dws-cat-img\" alt=\"Galeries de toit et Pupitres\"><\/div>\r\n                                        <div class=\"dws-cat-content\">\r\n                        <span class=\"dws-cat-title\">Galeries de toit et Pupitres<\/span>\r\n                        <div class=\"dws-cat-desc\">Galeries et pupitres porte verres int\u00e9rieurs et ext\u00e9rieurs. ...<\/div>\r\n                        <div class=\"dws-cat-link-mock\">D\u00e9couvrir<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"https:\/\/alaska-france.fr\/boutique\/resultats-recherche\/?securite=1\" class=\"dws-cat-item dws-vis-all\">\r\n                                            <div class=\"dws-cat-img-wrapper\"><div class=\"dws-cat-img-bg\" style=\"background-image: url('https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/securite-300x284.png');\"><\/div><img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/securite-300x284.png\" class=\"dws-cat-img\" alt=\"S\u00e9curit\u00e9 de v\u00e9hicule\"><\/div>\r\n                                        <div class=\"dws-cat-content\">\r\n                        <span class=\"dws-cat-title\">S\u00e9curit\u00e9 de v\u00e9hicule<\/span>\r\n                        <div class=\"dws-cat-desc\">Serrures (Mul-T-Lock, MERONI, DAKEN) et alarmes pour s\u00e9curisez votre v\u00e9hicule et son chargement.<\/div>\r\n                        <div class=\"dws-cat-link-mock\">D\u00e9couvrir<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"https:\/\/alaska-france.fr\/boutique\/resultats-recherche\/?pupitres_portes_verres=1\" class=\"dws-cat-item dws-vis-all\">\r\n                                            <div class=\"dws-cat-img-wrapper\"><div class=\"dws-cat-img-bg\" style=\"background-image: url('https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/diapo3-3e265671d6e3a42cd2d1c69eab143c78-1-320x326-1-294x300.webp');\"><\/div><img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/diapo3-3e265671d6e3a42cd2d1c69eab143c78-1-320x326-1-294x300.webp\" class=\"dws-cat-img\" alt=\"Pupitre porte verre\"><\/div>\r\n                                        <div class=\"dws-cat-content\">\r\n                        <span class=\"dws-cat-title\">Pupitre porte verre<\/span>\r\n                        <div class=\"dws-cat-desc\">Am\u00e9nagement pupitres v\u00e9hicules utilitaires<\/div>\r\n                        <div class=\"dws-cat-link-mock\">D\u00e9couvrir<\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                            <\/div>\r\n            <button class=\"dws-cat-nav dws-cat-next\" aria-label=\"Suivant\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\" \/><\/svg><\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"info-boxes-section\">\r\n            <div class=\"info-box info-box--tip\"><h4>Exp\u00e9rience<\/h4><p>Depuis 2004, nous \u00e9quipons les professionnels avec exigence. +10 000 clients satisfaits.<\/p><button class=\"info-box-cta\" data-modal-target=\"modal-experience\">En savoir plus<\/button><\/div>\r\n            <div class=\"info-box\"><h4>Gamme Compl\u00e8te<\/h4><p>Bois, M\u00e9tal, Galeries... D\u00e9couvrez notre catalogue exhaustif pour tous les m\u00e9tiers.<\/p><button class=\"info-box-cta\" data-modal-target=\"modal-gamme\">Catalogue<\/button><\/div>\r\n            <div class=\"info-box\"><h4>Sur Mesure<\/h4><p>Nos bureaux d'\u00e9tudes con\u00e7oivent des solutions adapt\u00e9es \u00e0 vos contraintes sp\u00e9cifiques.<\/p><button class=\"info-box-cta\" data-modal-target=\"modal-solutions\">Nos solutions<\/button><\/div>\r\n            <div class=\"info-box\"><h4>Engagement Qualit\u00e9<\/h4><p>Ni low-cost, ni luxe inutile. Juste le meilleur rapport solidit\u00e9\/prix du march\u00e9.<\/p><button class=\"info-box-cta\" data-modal-target=\"modal-engagement\">Nos engagements<\/button><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ak-state\" data-state=\"marque\" style=\"display:none;\"><\/div><div class=\"ak-state\" data-state=\"modele\" style=\"display:none;\"><\/div><div class=\"ak-state\" data-state=\"dimension\" style=\"display:none;\"><\/div><div class=\"ak-alert\" data-role=\"alert\" role=\"alert\" aria-live=\"polite\"><\/div>\r\n    <\/div>\r\n    \r\n    <div id=\"modal-experience\" class=\"dws-modal\"><div class=\"dws-modal-overlay\" data-modal-close><\/div><div class=\"dws-modal-content\"><button class=\"dws-modal-close\" data-modal-close>\u00d7<\/button><h3 class=\"dws-modal-title\">Expertise Reconnue<\/h3><p class=\"dws-modal-desc\">Avec plus de 22 ans d'exp\u00e9rience, Alaska est le partenaire privil\u00e9gi\u00e9 des artisans.<\/p><\/div><\/div>\r\n    <div id=\"modal-gamme\" class=\"dws-modal\"><div class=\"dws-modal-overlay\" data-modal-close><\/div><div class=\"dws-modal-content\"><button class=\"dws-modal-close\" data-modal-close>\u00d7<\/button><h3 class=\"dws-modal-title\">Notre Gamme<\/h3><p class=\"dws-modal-desc\">Bois antid\u00e9rapant, casiers m\u00e9talliques, serrures de s\u00e9curit\u00e9...<\/p><\/div><\/div>\r\n    <div id=\"modal-solutions\" class=\"dws-modal\"><div class=\"dws-modal-overlay\" data-modal-close><\/div><div class=\"dws-modal-content\"><button class=\"dws-modal-close\" data-modal-close>\u00d7<\/button><h3 class=\"dws-modal-title\">Sur Mesure<\/h3><p class=\"dws-modal-desc\">Nos techniciens \u00e9tudient votre v\u00e9hicule pour optimiser chaque cm\u00b2.<\/p><\/div><\/div>\r\n    <div id=\"modal-engagement\" class=\"dws-modal\"><div class=\"dws-modal-overlay\" data-modal-close><\/div><div class=\"dws-modal-content\"><button class=\"dws-modal-close\" data-modal-close>\u00d7<\/button><h3 class=\"dws-modal-title\">Engagement<\/h3><p class=\"dws-modal-desc\">S\u00e9curit\u00e9 maximale et durabilit\u00e9 garantie.<\/p><\/div><\/div>\r\n    <div id=\"modal-aide-dimensions\" class=\"dws-modal\"><div class=\"dws-modal-overlay\" data-modal-close><\/div><div class=\"dws-modal-content\" style=\"max-width: 500px;\"><button class=\"dws-modal-close\" data-modal-close>\u00d7<\/button><h3 class=\"dws-modal-title\">Aide Dimensions<\/h3><div class=\"dws-modal-desc\" style=\"font-size:14px; line-height:1.6;\"><p>Les codes <strong>L<\/strong> (Longueur) et <strong>H<\/strong> (Hauteur) d\u00e9finissent le gabarit.<\/p><ul style=\"margin:15px 0 15px 20px; list-style:disc;\"><li><strong>L1\/L2\/L3 :<\/strong> Plus le chiffre est grand, plus le v\u00e9hicule est long.<\/li><li><strong>H1\/H2\/H3 :<\/strong> Plus le chiffre est grand, plus le toit est haut.<\/li><\/ul><p><em>Regardez votre carte grise ou votre facture d'achat.<\/em><\/p><\/div><\/div><\/div>\r\n    <div id=\"modal-youtube-video\" class=\"dws-modal\"><div class=\"dws-modal-overlay\" data-modal-close><\/div><div class=\"dws-modal-content\" style=\"max-width: 800px; padding: 0 !important; background: #000;\"><div class=\"dws-video-container\" style=\"position:relative; padding-bottom:56.25%; height:0;\"><iframe src=\"\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen style=\"position:absolute; top:0; left:0; width:100%; height:100%;\"><\/iframe><\/div><button class=\"dws-modal-close\" data-modal-close style=\"color:white; right:-30px; top:-30px;\">\u00d7<\/button><\/div><\/div>\r\n            \r\n    <script>\r\n    (function($) {\r\n        $(document).ready(function() {\r\n            const STORAGE_KEY = 'dws_last_search_avu_config_1';\r\n            let pendingCategoryUrl = null; \r\n            const originalButtonText = 'Voir les solutions de portage';\r\n            \r\n            function goToUrl(base, wrapper, marque, modele, dimension) {\r\n                const pMarque = wrapper.data('p-marque') || 'marque';\r\n                const pModele = wrapper.data('p-modele') || 'modele';\r\n                const pDimension = wrapper.data('p-dimension') || 'dimension';\r\n\r\n                let sep = base.indexOf('?') !== -1 ? '&' : '?';\r\n                let finalUrl = base + sep + \r\n                    pMarque + '=' + encodeURIComponent(marque) + '&' + \r\n                    pModele + '=' + encodeURIComponent(modele) + '&' + \r\n                    pDimension + '=' + encodeURIComponent(dimension);\r\n                    \r\n                window.location.href = finalUrl;\r\n            }\r\n\r\n            $(document).on('click', '.dws-cat-item', function(e) {\r\n                e.preventDefault(); \r\n                \r\n                const wrapper = $(this).closest('.config-wrapper');\r\n                const marque = wrapper.find('select[data-role=\"marque\"]').val();\r\n                const modele = wrapper.find('select[data-role=\"modele\"]').val();\r\n                const dimension = wrapper.find('select[data-role=\"dimension\"]').val();\r\n                \r\n                if(!marque || !modele || !dimension) {\r\n                    pendingCategoryUrl = $(this).attr('href'); \r\n                    wrapper.addClass('is-modal-mode'); \r\n                    wrapper.find('.config-btn--search span').text('Continuer vers la cat\u00e9gorie'); \r\n                    return false;\r\n                }\r\n\r\n                goToUrl($(this).attr('href'), wrapper, marque, modele, dimension);\r\n            });\r\n\r\n            $('.dws-close-modal-form').on('click', function() {\r\n                const wrapper = $(this).closest('.config-wrapper');\r\n                wrapper.removeClass('is-modal-mode');\r\n                pendingCategoryUrl = null;\r\n                wrapper.find('.config-btn--search span').text(originalButtonText);\r\n            });\r\n\r\n            $(document).on('click', 'button[data-action=\"search\"]', function(e) {\r\n                e.preventDefault();\r\n                \r\n                const wrapper = $(this).closest('.config-wrapper');\r\n                const marque = wrapper.find('select[data-role=\"marque\"]').val();\r\n                const modele = wrapper.find('select[data-role=\"modele\"]').val();\r\n                const dimension = wrapper.find('select[data-role=\"dimension\"]').val();\r\n                \r\n                if(!marque || !modele || !dimension) {\r\n                    alert(\"Veuillez s\u00e9lectionner la Marque, le Mod\u00e8le et la Dimension pour afficher les r\u00e9sultats correspondants.\");\r\n                    return false;\r\n                }\r\n                \r\n                const searchData = { marque: marque, modele: modele, dimension: dimension, date: new Date().getTime() };\r\n                localStorage.setItem(STORAGE_KEY, JSON.stringify(searchData)); \r\n\r\n                const $btn = $(this);\r\n                $btn.css({'pointer-events': 'none', 'opacity': '0.9'});\r\n                \r\n                if ($btn.find('span').length) { \r\n                    $btn.find('span').text('\u23f3 R\u00e9sultat en cours...'); \r\n                } else { \r\n                    $btn.text('\u23f3 R\u00e9sultat en cours...'); \r\n                }\r\n                \r\n                if (wrapper.find('.dws-loading-msg').length === 0) {\r\n                    $btn.after('<div class=\"dws-loading-msg\" style=\"text-align:center; color:#ffffff; font-size:14px; margin-top:12px; font-weight:600; animation: dwsFadeInOut 1.5s infinite;\">Veuillez patienter, pr\u00e9paration de vos am\u00e9nagements...<\/div>');\r\n                    \r\n                    if ($('#dws-loading-style').length === 0) {\r\n                        $('head').append('<style id=\"dws-loading-style\">@keyframes dwsFadeInOut { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } }<\/style>');\r\n                    }\r\n                }\r\n\r\n                if (pendingCategoryUrl) {\r\n                    goToUrl(pendingCategoryUrl, wrapper, marque, modele, dimension);\r\n                } else {\r\n                    const targetUrl = wrapper.data('target');\r\n                    if (wrapper.data('redirect') === 'yes' && targetUrl) {\r\n                        goToUrl(targetUrl, wrapper, marque, modele, dimension);\r\n                    }\r\n                }\r\n            });\r\n\r\n            $('#dws-reset-form').on('click', function() {\r\n                $('#avu_config_1_marque').val('').trigger('change');\r\n                $('#avu_config_1_modele').prop('disabled', true).html('<option value=\"\">S\u00e9lectionnez un mod\u00e8le...<\/option>');\r\n                $('#avu_config_1_dimension').prop('disabled', true).html('<option value=\"\">S\u00e9lectionnez une dimension...<\/option>');\r\n                $('button[data-action=\"search\"]').prop('disabled', true);\r\n                $(this).parent().fadeOut(); localStorage.removeItem(STORAGE_KEY);\r\n            });\r\n\r\n            $('#avu_config_1_marque').on('change', function() { \r\n                var val = $(this).val();\r\n                if(val) { $('.dws-reset-wrapper').fadeIn(); } else { $('.dws-reset-wrapper').hide(); }\r\n                var $modele = $('#avu_config_1_modele');\r\n                var $dimension = $('#avu_config_1_dimension');\r\n                var $btnSearch = $('button[data-action=\"search\"]');\r\n\r\n                $modele.prop('disabled', true).html('<option value=\"\">' + (val ? 'Chargement...' : 'S\u00e9lectionnez un mod\u00e8le...') + '<\/option>');\r\n                $dimension.prop('disabled', true).html('<option value=\"\">S\u00e9lectionnez une dimension...<\/option>');\r\n                $btnSearch.prop('disabled', true);\r\n            });\r\n\r\n            $('#avu_config_1_modele').on('change', function() {\r\n                var val = $(this).val();\r\n                var $dimension = $('#avu_config_1_dimension');\r\n                var $btnSearch = $('button[data-action=\"search\"]');\r\n\r\n                $dimension.prop('disabled', true).html('<option value=\"\">' + (val ? 'Chargement...' : 'S\u00e9lectionnez une dimension...') + '<\/option>');\r\n                $btnSearch.prop('disabled', true);\r\n            });\r\n\r\n            $('#avu_config_1_dimension').on('change', function() {\r\n                var val = $(this).val();\r\n                var $btnSearch = $('button[data-action=\"search\"]');\r\n                if (val) { $btnSearch.prop('disabled', false); } else { $btnSearch.prop('disabled', true); }\r\n            });\r\n            \r\n            $('.dws-cat-prev').on('click', function() { $(this).siblings('.dws-categories-row').animate({scrollLeft: '-=310'}, 300); });\r\n            $('.dws-cat-next').on('click', function() { $(this).siblings('.dws-categories-row').animate({scrollLeft: '+=310'}, 300); });\r\n\r\n            $(document).on('click', '[data-modal-target]', function() {\r\n                var targetId = $(this).data('modal-target'); var $modal = $('#' + targetId);\r\n                if (targetId === 'modal-youtube-video') { var videoId = $(this).data('video-id'); var $iframe = $modal.find('iframe'); if (videoId && $iframe.length) { $iframe.attr('src', \"https:\/\/www.youtube.com\/embed\/\" + videoId + \"?autoplay=1&rel=0\"); } }\r\n                $modal.addClass('is-active').css('display', 'flex').hide().fadeIn(200);\r\n            });\r\n            $(document).on('click', '[data-modal-close]', function() { $('.dws-modal').fadeOut(200, function(){ $(this).removeClass('is-active'); }); $('iframe').attr('src', ''); });\r\n\r\n            function applyDynamicPanelColor($img) { return; }\r\n\r\n            var $slider = $('.maquette-image-slider');\r\n            if ($slider.length > 0) {\r\n                \/\/ Modification ici pour cibler la div parent (.dws-slide) au lieu de l'image directement\r\n                function getVisibleImages() { return $slider.find('.dws-slide').filter(function() { var isMobile = $(window).width() <= 768; if (isMobile && $(this).hasClass('dws-vis-desktop')) return false; if (!isMobile && $(this).hasClass('dws-vis-mobile')) return false; return true; }); }\r\n                var $images = getVisibleImages(); $images.hide().first().show(); \r\n                var currentIndex = 0;\r\n                if ($images.length > 1) { \r\n                    setInterval(function() { \r\n                        var $currentVisible = getVisibleImages(); if($currentVisible.length < 2) return; \r\n                        var nextIndex = (currentIndex + 1) % $currentVisible.length; \r\n                        $currentVisible.eq(currentIndex).fadeOut(800); $currentVisible.eq(nextIndex).fadeIn(800); currentIndex = nextIndex; \r\n                    }, 5000); \r\n                }\r\n            }\r\n        });\r\n    })(jQuery);\r\n    <\/script>\r\n            <\/div>\r\n\r\n        <div class=\"v5-bento\">\r\n            <div class=\"v5-card\">\r\n                <div class=\"v5-icon\">\r\n                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z\" \/><\/svg>\r\n                <\/div>\r\n                <h3>Galeries Robustes<\/h3>\r\n                <p>Structure en <strong>Aluminium<\/strong> l\u00e9ger ou <strong>Acier<\/strong> ultra-r\u00e9sistant, int\u00e9grant un rouleau pour faciliter le glissement de vos chargements lourds.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"v5-card\">\r\n                <div class=\"v5-icon\">\r\n                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25\" \/><\/svg>\r\n                <\/div>\r\n                <h3>Pupitres Ext\u00e9rieurs<\/h3>\r\n                <p>Transportez vos vitrages et <strong>volumes encombrants<\/strong> sur le flanc de votre v\u00e9hicule. S\u00e9curit\u00e9 maximale et acc\u00e8s rapide sur chantier.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"v5-card\">\r\n                <div class=\"v5-icon\">\r\n                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 00.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 00-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0112 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 01-.673-.38m0 0A2.18 2.18 0 013 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 013.413-.387m7.5 0V5.25A2.25 2.25 0 0013.5 3h-3a2.25 2.25 0 00-2.25 2.25v.894m7.5 0a48.667 48.667 0 00-7.5 0M12 12.75h.008v.008H12v-.008z\" \/><\/svg>\r\n                <\/div>\r\n                <h3>Pupitres Int\u00e9rieurs<\/h3>\r\n                <p>Optimisez l'<strong>espace de chargement<\/strong> de votre fourgon avec des syst\u00e8mes de maintien stricts et s\u00e9curis\u00e9s pour vos charges fragiles.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"v5-card\">\r\n                <div class=\"v5-icon\">\r\n                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.42 15.17L17.25 21A2.652 2.652 0 0021 17.25l-5.877-5.83M11.42 15.17l-.396-.396a2.25 2.25 0 01-.659-1.591v-2.18a2.25 2.25 0 01.659-1.591l3.35-3.349m-6.375 6.375L3.375 19.125a2.25 2.25 0 01-3.182-3.182l4.875-4.875m6.375 6.375L9 15.75M16.5 4.5l-3 3m0 0l-3-3m3 3l3 3m-3-3v8.25\" \/><\/svg>\r\n                <\/div>\r\n                <h3>Fixation Sur-Mesure<\/h3>\r\n                <p>Une installation parfaite sur les <strong>points d'ancrage d'origine<\/strong> constructeur de votre v\u00e9hicule, sans aucun per\u00e7age suppl\u00e9mentaire.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div id=\"v5-hidden-slider\" style=\"display: none;\">\r\n        <div id=\"v5-injected-slider\" class=\"v5-gallery-wrapper\">\r\n                            <div class=\"v5-slide active\">\r\n                    <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/02\/BARRE-DE-TOIT-2.jpg\" alt=\"Solution Portage Alaska\" loading=\"eager\">\r\n                <\/div>\r\n                            <div class=\"v5-slide \">\r\n                    <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/02\/BARRE-DE-TOIT.jpg\" alt=\"Solution Portage Alaska\" loading=\"lazy\">\r\n                <\/div>\r\n                            <div class=\"v5-slide \">\r\n                    <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/02\/GALERIE-ALU-PLATE-1.jpg\" alt=\"Solution Portage Alaska\" loading=\"lazy\">\r\n                <\/div>\r\n                            <div class=\"v5-slide \">\r\n                    <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/02\/galerie-alu-plate-complete-10.jpg\" alt=\"Solution Portage Alaska\" loading=\"lazy\">\r\n                <\/div>\r\n                            <div class=\"v5-slide \">\r\n                    <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/02\/GALERIE-ALU-PLATE.jpg\" alt=\"Solution Portage Alaska\" loading=\"lazy\">\r\n                <\/div>\r\n                        \r\n            <button class=\"v5-nav-btn prev\" aria-label=\"Pr\u00e9c\u00e9dent\">\u276e<\/button>\r\n            <button class=\"v5-nav-btn next\" aria-label=\"Suivant\">\u276f<\/button>\r\n            \r\n            <div class=\"v5-progress-container\">\r\n                                    <div class=\"v5-progress-bar\" data-slide=\"0\">\r\n                        <div class=\"v5-progress-fill\"><\/div>\r\n                    <\/div>\r\n                                    <div class=\"v5-progress-bar\" data-slide=\"1\">\r\n                        <div class=\"v5-progress-fill\"><\/div>\r\n                    <\/div>\r\n                                    <div class=\"v5-progress-bar\" data-slide=\"2\">\r\n                        <div class=\"v5-progress-fill\"><\/div>\r\n                    <\/div>\r\n                                    <div class=\"v5-progress-bar\" data-slide=\"3\">\r\n                        <div class=\"v5-progress-fill\"><\/div>\r\n                    <\/div>\r\n                                    <div class=\"v5-progress-bar\" data-slide=\"4\">\r\n                        <div class=\"v5-progress-fill\"><\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const targetPanel = document.querySelector('.maquette-image-panel');\r\n        const sliderContent = document.getElementById('v5-hidden-slider');\r\n        \r\n        if(targetPanel && sliderContent) {\r\n            targetPanel.innerHTML = '';\r\n            targetPanel.style.padding = '0';\r\n            targetPanel.appendChild(sliderContent.firstElementChild);\r\n            sliderContent.remove();\r\n        }\r\n\r\n        const sliderContainer = document.getElementById('v5-injected-slider');\r\n        if(!sliderContainer) return;\r\n\r\n        const slides = sliderContainer.querySelectorAll('.v5-slide');\r\n        const progressFills = sliderContainer.querySelectorAll('.v5-progress-fill');\r\n        const progressBars = sliderContainer.querySelectorAll('.v5-progress-bar');\r\n        const btnPrev = sliderContainer.querySelector('.v5-nav-btn.prev');\r\n        const btnNext = sliderContainer.querySelector('.v5-nav-btn.next');\r\n        \r\n        let currentSlide = 0;\r\n        let slideDuration = 6000; \/\/ 6 secondes par slide\r\n        let startTime;\r\n        let animationFrameId;\r\n        let isPaused = false;\r\n\r\n        function updateProgress(timestamp) {\r\n            if (isPaused) {\r\n                startTime += timestamp - lastTimestamp;\r\n            } else {\r\n                let elapsed = timestamp - startTime;\r\n                let progress = Math.min((elapsed \/ slideDuration) * 100, 100);\r\n                \r\n                \/\/ Remplir uniquement la barre active\r\n                progressFills.forEach((fill, index) => {\r\n                    if (index === currentSlide) {\r\n                        fill.style.width = progress + '%';\r\n                    } else if (index < currentSlide) {\r\n                        fill.style.width = '100%';\r\n                    } else {\r\n                        fill.style.width = '0%';\r\n                    }\r\n                });\r\n\r\n                if (progress >= 100) {\r\n                    goToSlide(currentSlide + 1);\r\n                }\r\n            }\r\n            lastTimestamp = timestamp;\r\n            animationFrameId = requestAnimationFrame(updateProgress);\r\n        }\r\n\r\n        function goToSlide(index) {\r\n            slides.forEach(s => s.classList.remove('active'));\r\n            \r\n            currentSlide = index;\r\n            if (currentSlide >= slides.length) currentSlide = 0;\r\n            if (currentSlide < 0) currentSlide = slides.length - 1;\r\n            \r\n            slides[currentSlide].classList.add('active');\r\n            \r\n            \/\/ Reset l'animation\r\n            startTime = performance.now();\r\n        }\r\n\r\n        function resetTimer() {\r\n            startTime = performance.now();\r\n        }\r\n\r\n        if(btnNext && btnPrev) {\r\n            btnNext.addEventListener('click', () => { goToSlide(currentSlide + 1); });\r\n            btnPrev.addEventListener('click', () => { goToSlide(currentSlide - 1); });\r\n        }\r\n\r\n        progressBars.forEach(bar => {\r\n            bar.addEventListener('click', (e) => {\r\n                goToSlide(parseInt(e.currentTarget.dataset.slide));\r\n            });\r\n        });\r\n\r\n        \/\/ Swipe Tactile\r\n        let touchStartX = 0;\r\n        let touchEndX = 0;\r\n        \r\n        sliderContainer.addEventListener('touchstart', e => {\r\n            touchStartX = e.changedTouches[0].screenX;\r\n            isPaused = true;\r\n        }, {passive: true});\r\n        \r\n        sliderContainer.addEventListener('touchend', e => {\r\n            touchEndX = e.changedTouches[0].screenX;\r\n            isPaused = false;\r\n            let swipeThreshold = 50;\r\n            if (touchEndX < touchStartX - swipeThreshold) goToSlide(currentSlide + 1);\r\n            if (touchEndX > touchStartX + swipeThreshold) goToSlide(currentSlide - 1);\r\n        }, {passive: true});\r\n\r\n        sliderContainer.addEventListener('mouseenter', () => isPaused = true);\r\n        sliderContainer.addEventListener('mouseleave', () => isPaused = false);\r\n\r\n        \/\/ D\u00e9marrage de l'animation\r\n        let lastTimestamp = performance.now();\r\n        startTime = performance.now();\r\n        animationFrameId = requestAnimationFrame(updateProgress);\r\n    });\r\n    <\/script>\r\n    <\/div>\n\t\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":"","protected":false},"author":1,"featured_media":13055,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-parts\/template-page-builders.php","meta":{"footnotes":""},"class_list":["post-16647","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/pages\/16647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/comments?post=16647"}],"version-history":[{"count":4,"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/pages\/16647\/revisions"}],"predecessor-version":[{"id":16651,"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/pages\/16647\/revisions\/16651"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/media\/13055"}],"wp:attachment":[{"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/media?parent=16647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}