

{"id":14883,"date":"2026-01-26T11:40:41","date_gmt":"2026-01-26T10:40:41","guid":{"rendered":"https:\/\/alaska-france.fr\/boutique\/?page_id=14883"},"modified":"2026-01-26T12:26:07","modified_gmt":"2026-01-26T11:26:07","slug":"galeries-de-toit-aluminium-et-acier","status":"publish","type":"page","link":"https:\/\/alaska-france.fr\/boutique\/galeries-de-toit-aluminium-et-acier\/","title":{"rendered":"Galeries de toit (aluminium et acier)"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Alaska France &#8211; Galeries et Pupitres Utilitaires<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;900&display=swap');\n        \n        :root {\n            --primary: #1a2a3a;\n            --primary-dark: #0d1721;\n            --accent: #f39c12;\n            --accent-light: #f5a623;\n            --accent-shadow: rgba(243, 156, 18, 0.4);\n            --text-main: #333333;\n            --text-secondary: #5a6572;\n            --bg-light: #f8f9fa;\n            --border: #dee2e6;\n            --form-bg: #2c4a65;\n            --advice-bg: #fff9e6;\n            --advice-border: #f3d17a;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            scroll-behavior: smooth;\n            color: var(--text-main);\n            overflow-x: hidden;\n        }\n\n        .container-standard {\n            max-width: 1120px;\n            margin-left: auto;\n            margin-right: auto;\n            padding-left: 1.5rem;\n            padding-right: 1.5rem;\n        }\n\n        .hero-gradient {\n            background: linear-gradient(rgba(26, 42, 58, 0.85), rgba(13, 23, 33, 0.95)), \n                        url('https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/GALERIES-de-toit-et-PUPITRES-porte-verre-1.jpg') center\/cover;\n            min-height: 75vh;\n            display: flex;\n            align-items: center;\n        }\n\n        .btn-accent {\n            background: linear-gradient(135deg, var(--accent-light), var(--accent));\n            box-shadow: 0 4px 15px var(--accent-shadow);\n            transition: all 0.3s ease;\n        }\n\n        .btn-accent:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px var(--accent-shadow);\n            filter: brightness(1.1);\n        }\n\n        .card-hover {\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }\n\n        .card-hover:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 30px 50px -12px rgba(0, 0, 0, 0.1);\n            border-color: var(--accent);\n        }\n\n        .product-badge {\n            background-color: var(--accent);\n            color: #ffffff;\n            padding: 6px 14px;\n            border-radius: 6px;\n            font-size: 0.85rem; \/* Augment\u00e9 *\/\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n        }\n\n        .advice-box {\n            background-color: var(--advice-bg);\n            border: 1px solid var(--advice-border);\n            border-radius: 1.5rem;\n        }\n\n        .reveal {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.6s ease-out;\n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-white\">\n\n    <div class=\"bg-[#1a2a3a] text-white py-3 border-b border-[#f39c12]\/30\">\n        <div class=\"container-standard flex justify-between items-center text-[13px] font-black tracking-widest uppercase\">\n            <div class=\"flex items-center gap-4\">\n                <a href=\"tel:0134218554\" class=\"hover:text-[#f39c12] transition-colors flex items-center gap-2\">\n                    <i class=\"fas fa-phone-alt text-[#f39c12]\"><\/i> 01.34.21.85.54\n                <\/a>\n            <\/div>\n            <div class=\"hidden sm:block opacity-90\">\n                NOS EXPERTS VOUS R\u00c9PONDENT EN DIRECT\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <nav class=\"sticky top-0 z-50 bg-white\/95 backdrop-blur-md border-b border-[#dee2e6]\">\n        <div class=\"container-standard\">\n            <div class=\"flex justify-between h-20 items-center\">\n                <div class=\"flex items-center\">\n                    <span class=\"text-2xl font-black tracking-tighter\" style=\"color: var(--primary);\">ALASKA <span style=\"color: var(--accent);\">FRANCE<\/span><\/span>\n                <\/div>\n                <div class=\"hidden lg:flex space-x-8 font-bold uppercase text-[12px] tracking-[0.2em]\" style=\"color: var(--text-secondary);\">\n                    <a href=\"#concept\" class=\"hover:text-[#f39c12] transition-colors\">Performance<\/a>\n                    <a href=\"#gammes\" class=\"hover:text-[#f39c12] transition-colors\">Nos Gammes<\/a>\n                    <a href=\"#expertise\" class=\"hover:text-[#f39c12] transition-colors\">Expertise<\/a>\n                    <a href=\"#comparatif\" class=\"hover:text-[#f39c12] transition-colors\">Alu vs Acier<\/a>\n                <\/div>\n                <div>\n                    <a href=\"https:\/\/alaska-france.fr\/boutique\/demande-devis\/\" class=\"btn-accent text-white px-8 py-3 rounded-full font-black text-[13px] uppercase tracking-widest\">\n                        DEVIS GRATUIT 24H\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <header class=\"hero-gradient text-white px-4 text-center relative overflow-hidden\">\n        <div class=\"container-standard relative z-10 py-16\">\n            <div class=\"inline-flex items-center bg-[#f39c12] px-5 py-2 rounded-lg text-[12px] font-black mb-8 tracking-[0.2em] uppercase shadow-xl text-white\">\n                <i class=\"fas fa-truck-loading mr-2\"><\/i> OPTIMISEZ VOTRE CHARGEMENT\n            <\/div>\n            <h1 class=\"text-5xl md:text-7xl font-black mb-8 leading-tight tracking-tighter uppercase italic\">\n                DOMINEZ LA ROUTE AVEC <br><span style=\"color: var(--accent);\">NOS GALERIES PRO.<\/span>\n            <\/h1>\n            <p class=\"text-xl md:text-2xl mb-12 max-w-3xl mx-auto font-medium leading-relaxed opacity-90\">\n                Augmentez la capacit\u00e9 de votre utilitaire sans sacrifier la s\u00e9curit\u00e9. Alaska France con\u00e7oit des galeries robustes et a\u00e9rodynamiques.\n            <\/p>\n            <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n                <a href=\"https:\/\/alaska-france.fr\/boutique\/demande-devis\/\" class=\"btn-accent text-white px-10 py-4 rounded-full font-black text-lg shadow-lg transition-transform hover:scale-105 uppercase tracking-wider\">Demander mon devis<\/a>\n                <a href=\"tel:0134218554\" class=\"bg-transparent border-2 border-white\/30 text-white px-10 py-4 rounded-full font-black text-lg hover:bg-white hover:text-[#1a2a3a] transition-all uppercase tracking-wider\">\n                    <i class=\"fas fa-phone-alt mr-2\"><\/i> 01.34.21.85.54\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <section id=\"concept\" class=\"py-20 bg-white border-b border-[#dee2e6]\">\n        <div class=\"container-standard\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n                <div class=\"relative reveal active\">\n                    <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/12\/GALERIES-de-toit-et-PUPITRES-porte-verre-1.jpg\" alt=\"Galeries de toit Alaska\" class=\"rounded-[2.5rem] shadow-xl w-full h-auto block\">\n                    <div class=\"absolute -bottom-6 -right-4 p-8 rounded-[1.5rem] text-white shadow-2xl hidden md:block border-2 border-[#f3d17a] max-w-[260px]\" style=\"background-color: var(--primary);\">\n                        <div class=\"text-5xl font-black mb-2\" style=\"color: var(--accent);\">+40%<\/div>\n                        <p class=\"text-[15px] font-bold leading-snug uppercase italic\">de volume utile s\u00e9curis\u00e9<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"reveal active\">\n                    <span style=\"color: var(--accent);\" class=\"font-black tracking-[0.3em] uppercase text-[13px] mb-4 block\">Ing\u00e9nierie de charge<\/span>\n                    <h2 class=\"text-4xl md:text-5xl font-black mb-8 leading-tight uppercase italic tracking-tighter\" style=\"color: var(--primary);\">L&rsquo;OUTIL ULTIME DU <br>PROFESSIONNEL<\/h2>\n                    <p class=\"text-[17px] text-[#5a6572] mb-6 leading-relaxed\">\n                        Nos solutions sont \u00e9tudi\u00e9es pour une <strong>ergonomie maximale<\/strong>. Nous utilisons des mat\u00e9riaux de premier choix pour garantir la stabilit\u00e9 de vos charges.\n                    <\/p>\n                    <div class=\"mt-8 p-8 advice-box\">\n                        <p class=\"font-bold text-[15px] uppercase mb-2\" style=\"color: var(--primary);\">Une question sur un mod\u00e8le ?<\/p>\n                        <p class=\"text-[15px] mb-5 text-[#5a6572]\">Nos conseillers techniques vous guident selon votre m\u00e9tier.<\/p>\n                        <div class=\"flex flex-wrap gap-6 items-center\">\n                            <a href=\"tel:0134218554\" class=\"text-[#f39c12] font-black text-2xl hover:scale-105 transition-transform\">01.34.21.85.54<\/a>\n                            <a href=\"https:\/\/alaska-france.fr\/boutique\/demande-devis\/\" class=\"underline font-black text-[13px] uppercase tracking-wider hover:text-[#f39c12]\" style=\"color: var(--primary);\">Contactez-nous<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"expertise\" class=\"py-20 bg-white overflow-hidden\">\n        <div class=\"container-standard\">\n            <div class=\"text-center mb-16 reveal\">\n                <span style=\"color: var(--accent);\" class=\"font-black tracking-[0.4em] uppercase text-[13px] mb-4 block\">D\u00c9TAILS TECHNIQUES<\/span>\n                <h2 class=\"text-4xl md:text-5xl font-black uppercase italic tracking-tighter\" style=\"color: var(--primary);\">CON\u00c7U POUR LE TERRAIN<\/h2>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 items-start\">\n                <div class=\"reveal text-center md:text-left\">\n                    <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/02\/GALERIE-ALU-PLATE-1.jpg\" alt=\"Galerie Plate\" class=\"rounded-3xl shadow-lg mb-6 w-full object-cover aspect-video\">\n                    <h4 class=\"text-xl font-black uppercase mb-3 italic\" style=\"color: var(--primary);\">Design Extra-Plat<\/h4>\n                    <p class=\"text-[15px] text-[#5a6572] leading-relaxed\">Passez partout sans crainte. Nos mod\u00e8les ultra-plats minimisent la hauteur totale tout en restant ultra rigides.<\/p>\n                <\/div>\n                <div class=\"reveal text-center md:text-left\">\n                    <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/02\/Master-gal-sans-bv-1024x768.jpg\" alt=\"Galerie Master\" class=\"rounded-3xl shadow-lg mb-6 w-full object-cover aspect-video\">\n                    <h4 class=\"text-xl font-black uppercase mb-3 italic\" style=\"color: var(--primary);\">Volume Grand Format<\/h4>\n                    <p class=\"text-[15px] text-[#5a6572] leading-relaxed\">Optimisation sp\u00e9cifique pour les grands utilitaires (Master, Crafter&#8230;). Int\u00e9gration esth\u00e9tique parfaite.<\/p>\n                <\/div>\n                <div class=\"reveal text-center md:text-left\">\n                    <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2025\/02\/ECHELLE-GALERIE-ACIER-1024x576.png\" alt=\"\u00c9chelle\" class=\"rounded-3xl shadow-lg mb-6 w-full object-cover aspect-video\">\n                    <h4 class=\"text-xl font-black uppercase mb-3 italic\" style=\"color: var(--primary);\">Acc\u00e8s S\u00e9curis\u00e9<\/h4>\n                    <p class=\"text-[15px] text-[#5a6572] leading-relaxed\">\u00c9chelles en acier ou alu avec prise en main ergonomique pour un acc\u00e8s au toit sans aucun effort.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"gammes\" class=\"py-20\" style=\"background-color: var(--bg-light);\">\n        <div class=\"container-standard\">\n            <div class=\"text-center mb-16\">\n                <span style=\"color: var(--accent);\" class=\"font-black tracking-[0.4em] uppercase text-[13px] mb-4 block\">SUR-MESURE PAR V\u00c9HICULE<\/span>\n                <h2 class=\"text-4xl md:text-5xl font-black uppercase italic tracking-tighter\" style=\"color: var(--primary);\">DES SOLUTIONS PAR FORMAT<\/h2>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n                <div class=\"bg-white rounded-[2rem] overflow-hidden border border-[#dee2e6] card-hover flex flex-col group\">\n                    <div class=\"h-64 overflow-hidden relative\">\n                        <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_ku0bjiku0bjiku0b.png\" alt=\"Fourgonnette\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-1000\">\n                        <div class=\"absolute top-6 left-6\">\n                            <span class=\"product-badge\">FORMAT COMPACT<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-8 flex-grow text-center\">\n                        <h3 class=\"text-2xl font-black mb-3 uppercase\" style=\"color: var(--primary);\">FOURGONNETTE<\/h3>\n                        <p style=\"color: var(--accent);\" class=\"font-black mb-6 text-[12px] tracking-widest uppercase\">Berlingo, Kangoo, Partner&#8230;<\/p>\n                        <a href=\"https:\/\/alaska-france.fr\/v2\/all-services\/galeries-fourgonnette\/\" class=\"inline-block w-full py-4 rounded-xl font-black uppercase tracking-widest text-[12px] transition-all\" style=\"background-color: var(--primary); color: white;\">Voir l&rsquo;\u00e9quipement<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-white rounded-[2rem] overflow-hidden border border-[#dee2e6] card-hover flex flex-col group ring-2 ring-[#f39c12] ring-opacity-10 shadow-lg\">\n                    <div class=\"h-64 overflow-hidden relative\">\n                        <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_grcao6grcao6grca.png\" alt=\"Compact\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-1000\">\n                        <div class=\"absolute top-6 left-6\">\n                            <span class=\"product-badge\">LE PLUS POPULAIRE<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-8 flex-grow text-center\">\n                        <h3 class=\"text-2xl font-black mb-3 uppercase\" style=\"color: var(--primary);\">FOURGON COMPACT<\/h3>\n                        <p style=\"color: var(--accent);\" class=\"font-black mb-6 text-[12px] tracking-widest uppercase\">Expert, Trafic, Jumpy&#8230;<\/p>\n                        <a href=\"https:\/\/alaska-france.fr\/v2\/all-services\/galeries-fourgon-compact\/\" class=\"inline-block w-full py-4 rounded-xl font-black transition-all uppercase tracking-widest text-[12px] btn-accent text-white\">D\u00e9couvrir la gamme<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-white rounded-[2rem] overflow-hidden border border-[#dee2e6] card-hover flex flex-col group\">\n                    <div class=\"h-64 overflow-hidden relative\">\n                        <img decoding=\"async\" src=\"https:\/\/alaska-france.fr\/boutique\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_mjjsqkmjjsqkmjjs.png\" alt=\"Grand Fourgon\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-1000\">\n                        <div class=\"absolute top-6 left-6\">\n                            <span class=\"product-badge\">CHARGE LOURDE<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-8 flex-grow text-center\">\n                        <h3 class=\"text-2xl font-black mb-3 uppercase\" style=\"color: var(--primary);\">GRAND FOURGON<\/h3>\n                        <p style=\"color: var(--accent);\" class=\"font-black mb-6 text-[12px] tracking-widest uppercase\">Master, Ducato, Crafter&#8230;<\/p>\n                        <a href=\"https:\/\/alaska-france.fr\/v2\/all-services\/galeries-fourgon\/\" class=\"inline-block w-full py-4 rounded-xl font-black uppercase tracking-widest text-[12px] transition-all\" style=\"background-color: var(--primary); color: white;\">Voir l&rsquo;excellence<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"py-20 text-white relative overflow-hidden\" style=\"background-color: var(--primary-dark);\">\n        <div class=\"container-standard relative z-10 flex flex-col lg:flex-row gap-20 items-center\">\n            <div class=\"lg:w-1\/2\">\n                <h2 class=\"text-4xl md:text-6xl font-black mb-12 italic uppercase tracking-tighter leading-tight\">VOTRE TOIT EST <br><span style=\"color: var(--accent);\">UN ATOUT.<\/span><\/h2>\n                <div class=\"flex items-center gap-4 text-[#f39c12] text-3xl mb-6\">\n                    <i class=\"fas fa-phone-alt\"><\/i>\n                    <a href=\"tel:0134218554\" class=\"font-black\">01.34.21.85.54<\/a>\n                <\/div>\n                <p class=\"text-[18px] text-blue-100 mb-10 font-light leading-relaxed\">\n                    Optimisez chaque trajet avec nos solutions robustes. Recevez votre chiffrage complet d\u00e8s aujourd&rsquo;hui.\n                <\/p>\n            <\/div>\n            <div class=\"lg:w-1\/2 p-10 rounded-[2.5rem] border border-white\/10 shadow-2xl text-center bg-[#1a2a3a]\/80 backdrop-blur-xl\">\n                <h4 class=\"text-3xl font-black mb-8 italic uppercase\" style=\"color: var(--accent);\">\u00c9TUDE PERSONNALIS\u00c9E<\/h4>\n                <a href=\"https:\/\/alaska-france.fr\/boutique\/demande-devis\/\" class=\"block w-full text-center py-5 rounded-2xl font-black text-xl transition-all btn-accent text-white uppercase tracking-widest\">DEMANDER MON DEVIS<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer class=\"py-16 px-4 text-center text-white\" style=\"background-color: var(--primary-dark);\">\n        <div class=\"container-standard flex flex-col md:flex-row justify-between items-center gap-12 border-b border-white\/10 pb-12\">\n            <div class=\"text-center md:text-left\">\n                <span class=\"text-3xl font-black italic tracking-tighter block mb-2\">ALASKA <span style=\"color: var(--accent);\" class=\"text-xl\">FRANCE<\/span><\/span>\n                <p class=\"font-bold uppercase text-[11px] tracking-[0.3em] opacity-50\">\u00c9QUIPEMENT UTILITAIRE PRO \u2014 01.34.21.85.54<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"container-standard pt-10 text-[11px] uppercase tracking-[0.4em] font-bold opacity-30\">\n            &copy; 2026 ALASKA FRANCE \u2014 <a href=\"https:\/\/alaska-france.fr\/boutique\/demande-devis\/\" class=\"hover:text-white transition-colors\">DEVIS EN LIGNE<\/a>\n        <\/div>\n    <\/footer>\n\n    <script>\n        window.addEventListener('scroll', reveal);\n        function reveal() {\n            var reveals = document.querySelectorAll('.reveal');\n            for (var i = 0; i < reveals.length; i++) {\n                var windowHeight = window.innerHeight;\n                var revealTop = reveals[i].getBoundingClientRect().top;\n                var revealPoint = 100;\n                if (revealTop < windowHeight - revealPoint) {\n                    reveals[i].classList.add('active');\n                }\n            }\n        }\n        window.onload = reveal;\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Alaska France &#8211; Galeries et Pupitres Utilitaires 01.34.21.85.54 NOS EXPERTS VOUS R\u00c9PONDENT EN DIRECT ALASKA FRANCE Performance Nos Gammes Expertise Alu vs Acier DEVIS GRATUIT 24H OPTIMISEZ VOTRE CHARGEMENT DOMINEZ LA ROUTE AVEC NOS GALERIES&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-parts\/template-page-builders.php","meta":{"footnotes":""},"class_list":["post-14883","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/pages\/14883","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=14883"}],"version-history":[{"count":9,"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/pages\/14883\/revisions"}],"predecessor-version":[{"id":14895,"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/pages\/14883\/revisions\/14895"}],"wp:attachment":[{"href":"https:\/\/alaska-france.fr\/boutique\/wp-json\/wp\/v2\/media?parent=14883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}