{"id":59,"date":"2026-03-31T09:58:34","date_gmt":"2026-03-31T09:58:34","guid":{"rendered":"http:\/\/cuisines64.fr\/?page_id=59"},"modified":"2026-05-13T14:00:58","modified_gmt":"2026-05-13T14:00:58","slug":"cuisine","status":"publish","type":"page","link":"https:\/\/cuisines64.fr\/index.php\/cuisine\/","title":{"rendered":""},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Cuisine \u2014 CS-Cuisine<\/title>\r\n <meta name=\"description\"\r\n content=\"D\u00e9couvrez nos cuisines sur-mesure Zecchinon. CS-Cuisine, votre cuisiniste \u00e0 Jouy-aux-Arches, con\u00e7oit des cuisines tout \u00e9quip\u00e9es alliant design et fonctionnalit\u00e9.\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600&display=swap\"\r\n rel=\"stylesheet\">\r\n <style>\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --bg: #F2F7F4;\r\n --white: #ffffff;\r\n --black: #111;\r\n --text: #333;\r\n --text-light: #666;\r\n --mint: #dce8df;\r\n --mint-light: #e6eee6;\r\n --font-serif: 'DM Serif Display', 'Georgia', serif;\r\n --font-sans: 'Inter', -apple-system, sans-serif;\r\n --radius: 20px;\r\n --radius-lg: 32px;\r\n --radius-pill: 60px;\r\n --radius-btn: 999px;\r\n --container-max: 1550px;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n body {\r\n font-family: var(--font-sans);\r\n background: var(--bg);\r\n color: var(--text);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .navbar {\r\n position: fixed;\r\n top: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: calc(100% - 40px);\r\n max-width: var(--container-max);\r\n z-index: 1000;\r\n border-radius: var(--radius-lg);\r\n background: rgba(230, 235, 243, 0.7);\r\n backdrop-filter: blur(20px) saturate(180%);\r\n -webkit-backdrop-filter: blur(20px) saturate(180%);\r\n border: 1px solid rgba(255, 255, 255, 0.45);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .navbar.scrolled {\r\n background: rgba(230, 235, 243, 0.95);\r\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n .navbar__inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 35px;\r\n height: 62px;\r\n }\r\n\r\n .navbar__top {\r\n background: rgba(0, 0, 0, 0.03);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\r\n font-size: 0.65rem;\r\n padding: 5px 35px;\r\n }\r\n\r\n .navbar__top-inner {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: 20px;\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n color: var(--text-light);\r\n font-weight: 500;\r\n }\r\n\r\n .navbar__top-inner a:hover {\r\n color: var(--black);\r\n }\r\n\r\n .navbar__left,\r\n .navbar__right {\r\n display: flex;\r\n align-items: center;\r\n gap: 25px;\r\n flex: 1;\r\n }\r\n\r\n .navbar__left {\r\n justify-content: flex-start;\r\n }\r\n\r\n .navbar__right {\r\n justify-content: flex-end;\r\n }\r\n\r\n .navbar__left a,\r\n .navbar__right a:not(.navbar__cta) {\r\n font-size: 0.72rem;\r\n font-weight: 500;\r\n color: var(--text);\r\n letter-spacing: 0.08em;\r\n transition: color 0.2s;\r\n }\r\n\r\n .navbar__logo {\r\n font-family: var(--font-serif);\r\n font-size: 1.9rem;\r\n color: var(--black);\r\n letter-spacing: 0.02em;\r\n flex-shrink: 0;\r\n margin: 0 40px;\r\n z-index: 1001;\r\n }\r\n\r\n .navbar__cta {\r\n font-size: 0.72rem;\r\n font-weight: 500;\r\n color: var(--white) !important;\r\n background: var(--black);\r\n padding: 10px 22px;\r\n border-radius: var(--radius-btn);\r\n white-space: nowrap;\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(0, 0, 0, 0.1);\r\n border: 2px solid var(--black);\r\n border-radius: 8px;\r\n cursor: pointer;\r\n z-index: 1001;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n color: var(--black);\r\n }\r\n\r\n .hamburger:hover {\r\n background: rgba(0, 0, 0, 0.15);\r\n transform: scale(1.05);\r\n }\r\n\r\n .hamburger svg {\r\n width: 30px;\r\n height: 30px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hamburger.active svg {\r\n transform: rotate(90deg);\r\n }\r\n\r\n .hamburger.active svg rect:nth-child(1) {\r\n transform: rotate(45deg) translate(6px, 6px);\r\n transform-origin: center;\r\n }\r\n\r\n .hamburger.active svg rect:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .hamburger.active svg rect:nth-child(3) {\r\n transform: rotate(-45deg) translate(6px, -6px);\r\n transform-origin: center;\r\n }\r\n\r\n .mobile-menu {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(220, 228, 238, 0.98);\r\n backdrop-filter: blur(30px);\r\n z-index: 999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: 0.4s;\r\n }\r\n\r\n .mobile-menu.active {\r\n opacity: 1;\r\n pointer-events: all;\r\n }\r\n\r\n .mobile-menu__nav {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 30px;\r\n text-align: center;\r\n }\r\n\r\n .mobile-menu__nav a {\r\n font-family: var(--font-serif);\r\n font-size: 2rem;\r\n color: var(--black);\r\n text-decoration: none;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .mobile-menu__nav a:hover {\r\n opacity: 0.7;\r\n }\r\n\r\n .mobile-cta {\r\n font-size: 1rem !important;\r\n font-weight: 500;\r\n color: var(--white) !important;\r\n background: var(--black);\r\n padding: 15px 30px;\r\n border-radius: var(--radius-btn);\r\n margin-top: 20px;\r\n }\r\n\r\n \/* Responsive styles *\/\r\n @media (max-width: 768px) {\r\n\r\n .navbar__left,\r\n .navbar__right {\r\n display: none;\r\n }\r\n\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n .navbar__logo {\r\n margin: 0;\r\n font-size: 1.5rem;\r\n }\r\n\r\n .navbar__inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .navbar__top {\r\n display: none;\r\n }\r\n\r\n \/* Espacement r\u00e9duit et contenu compact en mobile *\/\r\n .page-hero__overlay {\r\n padding: 15px 10px;\r\n text-align: center;\r\n }\r\n\r\n .page-hero__title {\r\n text-align: center;\r\n line-height: 1.1;\r\n }\r\n\r\n .breadcrumb {\r\n padding: 0 10px;\r\n text-align: center;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .cat-section {\r\n padding: 30px 10px;\r\n max-width: 100%;\r\n }\r\n\r\n .cat-section__grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n align-items: center;\r\n }\r\n\r\n .cat-section__text {\r\n text-align: center;\r\n margin-bottom: 0;\r\n order: 1;\r\n }\r\n\r\n .cat-section__text h2 {\r\n font-size: 1.3rem;\r\n margin-bottom: 10px;\r\n line-height: 1.2;\r\n }\r\n\r\n .cat-section__text p {\r\n font-size: 0.85rem;\r\n line-height: 1.5;\r\n margin-bottom: 0;\r\n }\r\n\r\n .cat-section__text li {\r\n font-size: 0.8rem;\r\n line-height: 1.4;\r\n margin-bottom: 5px;\r\n text-align: left;\r\n max-width: 280px;\r\n margin: 0 auto 5px;\r\n }\r\n\r\n .cat-section__image {\r\n margin: 0 auto;\r\n text-align: center;\r\n order: 2;\r\n width: 100%;\r\n max-width: 320px;\r\n }\r\n\r\n .cat-section__image img {\r\n border-radius: var(--radius);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n .cat-section__grid.reverse .cat-section__text {\r\n order: 1;\r\n }\r\n\r\n .cat-section__grid.reverse .cat-section__image {\r\n order: 2;\r\n }\r\n\r\n .cat-divider {\r\n margin: 20px 10px;\r\n }\r\n\r\n \/* Centrement pour les autres sections *\/\r\n .features-grid-section {\r\n padding: 60px 20px;\r\n text-align: center;\r\n }\r\n\r\n .footer__columns {\r\n text-align: center;\r\n padding: 25px 12px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .footer__column {\r\n margin-bottom: 0;\r\n }\r\n\r\n .footer__column h4 {\r\n font-family: var(--font-serif);\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n margin-bottom: 6px;\r\n color: var(--black);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .footer__column a {\r\n display: block;\r\n font-family: var(--font-sans);\r\n font-size: 0.75rem;\r\n font-weight: 400;\r\n margin-bottom: 3px;\r\n color: var(--text);\r\n transition: color 0.2s;\r\n text-decoration: none;\r\n }\r\n\r\n .footer__column a:hover {\r\n color: var(--black);\r\n text-decoration: underline;\r\n }\r\n\r\n .footer__column p {\r\n font-family: var(--font-sans);\r\n font-size: 0.7rem;\r\n font-weight: 300;\r\n margin-bottom: 6px;\r\n color: #999;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Formulaire de contact compact en mobile *\/\r\n .contact-section {\r\n padding: 20px 8px;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .contact-section__title {\r\n text-align: center;\r\n margin-bottom: 8px;\r\n width: 100%;\r\n }\r\n\r\n .contact-section__subtitle {\r\n text-align: center;\r\n margin-bottom: 18px;\r\n font-size: 0.85rem;\r\n line-height: 1.4;\r\n width: 100%;\r\n max-width: 350px;\r\n }\r\n\r\n .contact-form {\r\n padding: 20px 12px;\r\n max-width: 350px;\r\n width: 100%;\r\n margin: 0 auto;\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);\r\n text-align: center;\r\n }\r\n\r\n .form-row {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n width: 100%;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 12px;\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-size: 0.8rem;\r\n margin-bottom: 4px;\r\n font-weight: 500;\r\n color: var(--text);\r\n text-align: left;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea,\r\n .form-group select {\r\n width: 100%;\r\n padding: 10px 12px;\r\n font-size: 0.85rem;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 6px;\r\n background: var(--white);\r\n transition: border-color 0.2s;\r\n box-sizing: border-box;\r\n text-align: left;\r\n }\r\n\r\n .form-group select {\r\n background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n background-repeat: no-repeat;\r\n background-position: right 12px center;\r\n background-size: 16px;\r\n padding-right: 40px;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus,\r\n .form-group select:focus {\r\n outline: none;\r\n border-color: var(--black);\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 90px;\r\n }\r\n\r\n .btn-submit {\r\n width: 100%;\r\n padding: 14px;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n background: var(--black);\r\n color: var(--white);\r\n border: none;\r\n border-radius: var(--radius-btn);\r\n cursor: pointer;\r\n transition: background-color 0.2s;\r\n margin-top: 8px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .btn-submit:hover {\r\n background: #333;\r\n }\r\n\r\n .form-submit {\r\n text-align: center;\r\n width: 100%;\r\n margin-top: 10px;\r\n }\r\n\r\n .form-success {\r\n text-align: center;\r\n padding: 30px 20px;\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n max-width: 400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .form-success svg {\r\n color: #4CAF50;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .form-success h2 {\r\n margin-bottom: 10px;\r\n font-size: 1.2rem;\r\n }\r\n\r\n \/* Section contact globale *\/\r\n .global-contact-section {\r\n padding: 60px 10px !important;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .form-container {\r\n width: 100%;\r\n max-width: 400px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n .form-header {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-header h2 {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .form-header p {\r\n max-width: 350px;\r\n margin: 0 auto;\r\n }\r\n }\r\n\r\n .page-hero {\r\n padding-top: 120px;\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n .page-hero__image-container {\r\n width: calc(100% - 40px);\r\n margin: 0 auto;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n height: 55vh;\r\n min-height: 350px;\r\n position: relative;\r\n }\r\n\r\n .page-hero__image-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .page-hero__overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.45) 100%);\r\n display: flex;\r\n align-items: flex-end;\r\n padding: 50px 60px;\r\n }\r\n\r\n .page-hero__title {\r\n font-family: var(--font-serif);\r\n font-size: clamp(2rem, 5vw, 3.5rem);\r\n color: var(--white);\r\n font-weight: 400;\r\n line-height: 1.1;\r\n text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .breadcrumb {\r\n max-width: var(--container-max);\r\n margin: 25px auto 0;\r\n padding: 0 40px;\r\n font-size: 0.75rem;\r\n color: var(--text-light);\r\n }\r\n\r\n .breadcrumb a {\r\n transition: color 0.2s;\r\n }\r\n\r\n .breadcrumb a:hover {\r\n color: var(--black);\r\n }\r\n\r\n .breadcrumb span {\r\n margin: 0 8px;\r\n opacity: 0.5;\r\n }\r\n\r\n .cat-section {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 80px 40px;\r\n }\r\n\r\n .cat-section__grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .cat-section__grid.reverse .cat-section__text {\r\n order: 2;\r\n }\r\n\r\n .cat-section__grid.reverse .cat-section__image {\r\n order: 1;\r\n }\r\n\r\n .cat-section__text h2 {\r\n font-family: var(--font-serif);\r\n font-size: 2rem;\r\n line-height: 1.2;\r\n margin-bottom: 25px;\r\n color: var(--black);\r\n }\r\n\r\n .cat-section__text p {\r\n font-size: 0.95rem;\r\n color: var(--text);\r\n line-height: 1.8;\r\n }\r\n\r\n .cat-section__image {\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n height: 420px;\r\n position: relative;\r\n cursor: zoom-in;\r\n }\r\n\r\n .cat-section__image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.55s ease;\r\n transform: scale(1);\r\n will-change: transform;\r\n }\r\n\r\n .cat-section__image:hover img {\r\n transform: scale(1.08);\r\n filter: brightness(1.05);\r\n }\r\n\r\n .cat-section__image::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -120%;\r\n width: 60%;\r\n height: 100%;\r\n background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.28) 50%, transparent 100%);\r\n transform: skewX(-20deg);\r\n transition: left 0s;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .cat-section__image:hover::before {\r\n left: 160%;\r\n transition: left 0.7s ease;\r\n }\r\n\r\n .cat-section__image::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 60%);\r\n opacity: 0;\r\n transition: opacity 0.45s ease;\r\n pointer-events: none;\r\n }\r\n\r\n .cat-section__image:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n @keyframes pulse-ring {\r\n 0% {\r\n box-shadow: 0 0 0 0px rgba(17, 17, 17, 0.18);\r\n }\r\n\r\n 70% {\r\n box-shadow: 0 0 0 14px rgba(17, 17, 17, 0);\r\n }\r\n\r\n 100% {\r\n box-shadow: 0 0 0 0px rgba(17, 17, 17, 0);\r\n }\r\n }\r\n\r\n .cat-section__image:hover {\r\n animation: pulse-ring 1.1s ease-out infinite;\r\n }\r\n\r\n @keyframes float-slow {\r\n\r\n 0%,\r\n 100% {\r\n transform: translateY(0px) scale(1);\r\n }\r\n\r\n 50% {\r\n transform: translateY(-8px) scale(1.01);\r\n }\r\n }\r\n\r\n .page-hero__image-container img {\r\n animation: float-slow 7s ease-in-out infinite;\r\n }\r\n\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n\r\n .reveal.reveal--left {\r\n transform: translateX(-50px);\r\n }\r\n\r\n .reveal.reveal--right {\r\n transform: translateX(50px);\r\n }\r\n\r\n .reveal.in-view {\r\n opacity: 1;\r\n transform: translate(0, 0);\r\n }\r\n\r\n .reveal-delay-1 {\r\n transition-delay: 0.12s;\r\n }\r\n\r\n .reveal-delay-2 {\r\n transition-delay: 0.24s;\r\n }\r\n\r\n .cat-section__text h2 {\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .cat-section__text h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -6px;\r\n left: 0;\r\n width: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #111 0%, #555 100%);\r\n border-radius: 2px;\r\n transition: width 0.55s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n\r\n .reveal.in-view .cat-section__text h2::after,\r\n .cat-section__text h2:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .cat-divider {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n }\r\n\r\n .cat-divider hr {\r\n border: none;\r\n border-top: 1px solid rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n \/* ================================\r\n PRESTATIONS SECTION\r\n ================================ *\/\r\n .prestations-section {\r\n padding: 0 20px 80px;\r\n }\r\n\r\n .prestations-container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: start;\r\n }\r\n\r\n .prestations-text h2 {\r\n font-family: var(--font-serif);\r\n font-size: 2.2rem;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n color: var(--black);\r\n }\r\n\r\n .prestations-text p {\r\n font-size: 0.92rem;\r\n color: var(--text);\r\n line-height: 1.9;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .prestations-text p em {\r\n font-style: italic;\r\n }\r\n\r\n .prestations-text strong {\r\n font-weight: 600;\r\n }\r\n\r\n .prestations-list {\r\n list-style: none;\r\n margin: 8px 0 20px 0;\r\n padding: 0;\r\n }\r\n\r\n .prestations-list li {\r\n font-size: 0.92rem;\r\n color: var(--text);\r\n line-height: 1.9;\r\n padding-left: 20px;\r\n position: relative;\r\n }\r\n\r\n .prestations-list li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n left: 0;\r\n font-weight: 700;\r\n color: var(--black);\r\n }\r\n\r\n .prestations-list li strong {\r\n font-weight: 600;\r\n }\r\n\r\n .prestations-links {\r\n margin-top: 25px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .prestations-links a {\r\n font-size: 0.9rem;\r\n color: var(--black);\r\n font-weight: 500;\r\n text-decoration: underline;\r\n text-underline-offset: 3px;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .prestations-links a:hover {\r\n opacity: 0.6;\r\n }\r\n\r\n .prestations-image-col {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n }\r\n\r\n .prestations-image-col img {\r\n width: 100%;\r\n height: 420px;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .prestations-image-caption {\r\n background: var(--white);\r\n padding: 20px 25px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n }\r\n\r\n .prestations-image-caption .brand-name {\r\n font-family: var(--font-serif);\r\n font-size: 2.5rem;\r\n font-weight: 400;\r\n line-height: 1;\r\n color: var(--black);\r\n }\r\n\r\n .prestations-image-caption .brand-sub {\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n color: var(--black);\r\n text-transform: uppercase;\r\n }\r\n\r\n .prestations-image-caption .model-name {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n color: var(--black);\r\n text-transform: uppercase;\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .prestations-container {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n\r\n .prestations-image-col img {\r\n height: 280px;\r\n }\r\n }\r\n\r\n \/* ================================\r\n FEATURES GRID SECTION\r\n ================================ *\/\r\n .features-grid-section {\r\n padding: 40px 20px 80px;\r\n }\r\n\r\n .features-grid-container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .feature-item__image {\r\n width: 100%;\r\n border-radius: 80px;\r\n overflow: hidden;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .feature-item__image img {\r\n width: 100%;\r\n height: auto;\r\n object-fit: cover;\r\n aspect-ratio: 4\/3;\r\n }\r\n\r\n .feature-item__title {\r\n font-family: var(--font-sans);\r\n font-size: 1.1rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n color: var(--black);\r\n margin-bottom: 15px;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .feature-item__text {\r\n font-size: 0.95rem;\r\n color: var(--text);\r\n line-height: 1.6;\r\n max-width: 90%;\r\n margin: 0 auto;\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .features-grid-container {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n\r\n .feature-item__image {\r\n border-radius: 60px;\r\n }\r\n }\r\n\r\n .cta-section {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 120px 40px;\r\n }\r\n\r\n .cta-text-wrap {\r\n margin-bottom: 60px;\r\n }\r\n\r\n .cta-title {\r\n font-family: var(--font-serif);\r\n font-size: 2.6rem;\r\n line-height: 1.2;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .cta-visual-container {\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n .cta-image-box {\r\n width: 100%;\r\n height: 550px;\r\n border-radius: 60px;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-image-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .cta-floating-btn {\r\n position: absolute;\r\n bottom: 40px;\r\n right: 40px;\r\n z-index: 10;\r\n }\r\n\r\n .btn-dark {\r\n background: var(--black);\r\n color: white;\r\n padding: 18px 45px;\r\n border-radius: var(--radius-btn);\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n transition: 0.3s;\r\n }\r\n\r\n .footer {\r\n padding: 0 20px 40px;\r\n background: var(--bg);\r\n }\r\n\r\n .footer__pill-container {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n background: var(--black);\r\n border-radius: var(--radius-pill);\r\n padding: 100px 90px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .footer__content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n }\r\n\r\n .footer__logo-group {\r\n flex: 1;\r\n }\r\n\r\n .footer__logo {\r\n font-family: var(--font-serif);\r\n font-size: 6.5rem;\r\n color: var(--white);\r\n line-height: 0.8;\r\n margin-bottom: 15px;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .footer__tagline {\r\n color: #999;\r\n font-size: 1.25rem;\r\n font-weight: 400;\r\n margin-left: 5px;\r\n }\r\n\r\n .footer__columns {\r\n display: flex;\r\n gap: 100px;\r\n }\r\n\r\n .footer__column h4 {\r\n color: #fff;\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n letter-spacing: 0.1em;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .footer__column a {\r\n display: block;\r\n color: #bbb;\r\n font-size: 0.85rem;\r\n margin-bottom: 12px;\r\n transition: color 0.2s;\r\n font-weight: 400;\r\n }\r\n\r\n .footer__column a:hover {\r\n color: #fff;\r\n }\r\n\r\n .footer__bottom-line {\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0 40px;\r\n color: var(--text-light);\r\n font-size: 0.75rem;\r\n }\r\n\r\n .footer__socials {\r\n display: flex;\r\n gap: 20px;\r\n align-items: center;\r\n }\r\n\r\n .footer__socials a {\r\n color: var(--text-light);\r\n opacity: 0.7;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .footer__socials a:hover {\r\n opacity: 1;\r\n }\r\n\r\n .footer__legal {\r\n display: flex;\r\n gap: 25px;\r\n }\r\n\r\n .footer__legal a:hover {\r\n color: var(--black);\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .footer__pill-container {\r\n padding: 80px 50px;\r\n }\r\n\r\n .footer__logo {\r\n font-size: 5rem;\r\n }\r\n\r\n .footer__columns {\r\n gap: 50px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .cat-section__grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .cat-section__grid.reverse .cat-section__text {\r\n order: 1;\r\n }\r\n\r\n .cat-section__grid.reverse .cat-section__image {\r\n order: 2;\r\n }\r\n\r\n .cat-section__image {\r\n height: 300px;\r\n }\r\n\r\n .page-hero__overlay {\r\n padding: 30px;\r\n }\r\n\r\n .footer__content {\r\n flex-direction: column;\r\n gap: 60px;\r\n }\r\n\r\n .footer__bottom-line {\r\n flex-direction: column;\r\n gap: 30px;\r\n text-align: center;\r\n }\r\n\r\n .partners-grid-container {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .footer__columns {\r\n flex-direction: column;\r\n gap: 40px;\r\n }\r\n\r\n .navbar__left,\r\n .navbar__right {\r\n display: none;\r\n }\r\n\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n .footer__bottom-line {\r\n flex-direction: column;\r\n gap: 15px;\r\n text-align: center;\r\n padding: 18px 12px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .footer__copyright {\r\n font-family: var(--font-sans);\r\n font-size: 0.65rem;\r\n font-weight: 300;\r\n color: #888;\r\n margin-bottom: 5px;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .footer__socials {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 8px 0;\r\n }\r\n\r\n .footer__socials a {\r\n color: #888;\r\n transition: all 0.3s ease;\r\n transform: scale(1);\r\n }\r\n\r\n .footer__socials a:hover {\r\n color: var(--black);\r\n transform: scale(1.1);\r\n }\r\n\r\n .footer__socials svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .footer__legal {\r\n text-align: center;\r\n margin-top: 5px;\r\n }\r\n\r\n .footer__legal a {\r\n font-family: var(--font-sans);\r\n font-size: 0.65rem;\r\n font-weight: 300;\r\n color: #888;\r\n transition: all 0.2s ease;\r\n text-decoration: none;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .footer__legal a:hover {\r\n color: var(--black);\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n \/* ================================\r\n GLOBAL CONTACT FORM\r\n ================================ *\/\r\n .form-container {\r\n max-width: 820px;\r\n margin: 0 auto;\r\n padding: 0 25px;\r\n }\r\n\r\n .form-header {\r\n margin-bottom: 50px;\r\n text-align: center;\r\n }\r\n\r\n .form-header h2 {\r\n font-family: var(--font-serif);\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n color: var(--black);\r\n line-height: 1.1;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .form-header p {\r\n font-size: 1rem;\r\n color: var(--text-light);\r\n max-width: 550px;\r\n margin: 0 auto;\r\n }\r\n\r\n .contact-form {\r\n background: var(--white);\r\n border-radius: var(--radius-lg);\r\n padding: 55px 50px;\r\n box-shadow: 0 10px 50px rgba(0, 0, 0, 0.04);\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .form-group.full {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .form-group label {\r\n font-size: 0.78rem;\r\n font-weight: 500;\r\n color: var(--text);\r\n letter-spacing: 0.04em;\r\n margin-bottom: 8px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea,\r\n .form-group select {\r\n font-family: var(--font-sans);\r\n font-size: 0.95rem;\r\n color: var(--black);\r\n background: var(--bg);\r\n border: 1.5px solid transparent;\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n outline: none;\r\n transition: border-color 0.2s, box-shadow 0.2s;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus,\r\n .form-group select:focus {\r\n border-color: var(--black);\r\n box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.06);\r\n }\r\n\r\n .form-group input::placeholder,\r\n .form-group textarea::placeholder {\r\n color: #aaa;\r\n font-weight: 400;\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 130px;\r\n }\r\n\r\n .form-submit {\r\n margin-top: 30px;\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n\r\n .btn-submit {\r\n font-family: var(--font-sans);\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: var(--white);\r\n background: var(--black);\r\n border: none;\r\n padding: 16px 50px;\r\n border-radius: var(--radius-btn);\r\n cursor: pointer;\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n }\r\n\r\n .btn-submit:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .form-success {\r\n display: none;\r\n text-align: center;\r\n padding: 60px 30px;\r\n }\r\n\r\n .form-success.show {\r\n display: block;\r\n }\r\n\r\n .form-success svg {\r\n margin: 0 auto 20px;\r\n color: #4CAF50;\r\n }\r\n\r\n .form-success h2 {\r\n font-family: var(--font-serif);\r\n font-size: 1.8rem;\r\n margin-bottom: 10px;\r\n color: var(--black);\r\n }\r\n\r\n .form-success p {\r\n color: var(--text-light);\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .contact-form {\r\n padding: 40px 30px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- ========== NAVBAR ========== -->\r\n <header id=\"navbar\" class=\"navbar\">\r\n <div class=\"navbar__top\">\r\n <div class=\"navbar__top-inner\">\r\n <a href=\"tel:+33387529136\">03 87 52 91 36<\/a>\r\n <a href=\"mailto:csylvain57@gmail.com\">csylvain57@gmail.com<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"navbar__inner\">\r\n <nav class=\"navbar__left\">\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/cuisine\/\">CUISINE<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/dressing\/\">DRESSING<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-de-bain\/\">SALLE DE BAIN<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-a-manger\/\">SALLE \u00c0 MANGER<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/meubles-decoration\/\">MEUBLES & D\u00c9CORATION<\/a>\r\n <\/nav>\r\n <\/nav>\r\n <a href=\"index.html\" class=\"navbar__logo\">CS-Cuisine<\/a>\r\n <nav class=\"navbar__right\">\r\n\r\n <a href=\"index.html#contact\" class=\"navbar__cta\">D\u00e9marrer votre projet<\/a>\r\n <\/nav>\r\n <button id=\"hamburger\" class=\"hamburger\" aria-label=\"Menu\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"2\" rx=\"1\" fill=\"currentColor\" \/>\r\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"2\" rx=\"1\" fill=\"currentColor\" \/>\r\n <rect x=\"3\" y=\"18\" width=\"18\" height=\"2\" rx=\"1\" fill=\"currentColor\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- ========== MOBILE MENU ========== -->\r\n <div id=\"mobile-menu\" class=\"mobile-menu\">\r\n <nav class=\"mobile-menu__nav\">\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/cuisine\/\">CUISINE<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/dressing\/\">DRESSING<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-de-bain\/\">SALLE DE BAIN<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-a-manger\/\">SALLE \u00c0 MANGER<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/meubles-decoration\/\">MEUBLES & D\u00c9CORATION<\/a>\r\n <\/nav>\r\n\r\n <a href=\"index.html#contact\" class=\"mobile-cta\">D\u00e9marrer votre projet<\/a>\r\n <\/nav>\r\n <\/div>\r\n\r\n <main>\r\n <!-- ========== PAGE HERO ========== -->\r\n <section class=\"page-hero\">\r\n <div class=\"page-hero__image-container\">\r\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/01-scaled.jpg\"\r\n alt=\"Cuisine sur-mesure CS-Cuisine\">\r\n <div class=\"page-hero__overlay\">\r\n <h1 class=\"page-hero__title\">Votre cuisine<br>comme vous la r\u00eavez<\/h1>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Breadcrumb -->\r\n <div class=\"breadcrumb\">\r\n <a href=\"index.html\">Accueil<\/a><span>\u203a<\/span><strong>Cuisine<\/strong>\r\n <\/div>\r\n\r\n <!-- ========== SECTION 1 ========== -->\r\n <section class=\"cat-section\">\r\n <div class=\"cat-section__grid\">\r\n <div class=\"cat-section__text\">\r\n <h2 style=\"font-weight: 800;\">Des cuisines d'exception<\/h2>\r\n <p>Nous concevons des cuisines pens\u00e9es pour vous :\r\n <li>Ergonomie intelligente, mat\u00e9riaux nobles et finitions .<\/li>\r\n <li>Chaque projet est dessin\u00e9 sur mesure afin d\u2019allier esth\u00e9tisme, confort et fonctionnalit\u00e9 au\r\n quotidien.<\/li>\r\n <\/p>\r\n <\/div>\r\n <div class=\"cat-section__image\">\r\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/02-scaled.jpg\" alt=\"Cuisine Zecchinon\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"cat-divider\">\r\n <hr>\r\n <\/div>\r\n\r\n <!-- ========== SECTION 2 ========== -->\r\n <section class=\"cat-section\">\r\n <div class=\"cat-section__grid reverse\">\r\n <div class=\"cat-section__text\">\r\n <h2>Le choix du design<\/h2>\r\n <p>Le design prend forme \u00e0 travers une s\u00e9lection exigeante de lignes, de mati\u00e8res et de finitions\r\n haut de gamme.\r\n Entre minimalisme contemporain, noblesse du bois et jeux de contrastes \u00e9l\u00e9gants, chaque cuisine\r\n est pens\u00e9e comme une pi\u00e8ce unique, alliant esth\u00e9tisme, fonctionnalit\u00e9 et excellence du\r\n sur-mesure.\r\n <\/p>\r\n <\/div>\r\n <div class=\"cat-section__image\">\r\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/03-scaled.jpg\" alt=\"Cuisine sur-mesure\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"cat-divider\">\r\n <hr>\r\n <\/div>\r\n\r\n <!-- ========== SECTION 3 ========== -->\r\n <section class=\"cat-section\">\r\n <div class=\"cat-section__grid\">\r\n <div class=\"cat-section__text\">\r\n <h2>Des pi\u00e9ces de vie sur mesure <\/h2>\r\n <p>Nous imaginons des espaces o\u00f9 l\u2019esth\u00e9tique italienne rencontre le confort contemporain :\r\n lignes \u00e9pur\u00e9es, rangements int\u00e9gr\u00e9s, mobilier raffin\u00e9 et mati\u00e8res soigneusement s\u00e9lectionn\u00e9es.\r\n Chaque am\u00e9nagement r\u00e9v\u00e8le une atmosph\u00e8re \u00e9l\u00e9gante, conviviale et pens\u00e9e pour votre mani\u00e8re de\r\n vivre et de recevoir.\r\n <\/p>\r\n <\/div>\r\n <div class=\"cat-section__image\">\r\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/01-scaled.jpg\"\r\n alt=\"Cuisine design et innovation\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n\r\n <section class=\"cat-section\">\r\n <div class=\"cat-section__grid reverse\">\r\n <div class=\"cat-section__text\">\r\n <h2>La ma\u00eetrise technique<\/h2>\r\n <p>Derri\u00e8re chaque cuisine o\u00f9 nous laissons notre signature, il y a une expertise technique pr\u00e9cise\r\n :\r\n alignements parfaits, int\u00e9grations discr\u00e8tes, m\u00e9canismes fiables et solutions ergonomiques\r\n pens\u00e9es pour durer.\r\n\r\n <\/p>\r\n <\/div>\r\n <div class=\"cat-section__image\">\r\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/hero-kitchen.jpg\"\r\n alt=\"Mat\u00e9riaux dressing\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n <!-- ========== FEATURES GRID ========== -->\r\n <section class=\"features-grid-section\">\r\n <div class=\"features-grid-container\">\r\n <div class=\"feature-item\">\r\n <div class=\"feature-item__image\">\r\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/41-scaled.jpg\"\r\n alt=\"Des dressings d'exception\">\r\n <\/div>\r\n <h3 class=\"feature-item__title\">CUISINES MODERNES ET FONCTIONNELLES<\/h3>\r\n <p class=\"feature-item__text\"><\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-item__image\">\r\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/38-scaled.jpg\"\r\n alt=\"Des dressings d'exception\">\r\n <\/div>\r\n <h3 class=\"feature-item__title\">CUISINES \u00c9L\u00c9GANTES ET BIEN AM\u00c9NAG\u00c9ES<\/h3>\r\n <p class=\"feature-item__text\"><\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-item__image\">\r\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/27-scaled.jpg\"\r\n alt=\"Des dressings d'exception\">\r\n <\/div>\r\n <h3 class=\"feature-item__title\">CUISINES SUR-MESURE POUR VOTRE CONFORT<\/h3>\r\n <p class=\"feature-item__text\"><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========== GLOBAL CONTACT FORM ========== -->\r\n <section class=\"global-contact-section\" id=\"contact\" style=\"padding: 100px 20px;\">\r\n <div class=\"form-container\">\r\n <div class=\"form-header\">\r\n <h2>D\u00e9marrer votre projet<\/h2>\r\n <p>Remplissez le formulaire ci-dessous et notre \u00e9quipe vous recontactera dans les plus brefs d\u00e9lais\r\n pour discuter de votre projet.<\/p>\r\n <\/div>\r\n <form class=\"contact-form\" id=\"contact-form\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"nom\">Nom *<\/label>\r\n <input type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Votre nom\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"prenom\">Pr\u00e9nom *<\/label>\r\n <input type=\"text\" id=\"prenom\" name=\"prenom\" placeholder=\"Votre pr\u00e9nom\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"votre@email.com\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"telephone\">T\u00e9l\u00e9phone *<\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"telephone\" placeholder=\"06 00 00 00 00\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group full\">\r\n <label for=\"projet\">Votre projet<\/label>\r\n <select id=\"projet\" name=\"projet\">\r\n <option value=\"\">S\u00e9lectionnez un type de projet<\/option>\r\n <option value=\"cuisine\">Cuisine<\/option>\r\n <option value=\"dressing\">Dressing<\/option>\r\n <option value=\"salle-de-bain\">Salle de bain<\/option>\r\n <option value=\"salle-a-manger\">Salle \u00e0 manger<\/option>\r\n <option value=\"decoration\">D\u00e9coration<\/option>\r\n <option value=\"autre\">Autre<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group full\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"D\u00e9crivez votre projet...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-submit\">\r\n <button type=\"submit\" class=\"btn-submit\">Envoyer ma demande<\/button>\r\n <\/div>\r\n <\/form>\r\n <div class=\"contact-form form-success\" id=\"form-success\">\r\n <svg width=\"60\" height=\"60\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\r\n <\/svg>\r\n <h2>Merci pour votre demande !<\/h2>\r\n <p>Nous avons bien re\u00e7u votre message et nous vous recontacterons tr\u00e8s rapidement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <!-- ========== FOOTER ========== -->\r\n <footer class=\"footer\">\r\n <div class=\"footer__pill-container\">\r\n <div class=\"footer__content\">\r\n <div class=\"footer__logo-group\">\r\n <div class=\"footer__logo\">CS-Cuisine<\/div>\r\n <div class=\"footer__tagline\">Le sp\u00e9cialiste du sur-mesure en Moselle<\/div>\r\n <\/div>\r\n <div class=\"footer__columns\">\r\n <div class=\"footer__column\">\r\n <h4>PARTENAIRE<\/h4>\r\n <a href=\"#\">ZECCHINON<\/a>\r\n\r\n <\/div>\r\n <div class=\"footer__column\">\r\n <h4>MENU<\/h4>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/cuisine\/\">CUISINE<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/dressing\/\">DRESSING<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-de-bain\/\">SALLE DE BAIN<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-a-manger\/\">SALLE \u00c0 MANGER<\/a>\r\n <a href=\"https:\/\/cuisines64.fr\/index.php\/meubles-decoration\/\">MEUBLES & D\u00c9CORATION<\/a>\r\n <\/nav>\r\n <\/div>\r\n <div class=\"footer__column\">\r\n <h4>CONTACT<\/h4>\r\n <p style=\"color: #bbb; font-size: 0.85rem; margin-bottom: 12px;\">9 all\u00e9e des tilleuls<br>57130\r\n Jouy-aux-Arches<\/p>\r\n <p style=\"color: #bbb; font-size: 0.85rem; margin-bottom: 12px;\">03 87 52 91 36<\/p>\r\n <a href=\"mailto:csylvain57@gmail.com\">csylvain57@gmail.com<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer__bottom-line\">\r\n <div class=\"footer__copyright\">\u00a9 2025 CS Cuisine - Tous droits r\u00e9serv\u00e9s.<\/div>\r\n <div class=\"footer__socials\">\r\n <a href=\"https:\/\/www.facebook.com\/CS-Pose-104700821428421\"><svg width=\"20\" height=\"20\"\r\n viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path\r\n d=\"M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z\" \/>\r\n <\/svg><\/a>\r\n <\/div>\r\n <div class=\"footer__legal\">\r\n <a href=\"#\">Mentions l\u00e9gales<\/a>\r\n <a href=\"#\">Politique de confidentialit\u00e9<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', () => { navbar.classList.toggle('scrolled', window.pageYOffset > 60); }, { passive: true });\r\n const hamburger = document.getElementById('hamburger');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n hamburger.addEventListener('click', () => { hamburger.classList.toggle('active'); mobileMenu.classList.toggle('active'); document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : ''; });\r\n mobileMenu.querySelectorAll('a').forEach(link => { link.addEventListener('click', () => { hamburger.classList.remove('active'); mobileMenu.classList.remove('active'); document.body.style.overflow = ''; }); });\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => { a.addEventListener('click', function (e) { const id = this.getAttribute('href'); if (id === '#') return; const el = document.querySelector(id); if (el) { e.preventDefault(); window.scrollTo({ top: el.getBoundingClientRect().top + window.pageYOffset - 100, behavior: 'smooth' }); } }); });\r\n const targets = document.querySelectorAll('.page-hero, .cat-section, .partners-section, .cta-section');\r\n const obs = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); } }); }, { threshold: 0.08, rootMargin: '0px 0px -40px 0px' });\r\n targets.forEach(el => obs.observe(el));\r\n \/* --- Scroll-reveal observer --- *\/\r\n document.querySelectorAll('.cat-section__text').forEach((el, i) => {\r\n el.classList.add('reveal', i % 2 === 0 ? 'reveal--left' : 'reveal--right');\r\n });\r\n document.querySelectorAll('.cat-section__image').forEach((el, i) => {\r\n el.classList.add('reveal', i % 2 === 0 ? 'reveal--right' : 'reveal--left', 'reveal-delay-2');\r\n });\r\n document.querySelectorAll('.feature-item').forEach((el, i) => {\r\n el.classList.add('reveal');\r\n if (i === 1) el.classList.add('reveal-delay-1');\r\n if (i === 2) el.classList.add('reveal-delay-2');\r\n });\r\n const revealObs = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) { entry.target.classList.add('in-view'); revealObs.unobserve(entry.target); }\r\n });\r\n }, { threshold: 0.12, rootMargin: '0px 0px -30px 0px' });\r\n document.querySelectorAll('.reveal').forEach(el => revealObs.observe(el));\r\n \/* --- 3D Tilt --- *\/\r\n document.querySelectorAll('.cat-section__image').forEach(card => {\r\n card.addEventListener('mousemove', e => {\r\n const rect = card.getBoundingClientRect();\r\n const x = ((e.clientX - rect.left) \/ rect.width - 0.5) * 12;\r\n const y = ((e.clientY - rect.top) \/ rect.height - 0.5) * -12;\r\n card.style.transform = `perspective(800px) rotateY(${x}deg) rotateX(${y}deg) scale(1.02)`;\r\n card.style.transition = 'transform 0.1s linear';\r\n });\r\n card.addEventListener('mouseleave', () => {\r\n card.style.transform = 'perspective(800px) rotateY(0deg) rotateX(0deg) scale(1)';\r\n card.style.transition = 'transform 0.5s cubic-bezier(0.22,1,0.36,1)';\r\n });\r\n });\r\n \/* Form submission *\/\r\n const form = document.getElementById('contact-form');\r\n const success = document.getElementById('form-success');\r\n if (form && success) {\r\n form.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n form.style.display = 'none';\r\n success.classList.add('show');\r\n });\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0b4aa2 e-flex e-con-boxed e-con e-parent\" data-id=\"a0b4aa2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cuisine \u2014 CS-Cuisine 03 87 52 91 36 csylvain57@gmail.com CUISINE DRESSING SALLE DE BAIN SALLE \u00c0 MANGER MEUBLES & D\u00c9CORATION CS-Cuisine D\u00e9marrer votre projet CUISINE DRESSING SALLE DE BAIN SALLE \u00c0 MANGER MEUBLES & D\u00c9CORATION D\u00e9marrer votre projet Votre cuisinecomme vous la r\u00eavez Accueil\u203aCuisine Des cuisines d’exception Nous concevons des cuisines pens\u00e9es pour vous : […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":46,"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":350,"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/pages\/59\/revisions\/350"}],"wp:attachment":[{"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}