{"id":1496,"date":"2026-06-12T11:29:25","date_gmt":"2026-06-12T09:29:25","guid":{"rendered":"https:\/\/norki.com\/studio-chalet\/?p=1496"},"modified":"2026-07-24T09:38:37","modified_gmt":"2026-07-24T07:38:37","slug":"style-minimaliste","status":"publish","type":"post","link":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/","title":{"rendered":"Le Chalet Minimaliste"},"content":{"rendered":"\n<style>\n  \/* ==========================================================================\n     COMPOSANT : CHALET MINIMALISTE\n     ========================================================================== *\/\n  \n  .chalet-minimaliste {\n    position: relative;\n    width: 100%;\n    \/* Utilisation de la couleur de fond globale en fallback *\/\n    background-color: var(--color-norki-beige, #f8f0ea);\n    overflow: hidden;\n    margin: 0;\n    \/* Application des variables de 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-minimaliste__wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 2560px; \/* Limite raisonnable pour les tr\u00e8s grands \u00e9crans *\/\n    margin: 0 auto;\n    display: block;\n  }\n\n  \/* Gestion des images de fond (Collage) *\/\n  .chalet-minimaliste__bg-img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n  }\n\n  .chalet-minimaliste__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-minimaliste__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    \/* On laisse les clics passer au travers du calque, on les r\u00e9active sur les enfants *\/\n    pointer-events: none; \n  }\n\n  \/* --- TEXTE --- *\/\n  .chalet-minimaliste__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-minimaliste__title {\n    font-size: clamp(28px, 2.8vw, 48px);\n    margin: 0;\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n  }\n\n  .chalet-minimaliste__subtitle {\n    font-size: clamp(16px, 1.4vw, 24px);\n    margin: 0;\n    line-height: 1.3;\n  }\n\n  \/* --- FAUTEUIL INTERACTIF --- *\/\n  .chalet-minimaliste__chair-link {\n    position: absolute;\n    top: 29.5%;\n    left: 52%;\n    width: 26.5%; \/* Largeur proportionnelle \u00e0 la maquette PC *\/\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 (Hover Scale) *\/\n  .chalet-minimaliste__chair-link:hover {\n    transform: scale(1.06) translateY(-5px);\n  }\n\n  \/* L'ombre port\u00e9e est g\u00e9r\u00e9e dynamiquement pour bien d\u00e9tacher l'objet du fond *\/\n  .chalet-minimaliste__chair-img {\n    width: 100%;\n    height: auto;\n    display: block;\n    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.15));\n    transition: filter 0.4s ease;\n  }\n\n  .chalet-minimaliste__chair-link:hover .chalet-minimaliste__chair-img {\n    filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.2));\n  }\n\n  \/* ==========================================================================\n     RESPONSIVE (Tablette & Mobile)\n     ========================================================================= *\/\n\n  \/* Tablettes (Paysage \/ Portrait large) *\/\n  @media screen and (max-width: 1024px) {\n    .chalet-minimaliste {\n      \/* Application du padding vertical pour Tablette *\/\n      padding-top: 80px;\n      padding-bottom: var(--section-pad-v-tab, 50px);\n    }\n\n    .chalet-minimaliste__text {\n      left: 4%;\n    }\n    .chalet-minimaliste__chair-link {\n      top: 31%;\n      left: 48%;\n      width: 32%;\n    }\n  }\n\n  \/* Mobile *\/\n  @media screen and (max-width: 768px) {\n    .chalet-minimaliste {\n      \/* Application du padding vertical pour Mobile *\/\n      padding-top: 70px;\n      padding-bottom: var(--section-pad-v-mob, 40px);\n    }\n\n    \/* Bascule forc\u00e9e des images pour contourner les bugs de CMS *\/\n    .chalet-minimaliste__bg-img--desktop {\n      display: none !important;\n    }\n    .chalet-minimaliste__bg-img--mobile {\n      display: block !important;\n    }\n\n    .chalet-minimaliste__text {\n      \/* Positionnement cal\u00e9 sur l'empilement du fichier mobile.png *\/\n      top: 21.5%; \n      left: 6%;\n      gap: 2px;\n    }\n    \n    .chalet-minimaliste__title {\n      font-size: clamp(24px, 6vw, 32px);\n    }\n\n    .chalet-minimaliste__subtitle {\n      font-size: clamp(16px, 4vw, 20px);\n    }\n\n    .chalet-minimaliste__chair-link {\n      \/* Le fauteuil descend sous le texte et occupe plus de largeur *\/\n      top: 35.5%;\n      left: 20%;\n      width: 60%;\n    }\n  }\n<\/style>\n\n<section class=\"chalet-minimaliste\" aria-label=\"Inspiration Chalet Minimaliste\">\n  <div class=\"chalet-minimaliste__wrapper\">\n    \n    <!-- ARRI\u00c8RE-PLAN DESKTOP -->\n    <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/pc.png\" alt=\"Moodboard et collage d'inspiration design int\u00e9rieur pour chalet\" class=\"chalet-minimaliste__bg-img chalet-minimaliste__bg-img--desktop\" fetchpriority=\"high\">\n    \n    <!-- ARRI\u00c8RE-PLAN MOBILE (Cach\u00e9 sur Desktop via CSS) -->\n    <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/mobile.png\" alt=\"Moodboard et collage d'inspiration design int\u00e9rieur pour chalet - Version Mobile\" class=\"chalet-minimaliste__bg-img chalet-minimaliste__bg-img--mobile\" loading=\"lazy\">\n    \n    <!-- CALQUE SUPERPOS\u00c9 (Texte & Interactions) -->\n    <div class=\"chalet-minimaliste__overlay\">\n      \n      <!-- Bloc Texte SEO -->\n      <div class=\"chalet-minimaliste__text\">\n        <h2 class=\"chalet-minimaliste__title avenirmedium-font\">Le Chalet minimaliste<\/h2>\n        <p class=\"chalet-minimaliste__subtitle baskerville-italic-font\">entre force min\u00e9rale et modernit\u00e9 apais\u00e9e<\/p>\n      <\/div>\n      \n      <!-- Fauteuil Interactif -->\n      <a href=\"https:\/\/www.norki.com\/fr\/collection-fauteuil-norki\/196-fauteuil-coco-beige-norki-agneau-velours.html\" class=\"chalet-minimaliste__chair-link\" aria-label=\"D\u00e9couvrir le fauteuil Coco Beige Norki en agneau velours\">\n        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Assise_Photo-Principale-Fauteuil-Coco-Beige_NORKI.png\" alt=\"Fauteuil Coco Beige Norki\" class=\"chalet-minimaliste__chair-img\" width=\"500\" height=\"500\">\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\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 -->\n        <p class=\"baskerville-italic-font\">\n            Le minimalisme a une nature\n            po\u00e9tique, en ce sens qu\u2019il touche\n            l\u2019\u00e9quilibre entre le plein et le vide.\n        <\/p>\n        <!-- Signature de l'auteur en cursive -->\n        <span class=\"bloc-citation-norki__author bestermind-font\">Jennie C. Jones<\/span>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    \/* ==========================================================================\n       COMPOSANT : INTRO MOODBOARD (Texte + Image plaqu\u00e9e \u00e0 gauche)\n       ========================================================================== *\/\n\n    .moodboard-intro {\n        position: relative;\n        \/* Fond global de la section *\/\n        background-color: var(--color-norki-beige, #f8f0ea);\n        width: 100%;\n        display: grid;\n        \/* Grille asym\u00e9trique sur desktop : ~33% pour l'image, le reste pour le texte *\/\n        grid-template-columns: 33% 1fr;\n        align-items: center;\n        \/* Z\u00e9ro padding sur le conteneur principal pour permettre \u00e0 l'image de toucher le bord *\/\n        padding: 0;\n        margin: 0;\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    }\n\n    .moodboard-intro * {\n        box-sizing: border-box;\n    }\n\n    \/* --- COLONNE IMAGE --- *\/\n    .moodboard-intro__image-col {\n        position: relative; \/* Indispensable pour l'ancrage absolu 0x0 du hotspot *\/\n        overflow: visible;  \/* Essentiel pour ne pas couper les tooltips *\/\n        width: 100%;\n        height: 100%;\n        display: flex;\n    }\n\n    .moodboard-intro__img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* --- COLONNE TEXTE --- *\/\n    .moodboard-intro__text-col {\n        \/* Padding adaptatif : un espace g\u00e9n\u00e9reux \u00e0 gauche pour s\u00e9parer de l'image, \n           et le padding de section standard \u00e0 droite *\/\n        padding-left: 8vw;\n        padding-right: var(--section-pad-h-dt, 5vw);\n        padding-top: var(--section-pad-v-dt, 80px);\n        padding-bottom: var(--section-pad-v-dt, 80px);\n        max-width: 900px; \/* Emp\u00eache le texte de s'\u00e9tirer \u00e0 l'infini sur tr\u00e8s grands \u00e9crans *\/\n    }\n\n    .moodboard-intro__title {\n        font-size: clamp(24px, 2.5vw, 34px);\n        line-height: 1.25;\n        color: var(--wp--preset--color--contrast, #000);\n        margin: 0 0 35px 0;\n        letter-spacing: -0.01em;\n    }\n\n    .moodboard-intro__desc {\n        font-size: clamp(14px, 1.2vw, 16px);\n        line-height: 1.5;\n        color: var(--wp--preset--color--contrast, #000);\n        margin: 0;\n    }\n\n    \/* ==========================================================================\n       HOTSPOTS (POINTS FLOTTANTS - CORRIG\u00c9S PIXEL-PERFECT)\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    \/* Hover & Active States *\/\n    .nk-hotspot__btn:hover,\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    .nk-hotspot__btn:hover svg,\n    .nk-hotspot.is-active .nk-hotspot__btn svg {\n        transform: rotate(90deg);\n    }\n\n    \/* Infobulle (Tooltip) *\/\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    \/* 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 *\/\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 (Tablette & Mobile)\n       ========================================================================== *\/\n\n    \/* Tablettes (Portrait et petits \u00e9crans Desktop) *\/\n    @media screen and (max-width: 1024px) {\n        .moodboard-intro {\n            grid-template-columns: 45% 1fr;\n        }\n        .moodboard-intro__text-col {\n            padding-left: 5vw;\n            padding-right: var(--section-pad-h-tab, 4vw);\n            padding-top: var(--section-pad-v-tab, 50px);\n            padding-bottom: var(--section-pad-v-tab, 50px);\n        }\n    }\n\n    \/* Mobile *\/\n    @media screen and (max-width: 768px) {\n        .moodboard-intro {\n            \/* On passe sur une seule colonne via la grille, empilement propre *\/\n            grid-template-columns: 1fr;\n            align-items: start;\n        }\n\n        .moodboard-intro__image-col {\n            width: 100%;\n            height: auto; \/* On d\u00e9sactive le 100% de hauteur du desktop pour \u00e9viter les d\u00e9bordements *\/\n            \/* Ajout du padding droit sur mobile, l'image reste coll\u00e9e \u00e0 gauche *\/\n            padding-right: var(--section-pad-h-mob, 20px);\n            box-sizing: border-box; \n        }\n\n        .moodboard-intro__img {\n            height: auto;\n            max-height: 65vh; \/* Limite la hauteur sur mobile pour ne pas prendre tout l'\u00e9cran *\/\n        }\n\n        .moodboard-intro__text-col {\n            width: 100%;\n            \/* Application des variables mobiles : le padding gauche et droit devient sym\u00e9trique *\/\n            padding-left: var(--section-pad-h-mob, 20px);\n            padding-right: var(--section-pad-h-mob, 20px);\n            padding-top: var(--section-pad-v-mob, 40px);\n            padding-bottom: var(--section-pad-v-mob, 40px);\n            box-sizing: border-box;\n        }\n\n        .moodboard-intro__title {\n            font-size: clamp(22px, 6vw, 28px);\n            margin-bottom: 25px;\n        }\n\n        .moodboard-intro__desc {\n            font-size: clamp(15px, 4vw, 18px);\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=\"moodboard-intro\" aria-label=\"Introduction au moodboard chalet contemporain\">\n    \n    <div class=\"moodboard-intro__image-col\">\n        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/PROMENADE_1672.jpg\" alt=\"Vue sur un escalier en bois avec un tabouret design Norki et mur en briques\" class=\"moodboard-intro__img\" loading=\"lazy\">\n        \n        <!-- HOTSPOT 1 : Chaise Yaga Brutaliste en Bois Massif -->\n        <div class=\"nk-hotspot\" style=\"top: 42%; left: 50%;\">\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\/collection-fauteuil-norki\/488-Chaise-Yaga-Moderne-Brutaliste-Bois-Massif-norki.html\" class=\"nk-hotspot__link\">\n                    <img decoding=\"async\" src=\"https:\/\/www.norki.com\/5145-large_default\/Chaise-Yaga-Moderne-Brutaliste-Bois-Massif-norki.jpg\" alt=\"Chaise Yaga Brutaliste\" class=\"nk-hotspot__thumb\">\n                    <div class=\"nk-hotspot__info\">\n                        <span class=\"nk-hotspot__title\">Chaise Yaga Brutaliste<\/span>\n                        <span class=\"nk-hotspot__action\">Voir le produit<\/span>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"moodboard-intro__text-col\">\n        <h2 class=\"moodboard-intro__title avenirmedium-font\">\n            Moodboard de chalet contemporain o\u00f9 lignes pures et mati\u00e8res nobles esquissent une vision libre et \u00e9l\u00e9gante de l\u2019art de vivre alpin\n        <\/h2>\n        <p class=\"moodboard-intro__desc\">\n            Ce moodboard r\u00e9v\u00e8le avec clart\u00e9 le vocabulaire esth\u00e9tique de Norki : un mobilier contemporain, \u00e0 la fois chaleureux et pr\u00e9cis, o\u00f9 les lignes \u00e9pur\u00e9es rencontrent des couleurs franches, toujours en \u00e9cho \u00e0 la nature environnante, omnipr\u00e9sente.\n        <\/p>\n    <\/div>\n\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 : PALETTE CHALET (Texte + Grille Images Asym\u00e9trique)\n       ========================================================================== *\/\n\n    .palette-chalet {\n        position: relative;\n        \/* Application des paddings de section globaux *\/\n        padding: var(--section-pad-v-dt, 80px) var(--section-pad-h-dt, 5vw);\n        background-color: var(--color-norki-beige, #f8f0ea);\n        color: var(--wp--preset--color--contrast, #000);\n        width: 100%;\n        box-sizing: border-box;\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    }\n\n    .palette-chalet * {\n        box-sizing: border-box;\n    }\n\n    .palette-chalet__wrapper {\n        margin: 0 auto;\n        display: grid;\n        \/* Grille asym\u00e9trique : le texte prend ~22%, le reste pour les images *\/\n        grid-template-columns: 22% 1fr;\n        gap: 6vw;\n        align-items: start;\n    }\n\n    \/* --- COLONNE TEXTE --- *\/\n    .palette-chalet__text-col {\n        font-size: clamp(14px, 1vw, 16px);\n        line-height: 1.5;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .palette-chalet__text-col p {\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .palette-chalet__text-visible p:first-child {\n        margin-top: 0;\n    }\n    \n    .palette-chalet__text-col .is-open p:first-child {\n        margin-top: 20px;\n    }\n    \n    .palette-chalet__text-col p:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Desktop : le contenu suppl\u00e9mentaire est toujours visible *\/\n    #extra-wrapper-palette {\n        display: block;\n    }\n\n    .palette-chalet__btn-more {\n        display: none; \/* Cach\u00e9 sur Desktop *\/\n    }\n\n    \/* --- COLONNE IMAGES (GRILLE DESKTOP EXTREME PRECISION) --- *\/\n    .palette-chalet__images-col {\n        display: grid;\n        \/* Utilisation de \"fr\" au lieu de \"%\" pour distribuer l'espace sans g\u00e9n\u00e9rer de vide.\n           Les proportions (29, 36, 25) sont conserv\u00e9es. *\/\n        grid-template-columns: 29fr 36fr 25fr;\n        \/* Gap strict de 1vw en vertical ET horizontal *\/\n        gap: 1vw; \n    }\n\n    \/* Hack pour la grille Desktop : on \"efface\" les wrappers mobiles \n       pour que les images soient des enfants directs de la grille principale *\/\n    .palette-chalet__mobile-col {\n        display: contents; \n    }\n\n    \/* Wrappers d'images configur\u00e9s en visible pour autoriser le d\u00e9bordement des hotspots *\/\n    .palette-chalet__img-wrapper {\n        width: 100%;\n        height: 100%;\n        overflow: visible; \/* Essentiel pour afficher les tooltips sans coupure *\/\n        position: relative; \/* Ancre absolue pour le positionnement des hotspots *\/\n    }\n\n    \/* Conteneur de rognage interne pour pr\u00e9server l'effet zoom (scale) propre de l'image *\/\n    .palette-chalet__img-clip {\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        background-color: #e5dfd9;\n        border-radius: 2px;\n    }\n\n    .palette-chalet__img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.6s ease;\n    }\n\n    .palette-chalet__img-wrapper:hover .palette-chalet__img {\n        transform: scale(1.03);\n    }\n\n    \/* --- PLACEMENTS SP\u00c9CIFIQUES DESKTOP --- *\/\n    \n    .palette-chalet__img-wrapper--montagne {\n        \/* S'\u00e9tend sur les col 1 et 2, mais on la r\u00e9duit et l'aligne \u00e0 droite \n           pour recr\u00e9er le vide \u00e0 gauche vu sur la maquette PC *\/\n        grid-column: 1 \/ 3;\n        grid-row: 1;\n        width: 85%;\n        justify-self: end;\n        aspect-ratio: 1.35 \/ 1; \n    }\n\n    .palette-chalet__img-wrapper--terrasse {\n        grid-column: 1;\n        grid-row: 2;\n        aspect-ratio: 0.75 \/ 1;\n    }\n\n    .palette-chalet__img-wrapper--matiere {\n        grid-column: 2;\n        grid-row: 2;\n        aspect-ratio: 0.85 \/ 1; \/* L\u00e9g\u00e8rement plus large que la terrasse *\/\n    }\n\n    .palette-chalet__img-wrapper--salon {\n        grid-column: 3;\n        \/* S'\u00e9tend sur les deux lignes. Sans aspect-ratio ni align-self, \n           l'\u00e9l\u00e9ment stretch automatiquement pour remplir toute la hauteur des 2 lignes + le gap *\/\n        grid-row: 1 \/ 3;\n        height: 55%;\n        margin-top: 40%;\n    }\n\n    \/* ==========================================================================\n       HOTSPOTS (POINTS FLOTTANTS - CORRIG\u00c9S PIXEL-PERFECT)\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    \/* Hover & Active States (CORRIG\u00c9 : survol d\u00e9clench\u00e9 au niveau parent) *\/\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    .nk-hotspot:hover .nk-hotspot__btn svg,\n    .nk-hotspot.is-active .nk-hotspot__btn svg {\n        transform: rotate(90deg);\n    }\n\n    \/* Infobulle (Tooltip) *\/\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    \/* Pont invisible anti-flicker 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; \/* Comble parfaitement le vide physique *\/\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 *\/\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 (Tablette & Mobile)\n       ========================================================================== *\/\n\n    @media screen and (max-width: 1024px) {\n        .palette-chalet {\n            padding: var(--section-pad-v-tab, 50px) var(--section-pad-h-tab, 4vw);\n            padding-right: 0;\n        }\n        .palette-chalet__wrapper {\n            grid-template-columns: 32% 1fr;\n            gap: 4vw;\n        }\n    }\n\n    @media screen and (max-width: 768px) {\n        .palette-chalet {\n            padding: var(--section-pad-v-mob, 40px) var(--section-pad-h-mob, 20px);\n            padding-right: 0;\n        }\n\n        .palette-chalet__wrapper {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        \/* Inversion de l'ordre : Images en haut, Texte en bas *\/\n        .palette-chalet__images-col {\n            order: 1;\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 5px;\n            width: 100%;\n        }\n\n        .palette-chalet__mobile-col {\n            display: flex; \n            flex-direction: column;\n            gap: 5px;\n            min-width: 0;\n        }\n\n        .palette-chalet__text-col {\n            order: 2;\n            font-size: clamp(15px, 4vw, 17px);\n            margin-right: 20px;\n        }\n\n        \/* R\u00e9initialisation des contraintes Desktop pour le Mobile *\/\n        .palette-chalet__img-wrapper {\n            height: auto;\n        }\n\n        .palette-chalet__img-wrapper--montagne {\n            width: 100%;\n            justify-self: auto;\n            aspect-ratio: 1.15 \/ 1;\n        }\n        \n        .palette-chalet__img-wrapper--terrasse {\n            aspect-ratio: 0.75 \/ 1;\n        }\n\n        .palette-chalet__img-wrapper--salon {\n            aspect-ratio: 0.65 \/ 1;\n            height: auto;\n            margin-top: 0;\n        }\n\n        .palette-chalet__img-wrapper--matiere {\n            aspect-ratio: 0.8 \/ 1;\n        }\n\n        \/* --- LOGIQUE \"VOIR PLUS\" MOBILE --- *\/\n        #extra-wrapper-palette {\n            display: grid;\n            grid-template-rows: 0fr;\n            transition: grid-template-rows 0.4s ease-out;\n            overflow: hidden;\n        }\n\n        #extra-wrapper-palette.is-open {\n            grid-template-rows: 1fr;\n        }\n\n        .palette-chalet__expand-content {\n            overflow: hidden;\n        }\n\n        .palette-chalet__btn-more {\n            display: inline-block;\n            align-self: flex-start;\n            margin-top: 5px;\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        }\n\n        .palette-chalet__btn-more:hover {\n            text-decoration-color: transparent;\n            opacity: 0.7;\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=\"palette-chalet\" aria-label=\"Palette d'inspirations chalet\">\n    <div class=\"palette-chalet__wrapper\">\n        \n        <!-- COLONNE TEXTE -->\n        <div class=\"palette-chalet__text-col\">\n            <div class=\"palette-chalet__text-visible\">\n                <p>Une palette subtile de beiges, de camel et de verts profonds \u00e9voque sans d\u00e9tour la for\u00eat qui entoure le chalet. Les mati\u00e8res naturelles s\u2019y r\u00e9pondent avec \u00e9l\u00e9gance : le bois blond dialogue avec des pierres grises, signature intemporelle de l\u2019architecture alpine, habillant les fa\u00e7ades d\u2019un chalet aux lignes r\u00e9solument nettes et contemporaines.<\/p>\n            <\/div>\n            \n            <!-- Accord\u00e9on Mobile -->\n            <div id=\"extra-wrapper-palette\">\n                <div class=\"palette-chalet__expand-content\">\n                    <p>Le bois se laisse sculpter en formes \u00e9vocatrices, presque archa\u00efques, rappelant l\u2019esprit d\u2019une collection d\u2019art primitif. Le noir \u00e9b\u00e8ne y converse avec la douceur lumineuse du ch\u00eane blond, choisi pour dessiner des \u00e9tag\u00e8res sur mesure aux proportions parfaitement ma\u00eetris\u00e9es.<\/p>\n                    <p>Le marbre, blanc ou l\u00e9g\u00e8rement blond, fa\u00e7onne les tables \u00e0 manger comme les espaces de bain, apportant une dimension min\u00e9rale et lumineuse. Le cuir au tannage v\u00e9g\u00e9tal vient habiller avec caract\u00e8re les escaliers en m\u00e9tal noirci, cr\u00e9ant un contraste sophistiqu\u00e9 entre mati\u00e8re brute et raffinement artisanal.<\/p>\n                <\/div>\n            <\/div>\n            \n            <button type=\"button\" class=\"palette-chalet__btn-more\" id=\"voir-plus-btn-palette\">Voir plus<\/button>\n        <\/div>\n\n        <!-- COLONNE IMAGES -->\n        <div class=\"palette-chalet__images-col\">\n            \n            <!-- Colonne Mobile de Gauche -->\n            <div class=\"palette-chalet__mobile-col\">\n                <div class=\"palette-chalet__img-wrapper palette-chalet__img-wrapper--montagne\">\n                    <div class=\"palette-chalet__img-clip\">\n                        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/josh-mccausland-PZgbhwBVpAk-unsplash.jpg\" alt=\"Paysage de montagne sous un ciel nuageux\" class=\"palette-chalet__img\" loading=\"lazy\">\n                    <\/div>\n                <\/div>\n                \n                <div class=\"palette-chalet__img-wrapper palette-chalet__img-wrapper--terrasse\">\n                    <div class=\"palette-chalet__img-clip\">\n                        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/TERASSE_1352-2.jpg\" alt=\"Coin d\u00e9tente ext\u00e9rieur sur une terrasse en bois avec plaids\" class=\"palette-chalet__img\" loading=\"lazy\">\n                    <\/div>\n                    \n                    <!-- HOTSPOT 2 : Plaid Jan Cognac -->\n                    <div class=\"nk-hotspot\" style=\"top: 72%; left: 50%;\">\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                <\/div>\n            <\/div>\n\n            <!-- Colonne Mobile de Droite -->\n            <div class=\"palette-chalet__mobile-col\">\n                <div class=\"palette-chalet__img-wrapper palette-chalet__img-wrapper--salon\">\n                    <div class=\"palette-chalet__img-clip\">\n                        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/TAPIS_FOREST-0977.jpg\" alt=\"Vue int\u00e9rieure d'un salon avec grande table en bois et baies vitr\u00e9es\" class=\"palette-chalet__img\" loading=\"lazy\">\n                    <\/div>\n\n                    <!-- HOTSPOT 1 : Tapis Forest -->\n                    <div class=\"nk-hotspot\" style=\"top: 78%; left: 52%;\">\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\/476-264-tapis-forest-norki-contemporain-peau-lainee-bleu-vert.html#\/52-dimension-250_350_cm\" class=\"nk-hotspot__link\">\n                                <img decoding=\"async\" src=\"https:\/\/www.norki.com\/5050-large_default\/tapis-forest-norki-contemporain-peau-lainee-bleu-vert.jpg\" alt=\"Tapis Forest\" class=\"nk-hotspot__thumb\">\n                                <div class=\"nk-hotspot__info\">\n                                    <span class=\"nk-hotspot__title\">Tapis Forest<\/span>\n                                    <span class=\"nk-hotspot__action\">Voir le produit<\/span>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"palette-chalet__img-wrapper palette-chalet__img-wrapper--matiere\">\n                    <div class=\"palette-chalet__img-clip\">\n                        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/pictet-1.jpg\" alt=\"D\u00e9tail de mati\u00e8re tiss\u00e9e verte profonde\" class=\"palette-chalet__img\" loading=\"lazy\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ --- Gestion du bouton \"Voir plus\" (Uniquement sur Mobile) ---\n        const btnPalette = document.getElementById('voir-plus-btn-palette'); \n        const wrapperPalette = document.getElementById('extra-wrapper-palette'); \n\n        if (btnPalette && wrapperPalette) {\n            btnPalette.addEventListener('click', () => {\n                const isOpen = wrapperPalette.classList.toggle('is-open');\n                btnPalette.textContent = isOpen ? 'Voir moins' : 'Voir plus';\n            });\n        }\n\n        \/\/ --- Gestion des Hotspots ---\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 : OEUVRES ET MODERNIT\u00c9 (Grille Asym\u00e9trique)\n       ========================================================================== *\/\n\n    .art-compo {\n        background-color: var(--color-norki-beige, #f8f0ea);\n        color: var(--wp--preset--color--contrast, #000);\n        width: 100%;\n        \/* Le padding vertical est g\u00e9r\u00e9 ici, mais le padding horizontal est g\u00e9r\u00e9 \n           \u00e0 l'int\u00e9rieur de la grille pour permettre aux images de toucher les bords *\/\n        padding-top: var(--section-pad-v-dt, 80px);\n        padding-bottom: var(--section-pad-v-dt, 80px);\n        box-sizing: border-box;\n        overflow: hidden;\n    }\n\n    .art-compo * {\n        box-sizing: border-box;\n    }\n\n    \/* --- GRILLE DESKTOP --- *\/\n    .art-compo__grid {\n        margin: 0 auto;\n        display: grid;\n        \/* Grille 4 colonnes calqu\u00e9e sur les proportions visuelles de la maquette PC :\n           1. Cuir (~22%) | 2. Statue+Texte (~35%) | 3. Texte Top (~18%) | 4. Lumi (~16%) *\/\n        grid-template-columns: 22% 35% 18% 16%;\n        justify-content: space-between;\n        gap: 3vw;\n        align-items: start;\n        \n        \/* Z\u00e9ro padding \u00e0 gauche pour coller l'image 1, padding normal \u00e0 droite *\/\n        padding-left: 0;\n        padding-right: var(--section-pad-h-dt, 5vw);\n    }\n\n    \/* --- TYPOGRAPHIE GLOBALE --- *\/\n    .art-compo p {\n        font-size: clamp(14px, 1vw, 15px);\n        line-height: 1.45;\n        margin-top: 0;\n    }\n\n    .art-compo p:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* --- LIENS \u00c9DITORIAUX ET LOGIQUE 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: transparent;\n        opacity: 0.7;\n    }\n\n    \/* *\/\n    \/* --- Bouton Voir Plus --- *\/\n    .art-compo__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        margin-top: 5px;\n        margin-bottom: 25px;\n        transition: text-decoration-color 0.3s ease, opacity 0.3s ease;\n        padding: 0;\n    }\n\n    .art-compo__btn-more:hover {\n        text-decoration-color: transparent;\n        opacity: 0.7;\n    }\n\n    \/* --- Syst\u00e8me d'expansion (Grid Transition) --- *\/\n    #extra-wrapper-oeuvres {\n        display: grid;\n        grid-template-rows: 0fr;\n        transition: grid-template-rows 0.4s ease-out;\n        overflow: hidden;\n    }\n\n    #extra-wrapper-oeuvres.is-open {\n        grid-template-rows: 1fr;\n        margin-top: 20px;\n    }\n\n    .art-compo__expand-content {\n        overflow: hidden;\n    }\n\n    \/* Annulation de la marge sur le dernier paragraphe interne pour \u00e9viter les sauts *\/\n    .art-compo__expand-content > *:last-child {\n        margin-bottom: 20px; \n    }\n\n    \/* --- COLONNE 1 : IMAGE CUIR --- *\/\n    .art-compo__cuir {\n        grid-column: 1;\n        width: 100%;\n    }\n\n    .art-compo__cuir img {\n        width: 100%;\n        aspect-ratio: 0.9 \/ 1;\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* --- COLONNE 2 : STATUE & TEXTES --- *\/\n    .art-compo__center {\n        grid-column: 2;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .art-compo__statue-img {\n        width: 100%;\n        aspect-ratio: 0.72 \/ 1; \/* Format portrait allong\u00e9 *\/\n        object-fit: cover;\n        display: block;\n        margin-bottom: 30px;\n    }\n\n    .art-compo__center-text {\n        width: 100%;\n    }\n\n    \/* --- COLONNE 3 : TEXTE TOP --- *\/\n    .art-compo__text-top {\n        grid-column: 3;\n        margin-top: 8vw; \/* D\u00e9calage accentu\u00e9 pour s'aligner plus bas par rapport \u00e0 la statue *\/\n    }\n\n    \/* --- COLONNE 4 : IMAGE LUMINAIRE --- *\/\n    .art-compo__lumi {\n        grid-column: 4;\n        width: 100%;\n        margin-top: 8vw;\n    }\n\n    .art-compo__lumi img {\n        width: 100%;\n        aspect-ratio: 1 \/ 1.05;\n        object-fit: cover;\n        display: block;\n    }\n\n\n    \/* *\/\n    \/* ==========================================================================\n       RESPONSIVE (Tablette & Mobile)\n       ========================================================================== *\/\n\n    @media screen and (max-width: 1024px) {\n        .art-compo {\n            padding-top: var(--section-pad-v-tab, 50px);\n            padding-bottom: var(--section-pad-v-tab, 50px);\n        }\n        .art-compo__grid {\n            \/* Ajustement des proportions pour tablette *\/\n            grid-template-columns: 24% 38% 28%;\n            padding-right: var(--section-pad-h-tab, 4vw);\n        }\n        \/* On masque le luminaire sur tablette portrait pour faire respirer le texte *\/\n        .art-compo__lumi {\n            display: none;\n        }\n    }\n\n    @media screen and (max-width: 768px) {\n        .art-compo {\n            padding-top: var(--section-pad-v-mob, 40px);\n            padding-bottom: var(--section-pad-v-mob, 40px);\n        }\n\n        .art-compo__grid {\n            display: flex;\n            flex-direction: column;\n            padding-right: 0; \/* Reset total, les paddings sont g\u00e9r\u00e9s par bloc *\/\n            gap: 35px;\n        }\n\n        \/* 1. IMAGE CUIR PLAQU\u00c9E \u00c0 DROITE *\/\n        .art-compo__cuir {\n            order: 1;\n            width: 75%; \/* Ne prend pas tout l'\u00e9cran *\/\n            align-self: flex-end; \/* S'aligne \u00e0 droite *\/\n            \/* Z\u00e9ro padding \u00e0 droite, touche le bord ! *\/\n            padding-left: var(--section-pad-h-mob, 20px); \n        }\n\n        \/* 2. TEXTE TOP *\/\n        .art-compo__text-top {\n            order: 2;\n            padding: 0 var(--section-pad-h-mob, 20px);\n            font-size: clamp(15px, 4vw, 17px);\n            margin-top: 0; \/* Reset du d\u00e9calage PC *\/\n        }\n\n        \/* 3. COLONNE STATUE & TEXTES *\/\n        .art-compo__center {\n            order: 3;\n            padding: 0 var(--section-pad-h-mob, 20px);\n        }\n\n        .art-compo__center-text p {\n            font-size: clamp(15px, 4vw, 17px);\n            margin-bottom: 0;\n        }\n\n        \/* Ajustement du ratio image sur mobile *\/\n        .art-compo__cuir img {\n            aspect-ratio: 1 \/ 1.1;\n        }\n\n        .art-compo__statue-img {\n            aspect-ratio: 0.8 \/ 1;\n            margin-bottom: 25px;\n        }\n\n        \/* 4. LUMINAIRE MASQU\u00c9 *\/\n        .art-compo__lumi {\n            display: none;\n        }\n    }\n<\/style>\n\n<!-- -->\n<section class=\"art-compo\" aria-label=\"\u0152uvres d'art et modernit\u00e9 apais\u00e9e\">\n    <div class=\"art-compo__grid\">\n        \n        <!-- COLONNE 1 : Image Cuir (Plaqu\u00e9e \u00e0 gauche sur PC, \u00e0 droite sur Mobile) -->\n        <div class=\"art-compo__cuir\">\n            <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/cuir_luxe_jpg.jpg\" alt=\"D\u00e9tail de rev\u00eatement en cuir de luxe\" loading=\"lazy\">\n        <\/div>\n\n        <!-- COLONNE 2 : Image Statue & Textes centraux -->\n        <div class=\"art-compo__center\">\n            <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/alessia92-no-one-3106105.jpg\" alt=\"Statue sculpturale moderne\" class=\"art-compo__statue-img\" loading=\"lazy\">\n            <div class=\"art-compo__center-text\">\n                <!-- Premier paragraphe (visible par d\u00e9faut) -->\n                <p>L&rsquo;ensemble cultive une modernit\u00e9 apais\u00e9e : les lignes restent contemporaines sans jamais \u00eatre abruptes. Le confort s&rsquo;exprime dans une fluidit\u00e9 naturelle, sans ostentation. La signature essentielle de notre Maison s&rsquo;exprime enfin dans l&rsquo;introduction <a href=\"https:\/\/www.norki.com\/fr\/\" class=\"nk-editorial-inline-link\">subtile de peaux et de fourrures,<\/a> loin des clich\u00e9s du chalet traditionnel.<\/p>\n                \n                <!-- Bloc de texte cach\u00e9 \/ d\u00e9roulant -->\n                <div id=\"extra-wrapper-oeuvres\">\n                    <div class=\"art-compo__expand-content\">\n                        <p>Ce moodboard de chalet contemporain revendique ainsi une vision libre et singuli\u00e8re de la montagne \u2014 \u00e9loign\u00e9e des codes convenus \u2014 signature de notre <a href=\"https:\/\/www.norki.com\/fr\/studio-chalet\/agence-decoration-projets-montagne-3d\/\" class=\"nk-editorial-inline-link\">Studio Chalet<\/a>. Une c\u00e9l\u00e9bration de la simplicit\u00e9, d&rsquo;un esth\u00e9tisme affirm\u00e9 et de lignes pures, o\u00f9 chaque mati\u00e8re trouve sa juste place.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Bouton plac\u00e9 apr\u00e8s le bloc d\u00e9roulant pour descendre lors de l'expansion -->\n                <button type=\"button\" class=\"art-compo__btn-more\" id=\"voir-plus-btn-oeuvres\" aria-expanded=\"false\" aria-controls=\"extra-wrapper-oeuvres\">Voir plus<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- COLONNE 3 : Texte Sup\u00e9rieur -->\n        <div class=\"art-compo__text-top\">\n            <p>Les \u0153uvres d&rsquo;art, s\u00e9lectionn\u00e9es avec exigence, s&rsquo;int\u00e8grent naturellement \u00e0 l&rsquo;architecture int\u00e9rieure et participent pleinement \u00e0 la composition : chaises sculpturales, luminaires exclusifs, pi\u00e8ces singuli\u00e8res. <a href=\"https:\/\/www.norki.com\/fr\/41-objets-decoration-luxe-vintage\" class=\"nk-editorial-inline-link\">Chaque objet<\/a> affirme une intention, une signature, une libert\u00e9 cr\u00e9ative assum\u00e9e.<\/p>\n        <\/div>\n\n        <!-- COLONNE 4 : Image Luminaire (Align\u00e9e en haut sur PC, masqu\u00e9e sur Mobile) -->\n        <div class=\"art-compo__lumi\">\n            <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/luminaires.jpg\" alt=\"Luminaire exclusif au design singulier\" loading=\"lazy\">\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- -->\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ --- Gestion du bouton \"Voir plus\" ---\n        const btnOeuvres = document.getElementById('voir-plus-btn-oeuvres'); \n        const wrapperOeuvres = document.getElementById('extra-wrapper-oeuvres'); \n\n        if (btnOeuvres && wrapperOeuvres) {\n            btnOeuvres.addEventListener('click', () => {\n                const isOpen = wrapperOeuvres.classList.toggle('is-open');\n                btnOeuvres.setAttribute('aria-expanded', isOpen);\n                btnOeuvres.textContent = isOpen ? 'Voir moins' : 'Voir plus';\n            });\n        }\n    });\n<\/script>\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 : Fauteuil coco beige -->\n        <div class=\"nk-slider-slide\">\n          <a href=\"https:\/\/www.norki.com\/fr\/collection-fauteuil-norki\/196-fauteuil-coco-beige-norki-agneau-velours.html\" class=\"nk-slider-img-link\" tabindex=\"-1\">\n            <img decoding=\"async\" data-src=\"https:\/\/www.norki.com\/5020-large_default\/fauteuil-coco-beige-norki-agneau-velours.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=\"Fauteuil Coco Beige\">\n          <\/a>\n          <div class=\"nk-slider-caption\">\n            <span>Fauteuil Coco Beige<\/span>\n            <a href=\"https:\/\/www.norki.com\/fr\/collection-fauteuil-norki\/196-fauteuil-coco-beige-norki-agneau-velours.html\">Acheter<\/a>\n          <\/div>\n        <\/div>\n        \n        <!-- Slide 2 : Tapis icicle rond -->\n        <div class=\"nk-slider-slide\">\n          <a href=\"https:\/\/www.norki.com\/fr\/tapis-editions-designer-norki\/330-136-tapis-icicle-rond-contraste-blanc.html#\/55-dimension-o_300_cm\" class=\"nk-slider-img-link\" tabindex=\"-1\">\n            <img decoding=\"async\" data-src=\"https:\/\/www.norki.com\/5378-large_default\/tapis-icicle-rond-contraste-blanc.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 Icicle Rond\">\n          <\/a>\n          <div class=\"nk-slider-caption\">\n            <span>Tapis Icicle Rond<\/span>\n            <a href=\"https:\/\/www.norki.com\/fr\/tapis-editions-designer-norki\/330-136-tapis-icicle-rond-contraste-blanc.html#\/55-dimension-o_300_cm\">Acheter<\/a>\n          <\/div>\n        <\/div>\n        \n        <!-- Slide 3 : Tapis forest -->\n        <div class=\"nk-slider-slide\">\n          <a href=\"https:\/\/www.norki.com\/fr\/les-tapis-iconiques-norki\/476-264-tapis-forest-norki-contemporain-peau-lainee-bleu-vert.html#\/52-dimension-250_350_cm\" class=\"nk-slider-img-link\" tabindex=\"-1\">\n            <img decoding=\"async\" data-src=\"https:\/\/www.norki.com\/5050-large_default\/tapis-forest-norki-contemporain-peau-lainee-bleu-vert.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 Forest\">\n          <\/a>\n          <div class=\"nk-slider-caption\">\n            <span>Tapis Forest<\/span>\n            <a href=\"https:\/\/www.norki.com\/fr\/les-tapis-iconiques-norki\/476-264-tapis-forest-norki-contemporain-peau-lainee-bleu-vert.html#\/52-dimension-250_350_cm\">Acheter<\/a>\n          <\/div>\n        <\/div>\n        \n        <!-- Slide 4 : Fauteuil swan + repose pied -->\n        <div class=\"nk-slider-slide\">\n          <a href=\"https:\/\/www.norki.com\/fr\/fauteuils-collectionnistes-norki-mobilier-vintage\/460-fauteuil-swan-repose-pieds-par-arne-jacobsen-vintage-norki.html\" class=\"nk-slider-img-link\" tabindex=\"-1\">\n            <img decoding=\"async\" data-src=\"https:\/\/www.norki.com\/4424-large_default\/fauteuil-swan-repose-pieds-par-arne-jacobsen-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=\"Fauteuil Swan &amp; Repose-Pied\">\n          <\/a>\n          <div class=\"nk-slider-caption\">\n            <span>Fauteuil Swan<\/span>\n            <a href=\"https:\/\/www.norki.com\/fr\/fauteuils-collectionnistes-norki-mobilier-vintage\/460-fauteuil-swan-repose-pieds-par-arne-jacobsen-vintage-norki.html\">Acheter<\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 5 : Coussin val d'is\u00e8re -->\n        <div class=\"nk-slider-slide\">\n          <a href=\"https:\/\/www.norki.com\/fr\/coussins-oreillers-createurs-fourrure-luxe-decoration-chalet-norki\/553-coussin-carre-luxe-fourrure-veritable-renard-orange-chalet-norki.html\" class=\"nk-slider-img-link\" tabindex=\"-1\">\n            <img decoding=\"async\" data-src=\"https:\/\/www.norki.com\/4915-large_default\/coussin-carre-luxe-fourrure-veritable-renard-orange-chalet-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 Val d'Is\u00e8re\">\n          <\/a>\n          <div class=\"nk-slider-caption\">\n            <span>Coussin Val d'Is\u00e8re<\/span>\n            <a href=\"https:\/\/www.norki.com\/fr\/coussins-oreillers-createurs-fourrure-luxe-decoration-chalet-norki\/553-coussin-carre-luxe-fourrure-veritable-renard-orange-chalet-norki.html\">Acheter<\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 6 : Fauteuil bambou vintage -->\n        <div class=\"nk-slider-slide\">\n          <a href=\"https:\/\/www.norki.com\/fr\/fauteuils-classiques-norki-mobilier-vintage\/463-ensemble-de-5-fauteuils-en-bambou-et-rotin-des-annees-50-vintage-norki.html\" class=\"nk-slider-img-link\" tabindex=\"-1\">\n            <img decoding=\"async\" data-src=\"https:\/\/www.norki.com\/5072-large_default\/ensemble-de-5-fauteuils-en-bambou-et-rotin-des-annees-50-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=\"Fauteuils Bambou Vintage\">\n          <\/a>\n          <div class=\"nk-slider-caption\">\n            <span>Fauteuils Bambou<\/span>\n            <a href=\"https:\/\/www.norki.com\/fr\/fauteuils-classiques-norki-mobilier-vintage\/463-ensemble-de-5-fauteuils-en-bambou-et-rotin-des-annees-50-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 7 (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; \/* Emp\u00eache les images de cr\u00e9er un scroll horizontal *\/\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; \/* Toujours au-dessus des images *\/\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        cursor: pointer;\n        white-space: nowrap; \/* Maintient les boutons sur une ligne *\/\n    }\n\n    .nav-collage__btn:hover {\n        opacity: 0.6;\n    }\n\n    \/* Utilitaires pour le layout flex central *\/\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; \/* Prend toute la hauteur pour que bottom: 0 fonctionne par rapport \u00e0 la section *\/\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none; \/* Les images sont purement d\u00e9coratives *\/\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); \/* Ombre pour d\u00e9tacher les calques *\/\n        transform-origin: bottom center; \/* Indispensable pour garder l'ancrage au sol lors des rotations *\/\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 sp\u00e9cifiques PC : Injection de translateZ(0) 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    \/* ==========================================================================\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        \/* Masquage des images 5 et 6 sur mobile *\/\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 Direct (Lien simple HTML) -->\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 d'inspiration d\u00e9coration montagne\">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 (Chronologique) -->\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\/loro-piana_the-i.c.e._cars-nf-1_jpg.jpg\" alt=\"Voiture de collection sur la neige\" 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\/7GUJINDHqox974kvlryOUd.jpg\" alt=\"Match de polo sur neige\" 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\/gstaad.jpg\" alt=\"Chalet de luxe enneig\u00e9 fa\u00e7on ch\u00e2teau\" 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\/encore-mag-luxe-blanc-3-1600x1748.5592315902-c-default.jpg\" alt=\"Skieuse en tenue de luxe\" class=\"nav-collage__img nav-collage__img--4\" loading=\"eager\">\n        \n        <!-- Ces images disparaissent sur mobile -->\n        <img decoding=\"async\" src=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Kueng-Caputo.jpg\" alt=\"Objet design en marbre\" 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\/SaveVid.Net_465239176_18289604035239777_6497090290131042185_n.jpg\" alt=\"Int\u00e9rieur de chalet en bois\" 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: none !important;\r\n            cursor: default !important;\r\n        }\r\n    <\/style><script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            \/\/ D\u00e9sactivation du bouton \"Suivant\"\r\n            var nextBtn = document.getElementById(\"norki-next-post-btn\");\r\n            if (nextBtn) {\r\n                nextBtn.style.opacity = \"0.3\";\r\n                nextBtn.style.pointerEvents = \"none\";\r\n                nextBtn.href = \"javascript:void(0);\";\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 minimaliste entre force min\u00e9rale et modernit\u00e9 apais\u00e9e Le minimalisme a une nature po\u00e9tique, en ce sens qu\u2019il touche l\u2019\u00e9quilibre entre le plein et le vide. Jennie C. Jones Chaise Yaga Brutaliste Voir le produit Moodboard de chalet contemporain o\u00f9 lignes pures et mati\u00e8res nobles esquissent une vision libre et \u00e9l\u00e9gante de l\u2019art de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1503,"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\n.wp-block-paragraph {\n\tmargin: 0;\n}","_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1496","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 Contemporain &amp; Minimaliste | Maison Norki<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez le style chalet minimaliste par Norki, entre force min\u00e9rale et modernit\u00e9 apais\u00e9e. Lignes pures et mati\u00e8res nobles subliment l&#039;art de vivre alpin.\" \/>\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-minimaliste\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Style Chalet Contemporain &amp; Minimaliste | Maison Norki\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez le style chalet minimaliste par Norki, entre force min\u00e9rale et modernit\u00e9 apais\u00e9e. Lignes pures et mati\u00e8res nobles subliment l&#039;art de vivre alpin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/\" \/>\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-12T09:29:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-24T07:38:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193.png\" \/>\n\t<meta property=\"og:image:width\" content=\"431\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\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-minimaliste\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/\"},\"author\":{\"name\":\"webmaster\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#\\\/schema\\\/person\\\/4b34fd29df4e93ff4bfab4d6df138a65\"},\"headline\":\"Le Chalet Minimaliste\",\"datePublished\":\"2026-06-12T09:29:25+00:00\",\"dateModified\":\"2026-07-24T07:38:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/\"},\"wordCount\":465,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Le_Chalet_minimaliste-e1781268049193.png\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/\",\"url\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/\",\"name\":\"Style Chalet Contemporain & Minimaliste | Maison Norki\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Le_Chalet_minimaliste-e1781268049193.png\",\"datePublished\":\"2026-06-12T09:29:25+00:00\",\"dateModified\":\"2026-07-24T07:38:37+00:00\",\"description\":\"D\u00e9couvrez le style chalet minimaliste par Norki, entre force min\u00e9rale et modernit\u00e9 apais\u00e9e. Lignes pures et mati\u00e8res nobles subliment l'art de vivre alpin.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Le_Chalet_minimaliste-e1781268049193.png\",\"contentUrl\":\"https:\\\/\\\/www.norki.com\\\/studio-chalet\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Le_Chalet_minimaliste-e1781268049193.png\",\"width\":431,\"height\":530},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/inspiration-decoration-montagne\\\/style-minimaliste\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/studio-chalet\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Le Chalet Minimaliste\"}]},{\"@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 Contemporain & Minimaliste | Maison Norki","description":"D\u00e9couvrez le style chalet minimaliste par Norki, entre force min\u00e9rale et modernit\u00e9 apais\u00e9e. Lignes pures et mati\u00e8res nobles subliment l'art de vivre alpin.","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-minimaliste\/","og_locale":"fr_FR","og_type":"article","og_title":"Style Chalet Contemporain & Minimaliste | Maison Norki","og_description":"D\u00e9couvrez le style chalet minimaliste par Norki, entre force min\u00e9rale et modernit\u00e9 apais\u00e9e. Lignes pures et mati\u00e8res nobles subliment l'art de vivre alpin.","og_url":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/","og_site_name":"Norki","article_publisher":"https:\/\/facebook.com\/NorkiDecoration","article_published_time":"2026-06-12T09:29:25+00:00","article_modified_time":"2026-07-24T07:38:37+00:00","og_image":[{"width":431,"height":530,"url":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193.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-minimaliste\/#article","isPartOf":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/"},"author":{"name":"webmaster","@id":"https:\/\/www.norki.com\/studio-chalet\/#\/schema\/person\/4b34fd29df4e93ff4bfab4d6df138a65"},"headline":"Le Chalet Minimaliste","datePublished":"2026-06-12T09:29:25+00:00","dateModified":"2026-07-24T07:38:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/"},"wordCount":465,"commentCount":0,"publisher":{"@id":"https:\/\/www.norki.com\/studio-chalet\/#organization"},"image":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/#primaryimage"},"thumbnailUrl":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193.png","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/","url":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/","name":"Style Chalet Contemporain & Minimaliste | Maison Norki","isPartOf":{"@id":"https:\/\/www.norki.com\/studio-chalet\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/#primaryimage"},"image":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/#primaryimage"},"thumbnailUrl":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193.png","datePublished":"2026-06-12T09:29:25+00:00","dateModified":"2026-07-24T07:38:37+00:00","description":"D\u00e9couvrez le style chalet minimaliste par Norki, entre force min\u00e9rale et modernit\u00e9 apais\u00e9e. Lignes pures et mati\u00e8res nobles subliment l'art de vivre alpin.","breadcrumb":{"@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/#primaryimage","url":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193.png","contentUrl":"https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193.png","width":431,"height":530},{"@type":"BreadcrumbList","@id":"https:\/\/www.norki.com\/fr\/studio-chalet\/inspiration-decoration-montagne\/style-minimaliste\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.norki.com\/fr\/studio-chalet\/"},{"@type":"ListItem","position":2,"name":"Le Chalet Minimaliste"}]},{"@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_minimaliste-e1781268049193.png",431,530,false],"thumbnail":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193-150x150.png",150,150,true],"medium":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193-244x300.png",244,300,true],"medium_large":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193.png",431,530,false],"large":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193.png",431,530,false],"1536x1536":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193.png",431,530,false],"2048x2048":["https:\/\/www.norki.com\/studio-chalet\/wp-content\/uploads\/2026\/06\/Le_Chalet_minimaliste-e1781268049193.png",431,530,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 minimaliste entre force min\u00e9rale et modernit\u00e9 apais\u00e9e Le minimalisme a une nature po\u00e9tique, en ce sens qu\u2019il touche l\u2019\u00e9quilibre entre le plein et le vide. Jennie C. Jones Chaise Yaga Brutaliste Voir le produit Moodboard de chalet contemporain o\u00f9 lignes pures et mati\u00e8res nobles esquissent une vision libre et \u00e9l\u00e9gante de l\u2019art de\u2026","_links":{"self":[{"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/posts\/1496","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=1496"}],"version-history":[{"count":63,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/posts\/1496\/revisions"}],"predecessor-version":[{"id":2430,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/posts\/1496\/revisions\/2430"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/media\/1503"}],"wp:attachment":[{"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/media?parent=1496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/categories?post=1496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.norki.com\/studio-chalet\/wp-json\/wp\/v2\/tags?post=1496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}