{"id":19,"date":"2026-06-19T08:05:03","date_gmt":"2026-06-19T08:05:03","guid":{"rendered":"http:\/\/appartement-cap-esterel.fr\/?page_id=19"},"modified":"2026-06-19T08:23:05","modified_gmt":"2026-06-19T08:23:05","slug":"cap-esterel","status":"publish","type":"page","link":"https:\/\/appartement-cap-esterel.fr\/index.php\/cap-esterel\/","title":{"rendered":"Cap Esterel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-791c8928 e-flex e-con-boxed e-con e-parent\" data-id=\"791c8928\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a7f59ec elementor-widget elementor-widget-text-editor\" data-id=\"5a7f59ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n\/* Cap Esterel Prestige \u2014 Elementor Ready *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>:root {\n  --vert:        #1B4A3B;\n  --vert-fonce:  #122E25;\n  --vert-clair:  #2A6B56;\n  --or:          #C9A96E;\n  --or-clair:    #E8D5B0;\n  --or-pale:     #F5EED9;\n  --blanc:       #FAF8F5;\n  --gris:        #6B7280;\n  --gris-light:  #F2F0EC;\n  --noir:        #141210;\n  --shadow:      0 4px 32px rgba(27,74,59,0.10);\n  --shadow-lg:   0 16px 56px rgba(27,74,59,0.16);\n}<\/p>\n<p>html { scroll-behavior: smooth; }\nbody { font-family: 'Inter', sans-serif; background: var(--blanc); color: var(--noir); overflow-x: hidden; }<\/p>\n<p>\/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\nnav {\n  position: fixed; top: 0; left: 0; right: 0; z-index: 200;\n  display: flex; align-items: center; justify-content: space-between;\n  padding: 22px 56px;\n  transition: all 0.5s ease;\n}\nnav.scrolled {\n  background: rgba(18,46,37,0.96);\n  backdrop-filter: blur(16px);\n  padding: 14px 56px;\n  box-shadow: 0 2px 32px rgba(0,0,0,0.2);\n}\n.nav-logo {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1.4rem; font-weight: 600; letter-spacing: 0.06em;\n  color: #fff;\n  display: flex; flex-direction: column; line-height: 1.1;\n}\n.nav-logo span { color: var(--or); font-size: 0.65rem; font-weight: 400; letter-spacing: 0.22em; text-transform: uppercase; font-family: 'Inter', sans-serif; }\n.nav-links { display: flex; gap: 40px; list-style: none; }\n.nav-links a {\n  color: rgba(255,255,255,0.82); text-decoration: none;\n  font-size: 0.78rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;\n  transition: color 0.25s; position: relative; padding-bottom: 4px;\n}\n.nav-links a::after {\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px;\n  background: var(--or); transform: scaleX(0); transition: transform 0.3s;\n}\n.nav-links a:hover::after, .nav-links a.active::after { transform: scaleX(1); }\n.nav-links a:hover, .nav-links a.active { color: var(--or); }<\/p>\n<p>\/* \u2500\u2500\u2500 PAGES \u2500\u2500\u2500 *\/\n.page { display: none; }\n.page.active { display: block; }<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PAGE 1 \u2014 ACCUEIL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/<\/p>\n<p>\/* Hero *\/\n.hero {\n  position: relative; height: 100vh; min-height: 680px;\n  display: flex; align-items: flex-end; overflow: hidden;\n}\n.hero-bg {\n  position: absolute; inset: 0;\n  background: linear-gradient(160deg, var(--vert-fonce) 0%, var(--vert) 45%, #2A6B56 100%);\n}\n.hero-pattern {\n  position: absolute; inset: 0; opacity: 0.04;\n  background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, transparent 0, transparent 50%);\n  background-size: 24px 24px;\n}\n.hero-overlay {\n  position: absolute; inset: 0;\n  background: linear-gradient(to top, rgba(10,20,15,0.92) 0%, rgba(10,20,15,0.4) 55%, rgba(10,20,15,0.1) 100%);\n}\n.hero-accent {\n  position: absolute; right: -120px; top: -120px;\n  width: 600px; height: 600px; border-radius: 50%;\n  border: 1px solid rgba(201,169,110,0.12);\n  pointer-events: none;\n}\n.hero-accent2 {\n  position: absolute; right: -60px; top: -60px;\n  width: 400px; height: 400px; border-radius: 50%;\n  border: 1px solid rgba(201,169,110,0.08);\n  pointer-events: none;\n}\n.hero-content {\n  position: relative; z-index: 2;\n  padding: 0 56px 88px; max-width: 820px;\n}\n.hero-eyebrow {\n  display: flex; align-items: center; gap: 14px;\n  color: var(--or); font-size: 0.72rem; font-weight: 500;\n  letter-spacing: 0.24em; text-transform: uppercase; margin-bottom: 24px;\n  font-family: 'Inter', sans-serif;\n}\n.hero-eyebrow .line { width: 40px; height: 1px; background: var(--or); }\n.hero h1 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(3rem, 6vw, 5.2rem); font-weight: 300;\n  color: #fff; line-height: 1.08; margin-bottom: 24px;\n  letter-spacing: -0.01em;\n}\n.hero h1 em { font-style: italic; color: var(--or); font-weight: 400; }\n.hero h1 strong { font-weight: 600; display: block; }\n.hero-sub {\n  color: rgba(255,255,255,0.65); font-size: 1rem; font-weight: 300;\n  margin-bottom: 44px; max-width: 500px; line-height: 1.8; letter-spacing: 0.01em;\n}\n.hero-badges {\n  display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 48px;\n}\n.hero-badge {\n  border: 1px solid rgba(201,169,110,0.35);\n  color: rgba(255,255,255,0.8); padding: 7px 16px; border-radius: 2px;\n  font-size: 0.75rem; font-weight: 400; letter-spacing: 0.06em;\n  font-family: 'Inter', sans-serif;\n}\n.hero-btns { display: flex; gap: 16px; align-items: center; }\n.btn-or {\n  display: inline-block; background: var(--or); color: var(--vert-fonce);\n  padding: 16px 40px; border-radius: 2px;\n  font-size: 0.78rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;\n  cursor: pointer; border: none; font-family: 'Inter', sans-serif;\n  transition: all 0.3s; text-decoration: none;\n}\n.btn-or:hover { background: #b8924f; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(201,169,110,0.35); }\n.btn-ghost {\n  display: inline-block; border: 1px solid rgba(255,255,255,0.3); color: rgba(255,255,255,0.8);\n  padding: 15px 36px; border-radius: 2px;\n  font-size: 0.78rem; font-weight: 400; letter-spacing: 0.10em; text-transform: uppercase;\n  cursor: pointer; font-family: 'Inter', sans-serif;\n  transition: all 0.3s; text-decoration: none;\n}\n.btn-ghost:hover { border-color: var(--or); color: var(--or); }<\/p>\n<p>\/* Bande prestige *\/\n.bande-prestige {\n  background: var(--or-pale); border-top: 1px solid var(--or-clair); border-bottom: 1px solid var(--or-clair);\n  padding: 20px 56px;\n  display: flex; align-items: center; justify-content: center; gap: 56px; flex-wrap: wrap;\n}\n.bande-item {\n  display: flex; align-items: center; gap: 10px;\n  font-size: 0.78rem; color: var(--vert); font-weight: 500; letter-spacing: 0.06em;\n}\n.bande-item .bi { color: var(--or); font-size: 1.1rem; }\n.bande-sep { width: 1px; height: 20px; background: var(--or-clair); }<\/p>\n<p>\/* Points forts *\/\n.points-strip {\n  background: var(--vert-fonce);\n  display: grid; grid-template-columns: repeat(4, 1fr);\n}\n.pt {\n  padding: 36px 28px; text-align: center;\n  border-right: 1px solid rgba(201,169,110,0.12);\n  transition: background 0.25s;\n}\n.pt:last-child { border-right: none; }\n.pt:hover { background: rgba(201,169,110,0.06); }\n.pt-icon { font-size: 1.7rem; margin-bottom: 10px; }\n.pt-label { color: #fff; font-size: 0.88rem; font-weight: 500; margin-bottom: 4px; letter-spacing: 0.02em; }\n.pt-sub { color: rgba(201,169,110,0.7); font-size: 0.72rem; letter-spacing: 0.04em; }<\/p>\n<p>\/* Sections *\/\n.wrap { max-width: 1180px; margin: 0 auto; padding: 0 56px; }\n.section-pad { padding: 104px 0; }\n.eyebrow {\n  display: flex; align-items: center; gap: 14px; margin-bottom: 16px;\n  color: var(--or); font-size: 0.7rem; font-weight: 600;\n  letter-spacing: 0.22em; text-transform: uppercase;\n}\n.eyebrow .line { width: 32px; height: 1px; background: var(--or); }\n.titre-section {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 400;\n  color: var(--vert); line-height: 1.15; margin-bottom: 56px;\n}\n.titre-section em { font-style: italic; color: var(--or); }<\/p>\n<p>\/* Galerie *\/\n.galerie {\n  display: grid;\n  grid-template-columns: 1.55fr 1fr 1fr;\n  grid-template-rows: 280px 280px;\n  gap: 6px; border-radius: 4px; overflow: hidden;\n}\n.gitem {\n  position: relative; cursor: pointer; overflow: hidden;\n  display: flex; align-items: center; justify-content: center;\n  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n.gitem:hover { z-index: 2; }\n.gitem:hover .gitem-inner { transform: scale(1.04); }\n.gitem:first-child { grid-row: span 2; }\n.gitem-inner {\n  position: absolute; inset: 0;\n  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  display: flex; align-items: center; justify-content: center;\n}\n.gi1 { background: linear-gradient(135deg, #1a5c42, #2d8f68); }\n.gi2 { background: linear-gradient(135deg, #2c5f2e, #4a9e4d); }\n.gi3 { background: linear-gradient(135deg, #5c4813, #9e7a22); }\n.gi4 { background: linear-gradient(135deg, #1a3a5c, #2d6899); }\n.gi5 { background: linear-gradient(135deg, #5c1a2e, #993d54); }\n.gitem-overlay {\n  position: absolute; inset: 0;\n  background: linear-gradient(to top, rgba(10,20,15,0.7) 0%, transparent 55%);\n  opacity: 0; transition: opacity 0.35s;\n}\n.gitem:hover .gitem-overlay { opacity: 1; }\n.gitem-label {\n  position: absolute; bottom: 18px; left: 20px;\n  color: #fff; font-size: 0.78rem; letter-spacing: 0.06em; font-weight: 500;\n  opacity: 0; transition: opacity 0.3s; font-family: 'Inter', sans-serif;\n}\n.gitem:hover .gitem-label { opacity: 1; }\n.gitem-placeholder {\n  color: rgba(255,255,255,0.5); text-align: center; padding: 20px;\n  font-size: 0.78rem; letter-spacing: 0.04em;\n}\n.gitem-placeholder .gi { font-size: 2.8rem; display: block; margin-bottom: 8px; }<\/p>\n<p>.galerie-footer {\n  display: flex; justify-content: flex-end; margin-top: 20px;\n}\n.lien-or {\n  display: inline-flex; align-items: center; gap: 10px;\n  color: var(--or); font-size: 0.78rem; font-weight: 500;\n  letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none;\n  border-bottom: 1px solid var(--or-clair); padding-bottom: 3px;\n  cursor: pointer; background: none; border-left: none; border-top: none; border-right: none;\n  transition: border-color 0.2s; font-family: 'Inter', sans-serif;\n}\n.lien-or:hover { border-color: var(--or); }<\/p>\n<p>\/* Description *\/\n.desc-grid {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: start;\n}\n.desc-text p {\n  color: #555; line-height: 1.9; font-size: 0.97rem; font-weight: 300; margin-bottom: 22px;\n}\n.desc-text p strong { color: var(--vert); font-weight: 600; }\n.citation {\n  border-left: 2px solid var(--or); padding: 8px 0 8px 24px; margin: 32px 0;\n  font-family: 'Cormorant Garamond', serif; font-style: italic;\n  font-size: 1.3rem; color: var(--vert); line-height: 1.55; font-weight: 400;\n}<\/p>\n<p>\/* \u00c9quipements *\/\n.equip-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n.equip-card {\n  padding: 18px 20px; border: 1px solid #e8e4dd; border-radius: 3px;\n  display: flex; gap: 14px; align-items: flex-start;\n  transition: all 0.25s;\n}\n.equip-card:hover { border-color: var(--or-clair); background: var(--or-pale); box-shadow: var(--shadow); }\n.eq-icon { font-size: 1.3rem; flex-shrink: 0; margin-top: 2px; }\n.eq-title { font-weight: 600; font-size: 0.84rem; color: var(--vert); margin-bottom: 3px; }\n.eq-detail { font-size: 0.76rem; color: var(--gris); line-height: 1.5; }<\/p>\n<p>\/* Section terrasse fond vert *\/\n.s-terrasse {\n  background: var(--vert-fonce); position: relative; overflow: hidden;\n}\n.s-terrasse::before {\n  content: ''; position: absolute; left: -200px; bottom: -200px;\n  width: 600px; height: 600px; border-radius: 50%;\n  border: 1px solid rgba(201,169,110,0.08);\n}\n.terrasse-grid {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\n}\n.terrasse-img {\n  border-radius: 3px; overflow: hidden; position: relative;\n  height: 480px; box-shadow: 0 32px 80px rgba(0,0,0,0.4);\n  display: flex; align-items: center; justify-content: center;\n}\n.terrasse-img-bg {\n  position: absolute; inset: 0;\n  background: linear-gradient(135deg, #1a5c42, #2d8f68);\n}\n.terrasse-img-overlay {\n  position: absolute; inset: 0;\n  background: linear-gradient(to top right, rgba(0,0,0,0.3) 0%, transparent 60%);\n}\n.terrasse-img-placeholder {\n  position: relative; z-index: 1;\n  text-align: center; color: rgba(255,255,255,0.55); font-size: 0.8rem;\n  letter-spacing: 0.05em;\n}\n.terrasse-img-placeholder span { font-size: 3rem; display: block; margin-bottom: 10px; }\n.terrasse-txt .eyebrow .line { background: var(--or); }\n.terrasse-txt h2 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(1.9rem, 3.5vw, 2.8rem); font-weight: 300;\n  color: #fff; line-height: 1.2; margin-bottom: 24px;\n}\n.terrasse-txt h2 em { font-style: italic; color: var(--or); }\n.terrasse-txt p { color: rgba(255,255,255,0.62); font-size: 0.95rem; line-height: 1.85; font-weight: 300; margin-bottom: 14px; }\n.terrasse-list { margin-top: 28px; display: flex; flex-direction: column; gap: 10px; }\n.terrasse-item {\n  display: flex; align-items: center; gap: 12px;\n  color: rgba(255,255,255,0.78); font-size: 0.86rem; letter-spacing: 0.02em;\n}\n.terrasse-item::before {\n  content: ''; width: 5px; height: 5px; border-radius: 50%;\n  background: var(--or); flex-shrink: 0;\n}<\/p>\n<p>\/* Couchages *\/\n.couchages { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n.couchage {\n  border: 1px solid #e5e0d8; border-radius: 3px; padding: 36px 28px; text-align: center;\n  position: relative; overflow: hidden; transition: all 0.3s;\n}\n.couchage::before {\n  content: ''; position: absolute; top: 0; left: 24px; right: 24px; height: 2px;\n  background: linear-gradient(90deg, transparent, var(--or), transparent);\n}\n.couchage:hover { border-color: var(--or-clair); box-shadow: var(--shadow-lg); transform: translateY(-6px); }\n.couchage-icon { font-size: 2.2rem; margin-bottom: 18px; }\n.couchage-title {\n  font-family: 'Cormorant Garamond', serif; font-size: 1.25rem;\n  color: var(--vert); font-weight: 600; margin-bottom: 14px;\n}\n.couchage-txt { font-size: 0.83rem; color: var(--gris); line-height: 1.7; }<\/p>\n<p>\/* Mot des propri\u00e9taires *\/\n.s-proprio { background: var(--vert); }\n.proprio-inner { max-width: 760px; margin: 0 auto; text-align: center; }\n.proprio-inner .or-line {\n  width: 48px; height: 1px; background: var(--or); margin: 0 auto 28px;\n}\n.proprio-inner blockquote {\n  font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 300;\n  font-size: clamp(1.4rem, 3vw, 2rem); color: #fff; line-height: 1.55; margin-bottom: 28px;\n}\n.proprio-inner p { color: rgba(255,255,255,0.5); font-size: 0.82rem; letter-spacing: 0.06em; }\n.proprio-sig {\n  margin-top: 32px; display: flex; align-items: center; justify-content: center; gap: 16px;\n  color: var(--or); font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase;\n  font-weight: 500;\n}\n.proprio-sig::before, .proprio-sig::after {\n  content: ''; width: 48px; height: 1px; background: var(--or); opacity: 0.4;\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PAGE 2 \u2014 DISPONIBILIT\u00c9S\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.page-header {\n  background: var(--vert-fonce); padding: 152px 56px 80px; text-align: center; position: relative;\n}\n.page-header::after {\n  content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);\n  width: 80px; height: 2px; background: var(--or);\n}\n.page-header .eyebrow { justify-content: center; margin-bottom: 16px; }\n.page-header h1 {\n  font-family: 'Cormorant Garamond', serif; font-size: clamp(2.4rem, 5vw, 3.8rem);\n  font-weight: 300; color: #fff; margin-bottom: 16px;\n}\n.page-header p { color: rgba(255,255,255,0.55); font-size: 0.92rem; font-weight: 300; }<\/p>\n<p>.dispo-wrap { max-width: 860px; margin: 0 auto; padding: 88px 56px; }<\/p>\n<p>.dispo-notice {\n  background: var(--or-pale); border: 1px solid var(--or-clair); border-left: 3px solid var(--or);\n  border-radius: 3px; padding: 22px 26px; margin-bottom: 56px;\n  display: flex; gap: 16px; align-items: flex-start;\n}\n.dispo-notice p { font-size: 0.88rem; color: #555; line-height: 1.65; }\n.dispo-notice strong { color: var(--vert); }<\/p>\n<p>.legende { display: flex; gap: 28px; flex-wrap: wrap; margin-bottom: 40px; align-items: center; }\n.leg { display: flex; align-items: center; gap: 8px; font-size: 0.78rem; color: var(--gris); letter-spacing: 0.04em; }\n.leg-dot { width: 8px; height: 8px; border-radius: 50%; }\n.d-vert { background: #4CAF50; }\n.d-or { background: var(--or); }\n.d-gris { background: #9e9e9e; }<\/p>\n<p>.dispo-mois { margin-bottom: 52px; }\n.dispo-mois-head {\n  display: flex; align-items: baseline; justify-content: space-between;\n  padding-bottom: 14px; margin-bottom: 18px;\n  border-bottom: 1px solid #e8e4dd;\n}\n.dispo-mois-nom {\n  font-family: 'Cormorant Garamond', serif; font-size: 1.5rem;\n  font-weight: 600; color: var(--vert);\n}\n.dispo-mois-an { font-size: 0.8rem; color: var(--gris); letter-spacing: 0.06em; }\n.dispo-slots { display: flex; flex-direction: column; gap: 10px; }<\/p>\n<p>.slot {\n  display: flex; align-items: center; justify-content: space-between;\n  padding: 20px 24px; border-radius: 3px; border: 1px solid #e8e4dd;\n  transition: box-shadow 0.2s;\n}\n.slot:hover { box-shadow: var(--shadow); }\n.slot.s-dispo { background: #f0faf2; border-color: #b8e6c1; }\n.slot.s-proche { background: #fffbf0; border-color: var(--or-clair); }\n.slot.s-loue  { background: #fafafa; border-color: #e0e0e0; }\n.slot-date { font-weight: 600; color: var(--vert); font-size: 0.92rem; margin-bottom: 4px; }\n.slot-info { font-size: 0.78rem; color: var(--gris); letter-spacing: 0.02em; }\n.slot-badge {\n  padding: 5px 16px; border-radius: 2px; font-size: 0.72rem; font-weight: 600;\n  letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap;\n  font-family: 'Inter', sans-serif;\n}\n.b-dispo  { background: #d4edda; color: #2d6a4f; }\n.b-proche { background: var(--or-pale); color: #8B6914; border: 1px solid var(--or-clair); }\n.b-loue   { background: #f0f0f0; color: #888; }<\/p>\n<p>.dispo-cta-box {\n  text-align: center; padding: 64px 48px;\n  background: var(--vert-fonce); border-radius: 4px; margin-top: 64px;\n  position: relative; overflow: hidden;\n}\n.dispo-cta-box::before {\n  content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);\n  width: 80px; height: 2px; background: var(--or);\n}\n.dispo-cta-box h3 {\n  font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 400;\n  color: #fff; margin-bottom: 12px;\n}\n.dispo-cta-box p { color: rgba(255,255,255,0.55); font-size: 0.9rem; margin-bottom: 32px; }<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PAGE 3 \u2014 CONTACT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.contact-grid {\n  max-width: 1100px; margin: 0 auto; padding: 88px 56px;\n  display: grid; grid-template-columns: 1fr 1.3fr; gap: 88px; align-items: start;\n}\n.c-infos h3 {\n  font-family: 'Cormorant Garamond', serif; font-size: 1.7rem;\n  color: var(--vert); margin-bottom: 20px; font-weight: 400;\n}\n.c-infos p { font-size: 0.9rem; color: var(--gris); line-height: 1.75; margin-bottom: 36px; font-weight: 300; }\n.c-items { display: flex; flex-direction: column; gap: 14px; }\n.c-item {\n  display: flex; gap: 16px; align-items: flex-start;\n  padding: 18px 20px; border: 1px solid #e8e4dd; border-radius: 3px;\n  transition: all 0.2s;\n}\n.c-item:hover { border-color: var(--or-clair); background: var(--or-pale); }\n.c-item-icon { font-size: 1.3rem; flex-shrink: 0; }\n.c-item-lbl { font-size: 0.68rem; color: var(--gris); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 4px; }\n.c-item-val { font-weight: 600; color: var(--vert); font-size: 0.9rem; line-height: 1.5; }<\/p>\n<p>.c-form {\n  background: #fff; border-radius: 4px; padding: 44px 40px;\n  box-shadow: var(--shadow-lg); border: 1px solid #f0ece5;\n}\n.c-form h3 {\n  font-family: 'Cormorant Garamond', serif; font-size: 1.5rem;\n  color: var(--vert); margin-bottom: 8px; font-weight: 400;\n}\n.c-form-sub { font-size: 0.78rem; color: var(--gris); margin-bottom: 32px; }\n.f-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n.f-grp { margin-bottom: 18px; }\n.f-grp label {\n  display: block; font-size: 0.7rem; font-weight: 600;\n  color: var(--vert); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 7px;\n}\n.f-grp input, .f-grp select, .f-grp textarea {\n  width: 100%; padding: 12px 15px;\n  border: 1px solid #e0dbd4; border-radius: 2px;\n  font-family: 'Inter', sans-serif; font-size: 0.9rem; color: var(--noir);\n  background: var(--blanc); outline: none; transition: border-color 0.2s;\n}\n.f-grp input:focus, .f-grp select:focus, .f-grp textarea:focus {\n  border-color: var(--vert-clair); box-shadow: 0 0 0 3px rgba(42,107,86,0.08);\n}\n.f-grp textarea { resize: vertical; min-height: 110px; }\n.f-grp select { appearance: none; cursor: pointer; }\n.f-submit {\n  width: 100%; padding: 16px; background: var(--vert); color: #fff;\n  border: none; border-radius: 2px; font-size: 0.78rem; font-weight: 600;\n  letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer;\n  font-family: 'Inter', sans-serif; transition: all 0.3s;\n}\n.f-submit:hover { background: var(--vert-clair); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(27,74,59,0.3); }\n.f-note { text-align: center; font-size: 0.73rem; color: var(--gris); margin-top: 14px; }<\/p>\n<p>\/* Engagements *\/\n.s-engagements { background: var(--or-pale); border-top: 1px solid var(--or-clair); }\n.eng-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }\n.eng {\n  padding: 40px 28px; text-align: center;\n  border-right: 1px solid var(--or-clair);\n}\n.eng:last-child { border-right: none; }\n.eng-icon { font-size: 1.8rem; margin-bottom: 14px; }\n.eng-title { font-weight: 600; font-size: 0.86rem; color: var(--vert); margin-bottom: 8px; }\n.eng-txt { font-size: 0.78rem; color: var(--gris); line-height: 1.6; }<\/p>\n<p>\/* Footer *\/\nfooter {\n  background: var(--vert-fonce); color: rgba(255,255,255,0.38);\n  padding: 48px 56px; text-align: center; font-size: 0.78rem; line-height: 2;\n  border-top: 1px solid rgba(201,169,110,0.15);\n}\nfooter .f-logo {\n  font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; font-weight: 600;\n  color: rgba(255,255,255,0.8); letter-spacing: 0.06em; margin-bottom: 8px;\n}\nfooter .f-logo span { color: var(--or); }\nfooter a { color: var(--or); text-decoration: none; opacity: 0.8; transition: opacity 0.2s; }\nfooter a:hover { opacity: 1; }\n.f-sep { color: rgba(201,169,110,0.3); margin: 0 10px; }<\/p>\n<p>\/* Lightbox *\/\n.lightbox {\n  position: fixed; inset: 0; z-index: 1000;\n  background: rgba(8,16,12,0.95);\n  display: none; align-items: center; justify-content: center;\n  flex-direction: column; padding: 40px;\n}\n.lightbox.open { display: flex; }\n.lb-close {\n  position: absolute; top: 24px; right: 32px;\n  color: rgba(255,255,255,0.5); font-size: 1.8rem; cursor: pointer;\n  background: none; border: none; line-height: 1; transition: color 0.2s;\n}\n.lb-close:hover { color: var(--or); }\n.lb-img {\n  max-width: 860px; width: 100%; height: 500px; border-radius: 3px;\n  display: flex; align-items: center; justify-content: center;\n  text-align: center; padding: 40px; font-size: 0.85rem;\n  color: rgba(255,255,255,0.6); letter-spacing: 0.04em;\n}\n.lb-caption { color: rgba(255,255,255,0.45); font-size: 0.78rem; margin-top: 16px; letter-spacing: 0.06em; }\n.lb-nav { display: flex; gap: 12px; margin-top: 20px; }\n.lb-btn {\n  border: 1px solid rgba(201,169,110,0.3); color: rgba(255,255,255,0.7);\n  padding: 10px 28px; border-radius: 2px; cursor: pointer;\n  font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase;\n  background: transparent; font-family: 'Inter', sans-serif;\n  transition: all 0.2s;\n}\n.lb-btn:hover { border-color: var(--or); color: var(--or); }<\/p>\n<p>\/* Toast *\/\n.toast {\n  position: fixed; bottom: 32px; right: 32px; z-index: 999;\n  background: var(--vert); color: #fff; padding: 16px 24px;\n  border-radius: 3px; box-shadow: var(--shadow-lg); font-size: 0.88rem;\n  border-left: 3px solid var(--or);\n  transform: translateY(80px); opacity: 0;\n  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n  display: flex; align-items: center; gap: 12px;\n}\n.toast.show { transform: translateY(0); opacity: 1; }<\/p>\n<p>\/* Responsive *\/\n@media (max-width: 960px) {\n  nav { padding: 16px 24px; }\n  nav.scrolled { padding: 12px 24px; }\n  .hero-content { padding: 0 24px 56px; }\n  .wrap { padding: 0 24px; }\n  .points-strip { grid-template-columns: repeat(2, 1fr); }\n  .galerie { grid-template-columns: 1fr 1fr; grid-template-rows: 220px 220px 220px; }\n  .galerie .gitem:first-child { grid-row: span 1; }\n  .desc-grid, .terrasse-grid, .contact-grid { grid-template-columns: 1fr; gap: 48px; }\n  .equip-grid, .couchages { grid-template-columns: 1fr; }\n  .eng-grid { grid-template-columns: 1fr 1fr; }\n  .f-row { grid-template-columns: 1fr; }\n  .dispo-wrap, .contact-grid { padding: 56px 24px; }\n  .bande-prestige { gap: 24px; padding: 20px 24px; }\n  .page-header { padding: 120px 24px 64px; }\n}\n\/* Override WordPress body defaults for this section *\/\n.elementor-widget-html {\n  padding: 0 !important;\n  margin: 0 !important;\n}\n<\/style>\n<p><!-- NAV --><\/p>\n<nav id=\"navbar\">\n<div class=\"nav-logo\">\n    Cap Est\u00e9rel<br \/>\n    <span>Appartement Prestige \u00b7 Vue Mer<\/span>\n  <\/div>\n<ul class=\"nav-links\">\n<li><a href=\"#\" onclick=\"goPage('accueil')\" class=\"active\" id=\"nav-accueil\">L&#8217;Appartement<\/a><\/li>\n<li><a href=\"#\" onclick=\"goPage('dispos')\" id=\"nav-dispos\">Disponibilit\u00e9s<\/a><\/li>\n<li><a href=\"#\" onclick=\"goPage('contact')\" id=\"nav-contact\">Contact<\/a><\/li>\n<\/ul>\n<\/nav>\n<p><!-- LIGHTBOX --><\/p>\n<div class=\"lightbox\" id=\"lb\">\n  <button class=\"lb-close\" onclick=\"lbClose()\">\u2715<\/button><\/p>\n<div class=\"lb-img\" id=\"lb-img\"><\/div>\n<div class=\"lb-caption\" id=\"lb-cap\"><\/div>\n<div class=\"lb-nav\">\n    <button class=\"lb-btn\" onclick=\"lbGo(-1)\">\u2190 Pr\u00e9c\u00e9dente<\/button><br \/>\n    <button class=\"lb-btn\" onclick=\"lbGo(1)\">Suivante \u2192<\/button>\n  <\/div>\n<\/div>\n<p><!-- TOAST --><\/p>\n<div class=\"toast\" id=\"toast\"><\/div>\n<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PAGE ACCUEIL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<div class=\"page active\" id=\"page-accueil\">\n<section class=\"hero\">\n<div class=\"hero-bg\"><\/div>\n<div class=\"hero-pattern\"><\/div>\n<div class=\"hero-overlay\"><\/div>\n<div class=\"hero-accent\"><\/div>\n<div class=\"hero-accent2\"><\/div>\n<div class=\"hero-content\">\n<div class=\"hero-eyebrow\">\n        <span class=\"line\"><\/span><br \/>\n        Cap Est\u00e9rel \u00b7 Var \u00b7 C\u00f4te d&#8217;Azur\n      <\/div>\n<h1>\n        <em>Vue mer<\/em> d&#8217;exception<br \/>\n        <strong>Appartement Prestige<\/strong><br \/>\n      <\/h1>\n<p class=\"hero-sub\">Terrasse 16 m\u00b2 face \u00e0 la M\u00e9diterran\u00e9e. R\u00e9sidence priv\u00e9e s\u00e9curis\u00e9e. Notre r\u00e9sidence secondaire, soign\u00e9e comme un chez-soi \u2014 disponible quelques semaines par an.<\/p>\n<div class=\"hero-badges\">\n        <span class=\"hero-badge\">\ud83c\udf0a Vue mer panoramique<\/span><br \/>\n        <span class=\"hero-badge\">\u2600\ufe0f Terrasse 16 m\u00b2 Sud-Est<\/span><br \/>\n        <span class=\"hero-badge\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Jusqu&#8217;\u00e0 5 personnes<\/span><br \/>\n        <span class=\"hero-badge\">\ud83d\udd12 R\u00e9sidence priv\u00e9e<\/span>\n      <\/div>\n<div class=\"hero-btns\">\n        <button class=\"btn-or\" onclick=\"goPage('contact')\">Demander les disponibilit\u00e9s<\/button><br \/>\n        <button class=\"btn-ghost\" onclick=\"document.getElementById('ancre-galerie').scrollIntoView({behavior:'smooth'})\">D\u00e9couvrir \u2193<\/button>\n      <\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- Bande prestige --><\/p>\n<div class=\"bande-prestige\">\n<div class=\"bande-item\"><span class=\"bi\">\u2726<\/span> Bien de propri\u00e9taires \u00b7 habit\u00e9 \u00e0 l&#8217;ann\u00e9e<\/div>\n<div class=\"bande-sep\"><\/div>\n<div class=\"bande-item\"><span class=\"bi\">\u2726<\/span> Disponibilit\u00e9s tr\u00e8s limit\u00e9es<\/div>\n<div class=\"bande-sep\"><\/div>\n<div class=\"bande-item\"><span class=\"bi\">\u2726<\/span> Photos r\u00e9elles \u00b7 sans filtre<\/div>\n<div class=\"bande-sep\"><\/div>\n<div class=\"bande-item\"><span class=\"bi\">\u2726<\/span> Propri\u00e9taires directs \u00b7 sans commission<\/div>\n<\/p><\/div>\n<p>  <!-- Points forts --><\/p>\n<div class=\"points-strip\">\n<div class=\"pt\">\n<div class=\"pt-icon\">\ud83c\udf0a<\/div>\n<div class=\"pt-label\">Vue mer panoramique<\/div>\n<div class=\"pt-sub\">Sans vis-\u00e0-vis \u00b7 D\u00e9gag\u00e9e<\/div>\n<\/div>\n<div class=\"pt\">\n<div class=\"pt-icon\">\u2600\ufe0f<\/div>\n<div class=\"pt-label\">Terrasse 16 m\u00b2<\/div>\n<div class=\"pt-sub\">Sud-Est \u00b7 \u00c0 l&#8217;ombre l&#8217;\u00e9t\u00e9<\/div>\n<\/div>\n<div class=\"pt\">\n<div class=\"pt-icon\">\ud83c\udf73<\/div>\n<div class=\"pt-label\">Cuisine prestige<\/div>\n<div class=\"pt-sub\">SMEG \u00b7 Nespresso \u00b7 Plancha<\/div>\n<\/div>\n<div class=\"pt\">\n<div class=\"pt-icon\">\ud83c\udd7f\ufe0f<\/div>\n<div class=\"pt-label\">2 parkings<\/div>\n<div class=\"pt-sub\">1 couvert + 1 ext\u00e9rieur<\/div>\n<\/div><\/div>\n<p>  <!-- Galerie --><\/p>\n<div id=\"ancre-galerie\">\n<div class=\"wrap\">\n<div class=\"section-pad\">\n<div class=\"eyebrow\"><span class=\"line\"><\/span>Galerie<\/div>\n<h2 class=\"titre-section\">Chaque espace,<br \/><em>pens\u00e9 pour vous<\/em><\/h2>\n<div class=\"galerie\">\n<div class=\"gitem gi1\" onclick=\"lbOpen(0)\">\n<div class=\"gitem-inner gi1\">\n<div class=\"gitem-placeholder\"><span class=\"gi\">\ud83c\udf05<\/span>Terrasse \u00b7 Vue mer<br \/><small>\u2192 Photo principale<\/small><\/div>\n<\/p><\/div>\n<div class=\"gitem-overlay\"><\/div>\n<div class=\"gitem-label\">Terrasse \u00b7 Vue mer panoramique<\/div>\n<\/p><\/div>\n<div class=\"gitem gi2\" onclick=\"lbOpen(1)\">\n<div class=\"gitem-inner gi2\">\n<div class=\"gitem-placeholder\"><span class=\"gi\">\ud83d\udecb\ufe0f<\/span>Salon<\/div>\n<\/div>\n<div class=\"gitem-overlay\"><\/div>\n<div class=\"gitem-label\">Salon lumineux<\/div>\n<\/p><\/div>\n<div class=\"gitem gi3\" onclick=\"lbOpen(2)\">\n<div class=\"gitem-inner gi3\">\n<div class=\"gitem-placeholder\"><span class=\"gi\">\ud83c\udf7d\ufe0f<\/span>Cuisine<\/div>\n<\/div>\n<div class=\"gitem-overlay\"><\/div>\n<div class=\"gitem-label\">Cuisine haut de gamme<\/div>\n<\/p><\/div>\n<div class=\"gitem gi4\" onclick=\"lbOpen(3)\">\n<div class=\"gitem-inner gi4\">\n<div class=\"gitem-placeholder\"><span class=\"gi\">\ud83d\udecf\ufe0f<\/span>Chambre<\/div>\n<\/div>\n<div class=\"gitem-overlay\"><\/div>\n<div class=\"gitem-label\">Chambre principale<\/div>\n<\/p><\/div>\n<div class=\"gitem gi5\" onclick=\"lbOpen(4)\">\n<div class=\"gitem-inner gi5\">\n<div class=\"gitem-placeholder\"><span class=\"gi\">\u2728<\/span>Terrasse \u00b7 Soir<\/div>\n<\/div>\n<div class=\"gitem-overlay\"><\/div>\n<div class=\"gitem-label\">Terrasse \u00b7 Ambiance soir\u00e9e<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"galerie-footer\">\n          <button class=\"lien-or\" onclick=\"lbOpen(0)\">Voir toutes les photos (8) \u2192<\/button>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- Description + \u00e9quipements --><\/p>\n<div style=\"background:var(--gris-light);padding:1px 0;\">\n<div class=\"wrap\">\n<div class=\"section-pad\">\n<div class=\"desc-grid\">\n<div class=\"desc-text\">\n<div class=\"eyebrow\"><span class=\"line\"><\/span>L&#8217;appartement<\/div>\n<h2 class=\"titre-section\" style=\"margin-bottom:28px;\">Un chez-soi<br \/><em>face \u00e0 la mer<\/em><\/h2>\n<p>Cet appartement est avant tout <strong>notre r\u00e9sidence secondaire<\/strong>. Nous y s\u00e9journons tous les week-ends \u00e0 l&#8217;ann\u00e9e, et cela se voit : elle ne ressemble pas \u00e0 un logement de location, elle ressemble \u00e0 un chez-soi soign\u00e9, o\u00f9 chaque d\u00e9tail a \u00e9t\u00e9 choisi pour notre propre confort.<\/p>\n<div class=\"citation\">&#8220;Vous trouverez ici ce que nous aimons \u2014 pas ce qu&#8217;on place dans un meubl\u00e9.&#8221;<\/div>\n<p>Situ\u00e9 all\u00e9e des Fleurs dans la r\u00e9sidence priv\u00e9e de Cap Est\u00e9rel, ce <strong>3 pi\u00e8ces de 37 m\u00b2<\/strong> accueille jusqu&#8217;\u00e0 <strong>5 personnes<\/strong>. Vue mer d\u00e9gag\u00e9e, sans vis-\u00e0-vis, entr\u00e9e de plain-pied. Entre Agay et Saint-Rapha\u00ebl \u2014 plages, criques, commerces \u00e0 port\u00e9e.<\/p>\n<\/p><\/div>\n<div class=\"equip-grid\">\n<div class=\"equip-card\">\n<div class=\"eq-icon\">\u2744\ufe0f<\/div>\n<div>\n<div class=\"eq-title\">Climatisation<\/div>\n<div class=\"eq-detail\">Salon &#038; chambre, r\u00e9versible<\/div>\n<\/div>\n<\/div>\n<div class=\"equip-card\">\n<div class=\"eq-icon\">\ud83d\udcf6<\/div>\n<div>\n<div class=\"eq-title\">Wi-Fi fibre<\/div>\n<div class=\"eq-detail\">Connexion haut d\u00e9bit incluse<\/div>\n<\/div>\n<\/div>\n<div class=\"equip-card\">\n<div class=\"eq-icon\">\ud83d\udec1<\/div>\n<div>\n<div class=\"eq-title\">Douche &#038; baignoire<\/div>\n<div class=\"eq-detail\">Rare \u00e0 ce standing<\/div>\n<\/div>\n<\/div>\n<div class=\"equip-card\">\n<div class=\"eq-icon\">\ud83e\uddfa<\/div>\n<div>\n<div class=\"eq-title\">Buanderie priv\u00e9e<\/div>\n<div class=\"eq-detail\">Lave-linge + s\u00e8che-linge<\/div>\n<\/div>\n<\/div>\n<div class=\"equip-card\">\n<div class=\"eq-icon\">\ud83d\udcfa<\/div>\n<div>\n<div class=\"eq-title\">TV &#038; Bluetooth<\/div>\n<div class=\"eq-detail\">Salon + chambre, enceinte<\/div>\n<\/div>\n<\/div>\n<div class=\"equip-card\">\n<div class=\"eq-icon\">\ud83c\udd7f\ufe0f<\/div>\n<div>\n<div class=\"eq-title\">2 parkings<\/div>\n<div class=\"eq-detail\">1 couvert + 1 ext\u00e9rieur<\/div>\n<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- Terrasse --><\/p>\n<div class=\"s-terrasse\">\n<div class=\"wrap\">\n<div class=\"section-pad\">\n<div class=\"terrasse-grid\">\n<div class=\"terrasse-img\">\n<div class=\"terrasse-img-bg\"><\/div>\n<div class=\"terrasse-img-overlay\"><\/div>\n<div class=\"terrasse-img-placeholder\">\n              <span>\ud83c\udf05<\/span><br \/>\n              \u2192 Ins\u00e9rer photo terrasse vue mer\n            <\/div>\n<\/p><\/div>\n<div class=\"terrasse-txt\">\n<div class=\"eyebrow\"><span class=\"line\"><\/span>Le point fort<\/div>\n<h2>La terrasse \u2014<br \/><em>votre salon face \u00e0 la mer<\/em><\/h2>\n<p>16 m\u00b2 Sud-Est. Vue mer d\u00e9gag\u00e9e, sans vis-\u00e0-vis. \u00c0 l&#8217;ombre naturelle d\u00e8s le milieu de journ\u00e9e en \u00e9t\u00e9 \u2014 un luxe rare sur la C\u00f4te d&#8217;Azur.<\/p>\n<p>Am\u00e9nag\u00e9e comme un v\u00e9ritable espace de vie ext\u00e9rieur : vous y passerez l&#8217;essentiel de vos journ\u00e9es.<\/p>\n<div class=\"terrasse-list\">\n<div class=\"terrasse-item\">Grande plancha inox haut de gamme<\/div>\n<div class=\"terrasse-item\">Table ronde + chaises + salon turquoise<\/div>\n<div class=\"terrasse-item\">Fauteuil suspendu &#038; guirlandes<\/div>\n<div class=\"terrasse-item\">Voile d&#8217;ombrage<\/div>\n<div class=\"terrasse-item\">Vue mer et pin\u00e8de de l&#8217;Est\u00e9rel<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- Couchages --><\/p>\n<div class=\"wrap\">\n<div class=\"section-pad\">\n<div class=\"eyebrow\"><span class=\"line\"><\/span>Couchages<\/div>\n<h2 class=\"titre-section\">Jusqu&#8217;\u00e0 <em>5 personnes<\/em><\/h2>\n<div class=\"couchages\">\n<div class=\"couchage\">\n<div class=\"couchage-icon\">\ud83d\udecf\ufe0f<\/div>\n<div class=\"couchage-title\">Chambre principale<\/div>\n<div class=\"couchage-txt\">Lit coffre 140 cm \u00b7 Literie premium \u00b7 T\u00e9l\u00e9vision \u00b7 Climatisation \u00b7 D\u00e9coration soign\u00e9e mur terracotta &#038; appliques<\/div>\n<\/p><\/div>\n<div class=\"couchage\">\n<div class=\"couchage-icon\">\ud83d\udecb\ufe0f<\/div>\n<div class=\"couchage-title\">Salon<\/div>\n<div class=\"couchage-txt\">Canap\u00e9 clic-clac 2 personnes \u00b7 T\u00e9l\u00e9vision \u00b7 Climatisation \u00b7 Ouverture sur terrasse vue mer<\/div>\n<\/p><\/div>\n<div class=\"couchage\">\n<div class=\"couchage-icon\">\ud83d\udeb8<\/div>\n<div class=\"couchage-title\">Chambre cabine<\/div>\n<div class=\"couchage-txt\">Lit b\u00e9b\u00e9 ou lit d&#8217;appoint pliant \u00b7 Id\u00e9al pour enfant ou 5\u00e8me personne<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- Mot des propri\u00e9taires --><\/p>\n<div class=\"s-proprio\">\n<div class=\"wrap\">\n<div class=\"section-pad\">\n<div class=\"proprio-inner\">\n<div class=\"or-line\"><\/div>\n<blockquote><p>&#8220;Nous avons d\u00e9cor\u00e9 et \u00e9quip\u00e9 cet appartement pour nous-m\u00eames. Vous y trouverez ce qu&#8217;on aime \u2014 avec le soin qu&#8217;on apporte \u00e0 son chez-soi.&#8221;<\/p><\/blockquote>\n<p>Bien habit\u00e9 \u00e0 l&#8217;ann\u00e9e \u00b7 Disponibilit\u00e9s limit\u00e9es \u00b7 Photos r\u00e9elles sans filtre<\/p>\n<div class=\"proprio-sig\">Les propri\u00e9taires<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<footer>\n<div class=\"f-logo\">Cap <span>Est\u00e9rel<\/span><\/div>\n<p>    All\u00e9e des Fleurs \u00b7 R\u00e9sidence Cap Est\u00e9rel \u00b7 Var (83) \u00b7 C\u00f4te d&#8217;Azur<br \/>\n    <a href=\"#\" onclick=\"goPage('dispos')\">Disponibilit\u00e9s<\/a><br \/>\n    <span class=\"f-sep\">\u00b7<\/span><br \/>\n    <a href=\"#\" onclick=\"goPage('contact')\">Contact &#038; R\u00e9servation<\/a><br \/>\n  <\/footer>\n<\/div>\n<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PAGE DISPONIBILIT\u00c9S \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<div class=\"page\" id=\"page-dispos\">\n<div class=\"page-header\">\n<div class=\"eyebrow\"><span class=\"line\"><\/span>Saison 2026<span class=\"line\"><\/span><\/div>\n<h1>Disponibilit\u00e9s<\/h1>\n<p>Les semaines encore libres \u00e0 Cap Est\u00e9rel<\/p>\n<\/p><\/div>\n<div class=\"dispo-wrap\">\n<div class=\"dispo-notice\">\n<div style=\"font-size:1.2rem;flex-shrink:0;margin-top:2px;\">\u2726<\/div>\n<p><strong>Appartement de propri\u00e9taires \u2014 disponibilit\u00e9s tr\u00e8s limit\u00e9es.<\/strong> Nous habitons ce bien \u00e0 l&#8217;ann\u00e9e et ne le louons que lors de nos s\u00e9jours \u00e0 l&#8217;\u00e9tranger. Les cr\u00e9neaux ci-dessous sont les semaines encore disponibles. Pour toute r\u00e9servation, utilisez le formulaire de contact \u2014 nous r\u00e9pondons sous 24h.<\/p>\n<\/p><\/div>\n<div class=\"legende\">\n<div class=\"leg\">\n<div class=\"leg-dot d-vert\"><\/div>\n<p>Disponible<\/p><\/div>\n<div class=\"leg\">\n<div class=\"leg-dot d-or\"><\/div>\n<p>Derni\u00e8res places<\/p><\/div>\n<div class=\"leg\">\n<div class=\"leg-dot d-gris\"><\/div>\n<p>R\u00e9serv\u00e9<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Juillet --><\/p>\n<div class=\"dispo-mois\">\n<div class=\"dispo-mois-head\">\n<div class=\"dispo-mois-nom\">Juillet<\/div>\n<div class=\"dispo-mois-an\">2026<\/div>\n<\/p><\/div>\n<div class=\"dispo-slots\">\n<div class=\"slot s-loue\">\n<div>\n<div class=\"slot-date\">5 juillet \u2192 12 juillet<\/div>\n<div class=\"slot-info\">1 semaine<\/div>\n<\/div>\n<div class=\"slot-badge b-loue\">R\u00e9serv\u00e9<\/div>\n<\/p><\/div>\n<div class=\"slot s-dispo\">\n<div>\n<div class=\"slot-date\">12 juillet \u2192 19 juillet<\/div>\n<div class=\"slot-info\">1 semaine \u00b7 Entr\u00e9e le samedi<\/div>\n<\/div>\n<div class=\"slot-badge b-dispo\">Disponible<\/div>\n<\/p><\/div>\n<div class=\"slot s-loue\">\n<div>\n<div class=\"slot-date\">19 juillet \u2192 2 ao\u00fbt<\/div>\n<div class=\"slot-info\">2 semaines<\/div>\n<\/div>\n<div class=\"slot-badge b-loue\">R\u00e9serv\u00e9<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Ao\u00fbt --><\/p>\n<div class=\"dispo-mois\">\n<div class=\"dispo-mois-head\">\n<div class=\"dispo-mois-nom\">Ao\u00fbt<\/div>\n<div class=\"dispo-mois-an\">2026<\/div>\n<\/p><\/div>\n<div class=\"dispo-slots\">\n<div class=\"slot s-proche\">\n<div>\n<div class=\"slot-date\">2 ao\u00fbt \u2192 9 ao\u00fbt<\/div>\n<div class=\"slot-info\">1 semaine \u00b7 2 demandes en cours<\/div>\n<\/div>\n<div class=\"slot-badge b-proche\">\u26a1 Derni\u00e8res places<\/div>\n<\/p><\/div>\n<div class=\"slot s-loue\">\n<div>\n<div class=\"slot-date\">9 ao\u00fbt \u2192 23 ao\u00fbt<\/div>\n<div class=\"slot-info\">2 semaines<\/div>\n<\/div>\n<div class=\"slot-badge b-loue\">R\u00e9serv\u00e9<\/div>\n<\/p><\/div>\n<div class=\"slot s-dispo\">\n<div>\n<div class=\"slot-date\">23 ao\u00fbt \u2192 30 ao\u00fbt<\/div>\n<div class=\"slot-info\">1 semaine \u00b7 Entr\u00e9e le dimanche<\/div>\n<\/div>\n<div class=\"slot-badge b-dispo\">Disponible<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Septembre --><\/p>\n<div class=\"dispo-mois\">\n<div class=\"dispo-mois-head\">\n<div class=\"dispo-mois-nom\">Septembre<\/div>\n<div class=\"dispo-mois-an\">2026<\/div>\n<\/p><\/div>\n<div class=\"dispo-slots\">\n<div class=\"slot s-dispo\">\n<div>\n<div class=\"slot-date\">6 septembre \u2192 13 septembre<\/div>\n<div class=\"slot-info\">1 semaine \u00b7 Mer calme, hors saison<\/div>\n<\/div>\n<div class=\"slot-badge b-dispo\">Disponible<\/div>\n<\/p><\/div>\n<div class=\"slot s-dispo\">\n<div>\n<div class=\"slot-date\">13 septembre \u2192 20 septembre<\/div>\n<div class=\"slot-info\">1 semaine \u00b7 Id\u00e9al s\u00e9jour calme<\/div>\n<\/div>\n<div class=\"slot-badge b-dispo\">Disponible<\/div>\n<\/p><\/div>\n<div class=\"slot s-dispo\">\n<div>\n<div class=\"slot-date\">20 septembre \u2192 4 octobre<\/div>\n<div class=\"slot-info\">2 semaines \u00b7 Tarif basse saison<\/div>\n<\/div>\n<div class=\"slot-badge b-dispo\">Disponible<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"dispo-cta-box\">\n<div style=\"color:var(--or);font-size:1.5rem;margin-bottom:12px;\">\u2726<\/div>\n<h3>Une date vous convient ?<\/h3>\n<p>Contactez-nous avec vos dates \u2014 r\u00e9ponse sous 24 heures.<\/p>\n<p>      <button class=\"btn-or\" onclick=\"goPage('contact')\">Demander une r\u00e9servation \u2192<\/button>\n    <\/div>\n<\/p><\/div>\n<footer>\n<div class=\"f-logo\">Cap <span>Est\u00e9rel<\/span><\/div>\n<p>    All\u00e9e des Fleurs \u00b7 R\u00e9sidence Cap Est\u00e9rel \u00b7 Var (83)<br \/>\n    <a href=\"#\" onclick=\"goPage('accueil')\">L&#8217;Appartement<\/a><br \/>\n    <span class=\"f-sep\">\u00b7<\/span><br \/>\n    <a href=\"#\" onclick=\"goPage('contact')\">Contact &#038; R\u00e9servation<\/a><br \/>\n  <\/footer>\n<\/div>\n<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PAGE CONTACT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<div class=\"page\" id=\"page-contact\">\n<div class=\"page-header\">\n<div class=\"eyebrow\"><span class=\"line\"><\/span>R\u00e9servation &#038; Questions<span class=\"line\"><\/span><\/div>\n<h1>Nous contacter<\/h1>\n<p>Propri\u00e9taires directs \u00b7 R\u00e9ponse garantie sous 24 heures<\/p>\n<\/p><\/div>\n<div class=\"contact-grid\">\n<div class=\"c-infos\">\n<h3>Parlons de votre s\u00e9jour<\/h3>\n<p>Questions sur l&#8217;appartement, les disponibilit\u00e9s, les tarifs ou le domaine de Cap Est\u00e9rel ? Nous sommes disponibles 7j\/7. Propri\u00e9taires directs \u2014 aucun interm\u00e9diaire, aucune commission cach\u00e9e.<\/p>\n<div class=\"c-items\">\n<div class=\"c-item\">\n<div class=\"c-item-icon\">\ud83d\udccd<\/div>\n<div>\n<div class=\"c-item-lbl\">Adresse<\/div>\n<div class=\"c-item-val\">All\u00e9e des Fleurs, Cap Est\u00e9rel<br \/>Var (83), C\u00f4te d&#8217;Azur<\/div>\n<\/div><\/div>\n<div class=\"c-item\">\n<div class=\"c-item-icon\">\ud83d\udce7<\/div>\n<div>\n<div class=\"c-item-lbl\">Email<\/div>\n<div class=\"c-item-val\">votre@email.fr<\/div>\n<\/div><\/div>\n<div class=\"c-item\">\n<div class=\"c-item-icon\">\ud83d\udcf1<\/div>\n<div>\n<div class=\"c-item-lbl\">T\u00e9l\u00e9phone \/ WhatsApp<\/div>\n<div class=\"c-item-val\">+33 6 XX XX XX XX<\/div>\n<\/div><\/div>\n<div class=\"c-item\">\n<div class=\"c-item-icon\">\u23f0<\/div>\n<div>\n<div class=\"c-item-lbl\">D\u00e9lai de r\u00e9ponse<\/div>\n<div class=\"c-item-val\">Sous 24h \u00b7 7 jours sur 7<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"c-form\">\n<h3>Demande de r\u00e9servation<\/h3>\n<div class=\"c-form-sub\">Tous les champs marqu\u00e9s * sont obligatoires<\/div>\n<div class=\"f-row\">\n<div class=\"f-grp\"><label>Pr\u00e9nom *<\/label><input type=\"text\" placeholder=\"Marie\" id=\"fp\"><\/div>\n<div class=\"f-grp\"><label>Nom *<\/label><input type=\"text\" placeholder=\"Dupont\" id=\"fn\"><\/div>\n<\/p><\/div>\n<div class=\"f-grp\"><label>Email *<\/label><input type=\"email\" placeholder=\"marie@exemple.fr\" id=\"fe\"><\/div>\n<div class=\"f-grp\"><label>T\u00e9l\u00e9phone<\/label><input type=\"tel\" placeholder=\"+33 6 XX XX XX XX\" id=\"ft\"><\/div>\n<div class=\"f-row\">\n<div class=\"f-grp\"><label>Arriv\u00e9e souhait\u00e9e<\/label><input type=\"date\" id=\"fa\"><\/div>\n<div class=\"f-grp\"><label>D\u00e9part souhait\u00e9<\/label><input type=\"date\" id=\"fd\"><\/div>\n<\/p><\/div>\n<div class=\"f-grp\">\n        <label>Nombre de voyageurs<\/label><br \/>\n        <select id=\"fv\"><option value=\"\">S\u00e9lectionner&#8230;<\/option><option>1 personne<\/option><option>2 personnes<\/option><option>3 personnes<\/option><option>4 personnes<\/option><option>5 personnes<\/option><\/select>\n      <\/div>\n<div class=\"f-grp\"><label>Votre message<\/label><textarea id=\"fm\" placeholder=\"Questions, pr\u00e9cisions, demandes particuli\u00e8res...\"><\/textarea><\/div>\n<p>      <button class=\"f-submit\" onclick=\"sendForm()\">Envoyer ma demande \u2192<\/button><\/p>\n<div class=\"f-note\">\ud83d\udd12 Vos donn\u00e9es ne sont utilis\u00e9es que pour r\u00e9pondre \u00e0 votre demande.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- Engagements --><\/p>\n<div class=\"s-engagements\">\n<div class=\"wrap\">\n<div class=\"section-pad\" style=\"padding-top:64px;padding-bottom:64px;\">\n<div class=\"eyebrow\" style=\"margin-bottom:40px;\"><span class=\"line\"><\/span>Nos engagements<\/div>\n<div class=\"eng-grid\">\n<div class=\"eng\">\n<div class=\"eng-icon\">\ud83e\udd1d<\/div>\n<div class=\"eng-title\">Propri\u00e9taires directs<\/div>\n<div class=\"eng-txt\">Aucun interm\u00e9diaire, aucune commission. Vous traitez avec nous.<\/div>\n<\/div>\n<div class=\"eng\">\n<div class=\"eng-icon\">\u26a1<\/div>\n<div class=\"eng-title\">R\u00e9ponse sous 24h<\/div>\n<div class=\"eng-txt\">Nous nous engageons \u00e0 r\u00e9pondre rapidement, 7 jours sur 7.<\/div>\n<\/div>\n<div class=\"eng\">\n<div class=\"eng-icon\">\ud83d\udcf8<\/div>\n<div class=\"eng-title\">Photos r\u00e9elles<\/div>\n<div class=\"eng-txt\">Toutes nos photos sont prises par nos soins. Sans filtre, sans mise en sc\u00e8ne.<\/div>\n<\/div>\n<div class=\"eng\">\n<div class=\"eng-icon\">\ud83e\uddf9<\/div>\n<div class=\"eng-title\">Remise irr\u00e9prochable<\/div>\n<div class=\"eng-txt\">L&#8217;appartement vous est remis parfaitement propre, linge de maison inclus.<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<footer>\n<div class=\"f-logo\">Cap <span>Est\u00e9rel<\/span><\/div>\n<p>    All\u00e9e des Fleurs \u00b7 R\u00e9sidence Cap Est\u00e9rel \u00b7 Var (83)<br \/>\n    <a href=\"#\" onclick=\"goPage('accueil')\">L&#8217;Appartement<\/a><br \/>\n    <span class=\"f-sep\">\u00b7<\/span><br \/>\n    <a href=\"#\" onclick=\"goPage('dispos')\">Disponibilit\u00e9s<\/a><br \/>\n  <\/footer>\n<\/div>\n<p><script>\n\/\/ Navigation\nfunction goPage(name) {\n  document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));\n  document.querySelectorAll('.nav-links a').forEach(a => a.classList.remove('active'));\n  document.getElementById('page-' + name).classList.add('active');\n  document.getElementById('nav-' + name).classList.add('active');\n  window.scrollTo({ top: 0, behavior: 'smooth' });\n  return false;\n}<\/p>\n<p>\/\/ Navbar scroll\nwindow.addEventListener('scroll', () => {\n  document.getElementById('navbar').classList.toggle('scrolled', window.scrollY > 50);\n});<\/p>\n<p>\/\/ Lightbox\nconst photos = [\n  { bg: 'linear-gradient(135deg,#1a5c42,#2d8f68)', icon: '\ud83c\udf05', label: 'Terrasse \u00b7 Vue mer panoramique', sub: 'Terrasse 16 m\u00b2 Sud-Est \u2014 \u00e0 l\\'ombre l\\'\u00e9t\u00e9' },\n  { bg: 'linear-gradient(135deg,#2c5f2e,#4a9e4d)', icon: '\ud83d\udecb\ufe0f', label: 'Salon lumineux', sub: 'Grand s\u00e9jour ouvert sur terrasse' },\n  { bg: 'linear-gradient(135deg,#5c4813,#9e7a22)', icon: '\ud83c\udf7d\ufe0f', label: 'Cuisine haut de gamme', sub: 'Nespresso, SMEG, lave-vaisselle...' },\n  { bg: 'linear-gradient(135deg,#1a3a5c,#2d6899)', icon: '\ud83d\udecf\ufe0f', label: 'Chambre principale', sub: 'Lit coffre 140 cm, climatisation, d\u00e9co soign\u00e9e' },\n  { bg: 'linear-gradient(135deg,#5c1a2e,#993d54)', icon: '\u2728', label: 'Terrasse \u00b7 Soir\u00e9e', sub: 'Guirlandes, plancha, ambiance unique' },\n  { bg: 'linear-gradient(135deg,#1a5c42,#5dade2)', icon: '\ud83c\udf0a', label: 'Terrasse \u00b7 Repas', sub: 'Table 6 couverts face \u00e0 la mer' },\n  { bg: 'linear-gradient(135deg,#5c3a1a,#9e6822)', icon: '\ud83d\udec1', label: 'Salle de bain', sub: 'Douche et baignoire' },\n  { bg: 'linear-gradient(135deg,#0d2137,#1a3a5c)', icon: '\ud83c\udf19', label: 'Vue de nuit', sub: 'La C\u00f4te d\\'Azur depuis votre terrasse' },\n];\nlet lbIdx = 0;<\/p>\n<p>function lbOpen(i) {\n  lbIdx = i; lbRender();\n  document.getElementById('lb').classList.add('open');\n  document.body.style.overflow = 'hidden';\n}\nfunction lbClose() {\n  document.getElementById('lb').classList.remove('open');\n  document.body.style.overflow = '';\n}\nfunction lbGo(d) { lbIdx = (lbIdx + d + photos.length) % photos.length; lbRender(); }\nfunction lbRender() {\n  const p = photos[lbIdx];\n  document.getElementById('lb-img').style.background = p.bg;\n  document.getElementById('lb-img').innerHTML = `<\/p>\n<div>\n<div style=\"font-size:3.5rem;margin-bottom:16px\">${p.icon}<\/div>\n<div style=\"font-weight:600;letter-spacing:.05em;margin-bottom:8px\">${p.label}<\/div>\n<div style=\"font-size:.75rem;opacity:.6\">${p.sub}<\/div>\n<div style=\"margin-top:16px;font-size:.7rem;opacity:.4\">\u2192 Remplacez par vos photos r\u00e9elles<\/div>\n<\/div>\n<p>`;\n  document.getElementById('lb-cap').textContent = `${lbIdx + 1} \/ ${photos.length}`;\n}\ndocument.getElementById('lb').addEventListener('click', e => { if(e.target === e.currentTarget) lbClose(); });\ndocument.addEventListener('keydown', e => {\n  if(!document.getElementById('lb').classList.contains('open')) return;\n  if(e.key==='Escape') lbClose();\n  if(e.key==='ArrowRight') lbGo(1);\n  if(e.key==='ArrowLeft') lbGo(-1);\n});<\/p>\n<p>\/\/ Formulaire\nfunction sendForm() {\n  const p = document.getElementById('fp').value.trim();\n  const e = document.getElementById('fe').value.trim();\n  if(!p || !e) { toast('\u26a0\ufe0f  Veuillez renseigner votre pr\u00e9nom et email.'); return; }\n  toast('\u2726  Message envoy\u00e9 \u2014 nous vous r\u00e9pondons sous 24h.');\n  ['fp','fn','fe','ft','fm','fa','fd'].forEach(id => document.getElementById(id).value = '');\n  document.getElementById('fv').selectedIndex = 0;\n}\nfunction toast(msg) {\n  const t = document.getElementById('toast');\n  t.textContent = msg; t.classList.add('show');\n  setTimeout(() => t.classList.remove('show'), 4000);\n}\n<\/script><\/p>\n\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<div class=\"elementor-element elementor-element-3416e88 e-flex e-con-boxed e-con e-parent\" data-id=\"3416e88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf3b5f2 elementor-widget elementor-widget-shortcode\" data-id=\"cf3b5f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n\/* Cap Esterel Prestige \u2014 Elementor Ready *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n  --vert:        #1B4A3B;\r\n  --vert-fonce:  #122E25;\r\n  --vert-clair:  #2A6B56;\r\n  --or:          #C9A96E;\r\n  --or-clair:    #E8D5B0;\r\n  --or-pale:     #F5EED9;\r\n  --blanc:       #FAF8F5;\r\n  --gris:        #6B7280;\r\n  --gris-light:  #F2F0EC;\r\n  --noir:        #141210;\r\n  --shadow:      0 4px 32px rgba(27,74,59,0.10);\r\n  --shadow-lg:   0 16px 56px rgba(27,74,59,0.16);\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\nbody { font-family: 'Inter', sans-serif; background: var(--blanc); color: var(--noir); overflow-x: hidden; }\r\n\r\n\/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\r\nnav {\r\n  position: fixed; top: 0; left: 0; right: 0; z-index: 200;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding: 22px 56px;\r\n  transition: all 0.5s ease;\r\n}\r\nnav.scrolled {\r\n  background: rgba(18,46,37,0.96);\r\n  backdrop-filter: blur(16px);\r\n  padding: 14px 56px;\r\n  box-shadow: 0 2px 32px rgba(0,0,0,0.2);\r\n}\r\n.nav-logo {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.4rem; font-weight: 600; letter-spacing: 0.06em;\r\n  color: #fff;\r\n  display: flex; flex-direction: column; line-height: 1.1;\r\n}\r\n.nav-logo span { color: var(--or); font-size: 0.65rem; font-weight: 400; letter-spacing: 0.22em; text-transform: uppercase; font-family: 'Inter', sans-serif; }\r\n.nav-links { display: flex; gap: 40px; list-style: none; }\r\n.nav-links a {\r\n  color: rgba(255,255,255,0.82); text-decoration: none;\r\n  font-size: 0.78rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;\r\n  transition: color 0.25s; position: relative; padding-bottom: 4px;\r\n}\r\n.nav-links a::after {\r\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px;\r\n  background: var(--or); transform: scaleX(0); transition: transform 0.3s;\r\n}\r\n.nav-links a:hover::after, .nav-links a.active::after { transform: scaleX(1); }\r\n.nav-links a:hover, .nav-links a.active { color: var(--or); }\r\n\r\n\/* \u2500\u2500\u2500 PAGES \u2500\u2500\u2500 *\/\r\n.page { display: none; }\r\n.page.active { display: block; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   PAGE 1 \u2014 ACCUEIL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n\/* Hero *\/\r\n.hero {\r\n  position: relative; height: 100vh; min-height: 680px;\r\n  display: flex; align-items: flex-end; overflow: hidden;\r\n}\r\n.hero-bg {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(160deg, var(--vert-fonce) 0%, var(--vert) 45%, #2A6B56 100%);\r\n}\r\n.hero-pattern {\r\n  position: absolute; inset: 0; opacity: 0.04;\r\n  background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, transparent 0, transparent 50%);\r\n  background-size: 24px 24px;\r\n}\r\n.hero-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(10,20,15,0.92) 0%, rgba(10,20,15,0.4) 55%, rgba(10,20,15,0.1) 100%);\r\n}\r\n.hero-accent {\r\n  position: absolute; right: -120px; top: -120px;\r\n  width: 600px; height: 600px; border-radius: 50%;\r\n  border: 1px solid rgba(201,169,110,0.12);\r\n  pointer-events: none;\r\n}\r\n.hero-accent2 {\r\n  position: absolute; right: -60px; top: -60px;\r\n  width: 400px; height: 400px; border-radius: 50%;\r\n  border: 1px solid rgba(201,169,110,0.08);\r\n  pointer-events: none;\r\n}\r\n.hero-content {\r\n  position: relative; z-index: 2;\r\n  padding: 0 56px 88px; max-width: 820px;\r\n}\r\n.hero-eyebrow {\r\n  display: flex; align-items: center; gap: 14px;\r\n  color: var(--or); font-size: 0.72rem; font-weight: 500;\r\n  letter-spacing: 0.24em; text-transform: uppercase; margin-bottom: 24px;\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n.hero-eyebrow .line { width: 40px; height: 1px; background: var(--or); }\r\n.hero h1 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(3rem, 6vw, 5.2rem); font-weight: 300;\r\n  color: #fff; line-height: 1.08; margin-bottom: 24px;\r\n  letter-spacing: -0.01em;\r\n}\r\n.hero h1 em { font-style: italic; color: var(--or); font-weight: 400; }\r\n.hero h1 strong { font-weight: 600; display: block; }\r\n.hero-sub {\r\n  color: rgba(255,255,255,0.65); font-size: 1rem; font-weight: 300;\r\n  margin-bottom: 44px; max-width: 500px; line-height: 1.8; letter-spacing: 0.01em;\r\n}\r\n.hero-badges {\r\n  display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 48px;\r\n}\r\n.hero-badge {\r\n  border: 1px solid rgba(201,169,110,0.35);\r\n  color: rgba(255,255,255,0.8); padding: 7px 16px; border-radius: 2px;\r\n  font-size: 0.75rem; font-weight: 400; letter-spacing: 0.06em;\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n.hero-btns { display: flex; gap: 16px; align-items: center; }\r\n.btn-or {\r\n  display: inline-block; background: var(--or); color: var(--vert-fonce);\r\n  padding: 16px 40px; border-radius: 2px;\r\n  font-size: 0.78rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;\r\n  cursor: pointer; border: none; font-family: 'Inter', sans-serif;\r\n  transition: all 0.3s; text-decoration: none;\r\n}\r\n.btn-or:hover { background: #b8924f; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(201,169,110,0.35); }\r\n.btn-ghost {\r\n  display: inline-block; border: 1px solid rgba(255,255,255,0.3); color: rgba(255,255,255,0.8);\r\n  padding: 15px 36px; border-radius: 2px;\r\n  font-size: 0.78rem; font-weight: 400; letter-spacing: 0.10em; text-transform: uppercase;\r\n  cursor: pointer; font-family: 'Inter', sans-serif;\r\n  transition: all 0.3s; text-decoration: none;\r\n}\r\n.btn-ghost:hover { border-color: var(--or); color: var(--or); }\r\n\r\n\/* Bande prestige *\/\r\n.bande-prestige {\r\n  background: var(--or-pale); border-top: 1px solid var(--or-clair); border-bottom: 1px solid var(--or-clair);\r\n  padding: 20px 56px;\r\n  display: flex; align-items: center; justify-content: center; gap: 56px; flex-wrap: wrap;\r\n}\r\n.bande-item {\r\n  display: flex; align-items: center; gap: 10px;\r\n  font-size: 0.78rem; color: var(--vert); font-weight: 500; letter-spacing: 0.06em;\r\n}\r\n.bande-item .bi { color: var(--or); font-size: 1.1rem; }\r\n.bande-sep { width: 1px; height: 20px; background: var(--or-clair); }\r\n\r\n\/* Points forts *\/\r\n.points-strip {\r\n  background: var(--vert-fonce);\r\n  display: grid; grid-template-columns: repeat(4, 1fr);\r\n}\r\n.pt {\r\n  padding: 36px 28px; text-align: center;\r\n  border-right: 1px solid rgba(201,169,110,0.12);\r\n  transition: background 0.25s;\r\n}\r\n.pt:last-child { border-right: none; }\r\n.pt:hover { background: rgba(201,169,110,0.06); }\r\n.pt-icon { font-size: 1.7rem; margin-bottom: 10px; }\r\n.pt-label { color: #fff; font-size: 0.88rem; font-weight: 500; margin-bottom: 4px; letter-spacing: 0.02em; }\r\n.pt-sub { color: rgba(201,169,110,0.7); font-size: 0.72rem; letter-spacing: 0.04em; }\r\n\r\n\/* Sections *\/\r\n.wrap { max-width: 1180px; margin: 0 auto; padding: 0 56px; }\r\n.section-pad { padding: 104px 0; }\r\n.eyebrow {\r\n  display: flex; align-items: center; gap: 14px; margin-bottom: 16px;\r\n  color: var(--or); font-size: 0.7rem; font-weight: 600;\r\n  letter-spacing: 0.22em; text-transform: uppercase;\r\n}\r\n.eyebrow .line { width: 32px; height: 1px; background: var(--or); }\r\n.titre-section {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 400;\r\n  color: var(--vert); line-height: 1.15; margin-bottom: 56px;\r\n}\r\n.titre-section em { font-style: italic; color: var(--or); }\r\n\r\n\/* Galerie *\/\r\n.galerie {\r\n  display: grid;\r\n  grid-template-columns: 1.55fr 1fr 1fr;\r\n  grid-template-rows: 280px 280px;\r\n  gap: 6px; border-radius: 4px; overflow: hidden;\r\n}\r\n.gitem {\r\n  position: relative; cursor: pointer; overflow: hidden;\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n.gitem:hover { z-index: 2; }\r\n.gitem:hover .gitem-inner { transform: scale(1.04); }\r\n.gitem:first-child { grid-row: span 2; }\r\n.gitem-inner {\r\n  position: absolute; inset: 0;\r\n  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.gi1 { background: linear-gradient(135deg, #1a5c42, #2d8f68); }\r\n.gi2 { background: linear-gradient(135deg, #2c5f2e, #4a9e4d); }\r\n.gi3 { background: linear-gradient(135deg, #5c4813, #9e7a22); }\r\n.gi4 { background: linear-gradient(135deg, #1a3a5c, #2d6899); }\r\n.gi5 { background: linear-gradient(135deg, #5c1a2e, #993d54); }\r\n.gitem-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(10,20,15,0.7) 0%, transparent 55%);\r\n  opacity: 0; transition: opacity 0.35s;\r\n}\r\n.gitem:hover .gitem-overlay { opacity: 1; }\r\n.gitem-label {\r\n  position: absolute; bottom: 18px; left: 20px;\r\n  color: #fff; font-size: 0.78rem; letter-spacing: 0.06em; font-weight: 500;\r\n  opacity: 0; transition: opacity 0.3s; font-family: 'Inter', sans-serif;\r\n}\r\n.gitem:hover .gitem-label { opacity: 1; }\r\n.gitem-placeholder {\r\n  color: rgba(255,255,255,0.5); text-align: center; padding: 20px;\r\n  font-size: 0.78rem; letter-spacing: 0.04em;\r\n}\r\n.gitem-placeholder .gi { font-size: 2.8rem; display: block; margin-bottom: 8px; }\r\n\r\n.galerie-footer {\r\n  display: flex; justify-content: flex-end; margin-top: 20px;\r\n}\r\n.lien-or {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  color: var(--or); font-size: 0.78rem; font-weight: 500;\r\n  letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none;\r\n  border-bottom: 1px solid var(--or-clair); padding-bottom: 3px;\r\n  cursor: pointer; background: none; border-left: none; border-top: none; border-right: none;\r\n  transition: border-color 0.2s; font-family: 'Inter', sans-serif;\r\n}\r\n.lien-or:hover { border-color: var(--or); }\r\n\r\n\/* Description *\/\r\n.desc-grid {\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: start;\r\n}\r\n.desc-text p {\r\n  color: #555; line-height: 1.9; font-size: 0.97rem; font-weight: 300; margin-bottom: 22px;\r\n}\r\n.desc-text p strong { color: var(--vert); font-weight: 600; }\r\n.citation {\r\n  border-left: 2px solid var(--or); padding: 8px 0 8px 24px; margin: 32px 0;\r\n  font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n  font-size: 1.3rem; color: var(--vert); line-height: 1.55; font-weight: 400;\r\n}\r\n\r\n\/* \u00c9quipements *\/\r\n.equip-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n.equip-card {\r\n  padding: 18px 20px; border: 1px solid #e8e4dd; border-radius: 3px;\r\n  display: flex; gap: 14px; align-items: flex-start;\r\n  transition: all 0.25s;\r\n}\r\n.equip-card:hover { border-color: var(--or-clair); background: var(--or-pale); box-shadow: var(--shadow); }\r\n.eq-icon { font-size: 1.3rem; flex-shrink: 0; margin-top: 2px; }\r\n.eq-title { font-weight: 600; font-size: 0.84rem; color: var(--vert); margin-bottom: 3px; }\r\n.eq-detail { font-size: 0.76rem; color: var(--gris); line-height: 1.5; }\r\n\r\n\/* Section terrasse fond vert *\/\r\n.s-terrasse {\r\n  background: var(--vert-fonce); position: relative; overflow: hidden;\r\n}\r\n.s-terrasse::before {\r\n  content: ''; position: absolute; left: -200px; bottom: -200px;\r\n  width: 600px; height: 600px; border-radius: 50%;\r\n  border: 1px solid rgba(201,169,110,0.08);\r\n}\r\n.terrasse-grid {\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\r\n}\r\n.terrasse-img {\r\n  border-radius: 3px; overflow: hidden; position: relative;\r\n  height: 480px; box-shadow: 0 32px 80px rgba(0,0,0,0.4);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.terrasse-img-bg {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(135deg, #1a5c42, #2d8f68);\r\n}\r\n.terrasse-img-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top right, rgba(0,0,0,0.3) 0%, transparent 60%);\r\n}\r\n.terrasse-img-placeholder {\r\n  position: relative; z-index: 1;\r\n  text-align: center; color: rgba(255,255,255,0.55); font-size: 0.8rem;\r\n  letter-spacing: 0.05em;\r\n}\r\n.terrasse-img-placeholder span { font-size: 3rem; display: block; margin-bottom: 10px; }\r\n.terrasse-txt .eyebrow .line { background: var(--or); }\r\n.terrasse-txt h2 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.9rem, 3.5vw, 2.8rem); font-weight: 300;\r\n  color: #fff; line-height: 1.2; margin-bottom: 24px;\r\n}\r\n.terrasse-txt h2 em { font-style: italic; color: var(--or); }\r\n.terrasse-txt p { color: rgba(255,255,255,0.62); font-size: 0.95rem; line-height: 1.85; font-weight: 300; margin-bottom: 14px; }\r\n.terrasse-list { margin-top: 28px; display: flex; flex-direction: column; gap: 10px; }\r\n.terrasse-item {\r\n  display: flex; align-items: center; gap: 12px;\r\n  color: rgba(255,255,255,0.78); font-size: 0.86rem; letter-spacing: 0.02em;\r\n}\r\n.terrasse-item::before {\r\n  content: ''; width: 5px; height: 5px; border-radius: 50%;\r\n  background: var(--or); flex-shrink: 0;\r\n}\r\n\r\n\/* Couchages *\/\r\n.couchages { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\r\n.couchage {\r\n  border: 1px solid #e5e0d8; border-radius: 3px; padding: 36px 28px; text-align: center;\r\n  position: relative; overflow: hidden; transition: all 0.3s;\r\n}\r\n.couchage::before {\r\n  content: ''; position: absolute; top: 0; left: 24px; right: 24px; height: 2px;\r\n  background: linear-gradient(90deg, transparent, var(--or), transparent);\r\n}\r\n.couchage:hover { border-color: var(--or-clair); box-shadow: var(--shadow-lg); transform: translateY(-6px); }\r\n.couchage-icon { font-size: 2.2rem; margin-bottom: 18px; }\r\n.couchage-title {\r\n  font-family: 'Cormorant Garamond', serif; font-size: 1.25rem;\r\n  color: var(--vert); font-weight: 600; margin-bottom: 14px;\r\n}\r\n.couchage-txt { font-size: 0.83rem; color: var(--gris); line-height: 1.7; }\r\n\r\n\/* Mot des propri\u00e9taires *\/\r\n.s-proprio { background: var(--vert); }\r\n.proprio-inner { max-width: 760px; margin: 0 auto; text-align: center; }\r\n.proprio-inner .or-line {\r\n  width: 48px; height: 1px; background: var(--or); margin: 0 auto 28px;\r\n}\r\n.proprio-inner blockquote {\r\n  font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 300;\r\n  font-size: clamp(1.4rem, 3vw, 2rem); color: #fff; line-height: 1.55; margin-bottom: 28px;\r\n}\r\n.proprio-inner p { color: rgba(255,255,255,0.5); font-size: 0.82rem; letter-spacing: 0.06em; }\r\n.proprio-sig {\r\n  margin-top: 32px; display: flex; align-items: center; justify-content: center; gap: 16px;\r\n  color: var(--or); font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase;\r\n  font-weight: 500;\r\n}\r\n.proprio-sig::before, .proprio-sig::after {\r\n  content: ''; width: 48px; height: 1px; background: var(--or); opacity: 0.4;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   PAGE 2 \u2014 DISPONIBILIT\u00c9S\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.page-header {\r\n  background: var(--vert-fonce); padding: 152px 56px 80px; text-align: center; position: relative;\r\n}\r\n.page-header::after {\r\n  content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);\r\n  width: 80px; height: 2px; background: var(--or);\r\n}\r\n.page-header .eyebrow { justify-content: center; margin-bottom: 16px; }\r\n.page-header h1 {\r\n  font-family: 'Cormorant Garamond', serif; font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n  font-weight: 300; color: #fff; margin-bottom: 16px;\r\n}\r\n.page-header p { color: rgba(255,255,255,0.55); font-size: 0.92rem; font-weight: 300; }\r\n\r\n.dispo-wrap { max-width: 860px; margin: 0 auto; padding: 88px 56px; }\r\n\r\n.dispo-notice {\r\n  background: var(--or-pale); border: 1px solid var(--or-clair); border-left: 3px solid var(--or);\r\n  border-radius: 3px; padding: 22px 26px; margin-bottom: 56px;\r\n  display: flex; gap: 16px; align-items: flex-start;\r\n}\r\n.dispo-notice p { font-size: 0.88rem; color: #555; line-height: 1.65; }\r\n.dispo-notice strong { color: var(--vert); }\r\n\r\n.legende { display: flex; gap: 28px; flex-wrap: wrap; margin-bottom: 40px; align-items: center; }\r\n.leg { display: flex; align-items: center; gap: 8px; font-size: 0.78rem; color: var(--gris); letter-spacing: 0.04em; }\r\n.leg-dot { width: 8px; height: 8px; border-radius: 50%; }\r\n.d-vert { background: #4CAF50; }\r\n.d-or { background: var(--or); }\r\n.d-gris { background: #9e9e9e; }\r\n\r\n.dispo-mois { margin-bottom: 52px; }\r\n.dispo-mois-head {\r\n  display: flex; align-items: baseline; justify-content: space-between;\r\n  padding-bottom: 14px; margin-bottom: 18px;\r\n  border-bottom: 1px solid #e8e4dd;\r\n}\r\n.dispo-mois-nom {\r\n  font-family: 'Cormorant Garamond', serif; font-size: 1.5rem;\r\n  font-weight: 600; color: var(--vert);\r\n}\r\n.dispo-mois-an { font-size: 0.8rem; color: var(--gris); letter-spacing: 0.06em; }\r\n.dispo-slots { display: flex; flex-direction: column; gap: 10px; }\r\n\r\n.slot {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding: 20px 24px; border-radius: 3px; border: 1px solid #e8e4dd;\r\n  transition: box-shadow 0.2s;\r\n}\r\n.slot:hover { box-shadow: var(--shadow); }\r\n.slot.s-dispo { background: #f0faf2; border-color: #b8e6c1; }\r\n.slot.s-proche { background: #fffbf0; border-color: var(--or-clair); }\r\n.slot.s-loue  { background: #fafafa; border-color: #e0e0e0; }\r\n.slot-date { font-weight: 600; color: var(--vert); font-size: 0.92rem; margin-bottom: 4px; }\r\n.slot-info { font-size: 0.78rem; color: var(--gris); letter-spacing: 0.02em; }\r\n.slot-badge {\r\n  padding: 5px 16px; border-radius: 2px; font-size: 0.72rem; font-weight: 600;\r\n  letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap;\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n.b-dispo  { background: #d4edda; color: #2d6a4f; }\r\n.b-proche { background: var(--or-pale); color: #8B6914; border: 1px solid var(--or-clair); }\r\n.b-loue   { background: #f0f0f0; color: #888; }\r\n\r\n.dispo-cta-box {\r\n  text-align: center; padding: 64px 48px;\r\n  background: var(--vert-fonce); border-radius: 4px; margin-top: 64px;\r\n  position: relative; overflow: hidden;\r\n}\r\n.dispo-cta-box::before {\r\n  content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);\r\n  width: 80px; height: 2px; background: var(--or);\r\n}\r\n.dispo-cta-box h3 {\r\n  font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 400;\r\n  color: #fff; margin-bottom: 12px;\r\n}\r\n.dispo-cta-box p { color: rgba(255,255,255,0.55); font-size: 0.9rem; margin-bottom: 32px; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   PAGE 3 \u2014 CONTACT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.contact-grid {\r\n  max-width: 1100px; margin: 0 auto; padding: 88px 56px;\r\n  display: grid; grid-template-columns: 1fr 1.3fr; gap: 88px; align-items: start;\r\n}\r\n.c-infos h3 {\r\n  font-family: 'Cormorant Garamond', serif; font-size: 1.7rem;\r\n  color: var(--vert); margin-bottom: 20px; font-weight: 400;\r\n}\r\n.c-infos p { font-size: 0.9rem; color: var(--gris); line-height: 1.75; margin-bottom: 36px; font-weight: 300; }\r\n.c-items { display: flex; flex-direction: column; gap: 14px; }\r\n.c-item {\r\n  display: flex; gap: 16px; align-items: flex-start;\r\n  padding: 18px 20px; border: 1px solid #e8e4dd; border-radius: 3px;\r\n  transition: all 0.2s;\r\n}\r\n.c-item:hover { border-color: var(--or-clair); background: var(--or-pale); }\r\n.c-item-icon { font-size: 1.3rem; flex-shrink: 0; }\r\n.c-item-lbl { font-size: 0.68rem; color: var(--gris); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 4px; }\r\n.c-item-val { font-weight: 600; color: var(--vert); font-size: 0.9rem; line-height: 1.5; }\r\n\r\n.c-form {\r\n  background: #fff; border-radius: 4px; padding: 44px 40px;\r\n  box-shadow: var(--shadow-lg); border: 1px solid #f0ece5;\r\n}\r\n.c-form h3 {\r\n  font-family: 'Cormorant Garamond', serif; font-size: 1.5rem;\r\n  color: var(--vert); margin-bottom: 8px; font-weight: 400;\r\n}\r\n.c-form-sub { font-size: 0.78rem; color: var(--gris); margin-bottom: 32px; }\r\n.f-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\r\n.f-grp { margin-bottom: 18px; }\r\n.f-grp label {\r\n  display: block; font-size: 0.7rem; font-weight: 600;\r\n  color: var(--vert); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 7px;\r\n}\r\n.f-grp input, .f-grp select, .f-grp textarea {\r\n  width: 100%; padding: 12px 15px;\r\n  border: 1px solid #e0dbd4; border-radius: 2px;\r\n  font-family: 'Inter', sans-serif; font-size: 0.9rem; color: var(--noir);\r\n  background: var(--blanc); outline: none; transition: border-color 0.2s;\r\n}\r\n.f-grp input:focus, .f-grp select:focus, .f-grp textarea:focus {\r\n  border-color: var(--vert-clair); box-shadow: 0 0 0 3px rgba(42,107,86,0.08);\r\n}\r\n.f-grp textarea { resize: vertical; min-height: 110px; }\r\n.f-grp select { appearance: none; cursor: pointer; }\r\n.f-submit {\r\n  width: 100%; padding: 16px; background: var(--vert); color: #fff;\r\n  border: none; border-radius: 2px; font-size: 0.78rem; font-weight: 600;\r\n  letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer;\r\n  font-family: 'Inter', sans-serif; transition: all 0.3s;\r\n}\r\n.f-submit:hover { background: var(--vert-clair); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(27,74,59,0.3); }\r\n.f-note { text-align: center; font-size: 0.73rem; color: var(--gris); margin-top: 14px; }\r\n\r\n\/* Engagements *\/\r\n.s-engagements { background: var(--or-pale); border-top: 1px solid var(--or-clair); }\r\n.eng-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }\r\n.eng {\r\n  padding: 40px 28px; text-align: center;\r\n  border-right: 1px solid var(--or-clair);\r\n}\r\n.eng:last-child { border-right: none; }\r\n.eng-icon { font-size: 1.8rem; margin-bottom: 14px; }\r\n.eng-title { font-weight: 600; font-size: 0.86rem; color: var(--vert); margin-bottom: 8px; }\r\n.eng-txt { font-size: 0.78rem; color: var(--gris); line-height: 1.6; }\r\n\r\n\/* Footer *\/\r\nfooter {\r\n  background: var(--vert-fonce); color: rgba(255,255,255,0.38);\r\n  padding: 48px 56px; text-align: center; font-size: 0.78rem; line-height: 2;\r\n  border-top: 1px solid rgba(201,169,110,0.15);\r\n}\r\nfooter .f-logo {\r\n  font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; font-weight: 600;\r\n  color: rgba(255,255,255,0.8); letter-spacing: 0.06em; margin-bottom: 8px;\r\n}\r\nfooter .f-logo span { color: var(--or); }\r\nfooter a { color: var(--or); text-decoration: none; opacity: 0.8; transition: opacity 0.2s; }\r\nfooter a:hover { opacity: 1; }\r\n.f-sep { color: rgba(201,169,110,0.3); margin: 0 10px; }\r\n\r\n\/* Lightbox *\/\r\n.lightbox {\r\n  position: fixed; inset: 0; z-index: 1000;\r\n  background: rgba(8,16,12,0.95);\r\n  display: none; align-items: center; justify-content: center;\r\n  flex-direction: column; padding: 40px;\r\n}\r\n.lightbox.open { display: flex; }\r\n.lb-close {\r\n  position: absolute; top: 24px; right: 32px;\r\n  color: rgba(255,255,255,0.5); font-size: 1.8rem; cursor: pointer;\r\n  background: none; border: none; line-height: 1; transition: color 0.2s;\r\n}\r\n.lb-close:hover { color: var(--or); }\r\n.lb-img {\r\n  max-width: 860px; width: 100%; height: 500px; border-radius: 3px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  text-align: center; padding: 40px; font-size: 0.85rem;\r\n  color: rgba(255,255,255,0.6); letter-spacing: 0.04em;\r\n}\r\n.lb-caption { color: rgba(255,255,255,0.45); font-size: 0.78rem; margin-top: 16px; letter-spacing: 0.06em; }\r\n.lb-nav { display: flex; gap: 12px; margin-top: 20px; }\r\n.lb-btn {\r\n  border: 1px solid rgba(201,169,110,0.3); color: rgba(255,255,255,0.7);\r\n  padding: 10px 28px; border-radius: 2px; cursor: pointer;\r\n  font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase;\r\n  background: transparent; font-family: 'Inter', sans-serif;\r\n  transition: all 0.2s;\r\n}\r\n.lb-btn:hover { border-color: var(--or); color: var(--or); }\r\n\r\n\/* Toast *\/\r\n.toast {\r\n  position: fixed; bottom: 32px; right: 32px; z-index: 999;\r\n  background: var(--vert); color: #fff; padding: 16px 24px;\r\n  border-radius: 3px; box-shadow: var(--shadow-lg); font-size: 0.88rem;\r\n  border-left: 3px solid var(--or);\r\n  transform: translateY(80px); opacity: 0;\r\n  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  display: flex; align-items: center; gap: 12px;\r\n}\r\n.toast.show { transform: translateY(0); opacity: 1; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 960px) {\r\n  nav { padding: 16px 24px; }\r\n  nav.scrolled { padding: 12px 24px; }\r\n  .hero-content { padding: 0 24px 56px; }\r\n  .wrap { padding: 0 24px; }\r\n  .points-strip { grid-template-columns: repeat(2, 1fr); }\r\n  .galerie { grid-template-columns: 1fr 1fr; grid-template-rows: 220px 220px 220px; }\r\n  .galerie .gitem:first-child { grid-row: span 1; }\r\n  .desc-grid, .terrasse-grid, .contact-grid { grid-template-columns: 1fr; gap: 48px; }\r\n  .equip-grid, .couchages { grid-template-columns: 1fr; }\r\n  .eng-grid { grid-template-columns: 1fr 1fr; }\r\n  .f-row { grid-template-columns: 1fr; }\r\n  .dispo-wrap, .contact-grid { padding: 56px 24px; }\r\n  .bande-prestige { gap: 24px; padding: 20px 24px; }\r\n  .page-header { padding: 120px 24px 64px; }\r\n}\r\n\/* Override WordPress body defaults for this section *\/\r\n.elementor-widget-html {\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n}\r\n<\/style>\r\n\r\n<!-- NAV -->\r\n<nav id=\"navbar\">\r\n  <div class=\"nav-logo\">\r\n    Cap Est\u00e9rel\r\n    <span>Appartement Prestige \u00b7 Vue Mer<\/span>\r\n  <\/div>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#\" onclick=\"goPage('accueil')\" class=\"active\" id=\"nav-accueil\">L'Appartement<\/a><\/li>\r\n    <li><a href=\"#\" onclick=\"goPage('dispos')\" id=\"nav-dispos\">Disponibilit\u00e9s<\/a><\/li>\r\n    <li><a href=\"#\" onclick=\"goPage('contact')\" id=\"nav-contact\">Contact<\/a><\/li>\r\n  <\/ul>\r\n<\/nav>\r\n\r\n<!-- LIGHTBOX -->\r\n<div class=\"lightbox\" id=\"lb\">\r\n  <button class=\"lb-close\" onclick=\"lbClose()\">\u2715<\/button>\r\n  <div class=\"lb-img\" id=\"lb-img\"><\/div>\r\n  <div class=\"lb-caption\" id=\"lb-cap\"><\/div>\r\n  <div class=\"lb-nav\">\r\n    <button class=\"lb-btn\" onclick=\"lbGo(-1)\">\u2190 Pr\u00e9c\u00e9dente<\/button>\r\n    <button class=\"lb-btn\" onclick=\"lbGo(1)\">Suivante \u2192<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- TOAST -->\r\n<div class=\"toast\" id=\"toast\"><\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PAGE ACCUEIL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"page active\" id=\"page-accueil\">\r\n\r\n  <section class=\"hero\">\r\n    <div class=\"hero-bg\"><\/div>\r\n    <div class=\"hero-pattern\"><\/div>\r\n    <div class=\"hero-overlay\"><\/div>\r\n    <div class=\"hero-accent\"><\/div>\r\n    <div class=\"hero-accent2\"><\/div>\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-eyebrow\">\r\n        <span class=\"line\"><\/span>\r\n        Cap Est\u00e9rel \u00b7 Var \u00b7 C\u00f4te d'Azur\r\n      <\/div>\r\n      <h1>\r\n        <em>Vue mer<\/em> d'exception\r\n        <strong>Appartement Prestige<\/strong>\r\n      <\/h1>\r\n      <p class=\"hero-sub\">Terrasse 16 m\u00b2 face \u00e0 la M\u00e9diterran\u00e9e. R\u00e9sidence priv\u00e9e s\u00e9curis\u00e9e. Notre r\u00e9sidence secondaire, soign\u00e9e comme un chez-soi \u2014 disponible quelques semaines par an.<\/p>\r\n      <div class=\"hero-badges\">\r\n        <span class=\"hero-badge\">\ud83c\udf0a Vue mer panoramique<\/span>\r\n        <span class=\"hero-badge\">\u2600\ufe0f Terrasse 16 m\u00b2 Sud-Est<\/span>\r\n        <span class=\"hero-badge\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Jusqu'\u00e0 5 personnes<\/span>\r\n        <span class=\"hero-badge\">\ud83d\udd12 R\u00e9sidence priv\u00e9e<\/span>\r\n      <\/div>\r\n      <div class=\"hero-btns\">\r\n        <button class=\"btn-or\" onclick=\"goPage('contact')\">Demander les disponibilit\u00e9s<\/button>\r\n        <button class=\"btn-ghost\" onclick=\"document.getElementById('ancre-galerie').scrollIntoView({behavior:'smooth'})\">D\u00e9couvrir \u2193<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Bande prestige -->\r\n  <div class=\"bande-prestige\">\r\n    <div class=\"bande-item\"><span class=\"bi\">\u2726<\/span> Bien de propri\u00e9taires \u00b7 habit\u00e9 \u00e0 l'ann\u00e9e<\/div>\r\n    <div class=\"bande-sep\"><\/div>\r\n    <div class=\"bande-item\"><span class=\"bi\">\u2726<\/span> Disponibilit\u00e9s tr\u00e8s limit\u00e9es<\/div>\r\n    <div class=\"bande-sep\"><\/div>\r\n    <div class=\"bande-item\"><span class=\"bi\">\u2726<\/span> Photos r\u00e9elles \u00b7 sans filtre<\/div>\r\n    <div class=\"bande-sep\"><\/div>\r\n    <div class=\"bande-item\"><span class=\"bi\">\u2726<\/span> Propri\u00e9taires directs \u00b7 sans commission<\/div>\r\n  <\/div>\r\n\r\n  <!-- Points forts -->\r\n  <div class=\"points-strip\">\r\n    <div class=\"pt\"><div class=\"pt-icon\">\ud83c\udf0a<\/div><div class=\"pt-label\">Vue mer panoramique<\/div><div class=\"pt-sub\">Sans vis-\u00e0-vis \u00b7 D\u00e9gag\u00e9e<\/div><\/div>\r\n    <div class=\"pt\"><div class=\"pt-icon\">\u2600\ufe0f<\/div><div class=\"pt-label\">Terrasse 16 m\u00b2<\/div><div class=\"pt-sub\">Sud-Est \u00b7 \u00c0 l'ombre l'\u00e9t\u00e9<\/div><\/div>\r\n    <div class=\"pt\"><div class=\"pt-icon\">\ud83c\udf73<\/div><div class=\"pt-label\">Cuisine prestige<\/div><div class=\"pt-sub\">SMEG \u00b7 Nespresso \u00b7 Plancha<\/div><\/div>\r\n    <div class=\"pt\"><div class=\"pt-icon\">\ud83c\udd7f\ufe0f<\/div><div class=\"pt-label\">2 parkings<\/div><div class=\"pt-sub\">1 couvert + 1 ext\u00e9rieur<\/div><\/div>\r\n  <\/div>\r\n\r\n  <!-- Galerie -->\r\n  <div id=\"ancre-galerie\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-pad\">\r\n        <div class=\"eyebrow\"><span class=\"line\"><\/span>Galerie<\/div>\r\n        <h2 class=\"titre-section\">Chaque espace,<br><em>pens\u00e9 pour vous<\/em><\/h2>\r\n\r\n        <div class=\"galerie\">\r\n          <div class=\"gitem gi1\" onclick=\"lbOpen(0)\">\r\n            <div class=\"gitem-inner gi1\">\r\n              <div class=\"gitem-placeholder\"><span class=\"gi\">\ud83c\udf05<\/span>Terrasse \u00b7 Vue mer<br><small>\u2192 Photo principale<\/small><\/div>\r\n            <\/div>\r\n            <div class=\"gitem-overlay\"><\/div>\r\n            <div class=\"gitem-label\">Terrasse \u00b7 Vue mer panoramique<\/div>\r\n          <\/div>\r\n          <div class=\"gitem gi2\" onclick=\"lbOpen(1)\">\r\n            <div class=\"gitem-inner gi2\"><div class=\"gitem-placeholder\"><span class=\"gi\">\ud83d\udecb\ufe0f<\/span>Salon<\/div><\/div>\r\n            <div class=\"gitem-overlay\"><\/div>\r\n            <div class=\"gitem-label\">Salon lumineux<\/div>\r\n          <\/div>\r\n          <div class=\"gitem gi3\" onclick=\"lbOpen(2)\">\r\n            <div class=\"gitem-inner gi3\"><div class=\"gitem-placeholder\"><span class=\"gi\">\ud83c\udf7d\ufe0f<\/span>Cuisine<\/div><\/div>\r\n            <div class=\"gitem-overlay\"><\/div>\r\n            <div class=\"gitem-label\">Cuisine haut de gamme<\/div>\r\n          <\/div>\r\n          <div class=\"gitem gi4\" onclick=\"lbOpen(3)\">\r\n            <div class=\"gitem-inner gi4\"><div class=\"gitem-placeholder\"><span class=\"gi\">\ud83d\udecf\ufe0f<\/span>Chambre<\/div><\/div>\r\n            <div class=\"gitem-overlay\"><\/div>\r\n            <div class=\"gitem-label\">Chambre principale<\/div>\r\n          <\/div>\r\n          <div class=\"gitem gi5\" onclick=\"lbOpen(4)\">\r\n            <div class=\"gitem-inner gi5\"><div class=\"gitem-placeholder\"><span class=\"gi\">\u2728<\/span>Terrasse \u00b7 Soir<\/div><\/div>\r\n            <div class=\"gitem-overlay\"><\/div>\r\n            <div class=\"gitem-label\">Terrasse \u00b7 Ambiance soir\u00e9e<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"galerie-footer\">\r\n          <button class=\"lien-or\" onclick=\"lbOpen(0)\">Voir toutes les photos (8) \u2192<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Description + \u00e9quipements -->\r\n  <div style=\"background:var(--gris-light);padding:1px 0;\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-pad\">\r\n        <div class=\"desc-grid\">\r\n          <div class=\"desc-text\">\r\n            <div class=\"eyebrow\"><span class=\"line\"><\/span>L'appartement<\/div>\r\n            <h2 class=\"titre-section\" style=\"margin-bottom:28px;\">Un chez-soi<br><em>face \u00e0 la mer<\/em><\/h2>\r\n            <p>Cet appartement est avant tout <strong>notre r\u00e9sidence secondaire<\/strong>. Nous y s\u00e9journons tous les week-ends \u00e0 l'ann\u00e9e, et cela se voit : elle ne ressemble pas \u00e0 un logement de location, elle ressemble \u00e0 un chez-soi soign\u00e9, o\u00f9 chaque d\u00e9tail a \u00e9t\u00e9 choisi pour notre propre confort.<\/p>\r\n            <div class=\"citation\">\"Vous trouverez ici ce que nous aimons \u2014 pas ce qu'on place dans un meubl\u00e9.\"<\/div>\r\n            <p>Situ\u00e9 all\u00e9e des Fleurs dans la r\u00e9sidence priv\u00e9e de Cap Est\u00e9rel, ce <strong>3 pi\u00e8ces de 37 m\u00b2<\/strong> accueille jusqu'\u00e0 <strong>5 personnes<\/strong>. Vue mer d\u00e9gag\u00e9e, sans vis-\u00e0-vis, entr\u00e9e de plain-pied. Entre Agay et Saint-Rapha\u00ebl \u2014 plages, criques, commerces \u00e0 port\u00e9e.<\/p>\r\n          <\/div>\r\n          <div class=\"equip-grid\">\r\n            <div class=\"equip-card\"><div class=\"eq-icon\">\u2744\ufe0f<\/div><div><div class=\"eq-title\">Climatisation<\/div><div class=\"eq-detail\">Salon & chambre, r\u00e9versible<\/div><\/div><\/div>\r\n            <div class=\"equip-card\"><div class=\"eq-icon\">\ud83d\udcf6<\/div><div><div class=\"eq-title\">Wi-Fi fibre<\/div><div class=\"eq-detail\">Connexion haut d\u00e9bit incluse<\/div><\/div><\/div>\r\n            <div class=\"equip-card\"><div class=\"eq-icon\">\ud83d\udec1<\/div><div><div class=\"eq-title\">Douche & baignoire<\/div><div class=\"eq-detail\">Rare \u00e0 ce standing<\/div><\/div><\/div>\r\n            <div class=\"equip-card\"><div class=\"eq-icon\">\ud83e\uddfa<\/div><div><div class=\"eq-title\">Buanderie priv\u00e9e<\/div><div class=\"eq-detail\">Lave-linge + s\u00e8che-linge<\/div><\/div><\/div>\r\n            <div class=\"equip-card\"><div class=\"eq-icon\">\ud83d\udcfa<\/div><div><div class=\"eq-title\">TV & Bluetooth<\/div><div class=\"eq-detail\">Salon + chambre, enceinte<\/div><\/div><\/div>\r\n            <div class=\"equip-card\"><div class=\"eq-icon\">\ud83c\udd7f\ufe0f<\/div><div><div class=\"eq-title\">2 parkings<\/div><div class=\"eq-detail\">1 couvert + 1 ext\u00e9rieur<\/div><\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Terrasse -->\r\n  <div class=\"s-terrasse\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-pad\">\r\n        <div class=\"terrasse-grid\">\r\n          <div class=\"terrasse-img\">\r\n            <div class=\"terrasse-img-bg\"><\/div>\r\n            <div class=\"terrasse-img-overlay\"><\/div>\r\n            <div class=\"terrasse-img-placeholder\">\r\n              <span>\ud83c\udf05<\/span>\r\n              \u2192 Ins\u00e9rer photo terrasse vue mer\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"terrasse-txt\">\r\n            <div class=\"eyebrow\"><span class=\"line\"><\/span>Le point fort<\/div>\r\n            <h2>La terrasse \u2014<br><em>votre salon face \u00e0 la mer<\/em><\/h2>\r\n            <p>16 m\u00b2 Sud-Est. Vue mer d\u00e9gag\u00e9e, sans vis-\u00e0-vis. \u00c0 l'ombre naturelle d\u00e8s le milieu de journ\u00e9e en \u00e9t\u00e9 \u2014 un luxe rare sur la C\u00f4te d'Azur.<\/p>\r\n            <p>Am\u00e9nag\u00e9e comme un v\u00e9ritable espace de vie ext\u00e9rieur : vous y passerez l'essentiel de vos journ\u00e9es.<\/p>\r\n            <div class=\"terrasse-list\">\r\n              <div class=\"terrasse-item\">Grande plancha inox haut de gamme<\/div>\r\n              <div class=\"terrasse-item\">Table ronde + chaises + salon turquoise<\/div>\r\n              <div class=\"terrasse-item\">Fauteuil suspendu & guirlandes<\/div>\r\n              <div class=\"terrasse-item\">Voile d'ombrage<\/div>\r\n              <div class=\"terrasse-item\">Vue mer et pin\u00e8de de l'Est\u00e9rel<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Couchages -->\r\n  <div class=\"wrap\">\r\n    <div class=\"section-pad\">\r\n      <div class=\"eyebrow\"><span class=\"line\"><\/span>Couchages<\/div>\r\n      <h2 class=\"titre-section\">Jusqu'\u00e0 <em>5 personnes<\/em><\/h2>\r\n      <div class=\"couchages\">\r\n        <div class=\"couchage\">\r\n          <div class=\"couchage-icon\">\ud83d\udecf\ufe0f<\/div>\r\n          <div class=\"couchage-title\">Chambre principale<\/div>\r\n          <div class=\"couchage-txt\">Lit coffre 140 cm \u00b7 Literie premium \u00b7 T\u00e9l\u00e9vision \u00b7 Climatisation \u00b7 D\u00e9coration soign\u00e9e mur terracotta & appliques<\/div>\r\n        <\/div>\r\n        <div class=\"couchage\">\r\n          <div class=\"couchage-icon\">\ud83d\udecb\ufe0f<\/div>\r\n          <div class=\"couchage-title\">Salon<\/div>\r\n          <div class=\"couchage-txt\">Canap\u00e9 clic-clac 2 personnes \u00b7 T\u00e9l\u00e9vision \u00b7 Climatisation \u00b7 Ouverture sur terrasse vue mer<\/div>\r\n        <\/div>\r\n        <div class=\"couchage\">\r\n          <div class=\"couchage-icon\">\ud83d\udeb8<\/div>\r\n          <div class=\"couchage-title\">Chambre cabine<\/div>\r\n          <div class=\"couchage-txt\">Lit b\u00e9b\u00e9 ou lit d'appoint pliant \u00b7 Id\u00e9al pour enfant ou 5\u00e8me personne<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Mot des propri\u00e9taires -->\r\n  <div class=\"s-proprio\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-pad\">\r\n        <div class=\"proprio-inner\">\r\n          <div class=\"or-line\"><\/div>\r\n          <blockquote>\"Nous avons d\u00e9cor\u00e9 et \u00e9quip\u00e9 cet appartement pour nous-m\u00eames. Vous y trouverez ce qu'on aime \u2014 avec le soin qu'on apporte \u00e0 son chez-soi.\"<\/blockquote>\r\n          <p>Bien habit\u00e9 \u00e0 l'ann\u00e9e \u00b7 Disponibilit\u00e9s limit\u00e9es \u00b7 Photos r\u00e9elles sans filtre<\/p>\r\n          <div class=\"proprio-sig\">Les propri\u00e9taires<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <footer>\r\n    <div class=\"f-logo\">Cap <span>Est\u00e9rel<\/span><\/div>\r\n    All\u00e9e des Fleurs \u00b7 R\u00e9sidence Cap Est\u00e9rel \u00b7 Var (83) \u00b7 C\u00f4te d'Azur<br>\r\n    <a href=\"#\" onclick=\"goPage('dispos')\">Disponibilit\u00e9s<\/a>\r\n    <span class=\"f-sep\">\u00b7<\/span>\r\n    <a href=\"#\" onclick=\"goPage('contact')\">Contact & R\u00e9servation<\/a>\r\n  <\/footer>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PAGE DISPONIBILIT\u00c9S \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"page\" id=\"page-dispos\">\r\n  <div class=\"page-header\">\r\n    <div class=\"eyebrow\"><span class=\"line\"><\/span>Saison 2026<span class=\"line\"><\/span><\/div>\r\n    <h1>Disponibilit\u00e9s<\/h1>\r\n    <p>Les semaines encore libres \u00e0 Cap Est\u00e9rel<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"dispo-wrap\">\r\n    <div class=\"dispo-notice\">\r\n      <div style=\"font-size:1.2rem;flex-shrink:0;margin-top:2px;\">\u2726<\/div>\r\n      <p><strong>Appartement de propri\u00e9taires \u2014 disponibilit\u00e9s tr\u00e8s limit\u00e9es.<\/strong> Nous habitons ce bien \u00e0 l'ann\u00e9e et ne le louons que lors de nos s\u00e9jours \u00e0 l'\u00e9tranger. Les cr\u00e9neaux ci-dessous sont les semaines encore disponibles. Pour toute r\u00e9servation, utilisez le formulaire de contact \u2014 nous r\u00e9pondons sous 24h.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"legende\">\r\n      <div class=\"leg\"><div class=\"leg-dot d-vert\"><\/div>Disponible<\/div>\r\n      <div class=\"leg\"><div class=\"leg-dot d-or\"><\/div>Derni\u00e8res places<\/div>\r\n      <div class=\"leg\"><div class=\"leg-dot d-gris\"><\/div>R\u00e9serv\u00e9<\/div>\r\n    <\/div>\r\n\r\n    <!-- Juillet -->\r\n    <div class=\"dispo-mois\">\r\n      <div class=\"dispo-mois-head\">\r\n        <div class=\"dispo-mois-nom\">Juillet<\/div>\r\n        <div class=\"dispo-mois-an\">2026<\/div>\r\n      <\/div>\r\n      <div class=\"dispo-slots\">\r\n        <div class=\"slot s-loue\">\r\n          <div><div class=\"slot-date\">5 juillet \u2192 12 juillet<\/div><div class=\"slot-info\">1 semaine<\/div><\/div>\r\n          <div class=\"slot-badge b-loue\">R\u00e9serv\u00e9<\/div>\r\n        <\/div>\r\n        <div class=\"slot s-dispo\">\r\n          <div><div class=\"slot-date\">12 juillet \u2192 19 juillet<\/div><div class=\"slot-info\">1 semaine \u00b7 Entr\u00e9e le samedi<\/div><\/div>\r\n          <div class=\"slot-badge b-dispo\">Disponible<\/div>\r\n        <\/div>\r\n        <div class=\"slot s-loue\">\r\n          <div><div class=\"slot-date\">19 juillet \u2192 2 ao\u00fbt<\/div><div class=\"slot-info\">2 semaines<\/div><\/div>\r\n          <div class=\"slot-badge b-loue\">R\u00e9serv\u00e9<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Ao\u00fbt -->\r\n    <div class=\"dispo-mois\">\r\n      <div class=\"dispo-mois-head\">\r\n        <div class=\"dispo-mois-nom\">Ao\u00fbt<\/div>\r\n        <div class=\"dispo-mois-an\">2026<\/div>\r\n      <\/div>\r\n      <div class=\"dispo-slots\">\r\n        <div class=\"slot s-proche\">\r\n          <div><div class=\"slot-date\">2 ao\u00fbt \u2192 9 ao\u00fbt<\/div><div class=\"slot-info\">1 semaine \u00b7 2 demandes en cours<\/div><\/div>\r\n          <div class=\"slot-badge b-proche\">\u26a1 Derni\u00e8res places<\/div>\r\n        <\/div>\r\n        <div class=\"slot s-loue\">\r\n          <div><div class=\"slot-date\">9 ao\u00fbt \u2192 23 ao\u00fbt<\/div><div class=\"slot-info\">2 semaines<\/div><\/div>\r\n          <div class=\"slot-badge b-loue\">R\u00e9serv\u00e9<\/div>\r\n        <\/div>\r\n        <div class=\"slot s-dispo\">\r\n          <div><div class=\"slot-date\">23 ao\u00fbt \u2192 30 ao\u00fbt<\/div><div class=\"slot-info\">1 semaine \u00b7 Entr\u00e9e le dimanche<\/div><\/div>\r\n          <div class=\"slot-badge b-dispo\">Disponible<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Septembre -->\r\n    <div class=\"dispo-mois\">\r\n      <div class=\"dispo-mois-head\">\r\n        <div class=\"dispo-mois-nom\">Septembre<\/div>\r\n        <div class=\"dispo-mois-an\">2026<\/div>\r\n      <\/div>\r\n      <div class=\"dispo-slots\">\r\n        <div class=\"slot s-dispo\">\r\n          <div><div class=\"slot-date\">6 septembre \u2192 13 septembre<\/div><div class=\"slot-info\">1 semaine \u00b7 Mer calme, hors saison<\/div><\/div>\r\n          <div class=\"slot-badge b-dispo\">Disponible<\/div>\r\n        <\/div>\r\n        <div class=\"slot s-dispo\">\r\n          <div><div class=\"slot-date\">13 septembre \u2192 20 septembre<\/div><div class=\"slot-info\">1 semaine \u00b7 Id\u00e9al s\u00e9jour calme<\/div><\/div>\r\n          <div class=\"slot-badge b-dispo\">Disponible<\/div>\r\n        <\/div>\r\n        <div class=\"slot s-dispo\">\r\n          <div><div class=\"slot-date\">20 septembre \u2192 4 octobre<\/div><div class=\"slot-info\">2 semaines \u00b7 Tarif basse saison<\/div><\/div>\r\n          <div class=\"slot-badge b-dispo\">Disponible<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dispo-cta-box\">\r\n      <div style=\"color:var(--or);font-size:1.5rem;margin-bottom:12px;\">\u2726<\/div>\r\n      <h3>Une date vous convient ?<\/h3>\r\n      <p>Contactez-nous avec vos dates \u2014 r\u00e9ponse sous 24 heures.<\/p>\r\n      <button class=\"btn-or\" onclick=\"goPage('contact')\">Demander une r\u00e9servation \u2192<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <footer>\r\n    <div class=\"f-logo\">Cap <span>Est\u00e9rel<\/span><\/div>\r\n    All\u00e9e des Fleurs \u00b7 R\u00e9sidence Cap Est\u00e9rel \u00b7 Var (83)<br>\r\n    <a href=\"#\" onclick=\"goPage('accueil')\">L'Appartement<\/a>\r\n    <span class=\"f-sep\">\u00b7<\/span>\r\n    <a href=\"#\" onclick=\"goPage('contact')\">Contact & R\u00e9servation<\/a>\r\n  <\/footer>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PAGE CONTACT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"page\" id=\"page-contact\">\r\n  <div class=\"page-header\">\r\n    <div class=\"eyebrow\"><span class=\"line\"><\/span>R\u00e9servation & Questions<span class=\"line\"><\/span><\/div>\r\n    <h1>Nous contacter<\/h1>\r\n    <p>Propri\u00e9taires directs \u00b7 R\u00e9ponse garantie sous 24 heures<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"contact-grid\">\r\n    <div class=\"c-infos\">\r\n      <h3>Parlons de votre s\u00e9jour<\/h3>\r\n      <p>Questions sur l'appartement, les disponibilit\u00e9s, les tarifs ou le domaine de Cap Est\u00e9rel ? Nous sommes disponibles 7j\/7. Propri\u00e9taires directs \u2014 aucun interm\u00e9diaire, aucune commission cach\u00e9e.<\/p>\r\n      <div class=\"c-items\">\r\n        <div class=\"c-item\">\r\n          <div class=\"c-item-icon\">\ud83d\udccd<\/div>\r\n          <div><div class=\"c-item-lbl\">Adresse<\/div><div class=\"c-item-val\">All\u00e9e des Fleurs, Cap Est\u00e9rel<br>Var (83), C\u00f4te d'Azur<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"c-item\">\r\n          <div class=\"c-item-icon\">\ud83d\udce7<\/div>\r\n          <div><div class=\"c-item-lbl\">Email<\/div><div class=\"c-item-val\">votre@email.fr<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"c-item\">\r\n          <div class=\"c-item-icon\">\ud83d\udcf1<\/div>\r\n          <div><div class=\"c-item-lbl\">T\u00e9l\u00e9phone \/ WhatsApp<\/div><div class=\"c-item-val\">+33 6 XX XX XX XX<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"c-item\">\r\n          <div class=\"c-item-icon\">\u23f0<\/div>\r\n          <div><div class=\"c-item-lbl\">D\u00e9lai de r\u00e9ponse<\/div><div class=\"c-item-val\">Sous 24h \u00b7 7 jours sur 7<\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"c-form\">\r\n      <h3>Demande de r\u00e9servation<\/h3>\r\n      <div class=\"c-form-sub\">Tous les champs marqu\u00e9s * sont obligatoires<\/div>\r\n      <div class=\"f-row\">\r\n        <div class=\"f-grp\"><label>Pr\u00e9nom *<\/label><input type=\"text\" placeholder=\"Marie\" id=\"fp\"><\/div>\r\n        <div class=\"f-grp\"><label>Nom *<\/label><input type=\"text\" placeholder=\"Dupont\" id=\"fn\"><\/div>\r\n      <\/div>\r\n      <div class=\"f-grp\"><label>Email *<\/label><input type=\"email\" placeholder=\"marie@exemple.fr\" id=\"fe\"><\/div>\r\n      <div class=\"f-grp\"><label>T\u00e9l\u00e9phone<\/label><input type=\"tel\" placeholder=\"+33 6 XX XX XX XX\" id=\"ft\"><\/div>\r\n      <div class=\"f-row\">\r\n        <div class=\"f-grp\"><label>Arriv\u00e9e souhait\u00e9e<\/label><input type=\"date\" id=\"fa\"><\/div>\r\n        <div class=\"f-grp\"><label>D\u00e9part souhait\u00e9<\/label><input type=\"date\" id=\"fd\"><\/div>\r\n      <\/div>\r\n      <div class=\"f-grp\">\r\n        <label>Nombre de voyageurs<\/label>\r\n        <select id=\"fv\">\r\n          <option value=\"\">S\u00e9lectionner...<\/option>\r\n          <option>1 personne<\/option><option>2 personnes<\/option>\r\n          <option>3 personnes<\/option><option>4 personnes<\/option><option>5 personnes<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <div class=\"f-grp\"><label>Votre message<\/label><textarea id=\"fm\" placeholder=\"Questions, pr\u00e9cisions, demandes particuli\u00e8res...\"><\/textarea><\/div>\r\n      <button class=\"f-submit\" onclick=\"sendForm()\">Envoyer ma demande \u2192<\/button>\r\n      <div class=\"f-note\">\ud83d\udd12 Vos donn\u00e9es ne sont utilis\u00e9es que pour r\u00e9pondre \u00e0 votre demande.<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Engagements -->\r\n  <div class=\"s-engagements\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-pad\" style=\"padding-top:64px;padding-bottom:64px;\">\r\n        <div class=\"eyebrow\" style=\"margin-bottom:40px;\"><span class=\"line\"><\/span>Nos engagements<\/div>\r\n        <div class=\"eng-grid\">\r\n          <div class=\"eng\"><div class=\"eng-icon\">\ud83e\udd1d<\/div><div class=\"eng-title\">Propri\u00e9taires directs<\/div><div class=\"eng-txt\">Aucun interm\u00e9diaire, aucune commission. Vous traitez avec nous.<\/div><\/div>\r\n          <div class=\"eng\"><div class=\"eng-icon\">\u26a1<\/div><div class=\"eng-title\">R\u00e9ponse sous 24h<\/div><div class=\"eng-txt\">Nous nous engageons \u00e0 r\u00e9pondre rapidement, 7 jours sur 7.<\/div><\/div>\r\n          <div class=\"eng\"><div class=\"eng-icon\">\ud83d\udcf8<\/div><div class=\"eng-title\">Photos r\u00e9elles<\/div><div class=\"eng-txt\">Toutes nos photos sont prises par nos soins. Sans filtre, sans mise en sc\u00e8ne.<\/div><\/div>\r\n          <div class=\"eng\"><div class=\"eng-icon\">\ud83e\uddf9<\/div><div class=\"eng-title\">Remise irr\u00e9prochable<\/div><div class=\"eng-txt\">L'appartement vous est remis parfaitement propre, linge de maison inclus.<\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <footer>\r\n    <div class=\"f-logo\">Cap <span>Est\u00e9rel<\/span><\/div>\r\n    All\u00e9e des Fleurs \u00b7 R\u00e9sidence Cap Est\u00e9rel \u00b7 Var (83)<br>\r\n    <a href=\"#\" onclick=\"goPage('accueil')\">L'Appartement<\/a>\r\n    <span class=\"f-sep\">\u00b7<\/span>\r\n    <a href=\"#\" onclick=\"goPage('dispos')\">Disponibilit\u00e9s<\/a>\r\n  <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Navigation\r\nfunction goPage(name) {\r\n  document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));\r\n  document.querySelectorAll('.nav-links a').forEach(a => a.classList.remove('active'));\r\n  document.getElementById('page-' + name).classList.add('active');\r\n  document.getElementById('nav-' + name).classList.add('active');\r\n  window.scrollTo({ top: 0, behavior: 'smooth' });\r\n  return false;\r\n}\r\n\r\n\/\/ Navbar scroll\r\nwindow.addEventListener('scroll', () => {\r\n  document.getElementById('navbar').classList.toggle('scrolled', window.scrollY > 50);\r\n});\r\n\r\n\/\/ Lightbox\r\nconst photos = [\r\n  { bg: 'linear-gradient(135deg,#1a5c42,#2d8f68)', icon: '\ud83c\udf05', label: 'Terrasse \u00b7 Vue mer panoramique', sub: 'Terrasse 16 m\u00b2 Sud-Est \u2014 \u00e0 l\\'ombre l\\'\u00e9t\u00e9' },\r\n  { bg: 'linear-gradient(135deg,#2c5f2e,#4a9e4d)', icon: '\ud83d\udecb\ufe0f', label: 'Salon lumineux', sub: 'Grand s\u00e9jour ouvert sur terrasse' },\r\n  { bg: 'linear-gradient(135deg,#5c4813,#9e7a22)', icon: '\ud83c\udf7d\ufe0f', label: 'Cuisine haut de gamme', sub: 'Nespresso, SMEG, lave-vaisselle...' },\r\n  { bg: 'linear-gradient(135deg,#1a3a5c,#2d6899)', icon: '\ud83d\udecf\ufe0f', label: 'Chambre principale', sub: 'Lit coffre 140 cm, climatisation, d\u00e9co soign\u00e9e' },\r\n  { bg: 'linear-gradient(135deg,#5c1a2e,#993d54)', icon: '\u2728', label: 'Terrasse \u00b7 Soir\u00e9e', sub: 'Guirlandes, plancha, ambiance unique' },\r\n  { bg: 'linear-gradient(135deg,#1a5c42,#5dade2)', icon: '\ud83c\udf0a', label: 'Terrasse \u00b7 Repas', sub: 'Table 6 couverts face \u00e0 la mer' },\r\n  { bg: 'linear-gradient(135deg,#5c3a1a,#9e6822)', icon: '\ud83d\udec1', label: 'Salle de bain', sub: 'Douche et baignoire' },\r\n  { bg: 'linear-gradient(135deg,#0d2137,#1a3a5c)', icon: '\ud83c\udf19', label: 'Vue de nuit', sub: 'La C\u00f4te d\\'Azur depuis votre terrasse' },\r\n];\r\nlet lbIdx = 0;\r\n\r\nfunction lbOpen(i) {\r\n  lbIdx = i; lbRender();\r\n  document.getElementById('lb').classList.add('open');\r\n  document.body.style.overflow = 'hidden';\r\n}\r\nfunction lbClose() {\r\n  document.getElementById('lb').classList.remove('open');\r\n  document.body.style.overflow = '';\r\n}\r\nfunction lbGo(d) { lbIdx = (lbIdx + d + photos.length) % photos.length; lbRender(); }\r\nfunction lbRender() {\r\n  const p = photos[lbIdx];\r\n  document.getElementById('lb-img').style.background = p.bg;\r\n  document.getElementById('lb-img').innerHTML = `<div><div style=\"font-size:3.5rem;margin-bottom:16px\">${p.icon}<\/div><div style=\"font-weight:600;letter-spacing:.05em;margin-bottom:8px\">${p.label}<\/div><div style=\"font-size:.75rem;opacity:.6\">${p.sub}<\/div><div style=\"margin-top:16px;font-size:.7rem;opacity:.4\">\u2192 Remplacez par vos photos r\u00e9elles<\/div><\/div>`;\r\n  document.getElementById('lb-cap').textContent = `${lbIdx + 1} \/ ${photos.length}`;\r\n}\r\ndocument.getElementById('lb').addEventListener('click', e => { if(e.target === e.currentTarget) lbClose(); });\r\ndocument.addEventListener('keydown', e => {\r\n  if(!document.getElementById('lb').classList.contains('open')) return;\r\n  if(e.key==='Escape') lbClose();\r\n  if(e.key==='ArrowRight') lbGo(1);\r\n  if(e.key==='ArrowLeft') lbGo(-1);\r\n});\r\n\r\n\/\/ Formulaire\r\nfunction sendForm() {\r\n  const p = document.getElementById('fp').value.trim();\r\n  const e = document.getElementById('fe').value.trim();\r\n  if(!p || !e) { toast('\u26a0\ufe0f  Veuillez renseigner votre pr\u00e9nom et email.'); return; }\r\n  toast('\u2726  Message envoy\u00e9 \u2014 nous vous r\u00e9pondons sous 24h.');\r\n  ['fp','fn','fe','ft','fm','fa','fd'].forEach(id => document.getElementById(id).value = '');\r\n  document.getElementById('fv').selectedIndex = 0;\r\n}\r\nfunction toast(msg) {\r\n  const t = document.getElementById('toast');\r\n  t.textContent = msg; t.classList.add('show');\r\n  setTimeout(() => t.classList.remove('show'), 4000);\r\n}\r\n<\/script><\/div>\n\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/appartement-cap-esterel.fr\/index.php\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appartement-cap-esterel.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/appartement-cap-esterel.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/appartement-cap-esterel.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/appartement-cap-esterel.fr\/index.php\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":5,"href":"https:\/\/appartement-cap-esterel.fr\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/appartement-cap-esterel.fr\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/appartement-cap-esterel.fr\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}