{"id":1547,"date":"2026-06-12T14:24:03","date_gmt":"2026-06-12T12:24:03","guid":{"rendered":"https:\/\/www.norki.com\/studio-chalet\/?p=1547"},"modified":"2026-07-09T08:04:35","modified_gmt":"2026-07-09T06:04:35","slug":"style-sobre-lumineux","status":"publish","type":"post","link":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/","title":{"rendered":"Le Chalet en Transparence"},"content":{"rendered":"\n<style>\n    \/* ==========================================================================\n       COMPOSANT : LE CHALET EN TRANSPARENCE (L'ART DE LA VUE)\n       ========================================================================== *\/\n    \n    .chalet-transparence {\n        position: relative;\n        width: 100%;\n        background-color: var(--color-norki-beige, #f8f0ea);\n        overflow: hidden;\n        margin: 0;\n        \/* Padding vertical pour Desktop *\/\n        padding-top: 60px;\n        padding-bottom: var(--section-pad-v-dt, 80px);\n        padding-left: 0;\n        padding-right: 0;\n    }\n\n    .chalet-transparence__wrapper {\n        position: relative;\n        width: 100%;\n        max-width: 2560px; \/* Limite pour les tr\u00e8s grands \u00e9crans *\/\n        margin: 0 auto;\n        display: block;\n    }\n\n    \/* Gestion des images de fond (Collage) *\/\n    .chalet-transparence__bg-img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n    }\n\n    .chalet-transparence__bg-img--mobile {\n        display: none; \/* Cach\u00e9 sur Desktop par d\u00e9faut *\/\n    }\n\n    \/* Conteneur des \u00e9l\u00e9ments interactifs et textuels *\/\n    .chalet-transparence__overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none; \/* Laisse passer les clics au travers du calque *\/\n    }\n\n    \/* --- TEXTE --- *\/\n    .chalet-transparence__text {\n        position: absolute;\n        top: 31%;\n        left: 3%;\n        pointer-events: auto;\n        color: var(--wp--preset--color--contrast, #000);\n        z-index: 2;\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n        max-width: 65%;\n    }\n\n    .chalet-transparence__title {\n        font-size: clamp(28px, 2.8vw, 48px);\n        margin: 0;\n        line-height: 1.1;\n        letter-spacing: -0.02em;\n        color: #000;\n    }\n\n    .chalet-transparence__subtitle {\n        font-size: clamp(16px, 1.4vw, 24px);\n        margin: 0;\n        line-height: 1.3;\n        color: #000;\n    }\n\n    \/* --- PRODUIT INTERACTIF (ENSEMBLE BAMBOU VINTAGE) --- *\/\n    .chalet-transparence__product-link {\n        position: absolute;\n        top: 25%; \/* \u00c0 ajuster pr\u00e9cis\u00e9ment selon la composition du fond pc-3.png *\/\n        left: 35%; \/* \u00c0 ajuster pr\u00e9cis\u00e9ment selon la composition du fond pc-3.png *\/\n        width: 28%; \/* Largeur proportionnelle de l'ensemble table + chaises *\/\n        pointer-events: auto;\n        display: block;\n        z-index: 3;\n        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        will-change: transform;\n    }\n\n    \/* Effet de survol premium (Hover Scale + \u00e9l\u00e9vation) *\/\n    .chalet-transparence__product-link:hover {\n        transform: scale(1.05) translateY(-8px);\n    }\n\n    \/* Gestion diffuse et r\u00e9aliste de l'ombre port\u00e9e *\/\n    .chalet-transparence__product-img {\n        width: 100%;\n        height: auto;\n        display: block;\n        filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.12));\n        transition: filter 0.4s ease;\n    }\n\n    .chalet-transparence__product-link:hover .chalet-transparence__product-img {\n        filter: drop-shadow(0 30px 45px rgba(0, 0, 0, 0.18));\n    }\n\n    \/* ==========================================================================\n       RESPONSIVE (Tablette & Mobile)\n       ========================================================================= *\/\n\n    \/* Tablettes *\/\n    @media screen and (max-width: 1024px) {\n        .chalet-transparence {\n            padding-top: 80px;\n            padding-bottom: var(--section-pad-v-tab, 50px);\n        }\n\n        .chalet-transparence__text {\n            left: 4%;\n        }\n\n        .chalet-transparence__product-link {\n            top: 27%;\n            left: 32%;\n            width: 32%;\n        }\n    }\n\n    \/* Mobile *\/\n    @media screen and (max-width: 768px) {\n        .chalet-transparence {\n            padding-top: 70px;\n            padding-bottom: var(--section-pad-v-mob, 40px);\n        }\n\n        \/* Force l'affichage des images adapt\u00e9es aux mobiles *\/\n        .chalet-transparence__bg-img--desktop {\n            display: none !important;\n        }\n        .chalet-transparence__bg-img--mobile {\n            display: block !important;\n        }\n\n        .chalet-transparence__text {\n            top: 21.5%; \n            left: 6%;\n            gap: 2px;\n            max-width: 95%;\n        }\n        \n        .chalet-transparence__title {\n            font-size: clamp(24px, 6vw, 32px);\n        }\n\n        .chalet-transparence__subtitle {\n            font-size: clamp(16px, 4vw, 20px);\n        }\n\n        .chalet-transparence__product-link {\n            top: 21.5%;\n            left: 4%;\n            width: 70%; \/* L\u00e9g\u00e8rement plus large pour appr\u00e9cier l'ensemble sur mobile *\/\n        }\n    }\n<\/style>\n\n<section class=\"chalet-transparence\" aria-label=\"Inspiration Le Chalet en transparence\">\n    <div class=\"chalet-transparence__wrapper\">\n        \n        <!-- ARRI\u00c8RE-PLAN DESKTOP (pc-3.png) -->\n        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/pc-3.png\" alt=\"Moodboard et collage d'inspiration design int\u00e9rieur pour le Chalet en transparence\" class=\"chalet-transparence__bg-img chalet-transparence__bg-img--desktop\" fetchpriority=\"high\">\n        \n        <!-- ARRI\u00c8RE-PLAN MOBILE (mobile-3.png) -->\n        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/mobile-3.png\" alt=\"Moodboard et collage d'inspiration design int\u00e9rieur pour le Chalet en transparence - Version Mobile\" class=\"chalet-transparence__bg-img chalet-transparence__bg-img--mobile\" loading=\"lazy\">\n        \n        <!-- CALQUE SUPERPOS\u00c9 (Texte & Interactions) -->\n        <div class=\"chalet-transparence__overlay\">\n            \n            <!-- Bloc Texte SEO -->\n            <div class=\"chalet-transparence__text\">\n                <h2 class=\"chalet-transparence__title avenirmedium-font\">Le Chalet en transparence<\/h2>\n                <p class=\"chalet-transparence__subtitle baskerville-italic-font\">L&rsquo;Art de la vue<\/p>\n            <\/div>\n            \n            <!-- Ensemble Jardin Bambou Vintage -->\n            <a href=\"https:\/\/www.norki.com\/fr\/fauteuils-classiques-norki-mobilier-vintage\/274-ensemble-jardin-bambou-vintage-norki.html\" class=\"chalet-transparence__product-link\" aria-label=\"D\u00e9couvrir l'ensemble de jardin vintage en bambou Norki\">\n                <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Mobilier-Vintage_Photo-I-Ensemble-Bambou_NORKI.png\" alt=\"Ensemble de jardin vintage en bambou Norki\" class=\"chalet-transparence__product-img\" width=\"600\" height=\"600\">\n            <\/a>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* ==========================================================================\n       COMPOSANT : BLOC CITATION MINIMALISTE\n       ========================================================================== *\/\n    \n    :root {\n        --text-main: black;\n        --font-serif: 'Playfair Display', Georgia, serif;\n        --font-quote: \"Pertili\", var(--font-serif); \n    }\n\n    \/* Conteneur principal de la citation *\/\n    .norki-quote-wrapper {\n        display: flex;\n        justify-content: center;\n        padding: 60px var(--section-pad-h-dt, 5vw);\n        background-color: #f8f0ea;\n        z-index: 10;\n        position: relative;\n    }\n\n    .bloc-citation-norki {\n        position: relative;\n        max-width: 720px; \/* Ajust\u00e9 pour correspondre \u00e0 la structure de retour \u00e0 la ligne de la maquette *\/\n        margin: 0 auto;\n        text-align: center;\n        padding: 40px 60px; \/* Espace \u00e9quilibr\u00e9 pour les guillemets de part et d'autre *\/\n    }\n\n    .bloc-citation-norki p {\n        font-size: clamp(1.4rem, 2.2vw, 1.85rem);\n        line-height: 1.5;\n        color: var(--text-main);\n        font-weight: 400;\n        margin: 0;\n        letter-spacing: -0.01em;\n    }\n\n    \/* Signature de l'auteur *\/\n    .bloc-citation-norki__author {\n        display: block;\n        margin-top: 35px;\n        font-size: clamp(2.2rem, 4.5vw, 3.8rem); \/* Taille g\u00e9n\u00e9reuse pour valoriser la police cursive *\/\n        color: var(--text-main);\n        line-height: 1;\n    }\n\n    \/* Gestion des guillemets via pseudo-\u00e9l\u00e9ments *\/\n    .bloc-citation-norki::before,\n    .bloc-citation-norki::after {\n        font-family: var(--font-quote) !important;\n        font-size: 130px;\n        color: #000;\n        position: absolute;\n        line-height: 0; \/* \u00c9vite de fausser la hauteur du conteneur *\/\n    }\n    \n    .bloc-citation-norki::before {\n        content: '\\201C'; \/* Code Unicode pour le guillemet ouvrant \u201c *\/\n        top: 55px;\n        left: 5px;\n    }\n\n    .bloc-citation-norki::after {\n        content: '\\201D'; \/* Code Unicode pour le guillemet fermant \u201d *\/\n        bottom: 95px;\n        right: 5px;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        .norki-quote-wrapper {\n            padding: 40px 15px;\n        }\n        \n        .bloc-citation-norki {\n            padding: 20px 25px; \n            max-width: 100%;\n        }\n        \n        .bloc-citation-norki p {\n            font-size: 1.35rem;\n            padding: 0 10px;\n        }\n        \n        .bloc-citation-norki p br {\n            display: none; \/* D\u00e9sactive les sauts de ligne forc\u00e9s sur mobile pour plus de fluidit\u00e9 *\/\n        }\n\n        .bloc-citation-norki__author {\n            margin-top: 25px;\n            font-size: clamp(2rem, 9vw, 2.8rem);\n        }\n        \n        .bloc-citation-norki::before,\n        .bloc-citation-norki::after {\n            font-size: 75px; \/* L\u00e9g\u00e8re r\u00e9duction pour \u00e9quilibrer sur mobile *\/\n        }\n        \n        .bloc-citation-norki::before {\n             top: 22px;\n             left: 0px;\n        }\n        \n        .bloc-citation-norki::after {\n            bottom: 45px;\n            right: 0px;\n        }\n    }\n<\/style>\n\n<div class=\"norki-quote-wrapper\">\n    <div class=\"bloc-citation-norki\">\n        <!-- Texte de la citation de Charlotte Perriand -->\n        <p class=\"baskerville-italic-font\">\n            Le vide est tout puissant parce qu\u2019il<br>\n            peut tout contenir.\n        <\/p>\n        <!-- Signature de l'auteur en cursive -->\n        <span class=\"bloc-citation-norki__author bestermind-font\">Charlotte Perriand<\/span>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    \/* ==========================================================================\n       COMPOSANT : LE CLASSICISME DE LA MONTAGNE (\u00c9DITION VERRE & M\u00c9TAL)\n       ========================================================================== *\/\n    \n    .classicisme-montagne {\n        position: relative;\n        background-color: var(--color-norki-beige, #f8f0ea);\n        overflow-x: clip; \/* Emp\u00eache strictement tout scroll horizontal parasite *\/\n        overflow-y: visible; \/* Permet aux tooltips\/popups de d\u00e9border librement en hauteur *\/\n        \/* Padding g\u00e9n\u00e9reux conforme \u00e0 la DA Norki *\/\n        padding: var(--section-pad-v-dt, 100px) var(--section-pad-h-dt, 5vw);\n        color: #000; \/* Couleur noire stricte *\/\n    }\n\n    .classicisme-montagne__container {\n        position: relative;\n        width: 100%;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        gap: 5vw;\n    }\n\n    \/* --- GROUPE GAUCHE (Images) --- *\/\n    .classicisme-montagne__visuals-left {\n        width: 48%;\n        display: flex;\n        align-items: flex-start;\n        gap: 2vw;\n    }\n\n    .classicisme-montagne__img-wrap {\n        display: block;\n        position: relative;\n        overflow: visible; \/* Essentiel pour ne pas couper les hotspots ni les tooltips *\/\n    }\n\n    .classicisme-montagne__img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n    }\n\n    \/* D\u00e9calage asym\u00e9trique du groupe gauche (Desktop) - Largeurs corrig\u00e9es avec calcul du gap *\/\n    .classicisme-montagne__img-wrap--skier {\n        width: calc(40% - 0.8vw);\n    }\n\n    .classicisme-montagne__img-wrap--armchair {\n        width: calc(60% - 1.2vw);\n    }\n\n    \/* --- GROUPE DROITE (Texte + Image Marbre) --- *\/\n    .classicisme-montagne__content-right {\n        width: 48%;\n        display: flex;\n        align-items: flex-start;\n        gap: 4vw;\n        padding-top: 2%;\n    }\n\n    .classicisme-montagne__text-block {\n        width: 65%;\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .classicisme-montagne__title {\n        font-size: clamp(1.4rem, 2.5vw, 35px);\n        margin: 0;\n        font-weight: 500;\n        letter-spacing: -0.01em;\n        line-height: 1.25;\n    }\n\n    .classicisme-montagne__text {\n        font-size: 0.95rem;\n        margin: 0;\n        font-weight: 400;\n        line-height: 1.6;\n    }\n\n    \/* D\u00e9calage du bloc marbre (Desktop) *\/\n    .classicisme-montagne__img-wrap--stool {\n        width: 35%;\n        margin-top: 15%; \/* Align\u00e9 plus bas que le titre selon la maquette PC *\/\n    }\n\n    \/* ==========================================================================\n       HOTSPOTS (POINTS FLOTTANTS - CORRIG\u00c9S PIXEL-PERFECT)\n       ========================================================================== *\/\n    \n    .nk-hotspot {\n        position: absolute;\n        z-index: 10;\n        \/* Origine math\u00e9matique pure 0x0 pour un alignement parfait *\/\n        width: 0;\n        height: 0;\n    }\n\n    .nk-hotspot__btn {\n        position: absolute;\n        width: 36px;\n        height: 36px;\n        background-color: rgba(255, 255, 255, 0.95);\n        border: 1px solid #eaeaea;\n        border-radius: 50%;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transform: translate(-50%, -50%);\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s, box-shadow 0.3s;\n        padding: 0;\n        color: #000000;\n    }\n\n    .nk-hotspot__btn svg {\n        width: 16px;\n        height: 16px;\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    \/* Effet d'onde de pulsation continu *\/\n    .nk-hotspot__btn::before {\n        content: '';\n        position: absolute;\n        inset: -6px;\n        border-radius: 50%;\n        border: 1px solid rgba(255, 255, 255, 0.8);\n        animation: nk-pulse-wave 2s infinite cubic-bezier(0.4, 0, 0.2, 1);\n        pointer-events: none;\n    }\n\n    @keyframes nk-pulse-wave {\n        0% { transform: scale(0.8); opacity: 1; }\n        100% { transform: scale(1.6); opacity: 0; }\n    }\n\n    \/* Modification UX : L'animation du bouton s'enclenche au survol du hotspot parent complet *\/\n    .nk-hotspot:hover .nk-hotspot__btn,\n    .nk-hotspot.is-active .nk-hotspot__btn {\n        transform: translate(-50%, -50%) scale(1.1);\n        background-color: #ffffff;\n        box-shadow: 0 6px 15px rgba(0,0,0,0.25);\n    }\n\n    \/* Modification UX : Le picto tourne au survol du parent complet *\/\n    .nk-hotspot:hover .nk-hotspot__btn svg,\n    .nk-hotspot.is-active .nk-hotspot__btn svg {\n        transform: rotate(90deg);\n    }\n\n    \/* Tooltip (Infobulle align\u00e9e au centre exact) *\/\n    .nk-hotspot__tooltip {\n        position: absolute;\n        bottom: 25px; \/* D\u00e9calage vertical par rapport au centre *\/\n        left: 0;\n        transform: translateX(-50%) translateY(10px);\n        width: 200px;\n        background: #ffffff;\n        padding: 12px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n        opacity: 0;\n        visibility: hidden;\n        pointer-events: none;\n        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        border-radius: 2px;\n        z-index: 20;\n    }\n\n    \/* Modification UX : Pont invisible pour maintenir le hover entre le bouton et l'infobulle *\/\n    .nk-hotspot__tooltip::before {\n        content: '';\n        position: absolute;\n        top: 100%;\n        left: 0;\n        width: 100%;\n        height: 35px; \/* Couvre largement l'espace jusqu'au bouton *\/\n        background: transparent;\n    }\n\n    \/* Fl\u00e8che directionnelle parfaitement centr\u00e9e sur l'ancre *\/\n    .nk-hotspot__tooltip::after {\n        content: '';\n        position: absolute;\n        top: 100%;\n        left: 50%;\n        transform: translateX(-50%);\n        border-width: 8px;\n        border-style: solid;\n        border-color: #ffffff transparent transparent transparent;\n    }\n\n    \/* Affichage du Tooltip au survol du parent *\/\n    .nk-hotspot:hover .nk-hotspot__tooltip,\n    .nk-hotspot.is-active .nk-hotspot__tooltip {\n        opacity: 1;\n        visibility: visible;\n        pointer-events: auto;\n        transform: translateX(-50%) translateY(0);\n    }\n\n    \/* Style interne de l'infobulle *\/\n    .nk-hotspot__link {\n        text-decoration: none;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .nk-hotspot__thumb {\n        width: 100%;\n        height: 140px;\n        object-fit: cover;\n        background-color: #f5f5f5;\n    }\n\n    .nk-hotspot__info {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .nk-hotspot__title {\n        font-size: 13px;\n        font-weight: 600;\n        color: #000000;\n        line-height: 1.3;\n        margin: 0;\n        text-align: center;\n    }\n\n    .nk-hotspot__action {\n        font-size: 11px;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: #666666;\n        text-align: center;\n        display: block;\n        width: 100%;\n        padding-top: 8px;\n        border-top: 1px solid #eeeeee;\n        transition: color 0.2s;\n    }\n\n    .nk-hotspot__link:hover .nk-hotspot__action {\n        color: #000000;\n    }\n\n    \/* ==========================================================================\n       RESPONSIVE DESIGN\n       ========================================================================== *\/\n\n    \/* Tablettes *\/\n    @media screen and (max-width: 1024px) {\n        .classicisme-montagne {\n            padding: var(--section-pad-v-tab, 80px) var(--section-pad-h-tab, 40px);\n        }\n\n        .classicisme-montagne__container {\n            flex-direction: column;\n            gap: 60px;\n        }\n\n        .classicisme-montagne__visuals-left,\n        .classicisme-montagne__content-right {\n            width: 100%;\n        }\n\n        .classicisme-montagne__content-right {\n            gap: 5vw;\n        }\n\n        .classicisme-montagne__text-block {\n            width: 70%;\n        }\n\n        .classicisme-montagne__img-wrap--stool {\n            width: 30%;\n            margin-top: 0;\n            align-self: flex-end;\n        }\n    }\n\n    \/* Mobiles *\/\n    @media screen and (max-width: 768px) {\n        .classicisme-montagne {\n            padding: var(--section-pad-v-mob, 60px) var(--section-pad-h-mob, 20px);\n        }\n\n        .classicisme-montagne__container {\n            gap: 45px;\n        }\n\n        \/* Largeurs mobile recalcul\u00e9es avec pr\u00e9cision pour contenir le gap de 15px sans d\u00e9border *\/\n        .classicisme-montagne__img-wrap--skier {\n            width: calc(45% - 6.75px);\n        }\n\n        .classicisme-montagne__img-wrap--armchair {\n            width: calc(55% - 8.25px);\n        }\n\n        .classicisme-montagne__content-right {\n            flex-direction: column;\n            gap: 35px;\n            padding-top: 0;\n        }\n\n        .classicisme-montagne__text-block {\n            width: 100%;\n            padding-right: 5%;\n        }\n\n        .classicisme-montagne__img-wrap--stool {\n            width: 55%;\n            align-self: flex-end;\n            margin-top: 10px;\n        }\n\n        \/* Adaptation mobile des infobulles *\/\n        .nk-hotspot__tooltip {\n            width: 160px;\n        }\n        .nk-hotspot__thumb {\n            height: 110px;\n        }\n    }\n<\/style>\n\n<section class=\"classicisme-montagne\" aria-labelledby=\"classicisme-titre\">\n    <div class=\"classicisme-montagne__container\">\n        \n        <!-- GROUPE VISUEL GAUCHE (C\u00e9ramique & Terrasse) -->\n        <div class=\"classicisme-montagne__visuals-left\">\n            <picture class=\"classicisme-montagne__img-wrap classicisme-montagne__img-wrap--skier\">\n                <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/ceramique-1-1.jpg\" alt=\"D\u00e9tail d'une \u0153uvre en c\u00e9ramique blanche textur\u00e9e et craquel\u00e9e\" class=\"classicisme-montagne__img\" loading=\"lazy\" width=\"600\" height=\"800\">\n            <\/picture>\n            \n            <picture class=\"classicisme-montagne__img-wrap classicisme-montagne__img-wrap--armchair\">\n                <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/TERASSE_-1.jpg\" alt=\"Terrasse de chalet contemporain m\u00ealant de grandes baies vitr\u00e9es et structure m\u00e9tallique noire\" class=\"classicisme-montagne__img\" loading=\"lazy\" width=\"800\" height=\"1000\">\n\n                <!-- HOTSPOT 1 : Tapis Zima carr\u00e9 blanc -->\n                <div class=\"nk-hotspot\" style=\"top: 82%; left: 60%;\">\n                    <button class=\"nk-hotspot__btn\" aria-label=\"Voir le produit\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"nk-hotspot__tooltip\">\n                        <a href=\"https:\/\/www.norki.com\/fr\/les-tapis-iconiques-norki\/475-292-tapis-zima-carre-blanc-peau-lainee-luxe-norki.html#\/56-dimension-300_300_cm\" class=\"nk-hotspot__link\">\n                            <img decoding=\"async\" src=\"https:\/\/www.norki.com\/3607-large_default\/tapis-zima-carre-blanc-peau-lainee-luxe-norki.jpg\" alt=\"Tapis Zima carr\u00e9 blanc\" class=\"nk-hotspot__thumb\">\n                            <div class=\"nk-hotspot__info\">\n                                <span class=\"nk-hotspot__title\">Tapis Zima carr\u00e9 blanc<\/span>\n                                <span class=\"nk-hotspot__action\">Voir le produit<\/span>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- HOTSPOT 2 : Plaid Jan Cognac -->\n                <div class=\"nk-hotspot\" style=\"top: 58%; left: 80%;\">\n                    <button class=\"nk-hotspot__btn\" aria-label=\"Voir le produit\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"nk-hotspot__tooltip\">\n                        <a href=\"https:\/\/www.norki.com\/fr\/plaids-iconiques-norki\/198-215-plaid-jan-cognac-norki.html#\/75-dimension-150_200_cm\" class=\"nk-hotspot__link\">\n                            <img decoding=\"async\" src=\"https:\/\/www.norki.com\/5003-large_default\/plaid-jan-cognac-norki.jpg\" alt=\"Plaid Jan Cognac\" class=\"nk-hotspot__thumb\">\n                            <div class=\"nk-hotspot__info\">\n                                <span class=\"nk-hotspot__title\">Plaid Jan Cognac<\/span>\n                                <span class=\"nk-hotspot__action\">Voir le produit<\/span>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/picture>\n        <\/div>\n\n        <!-- GROUPE CONTENU DROITE (Texte & Marbre) -->\n        <div class=\"classicisme-montagne__content-right\">\n            <div class=\"classicisme-montagne__text-block\">\n                <h2 id=\"classicisme-titre\" class=\"classicisme-montagne__title avenirmedium-font\">\n                    Quand le verre et le m\u00e9tal r\u00e9inventent la lecture de la d\u00e9coration de montagne\n                <\/h2>\n                <p class=\"classicisme-montagne__text\">\n                    Fusion de lumi\u00e8re et de verre, ce moodboard propose un chalet o\u00f9 l\u2019architecture contemporaine dialogue avec un mobilier aux lignes essentielles. L\u2019ensemble se construit comme une composition claire et ma\u00eetris\u00e9e, o\u00f9 la radicalit\u00e9 des volumes rencontre la douceur des mati\u00e8res.\n                <\/p>\n            <\/div>\n            <picture class=\"classicisme-montagne__img-wrap classicisme-montagne__img-wrap--stool\">\n                <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/marbre-1.jpg\" alt=\"Plan rapproch\u00e9 sur une texture de marbre noir vein\u00e9 de blanc\" class=\"classicisme-montagne__img\" loading=\"lazy\" width=\"500\" height=\"600\">\n            <\/picture>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    \/* =========================================================\n       GESTION DES HOTSPOTS INTERACTIFS\n       ========================================================= *\/\n    const hotspots = document.querySelectorAll('.nk-hotspot');\n    \n    hotspots.forEach(hotspot => {\n        const btnHotspot = hotspot.querySelector('.nk-hotspot__btn');\n        if (btnHotspot) {\n            btnHotspot.addEventListener('click', (e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                \n                \/\/ Fermer les autres hotspots ouverts\n                hotspots.forEach(h => {\n                    if (h !== hotspot) h.classList.remove('is-active');\n                });\n                \n                \/\/ Basculer l'\u00e9tat du hotspot cliqu\u00e9\n                hotspot.classList.toggle('is-active');\n            });\n        }\n    });\n\n    \/\/ Fermeture automatique au clic en dehors\n    document.addEventListener('click', (e) => {\n        if (!e.target.closest('.nk-hotspot')) {\n            hotspots.forEach(h => h.classList.remove('is-active'));\n        }\n    });\n});\n<\/script>\n\n\n\n<style>\n    \/* ==========================================================================\n       COMPOSANT : MOODBOARD & MAT\u00c9RIAUX CHALET (EDITION VERRE, BAMBOU & M\u00c9TAL)\n       ========================================================================== *\/\n\n    .chalet-moodboard {\n        position: relative;\n        background-color: var(--color-norki-beige, #f8f0ea);\n        color: #000;\n        font-family: \"Inter\", \"Avenir\", sans-serif;\n        overflow-x: clip; \/* Emp\u00eache le d\u00e9filement horizontal *\/\n        overflow-y: visible; \/* Permet aux infobulles de d\u00e9passer verticalement *\/\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n\n    \/* --- LIENS \u00c9DITORIAUX ET RECO SEO --- *\/\n    .nk-editorial-inline-link {\n        color: inherit;\n        text-decoration: underline;\n        text-decoration-color: currentColor;\n        text-underline-offset: 3px;\n        text-decoration-thickness: 1px;\n        transition: text-decoration-color 0.3s ease, opacity 0.3s ease;\n    }\n\n    .nk-editorial-inline-link:hover {\n        text-decoration-color: rgba(255, 255, 255, 0); \/* \u00c9quivalent standardis\u00e9 de #fff0 *\/\n        opacity: .7;\n    }\n\n    \/* --- GRILLE DESKTOP (PC) ---\n     * 5 Colonnes au total :\n     * 1: Marge gauche (5vw)\n     * 2: Contenu Gauche - Texte 1 (1fr)\n     * 3: Contenu Centre - Bambou (1.2fr - l\u00e9g\u00e8rement plus large)\n     * 4: Contenu Droit - Paravent & Texte 2 (1fr)\n     * 5: Marge droite (5vw)\n     *\/\n    .chalet-moodboard__grid {\n        display: grid;\n        grid-template-columns: var(--section-pad-h-dt, 5vw) minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr) var(--section-pad-h-dt, 5vw);\n        row-gap: 3vw;\n        align-items: start;\n        max-width: 2560px;\n        margin: 0 auto;\n    }\n\n    \/* --- IMAGE GAUCHE --- *\/\n    .chalet-moodboard__item--car {\n        grid-column: 1 \/ 4;\n        grid-row: 1;\n        width: 60%;\n        display: block;\n    }\n\n    \/* --- IMAGE DROITE (Paravent) --- *\/\n    .chalet-moodboard__item--ski {\n        grid-column: 4 \/ 5;\n        grid-row: 1 \/ span 2;\n        width: 100%;\n        display: block;\n        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        will-change: transform;\n    }\n\n    .chalet-moodboard__item--ski:hover {\n        transform: translateY(-5px);\n    }\n\n    \/* --- WRAPPER TEXTE 1 & MILIEU ---\n        Sur PC, display:contents permet aux enfants d'\u00eatre plac\u00e9s dans la grille parente.\n    *\/\n    .chalet-moodboard__text1-polo-wrapper {\n        display: contents;\n    }\n\n    \/* --- TEXTE 1 (Sous l'image de gauche) --- *\/\n    .chalet-moodboard__item--text1 {\n        grid-column: 2 \/ 3;\n        grid-row: 2;\n        width: 90%;\n    }\n\n    \/* --- IMAGE MILIEU (Fauteuil Bambou) --- *\/\n    .chalet-moodboard__item--polo {\n        grid-column: 3 \/ 4;\n        grid-row: 2 \/ span 2;\n        width: 60%;\n        justify-self: end;\n        margin-top: 12vw;\n        display: block;\n        margin-right: 20px;\n        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        will-change: transform;\n    }\n\n    .chalet-moodboard__item--polo:hover {\n        transform: translateY(-5px);\n    }\n\n    \/* --- TEXTE 2 (Sous le paravent \u00e0 droite) --- *\/\n    .chalet-moodboard__item--text2 {\n        grid-column: 4 \/ 5;\n        grid-row: 2;\n        margin-top: 12vw;\n        width: 90%;\n    }\n\n    \/* --- STYLES COMMUNS (Images & Textes) --- *\/\n    .chalet-moodboard__img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n    }\n\n    .chalet-moodboard__text-block p {\n        font-size: 0.95rem;\n        line-height: 1.6;\n        margin-top: 0;\n        margin-bottom: 1.3rem;\n        font-weight: 400;\n        letter-spacing: -0.01em;\n    }\n\n    .chalet-moodboard__text-block p:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* ==========================================================================\n       STREAMING_CHUNK: Designing the interactive hotspot system with hover stability...\n       ========================================================================== *\/\n    .chalet-moodboard__image-wrapper {\n        position: relative;\n        overflow: visible;\n        display: block;\n        width: 100%;\n    }\n\n    .chalet-moodboard__hotspot {\n        position: absolute;\n        z-index: 10;\n        width: 0;\n        height: 0;\n    }\n\n    .chalet-moodboard__hotspot-btn {\n        position: absolute;\n        width: 36px;\n        height: 36px;\n        background-color: rgba(255, 255, 255, 0.95);\n        border: 1px solid #eaeaea;\n        border-radius: 50%;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transform: translate(-50%, -50%);\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s, box-shadow 0.3s;\n        padding: 0;\n        color: #000000;\n    }\n\n    .chalet-moodboard__hotspot-btn svg {\n        width: 16px;\n        height: 16px;\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    \/* Correction UX : Transition et survol d\u00e9clench\u00e9s au niveau du hotspot parent complet *\/\n    .chalet-moodboard__hotspot:hover .chalet-moodboard__hotspot-btn,\n    .chalet-moodboard__hotspot.is-active .chalet-moodboard__hotspot-btn {\n        transform: translate(-50%, -50%) scale(1.1);\n        background-color: #ffffff;\n        box-shadow: 0 6px 15px rgba(0,0,0,0.25);\n    }\n\n    \/* Correction UX : Rotation stable d\u00e9clench\u00e9e au survol du parent global *\/\n    .chalet-moodboard__hotspot:hover .chalet-moodboard__hotspot-btn svg,\n    .chalet-moodboard__hotspot.is-active .chalet-moodboard__hotspot-btn svg {\n        transform: rotate(90deg); \n    }\n\n    \/* Tooltip *\/\n    .chalet-moodboard__hotspot-tooltip {\n        position: absolute;\n        bottom: 25px;\n        left: 0;\n        transform: translateX(-50%) translateY(10px);\n        width: 200px;\n        background: #ffffff;\n        padding: 12px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n        opacity: 0;\n        visibility: hidden;\n        pointer-events: none;\n        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        border-radius: 2px;\n        z-index: 20;\n    }\n\n    \/* Correction UX : Pont invisible anti-flicker entre le bouton et l'infobulle *\/\n    .chalet-moodboard__hotspot-tooltip::before {\n        content: '';\n        position: absolute;\n        top: 100%;\n        left: 0;\n        width: 100%;\n        height: 35px; \/* Comble parfaitement le vide physique *\/\n        background: transparent;\n    }\n\n    \/* Fl\u00e8che de l'infobulle *\/\n    .chalet-moodboard__hotspot-tooltip::after {\n        content: '';\n        position: absolute;\n        top: 100%;\n        left: 50%;\n        transform: translateX(-50%);\n        border-width: 8px;\n        border-style: solid;\n        border-color: #ffffff transparent transparent transparent;\n    }\n\n    .chalet-moodboard__hotspot:hover .chalet-moodboard__hotspot-tooltip,\n    .chalet-moodboard__hotspot.is-active .chalet-moodboard__hotspot-tooltip {\n        opacity: 1;\n        visibility: visible;\n        pointer-events: auto;\n        transform: translateX(-50%) translateY(0);\n    }\n\n    .chalet-moodboard__hotspot-link-wrap {\n        text-decoration: none;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .chalet-moodboard__hotspot-thumb {\n        width: 100%;\n        height: 140px;\n        object-fit: cover;\n        background-color: #f5f5f5;\n    }\n\n    .chalet-moodboard__hotspot-info {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .chalet-moodboard__hotspot-title-text {\n        font-size: 13px;\n        font-weight: 600;\n        color: #000000;\n        line-height: 1.3;\n        margin: 0;\n        text-align: center;\n    }\n\n    .chalet-moodboard__hotspot-action {\n        font-size: 11px;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: #666666;\n        text-decoration: none;\n        text-align: center;\n        display: block;\n        width: 100%;\n        padding-top: 8px;\n        border-top: 1px solid #eeeeee;\n        transition: color 0.2s;\n    }\n\n    .chalet-moodboard__hotspot-link-wrap:hover .chalet-moodboard__hotspot-action {\n        color: #000000;\n    }\n\n    \/* ==========================================================================\n       SYST\u00c8ME VOIR PLUS (Par d\u00e9faut cach\u00e9 sur PC)\n       ========================================================================== *\/\n    .chalet-moodboard__btn-more {\n        display: none; \n    }\n\n    \/* ==========================================================================\n       STREAMING_CHUNK: Setting up responsive rules for tablet layout...\n       ========================================================================== *\/\n\n    \/* Tablettes (2 colonnes de contenu) *\/\n    @media screen and (max-width: 1024px) {\n        .chalet-moodboard {\n            padding-top: 0;\n            padding-bottom: var(--section-pad-v-tab, 80px);\n        }\n        .chalet-moodboard__grid {\n            grid-template-columns: var(--section-pad-h-tab, 4vw) 1fr 1fr var(--section-pad-h-tab, 4vw);\n            row-gap: 5vw;\n        }\n        .chalet-moodboard__item--ski {\n            grid-column: 1 \/ 5; \n            grid-row: 1;\n            width: 100%; \n        }\n        .chalet-moodboard__item--car {\n            grid-column: 1 \/ 4; \n            grid-row: 2;\n            width: 90%; \n        }\n        \n        \/* Sur Tablette, le wrapper devient un bloc pour permettre le float *\/\n        .chalet-moodboard__text1-polo-wrapper {\n            display: block;\n            grid-column: 2 \/ 4; \n            grid-row: 3;\n        }\n        .chalet-moodboard__item--polo {\n            float: right; \n            width: 48%; \n            margin-left: 4%;\n            margin-bottom: 3vw;\n            margin-top: 5px; \n        }\n        .chalet-moodboard__item--text1 {\n            width: 100%; \n        }\n        \n        .chalet-moodboard__item--text2 {\n            grid-column: 2 \/ 4; \n            grid-row: 4;\n            width: 100%;\n            margin-top: 0;\n        }\n\n        \/* SYST\u00c8ME VOIR PLUS (Actif sur Tablette et Mobile) *\/\n        .chalet-moodboard__expand-wrapper {\n            display: grid;\n            grid-template-rows: 0fr;\n            transition: grid-template-rows 0.4s ease-out;\n            overflow: hidden;\n        }\n\n        .chalet-moodboard__expand-wrapper.is-open {\n            grid-template-rows: 1fr;\n        }\n\n        .chalet-moodboard__expand-content {\n            overflow: hidden;\n        }\n\n        .chalet-moodboard__btn-more {\n            display: inline-block;\n            font-style: italic;\n            font-size: 0.95rem;\n            background: transparent;\n            border: none;\n            color: inherit;\n            font-family: inherit;\n            cursor: pointer;\n            text-decoration: underline;\n            text-decoration-color: currentColor;\n            text-underline-offset: 4px;\n            transition: text-decoration-color 0.3s ease, opacity 0.3s ease;\n            padding: 0;\n            margin-top: 5px;\n            margin-bottom: 5px;\n        }\n\n        .chalet-moodboard__btn-more:hover {\n            text-decoration-color: transparent;\n            opacity: 0.7;\n        }\n    }\n\n\n    \/* Mobile (1 colonne de contenu) *\/\n    @media screen and (max-width: 768px) {\n        .chalet-moodboard {\n            padding-top: 0; \n            padding-bottom: var(--section-pad-v-mob, 60px);\n        }\n        .chalet-moodboard__grid {\n            grid-template-columns: var(--section-pad-h-mob, 20px) 1fr var(--section-pad-h-mob, 20px);\n            row-gap: 35px;\n        }\n        \n        \/* Sur mobile, on repasse en contents pour dissocier les \u00e9l\u00e9ments *\/\n        .chalet-moodboard__text1-polo-wrapper {\n            display: contents; \n        }\n        \n        .chalet-moodboard__item--ski {\n            grid-column: 1 \/ 4; \n            grid-row: 1;\n        }\n        .chalet-moodboard__item--car {\n            grid-column: 1 \/ 3; \n            grid-row: 2;\n            width: 100%;\n        }\n        .chalet-moodboard__item--text1 {\n            grid-column: 2 \/ 3;\n            grid-row: 3;\n            width: 100%;\n        }\n        .chalet-moodboard__item--polo {\n            grid-column: 2 \/ 4; \n            grid-row: 4;\n            justify-self: end;\n            width: 88%;\n            float: none; \n            margin: 0; \n        }\n        .chalet-moodboard__item--text2 {\n            grid-column: 2 \/ 3;\n            grid-row: 5;\n            width: 88%;\n            margin-top: 0;\n            justify-self: end;\n        }\n        .chalet-moodboard__hotspot-tooltip {\n            width: 160px; \/* L\u00e9g\u00e8rement compact\u00e9 sur \u00e9crans mobiles *\/\n        }\n        .chalet-moodboard__hotspot-thumb {\n            height: 110px;\n        }\n    }\n<\/style>\n\n<section class=\"chalet-moodboard\" aria-label=\"Moodboard et mat\u00e9riaux de d\u00e9coration\">\n    <div class=\"chalet-moodboard__grid\">\n        \n        <!-- IMAGE 1 : Gauche (Paysage de montagne) -->\n        <picture class=\"chalet-moodboard__item chalet-moodboard__item--car\">\n            <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/ronaldplett-rockies-1.jpg\" alt=\"Paysage de montagnes rocheuses et lac r\u00e9fl\u00e9chissant sous un ciel nuageux\" class=\"chalet-moodboard__img\" loading=\"lazy\" width=\"800\" height=\"600\">\n        <\/picture>\n        \n        <!-- IMAGE 2 : Droite (Paravent Yaga) -->\n        <!-- IMAGE 2 : Droite (Paravent Yaga) -->\n        <div class=\"chalet-moodboard__item chalet-moodboard__item--ski\">\n            <div class=\"chalet-moodboard__image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/YAGA_-1.jpg\" alt=\"Paravent design textur\u00e9 Yaga devant une baie vitr\u00e9e\" class=\"chalet-moodboard__img\" loading=\"lazy\" width=\"600\" height=\"900\">\n                \n                <!-- HOTSPOT : Paravent Yaga -->\n                <div class=\"chalet-moodboard__hotspot\" style=\"top: 50%; left: 45%;\">\n                    <button class=\"chalet-moodboard__hotspot-btn\" aria-label=\"Voir les d\u00e9tails du produit\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"chalet-moodboard__hotspot-tooltip\">\n                        <a href=\"https:\/\/www.norki.com\/fr\/mobilier-iconique-norki\/471-paravent-yaga-peau-de-vache-norki.html\" class=\"chalet-moodboard__hotspot-link-wrap\">\n                            <img decoding=\"async\" src=\"https:\/\/www.norki.com\/5049-large_default\/paravent-yaga-peau-de-vache-norki.jpg\" alt=\"Paravent Yaga en peau de vache\" class=\"chalet-moodboard__hotspot-thumb\">\n                            <div class=\"chalet-moodboard__hotspot-info\">\n                                <span class=\"chalet-moodboard__hotspot-title-text\">Paravent Yaga<\/span>\n                                <span class=\"chalet-moodboard__hotspot-action\">Voir le produit<\/span>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- WRAPPER : Combine le Texte 1 et l'image Milieu pour g\u00e9rer le Float Tablette -->\n        <div class=\"chalet-moodboard__text1-polo-wrapper\">\n            \n            <!-- IMAGE 3 : Milieu (Fauteuil en rotin\/bambou interactif) -->\n            <div class=\"chalet-moodboard__item chalet-moodboard__item--polo\">\n                <div class=\"chalet-moodboard__image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/NORKI_Prod_J202362.jpg\" alt=\"Fauteuil vintage scandinave en bambou avec assise confortable en peau de mouton\" class=\"chalet-moodboard__img\" loading=\"lazy\" width=\"500\" height=\"500\">\n                    \n                    <!-- HOTSPOT : Ensemble de Jardin Vintage Bambou -->\n                    <div class=\"chalet-moodboard__hotspot\" style=\"top: 50%; left: 50%;\">\n                        <button class=\"chalet-moodboard__hotspot-btn\" aria-label=\"Voir les d\u00e9tails du produit\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                            <\/svg>\n                        <\/button>\n                        <div class=\"chalet-moodboard__hotspot-tooltip\">\n                            <a href=\"https:\/\/www.norki.com\/fr\/fauteuils-classiques-norki-mobilier-vintage\/274-ensemble-jardin-bambou-vintage-norki.html\" class=\"chalet-moodboard__hotspot-link-wrap\">\n                                <img decoding=\"async\" src=\"https:\/\/www.norki.com\/5107-large_default\/ensemble-jardin-bambou-vintage-norki.jpg\" alt=\"Ensemble jardin bambou\" class=\"chalet-moodboard__hotspot-thumb\">\n                                <div class=\"chalet-moodboard__hotspot-info\">\n                                    <span class=\"chalet-moodboard__hotspot-title-text\">Ensemble jardin bambou<\/span>\n                                    <span class=\"chalet-moodboard__hotspot-action\">Voir le produit<\/span>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- TEXTE 1 : Philosophie & Vision -->\n            <div class=\"chalet-moodboard__item chalet-moodboard__item--text1 chalet-moodboard__text-block\">\n                <p>Dans la conception de cet int\u00e9rieur, nous avons recherch\u00e9 un <a href=\"https:\/\/www.norki.com\/fr\/29-tapis-intemporels-peaux-norki\" class=\"nk-editorial-inline-link\">confort intemporel<\/a>, capable d\u2019entrer en r\u00e9sonance avec la majest\u00e9 du paysage alpin. Les larges ouvertures panoramiques invitent la nature \u00e0 p\u00e9n\u00e9trer l\u2019espace, faisant de la montagne un \u00e9l\u00e9ment constitutif de l\u2019architecture elle-m\u00eame.<\/p>\n                <p>Notre vision de cet univers alpin contemporain \u00e9tait d\u2019en faire une \u0153uvre totale, o\u00f9 architecture, design int\u00e9rieur et paysage s\u2019inscrivent dans une continuity fluide et \u00e9vidente. Le mobilier se d\u00e9ploie dans une \u00e9criture volontairement sobre.<\/p>\n                \n                <!-- BLOC VOIR PLUS (Tablette & Mobile) -->\n                <div class=\"chalet-moodboard__expand-wrapper\" id=\"extra-wrapper-moodboard\">\n                    <div class=\"chalet-moodboard__expand-content\">\n                        <p>Ses lignes basses et \u00e9pur\u00e9es lib\u00e8rent les perspectives et permettent au regard de circuler librement vers les horizons spectaculaires.<\/p>\n                    <\/div>\n                <\/div>\n                <!-- BOUTON VOIR PLUS (Tablette & Mobile) -->\n                <button type=\"button\" class=\"chalet-moodboard__btn-more\" id=\"voir-plus-btn-moodboard\">Voir plus<\/button>\n            <\/div>\n            \n        <\/div>\n\n        <!-- TEXTE 2 : Harmonie des mat\u00e9riaux -->\n        <div class=\"chalet-moodboard__item chalet-moodboard__item--text2 chalet-moodboard__text-block\">\n            <p>Dans ce moodboard, l\u2019harmonie des mat\u00e9riaux naturels, des textures feutr\u00e9es, du mobilier sur mesure et d\u2019une palette de tonalit\u00e9s min\u00e9rales et terrestres installe une atmosph\u00e8re de s\u00e9r\u00e9nit\u00e9 profonde. <a href=\"https:\/\/www.norki.com\/fr\/content\/44-demander-un-echantillon-tapis-plaid-coussin-assises-norki\" class=\"nk-editorial-inline-link\">Les mati\u00e8res nobles<\/a> demeurent au c\u0153ur de l\u2019identit\u00e9 de notre Maison : peaux lain\u00e9es, poulain, marbre et laiton composent une partition subtile o\u00f9 chaque mat\u00e9riau r\u00e9v\u00e8le la beaut\u00e9 de l\u2019autre.<\/p>\n            <p>Autre signature, l\u2019introduction mesur\u00e9e de pi\u00e8ces vintage scandinaves en bambou apporte une chaleur inattendue et une pr\u00e9sence sculpturale \u00e0 cet int\u00e9rieur au langage clair et pr\u00e9cis.<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ --- Gestion du bouton \"Voir plus\" Moodboard (Tablette & Mobile) ---\n        const btnMoodboard = document.getElementById('voir-plus-btn-moodboard'); \n        const wrapperMoodboard = document.getElementById('extra-wrapper-moodboard'); \n\n        if (btnMoodboard && wrapperMoodboard) {\n            btnMoodboard.addEventListener('click', () => {\n                const isOpen = wrapperMoodboard.classList.toggle('is-open');\n                btnMoodboard.textContent = isOpen ? 'Voir moins' : 'Voir plus';\n            });\n        }\n\n        \/\/ --- Gestion de l'activation des hotspots au clic (Tactile & Desktop) ---\n        const hotspots = document.querySelectorAll('.chalet-moodboard__hotspot');\n        \n        hotspots.forEach(hotspot => {\n            const btnHotspot = hotspot.querySelector('.chalet-moodboard__hotspot-btn');\n            if (btnHotspot) {\n                btnHotspot.addEventListener('click', (e) => {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    \n                    \/\/ Fermer les autres hotspots ouverts\n                    hotspots.forEach(h => {\n                        if (h !== hotspot) h.classList.remove('is-active');\n                    });\n                    \n                    \/\/ Basculer l'\u00e9tat du hotspot cliqu\u00e9\n                    hotspot.classList.toggle('is-active');\n                });\n            }\n        });\n\n        \/\/ Fermeture automatique au clic en dehors de la zone du hotspot\n        document.addEventListener('click', (e) => {\n            if (!e.target.closest('.chalet-moodboard__hotspot')) {\n                hotspots.forEach(h => h.classList.remove('is-active'));\n            }\n        });\n    });\n<\/script>\n\n\n\n<style>\n    \/* ==========================================================================\n       COMPOSANT : SECTION LUXE MONTAGNARD (\u00c9DITION LA D\u00c9CORATION PAR LE VIDE)\n       ========================================================================== *\/\n\n    .luxe-montagne {\n        position: relative;\n        background-color: var(--color-norki-beige, #f8f0ea);\n        color: #000;\n        padding-top: var(--section-pad-v-dt, 100px);\n        padding-bottom: var(--section-pad-v-dt, 100px);\n        padding-left: var(--section-pad-h-dt, 5vw);\n        padding-right: var(--section-pad-h-dt, 5vw);\n        box-sizing: border-box;\n    }\n\n    \/* * GRILLE DESKTOP (PC) \n     * 3 Colonnes : Image Gauche (5fr) | Espace (1fr) | Contenu Droit (4fr)\n     *\/\n    .luxe-montagne__grid {\n        display: grid;\n        grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 4fr);\n        align-items: start;\n        max-width: 2560px;\n        margin: 0 auto;\n    }\n\n    \/* --- IMAGE PRINCIPALE (Gauche, s'\u00e9tend sur toute la hauteur) --- *\/\n    .luxe-montagne__item--large {\n        grid-column: 1 \/ 2;\n        grid-row: 1 \/ span 2; \/* S'\u00e9tend sur 2 rang\u00e9es pour englober la hauteur du bloc de droite *\/\n        width: 100%;\n        display: block;\n    }\n\n    \/* --- IMAGE SECONDAIRE (Droite, en haut, align\u00e9e \u00e0 droite) --- *\/\n    .luxe-montagne__item--small {\n        grid-column: 3 \/ 4;\n        grid-row: 1;\n        width: 55%; \/* Ne prend pas toute la largeur de la colonne *\/\n        justify-self: end; \/* Align\u00e9 sur la droite de sa colonne *\/\n        display: block;\n    }\n\n    \/* --- BLOC TEXTE (Droite, en bas, align\u00e9 \u00e0 gauche) --- *\/\n    .luxe-montagne__item--text {\n        grid-column: 3 \/ 4;\n        grid-row: 2;\n        align-self: end; \/* Aligne le bas du texte sur le bas de l'image de gauche *\/\n        width: 95%;\n        padding-bottom: 2vw; \/* Ajustement visuel pour un alignement parfait au bas de l'image gauche *\/\n        margin-top: 6vw; \/* Espace minimal sous l'image secondaire *\/\n    }\n\n    \/* --- STYLES COMMUNS IMAGES --- *\/\n    .luxe-montagne__img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n    }\n\n    \/* --- TYPOGRAPHIE --- *\/\n    .luxe-montagne__title {\n        font-size: clamp(1.4rem, 2.5vw, 35px);\n        font-weight: 500;\n        line-height: 1.25;\n        margin-top: 0;\n        margin-bottom: 25px;\n        letter-spacing: -0.01em;\n        color: #000;\n    }\n\n    .luxe-montagne__text-block p {\n        font-size: 0.95rem;\n        line-height: 1.6;\n        margin-top: 0;\n        margin-bottom: 0;\n        font-weight: 400;\n        color: #000;\n    }\n\n    \/* ==========================================================================\n       RESPONSIVE DESIGN\n       ========================================================================== *\/\n\n    \/* Tablettes *\/\n    @media screen and (max-width: 1024px) {\n        .luxe-montagne {\n            padding-top: var(--section-pad-v-tab, 80px);\n            padding-bottom: var(--section-pad-v-tab, 80px);\n            padding-left: var(--section-pad-h-tab, 4vw);\n            padding-right: var(--section-pad-h-tab, 4vw);\n        }\n        .luxe-montagne__grid {\n            grid-template-columns: minmax(0, 5fr) 40px minmax(0, 4fr); \n        }\n        .luxe-montagne__item--small {\n            width: 70%;\n        }\n        .luxe-montagne__item--text {\n            width: 100%;\n        }\n    }\n\n    \/* Mobile *\/\n    @media screen and (max-width: 768px) {\n        .luxe-montagne {\n            padding-top: var(--section-pad-v-mob, 60px);\n            padding-bottom: var(--section-pad-v-mob, 60px);\n            padding-left: var(--section-pad-h-mob, 20px);\n            padding-right: var(--section-pad-h-mob, 20px);\n        }\n        \n        .luxe-montagne__grid {\n            \/* * Grille Mobile :\n             * L'image de gauche prend ~62% et l'image de droite prend le reste.\n             *\/\n            grid-template-columns: 62% minmax(0, 1fr);\n            column-gap: 15px; \/* Espacement entre les deux images *\/\n            row-gap: 30px; \/* Espacement avant le texte *\/\n        }\n        \n        \/* Image principale : Ligne 1, Colonne Gauche *\/\n        .luxe-montagne__item--large {\n            grid-column: 1 \/ 2;\n            grid-row: 1;\n        }\n\n        \/* Image secondaire : Ligne 1, Colonne Droite *\/\n        .luxe-montagne__item--small {\n            grid-column: 2 \/ 3;\n            grid-row: 1;\n            width: 100%; \/* Remplit sa colonne *\/\n            justify-self: start;\n        }\n\n        \/* Bloc texte : Ligne 2, S'\u00e9tend sur toute la largeur (les 2 colonnes) *\/\n        .luxe-montagne__item--text {\n            grid-column: 1 \/ 3;\n            grid-row: 2;\n            align-self: start;\n            padding-bottom: 0;\n            margin-top: 0;\n            width: 100%;\n        }\n\n        .luxe-montagne__title {\n            margin-bottom: 20px;\n        }\n    }\n<\/style>\n\n<section class=\"luxe-montagne\" aria-label=\"La d\u00e9coration par le vide\">\n    <div class=\"luxe-montagne__grid\">\n        \n        <!-- IMAGE GAUCHE (Daybed minimaliste Michael Verheyden) -->\n        <picture class=\"luxe-montagne__item luxe-montagne__item--large\">\n            <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Michael-Verheyden-v2-1419x1536.png\" alt=\"Lit de jour minimaliste en tissu blanc et cuir naturel par Michael Verheyden dans un int\u00e9rieur \u00e9pur\u00e9\" class=\"luxe-montagne__img\" loading=\"lazy\" width=\"800\" height=\"900\">\n        <\/picture>\n        \n        <!-- IMAGE DROITE (Paysage montagneux herbeux de Hans Ott) -->\n        <picture class=\"luxe-montagne__item luxe-montagne__item--small\">\n            <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/hans-ott-KwNLce-1.jpg\" alt=\"Sommets montagneux et herbes hautes sauvages par Hans Ott\" class=\"luxe-montagne__img\" loading=\"lazy\" width=\"400\" height=\"500\">\n        <\/picture>\n\n        <!-- BLOC TEXTE -->\n        <div class=\"luxe-montagne__item luxe-montagne__item--text luxe-montagne__text-block\">\n            <h2 class=\"luxe-montagne__title avenirmedium-font\">La d\u00e9coration par le vide<\/h2>\n            <p>Ici, nous cultivons \u00e9galement l\u2019id\u00e9e de laisser place au vide. Respecter les respirations de l\u2019espace, permettre au chalet de demeurer ouvert et silencieux. Dans cette approche, le paysage ext\u00e9rieur devient le v\u00e9ritable d\u00e9cor de l\u2019int\u00e9rieur. La nature compose les perspectives, rythme les saisons et imprime sa pr\u00e9sence. L\u2019atmosph\u00e8re na\u00eet alors de ces \u00e9quilibres subtils : l\u2019espace, la lumi\u00e8re et le paysage. Une sensation de libert\u00e9 s\u2019installe, presque m\u00e9ditative, dans un profond respect du lieu.<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ==========================================================================\n     SECTION SLIDER OBJKETS NORKI\n     ========================================================================== *\/\n  .nk-slider-section {\n    z-index: 20;\n    position: relative;\n    background-color: var(--color-norki-beige, #f8f0ea);\n    color: #000000;\n    font-family: var(--font-montserrat, sans-serif);\n    padding-top: 40px;\n    padding-bottom: 40px;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .nk-slider-section * {\n    box-sizing: border-box;\n  }\n\n  .nk-slider-container {\n    padding: 0 var(--section-pad-h-dt, 5vw);\n  }\n\n  .nk-slider-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-bottom: 40px;\n  }\n\n  .nk-slider-btn {\n    display: inline-block;\n    background-color: transparent;\n    color: #000000;\n    border: 1px solid #000000;\n    text-decoration: none;\n    padding: 6px 27px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    transition: all 0.3s ease;\n  }\n\n  .nk-slider-btn:hover {\n    background-color: #000000;\n    color: #ffffff;\n  }\n\n  .nk-slider-arrows {\n    display: flex !important;\n    gap: 15px;\n    visibility: visible !important;\n    opacity: 1 !important;\n  }\n\n  .nk-slider-arrows button {\n    background: transparent;\n    border: none;\n    color: #000000;\n    cursor: pointer;\n    padding: 5px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 1 !important;\n    transition: opacity 0.3s ease;\n  }\n\n  @media (hover: hover) {\n    .nk-slider-arrows button:hover {\n      opacity: 0.5 !important;\n    }\n  }\n\n  .nk-slider-arrows button:active {\n    opacity: 0.5 !important;\n  }\n\n  .nk-slider-arrows svg {\n    width: 28px;\n    height: 28px;\n    fill: none;\n    color: black;\n    stroke: currentColor;\n    stroke-width: 1.2;\n  }\n\n  .nk-slider-wrapper {\n    position: relative;\n    width: 100%;\n  }\n\n  .nk-slider-viewport {\n    overflow: hidden;\n    touch-action: pan-y;\n  }\n\n  .nk-slider-track {\n    display: flex;\n    will-change: transform;\n  }\n\n  .nk-slider-slide {\n    flex: 0 0 20%;\n    display: flex;\n    flex-direction: column;\n    padding: 0 4px;\n  }\n\n  \/* --- DA Zoom 1.03 au survol sur l'image parent --- *\/\n  .nk-slider-img-link {\n    display: block;\n    width: 100%;\n    text-decoration: none;\n    cursor: pointer;\n    overflow: hidden; \/* Masque le zoom sur les bords *\/\n  }\n\n  .nk-slider-slide img {\n    width: 100%;\n    aspect-ratio: 1 \/ 1.05;\n    object-fit: cover;\n    display: block;\n    background-color: #eee;\n    opacity: 0;\n    transform: scale(1); \/* Initialise la taille *\/\n    transition: opacity 0.5s ease-in-out, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .nk-slider-slide img.nk-slider-loaded {\n    opacity: 1;\n  }\n\n  \/* Zoom interactif progressif de la DA *\/\n  .nk-slider-img-link:hover img {\n    transform: scale(1.03);\n  }\n\n  .nk-slider-caption {\n    display: flex;\n    justify-content: flex-start;\n    gap: 20px;\n    padding: 15px 0;\n    font-size: 0.85rem;\n    padding-left: 23px; \n  }\n\n  .nk-slider-caption span {\n    font-weight: 500;\n    color: #000000;\n  }\n\n  .nk-slider-caption a {\n    color: #000000;\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    transition: text-decoration-color 0.3s ease,opacity 0.3s ease;\n  }\n\n  .nk-slider-caption a:hover {\n    opacity: 0.7;\n    text-decoration-color: #fff0;\n  }\n\n  \/* --- RESPONSIVE TABLETTE (< 1024px) --- *\/\n  @media (max-width: 1024px) {\n    .nk-slider-section {\n      padding-top: 40px;\n    }\n    .nk-slider-container {\n      padding: 0 var(--section-pad-h-tab, 4vw);\n    }\n    .nk-slider-slide {\n      flex: 0 0 50%;\n    }\n  }\n\n  \/* --- RESPONSIVE MOBILE (< 768px) --- *\/\n  @media (max-width: 768px) {\n    .nk-slider-section {\n      padding-top: 25px;\n    }\n    .nk-slider-container {\n      padding: 0 var(--section-pad-h-mob, 20px);\n    }\n    .nk-slider-header {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 25px;\n      gap: 15px;\n    }\n    .nk-slider-slide {\n      flex: 0 0 100%;\n      padding: 0;\n    }\n    .nk-slider-slide img {\n      aspect-ratio: 1 \/ 1;\n    }\n    .nk-slider-caption {\n      flex-direction: row;\n      justify-content: space-between;\n      padding: 15px 20px;\n    }\n  }\n<\/style>\n\n<section class=\"nk-slider-section\">\n  <div class=\"nk-slider-container\">\n    \n    <div class=\"nk-slider-header\">\n      <a href=\"https:\/\/www.norki.com\/fr\/\" class=\"nk-slider-btn\">Acheter les objets Norki<\/a>\n      <div class=\"nk-slider-arrows\">\n        <button class=\"nk-slider-prev\" aria-label=\"Slide pr\u00e9c\u00e9dente\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"><\/path><\/svg>\n        <\/button>\n        <button class=\"nk-slider-next\" aria-label=\"Slide suivante\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"><\/path><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n    \n  <\/div> \n\n  <div class=\"nk-slider-wrapper\">\n    <div class=\"nk-slider-viewport\">\n      <div class=\"nk-slider-track\">\n        \n        <!-- Slide 1 : Plaid Jan Cognac -->\n        <div class=\"nk-slider-slide\">\n          <a href=\"https:\/\/www.norki.com\/fr\/plaids-iconiques-norki\/198-plaid-jan-cognac-norki.html\" class=\"nk-slider-img-link\" tabindex=\"-1\">\n            <img decoding=\"async\" data-src=\"https:\/\/www.norki.com\/5003-large_default\/plaid-jan-cognac-norki.jpg\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1 1.05'%3E%3C\/svg%3E\" alt=\"Plaid Jan Cognac\">\n          <\/a>\n          <div class=\"nk-slider-caption\">\n            <span>Plaid Jan Cognac<\/span>\n            <a href=\"https:\/\/www.norki.com\/fr\/plaids-iconiques-norki\/198-plaid-jan-cognac-norki.html\">Acheter<\/a>\n          <\/div>\n        <\/div>\n        \n        <!-- Slide 2 : Coussin Zima -->\n        <div class=\"nk-slider-slide\">\n          <a href=\"https:\/\/www.norki.com\/fr\/collections-coussins-iconiques-norki\/474-coussin-zima-rectangle-norki.html\" class=\"nk-slider-img-link\" tabindex=\"-1\">\n            <img decoding=\"async\" data-src=\"https:\/\/www.norki.com\/4927-large_default\/coussin-zima-rectangle-norki.jpg\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1 1.05'%3E%3C\/svg%3E\" alt=\"Coussin Zima\">\n          <\/a>\n          <div class=\"nk-slider-caption\">\n            <span>Coussin Zima<\/span>\n            <a href=\"https:\/\/www.norki.com\/fr\/collections-coussins-iconiques-norki\/474-coussin-zima-rectangle-norki.html\">Acheter<\/a>\n          <\/div>\n        <\/div>\n        \n        <!-- Slide 3 : Paravent Yaga -->\n        <div class=\"nk-slider-slide\">\n          <a href=\"https:\/\/www.norki.com\/fr\/mobilier-iconique-norki\/471-paravent-yaga-peau-de-vache-norki.html\" class=\"nk-slider-img-link\" tabindex=\"-1\">\n            <img decoding=\"async\" data-src=\"https:\/\/www.norki.com\/5049-large_default\/paravent-yaga-peau-de-vache-norki.jpg\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1 1.05'%3E%3C\/svg%3E\" alt=\"Paravent Yaga\">\n          <\/a>\n          <div class=\"nk-slider-caption\">\n            <span>Paravent Yaga<\/span>\n            <a href=\"https:\/\/www.norki.com\/fr\/mobilier-iconique-norki\/471-paravent-yaga-peau-de-vache-norki.html\">Acheter<\/a>\n          <\/div>\n        <\/div>\n        \n        <!-- Slide 4 : Tapis Zima -->\n        <div class=\"nk-slider-slide\">\n          <a href=\"https:\/\/www.norki.com\/fr\/les-tapis-iconiques-norki\/475-tapis-zima-carre-blanc-peau-lainee-luxe-norki.html\" class=\"nk-slider-img-link\" tabindex=\"-1\">\n            <img decoding=\"async\" data-src=\"https:\/\/www.norki.com\/5137-large_default\/tapis-zima-carre-blanc-peau-lainee-luxe-norki.jpg\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1 1.05'%3E%3C\/svg%3E\" alt=\"Tapis Zima\">\n          <\/a>\n          <div class=\"nk-slider-caption\">\n            <span>Tapis Zima<\/span>\n            <a href=\"https:\/\/www.norki.com\/fr\/les-tapis-iconiques-norki\/475-tapis-zima-carre-blanc-peau-lainee-luxe-norki.html\">Acheter<\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 5 : Ensemble Bambou Rotin -->\n        <div class=\"nk-slider-slide\">\n          <a href=\"https:\/\/www.norki.com\/fr\/fauteuils-classiques-norki-mobilier-vintage\/274-ensemble-jardin-bambou-vintage-norki.html\" class=\"nk-slider-img-link\" tabindex=\"-1\">\n            <img decoding=\"async\" data-src=\"https:\/\/www.norki.com\/5107-large_default\/ensemble-jardin-bambou-vintage-norki.jpg\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1 1.05'%3E%3C\/svg%3E\" alt=\"Ensemble Bambou Rotin\">\n          <\/a>\n          <div class=\"nk-slider-caption\">\n            <span>Ensemble Bambou<\/span>\n            <a href=\"https:\/\/www.norki.com\/fr\/fauteuils-classiques-norki-mobilier-vintage\/274-ensemble-jardin-bambou-vintage-norki.html\">Acheter<\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const track = document.querySelector('.nk-slider-track');\n    if (!track) return;\n    const originalSlides = Array.from(document.querySelectorAll('.nk-slider-slide'));\n    const totalOriginal = originalSlides.length;\n\n    \/\/ Clonage infini (Pre-clones et Post-clones)\n    originalSlides.forEach(slide => {\n      const clone = slide.cloneNode(true);\n      clone.setAttribute('aria-hidden', 'true');\n      track.appendChild(clone);\n    });\n    originalSlides.slice().reverse().forEach(slide => {\n      const clone = slide.cloneNode(true);\n      clone.setAttribute('aria-hidden', 'true');\n      track.insertBefore(clone, track.firstChild);\n    });\n\n    const getSlidesPerView = () => {\n      if (window.innerWidth > 1024) return 5;\n      if (window.innerWidth > 768) return 2;\n      return 1;\n    };\n\n    let slidesPerView = getSlidesPerView();\n    let currentIndex = totalOriginal; \n    let isAnimating = false;\n\n    const updateCarousel = (instant = false) => {\n      const itemWidth = 100 \/ slidesPerView;\n      track.style.transition = instant ? 'none' : 'transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1)';\n      track.style.transform = `translateX(-${currentIndex * itemWidth}%)`;\n    };\n\n    \/\/ Initialisation\n    updateCarousel(true);\n\n    const moveNext = () => {\n      if (isAnimating) return;\n      isAnimating = true;\n      currentIndex++;\n      updateCarousel();\n    };\n\n    const movePrev = () => {\n      if (isAnimating) return;\n      isAnimating = true;\n      currentIndex--;\n      updateCarousel();\n    };\n\n    document.querySelector('.nk-slider-next').addEventListener('click', moveNext);\n    document.querySelector('.nk-slider-prev').addEventListener('click', movePrev);\n\n    track.addEventListener('transitionend', (e) => {\n      if (e.propertyName !== 'transform') return;\n      isAnimating = false;\n      \n      if (currentIndex <= 0) {\n        currentIndex = totalOriginal;\n        updateCarousel(true);\n      } \n      else if (currentIndex >= totalOriginal * 2) {\n        currentIndex = totalOriginal;\n        updateCarousel(true);\n      }\n    });\n\n    \/\/ Gestion propre du resize pour \u00e9viter les sauts hors-champ\n    window.addEventListener('resize', () => {\n      slidesPerView = getSlidesPerView();\n      updateCarousel(true);\n    });\n\n    \/\/ --- LOGIQUE DU BALAYAGE TACTILE (SWIPE) ---\n    let startX = 0;\n    let endX = 0;\n    const swipeThreshold = 40;\n\n    track.addEventListener('touchstart', (e) => {\n      startX = e.touches[0].clientX;\n    }, { passive: true });\n\n    track.addEventListener('touchend', (e) => {\n      endX = e.changedTouches[0].clientX;\n      handleSwipe();\n    });\n\n    const handleSwipe = () => {\n      const diff = startX - endX;\n      if (Math.abs(diff) > swipeThreshold) {\n        if (diff > 0) {\n          moveNext();\n        } else {\n          movePrev();\n        }\n      }\n    };\n\n    \/\/ --- LAZY LOADING OPTIMIS\u00c9 ---\n    const observerOptions = {\n      root: null,\n      rootMargin: '0px 100% 0px 100%', \n      threshold: 0\n    };\n\n    const imageObserver = new IntersectionObserver((entries, observer) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          const img = entry.target;\n          \n          if (img.dataset.src) {\n            img.onload = () => {\n              img.classList.add('nk-slider-loaded');\n            };\n            img.src = img.dataset.src;\n            img.removeAttribute('data-src');\n            observer.unobserve(img);\n          }\n        }\n      });\n    }, observerOptions);\n    \n    document.querySelectorAll('.nk-slider-slide img').forEach(img => {\n      imageObserver.observe(img);\n    });\n  });\n<\/script>\n\n\n\n<style>\n    \/* ==========================================================================\n       COMPOSANT : NAVIGATION COLLAGE 2 (Header centr\u00e9 + Patch Safari)\n       ========================================================================== *\/\n\n    .nav-collage {\n        background-color: var(--color-norki-beige, #f8f0ea);\n        color: var(--wp--preset--color--contrast, #000);\n        width: 100%;\n        position: relative;\n        overflow: hidden; \n        padding-top: var(--section-pad-v-dt, 80px);\n        \n        \/* Correctif Safari iOS 1 : Hauteur stricte au lieu de min-height *\/\n        height: 38vw; \n        box-sizing: border-box;\n    }\n\n    \/* --- HEADER (Boutons + Titres) --- *\/\n    .nav-collage__header {\n        display: flex;\n        justify-content: center; \/* Rapproche tous les \u00e9l\u00e9ments au centre *\/\n        align-items: center; \/* Aligne verticalement les boutons avec le bloc de texte *\/\n        gap: clamp(20px, 4vw, 60px); \/* Espacement fluide entre boutons et titre *\/\n        padding: 0 var(--section-pad-h-dt, 5vw);\n        position: relative;\n        z-index: 20; \n    }\n\n    .nav-collage__titles {\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .nav-collage__title {\n        font-size: clamp(28px, 3vw, 42px);\n        margin: 0;\n        line-height: 1.1;\n        letter-spacing: -0.01em;\n    }\n\n    .nav-collage__subtitle {\n        font-size: clamp(18px, 2vw, 26px);\n        margin: 5px 0 0 0;\n    }\n\n    \/* Boutons de navigation (Retour \/ Suivant) *\/\n    .nav-collage__btn {\n        font-size: clamp(14px, 1.2vw, 18px);\n        color: inherit;\n        text-decoration: underline;\n        text-decoration-color: currentColor;\n        text-underline-offset: 4px;\n        transition: opacity 0.3s ease;\n        white-space: nowrap; \/* Maintient les boutons sur une ligne *\/\n    }\n\n    .nav-collage__btn:hover {\n        opacity: 0.6;\n    }\n\n    \/* Nettoyage des utilitaires flex obsol\u00e8tes (flex: 1 retir\u00e9) *\/\n    .nav-collage__btn-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    \/* --- GALERIE (Collage absolu) --- *\/\n    .nav-collage__gallery {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none; \n    }\n\n    .nav-collage__img {\n        position: absolute;\n        object-fit: cover;\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12); \n        transform-origin: bottom center; \n        \n        \/* Correctif Safari iOS 3 : Base mat\u00e9rielle et s\u00e9paration des calques *\/\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n    }\n\n    \/* Placements PC : Injection de translateZ(0) dans les rotations pour le GPU *\/\n    .nav-collage__img--1 {\n        left: 1%;\n        bottom: -17%;\n        width: 25%;\n        -webkit-transform: rotate(-9deg) translateZ(0);\n        transform: rotate(-9deg) translateZ(0);\n        z-index: 4;\n    }\n\n    .nav-collage__img--2 {\n        left: 22%;\n        bottom: -8%;\n        width: 17%;\n        -webkit-transform: rotate(5deg) translateZ(0);\n        transform: rotate(5deg) translateZ(0);\n        z-index: 5;\n    }\n\n    .nav-collage__img--3 {\n        left: 39%;\n        bottom: -2%;\n        width: 14%;\n        -webkit-transform: rotate(-6deg) translateZ(0);\n        transform: rotate(-6deg) translateZ(0);\n        z-index: 4;\n    }\n\n    .nav-collage__img--4 {\n        left: 49%;\n        bottom: -4%;\n        width: 22%;\n        -webkit-transform: rotate(3deg) translateZ(0);\n        transform: rotate(3deg) translateZ(0);\n        z-index: 1;\n    }\n\n    .nav-collage__img--5 {\n        left: 70%;\n        bottom: -2%;\n        width: 11%;\n        -webkit-transform: rotate(-2deg) translateZ(0);\n        transform: rotate(-2deg) translateZ(0);\n        z-index: 0;\n    }\n\n    .nav-collage__img--6 {\n        left: 79%;\n        bottom: -6%;\n        width: 22%;\n        -webkit-transform: rotate(9deg) translateZ(0);\n        transform: rotate(9deg) translateZ(0);\n        z-index: 3;\n    }\n\n    \/* ==========================================================================\n       RESPONSIVE (Tablette & Mobile)\n       ========================================================================== *\/\n\n    @media screen and (max-width: 1024px) {\n        .nav-collage {\n            height: 50vw; \/* Correctif Safari iOS *\/\n            padding-top: var(--section-pad-v-tab, 50px);\n        }\n        .nav-collage__header {\n            padding: 0 var(--section-pad-h-tab, 4vw);\n        }\n    }\n\n    @media screen and (max-width: 768px) {\n        .nav-collage {\n            height: 80vw; \/* Correctif Safari iOS *\/\n            padding-top: var(--section-pad-v-mob, 40px);\n        }\n\n        .nav-collage__header {\n            padding: 0 var(--section-pad-h-mob, 20px);\n            gap: 15px; \/* Espacement r\u00e9duit sur mobile *\/\n        }\n\n        .nav-collage__img--5,\n        .nav-collage__img--6 {\n            display: none;\n        }\n\n        \/* Maintien de l'acc\u00e9l\u00e9ration GPU sur mobile *\/\n        .nav-collage__img--1 {\n            -webkit-transform: rotate(-9deg) translateZ(0);\n            transform: rotate(-9deg) translateZ(0);\n            left: -5%;\n            bottom: -5%;\n            width: 43%;\n        }\n\n        .nav-collage__img--2 {\n            left: 22%;\n            bottom: -9%;\n            width: 34%;\n            -webkit-transform: rotate(5deg) translateZ(0);\n            transform: rotate(5deg) translateZ(0);\n        }\n\n        .nav-collage__img--3 {\n            left: 50%;\n            bottom: -2%;\n            width: 30%;\n            -webkit-transform: rotate(-6deg) translateZ(0);\n            transform: rotate(-6deg) translateZ(0);\n            z-index: 6;\n        }\n\n        .nav-collage__img--4 {\n            left: 66%;\n            bottom: 0%;\n            width: 34%;\n            -webkit-transform: rotate(3deg) translateZ(0);\n            transform: rotate(3deg) translateZ(0);\n        }\n    }\n<\/style>\n\n<section class=\"nav-collage\" aria-label=\"Navigation chronologique vers le style chalet suivant\">\n    \n    <!-- HEADER -->\n    <header class=\"nav-collage__header\">\n        \n        <!-- Bouton Retour -->\n        <div class=\"nav-collage__btn-wrapper\">\n            <a href=\"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/\" class=\"nav-collage__btn\" aria-label=\"Retourner \u00e0 la page pr\u00e9c\u00e9dente\">Retour<\/a>\n        <\/div>\n\n        <!-- Titres Centraux -->\n        <div class=\"nav-collage__titles\">\n            <h2 class=\"nav-collage__title avenirmedium-font\">Style Chalet<\/h2>\n            <span class=\"nav-collage__subtitle baskerville-italic-font\">suivant<\/span>\n        <\/div>\n\n        <!-- Bouton Suivant -->\n        <div class=\"nav-collage__btn-wrapper wp-next-post-link\">\n            <a href=\"#\" class=\"nav-collage__btn\" aria-label=\"Voir le style chalet pr\u00e9c\u00e9dent dans le temps\" id=\"norki-next-post-btn\">Suivant<\/a>\n        <\/div>\n\n    <\/header>\n\n    <!-- COLLAGE IMAGES ABSOLUES -->\n    <div class=\"nav-collage__gallery\" aria-hidden=\"true\">\n        <!-- Correctif Safari iOS 2 : loading=\"eager\" obligatoire -->\n        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/a8af3567c31da11874e75d168aa27bc5_jpg.jpg\" alt=\"Chalet montagnard traditionnel en vieux bois fleuri sous un ciel d'\u00e9t\u00e9 ensoleill\u00e9\" class=\"nav-collage__img nav-collage__img--1\" loading=\"eager\">\n        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/shutterstock_478700209-1024x681_jpg.jpg\" alt=\"Chiens de tra\u00eeneau de type husky courant de front dans la neige en plein hiver\" class=\"nav-collage__img nav-collage__img--2\" loading=\"eager\">\n        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/a9f1b817c50c36ac33af08ce27901f8aj.jpg\" alt=\"Suspension ou luminaire design contemporain imitant des branches de laiton dor\u00e9 lumineux\" class=\"nav-collage__img nav-collage__img--3\" loading=\"eager\">\n        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/bernd-dittrich-v9zvwAMTLgs-unsplash.jpg\" alt=\"D\u00e9tail et gros plan sur une texture de bois br\u00fbl\u00e9 ou vieilli noir profond\" class=\"nav-collage__img nav-collage__img--4\" loading=\"eager\">\n        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/bel_arosa_2025_007084b0001763745503.jpg\" alt=\"Balcon en bois sculpt\u00e9 d'un chalet offrant une vue majestueuse sur des massifs enneig\u00e9s d'Arosa\" class=\"nav-collage__img nav-collage__img--5\" loading=\"eager\">\n        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/b80f04538e1b6d75caaf66d1546a4cbb.jpg\" alt=\"Int\u00e9rieur de chalet rustique et intimiste avec po\u00eale \u00e0 bois en m\u00e9tal et foyer allum\u00e9\" class=\"nav-collage__img nav-collage__img--6\" loading=\"eager\">\n    <\/div>\n\n<\/section>\n\n\n<style>\r\n        .nav-collage__gallery .nav-collage__img {\r\n            pointer-events: auto !important; \/* Autorise le clic malgr\u00e9 le parent bloqu\u00e9 *\/\r\n            cursor: pointer !important;\r\n            transition: scale 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), z-index 0s !important;\r\n        }\r\n        .nav-collage__gallery .nav-collage__img:hover {\r\n            scale: 1.04 !important; \/* Zoom l\u00e9ger qui n'\u00e9crase pas le rotate() *\/\r\n            z-index: 10 !important; \/* Passe l'image au premier plan au survol *\/\r\n        }\r\n    <\/style><script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            var targetUrl = \"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-ski-in-out\/\";\r\n            \r\n            \/\/ 1. Mise \u00e0 jour du Bouton \"Suivant\" classique\r\n            var nextBtn = document.getElementById(\"norki-next-post-btn\");\r\n            if (nextBtn) {\r\n                nextBtn.href = targetUrl;\r\n            }\r\n            \r\n            \/\/ 2. Ajout de la redirection au clic sur toutes les images du collage\r\n            var collageImages = document.querySelectorAll(\".nav-collage__gallery .nav-collage__img\");\r\n            collageImages.forEach(function(img) {\r\n                img.addEventListener(\"click\", function() {\r\n                    window.location.href = targetUrl;\r\n                });\r\n            });\r\n        });\r\n    <\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le Chalet en transparence L&rsquo;Art de la vue Le vide est tout puissant parce qu\u2019il peut tout contenir. Charlotte Perriand Tapis Zima carr\u00e9 blanc Voir le produit Plaid Jan Cognac Voir le produit Quand le verre et le m\u00e9tal r\u00e9inventent la lecture de la d\u00e9coration de montagne Fusion de lumi\u00e8re et de verre, ce moodboard [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1835,"comment_status":"open","ping_status":"open","sticky":false,"template":"template-page-builder-no-header-footer.php","format":"standard","meta":{"_uag_custom_page_level_css":"\/* A COPIER COLLER *\/\n\n:root {\n\t--wp--preset--color--contrast: black;\n    \/* Paddings de section standards *\/\n    --section-pad-v-dt: 80px;\n    --section-pad-h-dt: 5vw;\n    \n    --section-pad-v-tab: 50px;\n    --section-pad-h-tab: 4vw;\n    \n    --section-pad-v-mob: 40px;\n    --section-pad-h-mob: 20px;\n\n    \/* Couleurs  Polices *\/\n    --color-norki-brown: #50423d;\n    --color-norki-beige: #f8f0ea;\n    --font-baskerville: 'Baskerville', serif;\n    --font-montserrat: 'Montserrat', sans-serif;\n}\n\n@font-face {\n  font-family: 'LibreBaskervilleItalic';\n  src: url('https:\/\/www.norki.com\/studio-chalet\/wp-content\/themes\/twentytwentyfour\/assets\/fonts\/Libre-Baskerville\/LibreBaskerville-Italic.ttf') format('truetype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'Bestermind';\n  src: url('https:\/\/www.norki.com\/studio-chalet\/wp-content\/themes\/twentytwentyfour\/assets\/fonts\/Bestermind\/BestermindRegular.ttf') format('truetype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'AvenirBook';\n  src: url('https:\/\/www.norki.com\/studio-chalet\/wp-content\/themes\/twentytwentyfour\/assets\/fonts\/Avenir\/Avenir-Book-01.otf') format('opentype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n\n@font-face {\n  font-family: 'AvenirMedium';\n  src: url('https:\/\/www.norki.com\/studio-chalet\/wp-content\/themes\/twentytwentyfour\/assets\/fonts\/Avenir\/Avenir-Book-01.otf') format('opentype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'AvenirBookOblique';\n  src: url('https:\/\/www.norki.com\/studio-chalet\/wp-content\/themes\/twentytwentyfour\/assets\/fonts\/Avenir\/Avenir-BookOblique-02.otf') format('opentype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'Pertili';\n  src: url('https:\/\/www.norki.com\/studio-chalet\/wp-content\/themes\/twentytwentyfour\/assets\/fonts\/PERTILI.TTF') format('truetype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n.pertili-font {\n\tfont-family: \"Pertili\", sans-serif !important;\n}\n\n.bestermind-font {\n\tfont-family: \"Bestermind\", sans-serif !important;\n}\n\n.avenirbookoblique-font {\n\tfont-family: \"AvenirBookOblique\", sans-serif !important;\n}\n\n.baskerville-italic-font {\n\tfont-family: \"LibreBaskervilleItalic\", sans-serif !important;\n}\n\n.avenirmedium-font {\n\tfont-family: \"AvenirMedium\", sans-serif !important;\n}\n\nbody:not(.wp-admin) * {\n  font-family: \"AvenirBook\", sans-serif;\n}\n\nbody {\n\tbackground-color: #f8f0ea !important;\n\tcolor: black;\n}\n\nh2 {\n\tfont-family: \"AvenirMedium\", sans-serif !important;\n}\n\n.components-sandbox {\n\tmax-height: 500px;\n}\n\n\/* A COPIER COLLER END *\/\n\n.wp-block-paragraph {\n\tmargin: 0;\n}","_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1547","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-classe"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Style Chalet en Transparence | La D\u00e9coration par le Vide<\/title>\n<meta name=\"description\" content=\"Plongez dans le Chalet en transparence. Une d\u00e9coration par le vide sign\u00e9e Norki, o\u00f9 verre et m\u00e9tal subliment l&#039;architecture de cette r\u00e9sidence.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Style Chalet en Transparence | La D\u00e9coration par le Vide\" \/>\n<meta property=\"og:description\" content=\"Plongez dans le Chalet en transparence. Une d\u00e9coration par le vide sign\u00e9e Norki, o\u00f9 verre et m\u00e9tal subliment l&#039;architecture de cette r\u00e9sidence.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/\" \/>\n<meta property=\"og:site_name\" content=\"Norki\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/NorkiDecoration\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-12T12:24:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-09T06:04:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637.png\" \/>\n\t<meta property=\"og:image:width\" content=\"318\" \/>\n\t<meta property=\"og:image:height\" content=\"343\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"webmaster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"webmaster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/\"},\"author\":{\"name\":\"webmaster\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#\\\/schema\\\/person\\\/4b34fd29df4e93ff4bfab4d6df138a65\"},\"headline\":\"Le Chalet en Transparence\",\"datePublished\":\"2026-06-12T12:24:03+00:00\",\"dateModified\":\"2026-07-09T06:04:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/\"},\"wordCount\":454,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Le_Chalet_en_transparence-e1781613041637.png\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/\",\"url\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/\",\"name\":\"Style Chalet en Transparence | La D\u00e9coration par le Vide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Le_Chalet_en_transparence-e1781613041637.png\",\"datePublished\":\"2026-06-12T12:24:03+00:00\",\"dateModified\":\"2026-07-09T06:04:35+00:00\",\"description\":\"Plongez dans le Chalet en transparence. Une d\u00e9coration par le vide sign\u00e9e Norki, o\u00f9 verre et m\u00e9tal subliment l'architecture de cette r\u00e9sidence.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Le_Chalet_en_transparence-e1781613041637.png\",\"contentUrl\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Le_Chalet_en_transparence-e1781613041637.png\",\"width\":318,\"height\":343},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-sobre-lumineux\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Le Chalet en Transparence\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#website\",\"url\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/\",\"name\":\"Norki\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#organization\",\"name\":\"Norki | Studio Chalet\",\"url\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-simple-noir_NORKI-e1777530636585.png\",\"contentUrl\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-simple-noir_NORKI-e1777530636585.png\",\"width\":300,\"height\":74,\"caption\":\"Norki | Studio Chalet\"},\"image\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/NorkiDecoration\",\"https:\\\/\\\/instagram.com\\\/norkiofficial\\\/\",\"https:\\\/\\\/fr.linkedin.com\\\/company\\\/norki-decoration\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCLwZSkdXDYvZx68leltWTMw\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#\\\/schema\\\/person\\\/4b34fd29df4e93ff4bfab4d6df138a65\",\"name\":\"webmaster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f0dd935977773b40329d6949b3a34d44fc5c9740511d8cbde1791c2a5b3caffe?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f0dd935977773b40329d6949b3a34d44fc5c9740511d8cbde1791c2a5b3caffe?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f0dd935977773b40329d6949b3a34d44fc5c9740511d8cbde1791c2a5b3caffe?s=96&d=mm&r=g\",\"caption\":\"webmaster\"},\"sameAs\":[\"https:\\\/\\\/norki.com\\\/studio-chalet\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Style Chalet en Transparence | La D\u00e9coration par le Vide","description":"Plongez dans le Chalet en transparence. Une d\u00e9coration par le vide sign\u00e9e Norki, o\u00f9 verre et m\u00e9tal subliment l'architecture de cette r\u00e9sidence.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/","og_locale":"fr_FR","og_type":"article","og_title":"Style Chalet en Transparence | La D\u00e9coration par le Vide","og_description":"Plongez dans le Chalet en transparence. Une d\u00e9coration par le vide sign\u00e9e Norki, o\u00f9 verre et m\u00e9tal subliment l'architecture de cette r\u00e9sidence.","og_url":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/","og_site_name":"Norki","article_publisher":"https:\/\/facebook.com\/NorkiDecoration","article_published_time":"2026-06-12T12:24:03+00:00","article_modified_time":"2026-07-09T06:04:35+00:00","og_image":[{"width":318,"height":343,"url":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637.png","type":"image\/png"}],"author":"webmaster","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"webmaster","Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/#article","isPartOf":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/"},"author":{"name":"webmaster","@id":"https:\/\/www.norki.com\/studio-chalet\/#\/schema\/person\/4b34fd29df4e93ff4bfab4d6df138a65"},"headline":"Le Chalet en Transparence","datePublished":"2026-06-12T12:24:03+00:00","dateModified":"2026-07-09T06:04:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/"},"wordCount":454,"commentCount":0,"publisher":{"@id":"https:\/\/www.norki.com\/studio-chalet\/#organization"},"image":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/#primaryimage"},"thumbnailUrl":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637.png","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/","url":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/","name":"Style Chalet en Transparence | La D\u00e9coration par le Vide","isPartOf":{"@id":"https:\/\/www.norki.com\/studio-chalet\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/#primaryimage"},"image":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/#primaryimage"},"thumbnailUrl":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637.png","datePublished":"2026-06-12T12:24:03+00:00","dateModified":"2026-07-09T06:04:35+00:00","description":"Plongez dans le Chalet en transparence. Une d\u00e9coration par le vide sign\u00e9e Norki, o\u00f9 verre et m\u00e9tal subliment l'architecture de cette r\u00e9sidence.","breadcrumb":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/#primaryimage","url":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637.png","contentUrl":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637.png","width":318,"height":343},{"@type":"BreadcrumbList","@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-sobre-lumineux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.norki.com\/fr\/studio-chalet\/"},{"@type":"ListItem","position":2,"name":"Le Chalet en Transparence"}]},{"@type":"WebSite","@id":"https:\/\/www.norki.com\/studio-chalet\/#website","url":"https:\/\/www.norki.com\/studio-chalet\/","name":"Norki","description":"","publisher":{"@id":"https:\/\/www.norki.com\/studio-chalet\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.norki.com\/studio-chalet\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.norki.com\/studio-chalet\/#organization","name":"Norki | Studio Chalet","url":"https:\/\/www.norki.com\/studio-chalet\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.norki.com\/studio-chalet\/#\/schema\/logo\/image\/","url":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/04\/logo-simple-noir_NORKI-e1777530636585.png","contentUrl":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/04\/logo-simple-noir_NORKI-e1777530636585.png","width":300,"height":74,"caption":"Norki | Studio Chalet"},"image":{"@id":"https:\/\/www.norki.com\/studio-chalet\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/NorkiDecoration","https:\/\/instagram.com\/norkiofficial\/","https:\/\/fr.linkedin.com\/company\/norki-decoration\/","https:\/\/www.youtube.com\/channel\/UCLwZSkdXDYvZx68leltWTMw"]},{"@type":"Person","@id":"https:\/\/www.norki.com\/studio-chalet\/#\/schema\/person\/4b34fd29df4e93ff4bfab4d6df138a65","name":"webmaster","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/f0dd935977773b40329d6949b3a34d44fc5c9740511d8cbde1791c2a5b3caffe?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f0dd935977773b40329d6949b3a34d44fc5c9740511d8cbde1791c2a5b3caffe?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f0dd935977773b40329d6949b3a34d44fc5c9740511d8cbde1791c2a5b3caffe?s=96&d=mm&r=g","caption":"webmaster"},"sameAs":["https:\/\/norki.com\/studio-chalet"]}]}},"uagb_featured_image_src":{"full":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637.png",318,343,false],"thumbnail":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637-150x150.png",150,150,true],"medium":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637-278x300.png",278,300,true],"medium_large":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637.png",318,343,false],"large":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637.png",318,343,false],"1536x1536":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637.png",318,343,false],"2048x2048":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_en_transparence-e1781613041637.png",318,343,false]},"uagb_author_info":{"display_name":"webmaster","author_link":"https:\/\/www.norki.com\/studio-chalet\/inspiration-decoration-montagne\/author\/webmaster\/"},"uagb_comment_info":0,"uagb_excerpt":"Le Chalet en transparence L&rsquo;Art de la vue Le vide est tout puissant parce qu\u2019il peut tout contenir. Charlotte Perriand Tapis Zima carr\u00e9 blanc Voir le produit Plaid Jan Cognac Voir le produit Quand le verre et le m\u00e9tal r\u00e9inventent la lecture de la d\u00e9coration de montagne Fusion de lumi\u00e8re et de verre, ce moodboard\u2026","_links":{"self":[{"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/posts\/1547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/comments?post=1547"}],"version-history":[{"count":23,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/posts\/1547\/revisions"}],"predecessor-version":[{"id":2419,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/posts\/1547\/revisions\/2419"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/media\/1835"}],"wp:attachment":[{"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/media?parent=1547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/categories?post=1547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/tags?post=1547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}