{"id":128,"date":"2025-12-08T13:38:04","date_gmt":"2025-12-08T13:38:04","guid":{"rendered":"http:\/\/papier-crepon.com\/?page_id=128"},"modified":"2026-04-27T09:01:38","modified_gmt":"2026-04-27T09:01:38","slug":"privatisation","status":"publish","type":"page","link":"https:\/\/papier-crepon.com\/index.php\/privatisation\/","title":{"rendered":"Privatisation"},"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                        'brand-white': '#FFFFFF',\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\n        .custom-input {\n            width: 100%;\n            padding: 1rem 1.25rem;\n            border-radius: 0.5rem; \n            border: 1px solid #E6DCCF;\n            background-color: #FFFFFF;\n            font-size: 0.95rem;\n            color: #2A2A2A;\n            outline: none;\n            transition: all 0.25s ease;\n            appearance: none;\n            -webkit-appearance: none;\n        }\n\n        .custom-input::placeholder {\n            color: rgba(42,42,42,0.45);\n        }\n\n        .custom-input:hover {\n            border-color: #EBC0AF;\n        }\n\n        .custom-input:focus {\n            border-color: #0A37DD;\n            box-shadow: 0 0 0 4px rgba(10,55,221,0.15);\n        }\n\n        select.custom-input {\n            background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%232A2A2A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'\/%3e%3c\/svg%3e\");\n            background-position: right 1.25rem center;\n            background-repeat: no-repeat;\n            background-size: 1.25em 1.25em;\n            padding-right: 2.5rem;\n            cursor: pointer;\n        }\n\n        @keyframes float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-15px); }\n            100% { transform: translateY(0px); }\n        }\n        .animate-float { animation: float 5s ease-in-out infinite; }\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        <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        <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 text-center\">\n            R\u00e9servation atelier\n        <\/a>\n    <\/div>\n\n    <!-- HERO SECTION -->\n    <header class=\"relative pt-12 pb-24 md:pt-24 md:pb-32 overflow-hidden\">\n        <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden -z-10\">\n             <div class=\"absolute top-[-10%] right-[-5%] w-[40%] h-[40%] bg-brand-sage\/5 rounded-full blur-3xl\"><\/div>\n             <div class=\"absolute bottom-[10%] left-[-5%] w-[30%] h-[30%] bg-brand-terracotta\/20 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                <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 animate-pulse\"><\/span>\n                        Anniversaires &#038; Baby Showers\n                    <\/div>\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\">Privatisation<\/span>\n                    <\/h1>\n                    <p class=\"text-xl text-brand-text\/80 leading-relaxed mb-10 max-w-lg font-light\">\n                        Vous profitez, nous organisons. G\u00e2teau p\u00e2tissier, d\u00e9coration sur-mesure et activit\u00e9 diy : offrez \u00e0 votre enfant un anniversaire dont il se souviendra.\n                    <\/p>\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=\"cake\" class=\"w-4 h-4\"><\/i> G\u00e2teau<\/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=\"sparkles\" class=\"w-4 h-4\"><\/i> D\u00e9coration<\/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=\"smile\" class=\"w-4 h-4\"><\/i> Activit\u00e9<\/span>\n                    <\/div>\n                    <a href=\"#formulaire\" 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                        Demander un devis\n                    <\/a>\n                <\/div>\n                \n                <div class=\"w-full lg:w-1\/2 relative h-[450px] md:h-[600px] mt-10 lg:mt-0\">\n                    <svg class=\"absolute top-10 right-0 w-full h-full text-brand-terracotta\/20 -z-10 transform scale-105\" viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path fill=\"currentColor\" d=\"M44.7,-76.4C58.9,-69.2,71.8,-59.1,79.6,-46.9C87.4,-34.7,90.1,-20.4,85.8,-8.3C81.5,3.8,70.2,13.6,60,21.9C49.8,30.2,40.7,36.9,32,44.2C23.3,51.5,15,59.3,5.1,62.2C-4.8,65.1,-16.3,63.1,-26.8,57.5C-37.3,51.9,-46.8,42.7,-55.8,32.3C-64.8,21.9,-73.3,10.3,-74.6,-1.9C-75.9,-14.1,-70,-26.9,-60.9,-37.2C-51.8,-47.5,-39.5,-55.3,-27,-63.9C-14.5,-72.5,-1.8,-81.9,13.2,-85.4C28.2,-88.9,59.7,-86.4,44.7,-76.4Z\" transform=\"translate(100 100)\" \/>\n                    <\/svg>\n                    <div class=\"absolute top-0 right-4 w-64 md:w-80 h-80 md:h-96 rounded-t-[20px] rounded-b-[1000px] 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=\"Coin cuisine\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                    <div class=\"absolute bottom-20 left-0 md:left-8 w-40 md:w-60 h-40 md:h-60 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\/Interieur-de-papier-crepon.jpeg\" alt=\"Inte\u0301rieur de papier cre\u0301pon\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                    <div class=\"absolute top-10 left-4 bg-brand-bleuciel p-6 rounded-full shadow-xl z-40\">\n                        <div class=\"text-center text-brand-white\">\n                            <span class=\"block font-heading text-xl leading-none\">Party<\/span>\n                            <span class=\"block font-script text-xl leading-none\">Time!<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- SECTION FORMULES & CONDITIONS -->\n    <section class=\"py-24 bg-brand-sage text-white rounded-t-[4rem] relative z-20 overflow-hidden\">\n        <div class=\"absolute inset-0 opacity-10\" style=\"background-image: radial-gradient(#FFF 2px, transparent 2px); background-size: 30px 30px;\"><\/div>\n        <div class=\"container mx-auto px-6 relative z-10\">\n            <div class=\"text-center mb-16\">\n                <span class=\"font-script text-4xl text-brand-terracotta\">Nos Offres<\/span>\n                <h2 class=\"font-heading text-5xl mt-2\">Choisissez votre Formule<\/h2>\n                <p class=\"text-brand-terracotta\/80 mt-4 max-w-2xl mx-auto\">\n                    De la simple privatisation de table \u00e0 la location compl\u00e8te du caf\u00e9, nous nous adaptons \u00e0 vos envies.\n                <\/p>\n            <\/div>\n\n            <div class=\"max-w-5xl mx-auto mb-20 relative text-brand-text\">\n                <div class=\"absolute inset-0 bg-brand-bg rounded-[2rem] transform translate-y-2 translate-x-2 -z-10\"><\/div>\n                <div class=\"bg-white p-6 md:p-10 rounded-[2rem] border-2 border-brand-bg shadow-lg\">\n                    <div class=\"flex items-center gap-4 mb-8 border-b border-brand-bg pb-5\">\n                        <div class=\"bg-brand-sage\/10 text-brand-sage p-2.5 rounded-xl flex-shrink-0\">\n                            <i data-lucide=\"info\" class=\"w-6 h-6\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 class=\"font-heading text-2xl text-brand-sage leading-none\">Bon \u00e0 savoir<\/h3>\n                            <p class=\"text-[10px] text-gray-400 mt-1 uppercase tracking-widest font-bold\">Infos pratiques &#038; Organisation<\/p>\n                        <\/div>\n                    <\/div>\n                    <ul class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-6\">\n                        <li class=\"flex items-start gap-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-brand-terracotta\/15 flex items-center justify-center text-brand-sage\"><i data-lucide=\"calendar-days\" class=\"w-5 h-5\"><\/i><\/div>\n                            <p class=\"text-sm font-medium text-gray-700 leading-snug\">Les anniversaires ont lieu <strong>mercredi, samedi et dimanche<\/strong> (15h-18h).<\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-brand-terracotta\/15 flex items-center justify-center text-brand-sage\"><i data-lucide=\"baby\" class=\"w-5 h-5\"><\/i><\/div>\n                            <p class=\"text-sm font-medium text-gray-700 leading-snug\">Offres pour les enfants de <strong>3 \u00e0 8 ans<\/strong>.<\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-brand-terracotta\/15 flex items-center justify-center text-brand-sage\"><i data-lucide=\"users\" class=\"w-5 h-5\"><\/i><\/div>\n                            <p class=\"text-sm font-medium text-gray-700 leading-snug\">Accueil de <strong>3 \u00e0 10 enfants maximum<\/strong>.<\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-brand-terracotta\/15 flex items-center justify-center text-brand-sage\"><i data-lucide=\"sparkles\" class=\"w-5 h-5\"><\/i><\/div>\n                            <p class=\"text-sm font-medium text-gray-700 leading-snug\">M\u00e9nage et rangement <strong>compris<\/strong>.<\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-brand-terracotta\/15 flex items-center justify-center text-brand-sage\"><i data-lucide=\"map-pin\" class=\"w-5 h-5\"><\/i><\/div>\n                            <p class=\"text-sm font-medium text-gray-700 leading-snug\">Pas d&rsquo;acc\u00e8s \u00e0 la cabane pour les formules<strong> little et sweety<\/strong> sauf si peu d&rsquo;affluence au caf\u00e9.<\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-brand-terracotta\/15 flex items-center justify-center text-brand-sage\"><i data-lucide=\"clock\" class=\"w-5 h-5\"><\/i><\/div>\n                            <p class=\"text-sm font-medium text-gray-700 leading-snug\">R\u00e9servation requise <strong>1 mois \u00e0 l\u2019avance<\/strong>.<\/p>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n                <!-- Formule 1 -->\n                <div class=\"bg-white text-brand-text rounded-[2.5rem] p-8 relative group hover:-translate-y-2 transition-transform duration-300 shadow-xl\">\n                    <div class=\"w-16 h-16 bg-brand-bg rounded-full flex items-center justify-center mb-6 text-brand-sage\"><i data-lucide=\"coffee\" class=\"w-8 h-8\"><\/i><\/div>\n                    <h3 class=\"font-heading text-2xl mb-2\">Little party<\/h3>\n                    <p class=\"text-sm text-gray-500 font-bold uppercase tracking-wider mb-6\">Le lieu parfait pour les petits budgets<\/p>\n                    <div class=\"text-4xl font-bold text-brand-sage mb-6\">100\u20ac<span class=\"text-base text-gray-400 font-normal\">+2\u20ac\/enfant<\/span><\/div>\n                    <ul class=\"space-y-4 mb-8 text-sm text-gray-600\">\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-brand-terracotta w-5 h-5\"><\/i>Privatisation de la salle atelier 3h (15h &#8211; 18h)<\/li>\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-brand-terracotta w-5 h-5\"><\/i>Location des tables et des chaises<\/li>\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-brand-terracotta w-5 h-5\"><\/i>Assiettes, verres, couverts, serviettes<\/li>\n                        <li class=\"flex items-center gap-3 opacity-50\"><i data-lucide=\"x\" class=\"w-5 h-5\"><\/i> Go\u00fbter et boissons non inclus<\/li>\n                    <\/ul>\n                    <a href=\"#formulaire\" class=\"block w-full py-3 border-2 border-brand-sage text-brand-sage rounded-full font-bold text-center hover:bg-brand-sage hover:text-white transition-colors\">Choisir<\/a>\n                <\/div>\n\n                <!-- Formule 2 -->\n                <div class=\"bg-brand-bleuciel text-brand-text rounded-[2.5rem] p-8 relative group hover:-translate-y-2 transition-transform duration-300 shadow-2xl scale-105 border-4 border-white\">\n                    <div class=\"absolute top-0 right-0 bg-white text-brand-sage px-4 py-1 rounded-bl-2xl rounded-tr-[2rem] text-xs font-bold uppercase tracking-widest\">Best Seller<\/div>\n                    <div class=\"w-16 h-16 bg-white rounded-full flex items-center justify-center mb-6 text-brand-terracotta\"><i data-lucide=\"crown\" class=\"w-8 h-8\"><\/i><\/div>\n                    <h3 class=\"font-heading text-2xl mb-2\">Sweety party<\/h3>\n                    <p class=\"text-sm text-brand-white\/70 font-bold uppercase tracking-wider mb-6\">Pour un beau moment sans prise de t\u00eate<\/p>\n                    <div class=\"text-4xl font-bold text-brand-sage mb-6\">125\u20ac<span class=\"text-base text-brand-white\/60 font-normal\">+3\u20ac\/enfant<\/span><\/div>\n                    <ul class=\"space-y-4 mb-8 text-sm text-brand-white font-medium\">\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-white w-5 h-5\"><\/i> Privatisation de la salle atelier 3h (15h &#8211; 18h)<\/li>\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-white w-5 h-5\"><\/i>Location de tables et de chaises<\/li>\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-white w-5 h-5\"><\/i>Assiettes, verres, couverts, serviettes<\/li>\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-white w-5 h-5\"><\/i> Pi\u00e8ce d\u00e9cor\u00e9e selon le th\u00e8me choisi<\/li>\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-white w-5 h-5\"><\/i> Sirop \u00e0 volont\u00e9 (parfum au choix)<\/li>\n <\/ul>\n                    <a href=\"#formulaire\" class=\"block w-full py-3 border-2 border-brand-sage text-brand-sage rounded-full font-bold text-center hover:bg-brand-sage hover:text-white transition-colors\">Choisir<\/a>\n                <\/div>\n\n                <!-- Formule 3 -->\n                <div class=\"bg-white text-brand-text rounded-[2.5rem] p-8 relative group hover:-translate-y-2 transition-transform duration-300 shadow-xl\">\n                    <div class=\"w-16 h-16 bg-brand-bg rounded-full flex items-center justify-center mb-6 text-brand-sage\"><i data-lucide=\"key\" class=\"w-8 h-8\"><\/i><\/div>\n                    <h3 class=\"font-heading text-2xl mb-2\">Biggy party<\/h3>\n                    <p class=\"text-sm text-gray-500 font-bold uppercase tracking-wider mb-6\">Tout le caf\u00e9 privatis\u00e9 pour ceux qui voient les choses en grand<\/p>\n                    <div class=\"text-4xl font-bold text-brand-sage mb-6\">320\u20ac<\/div>\n                    <ul class=\"space-y-4 mb-8 text-sm text-gray-600\">\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-brand-terracotta w-5 h-5\"><\/i> Privatisation du caf\u00e9 pendant 3h (15h &#8211; 18h)<\/li>\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-brand-terracotta w-5 h-5\"><\/i> Salle d\u00e9cor\u00e9e selon le th\u00e8me choisi<\/li>\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-brand-terracotta w-5 h-5\"><\/i> Assiettes, verres, couverts, serviettes<\/li>\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-brand-terracotta w-5 h-5\"><\/i> Possibilit\u00e9 de commander tout ce qui est sur la carte (en suppl\u00e9ment)<\/li>\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-brand-terracotta w-5 h-5\"><\/i> Acc\u00e8s \u00e0 la cabane et au parcours de motricit\u00e9<\/li>\n                    <\/ul>\n                    <a href=\"#formulaire\" class=\"block w-full py-3 border-2 border-brand-sage text-brand-sage rounded-full font-bold text-center hover:bg-brand-sage hover:text-white transition-colors\">Me contacter<\/a>\n  <\/div>\n    <\/div>\n  <\/div>\n\n<!-- SECTION OPTIONS SUPPL\u00c9MENTAIRES -->\n<section>\n  <div class=\"max-w-4xl mx-auto mt-20 mb-20 p-8 bg-white\/10 rounded-[3rem] border border-brand-terracotta backdrop-blur-sm\">\n    <h3 class=\"font-heading text-3xl text-center mb-8 text-brand-terracotta\">Options Suppl\u00e9mentaires<\/h3>\n\n    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-6\">\n\n      <div class=\"flex justify-between items-center border-b border-white\/20 pb-2\">\n        <span class=\"font-medium text-lg\">Cake Design<\/span>\n        <span class=\"font-bold text-brand-terracotta\">6\u20ac\/personne<\/span>\n      <\/div>\n\n      <div class=\"flex justify-between items-center border-b border-white\/20 pb-2\">\n        <span class=\"font-medium text-lg\">Cake classique<\/span>\n        <span class=\"font-bold text-brand-terracotta\">17\u20ac pour 10 personnes<\/span>\n      <\/div>\n\n      <div class=\"flex justify-between items-center border-b border-white\/20 pb-2\">\n        <span class=\"font-medium text-lg\">Formule boisson premium (diabolo\/jus de fruits)<\/span>\n        <span class=\"font-bold text-brand-terracotta\">4\u20ac \/enfant<\/span>\n      <\/div>\n\n      <div class=\"flex justify-between items-center border-b border-white\/20 pb-2\">\n        <span class=\"font-medium text-lg\">Activit\u00e9 manuelle libre<\/span>\n        <span class=\"font-bold text-brand-terracotta\">7\u20ac \/enfant<\/span>\n      <\/div>\n\n      <div class=\"flex justify-between items-center border-b border-white\/20 pb-2\">\n        <span class=\"font-medium text-lg\">Boum, jeux de soci\u00e9t\u00e9 ou d\u00e9guisement<\/span>\n        <span class=\"font-bold text-brand-terracotta\">10\u20ac<\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n    <!-- SECTION FORMULAIRE -->\n    <section id=\"formulaire\" class=\"py-24 bg-white relative z-20\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"flex flex-col md:flex-row gap-16 items-start\">\n                <div class=\"md:w-1\/3\">\n                    <span class=\"font-script text-4xl text-brand-terracotta\">Contact<\/span>\n                    <h2 class=\"font-heading text-4xl text-brand-text mt-2 mb-6\">Parlons de votre \u00c9v\u00e9nement<\/h2>\n                    <p class=\"text-gray-600 mb-8 leading-relaxed\">\n                        Remplissez ce formulaire pour v\u00e9rifier nos disponibilit\u00e9s. Nous vous r\u00e9pondrons sous 24h avec une proposition sur-mesure (et un sourire).\n                    <\/p>\n                    <div class=\"bg-brand-bleuciel p-6 rounded-3xl border border-brand-sand\">\n                        <h4 class=\"font-bold text-brand-white mb-4 flex items-center gap-2\"><i data-lucide=\"phone\" class=\"w-5 h-5\"><\/i> R\u00e9ponse imm\u00e9diate ?<\/h4>\n                        <p class=\"text-sm text-white mb-2\">Appelez-nous directement :<\/p>\n                        <a href=\"tel:0357758739\" class=\"text-xl font-bold text-brand-white hover:text-brand-sage transition-colors\">03.57.75.87.40\u202c<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"md:w-2\/3 w-full\">\n                    <div class=\"bg-brand-bleuciel rounded-[3rem] p-8 md:p-12 shadow-xl border border-brand-sand\/30 relative\">\n                        <div class=\"text-center mb-10\">\n                            <span class=\"font-script text-3xl text-brand-white\">\u00c0 vous la parole<\/span>\n                            <h2 class=\"font-heading text-4xl text-brand-text mt-2\">Envoyez-nous un message<\/h2>\n                        <\/div>\n                        \n                        <!-- AJOUT DE L'ID contactForm et de l'action -->\n                        <form id=\"contactForm\" action=\"\/traitement.php\" method=\"POST\" class=\"space-y-6 transition-opacity duration-300\">\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                                <!-- AJOUT DES NAME ET ID -->\n                                <div><label class=\"form-label\">Pr\u00e9nom *<\/label><input type=\"text\" name=\"firstname\" id=\"firstname\" placeholder=\"Sophie\" class=\"custom-input\" required><\/div>\n                                <div><label class=\"form-label\">Nom *<\/label><input type=\"text\" name=\"lastname\" id=\"lastname\" placeholder=\"Martin\" class=\"custom-input\" required><\/div>\n                            <\/div>\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                                <!-- AJOUT DES NAME ET ID -->\n                                <div><label class=\"form-label\">T\u00e9l\u00e9phone *<\/label><input type=\"tel\" name=\"phone\" id=\"phone\" placeholder=\"06 12 34 56 78\" class=\"custom-input\" required><\/div>\n                                <div><label class=\"form-label\">Email *<\/label><input type=\"email\" name=\"email\" id=\"email\" placeholder=\"sophie@exemple.com\" class=\"custom-input\" required><\/div>\n                            <\/div>\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                                <div>\n                                    <label class=\"form-label\">Type d&rsquo;\u00e9v\u00e9nement *<\/label>\n                                    <!-- AJOUT DU NAME ET ID -->\n                                    <select name=\"event-type\" id=\"event-type\" class=\"custom-input\" required>\n                                        <option value=\"\" disabled selected>S\u00e9lectionnez un sujet<\/option>\n                                        <option value=\"little\">Little party<\/option>\n                                        <option value=\"sweety\">Sweety party<\/option>\n                                        <option value=\"biggy\">Biggy party<\/option>\n                                        <option value=\"autre\">Autre demande<\/option>\n                                    <\/select>\n                                <\/div>\n                                <!-- AJOUT DU NAME ET ID -->\n                                <div><label class=\"form-label\">Date souhait\u00e9e<\/label><input type=\"date\" name=\"date\" id=\"date\" class=\"custom-input\"><\/div>\n                            <\/div>\n                            <!-- AJOUT DU NAME ET ID -->\n                            <div><label class=\"form-label\">Votre Message *<\/label><textarea name=\"message\" id=\"message\" rows=\"5\" placeholder=\"Bonjour, j'aimerais savoir si...\" class=\"custom-input\" required><\/textarea><\/div>\n                            \n                            <!-- DIV D'ERREUR -->\n                            <div id=\"errorMessage\" class=\"hidden text-red-500 text-sm font-bold text-center mt-2\">\n                                Une erreur est survenue. Veuillez r\u00e9essayer.\n                            <\/div>\n\n                            <div class=\"pt-4 text-center\">\n                                <!-- AJOUT ID SUR BOUTON -->\n                                <button type=\"submit\" id=\"submitBtn\" class=\"inline-block px-12 py-4 bg-brand-sage text-white font-bold rounded-full shadow-lg hover:bg-brand-terracotta transition-all hover:scale-[1.02] disabled:opacity-70 disabled:cursor-not-allowed\">\n                                    <span>Envoyer le message<\/span>\n                                <\/button>\n                            <\/div>\n                        <\/form>\n\n                        <!-- MESSAGE DE SUCC\u00c8S (CACH\u00c9 PAR D\u00c9FAUT) -->\n                        <div id=\"successMessage\" class=\"hidden flex-col items-center justify-center text-center mt-8\">\n                            <div class=\"w-16 h-16 bg-brand-sage text-white rounded-full flex items-center justify-center mb-4 shadow-xl shrink-0 mx-auto\">\n                                <i data-lucide=\"check\" class=\"w-8 h-8\"><\/i>\n                            <\/div>\n                            <h3 class=\"font-heading text-3xl text-brand-sage mb-2\">Message bien envoy\u00e9 !<\/h3>\n                            <p class=\"text-brand-text text-base max-w-md mx-auto\">\n                                Merci de nous avoir contact\u00e9s. Nous avons bien re\u00e7u votre demande et nous vous r\u00e9pondrons dans les plus brefs d\u00e9lais.\n                            <\/p>\n                        <\/div>\n                    <\/div>\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        <div class=\"absolute -bottom-24 -right-24 w-64 h-64 bg-brand-terracotta\/10 rounded-full     <!-- 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\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        menuBtn.addEventListener('click', toggleMenu);\n        closeMenuBtn.addEventListener('click', toggleMenu);\n        mobileLinks.forEach(link => { link.addEventListener('click', toggleMenu); });\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\n        \/\/ ==========================================\n        \/\/ GESTION DU FORMULAIRE EN AJAX\n        \/\/ ==========================================\n        const contactForm = document.getElementById('contactForm');\n        const successMessage = document.getElementById('successMessage');\n        const errorMessage = document.getElementById('errorMessage');\n        const submitBtn = document.getElementById('submitBtn');\n        const submitText = submitBtn ? submitBtn.querySelector('span') : null;\n\n        if(contactForm) {\n            contactForm.addEventListener('submit', function(e) {\n                e.preventDefault(); \/\/ Emp\u00eache la page de se recharger\n\n                \/\/ On cache les erreurs\n                errorMessage.classList.add('hidden');\n                \n                \/\/ Changement visuel du bouton\n                const originalText = submitText.innerText;\n                submitText.innerText = 'Envoi en cours...';\n                submitBtn.disabled = true;\n\n                \/\/ R\u00e9cup\u00e9ration des donn\u00e9es\n                const formData = new FormData(contactForm);\n\n                \/\/ Envoi vers PHP\n                fetch('\/traitement.php', {\n                    method: 'POST',\n                    body: formData\n                })\n                .then(response => {\n                    if (response.ok) {\n                        \/\/ On cache le formulaire et on affiche le succ\u00e8s\n                        contactForm.style.opacity = '0';\n                        setTimeout(() => {\n                            contactForm.classList.add('hidden');\n                            successMessage.classList.remove('hidden');\n                            successMessage.style.display = 'flex';\n                        }, 300);\n                    } else {\n                        throw new Error('Erreur lors de l\\'envoi');\n                    }\n                })\n                .catch(error => {\n                    console.error(error);\n                    errorMessage.classList.remove('hidden');\n                    submitText.innerText = originalText;\n                    submitBtn.disabled = false;\n                });\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-128","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>Privatisation - 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\/privatisation\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Privatisation - 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\/privatisation\/\" \/>\n<meta property=\"og:site_name\" content=\"Papier Cr\u00e9pon\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T09:01:38+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=\"3 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\/privatisation\/\",\"url\":\"https:\/\/papier-crepon.com\/index.php\/privatisation\/\",\"name\":\"Privatisation - Papier Cr\u00e9pon\",\"isPartOf\":{\"@id\":\"https:\/\/papier-crepon.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/papier-crepon.com\/index.php\/privatisation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/papier-crepon.com\/index.php\/privatisation\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Salle-dateliers.jpeg\",\"datePublished\":\"2025-12-08T13:38:04+00:00\",\"dateModified\":\"2026-04-27T09:01:38+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\/privatisation\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/papier-crepon.com\/index.php\/privatisation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/papier-crepon.com\/index.php\/privatisation\/#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\/privatisation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/papier-crepon.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Privatisation\"}]},{\"@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":"Privatisation - 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\/privatisation\/","og_locale":"fr_FR","og_type":"article","og_title":"Privatisation - 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\/privatisation\/","og_site_name":"Papier Cr\u00e9pon","article_modified_time":"2026-04-27T09:01:38+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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/papier-crepon.com\/index.php\/privatisation\/","url":"https:\/\/papier-crepon.com\/index.php\/privatisation\/","name":"Privatisation - Papier Cr\u00e9pon","isPartOf":{"@id":"https:\/\/papier-crepon.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/papier-crepon.com\/index.php\/privatisation\/#primaryimage"},"image":{"@id":"https:\/\/papier-crepon.com\/index.php\/privatisation\/#primaryimage"},"thumbnailUrl":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Salle-dateliers.jpeg","datePublished":"2025-12-08T13:38:04+00:00","dateModified":"2026-04-27T09:01:38+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\/privatisation\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/papier-crepon.com\/index.php\/privatisation\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/papier-crepon.com\/index.php\/privatisation\/#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\/privatisation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/papier-crepon.com\/"},{"@type":"ListItem","position":2,"name":"Privatisation"}]},{"@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\/128","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=128"}],"version-history":[{"count":157,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":1592,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions\/1592"}],"wp:attachment":[{"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}