{"id":2,"date":"2026-08-15T13:00:08","date_gmt":"2026-08-15T13:00:08","guid":{"rendered":"https:\/\/cleansplit.fr\/?page_id=2"},"modified":"2026-09-03T19:47:40","modified_gmt":"2026-09-03T19:47:40","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/cleansplit.fr\/","title":{"rendered":""},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><style>\n*{box-sizing:border-box}<br \/>\nbody{margin:0;font-family:Arial,Helvetica,sans-serif;color:#102d55;background:#fff}<br \/>\n.cs{max-width:1200px;margin:auto}<br \/>\n.cs-header{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;background:#fff}<br \/>\n.cs-logo{font-size:34px;font-weight:800;font-style:italic}<br \/>\n.cs-logo span{color:#1681d8}<br \/>\n.cs-logo b{color:#43b94a}<br \/>\n.cs-nav{display:flex;gap:25px;align-items:center;font-size:14px}<br \/>\n.cs-nav a{text-decoration:none;color:#102d55;font-weight:600}<br \/>\n.cs-btn{display:inline-block;background:#0875d1;color:#fff!important;padding:14px 22px;border-radius:5px;text-decoration:none;font-weight:bold;border:0}<br \/>\n.cs-btn.green{background:#fff;color:#3aaa59!important;border:1px solid #3aaa59}<\/p>\n<p>.cs-hero{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:#f4f9fc}<br \/>\n.cs-hero-text{padding:65px 55px}<br \/>\n.cs-hero h1{font-size:44px;line-height:1.08;margin:0 0 25px}<br \/>\n.cs-hero h1 span{color:#1678d1}<br \/>\n.cs-hero p{font-size:17px;line-height:1.6;color:#444}<br \/>\n.cs-buttons{display:flex;gap:15px;margin:30px 0}<br \/>\n.cs-hero-img{background:linear-gradient(135deg,#eef8fc,#d9edf5);display:flex;align-items:center;justify-content:center;font-size:80px}<\/p>\n<p>.cs-info{display:flex;justify-content:space-around;padding:25px 15px;background:#fff;text-align:center}<br \/>\n.cs-info div{font-size:14px;font-weight:bold}<br \/>\n.cs-section{padding:55px 25px;text-align:center}<br \/>\n.cs-section h2{font-size:32px;margin:8px 0 12px}<br \/>\n.cs-green{color:#3aaa59}<br \/>\n.cs-sub{color:#666;margin-bottom:30px}<\/p>\n<p>.cs-before{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1000px;margin:auto}<br \/>\n.cs-card{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 3px 15px #0001}<br \/>\n.cs-card-title{display:flex;justify-content:space-between;padding:10px 15px;font-weight:bold}<br \/>\n.cs-photo{display:grid;grid-template-columns:1fr 1fr;height:210px}<br \/>\n.cs-photo div{background:#e9eef2;display:flex;align-items:center;justify-content:center;color:#777;font-weight:bold}<br \/>\n.cs-photo .avant{background:#d5d0c8;color:#333}<br \/>\n.cs-photo .apres{background:#eef8f1;color:#23934a}<\/p>\n<p>.cs-benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#0875d1;color:#fff;padding:30px 20px;gap:20px}<br \/>\n.cs-benefits div{text-align:center}<br \/>\n.cs-benefits strong{display:block;margin-bottom:8px}<\/p>\n<p>.cs-prices{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}<br \/>\n.cs-price{border:1px solid #ddd;border-radius:8px;padding:20px 8px;background:#fff}<br \/>\n.cs-price strong{display:block;font-size:27px;color:#0875d1;margin-top:15px}<br \/>\n.cs-price small{font-weight:bold}<br \/>\n.cs-payment{margin-top:20px;background:#eef5ff;padding:15px;font-weight:bold}<\/p>\n<p>.cs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}<br \/>\n.cs-step{padding:20px}<br \/>\n.cs-number{width:45px;height:45px;border-radius:50%;background:#0875d1;color:#fff;display:flex;align-items:center;justify-content:center;margin:auto;font-weight:bold;font-size:20px}<br \/>\n.cs-step h3{font-size:17px}<br \/>\n.cs-step p{font-size:14px;color:#666;line-height:1.5}<\/p>\n<p>.cs-cta{background:linear-gradient(90deg,#0875d1,#42b94a);color:#fff;padding:35px 25px;display:flex;justify-content:space-between;align-items:center}<br \/>\n.cs-cta h2{margin:0;font-size:27px}<br \/>\n.cs-cta .cs-btn{background:#fff;color:#0875d1!important}<\/p>\n<p>.cs-footer{background:#082b57;color:#fff;padding:40px 25px}<br \/>\n.cs-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}<br \/>\n.cs-footer a{color:#fff;text-decoration:none;display:block;margin:8px 0}<br \/>\n.cs-footer p{color:#d8e5f3}<br \/>\n.cs-copy{text-align:center;border-top:1px solid #ffffff33;margin-top:30px;padding-top:20px;font-size:12px}<\/p>\n<p>@media(max-width:800px){<br \/>\n.cs-header{flex-direction:column;gap:15px}<br \/>\n.cs-nav{flex-wrap:wrap;justify-content:center;gap:12px}<br \/>\n.cs-hero{grid-template-columns:1fr}<br \/>\n.cs-hero-text{padding:40px 25px}<br \/>\n.cs-hero h1{font-size:36px}<br \/>\n.cs-info{display:grid;grid-template-columns:1fr 1fr;gap:20px}<br \/>\n.cs-before{grid-template-columns:1fr}<br \/>\n.cs-benefits{grid-template-columns:1fr 1fr}<br \/>\n.cs-prices{grid-template-columns:1fr 1fr}<br \/>\n.cs-steps{grid-template-columns:1fr 1fr}<br \/>\n.cs-cta{flex-direction:column;text-align:center;gap:20px}<br \/>\n.cs-footer-grid{grid-template-columns:1fr}<br \/>\n}<\/p>\n<p>@media(max-width:500px){<br \/>\n.cs-benefits,.cs-steps,.cs-prices{grid-template-columns:1fr}<br \/>\n.cs-buttons{flex-direction:column}<br \/>\n.cs-photo{height:170px}<br \/>\n}<br \/>\n<\/style><\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ================================\n   CLEANSPLIT - R\u00c9SERVATION\n================================ *\/\n\n.cs-booking {\n  width: 100%;\n  padding: 70px 20px;\n  background: #ffffff;\n  text-align: center;\n}\n\n.cs-section-title {\n  max-width: 800px;\n  margin: 0 auto 35px;\n}\n\n.cs-section-title span {\n  display: block;\n  margin-bottom: 10px;\n  color: #63b94f;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 2px;\n}\n\n.cs-section-title h2 {\n  margin: 0 0 15px;\n  color: #172b5c;\n  font-size: 40px;\n  line-height: 1.2;\n  font-weight: 700;\n}\n\n.cs-section-title p {\n  margin: 0 auto;\n  color: #555555;\n  font-size: 17px;\n  line-height: 1.6;\n}\n\n.cs-booking-widget {\n  width: 100%;\n  max-width: 1100px;\n  margin: 0 auto;\n  min-height: 700px;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 700px) {\n\n  .cs-booking {\n    padding: 50px 15px;\n  }\n\n  .cs-section-title h2 {\n    font-size: 32px;\n  }\n\n  .cs-section-title p {\n    font-size: 16px;\n  }\n\n  .cs-booking-widget {\n    min-height: 800px;\n  }\n\n}\n<\/style>\n\n<style>\n\/* =========================\n   CLEANSPLIT - SITE\n   ========================= *\/\n\n:root {\n  --blue: #0755c9;\n  --dark-blue: #092b63;\n  --green: #35b94b;\n  --light-blue: #eef5ff;\n  --light-green: #effaf0;\n  --text: #14213d;\n  --grey: #f7f9fc;\n  --border: #e4e9f1;\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.cleansplit-site {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  font-family: Arial, Helvetica, sans-serif;\n  color: var(--text);\n  background: #fff;\n  overflow: hidden;\n}\n\n.cleansplit-site a {\n  text-decoration: none;\n}\n\n\/* =========================\n   HEADER\n   ========================= *\/\n\n.cs-header {\n  height: 82px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 6%;\n  background: #fff;\n  border-bottom: 1px solid #edf0f4;\n}\n\n.cs-logo {\n  width: 155px;\n  height: auto;\n  display: block;\n}\n\n.cs-menu {\n  display: flex;\n  align-items: center;\n  gap: 32px;\n}\n\n.cs-menu a {\n  color: var(--dark-blue);\n  font-size: 15px;\n  font-weight: 600;\n}\n\n.cs-menu a:hover {\n  color: var(--green);\n}\n\n.cs-menu .active {\n  color: var(--green);\n}\n\n.cs-header-button {\n  background: var(--blue);\n  color: #fff !important;\n  padding: 13px 20px;\n  border-radius: 5px;\n  font-weight: 700 !important;\n  cursor: pointer;\n}\n\n\/* =========================\n   HERO\n   ========================= *\/\n\n.cs-hero {\n  width: 100%;\n  background: #fff;\n}\n\n.cs-hero img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* =========================\n   RESULTATS\n   ========================= *\/\n\n.cs-results {\n  padding: 55px 6% 60px;\n  text-align: center;\n  background: #fff;\n}\n\n.cs-small-title {\n  color: var(--green);\n  font-size: 14px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  margin-bottom: 10px;\n}\n\n.cs-results h2,\n.cs-pricing h2,\n.cs-process h2 {\n  margin: 0;\n  font-size: 34px;\n  color: var(--dark-blue);\n  line-height: 1.2;\n}\n\n.cs-results-subtitle {\n  margin: 12px auto 35px;\n  color: #596579;\n  font-size: 16px;\n}\n\n\/* Photos *\/\n\n.cs-photo-grid {\n  max-width: 1180px;\n  margin: auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 25px;\n}\n\n.cs-photo-card {\n  border-radius: 12px;\n  overflow: hidden;\n  background: #fff;\n  border: 1px solid var(--border);\n  box-shadow: 0 8px 25px rgba(20, 40, 80, 0.08);\n}\n\n.cs-photo-card img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* =========================\n   BENEFICES\n   ========================= *\/\n\n.cs-benefits {\n  background: linear-gradient(90deg, #0755c9, #0d61d8);\n  color: #fff;\n  padding: 32px 6%;\n}\n\n.cs-benefits-grid {\n  max-width: 1200px;\n  margin: auto;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 35px;\n}\n\n.cs-benefit {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.cs-benefit-icon {\n  width: 55px;\n  height: 55px;\n  min-width: 55px;\n  border: 2px solid rgba(255,255,255,.9);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 25px;\n}\n\n.cs-benefit h3 {\n  margin: 0 0 7px;\n  font-size: 16px;\n}\n\n.cs-benefit p {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.45;\n  opacity: .95;\n}\n\n\/* =========================\n   TARIFS\n   ========================= *\/\n\n.cs-pricing {\n  background: #fff;\n  padding: 65px 6px 25px;\n  text-align: center;\n}\n\n.cs-pricing h2 span {\n  color: var(--green);\n}\n\n.cs-pricing-grid {\n  max-width: 1200px;\n  margin: 38px auto 0;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n  padding: 0 20px;\n}\n\n.cs-price-card {\n  background: #fff;\n  border: 1px solid #e2e7ee;\n  border-radius: 10px;\n  padding: 28px 15px 25px;\n  min-height: 240px;\n  box-shadow: 0 4px 18px rgba(20,40,80,.04);\n}\n\n.cs-price-card h3 {\n  font-size: 15px;\n  color: #263a59;\n  margin: 0 0 25px;\n  text-transform: uppercase;\n}\n\n.cs-splits {\n  height: 75px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 13px;\n  flex-wrap: wrap;\n  max-width: 150px;\n  margin: auto;\n}\n\n.cs-split {\n  width: 58px;\n  height: 15px;\n  border: 2px solid #aeb9c8;\n  border-radius: 10px 10px 5px 5px;\n  background: linear-gradient(#ffffff, #e8edf3);\n  position: relative;\n  box-shadow: 0 2px 4px rgba(0,0,0,.12);\n}\n\n.cs-split:after {\n  content: \"\";\n  position: absolute;\n  left: 7px;\n  right: 7px;\n  bottom: -4px;\n  height: 3px;\n  background: #7e8998;\n  border-radius: 0 0 5px 5px;\n}\n\n.cs-price {\n  margin-top: 25px;\n  color: var(--blue);\n  font-size: 27px;\n  font-weight: 800;\n}\n\n.cs-extra {\n  max-width: 1200px;\n  margin: 20px auto 0;\n  padding: 13px 20px;\n  background: #f0f5ff;\n  border-radius: 6px;\n  color: #263a59;\n  font-weight: 600;\n  font-size: 15px;\n}\n\n.cs-extra strong {\n  color: var(--green);\n}\n\n\/* =========================\n   COMMENT CA MARCHE\n   ========================= *\/\n\n.cs-process {\n  padding: 65px 6%;\n  text-align: center;\n  background: #fff;\n}\n\n.cs-process h2 span {\n  color: var(--green);\n}\n\n.cs-process-grid {\n  max-width: 1200px;\n  margin: 45px auto 0;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 25px;\n}\n\n.cs-step {\n  position: relative;\n  padding: 20px;\n}\n\n.cs-step-number {\n  width: 38px;\n  height: 38px;\n  background: var(--blue);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 18px;\n  font-weight: 800;\n}\n\n.cs-step-icon {\n  font-size: 34px;\n  margin-bottom: 14px;\n  color: var(--blue);\n}\n\n.cs-step h3 {\n  color: var(--dark-blue);\n  font-size: 16px;\n  margin: 0 0 10px;\n}\n\n.cs-step p {\n  color: #687386;\n  font-size: 14px;\n  line-height: 1.55;\n  margin: 0;\n}\n\n\/* =========================\n   RAPPEL SMS\n   ========================= *\/\n\n.cs-reminder {\n  max-width: 1000px;\n  margin: 35px auto 0;\n  background: var(--light-blue);\n  border-radius: 10px;\n  padding: 22px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 18px;\n}\n\n.cs-reminder-icon {\n  font-size: 35px;\n}\n\n.cs-reminder strong {\n  color: var(--dark-blue);\n}\n\n\/* =========================\n   CONTACT\n   ========================= *\/\n\n.cs-contact {\n  background: #f7f9fc;\n  padding: 55px 6%;\n  text-align: center;\n}\n\n.cs-contact h2 {\n  color: var(--dark-blue);\n  margin: 0 0 15px;\n  font-size: 30px;\n}\n\n.cs-contact p {\n  color: #596579;\n  font-size: 16px;\n}\n\n.cs-zone {\n  margin: 25px auto 0;\n  max-width: 850px;\n  color: var(--dark-blue);\n  font-weight: 600;\n  line-height: 1.8;\n}\n\n\/* =========================\n   CTA\n   ========================= *\/\n\n.cs-cta {\n  background: linear-gradient(90deg, #0755c9, #35b94b);\n  padding: 25px 6%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 18px;\n  color: #fff;\n}\n\n.cs-cta-text {\n  font-size: 21px;\n  font-weight: 700;\n  margin-right: 17px;\n}\n\n.cs-cta-button {\n  background: #fff;\n  color: var(--blue);\n  padding: 14px 25px;\n  border-radius: 5px;\n  font-weight: 800;\n  cursor: pointer;\n}\n\n.cs-cta-devis {\n  background: var(--dark-blue);\n  color: #fff !important;\n}\n\n\/* =========================\n   FOOTER\n   ========================= *\/\n\n.cs-footer {\n  background: #06245a;\n  color: #fff;\n  padding: 45px 6% 30px;\n}\n\n.cs-footer-grid {\n  max-width: 1200px;\n  margin: auto;\n  display: grid;\n  grid-template-columns: 1.5fr 1fr 1fr 1fr;\n  gap: 35px;\n}\n\n.cs-footer-logo {\n  width: 145px;\n  background: #fff;\n  padding: 5px;\n  border-radius: 5px;\n}\n\n.cs-footer h3 {\n  margin: 0 0 15px;\n  font-size: 15px;\n}\n\n.cs-footer p,\n.cs-footer li {\n  font-size: 13px;\n  line-height: 1.7;\n  color: #dbe5f7;\n}\n\n.cs-footer ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.cs-footer a {\n  color: #dbe5f7;\n}\n\n.cs-footer a:hover {\n  color: #fff;\n}\n\n.cs-footer-bottom {\n  border-top: 1px solid rgba(255,255,255,.15);\n  margin-top: 35px;\n  padding-top: 20px;\n  text-align: center;\n  color: #c5d1e5;\n  font-size: 12px;\n}\n\n\/* =========================\n   FORMULAIRE DEVIS\n   ========================= *\/\n\n.cs-devis-overlay {\n  display: none;\n  position: fixed;\n  z-index: 999999;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,.55);\n  padding: 20px;\n  overflow-y: auto;\n}\n\n.cs-devis-box {\n  max-width: 520px;\n  margin: 40px auto;\n  background: #fff;\n  border-radius: 12px;\n  padding: 30px;\n  position: relative;\n  box-shadow: 0 15px 50px rgba(0,0,0,.25);\n}\n\n.cs-devis-close {\n  position: absolute;\n  right: 18px;\n  top: 12px;\n  border: none;\n  background: none;\n  font-size: 30px;\n  color: #687386;\n  cursor: pointer;\n}\n\n.cs-devis-box h2 {\n  color: var(--dark-blue);\n  margin: 0 0 8px;\n  font-size: 28px;\n}\n\n.cs-devis-box > p {\n  color: #596579;\n  margin-bottom: 25px;\n}\n\n.cs-devis-field {\n  margin-bottom: 16px;\n  text-align: left;\n}\n\n.cs-devis-field label {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--dark-blue);\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.cs-devis-field input,\n.cs-devis-field select,\n.cs-devis-field textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #dce2ea;\n  border-radius: 6px;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 15px;\n}\n\n.cs-devis-field textarea {\n  min-height: 90px;\n  resize: vertical;\n}\n\n.cs-devis-submit {\n  width: 100%;\n  border: none;\n  background: var(--blue);\n  color: #fff;\n  padding: 14px 20px;\n  border-radius: 6px;\n  font-size: 16px;\n  font-weight: 800;\n  cursor: pointer;\n}\n\n\/* =========================\n   MOBILE\n   ========================= *\/\n\n@media (max-width: 900px) {\n\n  .cs-header {\n    height: auto;\n    padding: 18px 5%;\n    flex-direction: column;\n    gap: 15px;\n  }\n\n  .cs-menu {\n    gap: 15px;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .cs-menu a {\n    font-size: 13px;\n  }\n\n  .cs-header-button {\n    display: none;\n  }\n\n  .cs-results h2,\n  .cs-pricing h2,\n  .cs-process h2 {\n    font-size: 27px;\n  }\n\n  .cs-photo-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cs-benefits-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 25px;\n  }\n\n  .cs-pricing-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .cs-process-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cs-footer-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 600px) {\n\n  .cs-logo {\n    width: 135px;\n  }\n\n  .cs-menu {\n    gap: 10px 16px;\n  }\n\n  .cs-menu a {\n    font-size: 12px;\n  }\n\n  .cs-results {\n    padding: 40px 5%;\n  }\n\n  .cs-benefits {\n    padding: 35px 5%;\n  }\n\n  .cs-benefits-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cs-benefit {\n    justify-content: flex-start;\n  }\n\n  .cs-pricing {\n    padding-top: 45px;\n  }\n\n  .cs-pricing-grid {\n    grid-template-columns: 1fr 1fr;\n    padding: 0 8px;\n    gap: 10px;\n  }\n\n  .cs-price-card {\n    min-height: 210px;\n    padding: 22px 8px;\n  }\n\n  .cs-price-card h3 {\n    font-size: 12px;\n  }\n\n  .cs-price {\n    font-size: 23px;\n  }\n\n  .cs-split {\n    width: 45px;\n    height: 12px;\n  }\n\n  .cs-process {\n    padding: 45px 5%;\n  }\n\n  .cs-process-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cs-reminder {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .cs-cta {\n    flex-direction: column;\n    gap: 12px;\n    text-align: center;\n  }\n\n  .cs-cta-text {\n    margin-right: 0;\n  }\n\n  .cs-footer-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cs-devis-box {\n    margin: 15px auto;\n    padding: 25px 20px;\n  }\n}\n<\/style>\n\n\n<div class=\"cleansplit-site\">\n\n  <!-- ================= HEADER ================= -->\n\n  <header class=\"cs-header\">\n\n    <img decoding=\"async\" class=\"cs-logo\"\n         src=\"https:\/\/cleansplit.fr\/wp-content\/uploads\/2026\/08\/04_logo_cleansplit.jpg\"\n         alt=\"Cleansplit\">\n\n    <nav class=\"cs-menu\">\n\n      <a href=\"#accueil\" class=\"active\">Accueil<\/a>\n\n      <a href=\"#prestations\">Nos prestations<\/a>\n\n      <a href=\"#tarifs\">Tarifs<\/a>\n\n      <a href=\"#fonctionnement\">Comment \u00e7a marche ?<\/a>\n\n      <a href=\"#contact\">Contact<\/a>\n\n    <\/nav>\n\n    <!-- SIMPLYBOOK -->\n\n    <a href=\"https:\/\/cleansplit.simplybook.me\"\n       class=\"cs-header-button\"\n       target=\"_blank\"\n       rel=\"noopener\">\n      PRENDRE RENDEZ-VOUS\n    <\/a>\n\n  <\/header>\n\n\n  <!-- ================= HERO ================= -->\n\n  <section id=\"accueil\" class=\"cs-hero\">\n\n    <img decoding=\"async\" src=\"https:\/\/cleansplit.fr\/wp-content\/uploads\/2026\/08\/01_hero_climatisation.jpg\"\n         alt=\"Cleansplit - Nettoyage professionnel de climatisation\">\n\n  <\/section>\n\n\n  <!-- ================= RESULTATS ================= -->\n\n  <section id=\"prestations\" class=\"cs-results\">\n\n    <div class=\"cs-small-title\">\n      R\u00e9sultat garanti\n    <\/div>\n\n    <h2>Un nettoyage en profondeur pour un air plus sain.<\/h2>\n\n    <p class=\"cs-results-subtitle\">\n      Retrouvez une climatisation propre, performante et agr\u00e9able au quotidien.\n    <\/p>\n\n    <div class=\"cs-photo-grid\">\n\n      <div class=\"cs-photo-card\">\n        <img decoding=\"async\" src=\"https:\/\/cleansplit.fr\/wp-content\/uploads\/2026\/08\/02_avant_apres_1.jpg\"\n             alt=\"R\u00e9sultat nettoyage climatisation\">\n      <\/div>\n\n      <div class=\"cs-photo-card\">\n        <img decoding=\"async\" src=\"https:\/\/cleansplit.fr\/wp-content\/uploads\/2026\/08\/03_avant_apres_2.jpg\"\n             alt=\"R\u00e9sultat nettoyage climatisation\">\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ================= BENEFICES ================= -->\n\n  <section class=\"cs-benefits\">\n\n    <div class=\"cs-benefits-grid\">\n\n      <div class=\"cs-benefit\">\n        <div class=\"cs-benefit-icon\">\u2726<\/div>\n        <div>\n          <h3>AIR PLUS SAIN<\/h3>\n          <p>\u00c9limine bact\u00e9ries, poussi\u00e8res et allerg\u00e8nes.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"cs-benefit\">\n        <div class=\"cs-benefit-icon\">\u2197<\/div>\n        <div>\n          <h3>PERFORMANCES OPTIMALES<\/h3>\n          <p>Un split propre consomme moins et refroidit mieux.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"cs-benefit\">\n        <div class=\"cs-benefit-icon\">\u2699<\/div>\n        <div>\n          <h3>DUR\u00c9E DE VIE PROLONG\u00c9E<\/h3>\n          <p>Pr\u00e9serve votre installation et \u00e9vite les pannes.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"cs-benefit\">\n        <div class=\"cs-benefit-icon\">\u20ac<\/div>\n        <div>\n          <h3>\u00c9CONOMIES D&rsquo;\u00c9NERGIE<\/h3>\n          <p>Jusqu&rsquo;\u00e0 30% d&rsquo;\u00e9conomie sur votre consommation.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ================= TARIFS ================= -->\n\n  <section id=\"tarifs\" class=\"cs-pricing\">\n\n    <div class=\"cs-small-title\">\n      Nos tarifs\n    <\/div>\n\n    <h2>\n      Des tarifs <span>simples et transparents<\/span>\n    <\/h2>\n\n    <div class=\"cs-pricing-grid\">\n\n      <div class=\"cs-price-card\">\n        <h3>1 SPLIT<\/h3>\n\n        <div class=\"cs-splits\">\n          <div class=\"cs-split\"><\/div>\n        <\/div>\n\n        <div class=\"cs-price\">110 \u20ac<\/div>\n      <\/div>\n\n\n      <div class=\"cs-price-card\">\n        <h3>2 SPLITS<\/h3>\n\n        <div class=\"cs-splits\">\n          <div class=\"cs-split\"><\/div>\n          <div class=\"cs-split\"><\/div>\n        <\/div>\n\n        <div class=\"cs-price\">210 \u20ac<\/div>\n      <\/div>\n\n\n      <div class=\"cs-price-card\">\n        <h3>3 SPLITS<\/h3>\n\n        <div class=\"cs-splits\">\n          <div class=\"cs-split\"><\/div>\n          <div class=\"cs-split\"><\/div>\n          <div class=\"cs-split\"><\/div>\n        <\/div>\n\n        <div class=\"cs-price\">300 \u20ac<\/div>\n      <\/div>\n\n\n      <div class=\"cs-price-card\">\n        <h3>4 SPLITS<\/h3>\n\n        <div class=\"cs-splits\">\n          <div class=\"cs-split\"><\/div>\n          <div class=\"cs-split\"><\/div>\n          <div class=\"cs-split\"><\/div>\n          <div class=\"cs-split\"><\/div>\n        <\/div>\n\n        <div class=\"cs-price\">380 \u20ac<\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"cs-extra\">\n      \ud83d\udfe2 \u00c0 partir de 5 splits :\n      <strong>80 \u20ac le split suppl\u00e9mentaire<\/strong>\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ================= COMMENT CA MARCHE ================= -->\n\n  <section id=\"fonctionnement\" class=\"cs-process\">\n\n    <div class=\"cs-small-title\">\n      Comment \u00e7a marche ?\n    <\/div>\n\n    <h2>\n      3 \u00e9tapes <span>simples<\/span>\n    <\/h2>\n\n    <div class=\"cs-process-grid\">\n\n      <div class=\"cs-step\">\n\n        <div class=\"cs-step-number\">1<\/div>\n\n        <div class=\"cs-step-icon\">\u25a4<\/div>\n\n        <h3>Vous renseignez vos informations<\/h3>\n\n        <p>\n          Adresse, \u00e9quipements, photos si n\u00e9cessaire et coordonn\u00e9es.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"cs-step\">\n\n        <div class=\"cs-step-number\">2<\/div>\n\n        <div class=\"cs-step-icon\">\u25a6<\/div>\n\n        <h3>Vous choisissez votre cr\u00e9neau<\/h3>\n\n        <p>\n          Nous vous proposons un rendez-vous adapt\u00e9 \u00e0 votre secteur.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"cs-step\">\n\n        <div class=\"cs-step-number\">3<\/div>\n\n        <div class=\"cs-step-icon\">\u2726<\/div>\n\n        <h3>Nous intervenons<\/h3>\n\n        <p>\n          Le r\u00e8glement est effectu\u00e9 apr\u00e8s l&rsquo;intervention.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- UNIQUEMENT SMS LA VEILLE -->\n\n    <div class=\"cs-reminder\">\n\n      <div class=\"cs-reminder-icon\">\ud83d\udcf1<\/div>\n\n      <div>\n        <strong>Rappel automatique par SMS<\/strong><br>\n        la veille de votre rendez-vous.\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ================= CONTACT ================= -->\n\n  <section id=\"contact\" class=\"cs-contact\">\n\n    <h2>Une climatisation plus propre, un air plus sain.<\/h2>\n\n    <p>\n      Cleansplit intervient pour le nettoyage en profondeur de vos splits muraux.\n    <\/p>\n\n    <div class=\"cs-zone\">\n      \ud83d\udccd Cogolin \u00b7 Grimaud \u00b7 Saint-Tropez \u00b7 La Croix-Valmer \u00b7 Ramatuelle\n      <br>\n      \u00b7 et alentours\n    <\/div>\n\n    <p>\n      \u2709\ufe0f\n      <a href=\"mailto:contact@cleansplit.fr\">\n        <strong>contact@cleansplit.fr<\/strong>\n      <\/a>\n    <\/p>\n\n  <\/section>\n\n\n  <!-- ================= CTA ================= -->\n\n  <section class=\"cs-cta\">\n\n    <div class=\"cs-cta-text\">\n      Pr\u00eat \u00e0 respirer un air plus sain ?\n    <\/div>\n\n    <!-- BOUTON SIMPLYBOOK -->\n\n    <a href=\"https:\/\/cleansplit.simplybook.me\"\n       class=\"cs-cta-button\"\n       target=\"_blank\"\n       rel=\"noopener\">\n      PRENDRE RENDEZ-VOUS\n    <\/a>\n\n    <!-- BOUTON DEMANDER UN DEVIS -->\n\n    <a href=\"#\"\n       class=\"cs-cta-button cs-cta-devis\"\n       onclick=\"ouvrirDevis(); return false;\">\n      DEMANDER UN DEVIS\n    <\/a>\n\n  <\/section>\n\n\n  <!-- ================= FOOTER ================= -->\n\n  <footer class=\"cs-footer\">\n\n    <div class=\"cs-footer-grid\">\n\n      <div>\n\n        <img decoding=\"async\" class=\"cs-footer-logo\"\n             src=\"https:\/\/cleansplit.fr\/wp-content\/uploads\/2026\/08\/04_logo_cleansplit.jpg\"\n             alt=\"Cleansplit\">\n\n        <p>\n          Nettoyage professionnel des splits muraux\n          pour particuliers et professionnels.\n        <\/p>\n\n      <\/div>\n\n\n      <div>\n\n        <h3>ZONE D&rsquo;INTERVENTION<\/h3>\n\n        <ul>\n          <li>Cogolin<\/li>\n          <li>Grimaud<\/li>\n          <li>Saint-Tropez<\/li>\n          <li>La Croix-Valmer<\/li>\n          <li>Ramatuelle<\/li>\n          <li>Alentours<\/li>\n        <\/ul>\n\n      <\/div>\n\n\n      <div>\n\n        <h3>LIENS RAPIDES<\/h3>\n\n        <ul>\n\n          <li>\n            <a href=\"#prestations\">Nos prestations<\/a>\n          <\/li>\n\n          <li>\n            <a href=\"#tarifs\">Tarifs<\/a>\n          <\/li>\n\n          <li>\n            <a href=\"#fonctionnement\">Comment \u00e7a marche ?<\/a>\n          <\/li>\n\n          <li>\n            <a href=\"#contact\">Contact<\/a>\n          <\/li>\n\n        <\/ul>\n\n      <\/div>\n\n\n      <div>\n\n        <h3>CONTACT<\/h3>\n\n        <p>\n          \u2709\ufe0f\n          <a href=\"mailto:contact@cleansplit.fr\">\n            contact@cleansplit.fr\n          <\/a>\n        <\/p>\n\n        <p>\n          Intervention sur rendez-vous\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"cs-footer-bottom\">\n      \u00a9 2026 Cleansplit \u2014 Nettoyage professionnel de climatisation\n    <\/div>\n\n  <\/footer>\n\n<\/div>\n\n\n<!-- ==================================================\n     FORMULAIRE DEMANDE DE DEVIS\n     ================================================== -->\n\n<div id=\"csDevisOverlay\" class=\"cs-devis-overlay\">\n\n  <div class=\"cs-devis-box\">\n\n    <button type=\"button\"\n            class=\"cs-devis-close\"\n            onclick=\"fermerDevis()\">\n      \u00d7\n    <\/button>\n\n    <h2>Demander un devis<\/h2>\n\n    <p>\n      Remplissez vos informations et nous vous r\u00e9pondrons rapidement.\n    <\/p>\n\n    <form id=\"csDevisForm\"\n          onsubmit=\"envoyerDevis(event)\">\n\n      <div class=\"cs-devis-field\">\n\n        <label for=\"csNom\">\n          Nom *\n        <\/label>\n\n        <input type=\"text\"\n               id=\"csNom\"\n               name=\"nom\"\n               placeholder=\"Votre nom\"\n               required>\n\n      <\/div>\n\n\n      <div class=\"cs-devis-field\">\n\n        <label for=\"csTelephone\">\n          Num\u00e9ro de t\u00e9l\u00e9phone *\n        <\/label>\n\n        <input type=\"tel\"\n               id=\"csTelephone\"\n               name=\"telephone\"\n               placeholder=\"06 00 00 00 00\"\n               required>\n\n      <\/div>\n\n\n      <div class=\"cs-devis-field\">\n\n        <label for=\"csEmail\">\n          E-mail *\n        <\/label>\n\n        <input type=\"email\"\n               id=\"csEmail\"\n               name=\"email\"\n               placeholder=\"votre@email.fr\"\n               required>\n\n      <\/div>\n\n\n      <div class=\"cs-devis-field\">\n\n        <label for=\"csSplits\">\n          Nombre de splits *\n        <\/label>\n\n        <select id=\"csSplits\"\n                name=\"splits\"\n                required>\n\n          <option value=\"\">S\u00e9lectionnez<\/option>\n          <option value=\"1 split\">1 split<\/option>\n          <option value=\"2 splits\">2 splits<\/option>\n          <option value=\"3 splits\">3 splits<\/option>\n          <option value=\"4 splits\">4 splits<\/option>\n          <option value=\"5 splits\">5 splits<\/option>\n          <option value=\"6 splits\">6 splits<\/option>\n          <option value=\"7 splits\">7 splits<\/option>\n          <option value=\"8 splits\">8 splits<\/option>\n          <option value=\"9 splits\">9 splits<\/option>\n          <option value=\"10 splits ou plus\">10 splits ou plus<\/option>\n\n        <\/select>\n\n      <\/div>\n\n\n      <div class=\"cs-devis-field\">\n\n        <label for=\"csMessage\">\n          Message (facultatif)\n        <\/label>\n\n        <textarea id=\"csMessage\"\n                  name=\"message\"\n                  placeholder=\"Informations compl\u00e9mentaires...\"><\/textarea>\n\n      <\/div>\n\n\n      <button type=\"submit\"\n              class=\"cs-devis-submit\">\n        ENVOYER MA DEMANDE DE DEVIS\n      <\/button>\n\n    <\/form>\n\n  <\/div>\n\n<\/div>\n\n\n<script>\n\n\/* =========================\n   OUVERTURE DU DEVIS\n   ========================= *\/\n\nfunction ouvrirDevis() {\n\n  document.getElementById(\"csDevisOverlay\").style.display = \"block\";\n\n  document.body.style.overflow = \"hidden\";\n\n}\n\n\n\/* =========================\n   FERMETURE DU DEVIS\n   ========================= *\/\n\nfunction fermerDevis() {\n\n  document.getElementById(\"csDevisOverlay\").style.display = \"none\";\n\n  document.body.style.overflow = \"\";\n\n}\n\n\n\/* =========================\n   ENVOI DU DEVIS\n   ========================= *\/\n\nfunction envoyerDevis(event) {\n\n  event.preventDefault();\n\n  var nom =\n    document.getElementById(\"csNom\").value;\n\n  var telephone =\n    document.getElementById(\"csTelephone\").value;\n\n  var email =\n    document.getElementById(\"csEmail\").value;\n\n  var splits =\n    document.getElementById(\"csSplits\").value;\n\n  var message =\n    document.getElementById(\"csMessage\").value;\n\n\n  var sujet =\n    \"Demande de devis Cleansplit\";\n\n\n  var corps =\n    \"Bonjour,%0D%0A%0D%0A\" +\n\n    \"Je souhaite obtenir un devis pour le nettoyage de ma climatisation.%0D%0A%0D%0A\" +\n\n    \"Nom : \" +\n    encodeURIComponent(nom) +\n    \"%0D%0A\" +\n\n    \"T\u00e9l\u00e9phone : \" +\n    encodeURIComponent(telephone) +\n    \"%0D%0A\" +\n\n    \"E-mail : \" +\n    encodeURIComponent(email) +\n    \"%0D%0A\" +\n\n    \"Nombre de splits : \" +\n    encodeURIComponent(splits);\n\n\n  if (message.trim() !== \"\") {\n\n    corps +=\n      \"%0D%0A%0D%0AMessage :%0D%0A\" +\n      encodeURIComponent(message);\n\n  }\n\n\n  corps +=\n    \"%0D%0A%0D%0AMerci.\";\n\n\n  window.location.href =\n    \"mailto:contact@cleansplit.fr\" +\n    \"?subject=\" +\n    encodeURIComponent(sujet) +\n    \"&body=\" +\n    corps;\n\n}\n\n\n\/* =========================\n   FERMETURE EN CLIQUANT\n   \u00c0 L'EXT\u00c9RIEUR\n   ========================= *\/\n\nwindow.addEventListener(\"click\", function(event) {\n\n  var overlay =\n    document.getElementById(\"csDevisOverlay\");\n\n  if (event.target === overlay) {\n\n    fermerDevis();\n\n  }\n\n});\n\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Accueil Nos prestations Tarifs Comment \u00e7a marche ? Contact PRENDRE RENDEZ-VOUS R\u00e9sultat garanti Un nettoyage en profondeur pour un air plus sain. Retrouvez une climatisation propre, performante et agr\u00e9able au quotidien. \u2726 AIR PLUS SAIN \u00c9limine bact\u00e9ries, poussi\u00e8res et allerg\u00e8nes. \u2197 PERFORMANCES OPTIMALES Un split propre consomme moins et refroidit mieux. \u2699 DUR\u00c9E DE VIE [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cleansplit.fr\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cleansplit.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cleansplit.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cleansplit.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cleansplit.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/cleansplit.fr\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/cleansplit.fr\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/cleansplit.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}