Papier Cr\u00e9pon – Family Concept Store<\/title>\n <meta name=\"description\" content=\"Caf\u00e9, Boutique et Ateliers pour toute la famille.\">\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n \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 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\n \/* ================================\n FORMULAIRE \u2013 CHAMPS UNIFORMIS\u00c9S\n ================================ *\/\n .custom-input {\n width: 100%;\n padding: 1rem 1.25rem;\n \/* Harmonisation : 0.5rem pour tout le monde (rectangulaire doux) *\/\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; \/* Supprime le style par d\u00e9faut (y compris la fl\u00e8che du select) *\/\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 sp\u00e9cifique : Ajout de la fl\u00e8che personnalis\u00e9e *\/\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; \/* Espace pour la fl\u00e8che *\/\n cursor: pointer;\n }\n\n \/* Champ date \u2013 harmonisation *\/\n input[type=\"date\"].custom-input {\n color: rgba(42,42,42,0.8);\n cursor: pointer;\n }\n\n \/* Textarea plus confortable *\/\n textarea.custom-input {\n min-height: 130px;\n line-height: 1.5;\n resize: vertical; \/* Permet le redimensionnement vertical uniquement *\/\n }\n \n \/* Label styling pour accessibilit\u00e9 *\/\n .form-label {\n display: block;\n font-size: 0.875rem; \/* text-sm *\/\n font-weight: 700; \/* font-bold *\/\n color: #2A2A2A; \/* text-brand-text *\/\n margin-bottom: 0.5rem; \/* mb-2 *\/\n margin-left: 1rem; \/* ml-4 (alignement visuel avec l'input arrondi) *\/\n }\n <\/style>\n<\/head>\n<body class=\"font-body antialiased selection:bg-brand-terracotta selection:text-white\">\n\n \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&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\n \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\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 \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 \n \n <div class=\"container mx-auto px-6 py-4 md:py-10 flex justify-end items-center relative z-20\">\n\n \n\n \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 \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 \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 \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 \n <header class=\"relative pt-12 pb-24 md:pt-24 md:pb-32 overflow-hidden\">\n \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 \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-sage animate-pulse\"><\/span>\n Nous \u00c9crire\n <\/div>\n\n <h1 class=\"font-script text-6xl md:text-6xl text-brand-terracotta leading-[0.9] mb-8 relative\">\n Contact ou<br>\n <span class=\"text-brand-sage font-heading text-6xl md:text-8xl ml-2 relative inline-block transform -rotate-2\">\n Privatisation\n <svg class=\"absolute -bottom-2 left-0 w-full h-3 text-brand-sage\/20\" viewBox=\"0 0 100 10\" preserveAspectRatio=\"none\">\n <path d=\"M0 5 Q 50 10 100 5\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"none\" \/>\n <\/svg>\n <\/span><br>\n <\/h1>\n \n <p class=\"text-xl text-brand-text\/80 leading-relaxed mb-10 max-w-lg font-light\">\n Une question sur les ateliers ? Envie de privatiser le caf\u00e9 ? Ou simplement envie de nous dire bonjour ? C’est ici que \u00e7a se passe.\n <\/p>\n\n \n <div class=\"bg-white\/60 backdrop-blur-sm p-6 rounded-3xl border border-brand-sand inline-block w-full max-w-md\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"w-10 h-10 bg-brand-sage text-white rounded-full flex items-center justify-center\">\n <i data-lucide=\"phone\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div>\n <p class=\"text-xs font-bold uppercase tracking-widest text-brand-sage\">T\u00e9l\u00e9phone<\/p>\n <a href=\"tel:0357758739\" class=\"font-heading text-xl text-brand-text\">03.57.75.87.40<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"w-full lg:w-1\/2 relative h-[450px] md:h-[600px] mt-10 lg:mt-0 flex items-center justify-center\">\n \n <svg class=\"absolute top-10 right-0 w-full h-full text-brand-terracotta\/20 -z-10 transform scale-110\" 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\n <div class=\"relative w-80 h-96 md:w-96 md:h-[500px]\">\n \n <div class=\"absolute inset-0 rounded-[3rem] overflow-hidden border-[6px] border-white shadow-2xl rotate-3 hover:rotate-0 transition-all duration-500\">\n <img decoding=\"async\" src=\"https:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg\" alt=\"Papier Cre\u0301pon\" class=\"w-full h-full object-cover\">\n <\/div>\n \n \n <div class=\"absolute -bottom-6 -left-6 bg-brand-bleuciel p-6 rounded-full shadow-xl animate-float\">\n <i data-lucide=\"message-circle\" class=\"w-12 h-12 text-white\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \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 \n \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 \n <div class=\"bg-brand-bleuciel p-6 rounded-3xl border border-brand-bleuciel\">\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> Besoin d’une r\u00e9ponse imm\u00e9diate ?<\/h4>\n <p class=\"text-sm text-brand-white mb-2\">Appelez-nous directement au caf\u00e9 :<\/p>\n <a href=\"tel:0357758739\" class=\"text-xl font-bold text-brand-white hover:text-brand-terracotta transition-colors\">03.57.75.87.40<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"md:w-2\/3 bg-brand-bleuciel rounded-[3rem] p-8 md:p-12 shadow-inner w-full relative\">\n \n \n <form id=\"contactForm\" action=\"\/traitement.php\" method=\"POST\" class=\"space-y-6 relative z-10 transition-opacity duration-300\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label for=\"firstname\" class=\"form-label\">Pr\u00e9nom *<\/label>\n <input type=\"text\" id=\"firstname\" name=\"firstname\" placeholder=\"Sophie\" class=\"custom-input\" required>\n <\/div>\n <div>\n <label for=\"lastname\" class=\"form-label\">Nom *<\/label>\n <input type=\"text\" id=\"lastname\" name=\"lastname\" placeholder=\"Martin\" class=\"custom-input\" required>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label for=\"phone\" class=\"form-label\">T\u00e9l\u00e9phone *<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"06 12 34 56 78\" class=\"custom-input\" required>\n <\/div>\n <div>\n <label for=\"email\" class=\"form-label\">Email *<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"sophie@exemple.com\" class=\"custom-input\" required>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label for=\"event-type\" class=\"form-label\">Type d’\u00e9v\u00e9nement *<\/label>\n <select id=\"event-type\" name=\"event-type\" class=\"custom-input\" required>\n <option value=\"\" disabled selected>S\u00e9lectionnez un sujet<\/option>\n <option value=\"information\">Demande d’information<\/option>\n <option value=\"anniversaire\">Anniversaire enfant<\/option>\n <option value=\"privatisation\">Privatisation totale<\/option>\n <option value=\"babyshower\">Baby Shower<\/option>\n <option value=\"autre\">Autre<\/option>\n <\/select>\n <\/div>\n <div>\n <label for=\"date\" class=\"form-label\">Date Souhait\u00e9e<\/label>\n <input type=\"date\" id=\"date\" name=\"date\" class=\"custom-input text-gray-500\">\n <\/div>\n <\/div>\n \n \n <div>\n <label for=\"message\" class=\"form-label\">Message \/ d\u00e9tails (demande, information, th\u00e8me, allergies…) *<\/label>\n <textarea id=\"message\" name=\"message\" placeholder=\"Dites-nous tout...\" class=\"custom-input\" required><\/textarea>\n <\/div>\n\n \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 \n <div class=\"pt-4\">\n <button type=\"submit\" id=\"submitBtn\" class=\"w-full bg-brand-sage text-white font-bold py-4 rounded-full shadow-lg hover:bg-brand-terracotta transition-all hover:scale-[1.01] transform duration-200 disabled:opacity-70 disabled:cursor-not-allowed\">\n <span>Envoyer ma demande<\/span>\n <\/button>\n <\/div>\n <\/form>\n\n \n <div id=\"successMessage\" class=\"hidden flex flex-col items-center justify-center w-full min-h-[600px] text-center z-20\">\n <div class=\"w-20 h-20 bg-brand-sage text-white rounded-full flex items-center justify-center mb-6 shadow-xl shrink-0\">\n <i data-lucide=\"check\" class=\"w-10 h-10\"><\/i>\n <\/div>\n <h3 class=\"font-heading text-4xl text-brand-sage mb-4\">Message bien envoy\u00e9 !<\/h3>\n <p class=\"text-brand-white text-lg max-w-md\">\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 <button onclick=\"window.location.reload()\" class=\"mt-8 bg-transparent border-2 border-brand-sage text-brand-sage px-6 py-2 rounded-full font-bold text-sm uppercase hover:bg-brand-sage hover:text-white transition-colors\">\n Envoyer un autre message\n <\/button>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer id=\"contact\" class=\"bg-brand-sage text-white pt-16 pb-10 border-t border-white\/10 overflow-hidden relative\">\n \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 \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 \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 \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 \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 \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 \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 – Sam<\/span> <span>10h – 18h<\/span><\/li>\n <li class=\"flex justify-between\"><span>Dimanche<\/span> <span>12h – 17h<\/span><\/li>\n <li class=\"text-[9px] text-brand-terracotta italic mt-3 uppercase tracking-tighter\">Ferm\u00e9 Lun & Jeu<\/li>\n <\/ul>\n <\/div>\n\n \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 \/\/ 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\n \/\/ ==========================================\n \/\/ GESTION DU FORMULAIRE EN AJAX (SANS RECHARGEMENT)\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 pr\u00e9c\u00e9dentes\n errorMessage.classList.add('hidden');\n \n \/\/ Changement visuel du bouton (chargement)\n const originalText = submitText.innerText;\n submitText.innerText = 'Envoi en cours...';\n submitBtn.disabled = true;\n\n \/\/ R\u00e9cup\u00e9ration des donn\u00e9es du formulaire\n const formData = new FormData(contactForm);\n\n \/\/ Envoi des donn\u00e9es en arri\u00e8re-plan vers traitement.php \u00e0 la racine du site\n fetch('\/traitement.php', {\n method: 'POST',\n body: formData\n })\n .then(response => {\n \/\/ Si le serveur a bien re\u00e7u (code 200)\n if (response.ok) {\n \/\/ On cache le formulaire (avec opacit\u00e9) et on affiche le succ\u00e8s\n contactForm.style.opacity = '0';\n setTimeout(() => {\n contactForm.classList.add('hidden');\n successMessage.classList.remove('hidden');\n \/\/ Petite animation basique en JS pour le message de succ\u00e8s\n successMessage.style.opacity = '0';\n successMessage.style.transition = 'opacity 0.5s ease-in';\n void successMessage.offsetWidth; \/\/ Force repaint\n successMessage.style.opacity = '1';\n }, 300);\n } else {\n \/\/ Si probl\u00e8me (ex: email invalide)\n throw new Error('Erreur lors de l\\'envoi');\n }\n })\n .catch(error => {\n \/\/ S'il y a eu un bug (serveur injoignable, etc.)\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 – 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 […]<\/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-130","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Contact - Papier Cr\u00e9pon<\/title>\n<meta name=\"description\" content=\"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<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\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - Papier Cr\u00e9pon\" \/>\n<meta property=\"og:description\" content=\"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<meta property=\"og:url\" content=\"https:\/\/papier-crepon.com\/index.php\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"Papier Cr\u00e9pon\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T09:01:50+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.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\/contact\/\",\"url\":\"https:\/\/papier-crepon.com\/index.php\/contact\/\",\"name\":\"Contact - Papier Cr\u00e9pon\",\"isPartOf\":{\"@id\":\"https:\/\/papier-crepon.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg\",\"datePublished\":\"2025-12-08T13:38:12+00:00\",\"dateModified\":\"2026-04-27T09:01:50+00:00\",\"description\":\"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.\",\"breadcrumb\":{\"@id\":\"https:\/\/papier-crepon.com\/index.php\/contact\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/papier-crepon.com\/index.php\/contact\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage\",\"url\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg\",\"contentUrl\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/papier-crepon.com\/index.php\/contact\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/papier-crepon.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@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_head_json":{"title":"Contact - Papier Cr\u00e9pon","description":"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.","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\/contact\/","og_locale":"fr_FR","og_type":"article","og_title":"Contact - Papier Cr\u00e9pon","og_description":"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.","og_url":"https:\/\/papier-crepon.com\/index.php\/contact\/","og_site_name":"Papier Cr\u00e9pon","article_modified_time":"2026-04-27T09:01:50+00:00","og_image":[{"url":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.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\/contact\/","url":"https:\/\/papier-crepon.com\/index.php\/contact\/","name":"Contact - Papier Cr\u00e9pon","isPartOf":{"@id":"https:\/\/papier-crepon.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage"},"image":{"@id":"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage"},"thumbnailUrl":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg","datePublished":"2025-12-08T13:38:12+00:00","dateModified":"2026-04-27T09:01:50+00:00","description":"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.","breadcrumb":{"@id":"https:\/\/papier-crepon.com\/index.php\/contact\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/papier-crepon.com\/index.php\/contact\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage","url":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg","contentUrl":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/papier-crepon.com\/index.php\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/papier-crepon.com\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@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\/130","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=130"}],"version-history":[{"count":107,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":1593,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions\/1593"}],"wp:attachment":[{"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/media?parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":130,"date":"2025-12-08T13:38:12","date_gmt":"2025-12-08T13:38:12","guid":{"rendered":"http:\/\/papier-crepon.com\/?page_id=130"},"modified":"2026-04-27T09:01:50","modified_gmt":"2026-04-27T09:01:50","slug":"contact","status":"publish","type":"page","link":"https:\/\/papier-crepon.com\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n\n\n\n \n \n Papier Cr\u00e9pon – Family Concept Store<\/title>\n <meta name=\"description\" content=\"Caf\u00e9, Boutique et Ateliers pour toute la famille.\">\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n \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 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\n \/* ================================\n FORMULAIRE \u2013 CHAMPS UNIFORMIS\u00c9S\n ================================ *\/\n .custom-input {\n width: 100%;\n padding: 1rem 1.25rem;\n \/* Harmonisation : 0.5rem pour tout le monde (rectangulaire doux) *\/\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; \/* Supprime le style par d\u00e9faut (y compris la fl\u00e8che du select) *\/\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 sp\u00e9cifique : Ajout de la fl\u00e8che personnalis\u00e9e *\/\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; \/* Espace pour la fl\u00e8che *\/\n cursor: pointer;\n }\n\n \/* Champ date \u2013 harmonisation *\/\n input[type=\"date\"].custom-input {\n color: rgba(42,42,42,0.8);\n cursor: pointer;\n }\n\n \/* Textarea plus confortable *\/\n textarea.custom-input {\n min-height: 130px;\n line-height: 1.5;\n resize: vertical; \/* Permet le redimensionnement vertical uniquement *\/\n }\n \n \/* Label styling pour accessibilit\u00e9 *\/\n .form-label {\n display: block;\n font-size: 0.875rem; \/* text-sm *\/\n font-weight: 700; \/* font-bold *\/\n color: #2A2A2A; \/* text-brand-text *\/\n margin-bottom: 0.5rem; \/* mb-2 *\/\n margin-left: 1rem; \/* ml-4 (alignement visuel avec l'input arrondi) *\/\n }\n <\/style>\n<\/head>\n<body class=\"font-body antialiased selection:bg-brand-terracotta selection:text-white\">\n\n \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&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\n \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\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 \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 \n \n <div class=\"container mx-auto px-6 py-4 md:py-10 flex justify-end items-center relative z-20\">\n\n \n\n \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 \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 \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 \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 \n <header class=\"relative pt-12 pb-24 md:pt-24 md:pb-32 overflow-hidden\">\n \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 \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-sage animate-pulse\"><\/span>\n Nous \u00c9crire\n <\/div>\n\n <h1 class=\"font-script text-6xl md:text-6xl text-brand-terracotta leading-[0.9] mb-8 relative\">\n Contact ou<br>\n <span class=\"text-brand-sage font-heading text-6xl md:text-8xl ml-2 relative inline-block transform -rotate-2\">\n Privatisation\n <svg class=\"absolute -bottom-2 left-0 w-full h-3 text-brand-sage\/20\" viewBox=\"0 0 100 10\" preserveAspectRatio=\"none\">\n <path d=\"M0 5 Q 50 10 100 5\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"none\" \/>\n <\/svg>\n <\/span><br>\n <\/h1>\n \n <p class=\"text-xl text-brand-text\/80 leading-relaxed mb-10 max-w-lg font-light\">\n Une question sur les ateliers ? Envie de privatiser le caf\u00e9 ? Ou simplement envie de nous dire bonjour ? C’est ici que \u00e7a se passe.\n <\/p>\n\n \n <div class=\"bg-white\/60 backdrop-blur-sm p-6 rounded-3xl border border-brand-sand inline-block w-full max-w-md\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"w-10 h-10 bg-brand-sage text-white rounded-full flex items-center justify-center\">\n <i data-lucide=\"phone\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div>\n <p class=\"text-xs font-bold uppercase tracking-widest text-brand-sage\">T\u00e9l\u00e9phone<\/p>\n <a href=\"tel:0357758739\" class=\"font-heading text-xl text-brand-text\">03.57.75.87.40<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"w-full lg:w-1\/2 relative h-[450px] md:h-[600px] mt-10 lg:mt-0 flex items-center justify-center\">\n \n <svg class=\"absolute top-10 right-0 w-full h-full text-brand-terracotta\/20 -z-10 transform scale-110\" 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\n <div class=\"relative w-80 h-96 md:w-96 md:h-[500px]\">\n \n <div class=\"absolute inset-0 rounded-[3rem] overflow-hidden border-[6px] border-white shadow-2xl rotate-3 hover:rotate-0 transition-all duration-500\">\n <img decoding=\"async\" src=\"https:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg\" alt=\"Papier Cre\u0301pon\" class=\"w-full h-full object-cover\">\n <\/div>\n \n \n <div class=\"absolute -bottom-6 -left-6 bg-brand-bleuciel p-6 rounded-full shadow-xl animate-float\">\n <i data-lucide=\"message-circle\" class=\"w-12 h-12 text-white\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \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 \n \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 \n <div class=\"bg-brand-bleuciel p-6 rounded-3xl border border-brand-bleuciel\">\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> Besoin d’une r\u00e9ponse imm\u00e9diate ?<\/h4>\n <p class=\"text-sm text-brand-white mb-2\">Appelez-nous directement au caf\u00e9 :<\/p>\n <a href=\"tel:0357758739\" class=\"text-xl font-bold text-brand-white hover:text-brand-terracotta transition-colors\">03.57.75.87.40<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"md:w-2\/3 bg-brand-bleuciel rounded-[3rem] p-8 md:p-12 shadow-inner w-full relative\">\n \n \n <form id=\"contactForm\" action=\"\/traitement.php\" method=\"POST\" class=\"space-y-6 relative z-10 transition-opacity duration-300\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label for=\"firstname\" class=\"form-label\">Pr\u00e9nom *<\/label>\n <input type=\"text\" id=\"firstname\" name=\"firstname\" placeholder=\"Sophie\" class=\"custom-input\" required>\n <\/div>\n <div>\n <label for=\"lastname\" class=\"form-label\">Nom *<\/label>\n <input type=\"text\" id=\"lastname\" name=\"lastname\" placeholder=\"Martin\" class=\"custom-input\" required>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label for=\"phone\" class=\"form-label\">T\u00e9l\u00e9phone *<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"06 12 34 56 78\" class=\"custom-input\" required>\n <\/div>\n <div>\n <label for=\"email\" class=\"form-label\">Email *<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"sophie@exemple.com\" class=\"custom-input\" required>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label for=\"event-type\" class=\"form-label\">Type d’\u00e9v\u00e9nement *<\/label>\n <select id=\"event-type\" name=\"event-type\" class=\"custom-input\" required>\n <option value=\"\" disabled selected>S\u00e9lectionnez un sujet<\/option>\n <option value=\"information\">Demande d’information<\/option>\n <option value=\"anniversaire\">Anniversaire enfant<\/option>\n <option value=\"privatisation\">Privatisation totale<\/option>\n <option value=\"babyshower\">Baby Shower<\/option>\n <option value=\"autre\">Autre<\/option>\n <\/select>\n <\/div>\n <div>\n <label for=\"date\" class=\"form-label\">Date Souhait\u00e9e<\/label>\n <input type=\"date\" id=\"date\" name=\"date\" class=\"custom-input text-gray-500\">\n <\/div>\n <\/div>\n \n \n <div>\n <label for=\"message\" class=\"form-label\">Message \/ d\u00e9tails (demande, information, th\u00e8me, allergies…) *<\/label>\n <textarea id=\"message\" name=\"message\" placeholder=\"Dites-nous tout...\" class=\"custom-input\" required><\/textarea>\n <\/div>\n\n \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 \n <div class=\"pt-4\">\n <button type=\"submit\" id=\"submitBtn\" class=\"w-full bg-brand-sage text-white font-bold py-4 rounded-full shadow-lg hover:bg-brand-terracotta transition-all hover:scale-[1.01] transform duration-200 disabled:opacity-70 disabled:cursor-not-allowed\">\n <span>Envoyer ma demande<\/span>\n <\/button>\n <\/div>\n <\/form>\n\n \n <div id=\"successMessage\" class=\"hidden flex flex-col items-center justify-center w-full min-h-[600px] text-center z-20\">\n <div class=\"w-20 h-20 bg-brand-sage text-white rounded-full flex items-center justify-center mb-6 shadow-xl shrink-0\">\n <i data-lucide=\"check\" class=\"w-10 h-10\"><\/i>\n <\/div>\n <h3 class=\"font-heading text-4xl text-brand-sage mb-4\">Message bien envoy\u00e9 !<\/h3>\n <p class=\"text-brand-white text-lg max-w-md\">\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 <button onclick=\"window.location.reload()\" class=\"mt-8 bg-transparent border-2 border-brand-sage text-brand-sage px-6 py-2 rounded-full font-bold text-sm uppercase hover:bg-brand-sage hover:text-white transition-colors\">\n Envoyer un autre message\n <\/button>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer id=\"contact\" class=\"bg-brand-sage text-white pt-16 pb-10 border-t border-white\/10 overflow-hidden relative\">\n \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 \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 \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 \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 \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 \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 \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 – Sam<\/span> <span>10h – 18h<\/span><\/li>\n <li class=\"flex justify-between\"><span>Dimanche<\/span> <span>12h – 17h<\/span><\/li>\n <li class=\"text-[9px] text-brand-terracotta italic mt-3 uppercase tracking-tighter\">Ferm\u00e9 Lun & Jeu<\/li>\n <\/ul>\n <\/div>\n\n \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 \/\/ 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\n \/\/ ==========================================\n \/\/ GESTION DU FORMULAIRE EN AJAX (SANS RECHARGEMENT)\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 pr\u00e9c\u00e9dentes\n errorMessage.classList.add('hidden');\n \n \/\/ Changement visuel du bouton (chargement)\n const originalText = submitText.innerText;\n submitText.innerText = 'Envoi en cours...';\n submitBtn.disabled = true;\n\n \/\/ R\u00e9cup\u00e9ration des donn\u00e9es du formulaire\n const formData = new FormData(contactForm);\n\n \/\/ Envoi des donn\u00e9es en arri\u00e8re-plan vers traitement.php \u00e0 la racine du site\n fetch('\/traitement.php', {\n method: 'POST',\n body: formData\n })\n .then(response => {\n \/\/ Si le serveur a bien re\u00e7u (code 200)\n if (response.ok) {\n \/\/ On cache le formulaire (avec opacit\u00e9) et on affiche le succ\u00e8s\n contactForm.style.opacity = '0';\n setTimeout(() => {\n contactForm.classList.add('hidden');\n successMessage.classList.remove('hidden');\n \/\/ Petite animation basique en JS pour le message de succ\u00e8s\n successMessage.style.opacity = '0';\n successMessage.style.transition = 'opacity 0.5s ease-in';\n void successMessage.offsetWidth; \/\/ Force repaint\n successMessage.style.opacity = '1';\n }, 300);\n } else {\n \/\/ Si probl\u00e8me (ex: email invalide)\n throw new Error('Erreur lors de l\\'envoi');\n }\n })\n .catch(error => {\n \/\/ S'il y a eu un bug (serveur injoignable, etc.)\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 – 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 […]<\/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-130","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Contact - Papier Cr\u00e9pon<\/title>\n<meta name=\"description\" content=\"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<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\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - Papier Cr\u00e9pon\" \/>\n<meta property=\"og:description\" content=\"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<meta property=\"og:url\" content=\"https:\/\/papier-crepon.com\/index.php\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"Papier Cr\u00e9pon\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T09:01:50+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.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\/contact\/\",\"url\":\"https:\/\/papier-crepon.com\/index.php\/contact\/\",\"name\":\"Contact - Papier Cr\u00e9pon\",\"isPartOf\":{\"@id\":\"https:\/\/papier-crepon.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg\",\"datePublished\":\"2025-12-08T13:38:12+00:00\",\"dateModified\":\"2026-04-27T09:01:50+00:00\",\"description\":\"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.\",\"breadcrumb\":{\"@id\":\"https:\/\/papier-crepon.com\/index.php\/contact\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/papier-crepon.com\/index.php\/contact\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage\",\"url\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg\",\"contentUrl\":\"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/papier-crepon.com\/index.php\/contact\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/papier-crepon.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@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_head_json":{"title":"Contact - Papier Cr\u00e9pon","description":"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.","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\/contact\/","og_locale":"fr_FR","og_type":"article","og_title":"Contact - Papier Cr\u00e9pon","og_description":"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.","og_url":"https:\/\/papier-crepon.com\/index.php\/contact\/","og_site_name":"Papier Cr\u00e9pon","article_modified_time":"2026-04-27T09:01:50+00:00","og_image":[{"url":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.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\/contact\/","url":"https:\/\/papier-crepon.com\/index.php\/contact\/","name":"Contact - Papier Cr\u00e9pon","isPartOf":{"@id":"https:\/\/papier-crepon.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage"},"image":{"@id":"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage"},"thumbnailUrl":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg","datePublished":"2025-12-08T13:38:12+00:00","dateModified":"2026-04-27T09:01:50+00:00","description":"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.","breadcrumb":{"@id":"https:\/\/papier-crepon.com\/index.php\/contact\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/papier-crepon.com\/index.php\/contact\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/papier-crepon.com\/index.php\/contact\/#primaryimage","url":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg","contentUrl":"http:\/\/papier-crepon.com\/wp-content\/uploads\/2026\/03\/Papier-Crepon.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/papier-crepon.com\/index.php\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/papier-crepon.com\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@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\/130","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=130"}],"version-history":[{"count":107,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":1593,"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions\/1593"}],"wp:attachment":[{"href":"https:\/\/papier-crepon.com\/index.php\/wp-json\/wp\/v2\/media?parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}