{"id":4204,"date":"2024-09-25T08:04:00","date_gmt":"2024-09-25T08:04:00","guid":{"rendered":"https:\/\/s4snordic.com\/portes\/"},"modified":"2026-08-17T07:12:25","modified_gmt":"2026-08-17T07:12:25","slug":"portes","status":"publish","type":"page","link":"https:\/\/s4snordic.com\/fr\/portes\/","title":{"rendered":"Portes"},"content":{"rendered":"<section id=\"text-hero-block\" class=\"pb-12  bg-white overflow-hidden hero-section-half\">\r\n    <div class=\"container mx-auto px-4\">\r\n        <div class=\"py-12 md:pt-20\">\r\n            <div class=\"flex flex-wrap -mx-4 items-end\">\r\n                <div class=\"w-full lg:w-1\/2 px-4 mb-8 lg:mb-0\">\r\n                    <div class=\" mx-auto\">\r\n                        <ul class=\"breadcrumbs\"><li class=\"item-home\"><a class=\"bread-link link\" href=\"https:\/\/s4snordic.com\/fr\/\" title=\"Accueil\">Accueil<\/a><\/li><li class=\"separator separator-home\">  \u2022  <\/li><\/ul>                        <h1 class=\"font-heading text-5xl md:text-6xl tracking-tight\">Am\u00e9liorez votre rangement avec Doors<\/h1>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"w-full lg:w-1\/2 px-4\">\r\n                    <div class=\"max-w-lg lg:max-w-none mx-auto\">\r\n                        <p class=\"text-lg text-gray-700 mb-10\">Nos portes de self-stockage facilitent l&rsquo;acc\u00e8s tout en garantissant la s\u00e9curit\u00e9 de votre contenu. Disponibles en diff\u00e9rents styles et tailles, elles r\u00e9pondent aux besoins sp\u00e9cifiques de chaque installation. <\/p>\r\n                                                    <a class=\"button-black\"\r\n                               href=\"https:\/\/s4snordic.com\/fr\/contacts\/\"\r\n                               target=\"_self\">Contactez-nous<\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<section id=\"gallery-row-block\" class=\"gallery-row lg:py-24 gallery-row-block splide\">\r\n    <div class=\"wrap carousel-container splide__track\">\r\n        <div class=\"carousel-track splide__list\">\r\n                                                <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Deliveien-21-Vestby-17-no-logo.png\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Deliveien-21-Vestby-17-no-logo.png\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim113.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim113.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-25.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-25.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen24-scaled.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen24-scaled.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-5-uten-logo.jpg\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-5-uten-logo.jpg\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-1-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-1-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen23-1-scaled.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen23-1-scaled.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim33-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim33-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-7-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-7-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim72-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim72-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim120-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim120-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-20-uten-logo.jpg\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-20-uten-logo.jpg\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"icons-block\" class=\"pb-24 background-grey py-16 pb-8 lg:pb-0 lg:py-24 numbered-list-block\">\r\n    <div class=\"container mx-auto px-4\">\r\n        <div class=\"flex mb-4 items-center\">\r\n            <svg width=\"8\" height=\"8\" viewbox=\"0 0 8 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"#BEF264\"><\/circle>\r\n            <\/svg>\r\n            <span class=\"inline-block ml-2 text-sm font-medium \">Avantages<\/span>\r\n        <\/div>\r\n        <div class=\"border-t pt-14\">\r\n            <h1 class=\"font-heading text-4xl sm:text-6xl lg:mb-24 mb-10 \">Pourquoi choisir nos portes ?<\/h1>\r\n            <div class=\"flex flex-wrap -mx-4\">\r\n                                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">Design moderne<\/h5>\r\n                                                                    <p>Sleek and contemporary appearance that complements any facility style.<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon-1.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">Une s\u00e9curit\u00e9 robuste  <\/h5>\r\n                                                                    <p>Featuring a reinforced doorlip, extra latch protection, and crowbar-secure design for enhanced safety against forced entry.<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon-2.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">Adapt\u00e9 aux serrures manuelles <br>et \u00e9lectroniques  <\/h5>\r\n                                                                    <p>Flexible solutions that cater to both traditional and smart lock systems.<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon-3.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">Facile \u00e0 entretenir<\/h5>\r\n                                                                    <p>Designed for durability, with a smooth surface that resists wear and is easy to clean, even in dusty environments<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                                <\/div>\r\n        <\/div>\r\n<\/section>\n\n<section id=\"text-photo-reverse-block\" class=\"relative overflow-hidden py-16 reverse text-photo-reverse-block\">\n    <div class=\"container relative flex items-center justify-between flex-wrap lg:mb-0 mb-24 \">\n        <div class=\"w-1\/2 w-full lg:w-1\/2 order-2 lg:order-0 \">\n                            <div class=\"single\">\n                    <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/07\/unnamed-file.png\"\n                         alt=\"\"\/>\n                <\/div>\n                    <\/div>\n        <div class=\"py-4 px-6 w-full lg:max-w-xl mb-14  lg:mb-0  ml-0 order-1 lg:order-0\">\n            <h2 class=\"font-heading sm:text-5xl text-5xl  mb-6\">Acier haute performance et durable pour une long\u00e9vit\u00e9 optimale<\/h2>\n            <div class=\"lg:max-w-md xl:max-w-none text-lg text-gray-700 mb-10\"><p>Toutes les portes battantes et portes \u00e0 enroulement que nous proposons sont fabriqu\u00e9es en acier nordique de haute qualit\u00e9 GreenCoat\u00ae Pural BT pr\u00e9laqu\u00e9, d\u00e9velopp\u00e9 par SSAB sp\u00e9cifiquement pour le secteur de la construction.<\/p>\n<p>En plus de sa durabilit\u00e9, de son excellente tenue des couleurs et de ses finitions longue dur\u00e9e, ce mat\u00e9riau se distingue comme un leader en mati\u00e8re de production durable. GreenCoat\u00ae Pural BT int\u00e8gre une technologie biosourc\u00e9e (BT), dans laquelle une part significative des huiles fossiles traditionnelles est remplac\u00e9e par de l\u2019huile de colza su\u00e9doise. Il s\u2019agit ainsi du seul rev\u00eatement sur le march\u00e9 \u00e0 forte teneur en mati\u00e8res renouvelables. Il est \u00e9galement 100 % recyclable.<\/p>\n<\/div>\n        <\/div>\n        <div><\/div>\n    <\/div>\n<\/section>\n\n<section id=\"accordion-block\" class=\"py-12 lg:py-24 accordion-block\">\r\n    <div class=\"container mx-auto px-4\">\r\n        <div class=\"max-w-lg mx-auto lg:max-w-none\">\r\n            <div class=\"flex flex-wrap justify-between -mx-4\">\r\n                <div class=\"w-full lg:w-1\/2 px-4 mb-16 lg:mb-0\">\r\n                    <div class=\"\">\r\n                        <p class=\"text-2xl font-medium mb-20\">D\u00e9couvrez notre s\u00e9lection de portes battantes et de portes \u00e0 enroulement, chacune con\u00e7ue pour r\u00e9pondre aux besoins sp\u00e9cifiques de votre entrep\u00f4t, offrant \u00e0 la fois fonctionnalit\u00e9 et style.<\/p>\r\n                        <div class=\"accordion-text\">\r\n                                                                                                                                    <div class=\"accordion-item cursor-pointer text-gray-500\" data-accordion-index=\"1\">\r\n                                        <div class=\"relative heading\">\r\n                                            <div class=\"block relative\">\r\n                                                <h4 class=\"accordion-title lg:text-4xl text-3xl\">Portes battantes  <\/h4>\r\n                                                <div class=\"progress-bar-container\">\r\n                                                    <div class=\"progress-bar\"><\/div> <!-- Animated progress bar filling up -->\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"accordion-content relative content\" style=\"display: none;\">\r\n                                            <div class=\"text-lg mt-12 max-10-lines text-gray-600 mb-6 truncated-text\"><p>Nos portes battantes l\u00e9g\u00e8res sont con\u00e7ues pour un fonctionnement fluide et une grande durabilit\u00e9. \u00c9quip\u00e9es de charni\u00e8res de haute qualit\u00e9, elles r\u00e9duisent la contrainte structurelle tout en garantissant un haut niveau de s\u00e9curit\u00e9.<\/p>\n<p>Disponibles en version simple ou double, elles peuvent \u00eatre rev\u00eatues de couleurs adapt\u00e9es au design de votre site.<\/p>\n<\/div>\r\n                                                                                            <a href=\"#popup-1\" class=\"open-popup-link inline-block text-lg font-medium text-black hover:text-lime-600\">En savoir plus<\/a>\r\n                                                                                        <!-- Hidden full text for the popup -->\r\n                                            <div id=\"popup-1\" class=\"mfp-hide full-text-popup\">\r\n                                                <h2 class=\"text-3xl sm:text-5xl font-medium mb-14\">Portes battantes  <\/h2>\r\n                                                <div class=\"font-body text-xl md:text-2xl\"><p>Nos portes battantes l\u00e9g\u00e8res sont con\u00e7ues pour un fonctionnement fluide et une grande durabilit\u00e9. \u00c9quip\u00e9es de charni\u00e8res de haute qualit\u00e9, elles r\u00e9duisent la contrainte structurelle tout en garantissant un haut niveau de s\u00e9curit\u00e9.<\/p>\n<p>Disponibles en version simple ou double, elles peuvent \u00eatre rev\u00eatues de couleurs adapt\u00e9es au design de votre site.<\/p>\n<\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                                                                                        <div class=\"accordion-item cursor-pointer text-gray-500\" data-accordion-index=\"2\">\r\n                                        <div class=\"relative heading\">\r\n                                            <div class=\"block relative\">\r\n                                                <h4 class=\"accordion-title lg:text-4xl text-3xl\">Portes enroulables  <\/h4>\r\n                                                <div class=\"progress-bar-container\">\r\n                                                    <div class=\"progress-bar\"><\/div> <!-- Animated progress bar filling up -->\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"accordion-content relative content\" style=\"display: none;\">\r\n                                            <div class=\"text-lg mt-12 max-10-lines text-gray-600 mb-6 truncated-text\"><p>Nos portes enroulables en acier s\u2019adaptent \u00e0 diff\u00e9rentes dimensions d\u2019unit\u00e9s. Con\u00e7ues pour \u00eatre durables et faciles \u00e0 utiliser, elles sont rapides \u00e0 installer et personnalisables en couleur pour refl\u00e9ter votre identit\u00e9 visuelle, offrant une solution fiable et s\u00e9curis\u00e9e.<\/p>\n<\/div>\r\n                                                                                        <!-- Hidden full text for the popup -->\r\n                                            <div id=\"popup-2\" class=\"mfp-hide full-text-popup\">\r\n                                                <h2 class=\"text-3xl sm:text-5xl font-medium mb-14\">Portes enroulables  <\/h2>\r\n                                                <div class=\"font-body text-xl md:text-2xl\"><p>Nos portes enroulables en acier s\u2019adaptent \u00e0 diff\u00e9rentes dimensions d\u2019unit\u00e9s. Con\u00e7ues pour \u00eatre durables et faciles \u00e0 utiliser, elles sont rapides \u00e0 installer et personnalisables en couleur pour refl\u00e9ter votre identit\u00e9 visuelle, offrant une solution fiable et s\u00e9curis\u00e9e.<\/p>\n<\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"w-full lg:w-2\/5 max-height-600 px-4 accordion-image\">\r\n                                                                                                        <img decoding=\"async\" class=\"block w-full h-full object-cover accordion-photo\"\r\n                                     data-accordion-index=\"1\"\r\n                                     src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-1.webp\"\r\n                                     alt=\"\"\/>\r\n                                                                                                                <img decoding=\"async\" class=\"block w-full h-full object-cover accordion-photo\"\r\n                                     data-accordion-index=\"2\"\r\n                                     src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/roll.webp\"\r\n                                     alt=\"\"\/>\r\n                                                                                        <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n  <div class=\"container\">\n    <div class=\"flex flex-wrap items-end mb-12 -mx-4\">\n      <div class=\"w-full md:w-1\/2 px-4 mb-12 md:mb-0\">\n        <h1 class=\"font-heading text-4xl sm:text-6xl mb-4\"><\/h1>\n      <\/div>\n      <div class=\"w-full md:w-1\/2 px-4 mb-6\">\n        <div class=\"flex items-center justify-end\">\n          <p class=\"text-lg text-gray-500\"><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n      <div class=\"cmp-filter-tabs container flex justify-end mb-6\">\n              <button class=\"cmp-tab active\" data-target=\"cmp-block-1\">\n          Portes battantes        <\/button>\n              <button class=\"cmp-tab \" data-target=\"cmp-block-2\">\n          Portes enroulables        <\/button>\n          <\/div>\n  \n        <div id=\"cmp-block-1\" class=\"cmp-block cmp-wrap container \">\n        <!-- HEADER ROW -->\n        <div class=\"cmp-row cmp-header\">\n          <div class=\"cmp-cell cmp-label sticky-col\"><\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-10.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Portes battantes<\/div>\n                <div class=\"subtitle\">Simples. Type encastr\u00e9<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/10\/Ostre-Aker-vei-215-16-copy.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Portes battantes<\/div>\n                <div class=\"subtitle\">Simples. Type plat<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen23-min-scaled.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Portes battantes<\/div>\n                <div class=\"subtitle\">Doubles. Ouvrantes<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen24-scaled.webp\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Portes battantes<\/div>\n                <div class=\"subtitle\">Doubles. Pliantes<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim120-1.webp\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Portes battantes<\/div>\n                <div class=\"subtitle\">Conception sur mesure<\/div>\n              <\/div>\n                  <\/div>\n\n        <!-- DATA ROWS -->\n                    <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Mod\u00e8le<\/div>\n                                <div class=\"cmp-cell text-lg\">SSD-R Porte simple encastr\u00e9e<\/div>\n                                <div class=\"cmp-cell text-lg\">SSD-F Porte simple plate<\/div>\n                                <div class=\"cmp-cell text-lg\">SDD-S Porte double battante<\/div>\n                                <div class=\"cmp-cell text-lg\">SDD-F Porte double pliante<\/div>\n                                <div class=\"cmp-cell text-lg\">SSD-2000<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Configuration<\/div>\n                                <div class=\"cmp-cell text-lg\">Simple<\/div>\n                                <div class=\"cmp-cell text-lg\">Simple<\/div>\n                                <div class=\"cmp-cell text-lg\">Double<\/div>\n                                <div class=\"cmp-cell text-lg\">Double pliante<\/div>\n                                <div class=\"cmp-cell text-lg\">Double<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Largeur, mm\u200b<\/div>\n                                <div class=\"cmp-cell text-lg\">750, 1000, 1200<\/div>\n                                <div class=\"cmp-cell text-lg\">750, 1000, 1200<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000<\/div>\n                                <div class=\"cmp-cell text-lg\">2000<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Hauteur, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">\u00c9paisseur<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Mat\u00e9riau, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Type<\/div>\n                                <div class=\"cmp-cell text-lg\">Encastr\u00e9<\/div>\n                                <div class=\"cmp-cell text-lg\">Plat<\/div>\n                                <div class=\"cmp-cell text-lg\">Plat, encastr\u00e9<\/div>\n                                <div class=\"cmp-cell text-lg\">Plat, encastr\u00e9<\/div>\n                                <div class=\"cmp-cell text-lg\">Plat, encastr\u00e9<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Type de serrure<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuelle \/ \u00e9lectronique<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuelle \/ \u00e9lectronique<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuelle \/ \u00e9lectronique<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuelle \/ \u00e9lectronique<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuelle \/ \u00e9lectronique<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Finition<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                          <\/div>\n                <\/div>\n        <div id=\"cmp-block-2\" class=\"cmp-block cmp-wrap container cmp-hidden\">\n        <!-- HEADER ROW -->\n        <div class=\"cmp-row cmp-header\">\n          <div class=\"cmp-cell cmp-label sticky-col\"><\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-20-uten-logo.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Portes enroulables<\/div>\n                <div class=\"subtitle\">Ondul\u00e9<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/10\/Trondheim56.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Portes enroulables<\/div>\n                <div class=\"subtitle\">Plat<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/10\/Roll-up-doors.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Portes enroulables<\/div>\n                <div class=\"subtitle\">Conception sur mesure<\/div>\n              <\/div>\n                  <\/div>\n\n        <!-- DATA ROWS -->\n                    <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Mod\u00e8le<\/div>\n                                <div class=\"cmp-cell text-lg\">RDD-Corrugated<\/div>\n                                <div class=\"cmp-cell text-lg\">RDD-Flat<\/div>\n                                <div class=\"cmp-cell text-lg\">Custom. Design and size can be customised<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Largeur, mm\u200b<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000, 2500<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000, 2500<\/div>\n                                <div class=\"cmp-cell text-lg\">From 1000-2500<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Hauteur, mm\u200b<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">From 2100-2300<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Mat\u00e9riau, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">0,5<\/div>\n                                <div class=\"cmp-cell text-lg\">0,5<\/div>\n                                <div class=\"cmp-cell text-lg\">0,5<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Type de serrure<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuelle \/ \u00e9lectronique<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuelle \/ \u00e9lectronique<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuelle \/ \u00e9lectronique<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Finition<\/div>\n                                <div class=\"cmp-cell text-lg\">Green Coat \u2013 Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">Green Coat \u2013 Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">Green Coat \u2013 Pular BT<\/div>\n                          <\/div>\n                <\/div>\n  \n<!-- Toggle Button for Mobile (if needed; controlled by comparison-block.js) -->\n<div class=\"toggle-container mb-12\">\n  <a href=\"#\" id=\"toggle-details\" class=\"button-accent hover-black\">Afficher les d\u00e9tails<\/a>\n<\/div>\n\n<style>\n  \/* Your existing CSS remains intact *\/\n  .cmp-row {\n    display: flex;\n  }\n  .cmp-row:last-child {\n    border-bottom: none;\n  }\n  .cmp-cell {\n    padding: 7px 12px;\n    white-space: nowrap;\n    text-align: center;\n    box-sizing: border-box;\n  }\n  .cmp-label {\n    flex: 0 0 250px;\n    text-align: left;\n    font-weight: 600;\n    background: #fff;\n  }\n  .cmp-cell:not(.cmp-label) {\n    flex: 0 0 calc((92vw - 250px) \/ 3);\n  }\n  .cmp-row > .cmp-cell:not(.cmp-label):nth-child(odd) {\n    background-color: #fff;\n    border-bottom: 1px solid #eee;\n  }\n  .cmp-row > .cmp-cell:not(.cmp-label):nth-child(even) {\n    background-color: #f9f9f9;\n    border-bottom: 1px solid #eee;\n  }\n  .sticky-header {\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    background: #fafafa;\n  }\n  .sticky-col {\n    position: sticky;\n    left: 0;\n    z-index: 2;\n    background: #fff;\n    border-bottom: 1px solid #eee;\n  }\n  .cmp-header .sticky-col {\n    z-index: 4;\n  }\n  .title {\n    font-weight: 600;\n  }\n  .subtitle {\n    font-size: 0.9em;\n    color: #666;\n    margin-top: 0.25em;\n  }\n  .item-image {\n    height: 300px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n  .item-image img {\n    max-height: 100%;\n    max-width: 100%;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n  \/* The following rules are used by comparison-block.js to toggle meta data *\/\n  .cmp-wrap.hide-values .cmp-row:not(.cmp-header) {\n    display: none;\n  }\n  .cmp-wrap.hide-values .sticky-col {\n    visibility: hidden;\n  }\n  .cmp-wrap.hide-values .cmp-header {\n    border-bottom: none;\n  }\n  \n  \/* Extra CSS for tab filtering using our separate class *\/\n  .cmp-hidden {\n    display: none;\n  }\n  .cmp-filter-tabs button {\n    padding: 8px 16px;\n    margin: 0 4px;\n    background: #eee;\n    border-radius: 4px;\n    border: none;\n    cursor: pointer;\n    font-size: 1rem;\n    transition: background 0.3s;\n  }\n  .cmp-filter-tabs button.active,\n  .cmp-filter-tabs button:hover {\n    background: #CBE800;\n    color: #000;\n  }\n  \n  .toggle-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 30px;\n  }\n  .cmp-wrap {\n    width: 92%;\n    margin: 0 auto;\n    max-width: 1920px !important;\n    padding: 0 !important;\n    overflow-x: auto;\n    scroll-behavior: smooth;\n  }\n\n  @media (max-width: 767px) {\n  .cmp-wrap {\n    width: 100%;\n    overflow-x: auto;\n    \/* Reduce overall table scale *\/\n    font-size: 0.8em; \/* Adjust as needed *\/\n    padding: 0 5px;\n  }\n  \n  \/* Adjust the label column width *\/\n  .cmp-label {\n    flex: 0 0 150px; \/* Reduced from 250px *\/\n  }\n  \n  \/* Adjust the other columns relative to available width *\/\n  .cmp-cell:not(.cmp-label) {\n    flex: 0 0 228px;\n    \/* Subtract extra px for padding\/margin if needed *\/\n  }\n  \n  \/* Optionally reduce cell padding *\/\n  .cmp-cell {\n    padding: 5px 8px;\n    font-size: 12px; \/* Slightly smaller font size *\/\n  }\n  \n  \/* Keep rows in a flex layout *\/\n  .cmp-row {\n    display: flex;\n    width: fit-content;\n    \/* You may want to allow wrapping if content is too long *\/\n    flex-wrap: nowrap;\n  }\n}\n<\/style>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n    \/\/ Filtering Tabs Functionality using the cmp-hidden class\n    const tabs = document.querySelectorAll('.cmp-filter-tabs .cmp-tab');\n    const blocks = document.querySelectorAll('.cmp-block');\n    tabs.forEach(tab => {\n      tab.addEventListener('click', function () {\n        \/\/ Remove active state from all tabs\n        tabs.forEach(t => t.classList.remove('active'));\n        \/\/ Add active state to the clicked tab\n        this.classList.add('active');\n        const target = this.getAttribute('data-target');\n        \/\/ Hide all blocks using cmp-hidden and show only the target block\n        blocks.forEach(block => {\n          if (block.id === target) {\n            block.classList.remove('cmp-hidden');\n          } else {\n            block.classList.add('cmp-hidden');\n          }\n        });\n        \n        \/\/ Reset the details state for the newly active block:\n        \/\/ Ensure meta data (detail rows) are hidden by adding \"hide-values\"\n        const activeBlock = document.querySelector(`#${target}`);\n        if (activeBlock) {\n          activeBlock.classList.add('hide-values');\n        }\n        \n        \/\/ Also reset the toggle button text to \"Show details\"\n        \/\/ (Adjust this text if you support multiple languages)\n        const toggleButton = document.querySelector('#toggle-details');\n        if (toggleButton) {\n          toggleButton.textContent = 'Show details';\n        }\n      });\n    });\n  });\n<\/script>\n\n\n<section\r\n    id=\"couleurs\"\r\n    class=\"door-colors-grid-block background-grey\">\r\n    <div class=\"container\">\r\n        <div class=\"door-colors-grid-block__inner\">\r\n            <div class=\"door-colors-grid-block__grid\" role=\"list\">\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #b8c4ca;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Aluzinc<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL9006<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #b1aaa0;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Agate Grey<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL7038<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #939387;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Stone Grey<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL7030<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #353c40;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Mountain Grey<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL7016<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #0a0a0a;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Nordic Light Black<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL9005<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #faca00;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Aztec Yellow<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL1018<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #ff7f00;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Tangerine Orange<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL2000<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #ffa000;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Pure Orange<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL2004<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #cc0000;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Poppy Red<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL3020<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #dc0021;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Patriot Red<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL3000<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #4d9b27;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Linden Green<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL6018<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #007778;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Ocean Blue<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL5021<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #007eb6;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Solent Blue<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL5015<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #0038fd;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Ultramarine Blue<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL5002<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #003980;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Navy Blue<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL5003<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #ffffff;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">White<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL9016<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n            <div class=\"door-colors-grid-block__content\">\r\n                                    <h2 class=\"door-colors-grid-block__heading\">Portes premium aux finitions durables et de haute qualit\u00e9<\/h2>\r\n                \r\n                                    <a\r\n                        class=\"door-colors-grid-block__button button-accent hover-black\"\r\n                        href=\"\/configurator\"\r\n                        target=\"_self\">\r\n                        <span>Personnalisez votre projet<\/span>\r\n                        <svg class=\"door-colors-grid-block__button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\r\n                            <path d=\"M4.75 10H15.25\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M10 4.75L15.25 10L10 15.25\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2984,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4204","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/s4snordic.com\/fr\/wp-json\/wp\/v2\/pages\/4204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s4snordic.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/s4snordic.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/s4snordic.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/s4snordic.com\/fr\/wp-json\/wp\/v2\/comments?post=4204"}],"version-history":[{"count":18,"href":"https:\/\/s4snordic.com\/fr\/wp-json\/wp\/v2\/pages\/4204\/revisions"}],"predecessor-version":[{"id":13402,"href":"https:\/\/s4snordic.com\/fr\/wp-json\/wp\/v2\/pages\/4204\/revisions\/13402"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/s4snordic.com\/fr\/wp-json\/wp\/v2\/media\/2984"}],"wp:attachment":[{"href":"https:\/\/s4snordic.com\/fr\/wp-json\/wp\/v2\/media?parent=4204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}