{"id":3306,"date":"2026-05-22T09:55:04","date_gmt":"2026-05-22T07:55:04","guid":{"rendered":"https:\/\/norki.com\/sur-mesure\/?page_id=3306"},"modified":"2026-06-10T11:48:56","modified_gmt":"2026-06-10T09:48:56","slug":"label-epv-entreprise-patrimoine-vivant","status":"publish","type":"page","link":"https:\/\/www.norki.com\/fr\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/","title":{"rendered":"Label EPV"},"content":{"rendered":"\n<style>\n    \/* =========================================\n       1. VARIABLES LOCALES DU COMPOSANT\n       ========================================= *\/\n    :root {\n        --epv-color-text: #ffffff;\n        --epv-shadow-text: 0 2px 8px rgba(0, 0, 0, 0.4);\n    }\n\n    \/* =========================================\n       2. STRUCTURE DU HERO (FULLSCREEN)\n       ========================================= *\/\n    .epv-hero-wrapper {\n        position: relative;\n        width: 100%;\n        height: 100vh; \/* Hauteur adaptative *\/\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #1a1a1a;\n    }\n\n    \/* Image de fond en cover (g\u00e8re le format portrait) *\/\n    .epv-hero-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center center;\n        z-index: 1;\n        transform: scale(1.2); \/* \u00c9tat initial zoom\u00e9 *\/\n        will-change: transform;\n    }\n\n    \/* Animation de d\u00e9zoom activ\u00e9e par JS au chargement *\/\n    .epv-hero-wrapper.is-loaded .epv-hero-bg {\n        animation: epvDezoomHero 3s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n    }\n\n    @keyframes epvDezoomHero {\n        0% { transform: scale(1.2); }\n        100% { transform: scale(1); }\n    }\n\n    \/* Voile assombrissant l\u00e9ger pour garantir la lisibilit\u00e9 du texte *\/\n    .epv-hero-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            to bottom,\n            rgba(0, 0, 0, 0.15) 0%,\n            rgba(0, 0, 0, 0.35) 50%,\n            rgba(0, 0, 0, 0.15) 100%\n        );\n        z-index: 2;\n    }\n\n    \/* =========================================\n       3. CONTENU TEXTUEL\n       ========================================= *\/\n    .epv-hero-content {\n        position: relative;\n        z-index: 3;\n        text-align: center;\n        color: var(--epv-color-text);\n        padding: 0 20px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .epv-hero-title {\n        margin: 0;\n        padding: 0;\n    }\n\n    .epv-title-sans {\n        display: block;\n        font-size: 2.2rem;\n        font-weight: 500;\n        letter-spacing: 0.03em;\n        line-height: 1.3;\n        margin-bottom: 0.2rem;\n        text-shadow: var(--epv-shadow-text);\n        color: var(--epv-color-text);\n    }\n\n    .epv-title-serif {\n        display: block;\n        font-size: 2.6rem;\n        font-weight: 400;\n        line-height: 1.2;\n        text-shadow: var(--epv-shadow-text);\n        color: var(--epv-color-text);\n    }\n\n    \/* Effet de curseur pour la machine \u00e0 \u00e9crire *\/\n    .epv-typewriter-cursor::after {\n        content: '|';\n        animation: epvBlinkCaret 0.8s step-end infinite;\n        font-weight: 300;\n        margin-left: 2px;\n    }\n\n    @keyframes epvBlinkCaret {\n        0%, 100% { opacity: 1; }\n        50% { opacity: 0; }\n    }\n\n    \/* =========================================\n       4. RESPONSIVE DESIGN\n       ========================================= *\/\n    @media (max-width: 1024px) {\n        .epv-title-sans { font-size: 1.8rem; }\n        .epv-title-serif { font-size: 2.2rem; }\n    }\n\n    @media (max-width: 768px) {\n        .epv-title-sans { \n            font-size: 1.4rem;\n            margin: 0 auto 0.4rem auto;\n        }\n        .epv-title-serif { font-size: 1.8rem; }\n    }\n\n    @media (max-width: 480px) {\n        .epv-title-sans { \n            font-size: 1rem; \n            letter-spacing: 0.01em;\n        }\n        .epv-title-serif { font-size: 1.4rem; }\n    }\n<\/style>\n\n<div class=\"epv-hero-wrapper\">\n    <!-- Image de fond au format t\u00e9l\u00e9phone fournie -->\n    <img decoding=\"async\" src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/label-entreprise-du-patrimoine-vivant-maison-norki-clear.png\" alt=\"D\u00e9tail du travail artisanal de la Maison Norki\" class=\"epv-hero-bg\" fetchpriority=\"high\" loading=\"eager\">\n    \n    <div class=\"epv-hero-overlay\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"epv-hero-content\">\n        <h1 class=\"epv-hero-title\">\n            <span class=\"epv-title-sans\">Le Label Entreprise du Patrimoine Vivant<\/span>\n            <span class=\"epv-title-serif baskerville-italic-font\">Label EPV<\/span>\n        <\/h1>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ --- PR\u00c9PARATION : Machine \u00e0 \u00e9crire ---\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const titleSans = document.querySelector('.epv-title-sans');\n        const titleSerif = document.querySelector('.epv-title-serif');\n        \n        if(titleSans && titleSerif) {\n            titleSans.dataset.text = titleSans.textContent.trim();\n            titleSerif.dataset.text = titleSerif.textContent.trim();\n            \n            titleSans.textContent = '';\n            titleSerif.textContent = '';\n        }\n    });\n\n    window.addEventListener(\"load\", function() {\n        \/\/ 1. D\u00c9ZOOM DE L'IMAGE HERO\n        const heroWrapper = document.querySelector('.epv-hero-wrapper');\n        if (heroWrapper) {\n            heroWrapper.classList.add('is-loaded');\n        }\n\n        \/\/ 2. MACHINE A \u00c9CRIRE\n        const titleSans = document.querySelector('.epv-title-sans');\n        const titleSerif = document.querySelector('.epv-title-serif');\n\n        if(titleSans && titleSerif) {\n            const textSans = titleSans.dataset.text;\n            const textSerif = titleSerif.dataset.text;\n            const speed = 35; \/\/ Vitesse de frappe\n\n            let i = 0;\n            function typeWriterSans() {\n                if (i === 0) titleSans.classList.add('epv-typewriter-cursor');\n                if (i < textSans.length) {\n                    titleSans.textContent += textSans.charAt(i);\n                    i++;\n                    setTimeout(typeWriterSans, speed);\n                } else {\n                    titleSans.classList.remove('epv-typewriter-cursor');\n                    setTimeout(typeWriterSerif, 200); \/\/ Courte pause avant la 2\u00e8me ligne\n                }\n            }\n\n            let j = 0;\n            function typeWriterSerif() {\n                if (j === 0) titleSerif.classList.add('epv-typewriter-cursor');\n                if (j < textSerif.length) {\n                    titleSerif.textContent += textSerif.charAt(j);\n                    j++;\n                    setTimeout(typeWriterSerif, speed);\n                } else {\n                    titleSerif.classList.remove('epv-typewriter-cursor');\n                }\n            }\n\n            \/\/ Lancement avec un l\u00e9ger d\u00e9calage apr\u00e8s le d\u00e9but du d\u00e9zoom\n            setTimeout(typeWriterSans, 300);\n        }\n    });\n<\/script>\n\n\n\n<style>\n    \/* ==========================================================================\n       1. VARIABLES LOCALES DU COMPOSANT\n       ========================================================================== *\/\n    :root {\n        --maison-sf-bg: #f8f0ea;\n        --maison-sf-text: #000000;\n        --maison-sf-font: 'Montserrat', 'Futura', 'Helvetica Neue', sans-serif;\n    }\n\n    \/* ==========================================================================\n       2. STRUCTURE PRINCIPALE\n       ========================================================================== *\/\n    .maison-sf-section {\n        background-color: var(--maison-sf-bg);\n        color: var(--maison-sf-text);\n        font-family: var(--maison-sf-font);\n        \/* Application stricte des paddings fluides du Design System *\/\n        padding: var(--section-pad-v-dt, 80px) var(--section-pad-h-dt, 5vw);\n        width: 100%;\n        box-sizing: border-box;\n        position: relative;\n        z-index: 10;\n    }\n\n    .maison-sf-section * {\n        box-sizing: border-box;\n    }\n\n    \/* ==========================================================================\n       3. EN-T\u00caTE & BLOC DE TEXTE (GAUCHE)\n       ========================================================================== *\/\n    .maison-sf-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        margin-bottom: 40px;\n        gap: 30px;\n    }\n\n    .maison-sf-text-content {\n        width: 100%;\n        max-width: 830px;\n    }\n\n    .maison-sf-title {\n        font-size: clamp(1.4rem, 2.5vw, 35px);\n        font-weight: 500;\n        line-height: 1.3;\n        margin-top: 0;\n        margin-bottom: 25px;\n        letter-spacing: -0.01em;\n    }\n\n    .maison-sf-desc {\n        font-size: 0.95rem;\n        line-height: 1.6;\n        font-weight: 400;\n        margin-top: 0;\n        margin-bottom: 15px;\n    }\n\n    \/* ANIMATION DE VOTRE DIRECTION ARTISTIQUE POUR LES LIENS DU TEXTE *\/\n    .maison-sf-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        font-weight: 500;\n    }\n\n    .maison-sf-inline-link:hover {\n        text-decoration-color: transparent;\n        opacity: 0.7;\n    }\n\n    \/* Syst\u00e8me d'accord\u00e9on (Smooth Reveal) *\/\n    .maison-sf-expand-wrapper {\n        display: grid;\n        grid-template-rows: 0fr; \n        transition: grid-template-rows 0.4s ease-out;\n        overflow: hidden;\n    }\n\n    .maison-sf-expand-wrapper.is-open { \n        grid-template-rows: 1fr;\n    }\n\n    .maison-sf-expand-content {\n        overflow: hidden;\n    }\n\n    \/* Bouton d'ouverture Voir Plus (Italique) avec animation de d\u00e9-soulignement *\/\n    .maison-sf-btn {\n        background: transparent;\n        border: none;\n        display: inline-block;\n        margin-top: 5px;\n        font-size: 0.95rem;\n        color: var(--maison-sf-text);\n        text-decoration: underline;\n        text-decoration-color: currentColor;\n        text-decoration-thickness: 1px;\n        text-underline-offset: 4px;\n        padding: 0;\n        cursor: pointer;\n        transition: text-decoration-color 0.3s ease, opacity 0.3s ease;\n        font-family: inherit;\n        font-style: italic;\n    }\n\n    .maison-sf-btn:hover {\n        text-decoration-color: transparent;\n        opacity: 0.6;\n    }\n\n    \/* ==========================================================================\n       4. GALERIE D'IMAGES ET LOGO EPV (DROITE)\n       ========================================================================== *\/\n    .maison-sf-gallery {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 30px;\n    }\n\n    .maison-sf-img-container {\n        position: relative;\n        width: 100%;\n    }\n\n    .maison-sf-img-wrapper {\n        width: 100%;\n        aspect-ratio: 3 \/ 4; \n        overflow: hidden;\n        background-color: #e5dfd9;\n    }\n\n    .maison-sf-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.6s ease;\n    }\n\n    .maison-sf-img-wrapper:hover .maison-sf-img {\n        transform: scale(1.03);\n    }\n\n    \/* CONTENEUR LIEN DU LOGO EPV (Permet l'interactivit\u00e9 sans casser l'asym\u00e9trie) *\/\n    .maison-sf-logo-link {\n        position: absolute;\n        top: 0;\n        right: 0;\n        \/* Aligne et fait d\u00e9border le logo parfaitement sur le coin sup\u00e9rieur droit *\/\n        transform: translate(20%, -50%);\n        z-index: 15;\n        display: block;\n        transition: opacity 0.3s ease, transform 0.3s ease;\n    }\n\n    .maison-sf-logo-link:hover {\n        opacity: 0.85;\n        transform: translate(20%, -50%) scale(1.03);\n    }\n\n    .maison-sf-logo-epv {\n        \/* Taille adaptative : max 135px sur desktop, min 85px sur mobile *\/\n        width: clamp(85px, 8vw, 135px);\n        height: auto;\n        display: block;\n    }\n\n    \/* ==========================================================================\n       5. RESPONSIVE DESIGN\n       ========================================================================== *\/\n    @media (max-width: 1024px) {\n        .maison-sf-section {\n            padding: var(--section-pad-v-tab, 60px) var(--section-pad-h-tab, 4vw);\n        }\n        .maison-sf-gallery {\n            gap: 20px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .maison-sf-section {\n            padding: var(--section-pad-v-mob, 50px) var(--section-pad-h-mob, 20px);\n        }\n        .maison-sf-header {\n            flex-direction: column;\n            align-items: flex-start;\n            margin-bottom: 30px;\n        }\n        .maison-sf-title {\n            margin-bottom: 20px;\n        }\n        \/* Ajustement du d\u00e9calage sur tablette\/mobile pour \u00e9viter de rogner sur les bords *\/\n        .maison-sf-logo-link {\n            transform: translate(10%, -55%);\n        }\n        .maison-sf-logo-link:hover {\n            transform: translate(10%, -55%) scale(1.03);\n        }\n    }\n\n    @media (max-width: 576px) {\n        .maison-sf-gallery {\n            grid-template-columns: 1fr;\n            \/* Espace de s\u00e9curit\u00e9 augment\u00e9 pour que le logo n'\u00e9crase pas l'image du dessus *\/\n            gap: 55px; \n        }\n        .maison-sf-img-wrapper {\n            aspect-ratio: auto;\n            height: 60vh; \n        }\n    }\n<\/style>\n\n<section class=\"maison-sf-section\">\n    <div class=\"maison-sf-header\">\n        <div class=\"maison-sf-text-content\">\n            <h2 class=\"maison-sf-title\">\n                NORKI - Une Maison Fran\u00e7aise<br>\n                au Savoir-Faire Rare\n            <\/h2>\n            <p class=\"maison-sf-desc\">\n                En ao\u00fbt 2023, Norki a eu l'honneur de se voir d\u00e9cerner <a href=\"https:\/\/www.reseauexcellence.fr\/fr\/organisations\/norki\/\" class=\"maison-sf-inline-link\" target=\"_blank\" rel=\"noopener\" title=\"D\u00e9couvrir Norki sur le R\u00e9seau Excellence\">le prestigieux label Entreprise du Patrimoine Vivant (EPV)<\/a>, distinction attribu\u00e9e par l'\u00c9tat fran\u00e7ais aux entreprises incarnant l'excellence artisanale et la pr\u00e9servation de savoir-faire rares.\n            <\/p>\n            <p class=\"maison-sf-desc\">\n                Cette reconnaissance vient saluer la ma\u00eetrise par Norki de la <a href=\"https:\/\/www.norki.com\/fr\/sur-mesure\/couture-fourrure-epv\/\" class=\"maison-sf-inline-link\" title=\"D\u00e9couvrir notre savoir-faire en couture fourrure\">couture fourrure<\/a>, un art ancestral d'assemblage des peaux et des fourrures qui exige une pr\u00e9cision et une expertise exceptionnelles. Aujourd'hui, seules <a href=\"https:\/\/www.reseauexcellence.fr\/fr\/\" class=\"maison-sf-inline-link\" target=\"_blank\" rel=\"noopener\" title=\"Visiter le R\u00e9seau Excellence des savoir-faire d'excellence\">quelques Maisons en France<\/a> \u2013 et dans le monde \u2013 perp\u00e9tuent encore ce savoir-faire d'exception.\n            <\/p>\n            \n            <!-- Contenu d\u00e9roulant -->\n            <div class=\"maison-sf-expand-wrapper\" id=\"maison-sf-expand\">\n                <div class=\"maison-sf-expand-content\">\n                    <p class=\"maison-sf-desc\">\n                        <a href=\"https:\/\/www.norki.com\/fr\/sur-mesure\/bureau-etudes-conception-mobilier-tapis\/\" class=\"maison-sf-inline-link\" title=\"D\u00e9couvrir notre Bureau d'\u00e9tudes\">Au sein de notre atelier<\/a>, chaque cr\u00e9ation na\u00eet d'un profond respect de la mati\u00e8re. Pr\u00e9ciosit\u00e9, cr\u00e9ativit\u00e9 et exigence guident chaque geste, chaque coupe, chaque assemblage.\n                    <\/p>\n                    <p class=\"maison-sf-desc\">\n                        Au c\u0153ur de notre Maison, nos artisans \u0153uvrent avec patience et ma\u00eetrise afin de transformer des mati\u00e8res nobles en pi\u00e8ces de d\u00e9coration d'exception - des <a href=\"https:\/\/www.norki.com\/\" class=\"maison-sf-inline-link\" target=\"_blank\" rel=\"noopener\" title=\"Visiter le site Norki.com\">objets con\u00e7us dans l'esprit de la haute couture<\/a> et destin\u00e9s \u00e0 traverser le temps.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Bouton interactif Voir plus -->\n            <button type=\"button\" class=\"maison-sf-btn\" id=\"maison-sf-btn-more\">Voir plus<\/button>\n        <\/div>\n    <\/div>\n\n    <div class=\"maison-sf-gallery\">\n        <!-- Image 1 -->\n        <div class=\"maison-sf-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/peaux-et-fourrures-savoir-faire-francais.jpg\" alt=\"S\u00e9lection de peaux et fourrures color\u00e9es dans l'atelier Norki\" class=\"maison-sf-img\" loading=\"lazy\">\n        <\/div>\n        \n        <!-- Conteneur Image 2 + Logo cliquable et superpos\u00e9 -->\n        <div class=\"maison-sf-img-container\">\n            <div class=\"maison-sf-img-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/Living-Heritage-Company-Label-fur-sewing.jpg\" alt=\"Travail minutieux de couture de la fourrure \u00e0 la machine\" class=\"maison-sf-img\" loading=\"lazy\">\n            <\/div>\n            \n            <!-- Lien enveloppant sur le logo EPV -->\n            <a href=\"https:\/\/www.reseauexcellence.fr\/fr\/organisations\/norki\/\" class=\"maison-sf-logo-link\" target=\"_blank\" rel=\"noopener\" title=\"D\u00e9couvrir le profil de Norki sur le R\u00e9seau Excellence\">\n                <img decoding=\"async\" src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/Logo-EPV-Noir-1.png\" alt=\"Label Entreprise du Patrimoine Vivant\" class=\"maison-sf-logo-epv\">\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ --- Gestion du bouton \"Voir plus\" ---\n        const btnMore = document.getElementById('maison-sf-btn-more'); \n        const wrapperExpand = document.getElementById('maison-sf-expand'); \n\n        if (btnMore && wrapperExpand) {\n            btnMore.addEventListener('click', () => {\n                \/\/ Bascule la classe is-open pour d\u00e9clencher l'animation de grille\n                const isOpen = wrapperExpand.classList.toggle('is-open');\n                \/\/ Met \u00e0 jour le texte dynamiquement pour l'utilisateur\n                btnMore.textContent = isOpen ? 'Voir moins' : 'Voir plus';\n            });\n        }\n    });\n<\/script>\n\n\n\n<style>\n    \/* ==========================================================================\n       SECTION CITATION CENTR\u00c9E ANIM\u00c9E (VERSION D\u00c9BORDEMENT VISUEL)\n       ========================================================================== *\/\n    .norki-quote-section {\n        background-color: var(--norki-quote-bg, #f8f0ea);\n        padding: 80px var(--section-pad-h-dt, 5vw);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        \n        \/* 'overflow: visible' permet aux guillemets absolus de d\u00e9passer des limites physiques de la section.\n           Le 'z-index' assure que le d\u00e9bordement s'affiche au-dessus des sections adjacentes.\n        *\/\n        overflow: visible; \n        position: relative;\n        z-index: 10; \n    }\n\n    .norki-quote-wrapper {\n        position: relative;\n        max-width: 850px;\n        padding: 0 50px; \/* Espace pr\u00e9serv\u00e9 pour les guillemets *\/\n        \n        \/* \u00c9tat initial pour l'animation de transition au scroll *\/\n        opacity: 0;\n        transform: translateY(40px);\n        transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), \n                    transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    \/* D\u00e9clencheur JavaScript d'apparition *\/\n    .norki-quote-wrapper.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* --- Les grands guillemets stylis\u00e9s --- *\/\n    .norki-quote-mark {\n        font-size: clamp(110px, 13vw, 150px); \/* Taille optimis\u00e9e pour asseoir l'impact visuel *\/\n        color: var(--norki-quote-text, #000000);\n        position: absolute;\n        line-height: 0;\n        user-select: none;\n        pointer-events: none;\n    }\n\n    \/* Positionnement n\u00e9gatif externe pour forcer le guillemet \u00e0 chevaucher l'ext\u00e9rieur du bloc *\/\n    .norki-quote-mark--left {\n        top: -5px; \/* D\u00e9borde sur la section sup\u00e9rieure *\/\n        left: -15px;\n    }\n\n    .norki-quote-mark--right {\n        bottom: -55px; \/* D\u00e9borde sur la section inf\u00e9rieure *\/\n        right: 15px;\n    }\n\n    \/* --- Le texte de la citation --- *\/\n    .norki-quote-text {\n        font-size: clamp(1.4rem, 2.5vw, 2.2rem);\n        color: var(--norki-quote-text, #000000);\n        text-align: center;\n        line-height: 1.45;\n        margin: 0;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* ==========================================================================\n       RESPONSIVE DESIGN (Ajustements millim\u00e9tr\u00e9s)\n       ========================================================================== *\/\n    @media (max-width: 1024px) {\n        .norki-quote-section {\n            padding: 70px var(--section-pad-h-tab, 4vw);\n        }\n        .norki-quote-mark--left {\n            top: -25px;\n            left: -5px;\n        }\n        .norki-quote-mark--right {\n            bottom: -45px;\n            right: 10px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .norki-quote-section {\n            padding: 60px var(--section-pad-h-mob, 20px);\n        }\n\n        .norki-quote-wrapper {\n            padding: 0 30px;\n        }\n        \n        .norki-quote-mark {\n            font-size: 85px;\n        }\n\n        .norki-quote-mark--left {\n            top: -15px;\n            left: -10px;\n        }\n        \n        .norki-quote-mark--right {\n            bottom: -30px;\n            right: 0px;\n        }\n\n        .norki-quote-text {\n            font-size: 1.3rem;\n            line-height: 1.5;\n        }\n    }\n<\/style>\n\n<!-- Section Citation Norki -->\n<section class=\"norki-quote-section\">\n    <div class=\"norki-quote-wrapper\" id=\"norki-animated-quote\">\n        <!-- Guillemet ouvrant -->\n        <span class=\"norki-quote-mark norki-quote-mark--left pertili-font\" aria-hidden=\"true\">\u201c<\/span>\n        \n        <p class=\"norki-quote-text baskerville-italic-font\">\n            Chez Norki, le savoir-faire est bien plus qu'une technique.\n            Il est un h\u00e9ritage, un engagement et une vision du luxe \u00e0 la fran\u00e7aise.\n        <\/p>\n        \n        <!-- Guillemet fermant -->\n        <span class=\"norki-quote-mark norki-quote-mark--right pertili-font\" aria-hidden=\"true\">\u201d<\/span>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const quoteWrapper = document.getElementById('norki-animated-quote');\n        \n        if (quoteWrapper && 'IntersectionObserver' in window) {\n            const observerOptions = {\n                root: null,\n                rootMargin: '0px 0px -10% 0px', \/\/ D\u00e9clenchement de l'animation l\u00e9g\u00e8rement en amont\n                threshold: 0.1\n            };\n\n            const quoteObserver = new IntersectionObserver((entries, observer) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('is-visible');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, observerOptions);\n\n            quoteObserver.observe(quoteWrapper);\n        } else if (quoteWrapper) {\n            \/\/ Fallback pour anciens navigateurs\n            quoteWrapper.classList.add('is-visible');\n        }\n    });\n<\/script>\n\n\n\n<style>\n    \/* ==========================================================================\n       SECTION LABEL EPV & SONIA LINARD\n       ========================================================================== *\/\n    :root {\n        --norki-epv-bg: #f8f0ea; \/* Beige global Norki *\/\n        --norki-epv-red: #c40920; \/* Rouge profond EPV\/France *\/\n        --norki-epv-text: black;\n        --font-serif: 'Playfair Display', Georgia, serif; \/* D\u00e9claration de la variable demand\u00e9e *\/\n    }\n\n    .norki-epv-section {\n        background-color: var(--norki-epv-bg);\n        color: var(--norki-epv-text);\n        width: 100%;\n        overflow: hidden; \/* Emp\u00eache le d\u00e9bordement des animations horizontales *\/\n        position: relative;\n    }\n\n    \/* --- 1. LIGNE DU HAUT (Texte + Dipl\u00f4me) --- *\/\n    .norki-epv-top {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 40px;\n        \/* Padding naturel sans contrainte de hauteur *\/\n        padding: var(--section-pad-v-dt, 80px) var(--section-pad-h-dt, 5vw) 120px var(--section-pad-h-dt, 5vw);\n        position: relative;\n        z-index: 5;\n    }\n\n    .norki-epv-text-col {\n        max-width: 680px;\n    }\n\n    \/* Badge flottant \u00e0 droite sur Desktop *\/\n    .norki-epv-badge {\n        float: right;\n        width: clamp(100px, 12vw, 150px);\n        height: auto;\n        margin-left: 30px;\n        margin-bottom: 20px;\n        margin-top: 113px;\n    }\n\n    .norki-epv-title {\n        font-size: clamp(1.4rem, 2.5vw, 35px);\n        font-weight: 500;\n        line-height: 1.2;\n        margin-top: 0;\n        margin-bottom: 30px;\n        letter-spacing: -0.01em;\n    }\n\n    .norki-epv-desc {\n        font-size: 0.95rem;\n        line-height: 1.5;\n        margin-top: 0;\n        margin-bottom: 20px;\n        max-width: 500px;\n    }\n\n    \/* ANIMATION DE VOTRE DIRECTION ARTISTIQUE POUR LES LIENS DU TEXTE *\/\n    .norki-epv__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        font-weight: 500;\n    }\n\n    .norki-epv__inline-link:hover {\n        text-decoration-color: transparent;\n        opacity: 0.7;\n    }\n\n    .norki-epv-list {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 30px 0;\n        font-size: 0.95rem;\n        line-height: 1.5;\n        max-width: 500px;\n    }\n\n    .norki-epv-list li {\n        position: relative;\n        padding-left: 15px;\n        margin-bottom: 5px;\n    }\n\n    .norki-epv-list li::before {\n        content: \"\u2022\";\n        position: absolute;\n        left: 0;\n    }\n\n    \/* Conteneur et Image du dipl\u00f4me cliquable *\/\n    .norki-epv-diploma-col {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: relative;\n    }\n\n    .norki-epv-diploma-link {\n        display: block;\n        width: 100%;\n        max-width: 700px;\n        text-decoration: none;\n    }\n\n    .norki-epv-diploma {\n        width: 100%;\n        height: auto;\n        filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.15));\n        \/* \u00c9tat initial : d\u00e9cal\u00e9 \u00e0 droite et transparent *\/\n        opacity: 0;\n        transform: translateX(150px) translateY(0) rotate(-20deg);\n        transition: opacity 1.5s cubic-bezier(0.2, 0.8, 0.2, 1), \n                    transform 1.5s cubic-bezier(0.2, 0.8, 0.2, 1);\n        will-change: transform, opacity;\n    }\n\n    \/* Le dipl\u00f4me descend VISUELLEMENT sur le bloc rouge (gr\u00e2ce au translateY) sans casser la hauteur de la grille *\/\n    .norki-epv-top.is-animated .norki-epv-diploma {\n        opacity: 1;\n        transform: translateX(8vw) translateY(80px) rotate(-5deg); \n    }\n\n    \/* Effet hover discret sur le dipl\u00f4me une fois l'animation d'entr\u00e9e termin\u00e9e *\/\n    .norki-epv-top.is-animated .norki-epv-diploma-link:hover .norki-epv-diploma {\n        transform: translateX(8vw) translateY(80px) rotate(-5deg) scale(1.02);\n    }\n\n    \/* --- 2. LIGNE DU BAS (Portrait cadr\u00e9 + Bloc Rouge \u00e9tendu) --- *\/\n    .norki-epv-bottom {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        position: relative;\n        z-index: 1;\n        margin-top: 50px; \/* Espace pour laisser la photo d\u00e9border par le haut *\/\n        padding-bottom: 60px;\n    }\n\n    \/* Le fond rouge ind\u00e9pendant qui s'\u00e9tend vers la gauche (PC) ou le haut (Mobile) *\/\n    .norki-epv-bottom-bg {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        background-color: var(--norki-epv-red);\n        z-index: 0;\n        opacity: 0;\n        transition: opacity 1s ease-out;\n    }\n\n    .norki-epv-bottom.is-animated .norki-epv-bottom-bg {\n        opacity: 1;\n    }\n\n    \/* Portrait (Plus petit, encadr\u00e9 par le rouge) avec animation fade et mont\u00e9e *\/\n    .norki-epv-portrait-col {\n        position: relative;\n        z-index: 1;\n        \/* La photo d\u00e9borde du fond rouge par le haut *\/\n        margin-top: -145px; \n        \/* Cadre rouge avec application stricte des paddings responsives *\/\n        padding: 0 var(--section-pad-h-dt, 5vw) var(--section-pad-h-dt, 5vw) var(--section-pad-h-dt, 5vw); \n        \n        \/* \u00c9tat initial de l'animation *\/\n        opacity: 0;\n        transform: translateY(45px);\n        transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s,\n                    transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;\n        will-change: transform, opacity;\n    }\n\n    .norki-epv-bottom.is-animated .norki-epv-portrait-col {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    .norki-epv-portrait {\n        width: 100%;\n        height: auto;\n        aspect-ratio: 3 \/ 4; \/* Fixe un ratio harmonieux type portrait *\/\n        object-fit: cover;\n        object-position: top center;\n        display: block;\n    }\n\n    \/* Contenu Texte du bloc rouge avec animation fade et mont\u00e9e *\/\n    .norki-epv-red-block {\n        position: relative;\n        z-index: 1;\n        color: #ffffff;\n        padding: 50px var(--section-pad-h-dt, 5vw) 50px 20px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        \n        \/* \u00c9tat initial de l'animation *\/\n        opacity: 0;\n        transform: translateY(45px);\n        transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.4s,\n                    transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;\n        will-change: transform, opacity;\n        max-width: 90%;\n    }\n\n    .norki-epv-bottom.is-animated .norki-epv-red-block {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    .norki-epv-reseau-logo-link {\n        display: inline-block;\n        width: max-content;\n        max-width: 100%;\n        transition: opacity 0.3s ease, transform 0.3s ease;\n        margin-bottom: 40px;\n    }\n\n    .norki-epv-reseau-logo-link:hover {\n        opacity: 0.85;\n        transform: scale(1.02);\n    }\n\n    .norki-epv-reseau-logo {\n        width: 400px;\n        max-width: 100%;\n        height: auto;\n        margin-bottom: 0; \/* G\u00e9r\u00e9 par le lien parent d\u00e9sormais *\/\n    }\n\n    .norki-epv-red-title {\n        color: white;\n        font-size: clamp(1.2rem, 2vw, 28px);\n        font-weight: 500;\n        line-height: 1.3;\n        margin-top: 0;\n        margin-bottom: 25px;\n        width: 90%;\n    }\n\n    .norki-epv-red-text {\n        font-size: 0.95rem;\n        line-height: 1.5;\n        margin-top: 0;\n        margin-bottom: 20px;\n        color: rgba(255, 255, 255, 0.95);\n        width: 80%;\n    }\n\n    \/* --- Syst\u00e8me \"Voir plus\" (Grid Transition) --- *\/\n    .norki-epv-expand-wrapper {\n        display: grid;\n        grid-template-rows: 0fr;\n        transition: grid-template-rows 0.4s ease-out;\n    }\n\n    .norki-epv-expand-wrapper.is-open {\n        grid-template-rows: 1fr;\n    }\n\n    .norki-epv-expand-content {\n        overflow: hidden;\n    }\n\n    .norki-epv-expand-content > *:last-child {\n        margin-bottom: 25px; \n    }\n\n    .norki-epv-btn {\n        text-align: left;\n        display: inline-block;\n        background: transparent;\n        border: none;\n        padding: 0;\n        cursor: pointer;\n        font-family: inherit;\n        font-size: 0.95rem;\n        color: #ffffff;\n        text-decoration: underline;\n        text-underline-offset: 4px;\n        text-decoration-thickness: 1px;\n        transition: opacity 0.3s ease, text-decoration-color 0.3s ease;\n        font-style: italic;\n        margin-bottom: 40px;\n    }\n\n    .norki-epv-btn:hover {\n        text-decoration-color: transparent;\n        opacity: 0.7;\n    }\n\n    \/* --- Citation (dans le bloc rouge) --- *\/\n    .norki-epv-quote-wrapper {\n        margin-top: 20px;\n        padding-top: 30px;\n        width: 80%;\n    }\n\n    .norki-epv-quote-mark {\n        font-family: \"Pertili\", var(--font-serif) !important;\n        font-size: 80px;\n        line-height: 0.5;\n        color: #ffffff;\n    }\n\n    .norki-epv-quote-mark--left {\n        text-align: left;\n        margin-bottom: -25px;\n    }\n\n    .norki-epv-quote-mark--right {\n        text-align: right;\n        margin-top: 20px;\n    }\n\n    .norki-epv-quote-text {\n        font-size: clamp(1.1rem, 1.5vw, 1.3rem);\n        line-height: 1.4;\n        margin: 15px 0;\n        color: #ffffff;\n    }\n\n    .norki-epv-signature {\n        font-size: 2.5rem;\n        transform: rotate(-3deg);\n        display: inline-block;\n        margin-top: 15px;\n        color: #ffffff;\n    }\n\n    \/* =========================================\n       3. RESPONSIVE DESIGN\n       ========================================= *\/\n    @media (max-width: 1024px) {\n        .norki-epv-top {\n            padding: var(--section-pad-v-tab, 60px) var(--section-pad-h-tab, 4vw) 100px var(--section-pad-h-tab, 4vw);\n            gap: 20px;\n        }\n\n        .norki-epv-portrait-col {\n            padding: 0 var(--section-pad-h-tab, 4vw) var(--section-pad-h-tab, 4vw) var(--section-pad-h-tab, 4vw);\n        }\n\n        .norki-epv-red-block {\n            padding: 40px var(--section-pad-h-tab, 4vw) 40px 15px;\n        }\n\n        .norki-epv-diploma {\n            transform: translateX(100px) translateY(20px) rotate(-20deg);\n        }\n        .norki-epv-top.is-animated .norki-epv-diploma {\n            transform: translateX(7vw) translateY(40px) rotate(-5deg);\n        }\n    }\n\n    @media (max-width: 768px) {\n        .norki-epv-quote-mark--left {\n            margin-bottom: -35px;\n        }\n        .norki-epv-top {\n            grid-template-columns: 1fr;\n            padding: var(--section-pad-v-mob, 40px) var(--section-pad-h-mob, 20px) 0px var(--section-pad-h-mob, 20px);\n        }\n\n        .norki-epv-bottom {\n            grid-template-columns: 1fr;\n            margin-top: 200px; \/* Plus d'espace pour l'overlap image *\/\n            padding-bottom: 40px;\n        }\n\n        .norki-epv-bottom-bg {\n            \/* Le fond rouge s'\u00e9tend vers le haut sur mobile *\/\n            top: 0;\n            left: 0;\n            right: 0;\n        }\n\n        .norki-epv-portrait-col {\n            margin-top: -120px; \/* D\u00e9borde du haut *\/\n            padding: 0 var(--section-pad-h-mob, 20px) 0 var(--section-pad-h-mob, 20px); \/* Cadre rouge \u00e0 gauche et \u00e0 droite *\/\n        }\n\n        .norki-epv-red-block {\n            padding: 30px var(--section-pad-h-mob, 20px) 40px var(--section-pad-h-mob, 20px);\n        }\n\n        .norki-epv-badge {\n            display: none;\n        }\n\n        .norki-epv-reseau-logo {\n            width: 375px; \/* +50% sur mobile *\/\n        }\n\n        .norki-epv-diploma-col {\n            margin-top: 20px;\n            margin-bottom: 0;\n        }\n\n        .norki-epv-diploma {\n            transform: translateX(50px) translateY(0) rotate(-10deg);\n        }\n        .norki-epv-top.is-animated .norki-epv-diploma {\n            transform: translateX(7vw) translateY(20px) rotate(-5deg);\n        }\n    }\n<\/style>\n\n<section class=\"norki-epv-section\" id=\"norki-epv-animated-section\">\n    \n    <!-- LIGNE HAUT : Texte EPV + Dipl\u00f4me -->\n    <div class=\"norki-epv-top\" id=\"norki-epv-top-animated\">\n        <div class=\"norki-epv-text-col\">\n            <!-- Image plac\u00e9e avant le titre dans le HTML pour \u00eatre au-dessus sur mobile, tout en flottant \u00e0 droite sur PC -->\n            <img decoding=\"async\" src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/qualite-made-in-france-norki-e1779456596771.png\" alt=\"Badge Qualit\u00e9 Made in France\" class=\"norki-epv-badge\" loading=\"lazy\">\n            <h2 class=\"norki-epv-title avenirmedium-font\">\n                Le Label EPV \u2013<br>\n                L'excellence du Made in France\n            <\/h2>\n            <p class=\"norki-epv-desc\">\n                <a href=\"https:\/\/www.economie.gouv.fr\/entreprises\/developper-son-entreprise\/labels-qualite-et-valorisation-du-savoir-faire\/le-label-entreprise-du-patrimoine-vivant-epv-quels-avantages\" class=\"norki-epv__inline-link\" target=\"_blank\" rel=\"noopener\" title=\"En savoir plus sur les avantages du label EPV\">Le label Entreprise du Patrimoine Vivant (EPV)<\/a> est une distinction prestigieuse, accord\u00e9e par l'\u00c9tat, qui met en lumi\u00e8re les entreprises fran\u00e7aises ma\u00eetrisant des savoir-faire artisanaux ou industriels remarquables.\n            <\/p>\n            <p class=\"norki-epv-desc\">\n                Alliant tradition et innovation, ce label est un v\u00e9ritable levier de d\u00e9veloppement \u00e9conomique et une reconnaissance nationale de notre expertise.\n            <\/p>\n            <p class=\"norki-epv-desc\">\n                D\u00e9livr\u00e9 pour une dur\u00e9e de 5 ans, le label EPV atteste \u00e0 la fois :\n            <\/p>\n            <ul class=\"norki-epv-list\">\n                <li>de la haute qualit\u00e9 de nos produits et services,<\/li>\n                <li>de notre engagement \u00e0 pr\u00e9server et transmettre un patrimoine culturel et technique unique,<\/li>\n                <li>de notre engagement dans la transmission de notre savoir-faire rare,<\/li>\n                <li>de notre engagement \u00e0 mener une d\u00e9marche active de responsabilit\u00e9 soci\u00e9tale : provenance des mati\u00e8res premi\u00e8res, formation des jeunes, m\u00e9c\u00e9nat, relations avec les fournisseurs, \u00e9galit\u00e9 femme\/homme...<\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"norki-epv-diploma-col\">\n            <a href=\"https:\/\/www.economie.gouv.fr\/entreprises\/developper-son-entreprise\/labels-qualite-et-valorisation-du-savoir-faire\/le-label-entreprise-du-patrimoine-vivant-epv-quels-avantages\" class=\"norki-epv-diploma-link\" target=\"_blank\" rel=\"noopener\" title=\"Consulter la pr\u00e9sentation du label EPV\">\n                <img decoding=\"async\" src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/Diplome-Label-EPV-Norki.jpg\" alt=\"Dipl\u00f4me Entreprise du Patrimoine Vivant d\u00e9cern\u00e9 \u00e0 Norki\" class=\"norki-epv-diploma\" loading=\"lazy\">\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <!-- LIGNE BAS : Portrait cadr\u00e9 + Bloc Rouge -->\n    <div class=\"norki-epv-bottom\" id=\"norki-epv-bottom-animated\">\n        \n        <!-- Le fond rouge qui s'\u00e9tend sous la photo -->\n        <div class=\"norki-epv-bottom-bg\" id=\"Sonia-Linard\"><\/div>\n\n        <div class=\"norki-epv-portrait-col\">\n            <img decoding=\"async\" src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/portrait-Presidente-Sonia-Linard-scaled.jpg\" alt=\"Portrait de Sonia Linard\" class=\"norki-epv-portrait\" loading=\"lazy\">\n        <\/div>\n\n        <div class=\"norki-epv-red-block\">\n            <!-- Lien enveloppant sur le logo du R\u00e9seau Excellence Grand Est -->\n            <a href=\"https:\/\/www.reseauexcellence.fr\/fr\/lassociation\/reseau-excellence-en-france\/grand-est\/\" class=\"norki-epv-reseau-logo-link\" target=\"_blank\" rel=\"noopener\" title=\"Visiter le site officiel du R\u00e9seau Excellence Grand Est\">\n                <img decoding=\"async\" src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/Logo_Regions-logos-horizontaux-Grand-Est-e1779776114441.png\" alt=\"R\u00e9seau Excellence Grand Est\" class=\"norki-epv-reseau-logo\" loading=\"lazy\">\n            <\/a>\n            \n            <h3 class=\"norki-epv-red-title avenirmedium-font\">\n                Sonia LINARD \u2013 Pr\u00e9sidente du R\u00e9seau Excellence EPV du Grand-Est\n            <\/h3>\n            \n            <p class=\"norki-epv-red-text\">\n                <a href=\"https:\/\/www.norki.com\/fr\/blog\/category-link-rewrite\/sonia-linard-fondatrice-de-norki-elue-presidente-des-epv-du-grand-est\" class=\"norki-epv__inline-link\" title=\"Lire l'article de presse concernant l'\u00e9lection de Sonia Linard\">Depuis mai 2024, notre fondatrice, Sonia Linard, a \u00e9t\u00e9 \u00e9lue Pr\u00e9sidente du R\u00e9seau Excellence EPV Grand Est.<\/a>\n            <\/p>\n            <p class=\"norki-epv-red-text\">\n                Cette association repr\u00e9sente et d\u00e9fend les int\u00e9r\u00eats des 130 <a href=\"https:\/\/www.reseauexcellence.fr\/fr\/lassociation\/reseau-excellence-en-france\/grand-est\/\" class=\"norki-epv__inline-link\" title=\"D\u00e9couvrir les entreprises labellis\u00e9es EPV de la r\u00e9gion Grand Est\">entreprises labellis\u00e9es EPV<\/a> (Entreprise du Patrimoine Vivant) implant\u00e9es sur le territoire du Grand Est.\n            <\/p>\n            <p class=\"norki-epv-red-text\">\n                Elle fait \u00e9galement partie du R\u00e9seau Excellence, qui rassemble les 13 associations r\u00e9gionales au sein de l'Association Nationale R\u00e9seau Excellence.\n            <\/p>\n\n            <!-- Contenu d\u00e9pliable -->\n            <div class=\"norki-epv-expand-wrapper\" id=\"norki-epv-extra-wrapper\">\n                <div class=\"norki-epv-expand-content\">\n                    <p class=\"norki-epv-red-text\">\n                        Le R\u00e9seau Excellence EPV Grand Est a pour missions principales de :\n                    <\/p>\n                    <p class=\"norki-epv-red-text\">\n                        Repr\u00e9senter et d\u00e9fendre les int\u00e9r\u00eats des entreprises EPV de la r\u00e9gion au sein de l'association nationale ;<br><br>\n                        D\u00e9velopper des partenariats strat\u00e9giques avec les acteurs \u00e9conomiques et institutionnels du territoire, tels que la <a href=\"https:\/\/www.grandest.fr\/\" class=\"norki-epv__inline-link\" target=\"_blank\" rel=\"noopener\" title=\"Visiter le site de la R\u00e9gion Grand Est\">R\u00e9gion Grand Est<\/a>, les <a href=\"https:\/\/www.cma-alsace-moselle-grandest.fr\" class=\"norki-epv__inline-link\" target=\"_blank\" rel=\"noopener\" title=\"Visiter le site officiel de la Chambre de M\u00e9tiers et de l'Artisanat d'Alsace-Moselle-Grand Est\">Chambres de M\u00e9tiers et de l'Artisanat<\/a> (<a href=\"https:\/\/www.cma-alsace-moselle-grandest.fr\" class=\"norki-epv__inline-link\" target=\"_blank\" rel=\"noopener\" title=\"Visiter le site de la CMA d'Alsace-Moselle-Grand Est\">CMA<\/a>) et les <a href=\"https:\/\/www.cci.fr\/\" class=\"norki-epv__inline-link\" target=\"_blank\" rel=\"noopener\" title=\"Visiter le site officiel des Chambres de Commerce et d'Industrie\">Chambres de Commerce et d'Industrie (CCI)<\/a> ;<br><br>\n                        Promouvoir et valoriser les savoir-faire d'excellence des 130 entreprises aupr\u00e8s du grand public, des m\u00e9dias et des acteurs \u00e9conomiques.\n                    <\/p>\n                    <p class=\"norki-epv-red-text\">\n                        \u00c0 travers ces actions, le r\u00e9seau contribue \u00e0 faire rayonner l'excellence artisanale et industrielle du territoire Grand Est et \u00e0 soutenir le d\u00e9veloppement des entreprises labellis\u00e9es EPV.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <button type=\"button\" class=\"norki-epv-btn\" id=\"norki-epv-voir-plus\" aria-expanded=\"false\" aria-controls=\"norki-epv-extra-wrapper\">Voir plus<\/button>\n\n            <!-- Citation Sonia -->\n            <div class=\"norki-epv-quote-wrapper\">\n                <div class=\"norki-epv-quote-mark norki-epv-quote-mark--left\" aria-hidden=\"true\">\u201c<\/div>\n                <p class=\"norki-epv-quote-text baskerville-italic-font\">\n                    \u00catre Pr\u00e9sidente du R\u00e9seau Excellence Grand-Est est pour moi \u00e0 la fois un grand honneur et une responsabilit\u00e9 que j'assume avec enthousiasme et conviction.<br><br>\n                    Je suis fi\u00e8re de repr\u00e9senter les 130 entreprises qui composent notre r\u00e9seau et je m'engage chaque jour \u00e0 valoriser leur savoir-faire et \u00e0 d\u00e9fendre leurs int\u00e9r\u00eats avec d\u00e9termination\n                <\/p>\n                <div class=\"norki-epv-quote-mark norki-epv-quote-mark--right\" aria-hidden=\"true\">\u201d<\/div>\n                \n                <span class=\"norki-epv-signature bestermind-font\">Sonia Linard<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ --- 1. Gestion du bouton \"Voir plus\" ---\n        const btn = document.getElementById('norki-epv-voir-plus'); \n        const wrapper = document.getElementById('norki-epv-extra-wrapper'); \n\n        if (btn && wrapper) {\n            btn.addEventListener('click', () => {\n                const isOpen = wrapper.classList.toggle('is-open');\n                btn.setAttribute('aria-expanded', isOpen);\n                btn.textContent = isOpen ? 'Voir moins' : 'Voir plus';\n            });\n        }\n\n        \/\/ --- 2. Gestion des Animations (Observer par section) ---\n        if ('IntersectionObserver' in window) {\n            const observerOptions = {\n                root: null,\n                rootMargin: '0px 0px -15% 0px',\n                threshold: 0.1\n            };\n\n            const epvObserver = new IntersectionObserver((entries, observer) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('is-animated');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, observerOptions);\n\n            const topSection = document.getElementById('norki-epv-top-animated');\n            const bottomSection = document.getElementById('norki-epv-bottom-animated');\n\n            if (topSection) epvObserver.observe(topSection);\n            if (bottomSection) epvObserver.observe(bottomSection);\n\n        } else {\n            \/\/ Fallback pour les vieux navigateurs\n            const topSection = document.getElementById('norki-epv-top-animated');\n            const bottomSection = document.getElementById('norki-epv-bottom-animated');\n            if(topSection) topSection.classList.add('is-animated');\n            if(bottomSection) bottomSection.classList.add('is-animated');\n        }\n    });\n<\/script>\n\n\n\n<style>\n    \/* ==========================================================================\n       SECTION ARTISAN D'ART & CARROUSEL\n       ========================================================================== *\/\n    :root {\n        --artisan-bg: #f8f0ea;\n        --artisan-text: black;\n    }\n\n    .artisan-section {\n        background-color: var(--artisan-bg);\n        color: var(--artisan-text);\n        padding-top: var(--section-pad-v-dt, 80px);\n        padding-bottom: var(--section-pad-v-dt, 80px);\n        position: relative;\n        z-index: 10;\n        overflow: hidden; \/* Emp\u00eache le d\u00e9bordement du slider *\/\n        box-sizing: border-box;\n    }\n\n    .artisan-section * {\n        box-sizing: border-box;\n    }\n\n    \/* --- 1. En-t\u00eate (Texte & Logo) --- *\/\n    .artisan-container {\n        padding: 0 var(--section-pad-h-dt, 5vw);\n        margin-bottom: 20px;\n    }\n\n    .artisan-top-grid {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        gap: 40px;\n    }\n\n    .artisan-text-col {\n        \/* Encadrement global de la colonne *\/\n        max-width: 680px; \n        width: 100%;\n    }\n\n    .artisan-title {\n        font-size: clamp(1.4rem, 2.5vw, 35px);\n        font-weight: 500;\n        line-height: 1.2;\n        margin-top: 0;\n        margin-bottom: 30px;\n        letter-spacing: -0.01em;\n    }\n\n    .artisan-desc {\n        font-size: 0.95rem;\n        line-height: 1.5;\n        margin-top: 0;\n        margin-bottom: 25px;\n        \/* Limite la largeur des paragraphes sur PC *\/\n        max-width: 81%; \n    }\n\n    .artisan-desc strong {\n        font-weight: 400;\n    }\n\n    \/* ANIMATION DE VOTRE DIRECTION ARTISTIQUE POUR LES LIENS DU TEXTE *\/\n    .artisan-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        font-weight: 500;\n    }\n\n    .artisan-inline-link:hover {\n        text-decoration-color: transparent;\n        opacity: 0.7;\n    }\n\n    .artisan-logo-col {\n        flex: 1;\n        display: flex;\n        justify-content: left;\n        align-items: center;\n        padding-top: 85px;\n    }\n\n    \/* Conteneur de lien pour le logo Artisan d'Art *\/\n    .artisan-logo-link {\n        display: block;\n        transition: opacity 0.3s ease, transform 0.3s ease;\n    }\n\n    .artisan-logo-link:hover {\n        opacity: 0.85;\n        transform: scale(1.02);\n    }\n\n    .artisan-logo {\n        width: clamp(160px, 18vw, 240px);\n        height: auto;\n        display: block;\n    }\n\n    \/* --- Syst\u00e8me \"Voir plus\" --- *\/\n    .artisan-expand-wrapper {\n        display: grid;\n        grid-template-rows: 0fr;\n        transition: grid-template-rows 0.4s ease-out;\n    }\n\n    .artisan-expand-wrapper.is-open {\n        grid-template-rows: 1fr;\n    }\n\n    .artisan-expand-content {\n        overflow: hidden;\n    }\n\n    \/* Annulation de la marge finale pour \u00e9viter les sauts lors de l'animation *\/\n    .artisan-expand-content > *:last-child {\n        margin-bottom: 25px; \n    }\n\n    \/* Bouton d'expansion au format Bord de mer *\/\n    .artisan-btn {\n        display: inline-block;\n        background: transparent;\n        border: none;\n        padding: 0;\n        cursor: pointer;\n        font-family: inherit;\n        font-size: 0.95rem;\n        color: var(--artisan-text);\n        text-decoration: underline;\n        text-decoration-color: currentColor;\n        text-underline-offset: 4px;\n        text-decoration-thickness: 1px;\n        transition: opacity 0.3s ease, text-decoration-color 0.3s ease;\n        font-style: italic;\n        margin-top: 5px;\n        margin-bottom: 20px;\n    }\n\n    .artisan-btn:hover {\n        text-decoration-color: transparent;\n        opacity: 0.6;\n    }\n\n    \/* --- 2. Contr\u00f4les du Slider (Fl\u00e8ches \u00e0 droite) --- *\/\n    .artisan-controls-wrapper {\n        padding: 0 var(--section-pad-h-dt, 5vw);\n        display: flex;\n        \/* Maintien rigoureux des fl\u00e8ches \u00e0 droite (PC et Mobile) *\/\n        justify-content: flex-end; \n        margin-bottom: 15px;\n    }\n\n    .artisan-arrows {\n        display: flex;\n        gap: 15px;\n    }\n\n    .artisan-arrows button {\n        background: none;\n        border: none;\n        color: var(--artisan-text); \/* Fl\u00e8ches noires sur fond beige *\/\n        cursor: pointer;\n        padding: 5px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: opacity 0.3s ease;\n    }\n\n    @media (hover: hover) {\n        .artisan-arrows button:hover {\n            opacity: 0.5;\n        }\n    }\n\n    .artisan-arrows button:active {\n        opacity: 0.5;\n    }\n\n    .artisan-arrows svg {\n        width: 28px;\n        height: 28px;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 1.2;\n    }\n\n    \/* --- 3. Slider Infini --- *\/\n    .artisan-carousel {\n        position: relative;\n        width: 100%;\n    }\n\n    .artisan-carousel-viewport {\n        overflow: hidden;\n        touch-action: pan-y; \n    }\n\n    .artisan-carousel-track {\n        display: flex;\n        will-change: transform;\n    }\n\n    \/* Tailles asym\u00e9triques pour les slides *\/\n    .artisan-slide {\n        flex: 0 0 28%; \/* Largeur normale *\/\n        display: flex;\n        flex-direction: column;\n        padding: 0 10px; \/* Espace entre les images *\/\n    }\n\n    .artisan-slide--wide {\n        flex: 0 0 48%; \/* Largeur \u00e9tendue pour les images cibl\u00e9es *\/\n    }\n\n    .artisan-slide img {\n        width: 100%;\n        height: 35vw; \/* Hauteur harmonis\u00e9e *\/\n        max-height: 600px;\n        object-fit: cover;\n        display: block;\n        background-color: #e5dfd9; \/* Placeholder color *\/\n        opacity: 0;\n        transition: opacity 0.5s ease-in-out;\n    }\n\n    .artisan-slide img.artisan-loaded {\n        opacity: 1;\n    }\n\n    \/* --- 4. Responsive --- *\/\n    @media (max-width: 1024px) {\n        .artisan-section {\n            padding-top: var(--section-pad-v-tab, 60px);\n            padding-bottom: var(--section-pad-v-tab, 60px);\n        }\n        .artisan-container, .artisan-controls-wrapper {\n            padding: 0 var(--section-pad-h-tab, 4vw);\n        }\n        .artisan-top-grid {\n            gap: 30px;\n        }\n        .artisan-slide {\n            flex: 0 0 40%; \n        }\n        .artisan-slide--wide {\n            flex: 0 0 65%; \n        }\n        .artisan-slide img {\n            height: 50vw;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .artisan-section {\n            padding-top: var(--section-pad-v-mob, 50px);\n            padding-bottom: var(--section-pad-v-mob, 50px);\n        }\n        .artisan-container, .artisan-controls-wrapper {\n            padding: 0 var(--section-pad-h-mob, 20px);\n        }\n        .artisan-top-grid {\n            flex-direction: column;\n            gap: 20px;\n        }\n        \n        .artisan-text-col {\n            max-width: 100%;\n        }\n\n        .artisan-desc {\n            max-width: 100%; \/* Le texte prend toute la largeur sur mobile *\/\n        }\n\n        .artisan-logo-col {\n            justify-content: flex-start; \/* Logo align\u00e9 \u00e0 gauche sur mobile *\/\n            padding-top: 10px;\n            margin-bottom: 20px;\n        }\n\n        .artisan-logo {\n            width: clamp(120px, 40vw, 180px);\n        }\n\n        .artisan-controls-wrapper {\n            margin-top: 0; \n            margin-bottom: 20px;\n        }\n\n        .artisan-slide,\n        .artisan-slide--wide {\n            flex: 0 0 100%; \/* 1 slide sur mobile, quelles que soient les proportions PC *\/\n            padding: 0 5px; \/* R\u00e9duction de l'espace entre les images sur mobile *\/\n        }\n        .artisan-slide img {\n            height: 110vw; \/* Image plus verticale sur mobile *\/\n        }\n    }\n<\/style>\n\n<section class=\"artisan-section\">\n    <!-- En-t\u00eate : Texte et Logo -->\n    <div class=\"artisan-container\">\n        <div class=\"artisan-top-grid\">\n            <div class=\"artisan-text-col\">\n                <h2 class=\"artisan-title avenirmedium-font\">NORKI \u2013 Artisan d\u2019art<\/h2>\n                \n                <p class=\"artisan-desc\">\n                    <strong>L\u2019ann\u00e9e 2026 marque une nouvelle \u00e9tape prestigieuse pour notre Maison : NORKI a officiellement re\u00e7u la labellisation Artisan d\u2019Art, d\u00e9cern\u00e9e par la <a href=\"https:\/\/www.cma-alsace-moselle-grandest.fr\/alsace?department=alsace\" class=\"artisan-inline-link\" target=\"_blank\" rel=\"noopener\" title=\"Visiter le site officiel de la Chambre de M\u00e9tiers d'Alsace\">Chambre de M\u00e9tiers d'Alsace<\/a>.<\/strong>\n                <\/p>\n                <p class=\"artisan-desc\">\n                    \u00catre reconnu artisan d\u2019art est une v\u00e9ritable cons\u00e9cration de notre savoir-faire, de notre cr\u00e9ativit\u00e9 et de la ma\u00eetrise technique rigoureuse propre aux m\u00e9tiers d\u2019art. Cette distinction valorise l'expertise unique de notre atelier et renforce notre cr\u00e9dibilit\u00e9 aupr\u00e8s des collectionneurs et prescripteurs les plus exigeants.\n                <\/p>\n\n                <!-- Contenu d\u00e9pliable plac\u00e9 au-dessus du bouton -->\n                <div class=\"artisan-expand-wrapper\" id=\"artisan-extra-wrapper\">\n                    <div class=\"artisan-expand-content\">\n                        <p class=\"artisan-desc\">\n                            Conform\u00e9ment au Code de l\u2019artisanat (<a href=\"https:\/\/www.legifrance.gouv.fr\/codes\/article_lc\/LEGIARTI000047362422\" class=\"artisan-inline-link\" target=\"_blank\" rel=\"noopener\" title=\"Consulter l'Article L212-2 du Code de l'artisanat sur L\u00e9gifrance\">Article L212-2<\/a>), cette qualit\u00e9 atteste de notre engagement dans une activit\u00e9 de cr\u00e9ation et de transformation caract\u00e9ris\u00e9e par la ma\u00eetrise de gestes ancestraux et un apport artistique constant. <a href=\"https:\/\/www.norki.com\/\" class=\"artisan-inline-link\" title=\"D\u00e9couvrir l'univers de la Maison Norki\">Chez NORKI<\/a>, l\u2019Artisan d\u2019Art conjugue comp\u00e9tences techniques et tradition, travaillant essentiellement \u00e0 la main, en pi\u00e8ces uniques ou en s\u00e9ries tr\u00e8s limit\u00e9es.\n                        <\/p>\n                        <p class=\"artisan-desc\">\n                            Au-del\u00e0 de la fabrication, ce label souligne notre r\u00f4le essentiel dans la transmission d'un patrimoine vivant. Chaque peau fa\u00e7onn\u00e9e dans nos ateliers devient le t\u00e9moin d\u2019un m\u00e9tier d'exception, alliant l\u2019h\u00e9ritage du pass\u00e9 \u00e0 une vision contemporaine de la d\u00e9coration d'int\u00e9rieur.\n                        <\/p>\n                        <p class=\"artisan-desc\">\n                            Cette reconnaissance par la <a href=\"https:\/\/www.cma-alsace-moselle-grandest.fr\/alsace?department=alsace\" class=\"artisan-inline-link\" target=\"_blank\" rel=\"noopener\" title=\"Visiter le site de la Chambre de M\u00e9tiers d'Alsace\">Chambre de M\u00e9tiers d'Alsace<\/a> r\u00e9affirme notre ancrage territorial au c\u0153ur du Grand Est et notre volont\u00e9 de faire rayonner l'excellence de l'artisanat fran\u00e7ais.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Bouton d'action d\u00e9plac\u00e9 \u00e0 la suite du contenu -->\n                <button type=\"button\" class=\"artisan-btn\" id=\"artisan-voir-plus\" aria-expanded=\"false\" aria-controls=\"artisan-extra-wrapper\">Voir plus<\/button>\n            <\/div>\n\n            <!-- Logo Artisan d'Art cliquable -->\n            <div class=\"artisan-logo-col\">\n                <a href=\"https:\/\/www.cma-alsace-moselle-grandest.fr\/alsace?department=alsace\" class=\"artisan-logo-link\" target=\"_blank\" rel=\"noopener\" title=\"Visiter le site de la Chambre de M\u00e9tiers d'Alsace\">\n                    <img decoding=\"async\" src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/logo-artisan-art-1.png\" alt=\"Label Artisan d'Art\" class=\"artisan-logo\" loading=\"lazy\">\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Contr\u00f4les du Slider (Align\u00e9s \u00e0 droite) -->\n    <div class=\"artisan-controls-wrapper\">\n        <div class=\"artisan-arrows\">\n            <button class=\"artisan-prev\" aria-label=\"Image 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=\"artisan-next\" aria-label=\"Image 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    <!-- Slider Infini -->\n    <div class=\"artisan-carousel\">\n        <div class=\"artisan-carousel-viewport\">\n            <div class=\"artisan-carousel-track\">\n                \n                <!-- Image large 1 -->\n                <div class=\"artisan-slide artisan-slide--wide\">\n                    <img decoding=\"async\" data-src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/couture-fourrure-label-epv-scaled.jpg\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1 1'%3E%3C\/svg%3E\" alt=\"Couture de pr\u00e9cision dans l'atelier Norki\">\n                <\/div>\n                \n                <!-- Image normale -->\n                <div class=\"artisan-slide\">\n                    <img decoding=\"async\" data-src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/luneville-embroidery-norki-workshop-1-scaled-e1779452403164.jpg\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1 1'%3E%3C\/svg%3E\" alt=\"D\u00e9tail de broderie d'art au crochet de Lun\u00e9ville\">\n                <\/div>\n                \n                <!-- Image large 2 -->\n                <div class=\"artisan-slide artisan-slide--wide\">\n                    <img decoding=\"async\" data-src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/fur-sewing-know-how-1-scaled-e1779776477413.jpg\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1 1'%3E%3C\/svg%3E\" alt=\"Savoir-faire artisanal de la couture fourrure\">\n                <\/div>\n                \n                <!-- Image normale -->\n                <div class=\"artisan-slide\">\n                    <img decoding=\"async\" data-src=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/atelier-norki-label-entreprise-patrimoine-vivant-1-768x1151.jpg\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1 1'%3E%3C\/svg%3E\" alt=\"Assemblage minutieux des peaux dans l'atelier Norki\">\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ --- 1. Gestion du bouton \"Voir plus\" ---\n        const btn = document.getElementById('artisan-voir-plus'); \n        const wrapper = document.getElementById('artisan-extra-wrapper'); \n\n        if (btn && wrapper) {\n            btn.addEventListener('click', () => {\n                const isOpen = wrapper.classList.toggle('is-open');\n                btn.setAttribute('aria-expanded', isOpen);\n                btn.textContent = isOpen ? 'Voir moins' : 'Voir plus';\n            });\n        }\n\n        \/\/ --- 2. Gestion du Carrousel Infini (Variable Widths) ---\n        const track = document.querySelector('.artisan-carousel-track');\n        if (!track) return;\n        \n        const originalSlides = Array.from(document.querySelectorAll('.artisan-slide'));\n        const totalOriginal = originalSlides.length;\n\n        \/\/ Clonage pour l'effet infini\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        let currentIndex = totalOriginal; \n        let isAnimating = false;\n\n        \/\/ Nouvelle m\u00e9thode : on mesure l'OffsetWidth de chaque image pour s'adapt\u00e9 \u00e0 toutes les largeurs\n        const updateCarousel = (instant = false) => {\n            const slides = Array.from(track.children);\n            if (!slides[currentIndex]) return;\n            \n            let offset = 0;\n            \/\/ On additionne la largeur de toutes les slides pr\u00e9c\u00e9dant l'index actuel\n            for (let i = 0; i < currentIndex; i++) {\n                offset += slides[i].offsetWidth;\n            }\n\n            track.style.transition = instant ? 'none' : 'transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1)';\n            track.style.transform = `translateX(-${offset}px)`;\n        };\n\n        \/\/ Initiation\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('.artisan-next').addEventListener('click', moveNext);\n        document.querySelector('.artisan-prev').addEventListener('click', movePrev);\n\n        track.addEventListener('transitionend', (e) => {\n            if (e.propertyName !== 'transform') return;\n            isAnimating = false;\n            \n            \/\/ Recalage silencieux pour la boucle infinie\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        \/\/ Recalcule les largeurs si la fen\u00eatre change\n        window.addEventListener('resize', () => {\n            updateCarousel(true);\n        });\n\n        \/\/ --- Gestion du swipe tactile ---\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        \/\/ --- 3. Lazy Loading des images du carrousel ---\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('artisan-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('.artisan-slide img').forEach(img => {\n            imageObserver.observe(img);\n        });\n    });\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le Label Entreprise du Patrimoine Vivant Label EPV NORKI &#8211; Une Maison Fran\u00e7aise au Savoir-Faire Rare En ao\u00fbt 2023, Norki a eu l&rsquo;honneur de se voir d\u00e9cerner le prestigieux label Entreprise du Patrimoine Vivant (EPV), distinction attribu\u00e9e par l&rsquo;\u00c9tat fran\u00e7ais aux entreprises incarnant l&rsquo;excellence artisanale et la pr\u00e9servation de savoir-faire rares. Cette reconnaissance vient saluer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-page-builder-no-header-footer.php","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('\/sur-mesure\/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('\/sur-mesure\/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('\/sur-mesure\/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('\/sur-mesure\/wp-content\/themes\/twentytwentyfour\/assets\/fonts\/Avenir\/Avenir-Medium-09.otf') format('opentype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'AvenirBookOblique';\n  src: url('\/sur-mesure\/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('\/sur-mesure\/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 *\/","_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-3306","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Label EPV - Entreprise du Patrimoine Vivant | Savoir-Faire Norki<\/title>\n<meta name=\"description\" content=\"Norki, labellis\u00e9e Entreprise du Patrimoine Vivant (EPV), incarne l&#039;excellence de nos savoir-faire artisanaux et notre fabrication fran\u00e7aise d&#039;exception.\" \/>\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\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Label EPV - Entreprise du Patrimoine Vivant | Savoir-Faire Norki\" \/>\n<meta property=\"og:description\" content=\"Norki, labellis\u00e9e Entreprise du Patrimoine Vivant (EPV), incarne l&#039;excellence de nos savoir-faire artisanaux et notre fabrication fran\u00e7aise d&#039;exception.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.norki.com\/fr\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/\" \/>\n<meta property=\"og:site_name\" content=\"Norki\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/NorkiDecoration\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T09:48:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/label-entreprise-du-patrimoine-vivant-maison-norki-clear.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/sur-mesure\\\/label-epv-entreprise-patrimoine-vivant\\\/\",\"url\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/sur-mesure\\\/label-epv-entreprise-patrimoine-vivant\\\/\",\"name\":\"Label EPV - Entreprise du Patrimoine Vivant | Savoir-Faire Norki\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/sur-mesure\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/sur-mesure\\\/label-epv-entreprise-patrimoine-vivant\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/sur-mesure\\\/label-epv-entreprise-patrimoine-vivant\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/norki.com\\\/sur-mesure\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/label-entreprise-du-patrimoine-vivant-maison-norki-clear.png\",\"datePublished\":\"2026-05-22T07:55:04+00:00\",\"dateModified\":\"2026-06-10T09:48:56+00:00\",\"description\":\"Norki, labellis\u00e9e Entreprise du Patrimoine Vivant (EPV), incarne l'excellence de nos savoir-faire artisanaux et notre fabrication fran\u00e7aise d'exception.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/sur-mesure\\\/label-epv-entreprise-patrimoine-vivant\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.norki.com\\\/fr\\\/sur-mesure\\\/label-epv-entreprise-patrimoine-vivant\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/sur-mesure\\\/label-epv-entreprise-patrimoine-vivant\\\/#primaryimage\",\"url\":\"https:\\\/\\\/norki.com\\\/sur-mesure\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/label-entreprise-du-patrimoine-vivant-maison-norki-clear.png\",\"contentUrl\":\"https:\\\/\\\/norki.com\\\/sur-mesure\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/label-entreprise-du-patrimoine-vivant-maison-norki-clear.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/fr\\\/sur-mesure\\\/label-epv-entreprise-patrimoine-vivant\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.norki.com\\\/sur-mesure\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Label EPV\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.norki.com\\\/sur-mesure\\\/#website\",\"url\":\"https:\\\/\\\/www.norki.com\\\/sur-mesure\\\/\",\"name\":\"Norki\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.norki.com\\\/sur-mesure\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Label EPV - Entreprise du Patrimoine Vivant | Savoir-Faire Norki","description":"Norki, labellis\u00e9e Entreprise du Patrimoine Vivant (EPV), incarne l'excellence de nos savoir-faire artisanaux et notre fabrication fran\u00e7aise d'exception.","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\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/","og_locale":"fr_FR","og_type":"article","og_title":"Label EPV - Entreprise du Patrimoine Vivant | Savoir-Faire Norki","og_description":"Norki, labellis\u00e9e Entreprise du Patrimoine Vivant (EPV), incarne l'excellence de nos savoir-faire artisanaux et notre fabrication fran\u00e7aise d'exception.","og_url":"https:\/\/www.norki.com\/fr\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/","og_site_name":"Norki","article_publisher":"https:\/\/facebook.com\/NorkiDecoration","article_modified_time":"2026-06-10T09:48:56+00:00","og_image":[{"url":"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/label-entreprise-du-patrimoine-vivant-maison-norki-clear.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.norki.com\/fr\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/","url":"https:\/\/www.norki.com\/fr\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/","name":"Label EPV - Entreprise du Patrimoine Vivant | Savoir-Faire Norki","isPartOf":{"@id":"https:\/\/www.norki.com\/sur-mesure\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.norki.com\/fr\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/#primaryimage"},"image":{"@id":"https:\/\/www.norki.com\/fr\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/#primaryimage"},"thumbnailUrl":"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/label-entreprise-du-patrimoine-vivant-maison-norki-clear.png","datePublished":"2026-05-22T07:55:04+00:00","dateModified":"2026-06-10T09:48:56+00:00","description":"Norki, labellis\u00e9e Entreprise du Patrimoine Vivant (EPV), incarne l'excellence de nos savoir-faire artisanaux et notre fabrication fran\u00e7aise d'exception.","breadcrumb":{"@id":"https:\/\/www.norki.com\/fr\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.norki.com\/fr\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.norki.com\/fr\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/#primaryimage","url":"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/label-entreprise-du-patrimoine-vivant-maison-norki-clear.png","contentUrl":"https:\/\/norki.com\/sur-mesure\/wp-content\/uploads\/2026\/05\/label-entreprise-du-patrimoine-vivant-maison-norki-clear.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.norki.com\/fr\/sur-mesure\/label-epv-entreprise-patrimoine-vivant\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.norki.com\/sur-mesure\/fr\/"},{"@type":"ListItem","position":2,"name":"Label EPV"}]},{"@type":"WebSite","@id":"https:\/\/www.norki.com\/sur-mesure\/#website","url":"https:\/\/www.norki.com\/sur-mesure\/","name":"Norki","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.norki.com\/sur-mesure\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"webmaster","author_link":"https:\/\/www.norki.com\/sur-mesure\/author\/webmaster\/"},"uagb_comment_info":0,"uagb_excerpt":"Le Label Entreprise du Patrimoine Vivant Label EPV NORKI - Une Maison Fran\u00e7aise au Savoir-Faire Rare En ao\u00fbt 2023, Norki a eu l'honneur de se voir d\u00e9cerner le prestigieux label Entreprise du Patrimoine Vivant (EPV), distinction attribu\u00e9e par l'\u00c9tat fran\u00e7ais aux entreprises incarnant l'excellence artisanale et la pr\u00e9servation de savoir-faire rares. Cette reconnaissance vient saluer\u2026","_links":{"self":[{"href":"https:\/\/www.norki.com\/sur-mesure\/wp-json\/wp\/v2\/pages\/3306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.norki.com\/sur-mesure\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.norki.com\/sur-mesure\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.norki.com\/sur-mesure\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.norki.com\/sur-mesure\/wp-json\/wp\/v2\/comments?post=3306"}],"version-history":[{"count":74,"href":"https:\/\/www.norki.com\/sur-mesure\/wp-json\/wp\/v2\/pages\/3306\/revisions"}],"predecessor-version":[{"id":4502,"href":"https:\/\/www.norki.com\/sur-mesure\/wp-json\/wp\/v2\/pages\/3306\/revisions\/4502"}],"wp:attachment":[{"href":"https:\/\/www.norki.com\/sur-mesure\/wp-json\/wp\/v2\/media?parent=3306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.norki.com\/sur-mesure\/wp-json\/wp\/v2\/categories?post=3306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.norki.com\/sur-mesure\/wp-json\/wp\/v2\/tags?post=3306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}