{"id":11,"date":"2025-12-08T09:55:39","date_gmt":"2025-12-08T09:55:39","guid":{"rendered":"http:\/\/papier-crepon.com\/?page_id=11"},"modified":"2026-04-27T09:00:13","modified_gmt":"2026-04-27T09:00:13","slug":"accueil-papier-crepon","status":"publish","type":"page","link":"https:\/\/papier-crepon.com\/","title":{"rendered":"Accueil &#8211; Papier Cr\u00e9pon"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Papier Cr\u00e9pon &#8211; Family Concept Store<\/title>\n    <meta name=\"description\" content=\"Caf\u00e9, Boutique et Ateliers pour toute la famille.\">\n    \n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    \n    <!-- Import de Jost (Corps) et Comfortaa (Sous-titre\/Script) -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&#038;family=Jost:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Lucide Icons -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n    <!-- Tailwind Config -->\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'brand-bg': '#FFF6D3',\n                        'brand-terracotta': '#EBC0AF',\n                        'brand-sage': '#0A37DD',\n                        'brand-sand': '#E6DCCF',\n                        'brand-text': '#2A2A2A',\n                        'brand-light-grey': '#F4F4F4',\n                        'brand-bleuciel': '#95BDD5',\n                    },\n                    fontFamily: {\n                        'heading': ['\"Impact\"', 'sans-serif'], \n                        'script': ['\"Comfortaa\"', 'cursive'],\n                        'body': ['\"Agrandir\"', '\"Jost\"', 'sans-serif'],\n                    },\n                    borderRadius: {\n                        'xl': '1rem',\n                        '2xl': '1.5rem',\n                        '3xl': '2rem',\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        body {\n            background-color: #FAF9F6;\n            color: #2A2A2A;\n        }\n        \n        .font-heading { \n            font-family: Impact, sans-serif; \n            font-style: normal;\n            font-synthesis: none;\n            letter-spacing: 0.05em;\n        }\n        \n        .font-script { \n            font-family: 'Comfortaa', cursive; \n            font-weight: 500;\n        }\n        \n        .font-body { \n            font-family: 'Agrandir', 'Jost', sans-serif; \n        }\n\n        .image-hover {\n            transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .group:hover .image-hover {\n            transform: scale(1.05);\n        }\n    <\/style>\n<\/head>\n<body class=\"font-body antialiased selection:bg-brand-terracotta selection:text-white\">\n\n    <!-- TOP BAR -->\n    <div class=\"bg-brand-text text-brand-bg py-2 px-4 text-xs md:text-sm font-medium tracking-wide\">\n        <div class=\"container mx-auto flex flex-col md:flex-row justify-between items-center gap-2\">\n            <div class=\"flex items-center gap-4\">\n                <span class=\"flex items-center gap-2\"><i data-lucide=\"clock\" class=\"w-3 h-3 text-brand-terracotta\"><\/i> Mar, Mer, Vend, Sam, Dim<\/span>\n                <span class=\"flex items-center gap-2\"><i data-lucide=\"map-pin\" class=\"w-3 h-3 text-brand-terracotta\"><\/i> 1-2 Place des Justes, 54000, Nancy<\/span>\n            <\/div>\n            <div class=\"flex items-center gap-4\">\n                <a href=\"https:\/\/www.instagram.com\/papier_crepon_cafe?utm_source=ig_web_button_share_sheet&#038;igsh=ZDNlZDc0MzIxNw==\" class=\"hover:text-brand-terracotta transition-colors\"><i data-lucide=\"instagram\" class=\"w-4 h-4\"><\/i><\/a>\n                <a href=\"https:\/\/www.facebook.com\/share\/17FKuawfNE\/?mibextid=wwXIfr\" class=\"hover:text-brand-terracotta transition-colors\"><i data-lucide=\"facebook\" class=\"w-4 h-4\"><\/i><\/a>\n                <span class=\"hidden md:inline text-brand-terracotta\">|<\/span>\n                <a href=\"tel:+0357758739\" class=\"hover:scale-110 transition-transform inline-block\" style=\"color: inherit; text-decoration: none;\">03.57.75.87.40<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- NAVIGATION -->\n    <nav class=\"sticky top-0 w-full z-50 bg-[#FAF9F6]\/95 backdrop-blur-sm border-b border-brand-sand\/30 transition-all duration-300 relative overflow-hidden\" id=\"navbar\">\n        <div class=\"absolute top-0 left-0 w-full h-[70px] md:h-[100px] -z-10 pointer-events-none overflow-hidden\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1400 170\" preserveAspectRatio=\"none\" class=\"w-full h-full opacity-35\">\n                <g>\n                    <path d=\"M0 0 V108 A63.64 63.64 0 0 0 127.27 108 V0 Z\" class=\"fill-brand-sage\"\/>\n                    <path d=\"M127.27 0 V108 A63.64 63.64 0 0 0 254.54 108 V0 Z\" class=\"fill-brand-bg\"\/>\n                    <path d=\"M254.54 0 V108 A63.64 63.64 0 0 0 381.81 108 V0 Z\" class=\"fill-brand-bleuciel\"\/>\n                    <path d=\"M381.81 0 V108 A63.64 63.64 0 0 0 509.08 108 V0 Z\" class=\"fill-brand-terracotta\"\/>\n                    <path d=\"M509.08 0 V108 A63.64 63.64 0 0 0 636.35 108 V0 Z\" class=\"fill-brand-sage\"\/>\n                    <path d=\"M636.35 0 V108 A63.64 63.64 0 0 0 763.62 108 V0 Z\" class=\"fill-brand-bg\"\/>\n                    <path d=\"M763.62 0 V108 A63.64 63.64 0 0 0 890.89 108 V0 Z\" class=\"fill-brand-bleuciel\"\/>\n                    <path d=\"M890.89 0 V108 A63.64 63.64 0 0 0 1018.16 108 V0 Z\" class=\"fill-brand-terracotta\"\/>\n                    <path d=\"M1018.16 0 V108 A63.64 63.64 0 0 0 1145.43 108 V0 Z\" class=\"fill-brand-sage\"\/>\n                    <path d=\"M1145.43 0 V108 A63.64 63.64 0 0 0 1272.7 108 V0 Z\" class=\"fill-brand-bg\"\/>\n                    <path d=\"M1272.7 0 V108 A63.64 63.64 0 0 0 1400 108 V0 Z\" class=\"fill-brand-bleuciel\"\/>\n                <\/g>\n            <\/svg>\n        <\/div>\n\n        <div class=\"container mx-auto px-6 py-4 md:py-10 flex justify-end items-center relative z-20\">\n            <div class=\"hidden md:flex absolute left-1\/2 top-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 items-center gap-8 text-sm uppercase tracking-widest font-medium\">\n                <a href=\"https:\/\/papier-crepon.com\/\" class=\"hover:text-brand-terracotta transition-colors\">Accueil<\/a>\n                <a href=\"https:\/\/papier-crepon.com\/index.php\/le-cafe\/\" class=\"hover:text-brand-terracotta transition-colors\">Le caf\u00e9<\/a>\n                <a href=\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/\" class=\"hover:text-brand-terracotta transition-colors\">Les Ateliers<\/a>\n                <a href=\"https:\/\/papier-crepon.com\/index.php\/privatisation\" class=\"hover:text-brand-terracotta transition-colors\">Privatisation<\/a>\n                <a href=\"https:\/\/papier-crepon.com\/index.php\/contact\/\" class=\"hover:text-brand-terracotta transition-colors\">Contact<\/a>\n            <\/div>\n\n            <div class=\"flex items-center gap-4\">\n                <a href=\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#planning\" class=\"hidden md:block bg-brand-sage text-white px-6 py-3 rounded-full hover:bg-brand-terracotta transition-colors shadow-sm font-bold text-xs tracking-widest\">\n                    R\u00e9servation atelier\n                <\/a>\n                <button id=\"menu-btn\" class=\"md:hidden p-2 text-brand-text\">\n                    <i data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Mobile Menu Overlay -->\n    <div id=\"mobile-menu\" class=\"fixed inset-0 bg-brand-bg z-50 flex flex-col justify-start items-center pt-32 pb-10 gap-8 overflow-y-auto transform translate-x-full transition-transform duration-300 md:hidden\">\n        <button id=\"close-menu-btn\" class=\"absolute top-6 right-6 p-2 text-brand-sage hover:bg-brand-sage\/10 rounded-full transition-colors\">\n            <i data-lucide=\"x\" class=\"w-10 h-10\"><\/i>\n        <\/button>\n        \n        <a href=\"https:\/\/papier-crepon.com\/\" class=\"font-heading text-4xl text-brand-sage mobile-link hover:text-brand-terracotta transition-colors text-center w-full\">Accueil<\/a>\n        <a href=\"https:\/\/papier-crepon.com\/index.php\/le-cafe\/\" class=\"font-heading text-4xl text-brand-sage mobile-link hover:text-brand-sage transition-colors text-center w-full\">Le caf\u00e9<\/a>\n        <a href=\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/\" class=\"font-heading text-4xl text-brand-sage mobile-link hover:text-brand-terracotta transition-colors text-center w-full\">Les Ateliers<\/a>\n        <a href=\"https:\/\/papier-crepon.com\/index.php\/privatisation\/\" class=\"font-heading text-4xl text-brand-sage mobile-link hover:text-brand-terracotta transition-colors text-center w-full\">Privatisation<\/a>\n        <a href=\"https:\/\/papier-crepon.com\/index.php\/contact\/\" class=\"font-heading text-4xl text-brand-sage mobile-link hover:text-brand-terracotta transition-colors text-center w-full\">Contact<\/a>\n        \n        <a href=\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#planning\" class=\"font-heading text-3xl bg-brand-sage text-white px-8 py-4 rounded-full mt-4 mobile-link hover:bg-brand-terracotta transition-colors text-center shadow-lg mx-6\">\n            R\u00e9servation atelier\n        <\/a>\n    <\/div>\n\n<!-- HERO SECTION -->\n    <!-- AJOUT ICI : pt-16 md:pt-24 pour d\u00e9coller du header du haut, pb-24 md:pb-32 pour la marge en bas -->\n    <header id=\"concept\" class=\"relative pt-16 md:pt-24 pb-24 md:pb-32 overflow-hidden\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"flex flex-col md:flex-row items-center justify-center gap-12 lg:gap-20\">\n                \n                <div class=\"w-full md:w-1\/2 text-center md:text-left order-2 md:order-1 relative z-10\">\n                    <span class=\"font-script text-4xl text-brand-text block mb-2\">Bienvenue chez<\/span>\n                    <h1 class=\"font-heading text-6xl lg:text-7xl text-brand-sage mb-6 leading-[1.1]\">\n                        <span class=\"italic font-light text-brand-sage\">Papier Cr\u00e9pon.<\/span>\n                    <\/h1>\n                    <p class=\"text-lg text-gray-600 mb-8 font-light leading-relaxed\">\n                        Un lieu imagin\u00e9 pour les familles, o\u00f9 chaque d\u00e9tail est pens\u00e9 pour votre confort.  \n                        Savourez un bon caf\u00e9 bien chaud pendant que vos enfants s\u2019amusent en toute libert\u00e9 dans la Cabane. \n                        <br><strong class=\"font-medium text-brand-terracotta\">Ici, on se sent comme \u00e0 la maison .. mais en mieux. <\/strong><\/br>\n                    <\/p>\n                    \n                    <div class=\"flex flex-col sm:flex-row gap-4 justify-center md:justify-start\">\n                        <a href=\"#actus\" class=\"bg-brand-terracotta text-white px-8 py-4 rounded-full font-bold uppercase tracking-wider text-xs hover:bg-brand-bleuciel transition-all shadow-lg\">\n                            Voir l&rsquo;agenda\n                        <\/a>\n                        <a href=\"https:\/\/maps.app.goo.gl\/aPvxjAo9dQkoDBQH7\" class=\"border border-brand-text text-brand-text px-8 py-4 rounded-full font-bold uppercase tracking-wider text-xs hover:bg-brand-sand hover:border-brand-sand transition-all\">\n                            Nous trouver\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- AJOUT ICI : flex, items-center et justify-center pour garantir le centrage parfait -->\n                <div class=\"w-full md:w-1\/2 order-1 md:order-2 relative flex items-center justify-center\">\n                    <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[120%] h-[120%] bg-brand-sand\/30 rounded-full blur-3xl -z-10\"><\/div>\n                    <!-- AJOUT ICI : w-full et my-8 pour s\u00e9curiser l'espace en haut\/bas sur mobile -->\n                    <div class=\"relative rounded-t-[10rem] rounded-b-[2rem] overflow-hidden shadow-2xl aspect-[4\/5] md:aspect-[3\/4] max-w-md w-full mx-auto my-8 md:my-0\">\n                        <img decoding=\"async\" src=\"https:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Coin-cuisine.jpeg\" alt=\"Coin cuisine\" class=\"w-full h-full object-cover\">\n                        <div class=\"absolute bottom-6 right-6 bg-white\/90 backdrop-blur p-4 rounded-2xl shadow-lg max-w-[200px]\">\n                            <p class=\"font-heading text-lg text-brand-terracotta mb-1\">Caf\u00e9 Poussette<\/p>\n                            <p class=\"text-xs text-gray-500\">Un espace adapt\u00e9 aux 0-6 ans et \u00e0 leurs parents.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- SECTION ACTUALIT\u00c9S \/ \u00c9V\u00c9NEMENTS -->\n    <section id=\"actus\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <span class=\"font-script text-3xl text-brand-text\">Toutes nos<\/span>\n                <h2 class=\"font-heading text-5xl text-brand-sage mt-2\">Activit\u00e9s<\/h2>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <!-- Actu 1 : Ateliers -->\n                <a href=\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#planning\" class=\"group block cursor-pointer\">\n                    <article class=\"group cursor-pointer\">\n                        <div class=\"relative overflow-hidden rounded-2xl aspect-[4\/3] mb-4\">\n                            <span class=\"absolute top-4 left-4 bg-brand-terracotta text-white text-xs font-bold px-3 py-1 rounded-full z-10 uppercase tracking-widest\">Ateliers<\/span>\n                            <img decoding=\"async\" src=\"https:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Atelier-paysage-1.jpeg\" class=\"w-full h-full object-cover image-hover\" alt=\"Atelier Peinture\">\n                        <\/div>\n                        <div class=\"px-2\">\n                            <p class=\"text-xs text-gray-400 font-bold uppercase tracking-wider mb-2\">Agenda<\/p>\n                            <h3 class=\"font-heading text-2xl mb-2 group-hover:text-brand-terracotta transition-colors\">Planning \u00e0 venir&#8230;<\/h3>\n                            <p class=\"text-sm text-gray-600 mb-4 line-clamp-2\">\u00c9veil musical, yoga ou peinture&#8230; R\u00e9servez votre cr\u00e9neau pour partager un moment unique avec votre enfant.<\/p>\n                            <span class=\"font-bold text-sm border-b border-brand-text pb-0.5\">Voir le planning<\/span>\n                        <\/div>\n                    <\/article>\n                <\/a>\n\n                <!-- Actu 2 : Caf\u00e9\/Jeux -->\n                <a href=\"https:\/\/papier-crepon.com\/index.php\/le-cafe\" class=\"group block cursor-pointer\">\n                    <article class=\"group cursor-pointer\">\n                        <div class=\"relative overflow-hidden rounded-2xl aspect-[4\/3] mb-4\">\n                            <span class=\"absolute top-4 left-4 bg-brand-sage text-white text-xs font-bold px-3 py-1 rounded-full z-10 uppercase tracking-widest\">Caf\u00e9 &#038; Jeux<\/span>\n                            <img decoding=\"async\" src=\"https:\/\/papier-crepon.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_i4shl6i4shl6i4sh.png\" class=\"w-full h-full object-cover image-hover\" alt=\"Go\u00fbters et d\u00e9jeuners\">\n                        <\/div>\n                        <div class=\"px-2\">\n                            <p class=\"text-xs text-gray-400 font-bold uppercase tracking-wider mb-2\">Gourmandise<\/p>\n                            <h3 class=\"font-heading text-2xl mb-2 group-hover:text-brand-terracotta transition-colors\">Pause d\u00e9j &#038; Cabane<\/h3>\n                            <p class=\"text-sm text-gray-600 mb-2 line-clamp-2\">Pendant que vous d\u00e9gustez nos plats faits maison, vos enfants profitent de l&rsquo;espace jeux s\u00e9curis\u00e9.<\/p>\n                            <!-- AJOUT DE L'INFORMATION R\u00c9SERVATION ICI -->\n                            <p class=\"text-[10px] font-bold text-brand-sage uppercase tracking-tighter mb-4 italic\">R\u00e9servations par t\u00e9l\u00e9phone uniquement pour le midi<\/p>\n                            <span class=\"font-bold text-sm border-b border-brand-text pb-0.5\">Voir la carte<\/span>\n                        <\/div>\n                    <\/article>\n                <\/a>\n\n                <!-- Actu 3 : Privatisation -->\n                <a href=\"https:\/\/papier-crepon.com\/index.php\/privatisation\/\" class=\"group block cursor-pointer\">\n                    <article>\n                        <div class=\"relative overflow-hidden rounded-2xl aspect-[4\/3] mb-4\">\n                            <span class=\"absolute top-4 left-4 bg-brand-text text-white text-xs font-bold px-3 py-1 rounded-full z-10 uppercase tracking-widest\">Privatisation<\/span>\n                            <img decoding=\"async\" src=\"https:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Interieur-de-papier-crepon.jpeg\" class=\"w-full h-full object-cover image-hover\" alt=\"Anniversaire enfant\">\n                        <\/div>\n                        <div class=\"px-2\">\n                            <p class=\"text-xs text-gray-400 font-bold uppercase tracking-wider mb-2\">\u00c9v\u00e9nement<\/p>\n                            <h3 class=\"font-heading text-2xl mb-2 group-hover:text-brand-terracotta transition-colors\">F\u00eatez vos \u00e9v\u00e9nements !<\/h3>\n                            <p class=\"text-sm text-gray-600 mb-4 line-clamp-2\">Anniversaires, Baby Showers&#8230; D\u00e9couvrez nos formules tout inclus (g\u00e2teau, d\u00e9co, animation) pour un jour inoubliable.<\/p>\n                            <span class=\"font-bold text-sm border-b border-brand-text pb-0.5 group-hover:text-brand-terracotta group-hover:border-brand-terracotta transition-colors\">Nos formules<\/span>\n                        <\/div>\n                    <\/article>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- WRAPPER CALENDRIER -->\n    <section class=\"w-full bg-brand-white py-12\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"max-w-4xl mx-auto bg-[#95BDD5] rounded-[3rem] p-8 md:p-12 shadow-xl border border-brand-sand\/30\">\n                <h2 class=\"font-heading text-center text-2xl md:text-3xl mb-6 tracking-wide\">Calendrier des ateliers<\/h2>\n                <div class=\"relative overflow-hidden rounded-2xl bg-white calendar-embed-wrapper\">\n                    <style>\n                        .calendar-embed-wrapper iframe[data-tec-events-ece-iframe=\"true\"] {\n                            width: 100%;\n                            height: calc(100vw + 100px);\n                            max-width: 100%;\n                            border: 0;\n                        }\n                        @media screen and (min-width: 600px) {\n                            .calendar-embed-wrapper iframe[data-tec-events-ece-iframe=\"true\"] { height: 100vw; }\n                        }\n                        @media screen and (min-width: 853px) {\n                            .calendar-embed-wrapper iframe[data-tec-events-ece-iframe=\"true\"] { height: 1065px; }\n                        }\n                    <\/style>\n                   <iframe data-tec-events-ece-iframe=\"true\" src=\"https:\/\/papier-crepon.com\/index.php\/calendar-embed\/qlKQfXDxB8D\/embed\/\" frameborder=\"0\" ><\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- LES 3 PILIERS -->\n    <section id=\"ateliers\" class=\"py-20 bg-brand-sand\/20\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-0 divide-y md:divide-y-0 md:divide-x divide-brand-sand\">\n                <div class=\"px-4 py-8 md:py-0 text-center\">\n                    <i data-lucide=\"coffee\" class=\"w-10 h-10 mx-auto text-brand-terracotta mb-4\"><\/i>\n                    <h3 class=\"font-heading text-2xl mb-2\">Caf\u00e9 &#038; Go\u00fbter<\/h3>\n                    <p class=\"text-sm text-gray-600 px-4\">Un large choix de snacks et repas, surtout du bon caf\u00e9 pour les parents fatigu\u00e9s.<\/p>\n                <\/div>\n                <div class=\"px-4 py-8 md:py-0 text-center\">\n                    <i data-lucide=\"shopping-bag\" class=\"w-10 h-10 mx-auto text-brand-sage mb-4\"><\/i>\n                    <h3 class=\"font-heading text-2xl mb-2\">Privatisation<\/h3>\n                    <p class=\"text-sm text-gray-600 px-4\">Privatisez notre caf\u00e9 pour f\u00eater vos \u00e9v\u00e9nements : BabyShower, anniversaires&#8230;<\/p>\n                <\/div>\n                <div class=\"px-4 py-8 md:py-0 text-center\">\n                    <i data-lucide=\"users\" class=\"w-10 h-10 mx-auto text-brand-text mb-4\"><\/i>\n                    <h3 class=\"font-heading text-2xl mb-2\">Ateliers<\/h3>\n                    <p class=\"text-sm text-gray-600 px-4\">Yoga, massage b\u00e9b\u00e9, \u00e9veil musical. Partagez un moment unique.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER HARMONIS\u00c9 -->\n    <footer id=\"contact\" class=\"bg-brand-sage text-white pt-16 pb-10 border-t border-white\/10 overflow-hidden relative\">\n        <!-- D\u00e9coration de fond subtile -->\n        <div class=\"absolute -bottom-24 -right-24 w-64 h-64 bg-brand-terracotta\/10 rounded-full blur-3xl\"><\/div>\n        \n        <div class=\"container mx-auto px-6 relative z-10\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 mb-12\">\n                \n                <!-- COLONNE GAUCHE : IDENTIT\u00c9 & CONTACT -->\n                <div class=\"lg:col-span-5 flex flex-col items-center lg:items-start text-center lg:text-left\">\n                    <h2 class=\"font-heading text-4xl md:text-5xl mb-6 leading-none tracking-tight\">\n                        \u00c0 tr\u00e8s vite<span class=\"text-brand-terracotta\">.<\/span>\n                    <\/h2>\n                    <p class=\"text-brand-light-grey text-base leading-relaxed max-w-md mb-8 opacity-90\">\n                        Papier Cr\u00e9pon est votre <span class=\"text-brand-bg font-medium\">family concept store<\/span> \u00e0 Nancy. Un lieu de vie, de jeux et de gourmandise pour petits et grands.\n                    <\/p>\n                    \n                    <!-- BOUTONS HARMONIS\u00c9S EN TAILLE -->\n                    <div class=\"flex flex-col gap-4 items-center lg:items-start w-full\">\n                        <a href=\"https:\/\/papier-crepon.com\/index.php\/contact\/\" class=\"group flex items-center justify-center lg:justify-start bg-white\/10 hover:bg-brand-terracotta px-6 py-4 rounded-xl transition-all duration-300 border border-white\/10 shadow-lg w-full max-w-[280px]\">\n                            <i data-lucide=\"mail\" class=\"w-5 h-5 mr-3 group-hover:-translate-x-1 transition-transform\"><\/i>\n                            <span class=\"text-lg font-bold tracking-tight\">Formulaire de contact<\/span>\n                        <\/a>\n                        <a href=\"tel:+33357758739\" class=\"group flex items-center justify-center lg:justify-start bg-brand-bg text-brand-sage hover:scale-[1.01] px-6 py-4 rounded-xl transition-all duration-300 shadow-xl w-full max-w-[280px]\">\n                            <i data-lucide=\"phone\" class=\"w-5 h-5 mr-3 group-hover:rotate-12 transition-transform\"><\/i>\n                            <span class=\"text-lg font-bold tracking-tight\">03.57.75.87.40<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- COLONNE DROITE : INFOS PRATIQUES -->\n                <div class=\"lg:col-span-7\">\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-px bg-white\/10 rounded-2xl overflow-hidden border border-white\/10 shadow-2xl\">\n                        \n                        <!-- BLOC 1 : ADRESSE & PLAN -->\n                        <div class=\"bg-brand-sage\/40 p-6 md:p-8 backdrop-blur-sm\">\n                            <div class=\"flex items-center gap-2 mb-4\">\n                                <div class=\"w-6 h-6 rounded-full bg-brand-terracotta\/20 flex items-center justify-center text-brand-terracotta\">\n                                    <i data-lucide=\"map-pin\" class=\"w-3 h-3\"><\/i>\n                                <\/div>\n                                <h4 class=\"font-bold uppercase tracking-[0.2em] text-[10px] text-brand-terracotta\">Nous trouver<\/h4>\n                            <\/div>\n                            <p class=\"text-base text-brand-light-grey leading-relaxed mb-3\">\n                                1-2 Place des Justes<br>54000 Nancy\n                            <\/p>\n                            <a href=\"https:\/\/maps.app.goo.gl\/aPvxjAo9dQkoDBQH7\" target=\"_blank\" class=\"inline-flex items-center gap-2 text-xs text-brand-terracotta font-medium hover:underline\">\n                                Ouvrir dans Maps <i data-lucide=\"external-link\" class=\"w-3 h-3\"><\/i>\n                            <\/a>\n                        <\/div>\n\n                        <!-- BLOC 2 : R\u00c9SERVATIONS -->\n                        <div class=\"bg-brand-sage\/40 p-6 md:p-8 backdrop-blur-sm border-l border-white\/10\">\n                            <div class=\"flex items-center gap-2 mb-4\">\n                                <div class=\"w-6 h-6 rounded-full bg-brand-bg\/20 flex items-center justify-center text-brand-bg\">\n                                    <i data-lucide=\"calendar-check\" class=\"w-3 h-3\"><\/i>\n                                <\/div>\n                                <h4 class=\"font-bold uppercase tracking-[0.2em] text-[10px] text-brand-bg\">R\u00e9servations<\/h4>\n                            <\/div>\n                            <div class=\"bg-white\/10 border border-white\/20 p-3 rounded-lg mb-3\">\n                                <p class=\"text-xs text-brand-bg leading-snug italic font-medium\">\n                                    Pour les repas du midi, merci de r\u00e9server <strong>uniquement par t\u00e9l\u00e9phone<\/strong>.\n                                <\/p>\n                            <\/div>\n                            <p class=\"text-[9px] text-brand-light-grey\/60 uppercase tracking-widest font-semibold\">\n                                Ateliers : r\u00e9servation en ligne\n                            <\/p>\n                        <\/div>\n\n                        <!-- BLOC 3 : HORAIRES -->\n                        <div class=\"bg-brand-sage\/40 p-6 md:p-8 backdrop-blur-sm border-t border-white\/10\">\n                            <div class=\"flex items-center gap-2 mb-4\">\n                                <div class=\"w-6 h-6 rounded-full bg-brand-sand\/20 flex items-center justify-center text-brand-sand\">\n                                    <i data-lucide=\"clock\" class=\"w-3 h-3\"><\/i>\n                                <\/div>\n                                <h4 class=\"font-bold uppercase tracking-[0.2em] text-[10px] text-brand-sand\">Horaires<\/h4>\n                            <\/div>\n                            <ul class=\"text-xs text-brand-light-grey space-y-2\">\n                                <li class=\"flex justify-between border-b border-white\/5 pb-1\"><span>Mar &#8211; Sam<\/span> <span>10h &#8211; 18h<\/span><\/li>\n                                <li class=\"flex justify-between\"><span>Dimanche<\/span> <span>12h &#8211; 17h<\/span><\/li>\n                                <li class=\"text-[9px] text-brand-terracotta italic mt-3 uppercase tracking-tighter\">Ferm\u00e9 Lun &#038; Jeu<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <!-- BLOC 4 : R\u00c9SEAUX & L\u00c9GAL -->\n                        <div class=\"bg-brand-sage\/40 p-6 md:p-8 backdrop-blur-sm border-t border-l border-white\/10\">\n                            <h4 class=\"font-bold uppercase tracking-[0.2em] text-[10px] text-brand-sand mb-4\">Social<\/h4>\n                            <div class=\"flex gap-3 mb-6\">\n                                <a href=\"https:\/\/www.instagram.com\/papier_crepon_cafe\" class=\"w-10 h-10 rounded-xl bg-white\/10 flex items-center justify-center hover:bg-brand-terracotta hover:-translate-y-1 transition-all duration-300 shadow-lg\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\n                                <\/a>\n                                <a href=\"https:\/\/www.facebook.com\/share\/17FKuawfNE\" class=\"w-10 h-10 rounded-xl bg-white\/10 flex items-center justify-center hover:bg-brand-terracotta hover:-translate-y-1 transition-all duration-300 shadow-lg\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n                                <\/a>\n                                <a href=\"mailto:papiercrepon.cafepoussette@gmail.com\" class=\"w-10 h-10 rounded-xl bg-white\/10 flex items-center justify-center hover:bg-brand-terracotta hover:-translate-y-1 transition-all duration-300 shadow-lg\"><i data-lucide=\"mail\" class=\"w-5 h-5\"><\/i><\/a>\n                            <\/div>\n                            \n                            <ul class=\"text-[9px] text-brand-light-grey\/40 space-y-1 uppercase tracking-widest font-bold\">\n                                <li><a href=\"https:\/\/papier-crepon.com\/index.php\/mentions-legales\/\" class=\"hover:text-white transition-colors\">Mentions L\u00e9gales<\/a><\/li>\n                                <li><a href=\"https:\/\/papier-crepon.com\/index.php\/politique-de-confidentialite-cgv\/\" class=\"hover:text-white transition-colors\">CGV \/ Confidentialit\u00e9<\/a><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n    <\/footer>\n    <script>\n        lucide.createIcons();\n        const menuBtn = document.getElementById('menu-btn');\n        const closeMenuBtn = document.getElementById('close-menu-btn');\n        const mobileMenu = document.getElementById('mobile-menu');\n        const mobileLinks = document.querySelectorAll('.mobile-link');\n\n        function toggleMenu() {\n            const isHidden = mobileMenu.classList.contains('translate-x-full');\n            if (isHidden) {\n                mobileMenu.classList.remove('translate-x-full');\n                document.body.style.overflow = 'hidden';\n            } else {\n                mobileMenu.classList.add('translate-x-full');\n                document.body.style.overflow = 'auto';\n            }\n        }\n\n        menuBtn.addEventListener('click', toggleMenu);\n        closeMenuBtn.addEventListener('click', toggleMenu);\n        mobileLinks.forEach(link => { link.addEventListener('click', toggleMenu); });\n\n        window.addEventListener('scroll', () => {\n            const navbar = document.getElementById('navbar');\n            if (window.scrollY > 50) {\n                navbar.classList.add('shadow-md');\n                navbar.classList.replace('py-4', 'py-2');\n            } else {\n                navbar.classList.remove('shadow-md');\n                navbar.classList.replace('py-2', 'py-4');\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Papier Cr\u00e9pon &#8211; Family Concept Store Mar, Mer, Vend, Sam, Dim 1-2 Place des Justes, 54000, Nancy | 03.57.75.87.40 Accueil Le caf\u00e9 Les Ateliers Privatisation Contact R\u00e9servation atelier Accueil Le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accueil - Papier Cr\u00e9pon<\/title>\n<meta name=\"description\" content=\"Papier Cr\u00e9pon est votre caf\u00e9 poussette situ\u00e9 au 1-2 Place des Justes \u00e0 Nancy. Un lieu imagin\u00e9 pour les familles, o\u00f9 chaque d\u00e9tail est pens\u00e9 pour votre confort.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/papier-crepon.com\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accueil - Papier Cr\u00e9pon\" \/>\n<meta property=\"og:description\" content=\"Papier Cr\u00e9pon est votre caf\u00e9 poussette situ\u00e9 au 1-2 Place des Justes \u00e0 Nancy. Un lieu imagin\u00e9 pour les familles, o\u00f9 chaque d\u00e9tail est pens\u00e9 pour votre confort.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/papier-crepon.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Papier Cr\u00e9pon\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T09:00:13+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Coin-cuisine.jpeg\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/papier-crepon.com\/\",\"url\":\"https:\/\/papier-crepon.com\/\",\"name\":\"Accueil - Papier Cr\u00e9pon\",\"isPartOf\":{\"@id\":\"https:\/\/papier-crepon.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/papier-crepon.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/papier-crepon.com\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Coin-cuisine.jpeg\",\"datePublished\":\"2025-12-08T09:55:39+00:00\",\"dateModified\":\"2026-04-27T09:00:13+00:00\",\"description\":\"Papier Cr\u00e9pon est votre caf\u00e9 poussette situ\u00e9 au 1-2 Place des Justes \u00e0 Nancy. Un lieu imagin\u00e9 pour les familles, o\u00f9 chaque d\u00e9tail est pens\u00e9 pour votre confort.\",\"breadcrumb\":{\"@id\":\"https:\/\/papier-crepon.com\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/papier-crepon.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/papier-crepon.com\/#primaryimage\",\"url\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Coin-cuisine.jpeg\",\"contentUrl\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Coin-cuisine.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/papier-crepon.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/papier-crepon.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil &#8211; Papier Cr\u00e9pon\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/papier-crepon.com\/#website\",\"url\":\"https:\/\/papier-crepon.com\/\",\"name\":\"Papier Cr\u00e9pon\",\"description\":\"Votre Caf\u00e9 Poussette \u00e0 Nancy\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/papier-crepon.com\/?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":"Accueil - Papier Cr\u00e9pon","description":"Papier Cr\u00e9pon est votre caf\u00e9 poussette situ\u00e9 au 1-2 Place des Justes \u00e0 Nancy. Un lieu imagin\u00e9 pour les familles, o\u00f9 chaque d\u00e9tail est pens\u00e9 pour votre confort.","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:\/\/papier-crepon.com\/","og_locale":"fr_FR","og_type":"article","og_title":"Accueil - Papier Cr\u00e9pon","og_description":"Papier Cr\u00e9pon est votre caf\u00e9 poussette situ\u00e9 au 1-2 Place des Justes \u00e0 Nancy. Un lieu imagin\u00e9 pour les familles, o\u00f9 chaque d\u00e9tail est pens\u00e9 pour votre confort.","og_url":"https:\/\/papier-crepon.com\/","og_site_name":"Papier Cr\u00e9pon","article_modified_time":"2026-04-27T09:00:13+00:00","og_image":[{"url":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Coin-cuisine.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/papier-crepon.com\/","url":"https:\/\/papier-crepon.com\/","name":"Accueil - Papier Cr\u00e9pon","isPartOf":{"@id":"https:\/\/papier-crepon.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/papier-crepon.com\/#primaryimage"},"image":{"@id":"https:\/\/papier-crepon.com\/#primaryimage"},"thumbnailUrl":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Coin-cuisine.jpeg","datePublished":"2025-12-08T09:55:39+00:00","dateModified":"2026-04-27T09:00:13+00:00","description":"Papier Cr\u00e9pon est votre caf\u00e9 poussette situ\u00e9 au 1-2 Place des Justes \u00e0 Nancy. Un lieu imagin\u00e9 pour les familles, o\u00f9 chaque d\u00e9tail est pens\u00e9 pour votre confort.","breadcrumb":{"@id":"https:\/\/papier-crepon.com\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/papier-crepon.com\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/papier-crepon.com\/#primaryimage","url":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Coin-cuisine.jpeg","contentUrl":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Coin-cuisine.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/papier-crepon.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/papier-crepon.com\/"},{"@type":"ListItem","position":2,"name":"Accueil &#8211; Papier Cr\u00e9pon"}]},{"@type":"WebSite","@id":"https:\/\/papier-crepon.com\/#website","url":"https:\/\/papier-crepon.com\/","name":"Papier Cr\u00e9pon","description":"Votre Caf\u00e9 Poussette \u00e0 Nancy","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/papier-crepon.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"ticketed":false,"_links":{"self":[{"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":160,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":1589,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/1589"}],"wp:attachment":[{"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}