{"id":277,"date":"2026-05-13T08:40:08","date_gmt":"2026-05-13T08:40:08","guid":{"rendered":"https:\/\/cuisines64.fr\/?page_id=277"},"modified":"2026-05-13T18:19:06","modified_gmt":"2026-05-13T18:19:06","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/cuisines64.fr\/","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\t\t\t\t\n\n\n\n \n \n CS-Cuisine \u2014 L’\u00e9l\u00e9gance \u00e0 l’italienne<\/title>\n <meta name=\"description\"\n content=\"CS-Cuisine, l'alliance de fabricants italiens d'exception. Am\u00e9nagements d'int\u00e9rieur sur-mesure pour chaque pi\u00e8ce de votre maison.\">\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 .hero {\n padding-top: 100px;\n position: relative;\n width: 100%;\n }\n\n .hero__video-container {\n width: calc(100% - 40px);\n margin: 0 auto;\n border-radius: var(--radius-lg);\n overflow: hidden;\n height: 75vh;\n min-height: 450px;\n position: relative;\n }\n\n .hero__video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .hero__textbox {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n z-index: 10;\n width: auto;\n max-width: 90%;\n background: none;\n padding: 0;\n box-shadow: none;\n }\n\n .hero__title {\n font-family: var(--font-serif);\n font-size: clamp(2.5rem, 6vw, 5rem);\n font-weight: 400;\n color: var(--white);\n line-height: 1.1;\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\n }\n\n .hero__title em {\n font-family: var(--font-serif);\n font-style: italic;\n color: var(--white);\n }\n\n .intro {\n max-width: 850px;\n margin: 0 auto;\n padding: 100px 25px;\n }\n\n .intro__inner p {\n font-size: 1rem;\n color: var(--text);\n line-height: 1.8;\n margin-bottom: 20px;\n }\n\n .intro__tagline {\n font-family: var(--font-serif);\n font-style: italic;\n font-size: 1.4rem;\n color: var(--black);\n }\n\n .rooms {\n padding: 0 20px 80px;\n }\n\n .rooms__container {\n max-width: var(--container-max);\n margin: 0 auto;\n }\n\n .rooms__slider {\n position: relative;\n border-radius: var(--radius-lg);\n overflow: hidden;\n aspect-ratio: 21\/9;\n max-height: 700px;\n }\n\n .rooms__slide {\n position: absolute;\n inset: 0;\n opacity: 0;\n transition: 0.8s ease;\n }\n\n .rooms__slide.active {\n opacity: 1;\n }\n\n .rooms__slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .rooms__label-box {\n position: absolute;\n bottom: 35px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 5;\n }\n\n .rooms__label {\n background: var(--white);\n color: var(--black);\n font-size: 0.9rem;\n font-weight: 500;\n padding: 12px 35px;\n border-radius: var(--radius-btn);\n box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);\n }\n\n .rooms__arrow {\n position: absolute;\n top: 50%;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: var(--white);\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 5;\n }\n\n .rooms__arrow--prev {\n left: 20px;\n }\n\n .rooms__arrow--next {\n right: 20px;\n }\n\n .rooms__tabs {\n display: flex;\n justify-content: center;\n gap: 15px;\n margin-top: 25px;\n }\n\n .rooms__tab {\n background: transparent;\n border: 1.5px solid rgba(0, 0, 0, 0.05);\n color: var(--text-light);\n font-size: 0.8rem;\n padding: 10px 22px;\n border-radius: var(--radius-btn);\n cursor: pointer;\n transition: 0.2s;\n }\n\n .rooms__tab.active {\n background: var(--black);\n color: var(--white);\n border-color: var(--black);\n }\n\n \/* ================================\n PRESTATIONS SECTION\n ================================ *\/\n .prestations-section {\n padding: 0 20px 100px;\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: 400px;\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 .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 .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: 40px;\n }\n\n .navbar__left,\n .navbar__right {\n display: none;\n }\n\n .hamburger {\n display: flex;\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 <\/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 <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=\"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\n <a href=\"#contact\" class=\"mobile-cta\">D\u00e9marrer votre projet<\/a>\n <\/nav>\n <\/div>\n\n <main>\n <!-- ========== HERO (Background Video) ========== -->\n <section class=\"hero\" id=\"hero\">\n <div class=\"hero__video-container\">\n <video autoplay muted loop playsinline class=\"hero__video\">\n <source\n src=\"https:\/\/cenza.fr\/wp-content\/uploads\/2026\/02\/YTDown.com_YouTube_Bienvenue-dans-l-univers-Cenza_Media_D3MiXkRbR7o_001_1080p.mp4\"\n type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <div class=\"hero__textbox\">\n <h1 class=\"hero__title\">Bienvenue<br>chez <em>CS-Cuisine<\/em><\/h1>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ========== INTRO TEXT ========== -->\n <section class=\"intro\">\n <div class=\"intro__inner\">\n <p>CS-Cuisine, Sylvain Colin a cr\u00e9\u00e9 CS Pose en 2008. En 2019, il d\u00e9m\u00e9nage ses locaux et s\u2019installe \u00e0\n Jouy-aux-Arches avec un showroom de pr\u00e8s de 200 m\u00b2 ! Venez d\u00e9couvrir notre magasin o\u00f9 sont expos\u00e9s\n nos mod\u00e8les de cuisines, meubles de salle \u00e0 manger et de salle de bain, dressing, et accessoires de\n d\u00e9coration !\n\n Cuisine Zecchinon by CS Pose, c\u2019est avant tout le travail d\u2019un menuisier : Sylvain Colin.\n Aujourd\u2019hui g\u00e9rant de l\u2019entreprise, il est \u00e9galement poseur professionnel pour vos meubles de\n cuisine, salle de bain et autres.\n\n Ce menuisier de formation a du savoir-faire et de l\u2019exp\u00e9rience ! Faites-lui confiance pour vous\n conseiller les mod\u00e8les adapt\u00e9s \u00e0 votre int\u00e9rieur !<\/p>\n <p class=\"intro__tagline\">Votre int\u00e9rieur, notre passion.<\/p>\n <\/div>\n <\/section>\n\n <!-- ========== ROOM SLIDER ========== -->\n <section class=\"rooms\" id=\"categories\">\n <div class=\"rooms__container\">\n <div class=\"rooms__slider\">\n <div class=\"rooms__slide active\"><img decoding=\"async\"\n src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/05\/CENZA-Rixheim-25-scaled.jpg\"\n alt=\"Nos cuisines\"><\/div>\n <div class=\"rooms__slide\"><img decoding=\"async\"\n src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/05\/CENZA-Orme-31-scaled.jpg\"\n alt=\"Nos salons\"><\/div>\n <div class=\"rooms__slide\"><img decoding=\"async\"\n src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/area-bathroom-hero-scaled-1.png\"\n alt=\"Nos salles de bains\"><\/div>\n <div class=\"rooms__slide\"><img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/284-scaled.jpg\"\n alt=\"Nos dressings, salles \u00e0 manger et d\u00e9coration\"><\/div>\n <div class=\"rooms__label-box\"><span class=\"rooms__label\" id=\"rooms-label\">Nos cuisines<\/span><\/div>\n <button class=\"rooms__arrow rooms__arrow--prev\" id=\"rooms-prev\"><svg viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n <\/svg><\/button>\n <button class=\"rooms__arrow rooms__arrow--next\" id=\"rooms-next\"><svg viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg><\/button>\n <\/div>\n <div class=\"rooms__tabs\">\n <button class=\"rooms__tab active\" data-slide=\"0\">Cuisines<\/button>\n <button class=\"rooms__tab\" data-slide=\"1\">Dressings<\/button>\n <button class=\"rooms__tab\" data-slide=\"2\">Salles de bains<\/button>\n <button class=\"rooms__tab\" data-slide=\"3\">Salle \u00e0 manger & D\u00e9co<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ========== NOS PRESTATIONS ========== -->\n <section class=\"prestations-section\" id=\"partenaires\">\n <div class=\"prestations-container\">\n\n <!-- LEFT: Text -->\n <div class=\"prestations-text\">\n <h2>Nos prestations<\/h2>\n <p>CS-Cuisine propose des meubles sur-mesure pour toute la maison et assure leur installation dans\n plusieurs r\u00e9gions (Luxembourg, Nancy, Metz, Thionville et r\u00e9gion parisienne). L\u2019entreprise vend\n et installe des cuisines \u00e9quip\u00e9es Zecchinon, meubles de salle de bain, dressings, meubles de\n salle \u00e0 manger et d\u00e9corations d\u2019int\u00e9rieur. Les clients peuvent visiter le showroom \u00e0\n Jouy-aux-Arches pour d\u00e9couvrir les mod\u00e8les et r\u00e9aliser leur projet d\u2019am\u00e9nagement ou de\n r\u00e9novation.<\/p>\n\n <p><a href=\"cuisine.html\"\n style=\"color:var(--black); font-weight:500; text-decoration:underline; text-underline-offset:3px;\">D\u00e9couvrez\n nos services de cuisiniste \u00e0 Augny.<\/a><\/p>\n <div class=\"prestations-links\">\n <span style=\"font-size:0.85rem; color:var(--text-light); margin-top:10px;\">Lien vers le site\n officiel <a href=\"https:\/\/cenza.fr\/\" target=\"_blank\"\n rel=\"noopener\"><strong>cenza<\/strong><\/a><\/span>\n <span style=\"font-size:0.85rem; color:var(--text-light);\">Notre concept fournisseur CASA\n cenza, lien vers le site officiel <a href=\"https:\/\/www.casazecchinon.com\" target=\"_blank\"\n rel=\"noopener\"><strong>cenza<\/strong><\/a><\/span>\n <\/div>\n <\/div>\n\n <!-- RIGHT: Image -->\n <div class=\"prestations-image-col\">\n <img decoding=\"async\" src=\"http:\/\/cuisines64.fr\/wp-content\/uploads\/2026\/04\/partner-zecchinon.jpg\"\n alt=\"Cuisine Zecchinon Isabel sur-mesure par CS-Cuisine\">\n <div class=\"prestations-image-caption\">\n <div>\n <div class=\"brand-name\">zecchinon<\/div>\n <div class=\"brand-sub\">cucine<\/div>\n <\/div>\n <div class=\"model-name\">ISABEL<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n\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 (REFINED) ========== -->\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=\"#\">ZECCHINON<\/a>\n\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\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=\"#\"><svg width=\"20\" height=\"20\" 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 <a href=\"#\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\" \/>\n <\/svg><\/a>\n <a href=\"#\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\" \/>\n <\/svg><\/a>\n <a href=\"#\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.034-1.002 2.331-1.492 3.121 1.125.347 2.314.535 3.548.535 6.627 0 12-5.373 12-12s-5.373-12-12-12z\" \/>\n <\/svg><\/a>\n <\/div>\n <div class=\"footer__legal\">\n <a href=\"#\">Mentions l\u00e9gales<\/a>\n <a href=\"#\">D\u00e9claration de confidentialit\u00e9<\/a>\n <a href=\"#\">Politique de cookies<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/* Navbar scroll *\/\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n navbar.classList.toggle('scrolled', window.pageYOffset > 60);\n }, { passive: true });\n\n \/* Hamburger *\/\n const hamburger = document.getElementById('hamburger');\n const mobileMenu = document.getElementById('mobile-menu');\n hamburger.addEventListener('click', () => {\n hamburger.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\n });\n mobileMenu.querySelectorAll('a').forEach(link => {\n link.addEventListener('click', () => {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n });\n\n \/* Room Slider *\/\n const slides = document.querySelectorAll('.rooms__slide');\n const tabs = document.querySelectorAll('.rooms__tab');\n const labelEl = document.getElementById('rooms-label');\n const labels = ['Nos cuisines', 'Nos dressings', 'Nos salle de bains', 'Salle \u00e0 manger & D\u00e9co'];\n let current = 0;\n let autoTimer;\n function goTo(i) {\n slides.forEach(s => s.classList.remove('active'));\n tabs.forEach(t => t.classList.remove('active'));\n current = i;\n slides[current].classList.add('active');\n tabs[current].classList.add('active');\n labelEl.textContent = labels[current];\n }\n document.getElementById('rooms-next').addEventListener('click', () => { goTo((current + 1) % slides.length); resetAuto(); });\n document.getElementById('rooms-prev').addEventListener('click', () => { goTo((current - 1 + slides.length) % slides.length); resetAuto(); });\n tabs.forEach(tab => { tab.addEventListener('click', () => { goTo(parseInt(tab.dataset.slide)); resetAuto(); }); });\n function resetAuto() { clearInterval(autoTimer); autoTimer = setInterval(() => goTo((current + 1) % slides.length), 5000); }\n resetAuto();\n\n \/* Catalogue drag scroll *\/\n const carousel = document.getElementById('catalogue-carousel');\n let isDown = false, startX, scrollL;\n carousel.addEventListener('mousedown', e => { isDown = true; carousel.style.cursor = 'grabbing'; startX = e.pageX - carousel.offsetLeft; scrollL = carousel.scrollLeft; });\n carousel.addEventListener('mouseleave', () => { isDown = false; carousel.style.cursor = 'grab'; });\n carousel.addEventListener('mouseup', () => { isDown = false; carousel.style.cursor = 'grab'; });\n carousel.addEventListener('mousemove', e => { if (!isDown) return; e.preventDefault(); carousel.scrollLeft = scrollL - (e.pageX - carousel.offsetLeft - startX); });\n\n \/* Smooth scroll *\/\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', function (e) {\n const id = this.getAttribute('href');\n if (id === '#') return;\n const el = document.querySelector(id);\n if (el) { e.preventDefault(); window.scrollTo({ top: el.getBoundingClientRect().top + window.pageYOffset - 100, behavior: 'smooth' }); }\n });\n });\n\n \/* Scroll animations *\/\n const targets = document.querySelectorAll('.hero__textbox, .intro, .rooms, .partners-intro, .partner-block, .catalogues, .cta-section');\n targets.forEach(el => el.classList.add('anim'));\n const obs = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); } });\n }, { threshold: 0.08, rootMargin: '0px 0px -40px 0px' });\n targets.forEach(el => obs.observe(el));\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\t\t\t\t<\/div>\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>CS-Cuisine \u2014 L’\u00e9l\u00e9gance \u00e0 l’italienne 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 Your browser does not support the video tag. Bienvenuechez CS-Cuisine CS-Cuisine, Sylvain Colin a cr\u00e9\u00e9 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-277","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/pages\/277","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=277"}],"version-history":[{"count":28,"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/pages\/277\/revisions"}],"predecessor-version":[{"id":392,"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/pages\/277\/revisions\/392"}],"wp:attachment":[{"href":"https:\/\/cuisines64.fr\/index.php\/wp-json\/wp\/v2\/media?parent=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}