{"id":45,"date":"2026-03-31T09:41:43","date_gmt":"2026-03-31T09:41:43","guid":{"rendered":"http:\/\/cuisines64.fr\/?page_id=45"},"modified":"2026-05-13T14:32:56","modified_gmt":"2026-05-13T14:32:56","slug":"dressing","status":"publish","type":"page","link":"https:\/\/cuisines64.fr\/index.php\/dressing\/","title":{"rendered":""},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n \n \n Dressing \u2014 CS-Cuisine<\/title>\n <meta name=\"description\"\n content=\"Dressings sur-mesure par CS-Cuisine. Optimisez votre espace avec des rangements \u00e9l\u00e9gants et fonctionnels, con\u00e7us par un menuisier de m\u00e9tier \u00e0 Jouy-aux-Arches.\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600&display=swap\"\n rel=\"stylesheet\">\n <style>\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg: #F2F7F4;\n --white: #ffffff;\n --black: #111;\n --text: #333;\n --text-light: #666;\n --mint: #dce8df;\n --mint-light: #e6eee6;\n --font-serif: 'DM Serif Display', 'Georgia', serif;\n --font-sans: 'Inter', -apple-system, sans-serif;\n --radius: 20px;\n --radius-lg: 32px;\n --radius-pill: 60px;\n --radius-btn: 999px;\n --container-max: 1550px;\n }\n\n html {\n scroll-behavior: smooth;\n -webkit-font-smoothing: antialiased;\n }\n\n body {\n font-family: var(--font-sans);\n background: var(--bg);\n color: var(--text);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .navbar {\n position: fixed;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n width: calc(100% - 40px);\n max-width: var(--container-max);\n z-index: 1000;\n border-radius: var(--radius-lg);\n background: rgba(230, 235, 243, 0.7);\n backdrop-filter: blur(20px) saturate(180%);\n -webkit-backdrop-filter: blur(20px) saturate(180%);\n border: 1px solid rgba(255, 255, 255, 0.45);\n transition: all 0.3s ease;\n }\n\n .navbar.scrolled {\n background: rgba(230, 235, 243, 0.95);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.06);\n }\n\n .navbar__inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 35px;\n height: 62px;\n }\n\n .navbar__top {\n background: rgba(0, 0, 0, 0.03);\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n font-size: 0.65rem;\n padding: 5px 35px;\n }\n\n .navbar__top-inner {\n display: flex;\n justify-content: flex-end;\n gap: 20px;\n max-width: var(--container-max);\n margin: 0 auto;\n color: var(--text-light);\n font-weight: 500;\n }\n\n .navbar__top-inner a:hover {\n color: var(--black);\n }\n\n .navbar__left,\n .navbar__right {\n display: flex;\n align-items: center;\n gap: 25px;\n flex: 1;\n }\n\n .navbar__left {\n justify-content: flex-start;\n }\n\n .navbar__right {\n justify-content: flex-end;\n }\n\n .navbar__left a,\n .navbar__right a:not(.navbar__cta) {\n font-size: 0.72rem;\n font-weight: 500;\n color: var(--text);\n letter-spacing: 0.08em;\n transition: color 0.2s;\n }\n\n .navbar__logo {\n font-family: var(--font-serif);\n font-size: 1.9rem;\n color: var(--black);\n letter-spacing: 0.02em;\n flex-shrink: 0;\n margin: 0 40px;\n z-index: 1001;\n }\n\n .navbar__cta {\n font-size: 0.72rem;\n font-weight: 500;\n color: var(--white) !important;\n background: var(--black);\n padding: 10px 22px;\n border-radius: var(--radius-btn);\n white-space: nowrap;\n }\n\n .hamburger {\n display: none;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: rgba(0, 0, 0, 0.1);\n border: 2px solid var(--black);\n border-radius: 8px;\n cursor: pointer;\n z-index: 1001;\n position: relative;\n transition: all 0.3s ease;\n color: var(--black);\n }\n\n .hamburger:hover {\n background: rgba(0, 0, 0, 0.15);\n transform: scale(1.05);\n }\n\n .hamburger svg {\n width: 30px;\n height: 30px;\n transition: all 0.3s ease;\n }\n\n .hamburger.active svg {\n transform: rotate(90deg);\n }\n\n .hamburger.active svg rect:nth-child(1) {\n transform: rotate(45deg) translate(6px, 6px);\n transform-origin: center;\n }\n\n .hamburger.active svg rect:nth-child(2) {\n opacity: 0;\n }\n\n .hamburger.active svg rect:nth-child(3) {\n transform: rotate(-45deg) translate(6px, -6px);\n transform-origin: center;\n }\n\n .mobile-menu {\n position: fixed;\n inset: 0;\n background: rgba(220, 228, 238, 0.98);\n backdrop-filter: blur(30px);\n z-index: 999;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: 0.4s;\n }\n\n .mobile-menu.active {\n opacity: 1;\n pointer-events: all;\n }\n\n .mobile-menu__nav {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 15px;\n }\n\n .page-hero {\n padding-top: 120px;\n position: relative;\n width: 100%;\n }\n\n .page-hero__image-container {\n width: calc(100% - 40px);\n margin: 0 auto;\n border-radius: var(--radius-lg);\n overflow: hidden;\n height: 55vh;\n min-height: 350px;\n position: relative;\n }\n\n .page-hero__image-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .page-hero__overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.45) 100%);\n display: flex;\n align-items: flex-end;\n padding: 50px 60px;\n }\n\n .page-hero__title {\n font-family: var(--font-serif);\n font-size: clamp(2rem, 5vw, 3.5rem);\n color: var(--white);\n font-weight: 400;\n line-height: 1.1;\n text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);\n }\n\n .breadcrumb {\n max-width: var(--container-max);\n margin: 25px auto 0;\n padding: 0 40px;\n font-size: 0.75rem;\n color: var(--text-light);\n }\n\n .breadcrumb a {\n transition: color 0.2s;\n }\n\n .breadcrumb a:hover {\n color: var(--black);\n }\n\n .breadcrumb span {\n margin: 0 8px;\n opacity: 0.5;\n }\n\n .cat-section {\n max-width: var(--container-max);\n margin: 0 auto;\n padding: 80px 40px;\n }\n\n .cat-section__grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .cat-section__grid.reverse .cat-section__text {\n order: 2;\n }\n\n .cat-section__grid.reverse .cat-section__image {\n order: 1;\n }\n\n .cat-section__text h2 {\n font-family: var(--font-serif);\n font-size: 2rem;\n line-height: 1.2;\n margin-bottom: 25px;\n color: var(--black);\n }\n\n .cat-section__text p {\n font-size: 0.95rem;\n color: var(--text);\n line-height: 1.8;\n }\n\n .cat-section__image {\n border-radius: var(--radius-lg);\n overflow: hidden;\n height: 420px;\n }\n\n .cat-section__image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .cat-divider {\n max-width: var(--container-max);\n margin: 0 auto;\n padding: 0 40px;\n }\n\n .cat-divider hr {\n border: none;\n border-top: 1px solid rgba(0, 0, 0, 0.06);\n }\n\n \/* ================================\n PRESTATIONS SECTION\n ================================ *\/\n .prestations-section {\n padding: 0 20px 80px;\n }\n\n .prestations-container {\n max-width: var(--container-max);\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: start;\n }\n\n .prestations-text h2 {\n font-family: var(--font-serif);\n font-size: 2.2rem;\n line-height: 1.2;\n margin-bottom: 20px;\n color: var(--black);\n }\n\n .prestations-text p {\n font-size: 0.92rem;\n color: var(--text);\n line-height: 1.9;\n margin-bottom: 16px;\n }\n\n .prestations-text p em {\n font-style: italic;\n }\n\n .prestations-text strong {\n font-weight: 600;\n }\n\n .prestations-list {\n list-style: none;\n margin: 8px 0 20px 0;\n padding: 0;\n }\n\n .prestations-list li {\n font-size: 0.92rem;\n color: var(--text);\n line-height: 1.9;\n padding-left: 20px;\n position: relative;\n }\n\n .prestations-list li::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n font-weight: 700;\n color: var(--black);\n }\n\n .prestations-list li strong {\n font-weight: 600;\n }\n\n .prestations-links {\n margin-top: 25px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .prestations-links a {\n font-size: 0.9rem;\n color: var(--black);\n font-weight: 500;\n text-decoration: underline;\n text-underline-offset: 3px;\n transition: opacity 0.2s;\n }\n\n .prestations-links a:hover {\n opacity: 0.6;\n }\n\n .prestations-image-col {\n display: flex;\n flex-direction: column;\n gap: 0;\n border-radius: var(--radius-lg);\n overflow: hidden;\n }\n\n .prestations-image-col img {\n width: 100%;\n height: 420px;\n object-fit: cover;\n display: block;\n }\n\n .prestations-image-caption {\n background: var(--white);\n padding: 20px 25px;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n }\n\n .prestations-image-caption .brand-name {\n font-family: var(--font-serif);\n font-size: 2.5rem;\n font-weight: 400;\n line-height: 1;\n color: var(--black);\n }\n\n .prestations-image-caption .brand-sub {\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--black);\n text-transform: uppercase;\n }\n\n .prestations-image-caption .model-name {\n font-size: 1.4rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n color: var(--black);\n text-transform: uppercase;\n }\n\n @media (max-width: 991px) {\n .prestations-container {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .prestations-image-col img {\n height: 280px;\n }\n }\n\n \/* ================================\n FEATURES GRID SECTION\n ================================ *\/\n .features-grid-section {\n padding: 40px 20px 80px;\n }\n\n .features-grid-container {\n max-width: var(--container-max);\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n text-align: center;\n }\n\n .feature-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .feature-item__image {\n width: 100%;\n border-radius: 80px;\n overflow: hidden;\n margin-bottom: 25px;\n }\n\n .feature-item__image img {\n width: 100%;\n height: auto;\n object-fit: cover;\n aspect-ratio: 4\/3;\n }\n\n .feature-item__title {\n font-family: var(--font-sans);\n font-size: 1.1rem;\n font-weight: 800;\n text-transform: uppercase;\n color: var(--black);\n margin-bottom: 15px;\n letter-spacing: 0.05em;\n }\n\n .feature-item__text {\n font-size: 0.95rem;\n color: var(--text);\n line-height: 1.6;\n max-width: 90%;\n margin: 0 auto;\n }\n\n @media (max-width: 991px) {\n .features-grid-container {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .feature-item__image {\n border-radius: 60px;\n }\n }\n\n .cta-section {\n max-width: var(--container-max);\n margin: 0 auto;\n padding: 120px 40px;\n }\n\n .cta-text-wrap {\n margin-bottom: 60px;\n }\n\n .cta-title {\n font-family: var(--font-serif);\n font-size: 2.6rem;\n line-height: 1.2;\n margin-bottom: 25px;\n }\n\n .cta-visual-container {\n position: relative;\n width: 100%;\n }\n\n .cta-image-box {\n width: 100%;\n height: 550px;\n border-radius: 60px;\n overflow: hidden;\n }\n\n .cta-image-box img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .cta-floating-btn {\n position: absolute;\n bottom: 40px;\n right: 40px;\n z-index: 10;\n }\n\n .btn-dark {\n background: var(--black);\n color: white;\n padding: 18px 45px;\n border-radius: var(--radius-btn);\n font-size: 0.85rem;\n font-weight: 600;\n transition: 0.3s;\n }\n\n .footer {\n padding: 0 20px 40px;\n background: var(--bg);\n }\n\n .footer__pill-container {\n max-width: var(--container-max);\n margin: 0 auto;\n background: var(--black);\n border-radius: var(--radius-pill);\n padding: 100px 90px;\n margin-bottom: 30px;\n }\n\n .footer__content {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n }\n\n .footer__logo-group {\n flex: 1;\n }\n\n .footer__logo {\n font-family: var(--font-serif);\n font-size: 6.5rem;\n color: var(--white);\n line-height: 0.8;\n margin-bottom: 15px;\n letter-spacing: -0.02em;\n }\n\n .footer__tagline {\n color: #999;\n font-size: 1.25rem;\n font-weight: 400;\n margin-left: 5px;\n }\n\n .footer__columns {\n display: flex;\n gap: 100px;\n }\n\n .footer__column h4 {\n color: #fff;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n margin-bottom: 30px;\n }\n\n .footer__column a {\n display: block;\n color: #bbb;\n font-size: 0.85rem;\n margin-bottom: 12px;\n transition: color 0.2s;\n font-weight: 400;\n }\n\n .footer__column a:hover {\n color: #fff;\n }\n\n .footer__bottom-line {\n max-width: var(--container-max);\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 40px;\n color: var(--text-light);\n font-size: 0.75rem;\n }\n\n .footer__socials {\n display: flex;\n gap: 20px;\n align-items: center;\n }\n\n .footer__socials a {\n color: var(--text-light);\n opacity: 0.7;\n transition: opacity 0.2s;\n }\n\n .footer__socials a:hover {\n opacity: 1;\n }\n\n .footer__legal {\n display: flex;\n gap: 25px;\n }\n\n .footer__legal a:hover {\n color: var(--black);\n }\n\n @media (max-width: 1200px) {\n .footer__pill-container {\n padding: 80px 50px;\n }\n\n .footer__logo {\n font-size: 5rem;\n }\n\n .footer__columns {\n gap: 50px;\n }\n }\n\n @media (max-width: 991px) {\n .cat-section__grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .cat-section__grid.reverse .cat-section__text {\n order: 1;\n }\n\n .cat-section__grid.reverse .cat-section__image {\n order: 2;\n }\n\n .cat-section__image {\n height: 300px;\n }\n\n .page-hero__overlay {\n padding: 30px;\n }\n\n .footer__content {\n flex-direction: column;\n gap: 60px;\n }\n\n .footer__bottom-line {\n flex-direction: column;\n gap: 30px;\n text-align: center;\n }\n\n .partners-grid-container {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .footer__columns {\n flex-direction: column;\n gap: 20px;\n padding: 25px 12px;\n text-align: center;\n }\n\n .footer__column {\n margin-bottom: 0;\n }\n\n .footer__column h4 {\n font-family: var(--font-serif);\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 6px;\n color: var(--black);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .footer__column a {\n display: block;\n font-family: var(--font-sans);\n font-size: 0.75rem;\n font-weight: 400;\n margin-bottom: 3px;\n color: var(--text);\n transition: color 0.2s;\n text-decoration: none;\n }\n\n .footer__column a:hover {\n color: var(--black);\n text-decoration: underline;\n }\n\n .footer__column p {\n font-family: var(--font-sans);\n font-size: 0.7rem;\n font-weight: 300;\n margin-bottom: 6px;\n color: #999;\n line-height: 1.3;\n }\n\n .navbar__left,\n .navbar__right {\n display: none;\n }\n\n .hamburger {\n display: flex;\n }\n\n .navbar__logo {\n margin: 0;\n font-size: 1.5rem;\n }\n\n .navbar__inner {\n padding: 0 20px;\n }\n\n .navbar__top {\n display: none;\n }\n\n \/* Centrage et meilleure organisation du contenu en mobile *\/\n .page-hero__overlay {\n padding: 25px 15px;\n text-align: center;\n }\n\n .page-hero__title {\n text-align: center;\n line-height: 1.2;\n }\n\n .breadcrumb {\n padding: 0 15px;\n text-align: center;\n margin-bottom: 10px;\n }\n\n .cat-section {\n padding: 50px 15px;\n max-width: 100%;\n }\n\n .cat-section__grid {\n display: flex;\n flex-direction: column;\n gap: 30px;\n align-items: center;\n }\n\n .cat-section__text {\n text-align: center;\n margin-bottom: 0;\n order: 1;\n }\n\n .cat-section__text h2 {\n font-size: 1.4rem;\n margin-bottom: 15px;\n line-height: 1.3;\n }\n\n .cat-section__text p {\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 0;\n }\n\n .cat-section__text li {\n font-size: 0.85rem;\n line-height: 1.5;\n margin-bottom: 8px;\n text-align: left;\n max-width: 300px;\n margin: 0 auto 8px;\n }\n\n .cat-section__image {\n margin: 0 auto;\n text-align: center;\n order: 2;\n width: 100%;\n max-width: 350px;\n }\n\n .cat-section__image img {\n border-radius: var(--radius);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n width: 100%;\n height: auto;\n }\n\n .cat-section__grid.reverse .cat-section__text {\n order: 1;\n }\n\n .cat-section__grid.reverse .cat-section__image {\n order: 2;\n }\n\n .cat-divider {\n margin: 30px 15px;\n }\n\n \/* Centrement pour les autres sections *\/\n .features-grid-section {\n padding: 60px 20px;\n text-align: center;\n }\n\n \/* Formulaire de contact parfaitement centr\u00e9 en mobile *\/\n .form-container {\n padding: 30px 10px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-width: 400px;\n margin: 0 auto;\n }\n\n .form-header {\n text-align: center;\n margin-bottom: 20px;\n }\n\n .form-header h2 {\n margin-bottom: 10px;\n font-size: 1.5rem;\n }\n\n .form-header p {\n max-width: 350px;\n margin: 0 auto;\n font-size: 0.9rem;\n }\n\n .contact-form {\n padding: 25px 15px;\n max-width: 400px;\n width: 100%;\n margin: 0 auto;\n background: var(--white);\n border-radius: var(--radius);\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n text-align: center;\n }\n\n .form-row {\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n }\n\n .form-group {\n margin-bottom: 18px;\n text-align: center;\n width: 100%;\n }\n\n .form-group label {\n display: block;\n font-size: 0.85rem;\n margin-bottom: 6px;\n font-weight: 500;\n color: var(--text);\n text-align: left;\n }\n\n .form-group input,\n .form-group textarea,\n .form-group select {\n width: 100%;\n padding: 12px 14px;\n font-size: 0.9rem;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n background: var(--white);\n transition: border-color 0.2s;\n box-sizing: border-box;\n text-align: left;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n\n .form-group select {\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\");\n background-repeat: no-repeat;\n background-position: right 12px center;\n background-size: 16px;\n padding-right: 40px;\n }\n\n .form-group input:focus,\n .form-group textarea:focus,\n .form-group select:focus {\n outline: none;\n border-color: var(--black);\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 90px;\n }\n\n .btn-submit {\n width: 100%;\n padding: 14px;\n font-size: 0.95rem;\n font-weight: 500;\n background: var(--black);\n color: var(--white);\n border: none;\n border-radius: var(--radius-btn);\n cursor: pointer;\n transition: background-color 0.2s;\n margin-top: 8px;\n box-sizing: border-box;\n }\n\n .btn-submit:hover {\n background: #333;\n }\n\n .form-submit {\n text-align: center;\n width: 100%;\n margin-top: 10px;\n }\n\n .form-success {\n text-align: center;\n padding: 30px 20px;\n background: var(--white);\n border-radius: var(--radius);\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n max-width: 400px;\n margin: 0 auto;\n }\n\n .form-success svg {\n color: #4CAF50;\n margin-bottom: 15px;\n }\n\n .form-success h2 {\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n \/* Section contact globale *\/\n .global-contact-section {\n padding: 60px 10px !important;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .footer__bottom-line {\n flex-direction: column;\n gap: 15px;\n text-align: center;\n padding: 18px 12px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n .footer__copyright {\n font-family: var(--font-sans);\n font-size: 0.65rem;\n font-weight: 300;\n color: #888;\n margin-bottom: 5px;\n letter-spacing: 0.3px;\n }\n\n .footer__socials {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 12px;\n margin: 8px 0;\n }\n\n .footer__socials a {\n color: #888;\n transition: all 0.3s ease;\n transform: scale(1);\n }\n\n .footer__socials a:hover {\n color: var(--black);\n transform: scale(1.1);\n }\n\n .footer__socials svg {\n width: 18px;\n height: 18px;\n }\n\n .footer__legal {\n text-align: center;\n margin-top: 5px;\n }\n\n .footer__legal a {\n font-family: var(--font-sans);\n font-size: 0.65rem;\n font-weight: 300;\n color: #888;\n transition: all 0.2s ease;\n text-decoration: none;\n letter-spacing: 0.3px;\n }\n\n .footer__legal a:hover {\n color: var(--black);\n text-decoration: underline;\n }\n }\n\n \/* ================================\n GLOBAL CONTACT FORM\n ================================ *\/\n .form-container {\n max-width: 820px;\n margin: 0 auto;\n padding: 0 25px;\n }\n\n .form-header {\n margin-bottom: 50px;\n text-align: center;\n }\n\n .form-header h2 {\n font-family: var(--font-serif);\n font-size: clamp(2rem, 4vw, 2.8rem);\n color: var(--black);\n line-height: 1.1;\n margin-bottom: 15px;\n }\n\n .form-header p {\n font-size: 1rem;\n color: var(--text-light);\n max-width: 550px;\n margin: 0 auto;\n }\n\n .contact-form {\n background: var(--white);\n border-radius: var(--radius-lg);\n padding: 55px 50px;\n box-shadow: 0 10px 50px rgba(0, 0, 0, 0.04);\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .form-group {\n display: flex;\n flex-direction: column;\n }\n\n .form-group.full {\n grid-column: 1 \/ -1;\n }\n\n .form-group label {\n font-size: 0.78rem;\n font-weight: 500;\n color: var(--text);\n letter-spacing: 0.04em;\n margin-bottom: 8px;\n text-transform: uppercase;\n }\n\n .form-group input,\n .form-group textarea,\n .form-group select {\n font-family: var(--font-sans);\n font-size: 0.95rem;\n color: var(--black);\n background: var(--bg);\n border: 1.5px solid transparent;\n border-radius: 14px;\n padding: 14px 18px;\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n }\n\n .form-group input:focus,\n .form-group textarea:focus,\n .form-group select:focus {\n border-color: var(--black);\n box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.06);\n }\n\n .form-group input::placeholder,\n .form-group textarea::placeholder {\n color: #aaa;\n font-weight: 400;\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 130px;\n }\n\n .form-submit {\n margin-top: 30px;\n display: flex;\n justify-content: flex-end;\n }\n\n .btn-submit {\n font-family: var(--font-sans);\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--white);\n background: var(--black);\n border: none;\n padding: 16px 50px;\n border-radius: var(--radius-btn);\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n .btn-submit:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n }\n\n .form-success {\n display: none;\n text-align: center;\n padding: 60px 30px;\n }\n\n .form-success.show {\n display: block;\n }\n\n .form-success svg {\n margin: 0 auto 20px;\n color: #4CAF50;\n }\n\n .form-success h2 {\n font-family: var(--font-serif);\n font-size: 1.8rem;\n margin-bottom: 10px;\n color: var(--black);\n }\n\n .form-success p {\n color: var(--text-light);\n }\n\n @media (max-width: 991px) {\n .form-row {\n grid-template-columns: 1fr;\n }\n\n .contact-form {\n padding: 40px 30px;\n }\n }\n\n \/* ================================\n ANIMATIONS SUPPLEMENTAIRES\n ================================ *\/\n\n \/* --- Zoom + hover image --- *\/\n .cat-section__image {\n position: relative;\n cursor: zoom-in;\n }\n\n .cat-section__image img {\n transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n filter 0.55s ease;\n transform: scale(1);\n will-change: transform;\n }\n\n .cat-section__image:hover img {\n transform: scale(1.08);\n filter: brightness(1.05);\n }\n\n \/* --- Shimmer sweep --- *\/\n .cat-section__image::before {\n content: '';\n position: absolute;\n top: 0;\n left: -120%;\n width: 60%;\n height: 100%;\n background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.28) 50%, transparent 100%);\n transform: skewX(-20deg);\n transition: left 0s;\n z-index: 2;\n pointer-events: none;\n }\n\n .cat-section__image:hover::before {\n left: 160%;\n transition: left 0.7s ease;\n }\n\n \/* --- Overlay shine --- *\/\n .cat-section__image::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 60%);\n opacity: 0;\n transition: opacity 0.45s ease;\n pointer-events: none;\n }\n\n .cat-section__image:hover::after {\n opacity: 1;\n }\n\n \/* --- Pulse ring --- *\/\n @keyframes pulse-ring {\n 0% {\n box-shadow: 0 0 0 0px rgba(17, 17, 17, 0.18);\n }\n\n 70% {\n box-shadow: 0 0 0 14px rgba(17, 17, 17, 0);\n }\n\n 100% {\n box-shadow: 0 0 0 0px rgba(17, 17, 17, 0);\n }\n }\n\n .cat-section__image:hover {\n animation: pulse-ring 1.1s ease-out infinite;\n }\n\n \/* --- Float hero --- *\/\n @keyframes float-slow {\n\n 0%,\n 100% {\n transform: translateY(0px) scale(1);\n }\n\n 50% {\n transform: translateY(-8px) scale(1.01);\n }\n }\n\n .page-hero__image-container img {\n animation: float-slow 7s ease-in-out infinite;\n }\n\n \/* --- Scroll-reveal --- *\/\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);\n }\n\n .reveal.reveal--left {\n transform: translateX(-50px);\n }\n\n .reveal.reveal--right {\n transform: translateX(50px);\n }\n\n .reveal.in-view {\n opacity: 1;\n transform: translate(0, 0);\n }\n\n .reveal-delay-1 {\n transition-delay: 0.12s;\n }\n\n .reveal-delay-2 {\n transition-delay: 0.24s;\n }\n\n \/* --- Animated underline h2 --- *\/\n .cat-section__text h2 {\n position: relative;\n display: inline-block;\n }\n\n .cat-section__text h2::after {\n content: '';\n position: absolute;\n bottom: -6px;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, #111 0%, #555 100%);\n border-radius: 2px;\n transition: width 0.55s cubic-bezier(0.22, 1, 0.36, 1);\n }\n\n .reveal.in-view .cat-section__text h2::after,\n .cat-section__text h2:hover::after {\n width: 100%;\n }\n <\/style>\n<\/head>\n\n<body>\n\n <!-- ========== NAVBAR ========== -->\n <header id=\"navbar\" class=\"navbar\">\n <div class=\"navbar__top\">\n <div class=\"navbar__top-inner\">\n <a href=\"tel:+33387529136\">03 87 52 91 36<\/a>\n <a href=\"mailto:csylvain57@gmail.com\">csylvain57@gmail.com<\/a>\n <\/div>\n <\/div>\n <div class=\"navbar__inner\">\n <nav class=\"navbar__left\">\n <a href=\"https:\/\/cuisines64.fr\/index.php\/cuisine\/\">CUISINE<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/dressing\/\">DRESSING<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-de-bain\/\">SALLE DE BAIN<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-a-manger\/\">SALLE \u00c0 MANGER<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/meubles-decoration\/\">MEUBLES & D\u00c9CORATION<\/a>\n <\/nav>\n <\/nav>\n <a href=\"https:\/\/cuisines64.fr\/\" class=\"navbar__logo\">CS-Cuisine<\/a>\n <nav class=\"navbar__right\">\n\n <a href=\"#contact\" class=\"navbar__cta\">D\u00e9marrer votre projet<\/a>\n <\/nav>\n <button id=\"hamburger\" class=\"hamburger\" aria-label=\"Menu\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"2\" rx=\"1\" fill=\"currentColor\" \/>\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"2\" rx=\"1\" fill=\"currentColor\" \/>\n <rect x=\"3\" y=\"18\" width=\"18\" height=\"2\" rx=\"1\" fill=\"currentColor\" \/>\n <\/svg>\n <\/button>\n <\/div>\n <\/header>\n\n <!-- ========== MOBILE MENU ========== -->\n <div id=\"mobile-menu\" class=\"mobile-menu\">\n <nav class=\"mobile-menu__nav\">\n <a href=\"cuisine.html\">Cuisine<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/cuisine\/\">CUISINE<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/dressing\/\">DRESSING<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-de-bain\/\">SALLE DE BAIN<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-a-manger\/\">SALLE \u00c0 MANGER<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/meubles-decoration\/\">MEUBLES & D\u00c9CORATION<\/a>\n <\/nav>\n\n <a href=\"#contact\" class=\"mobile-cta\">D\u00e9marrer votre projet<\/a>\n <\/nav>\n <\/div>\n\n <main>\n <!-- ========== PAGE HERO ========== -->\n <section class=\"page-hero\">\n <div class=\"page-hero__image-container\">\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/CENZA-Orme-63-scaled.jpg\"\n alt=\"Dressing sur-mesure CS-Cuisine\">\n <div class=\"page-hero__overlay\">\n <h1 class=\"page-hero__title\">L'art de l'am\u00e9nagement<br>sur-mesure<\/h1>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Breadcrumb -->\n <div class=\"breadcrumb\">\n <a href=\"https:\/\/cuisines64.fr\/\">Accueil<\/a><span>\u203a<\/span><strong>Dressing<\/strong>\n <\/div>\n\n <!-- ========== SECTION 1 ========== -->\n <section class=\"cat-section\">\n <div class=\"cat-section__grid\">\n <div class=\"cat-section__text\">\n <h2 style=\"font-weight: 800;\">Le luxe d'un rangement parfaitement pens\u00e9<\/h2>\n <p>Offrez \u00e0 vos v\u00eatements l\u2019\u00e9crin qu\u2019ils m\u00e9ritent gr\u00e2ce \u00e0 des dressings con\u00e7us pour allier\n organisation parfaite et design \u00e9l\u00e9gant.\n\n <\/p>\n <\/div>\n <div class=\"cat-section__image\">\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/69-scaled.jpg\" alt=\"Chambre et dressing\">\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"cat-divider\">\n <hr>\n <\/div>\n\n <!-- ========== SECTION 2 ========== -->\n <section class=\"cat-section\">\n <div class=\"cat-section__grid reverse\">\n <div class=\"cat-section__text\">\n <h2>L'organisation devient un plaisir<\/h2>\n <p>Des solutions intelligentes qui optimisent chaque espace et transforment votre dressing en un\n lieu aussi pratique qu\u2019esth\u00e9tique.\n\n <\/p>\n <\/div>\n <div class=\"cat-section__image\">\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/32-scaled.jpg\" alt=\"Dressing ouvert\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ========== SECTION 3 ========== -->\n <section class=\"cat-section\">\n <div class=\"cat-section__grid\">\n <div class=\"cat-section__text\">\n <h2>Un dressing \u00e0 votre image<\/h2>\n <p>Personnalisables et modulables, nos dressings s\u2019adaptent \u00e0 votre style de vie et \u00e0 vos exigences\n pour un r\u00e9sultat unique.\n\n <\/p>\n <\/div>\n <div class=\"cat-section__image\">\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/29-scaled.jpg\" alt=\"Mat\u00e9riaux dressing\">\n <\/div>\n <\/div>\n <\/section>\n\n\n\n\n\n <section class=\"cat-section\">\n <div class=\"cat-section__grid reverse\">\n <div class=\"cat-section__text\">\n <h2>Quand le design rencontre la fonctionnalit\u00e9<\/h2>\n <p>Des finitions premium, des mat\u00e9riaux durables et une conception r\u00e9fl\u00e9chie pour un dressing aussi\n beau que performant.\n\n <\/p>\n <\/div>\n <div class=\"cat-section__image\">\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/87-scaled.jpg\" alt=\"Mat\u00e9riaux dressing\">\n <\/div>\n <\/div>\n <\/section>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n <!-- ========== FEATURES GRID ========== -->\n <section class=\"features-grid-section\">\n <div class=\"features-grid-container\">\n <div class=\"feature-item\">\n <div class=\"feature-item__image\">\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/79-scaled.jpg\"\n alt=\"Des dressings d'exception\">\n <\/div>\n <h3 class=\"feature-item__title\">DES DRESSINGS SUR MESURE ALLIANT \u00c9L\u00c9GANCE ET ORGANISATION OPTIMALE.\n <\/h3>\n <p class=\"feature-item__text\"><\/p>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-item__image\">\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/23-scaled.jpg\"\n alt=\"Des dressings d'exception\">\n <\/div>\n <h3 class=\"feature-item__title\">DES ESPACES DE RANGEMENT RAFFIN\u00c9S PENS\u00c9S POUR VOTRE CONFORT AU\n QUOTIDIEN.<\/h3>\n <p class=\"feature-item__text\"><\/p>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-item__image\">\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/16-scaled.jpg\"\n alt=\"Des dressings d'exception\">\n <\/div>\n <h3 class=\"feature-item__title\">DES DRESSINGS MODERNES ET LUMINEUX QUI SUBLIMENT VOTRE INT\u00c9RIEUR.\n <\/h3>\n <p class=\"feature-item__text\"><\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ========== GLOBAL CONTACT FORM ========== -->\n <section class=\"global-contact-section\" id=\"contact\" style=\"padding: 100px 20px;\">\n <div class=\"form-container\">\n <div class=\"form-header\">\n <h2>D\u00e9marrer votre projet<\/h2>\n <p>Remplissez le formulaire ci-dessous et notre \u00e9quipe vous recontactera dans les plus brefs d\u00e9lais\n pour discuter de votre projet.<\/p>\n <\/div>\n <form class=\"contact-form\" id=\"contact-form\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"nom\">Nom *<\/label>\n <input type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Votre nom\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"prenom\">Pr\u00e9nom *<\/label>\n <input type=\"text\" id=\"prenom\" name=\"prenom\" placeholder=\"Votre pr\u00e9nom\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"email\">Email *<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"votre@email.com\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"telephone\">T\u00e9l\u00e9phone *<\/label>\n <input type=\"tel\" id=\"telephone\" name=\"telephone\" placeholder=\"06 00 00 00 00\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group full\">\n <label for=\"projet\">Votre projet<\/label>\n <select id=\"projet\" name=\"projet\">\n <option value=\"\">S\u00e9lectionnez un type de projet<\/option>\n <option value=\"cuisine\">Cuisine<\/option>\n <option value=\"dressing\">Dressing<\/option>\n <option value=\"salle-de-bain\">Salle de bain<\/option>\n <option value=\"salle-a-manger\">Salle \u00e0 manger<\/option>\n <option value=\"decoration\">D\u00e9coration<\/option>\n <option value=\"autre\">Autre<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group full\">\n <label for=\"message\">Message<\/label>\n <textarea id=\"message\" name=\"message\" placeholder=\"D\u00e9crivez votre projet...\"><\/textarea>\n <\/div>\n <\/div>\n <div class=\"form-submit\">\n <button type=\"submit\" class=\"btn-submit\">Envoyer ma demande<\/button>\n <\/div>\n <\/form>\n <div class=\"contact-form form-success\" id=\"form-success\">\n <svg width=\"60\" height=\"60\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\n <polyline points=\"22 4 12 14.01 9 11.01\" \/>\n <\/svg>\n <h2>Merci pour votre demande !<\/h2>\n <p>Nous avons bien re\u00e7u votre message et nous vous recontacterons tr\u00e8s rapidement.<\/p>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <!-- ========== FOOTER ========== -->\n <footer class=\"footer\">\n <div class=\"footer__pill-container\">\n <div class=\"footer__content\">\n <div class=\"footer__logo-group\">\n <div class=\"footer__logo\">CS-Cuisine<\/div>\n <div class=\"footer__tagline\">Le sp\u00e9cialiste du sur-mesure en Moselle<\/div>\n <\/div>\n <div class=\"footer__columns\">\n <div class=\"footer__column\">\n <h4>PARTENAIRE<\/h4>\n <a href=\"#\">ORME<\/a>\n <a href=\"#\">ZECCHINON<\/a>\n <a href=\"#\">BMT<\/a>\n <a href=\"#\">FELIS<\/a>\n <\/div>\n <div class=\"footer__column\">\n <h4>MENU<\/h4>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/cuisine\/\">CUISINE<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/dressing\/\">DRESSING<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-de-bain\/\">SALLE DE BAIN<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/salle-a-manger\/\">SALLE \u00c0 MANGER<\/a>\n <a href=\"https:\/\/cuisines64.fr\/index.php\/meubles-decoration\/\">MEUBLES & D\u00c9CORATION<\/a>\n <\/nav>\n <\/div>\n <div class=\"footer__column\">\n <h4>CONTACT<\/h4>\n <p style=\"color: #bbb; font-size: 0.85rem; margin-bottom: 12px;\">9 all\u00e9e des tilleuls<br>57130\n Jouy-aux-Arches<\/p>\n <p style=\"color: #bbb; font-size: 0.85rem; margin-bottom: 12px;\">03 87 52 91 36<\/p>\n <a href=\"mailto:csylvain57@gmail.com\">csylvain57@gmail.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"footer__bottom-line\">\n <div class=\"footer__copyright\">\u00a9 2025 CS Cuisine - Tous droits r\u00e9serv\u00e9s.<\/div>\n <div class=\"footer__socials\">\n <a href=\"https:\/\/www.facebook.com\/CS-Pose-104700821428421\"><svg width=\"20\" height=\"20\"\n viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\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\" \/>\n <\/svg><\/a>\n <\/div>\n <div class=\"footer__legal\">\n <a href=\"#\">Mentions l\u00e9gales<\/a>\n <a href=\"#\">Politique de confidentialit\u00e9<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => { navbar.classList.toggle('scrolled', window.pageYOffset > 60); }, { passive: true });\n const hamburger = document.getElementById('hamburger');\n const mobileMenu = document.getElementById('mobile-menu');\n hamburger.addEventListener('click', () => { hamburger.classList.toggle('active'); mobileMenu.classList.toggle('active'); document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : ''; });\n mobileMenu.querySelectorAll('a').forEach(link => { link.addEventListener('click', () => { hamburger.classList.remove('active'); mobileMenu.classList.remove('active'); document.body.style.overflow = ''; }); });\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' }); } }); });\n const targets = document.querySelectorAll('.page-hero, .cat-section, .partners-section, .cta-section');\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' });\n targets.forEach(el => obs.observe(el));\n\n \/* --- Scroll-reveal observer --- *\/\n document.querySelectorAll('.cat-section__text').forEach((el, i) => {\n el.classList.add('reveal', i % 2 === 0 ? 'reveal--left' : 'reveal--right');\n });\n document.querySelectorAll('.cat-section__image').forEach((el, i) => {\n el.classList.add('reveal', i % 2 === 0 ? 'reveal--right' : 'reveal--left', 'reveal-delay-2');\n });\n document.querySelectorAll('.feature-item').forEach((el, i) => {\n el.classList.add('reveal');\n if (i === 1) el.classList.add('reveal-delay-1');\n if (i === 2) el.classList.add('reveal-delay-2');\n });\n const revealObs = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) { entry.target.classList.add('in-view'); revealObs.unobserve(entry.target); }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -30px 0px' });\n document.querySelectorAll('.reveal').forEach(el => revealObs.observe(el));\n\n \/* --- 3D Tilt on section images --- *\/\n document.querySelectorAll('.cat-section__image').forEach(card => {\n card.addEventListener('mousemove', e => {\n const rect = card.getBoundingClientRect();\n const x = ((e.clientX - rect.left) \/ rect.width - 0.5) * 12;\n const y = ((e.clientY - rect.top) \/ rect.height - 0.5) * -12;\n card.style.transform = `perspective(800px) rotateY(${x}deg) rotateX(${y}deg) scale(1.02)`;\n card.style.transition = 'transform 0.1s linear';\n });\n card.addEventListener('mouseleave', () => {\n card.style.transform = 'perspective(800px) rotateY(0deg) rotateX(0deg) scale(1)';\n card.style.transition = 'transform 0.5s cubic-bezier(0.22,1,0.36,1)';\n });\n });\n \/* Form submission *\/\n const form = document.getElementById('contact-form');\n const success = document.getElementById('form-success');\n if (form && success) {\n form.addEventListener('submit', function (e) {\n e.preventDefault();\n form.style.display = 'none';\n success.classList.add('show');\n });\n }\n });\n <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f3b8b6 e-flex e-con-boxed e-con e-parent\" data-id=\"3f3b8b6\" 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>Dressing \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 CUISINE DRESSING SALLE DE BAIN SALLE \u00c0 MANGER MEUBLES & D\u00c9CORATION D\u00e9marrer votre projet L’art de l’am\u00e9nagementsur-mesure Accueil\u203aDressing Le luxe d’un rangement parfaitement pens\u00e9 Offrez \u00e0 vos v\u00eatements l\u2019\u00e9crin qu\u2019ils […]<\/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-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/pages\/45","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=45"}],"version-history":[{"count":42,"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":382,"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions\/382"}],"wp:attachment":[{"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}