{"id":126,"date":"2025-12-08T13:37:53","date_gmt":"2025-12-08T13:37:53","guid":{"rendered":"http:\/\/papier-crepon.com\/?page_id=126"},"modified":"2026-04-27T09:01:18","modified_gmt":"2026-04-27T09:01:18","slug":"les-ateliers","status":"publish","type":"page","link":"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/","title":{"rendered":"Les ateliers"},"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    <!-- Impact est une police syst\u00e8me, pas besoin d'import -->\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', \/\/ Jaune p\u00e2le\n                        'brand-terracotta': '#EBC0AF', \/\/ Rose p\u00e2le\n                        'brand-sage': '#0A37DD', \/\/ Bleu charte\n                        'brand-sand': '#E6DCCF', \/\/ Sable\n                        'brand-text': '#2A2A2A', \/\/ Gris presque noir\n                        'brand-light-grey': '#F4F4F4',\n                        'brand-bleuciel': '#95BDD5',\n                        'brand-white': '#FFFFFF',\n                    },\n                    fontFamily: {\n                        \/\/ TITRES : Impact (Police syst\u00e8me)\n                        'heading': ['\"Impact\"', 'sans-serif'], \n                        \n                        \/\/ SOUS-TITRES : Comfortaa (Google Font)\n                        'script': ['\"Comfortaa\"', 'cursive'],\n                        \n                        \/\/ CORPS : Agrandir (Custom) ou Jost (Google Font)\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        \/* Utilitaires pour les polices *\/\n        .font-heading {\n    font-family: Impact, sans-serif;\n    font-style: normal;\n    font-synthesis: none;\n}\n            letter-spacing: 0.05em; \/* Impact est souvent mieux avec un l\u00e9ger espacement *\/\n        }\n        \n        .font-script { \n            font-family: 'Comfortaa', cursive; \n            font-weight: 500; \/* Force le Medium par d\u00e9faut comme demand\u00e9 *\/\n        }\n        \n        .font-body { \n            font-family: 'Agrandir', 'Jost', sans-serif; \n        }\n\n        \/* Effet image *\/\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\n<body class=\"font-body antialiased selection:bg-brand-terracotta selection:text-white\">\n\n    <!-- TOP BAR (Infos pratiques imm\u00e9diates) -->\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 decoration-none\" style=\"color: inherit; text-decoration: none;\">03.57.75.87.40<\/a>\n<\/div>\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\n<!-- DECORATION D'ARRI\u00c8RE-PLAN \u2013 FANONS EN FORME DE U (HAUTEUR R\u00c9ACTIVE) -->\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            <!-- Largeur fanon : 127.27 | Rayon bas : 63.64 | Hauteur droite : 108 -->\n\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        <!-- CONTENU DU MENU -->\n        <!-- MODIFICATION ICI : 'py-4' pour mobile, 'md:py-10' pour desktop -->\n        <div class=\"container mx-auto px-6 py-4 md:py-10 flex justify-end items-center relative z-20\">\n\n            <!-- 1. GAUCHE : VIDE -->\n\n            <!-- 2. CENTRE : Menu (Position Absolue pour centrage parfait) -->\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            <!-- 3. DROITE : Bouton + Mobile Toggle -->\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\n                <!-- Mobile Menu Button -->\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\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    <header class=\"relative pt-12 pb-24 md:pt-8 md:pb-12 overflow-hidden\">\n\n        <!-- D\u00e9coration de fond -->\n        <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden -z-10\">\n             <div class=\"absolute top-10 right-[-10%] w-[50%] h-[50%] bg-brand-terracotta\/20 rounded-full blur-3xl\"><\/div>\n             <div class=\"absolute bottom-10 left-[-10%] w-[30%] h-[30%] bg-brand-sage\/5 rounded-full blur-3xl\"><\/div>\n        <\/div>\n\n        <div class=\"container mx-auto px-6 relative z-10\">\n            <div class=\"flex flex-col lg:flex-row items-center gap-16\">\n                <!-- Texte -->\n                <div class=\"w-full lg:w-1\/2 lg:pr-8 relative\">\n                    <div class=\"inline-flex items-center gap-2 bg-white border border-brand-sand px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-widest mb-8 shadow-sm text-brand-sage\">\n                        <span class=\"w-2 h-2 rounded-full bg-brand-terracotta\"><\/span>\n                        De 0 \u00e0 6 ans\n                    <\/div>\n\n                    <h1 class=\"font-heading text-6xl lg:text-7xl text-brand-sage mb-6 leading-[1.1]\">\n    <span class=\"font-script text-4xl text-brand-text block mb-2\">Papier Cr\u00e9pon<\/span>\n    <span class=\"italic font-light text-brand-sage\">Les Ateliers<\/span>\n<\/h1>\n\n                    \n                    <p class=\"text-xl text-brand-text\/80 leading-relaxed mb-10 max-w-lg font-light\">\n                       Des ateliers pour grandir, apprendre et se retrouver. \nDu b\u00e9b\u00e9 aux futurs parents, Papier Cr\u00e9pon propose des ateliers dirig\u00e9s par des intervenants qualifi\u00e9s.\nPens\u00e9s pour accompagner les familles avec bienveillance. \nR\u00e9servez votre moment en ligne, en toute simplicit\u00e9.\n<\/p>\n\n                    <div class=\"flex flex-wrap gap-4 mb-10 text-sm font-medium text-brand-sage\">\n                        <span class=\"flex items-center gap-1.5 bg-white\/50 px-3 py-1 rounded-lg border border-brand-sand\"><i data-lucide=\"music\" class=\"w-4 h-4\"><\/i> \u00c9veil Musical<\/span>\n                        <span class=\"flex items-center gap-1.5 bg-white\/50 px-3 py-1 rounded-lg border border-brand-sand\"><i data-lucide=\"baby\" class=\"w-4 h-4\"><\/i> Ateliers p\u00e9rinataux<\/span>\n                        <span class=\"flex items-center gap-1.5 bg-white\/50 px-3 py-1 rounded-lg border border-brand-sand\"><i data-lucide=\"heart\" class=\"w-4 h-4\"><\/i> Massage B\u00e9b\u00e9<\/span>\n                    <\/div>\n\n                    <a href=\"#planning\" class=\"bg-brand-sage text-white px-8 py-4 rounded-full font-bold uppercase text-sm tracking-wider hover:bg-brand-terracotta transition-all shadow-xl hover:shadow-2xl hover:-translate-y-1 text-center inline-block\">\n                        Voir le planning\n                    <\/a>\n                <\/div>\n                \n                <!-- Visuel Collage -->\n                <div class=\"w-full lg:w-1\/2 relative h-[450px] md:h-[600px] mt-10 lg:mt-0\">\n                    \n                    <!-- Forme de fond -->\n                    <svg class=\"absolute top-10 right-0 w-full h-full text-brand-terracotta\/10 -z-10\" viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path fill=\"currentColor\" d=\"M39.9,-65.7C50.8,-53.4,58.3,-41.2,65.3,-29.1C72.3,-17,78.8,-5,76.9,6.1C75,17.2,64.7,27.3,55.5,37.6C46.3,47.9,38.2,58.3,27.8,65.4C17.4,72.5,4.8,76.3,-7.1,75.2C-19,74.1,-30.2,68.1,-39.8,59.8C-49.4,51.5,-57.4,40.9,-63.9,29.1C-70.4,17.3,-75.4,4.3,-74.6,-8.3C-73.8,-20.9,-67.2,-33.1,-58.1,-43.8C-49,-54.5,-37.4,-63.7,-25.2,-67.2C-13,-70.7,-0.2,-68.5,13.8,-68.5C27.8,-68.5,39.9,-65.7,39.9,-65.7Z\" transform=\"translate(100 100)\" \/>\n                    <\/svg>\n\n                    <!-- Image 1 : Grande forme organique -->\n                    <div class=\"absolute top-0 right-8 w-64 md:w-80 h-80 md:h-96 rounded-[3rem] overflow-hidden border-[6px] border-white shadow-2xl z-20 hover:rotate-2 transition-transform duration-700\">\n<img decoding=\"async\" src=\"https:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Salle-dateliers.jpeg\" alt=\"Salle d'ateliers\" class=\"w-full h-full object-cover\">\n                    <\/div>\n\n                    <!-- Image 2 : Cercle flottant -->\n                    <div class=\"absolute bottom-10 left-4 md:left-12 w-40 md:w-56 h-40 md:h-56 rounded-full overflow-hidden border-[6px] border-white shadow-2xl z-30 animate-float\">\n                        <img decoding=\"async\" src=\"https:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Atelier-paysage-1.jpeg\" alt=\"Atelier paysage\" class=\"w-full h-full object-cover\">\n                    <\/div>\n\n                    <!-- Sticker -->\n                    <div class=\"absolute top-20 left-0 bg-brand-bleuciel p-6 rounded-full shadow-xl z-10 -rotate-12\">\n                        <div class=\"text-center text-white\">\n                            <span class=\"block font-heading text-2xl leading-none\">Cool<\/span>\n                            <span class=\"block font-script text-xl leading-none\">Kids<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n   <!-- CALENDAR SECTION -->\n    <section id=\"planning\" class=\"py-24 bg-bg rounded-t-[4rem] relative z-20\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <span class=\"font-script text-4xl text-brand-terracotta\">C&rsquo;est parti<\/span>\n                <h2 class=\"font-heading text-5xl text-brand-text mt-2\">Le Planning<\/h2>\n                <p class=\"text-gray-500 mt-4 max-w-2xl mx-auto\">\n                    S\u00e9lectionnez votre atelier ci-dessous puis r\u00e9glez en ligne . Tout le mat\u00e9riel est inclus, vous n\u2019avez qu\u2019\u00e0 venir avec votre bonne humeur.\n                <\/p>\n            <\/div>\n\n           <!-- Calendar Container -->\n<div class=\"max-w-4xl mx-auto bg-brand-bleuciel rounded-[3rem] p-8 md:p-12 shadow-xl border border-brand-bleuciel\/30\">\n    <!-- D\u00e9coration interne -->\n    <div class=\"relative overflow-hidden rounded-2xl bg-white calendar-embed-wrapper\">\n        <style>\n            \/* Responsive iframe pour le calendrier *\/\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\"] {\n                    height: 100vw;\n                }\n            }\n            @media screen and (min-width: 853px) {\n                .calendar-embed-wrapper iframe[data-tec-events-ece-iframe=\"true\"] {\n                    height: 1065px;\n                }\n            }\n        <\/style>\n        <!-- Ajout de \"?lang=fr\" \u00e0 l'URL pour tenter de forcer le format fran\u00e7ais -->\n        <iframe data-tec-events-ece-iframe=\"true\" src=\"https:\/\/papier-crepon.com\/index.php\/calendar-embed\/qlKQfXDxB8D\/embed\/?lang=fr\" frameborder=\"0\"><\/iframe>\n    <\/div>\n<\/div>\n\n            <!-- Info Pratiques Grid -->\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mt-16 max-w-5xl mx-auto\">\n                <div class=\"bg-brand-bleuciel p-8 rounded-3xl text-center\">\n                    <div class=\"w-12 h-12 bg-brand-terracotta text-white rounded-full flex items-center justify-center mx-auto mb-4\">\n                        <i data-lucide=\"baby\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-heading text-xl text-brand-white mb-2\">Massage b\u00e9b\u00e9<\/h3> <\/div>\n                \n                <div class=\"bg-brand-bleuciel p-8 rounded-3xl text-center\">\n                    <div class=\"w-12 h-12 bg-brand-terracotta text-white rounded-full flex items-center justify-center mx-auto mb-4\">\n                        <i data-lucide=\"music\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-heading text-xl text-brand-white mb-2\">\u00c9veil musical<\/h3> <\/div>\n\n                <div class=\"bg-brand-bleuciel p-8 rounded-3xl text-center\">\n                    <div class=\"w-12 h-12 bg-brand-terracotta text-white rounded-full flex items-center justify-center mx-auto mb-4\">\n                        <i data-lucide=\"users\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-heading text-xl text-brand-white mb-2\">Ateliers p\u00e9rinataux<\/h3>\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    <\/footer>\n\n    <script>\n        \/\/ Initialize Icons\n        lucide.createIcons();\n\n        \/\/ Mobile Menu Logic\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\n        mobileLinks.forEach(link => {\n            link.addEventListener('click', toggleMenu);\n        });\n\n        \/\/ Navbar Scroll Effect\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","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-126","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>Les ateliers - Papier Cr\u00e9pon<\/title>\n<meta name=\"description\" content=\"Des ateliers pour grandir, apprendre et se retrouver. Du b\u00e9b\u00e9 aux futurs parents, Papier Cr\u00e9pon propose des ateliers dirig\u00e9s par des intervenants qualifi\u00e9s.\" \/>\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\/index.php\/les-ateliers\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les ateliers - Papier Cr\u00e9pon\" \/>\n<meta property=\"og:description\" content=\"Des ateliers pour grandir, apprendre et se retrouver. Du b\u00e9b\u00e9 aux futurs parents, Papier Cr\u00e9pon propose des ateliers dirig\u00e9s par des intervenants qualifi\u00e9s.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/\" \/>\n<meta property=\"og:site_name\" content=\"Papier Cr\u00e9pon\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T09:01:18+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Salle-dateliers.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/\",\"url\":\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/\",\"name\":\"Les ateliers - Papier Cr\u00e9pon\",\"isPartOf\":{\"@id\":\"https:\/\/papier-crepon.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Salle-dateliers.jpeg\",\"datePublished\":\"2025-12-08T13:37:53+00:00\",\"dateModified\":\"2026-04-27T09:01:18+00:00\",\"description\":\"Des ateliers pour grandir, apprendre et se retrouver. Du b\u00e9b\u00e9 aux futurs parents, Papier Cr\u00e9pon propose des ateliers dirig\u00e9s par des intervenants qualifi\u00e9s.\",\"breadcrumb\":{\"@id\":\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#primaryimage\",\"url\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Salle-dateliers.jpeg\",\"contentUrl\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Salle-dateliers.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/papier-crepon.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Les ateliers\"}]},{\"@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":"Les ateliers - Papier Cr\u00e9pon","description":"Des ateliers pour grandir, apprendre et se retrouver. Du b\u00e9b\u00e9 aux futurs parents, Papier Cr\u00e9pon propose des ateliers dirig\u00e9s par des intervenants qualifi\u00e9s.","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\/index.php\/les-ateliers\/","og_locale":"fr_FR","og_type":"article","og_title":"Les ateliers - Papier Cr\u00e9pon","og_description":"Des ateliers pour grandir, apprendre et se retrouver. Du b\u00e9b\u00e9 aux futurs parents, Papier Cr\u00e9pon propose des ateliers dirig\u00e9s par des intervenants qualifi\u00e9s.","og_url":"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/","og_site_name":"Papier Cr\u00e9pon","article_modified_time":"2026-04-27T09:01:18+00:00","og_image":[{"url":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Salle-dateliers.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/","url":"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/","name":"Les ateliers - Papier Cr\u00e9pon","isPartOf":{"@id":"https:\/\/papier-crepon.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#primaryimage"},"image":{"@id":"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#primaryimage"},"thumbnailUrl":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Salle-dateliers.jpeg","datePublished":"2025-12-08T13:37:53+00:00","dateModified":"2026-04-27T09:01:18+00:00","description":"Des ateliers pour grandir, apprendre et se retrouver. Du b\u00e9b\u00e9 aux futurs parents, Papier Cr\u00e9pon propose des ateliers dirig\u00e9s par des intervenants qualifi\u00e9s.","breadcrumb":{"@id":"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/papier-crepon.com\/index.php\/les-ateliers\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#primaryimage","url":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Salle-dateliers.jpeg","contentUrl":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Salle-dateliers.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/papier-crepon.com\/index.php\/les-ateliers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/papier-crepon.com\/"},{"@type":"ListItem","position":2,"name":"Les ateliers"}]},{"@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\/126","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=126"}],"version-history":[{"count":97,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages\/126\/revisions"}],"predecessor-version":[{"id":1591,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages\/126\/revisions\/1591"}],"wp:attachment":[{"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/media?parent=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}