La Villa \u2013 La Veglia Porto-Vecchio<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --sand: #F5EFE4;\n --sand-dark: #E8DFD0;\n --terra: #8B6B4A;\n --terra-light: #B8956B;\n --maquis: #4A5C3E;\n --maquis-light: #6B8060;\n --sea: #2D5F7A;\n --sea-light: #4A8BA8;\n --ink: #1A1714;\n --ink-soft: #3D3630;\n --muted: #7A6E65;\n --cream: #FAF7F2;\n --white: #FFFFFF;\n --gap: 2rem;\n --radius: 2px;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { font-size: 16px; scroll-behavior: smooth; }\n\n body {\n font-family: 'Jost', sans-serif;\n font-weight: 300;\n background: var(--cream);\n color: var(--ink);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAVIGATION \u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.5rem 4rem;\n background: rgba(250,247,242,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 0.5px solid rgba(139,107,74,0.15);\n transition: padding 0.3s;\n }\n\n .nav-logo {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-weight: 300;\n letter-spacing: 0.12em;\n color: var(--ink);\n text-decoration: none;\n text-transform: uppercase;\n }\n\n .nav-logo span { color: var(--terra); }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n font-size: 0.78rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--ink-soft);\n text-decoration: none;\n transition: color 0.2s;\n }\n\n .nav-links a:hover { color: var(--terra); }\n .nav-links a.active { color: var(--terra); border-bottom: 1px solid var(--terra); padding-bottom: 2px; }\n\n .nav-cta {\n font-size: 0.72rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--white);\n background: var(--terra);\n padding: 0.6rem 1.4rem;\n text-decoration: none;\n transition: background 0.2s;\n }\n\n .nav-cta:hover { background: var(--terra-light); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n height: 85vh;\n min-height: 600px;\n position: relative;\n display: flex;\n align-items: flex-end;\n overflow: hidden;\n margin-top: 72px;\n }\n\n .hero-bg {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(to bottom, rgba(26,23,20,0.1) 0%, rgba(26,23,20,0.55) 100%),\n url('http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/photo-99340603-001-scaled.jpg') center\/cover no-repeat;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n padding: 0 4rem 4.5rem;\n max-width: 700px;\n }\n\n .hero-tag {\n font-size: 0.72rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--terra-light);\n margin-bottom: 1rem;\n }\n\n .hero-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(3rem, 6vw, 5rem);\n font-weight: 300;\n color: var(--white);\n line-height: 1.05;\n margin-bottom: 1.5rem;\n }\n\n .hero-title em { font-style: italic; color: var(--terra-light); }\n\n .hero-desc {\n font-size: 1rem;\n font-weight: 300;\n color: rgba(255,255,255,0.82);\n line-height: 1.7;\n max-width: 480px;\n margin-bottom: 2rem;\n }\n\n .hero-stats {\n display: flex;\n gap: 2.5rem;\n }\n\n .hero-stat {\n border-left: 1px solid rgba(255,255,255,0.3);\n padding-left: 1rem;\n }\n\n .hero-stat-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2rem;\n font-weight: 300;\n color: var(--white);\n line-height: 1;\n }\n\n .hero-stat-label {\n font-size: 0.7rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.6);\n margin-top: 0.25rem;\n }\n\n \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\n section { padding: 5rem 4rem; }\n\n .section-tag {\n font-size: 0.7rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--terra);\n margin-bottom: 0.75rem;\n }\n\n .section-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 300;\n line-height: 1.1;\n color: var(--ink);\n margin-bottom: 1.5rem;\n }\n\n .section-title em { font-style: italic; color: var(--terra); }\n\n .section-body {\n font-size: 1rem;\n font-weight: 300;\n line-height: 1.8;\n color: var(--ink-soft);\n max-width: 560px;\n }\n\n \/* \u2500\u2500 OVERVIEW \u2500\u2500 *\/\n .overview {\n background: var(--white);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n }\n\n .overview-text {\n padding: 5rem 4rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .overview-features {\n margin-top: 2.5rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem 2rem;\n }\n\n .feat {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n font-size: 0.88rem;\n color: var(--ink-soft);\n line-height: 1.4;\n }\n\n .feat-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--terra);\n margin-top: 0.45em;\n flex-shrink: 0;\n }\n\n .overview-image {\n position: relative;\n overflow: hidden;\n }\n\n .overview-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .overview-badge {\n position: absolute;\n bottom: 2rem;\n left: 2rem;\n background: rgba(250,247,242,0.95);\n padding: 1rem 1.5rem;\n backdrop-filter: blur(8px);\n }\n\n .badge-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2.5rem;\n font-weight: 300;\n color: var(--terra);\n line-height: 1;\n }\n\n .badge-label {\n font-size: 0.7rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--ink-soft);\n }\n\n \/* \u2500\u2500 ACCUEIL INCLUS \u2500\u2500 *\/\n .inclus-strip {\n background: var(--maquis);\n padding: 2rem 4rem;\n display: flex;\n align-items: center;\n gap: 3rem;\n flex-wrap: wrap;\n }\n\n .inclus-label {\n font-size: 0.7rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.5);\n white-space: nowrap;\n }\n\n .inclus-items {\n display: flex;\n gap: 2rem;\n flex-wrap: wrap;\n }\n\n .inclus-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.82rem;\n color: rgba(255,255,255,0.85);\n letter-spacing: 0.05em;\n }\n\n .inclus-icon { color: var(--terra-light); font-size: 1rem; }\n\n \/* \u2500\u2500 CHAMBRES \u2500\u2500 *\/\n .chambres { background: var(--cream); }\n\n .chambres-grid {\n margin-top: 3rem;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n\n .chambre-card {\n background: var(--white);\n overflow: hidden;\n cursor: pointer;\n transition: transform 0.3s;\n }\n\n .chambre-card:hover { transform: translateY(-4px); }\n\n .chambre-card-img {\n aspect-ratio: 4\/3;\n overflow: hidden;\n position: relative;\n background: var(--sand-dark);\n }\n\n .chambre-card-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.5s;\n }\n\n .chambre-card:hover .chambre-card-img img { transform: scale(1.04); }\n\n .chambre-card-num {\n position: absolute;\n top: 1rem;\n left: 1rem;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n color: var(--white);\n background: rgba(26,23,20,0.55);\n padding: 0.2rem 0.6rem;\n letter-spacing: 0.1em;\n }\n\n .chambre-card-body { padding: 1.5rem; }\n\n .chambre-card-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n font-weight: 400;\n color: var(--ink);\n margin-bottom: 0.5rem;\n }\n\n .chambre-card-level {\n font-size: 0.7rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--terra);\n margin-bottom: 0.75rem;\n }\n\n .chambre-card-features {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.3rem;\n }\n\n .chambre-card-features li {\n font-size: 0.82rem;\n color: var(--muted);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .chambre-card-features li::before {\n content: '\u2014';\n color: var(--terra-light);\n font-size: 0.7rem;\n }\n\n \/* Large card (suite parentale) *\/\n .chambre-card.large {\n grid-column: span 2;\n }\n\n .chambre-card.large .chambre-card-img { aspect-ratio: 16\/7; }\n\n \/* \u2500\u2500 VIE COMMUNE \u2500\u2500 *\/\n .vie-commune {\n background: var(--ink);\n color: var(--white);\n }\n\n .vie-commune .section-title { color: var(--white); }\n .vie-commune .section-tag { color: var(--terra-light); }\n .vie-commune .section-body { color: rgba(255,255,255,0.65); }\n\n .vie-grid {\n margin-top: 3rem;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n }\n\n .vie-item {\n position: relative;\n overflow: hidden;\n aspect-ratio: 3\/4;\n }\n\n .vie-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n filter: brightness(0.75);\n transition: transform 0.5s, filter 0.3s;\n }\n\n .vie-item:hover img { transform: scale(1.05); filter: brightness(0.9); }\n\n .vie-item-label {\n position: absolute;\n bottom: 0;\n left: 0; right: 0;\n padding: 2rem 1.25rem 1.25rem;\n background: linear-gradient(to top, rgba(26,23,20,0.85) 0%, transparent 100%);\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n color: var(--white);\n font-weight: 300;\n }\n\n .vie-item-sub {\n font-family: 'Jost', sans-serif;\n font-size: 0.7rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--terra-light);\n display: block;\n margin-bottom: 0.3rem;\n }\n\n \/* \u2500\u2500 PISCINE \u2500\u2500 *\/\n .piscine {\n position: relative;\n min-height: 70vh;\n display: flex;\n align-items: center;\n overflow: hidden;\n }\n\n .piscine-bg {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(to right, rgba(26,23,20,0.7) 40%, rgba(26,23,20,0.1) 100%),\n url('http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/photo-99340603-006-2-scaled.jpg') center\/cover no-repeat;\n }\n\n .piscine-content {\n position: relative;\n z-index: 2;\n padding: 5rem 4rem;\n max-width: 560px;\n }\n\n .piscine-content .section-title { color: var(--white); }\n .piscine-content .section-tag { color: var(--terra-light); }\n .piscine-content .section-body { color: rgba(255,255,255,0.75); }\n\n \/* \u2500\u2500 SITUATION \u2500\u2500 *\/\n .situation { background: var(--white); }\n\n .situation-inner {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 5rem;\n align-items: center;\n }\n\n .situation-list {\n margin-top: 2rem;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .situation-item {\n display: flex;\n align-items: baseline;\n gap: 1rem;\n padding-bottom: 1rem;\n border-bottom: 0.5px solid var(--sand-dark);\n font-size: 0.9rem;\n color: var(--ink-soft);\n }\n\n .situation-item:last-child { border-bottom: none; }\n\n .situation-distance {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--terra);\n line-height: 1;\n min-width: 70px;\n flex-shrink: 0;\n }\n\n .situation-img-wrap {\n position: relative;\n }\n\n .situation-img-wrap img {\n width: 100%;\n aspect-ratio: 4\/3;\n object-fit: cover;\n display: block;\n }\n\n .situation-img-caption {\n position: absolute;\n top: 2rem;\n right: -1.5rem;\n background: var(--terra);\n color: var(--white);\n padding: 1rem 1.5rem;\n font-size: 0.78rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n max-width: 180px;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\n .cta-section {\n background: var(--sand);\n text-align: center;\n padding: 5rem 4rem;\n }\n\n .cta-section .section-title { margin-bottom: 1rem; }\n\n .cta-section .section-body {\n margin: 0 auto 2.5rem;\n text-align: center;\n max-width: 520px;\n }\n\n .btn-primary {\n display: inline-block;\n font-size: 0.78rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--white);\n background: var(--terra);\n padding: 1rem 2.5rem;\n text-decoration: none;\n transition: background 0.2s, letter-spacing 0.2s;\n }\n\n .btn-primary:hover { background: var(--ink); letter-spacing: 0.3em; }\n\n \/* \u2500\u2500 COVID NOTICE \u2500\u2500 *\/\n .covid-notice {\n background: var(--maquis-light);\n color: var(--white);\n padding: 0.75rem 4rem;\n font-size: 0.78rem;\n letter-spacing: 0.05em;\n text-align: center;\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--ink);\n color: rgba(255,255,255,0.45);\n padding: 2rem 4rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.75rem;\n letter-spacing: 0.08em;\n }\n\n footer a { color: rgba(255,255,255,0.45); text-decoration: none; }\n footer a:hover { color: var(--terra-light); }\n\n .footer-logo {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.2rem;\n font-weight: 300;\n color: rgba(255,255,255,0.7);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n .divider {\n width: 40px;\n height: 1px;\n background: var(--terra);\n margin: 1.25rem 0;\n }\n\n \/* \u2500\u2500 REVEAL ANIMATION \u2500\u2500 *\/\n .reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n\n .reveal.visible {\n opacity: 1;\n transform: none;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n nav { padding: 1.2rem 2rem; }\n .nav-links { display: none; }\n section { padding: 3.5rem 2rem; }\n .hero-content { padding: 0 2rem 3rem; }\n .hero-stats { gap: 1.5rem; flex-wrap: wrap; }\n .overview { grid-template-columns: 1fr; }\n .overview-image { height: 360px; }\n .overview-text { padding: 3rem 2rem; }\n .chambres-grid { grid-template-columns: 1fr; }\n .chambre-card.large { grid-column: span 1; }\n .vie-grid { grid-template-columns: 1fr 1fr; }\n .piscine-content { padding: 3.5rem 2rem; }\n .situation-inner { grid-template-columns: 1fr; gap: 2.5rem; }\n .situation-img-caption { right: 0; }\n .covid-notice { padding: 0.75rem 2rem; }\n .inclus-strip { padding: 1.5rem 2rem; }\n footer { padding: 1.5rem 2rem; flex-direction: column; gap: 1rem; text-align: center; }\n .cta-section { padding: 3.5rem 2rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a href=\"#\" class=\"nav-logo\">La <span>Veglia<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#\">Home<\/a><\/li>\n <li><a href=\"#\" class=\"active\">Villa<\/a><\/li>\n <li><a href=\"#\">The area<\/a><\/li>\n <li><a href=\"#\">Prices<\/a><\/li>\n <li><a href=\"#\">Contact<\/a><\/li>\n <\/ul>\n <a href=\"http:\/\/www.locationvilla-portovecchio.fr\/fr\/rentals\/48685-location-villa-vue-sur-mer-a-porto-vecchio\" class=\"nav-cta\" target=\"_blank\" rel=\"noopener\">Book now<\/a>\n<\/nav>\n\n\n<div class=\"covid-notice\">\n Annulation gratuite si votre s\u00e9jour ne peut s’effectuer \u00e0 cause du Covid-19 \u00b7 \n D\u00e9sinfection renforc\u00e9e entre chaque s\u00e9jour\n<\/div>\n\n\n<section class=\"hero\" style=\"margin-top: calc(72px + 40px); padding: 0;\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-content reveal\">\n <p class=\"hero-tag\">Porto-Vecchio \u00b7 Corse du Sud<\/p>\n <h1 class=\"hero-title\">La Villa<br><em>La Veglia<\/em><\/h1>\n <p class=\"hero-desc\">Une villa d’exception avec vue panoramique \u00e0 180\u00b0 sur tout le golfe de Porto-Vecchio, lov\u00e9e dans 8 000 m\u00b2 de jardin et de maquis corse.<\/p>\n <div class=\"hero-stats\">\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\">350<span style=\"font-size:1rem\">m\u00b2<\/span><\/div>\n <div class=\"hero-stat-label\">Surface habitable<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\">5<\/div>\n <div class=\"hero-stat-label\">Chambres<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\">13<\/div>\n <div class=\"hero-stat-label\">Personnes<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\">8k<span style=\"font-size:1rem\">m\u00b2<\/span><\/div>\n <div class=\"hero-stat-label\">Terrain<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"overview\">\n <div class=\"overview-text reveal\">\n <p class=\"section-tag\">Villa<\/p>\n <h2 class=\"section-title\">Un \u00e9crin de luxe<br><em>face au golfe<\/em><\/h2>\n <div class=\"divider\"><\/div>\n <p class=\"section-body\">Construite sur plusieurs niveaux, La Veglia est id\u00e9ale pour accueillir plusieurs familles ind\u00e9pendamment et confortablement. D\u00e8s le matin, la villa est baign\u00e9e de soleil \u2014 profitez du lever sur la pointe de la Chiappa.<\/p>\n <div class=\"overview-features\">\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Piscine \u00e0 d\u00e9bordement<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Wifi gratuit<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Barbecue int\u00e9gr\u00e9<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Climatisation<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Cuisine \u00e9quip\u00e9e<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>4 salles de bain<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Coin feu \/ chemin\u00e9e<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>TV \u00e9crans plats<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Machine \u00e0 laver<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Lave-vaisselle<\/div>\n <\/div>\n <\/div>\n <div class=\"overview-image\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/photo-99340603-007-1-scaled.jpg\" alt=\"Vue panoramique golfe de Porto-Vecchio\" loading=\"lazy\">\n <div class=\"overview-badge\">\n <div class=\"badge-num\">180\u00b0<\/div>\n <div class=\"badge-label\">Vue sur le golfe<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"inclus-strip\">\n <span class=\"inclus-label\">Inclus dans le s\u00e9jour<\/span>\n <div class=\"inclus-items\">\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> Linge de lit & toilette<\/span>\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> Lits dress\u00e9s \u00e0 l’arriv\u00e9e<\/span>\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> Panier d’accueil corse<\/span>\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> Entretien piscine regulier<\/span>\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> M\u00e9nage fin de s\u00e9jour<\/span>\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> Kit produits d’entretien<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"chambres\">\n <p class=\"section-tag reveal\">H\u00e9bergement<\/p>\n <h2 class=\"section-title reveal\">Cinq chambres,<br><em>chacune sur ses terrasses<\/em><\/h2>\n <p class=\"section-body reveal\">Chaque chambre s’ouvre sur une terrasse avec vue imprenable sur la mer. La villa offre 4 grandes salles de bain et accueille jusqu’\u00e0 13 personnes.<\/p>\n\n <div class=\"chambres-grid\">\n\n \n <div class=\"chambre-card large reveal\">\n <div class=\"chambre-card-img\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/tkc_91c398fe-63c8-4c00-a091-fbefe808f411.png\" alt=\"Suite parentale\" loading=\"lazy\">\n <div class=\"chambre-card-num\">Ch. 1<\/div>\n <\/div>\n <div class=\"chambre-card-body\">\n <h3 class=\"chambre-card-title\">Suite parentale<\/h3>\n <p class=\"chambre-card-level\">Niveau sup\u00e9rieur \u00b7 Climatis\u00e9e<\/p>\n <ul class=\"chambre-card-features\">\n <li>Lit double 160 cm<\/li>\n <li>Salle de bain avec douche & baignoire, double lavabo<\/li>\n <li>Grand \u00e9cran plat TV connect\u00e9<\/li>\n <li>Rangements portes coulissantes<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"chambre-card reveal\">\n <div class=\"chambre-card-img\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-29-sept.-2025-a-13_48_49.png\" alt=\"Chambre 2\" loading=\"lazy\">\n <div class=\"chambre-card-num\">Ch. 2<\/div>\n <\/div>\n <div class=\"chambre-card-body\">\n <h3 class=\"chambre-card-title\">Chambre double<\/h3>\n <p class=\"chambre-card-level\">Niveau interm\u00e9diaire \u00b7 Climatis\u00e9e<\/p>\n <ul class=\"chambre-card-features\">\n <li>Lit double 140 cm<\/li>\n <li>Salle de bain avec douche & lavabo<\/li>\n <li>TV connect\u00e9e<\/li>\n <li>Rangements portes coulissantes<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"chambre-card reveal\">\n <div class=\"chambre-card-img\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/photo-99340603-025-768x511.jpg\" alt=\"Chambre enfants\" loading=\"lazy\">\n <div class=\"chambre-card-num\">Ch. 3<\/div>\n <\/div>\n <div class=\"chambre-card-body\">\n <h3 class=\"chambre-card-title\">Chambre enfants<\/h3>\n <p class=\"chambre-card-level\">Niveau interm\u00e9diaire \u00b7 Climatis\u00e9e<\/p>\n <ul class=\"chambre-card-features\">\n <li>2 lits superpos\u00e9s 90 cm (4 couchages)<\/li>\n <li>1 lit simple 90 cm<\/li>\n <li>Salle de bain avec douche & lavabo<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"chambre-card reveal\">\n <div class=\"chambre-card-img\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-29-sept.-2025-a-13_37_31.png\" alt=\"Chambres 4 et 5\" loading=\"lazy\">\n <div class=\"chambre-card-num\">Ch. 4 & 5<\/div>\n <\/div>\n <div class=\"chambre-card-body\">\n <h3 class=\"chambre-card-title\">Deux chambres<\/h3>\n <p class=\"chambre-card-level\">Niveau inf\u00e9rieur \u00b7 1 climatis\u00e9e<\/p>\n <ul class=\"chambre-card-features\">\n <li>Ch. 4 : lit double 160 cm + TV connect\u00e9e<\/li>\n <li>Ch. 5 : deux lits 90 cm<\/li>\n <li>Salle de bain commune douche & double lavabo<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section class=\"vie-commune\" style=\"padding: 5rem 0;\">\n <div style=\"padding: 0 4rem 3rem;\" class=\"reveal\">\n <p class=\"section-tag\">Espaces communs<\/p>\n <h2 class=\"section-title\">Cuisine, salon<br><em>& terrasses<\/em><\/h2>\n <\/div>\n <div class=\"vie-grid\">\n <div class=\"vie-item reveal\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/tkc_e180af46-f58a-4e0e-9d72-cedbd5ffea95.png\" alt=\"Cuisine\" loading=\"lazy\">\n <div class=\"vie-item-label\">\n <span class=\"vie-item-sub\">Cuisine<\/span>\n Enti\u00e8rement \u00e9quip\u00e9e\n <\/div>\n <\/div>\n <div class=\"vie-item reveal\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-29-sept.-2025-a-13_28_58.png\" alt=\"Salle \u00e0 manger\" loading=\"lazy\">\n <div class=\"vie-item-label\">\n <span class=\"vie-item-sub\">Salle \u00e0 manger<\/span>\n 2 tables \u2014 13 personnes\n <\/div>\n <\/div>\n <div class=\"vie-item reveal\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/tkc_76d43bc4-8763-47cf-8b4e-62cdf9d5f12a.jpg\" alt=\"Salon\" loading=\"lazy\">\n <div class=\"vie-item-label\">\n <span class=\"vie-item-sub\">Salon<\/span>\n Chemin\u00e9e & grand \u00e9cran\n <\/div>\n <\/div>\n <div class=\"vie-item reveal\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-29-sept.-2025-a-12_22_09.png\" alt=\"Terrasse\" loading=\"lazy\">\n <div class=\"vie-item-label\">\n <span class=\"vie-item-sub\">Terraces<\/span>\n Barbecue int\u00e9gr\u00e9\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"piscine\" style=\"padding: 0;\">\n <div class=\"piscine-bg\"><\/div>\n <div class=\"piscine-content reveal\">\n <p class=\"section-tag\">Swimming pool<\/p>\n <h2 class=\"section-title\">\u00c0 d\u00e9bordement,<br><em>sur le golfe<\/em><\/h2>\n <div class=\"divider\"><\/div>\n <p class=\"section-body\">La piscine \u00e0 bord d\u00e9bordant \u00e9merveille au coucher comme au lever du soleil. Son entretien est assur\u00e9 chaque jour par nos soins, pour que vous profitiez de chaque instant.<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"situation\">\n <div class=\"situation-inner\">\n <div class=\"reveal\">\n <p class=\"section-tag\">Situation<\/p>\n <h2 class=\"section-title\">Entre Porto-Vecchio<br><em>& Palombaggia<\/em><\/h2>\n <div class=\"divider\"><\/div>\n <p class=\"section-body\">La villa est accessible en voiture, en avion ou m\u00eame par bateau. Une petite plage de sable est accessible \u00e0 5 minutes \u00e0 pied.<\/p>\n <ul class=\"situation-list\">\n <li class=\"situation-item\">\n <span class=\"situation-distance\">5 min<\/span>\n <span>Plage de sable \u00e0 pied<\/span>\n <\/li>\n <li class=\"situation-item\">\n <span class=\"situation-distance\">10 min<\/span>\n <span>Porto-Vecchio (ville & port)<\/span>\n <\/li>\n <li class=\"situation-item\">\n <span class=\"situation-distance\">20 min<\/span>\n <span>A\u00e9roport de Figari<\/span>\n <\/li>\n <li class=\"situation-item\">\n <span class=\"situation-distance\">1 h<\/span>\n <span>Randonn\u00e9es de l’Altaroca<\/span>\n <\/li>\n <li class=\"situation-item\">\n <span class=\"situation-distance\">2 h<\/span>\n <span>Bastia (bateau ou voiture)<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"situation-img-wrap reveal\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/photo-99340603-041-scaled.jpg\" alt=\"Vue golfe de Porto-Vecchio\" loading=\"lazy\">\n <div class=\"situation-img-caption\">Voile \u00b7 Randonn\u00e9es \u00b7 Canyoning \u00e0 proximit\u00e9<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section style=\"background: var(--ink); padding: 5rem 4rem;\">\n <p class=\"section-tag reveal\" style=\"color: var(--terra-light);\">Vid\u00e9o<\/p>\n <h2 class=\"section-title reveal\" style=\"color: var(--white); margin-bottom: 2.5rem;\">La Veglia <em>en images<\/em><\/h2>\n <div class=\"reveal\" style=\"position: relative; width: 100%; max-width: 960px; margin: 0 auto; aspect-ratio: 16\/9;\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/voF0mz991h4\"\n title=\"La Veglia \u2013 Villa avec piscine \u00e0 Porto-Vecchio\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n style=\"position: absolute; inset: 0; width: 100%; height: 100%;\">\n <\/iframe>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-section\">\n <p class=\"section-tag reveal\">Disponibilit\u00e9s<\/p>\n <h2 class=\"section-title reveal\">Book now<br><em>La Veglia<\/em><\/h2>\n <p class=\"section-body reveal\">Annulation gratuite en cas d’impossibilit\u00e9 li\u00e9e au Covid-19. Contactez-nous pour conna\u00eetre les disponibilit\u00e9s et tarifs de la saison.<\/p>\n <a href=\"http:\/\/www.locationvilla-portovecchio.fr\/fr\/rentals\/48685-location-villa-vue-sur-mer-a-porto-vecchio\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\">Consulter les disponibilit\u00e9s<\/a>\n<\/section>\n\n\n<footer>\n <span class=\"footer-logo\">La Veglia<\/span>\n <span>Villa avec piscine \u00b7 Porto-Vecchio, Corse du Sud<\/span>\n <nav>\n <a href=\"#\">Home<\/a> \u00b7 \n <a href=\"#\">Contact<\/a> \u00b7 \n <a href=\"#\">Prices<\/a>\n <\/nav>\n<\/footer>\n\n<script>\n \/\/ Reveal on scroll\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n setTimeout(() => entry.target.classList.add('visible'), i * 60);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12 });\n reveals.forEach(el => observer.observe(el));\n\n \/\/ Nav scroll shrink\n window.addEventListener('scroll', () => {\n document.querySelector('nav').style.padding =\n window.scrollY > 60 ? '1rem 4rem' : '1.5rem 4rem';\n });\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>La Villa \u2013 La Veglia Porto-Vecchio La Veglia Accueil La villa Les environs Tarifs Contact R\u00e9server Annulation gratuite si votre s\u00e9jour ne peut s’effectuer \u00e0 cause du Covid-19 \u00b7 D\u00e9sinfection renforc\u00e9e entre chaque s\u00e9jour Porto-Vecchio \u00b7 Corse du Sud La VillaLa Veglia Une villa d’exception avec vue panoramique \u00e0 180\u00b0 sur tout le golfe de […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":[],"_links":{"self":[{"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/pages\/145"}],"collection":[{"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":20,"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/pages\/145\/revisions"}],"predecessor-version":[{"id":708,"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/pages\/145\/revisions\/708"}],"wp:attachment":[{"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/media?parent=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":145,"date":"2020-06-25T15:11:10","date_gmt":"2020-06-25T13:11:10","guid":{"rendered":"http:\/\/laveglia-portovecchio.com\/?page_id=145"},"modified":"2026-03-27T13:24:49","modified_gmt":"2026-03-27T12:24:49","slug":"la-villa","status":"publish","type":"page","link":"http:\/\/laveglia-portovecchio.com\/en\/la-villa\/","title":{"rendered":"Villa"},"content":{"rendered":"\n\n\n\n\n\nLa Villa \u2013 La Veglia Porto-Vecchio<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --sand: #F5EFE4;\n --sand-dark: #E8DFD0;\n --terra: #8B6B4A;\n --terra-light: #B8956B;\n --maquis: #4A5C3E;\n --maquis-light: #6B8060;\n --sea: #2D5F7A;\n --sea-light: #4A8BA8;\n --ink: #1A1714;\n --ink-soft: #3D3630;\n --muted: #7A6E65;\n --cream: #FAF7F2;\n --white: #FFFFFF;\n --gap: 2rem;\n --radius: 2px;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { font-size: 16px; scroll-behavior: smooth; }\n\n body {\n font-family: 'Jost', sans-serif;\n font-weight: 300;\n background: var(--cream);\n color: var(--ink);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAVIGATION \u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.5rem 4rem;\n background: rgba(250,247,242,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 0.5px solid rgba(139,107,74,0.15);\n transition: padding 0.3s;\n }\n\n .nav-logo {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-weight: 300;\n letter-spacing: 0.12em;\n color: var(--ink);\n text-decoration: none;\n text-transform: uppercase;\n }\n\n .nav-logo span { color: var(--terra); }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n font-size: 0.78rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--ink-soft);\n text-decoration: none;\n transition: color 0.2s;\n }\n\n .nav-links a:hover { color: var(--terra); }\n .nav-links a.active { color: var(--terra); border-bottom: 1px solid var(--terra); padding-bottom: 2px; }\n\n .nav-cta {\n font-size: 0.72rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--white);\n background: var(--terra);\n padding: 0.6rem 1.4rem;\n text-decoration: none;\n transition: background 0.2s;\n }\n\n .nav-cta:hover { background: var(--terra-light); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n height: 85vh;\n min-height: 600px;\n position: relative;\n display: flex;\n align-items: flex-end;\n overflow: hidden;\n margin-top: 72px;\n }\n\n .hero-bg {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(to bottom, rgba(26,23,20,0.1) 0%, rgba(26,23,20,0.55) 100%),\n url('http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/photo-99340603-001-scaled.jpg') center\/cover no-repeat;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n padding: 0 4rem 4.5rem;\n max-width: 700px;\n }\n\n .hero-tag {\n font-size: 0.72rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--terra-light);\n margin-bottom: 1rem;\n }\n\n .hero-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(3rem, 6vw, 5rem);\n font-weight: 300;\n color: var(--white);\n line-height: 1.05;\n margin-bottom: 1.5rem;\n }\n\n .hero-title em { font-style: italic; color: var(--terra-light); }\n\n .hero-desc {\n font-size: 1rem;\n font-weight: 300;\n color: rgba(255,255,255,0.82);\n line-height: 1.7;\n max-width: 480px;\n margin-bottom: 2rem;\n }\n\n .hero-stats {\n display: flex;\n gap: 2.5rem;\n }\n\n .hero-stat {\n border-left: 1px solid rgba(255,255,255,0.3);\n padding-left: 1rem;\n }\n\n .hero-stat-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2rem;\n font-weight: 300;\n color: var(--white);\n line-height: 1;\n }\n\n .hero-stat-label {\n font-size: 0.7rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.6);\n margin-top: 0.25rem;\n }\n\n \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\n section { padding: 5rem 4rem; }\n\n .section-tag {\n font-size: 0.7rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--terra);\n margin-bottom: 0.75rem;\n }\n\n .section-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 300;\n line-height: 1.1;\n color: var(--ink);\n margin-bottom: 1.5rem;\n }\n\n .section-title em { font-style: italic; color: var(--terra); }\n\n .section-body {\n font-size: 1rem;\n font-weight: 300;\n line-height: 1.8;\n color: var(--ink-soft);\n max-width: 560px;\n }\n\n \/* \u2500\u2500 OVERVIEW \u2500\u2500 *\/\n .overview {\n background: var(--white);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n }\n\n .overview-text {\n padding: 5rem 4rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .overview-features {\n margin-top: 2.5rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem 2rem;\n }\n\n .feat {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n font-size: 0.88rem;\n color: var(--ink-soft);\n line-height: 1.4;\n }\n\n .feat-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--terra);\n margin-top: 0.45em;\n flex-shrink: 0;\n }\n\n .overview-image {\n position: relative;\n overflow: hidden;\n }\n\n .overview-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .overview-badge {\n position: absolute;\n bottom: 2rem;\n left: 2rem;\n background: rgba(250,247,242,0.95);\n padding: 1rem 1.5rem;\n backdrop-filter: blur(8px);\n }\n\n .badge-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2.5rem;\n font-weight: 300;\n color: var(--terra);\n line-height: 1;\n }\n\n .badge-label {\n font-size: 0.7rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--ink-soft);\n }\n\n \/* \u2500\u2500 ACCUEIL INCLUS \u2500\u2500 *\/\n .inclus-strip {\n background: var(--maquis);\n padding: 2rem 4rem;\n display: flex;\n align-items: center;\n gap: 3rem;\n flex-wrap: wrap;\n }\n\n .inclus-label {\n font-size: 0.7rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.5);\n white-space: nowrap;\n }\n\n .inclus-items {\n display: flex;\n gap: 2rem;\n flex-wrap: wrap;\n }\n\n .inclus-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.82rem;\n color: rgba(255,255,255,0.85);\n letter-spacing: 0.05em;\n }\n\n .inclus-icon { color: var(--terra-light); font-size: 1rem; }\n\n \/* \u2500\u2500 CHAMBRES \u2500\u2500 *\/\n .chambres { background: var(--cream); }\n\n .chambres-grid {\n margin-top: 3rem;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n\n .chambre-card {\n background: var(--white);\n overflow: hidden;\n cursor: pointer;\n transition: transform 0.3s;\n }\n\n .chambre-card:hover { transform: translateY(-4px); }\n\n .chambre-card-img {\n aspect-ratio: 4\/3;\n overflow: hidden;\n position: relative;\n background: var(--sand-dark);\n }\n\n .chambre-card-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.5s;\n }\n\n .chambre-card:hover .chambre-card-img img { transform: scale(1.04); }\n\n .chambre-card-num {\n position: absolute;\n top: 1rem;\n left: 1rem;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n color: var(--white);\n background: rgba(26,23,20,0.55);\n padding: 0.2rem 0.6rem;\n letter-spacing: 0.1em;\n }\n\n .chambre-card-body { padding: 1.5rem; }\n\n .chambre-card-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n font-weight: 400;\n color: var(--ink);\n margin-bottom: 0.5rem;\n }\n\n .chambre-card-level {\n font-size: 0.7rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--terra);\n margin-bottom: 0.75rem;\n }\n\n .chambre-card-features {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.3rem;\n }\n\n .chambre-card-features li {\n font-size: 0.82rem;\n color: var(--muted);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .chambre-card-features li::before {\n content: '\u2014';\n color: var(--terra-light);\n font-size: 0.7rem;\n }\n\n \/* Large card (suite parentale) *\/\n .chambre-card.large {\n grid-column: span 2;\n }\n\n .chambre-card.large .chambre-card-img { aspect-ratio: 16\/7; }\n\n \/* \u2500\u2500 VIE COMMUNE \u2500\u2500 *\/\n .vie-commune {\n background: var(--ink);\n color: var(--white);\n }\n\n .vie-commune .section-title { color: var(--white); }\n .vie-commune .section-tag { color: var(--terra-light); }\n .vie-commune .section-body { color: rgba(255,255,255,0.65); }\n\n .vie-grid {\n margin-top: 3rem;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n }\n\n .vie-item {\n position: relative;\n overflow: hidden;\n aspect-ratio: 3\/4;\n }\n\n .vie-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n filter: brightness(0.75);\n transition: transform 0.5s, filter 0.3s;\n }\n\n .vie-item:hover img { transform: scale(1.05); filter: brightness(0.9); }\n\n .vie-item-label {\n position: absolute;\n bottom: 0;\n left: 0; right: 0;\n padding: 2rem 1.25rem 1.25rem;\n background: linear-gradient(to top, rgba(26,23,20,0.85) 0%, transparent 100%);\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n color: var(--white);\n font-weight: 300;\n }\n\n .vie-item-sub {\n font-family: 'Jost', sans-serif;\n font-size: 0.7rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--terra-light);\n display: block;\n margin-bottom: 0.3rem;\n }\n\n \/* \u2500\u2500 PISCINE \u2500\u2500 *\/\n .piscine {\n position: relative;\n min-height: 70vh;\n display: flex;\n align-items: center;\n overflow: hidden;\n }\n\n .piscine-bg {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(to right, rgba(26,23,20,0.7) 40%, rgba(26,23,20,0.1) 100%),\n url('http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/photo-99340603-006-2-scaled.jpg') center\/cover no-repeat;\n }\n\n .piscine-content {\n position: relative;\n z-index: 2;\n padding: 5rem 4rem;\n max-width: 560px;\n }\n\n .piscine-content .section-title { color: var(--white); }\n .piscine-content .section-tag { color: var(--terra-light); }\n .piscine-content .section-body { color: rgba(255,255,255,0.75); }\n\n \/* \u2500\u2500 SITUATION \u2500\u2500 *\/\n .situation { background: var(--white); }\n\n .situation-inner {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 5rem;\n align-items: center;\n }\n\n .situation-list {\n margin-top: 2rem;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .situation-item {\n display: flex;\n align-items: baseline;\n gap: 1rem;\n padding-bottom: 1rem;\n border-bottom: 0.5px solid var(--sand-dark);\n font-size: 0.9rem;\n color: var(--ink-soft);\n }\n\n .situation-item:last-child { border-bottom: none; }\n\n .situation-distance {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--terra);\n line-height: 1;\n min-width: 70px;\n flex-shrink: 0;\n }\n\n .situation-img-wrap {\n position: relative;\n }\n\n .situation-img-wrap img {\n width: 100%;\n aspect-ratio: 4\/3;\n object-fit: cover;\n display: block;\n }\n\n .situation-img-caption {\n position: absolute;\n top: 2rem;\n right: -1.5rem;\n background: var(--terra);\n color: var(--white);\n padding: 1rem 1.5rem;\n font-size: 0.78rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n max-width: 180px;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\n .cta-section {\n background: var(--sand);\n text-align: center;\n padding: 5rem 4rem;\n }\n\n .cta-section .section-title { margin-bottom: 1rem; }\n\n .cta-section .section-body {\n margin: 0 auto 2.5rem;\n text-align: center;\n max-width: 520px;\n }\n\n .btn-primary {\n display: inline-block;\n font-size: 0.78rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--white);\n background: var(--terra);\n padding: 1rem 2.5rem;\n text-decoration: none;\n transition: background 0.2s, letter-spacing 0.2s;\n }\n\n .btn-primary:hover { background: var(--ink); letter-spacing: 0.3em; }\n\n \/* \u2500\u2500 COVID NOTICE \u2500\u2500 *\/\n .covid-notice {\n background: var(--maquis-light);\n color: var(--white);\n padding: 0.75rem 4rem;\n font-size: 0.78rem;\n letter-spacing: 0.05em;\n text-align: center;\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--ink);\n color: rgba(255,255,255,0.45);\n padding: 2rem 4rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.75rem;\n letter-spacing: 0.08em;\n }\n\n footer a { color: rgba(255,255,255,0.45); text-decoration: none; }\n footer a:hover { color: var(--terra-light); }\n\n .footer-logo {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.2rem;\n font-weight: 300;\n color: rgba(255,255,255,0.7);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n .divider {\n width: 40px;\n height: 1px;\n background: var(--terra);\n margin: 1.25rem 0;\n }\n\n \/* \u2500\u2500 REVEAL ANIMATION \u2500\u2500 *\/\n .reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n\n .reveal.visible {\n opacity: 1;\n transform: none;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n nav { padding: 1.2rem 2rem; }\n .nav-links { display: none; }\n section { padding: 3.5rem 2rem; }\n .hero-content { padding: 0 2rem 3rem; }\n .hero-stats { gap: 1.5rem; flex-wrap: wrap; }\n .overview { grid-template-columns: 1fr; }\n .overview-image { height: 360px; }\n .overview-text { padding: 3rem 2rem; }\n .chambres-grid { grid-template-columns: 1fr; }\n .chambre-card.large { grid-column: span 1; }\n .vie-grid { grid-template-columns: 1fr 1fr; }\n .piscine-content { padding: 3.5rem 2rem; }\n .situation-inner { grid-template-columns: 1fr; gap: 2.5rem; }\n .situation-img-caption { right: 0; }\n .covid-notice { padding: 0.75rem 2rem; }\n .inclus-strip { padding: 1.5rem 2rem; }\n footer { padding: 1.5rem 2rem; flex-direction: column; gap: 1rem; text-align: center; }\n .cta-section { padding: 3.5rem 2rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a href=\"#\" class=\"nav-logo\">La <span>Veglia<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#\">Home<\/a><\/li>\n <li><a href=\"#\" class=\"active\">Villa<\/a><\/li>\n <li><a href=\"#\">The area<\/a><\/li>\n <li><a href=\"#\">Prices<\/a><\/li>\n <li><a href=\"#\">Contact<\/a><\/li>\n <\/ul>\n <a href=\"http:\/\/www.locationvilla-portovecchio.fr\/fr\/rentals\/48685-location-villa-vue-sur-mer-a-porto-vecchio\" class=\"nav-cta\" target=\"_blank\" rel=\"noopener\">Book now<\/a>\n<\/nav>\n\n\n<div class=\"covid-notice\">\n Annulation gratuite si votre s\u00e9jour ne peut s’effectuer \u00e0 cause du Covid-19 \u00b7 \n D\u00e9sinfection renforc\u00e9e entre chaque s\u00e9jour\n<\/div>\n\n\n<section class=\"hero\" style=\"margin-top: calc(72px + 40px); padding: 0;\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-content reveal\">\n <p class=\"hero-tag\">Porto-Vecchio \u00b7 Corse du Sud<\/p>\n <h1 class=\"hero-title\">La Villa<br><em>La Veglia<\/em><\/h1>\n <p class=\"hero-desc\">Une villa d’exception avec vue panoramique \u00e0 180\u00b0 sur tout le golfe de Porto-Vecchio, lov\u00e9e dans 8 000 m\u00b2 de jardin et de maquis corse.<\/p>\n <div class=\"hero-stats\">\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\">350<span style=\"font-size:1rem\">m\u00b2<\/span><\/div>\n <div class=\"hero-stat-label\">Surface habitable<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\">5<\/div>\n <div class=\"hero-stat-label\">Chambres<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\">13<\/div>\n <div class=\"hero-stat-label\">Personnes<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\">8k<span style=\"font-size:1rem\">m\u00b2<\/span><\/div>\n <div class=\"hero-stat-label\">Terrain<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"overview\">\n <div class=\"overview-text reveal\">\n <p class=\"section-tag\">Villa<\/p>\n <h2 class=\"section-title\">Un \u00e9crin de luxe<br><em>face au golfe<\/em><\/h2>\n <div class=\"divider\"><\/div>\n <p class=\"section-body\">Construite sur plusieurs niveaux, La Veglia est id\u00e9ale pour accueillir plusieurs familles ind\u00e9pendamment et confortablement. D\u00e8s le matin, la villa est baign\u00e9e de soleil \u2014 profitez du lever sur la pointe de la Chiappa.<\/p>\n <div class=\"overview-features\">\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Piscine \u00e0 d\u00e9bordement<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Wifi gratuit<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Barbecue int\u00e9gr\u00e9<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Climatisation<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Cuisine \u00e9quip\u00e9e<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>4 salles de bain<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Coin feu \/ chemin\u00e9e<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>TV \u00e9crans plats<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Machine \u00e0 laver<\/div>\n <div class=\"feat\"><span class=\"feat-dot\"><\/span>Lave-vaisselle<\/div>\n <\/div>\n <\/div>\n <div class=\"overview-image\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/photo-99340603-007-1-scaled.jpg\" alt=\"Vue panoramique golfe de Porto-Vecchio\" loading=\"lazy\">\n <div class=\"overview-badge\">\n <div class=\"badge-num\">180\u00b0<\/div>\n <div class=\"badge-label\">Vue sur le golfe<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"inclus-strip\">\n <span class=\"inclus-label\">Inclus dans le s\u00e9jour<\/span>\n <div class=\"inclus-items\">\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> Linge de lit & toilette<\/span>\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> Lits dress\u00e9s \u00e0 l’arriv\u00e9e<\/span>\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> Panier d’accueil corse<\/span>\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> Entretien piscine regulier<\/span>\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> M\u00e9nage fin de s\u00e9jour<\/span>\n <span class=\"inclus-item\"><span class=\"inclus-icon\">\u2726<\/span> Kit produits d’entretien<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"chambres\">\n <p class=\"section-tag reveal\">H\u00e9bergement<\/p>\n <h2 class=\"section-title reveal\">Cinq chambres,<br><em>chacune sur ses terrasses<\/em><\/h2>\n <p class=\"section-body reveal\">Chaque chambre s’ouvre sur une terrasse avec vue imprenable sur la mer. La villa offre 4 grandes salles de bain et accueille jusqu’\u00e0 13 personnes.<\/p>\n\n <div class=\"chambres-grid\">\n\n \n <div class=\"chambre-card large reveal\">\n <div class=\"chambre-card-img\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/tkc_91c398fe-63c8-4c00-a091-fbefe808f411.png\" alt=\"Suite parentale\" loading=\"lazy\">\n <div class=\"chambre-card-num\">Ch. 1<\/div>\n <\/div>\n <div class=\"chambre-card-body\">\n <h3 class=\"chambre-card-title\">Suite parentale<\/h3>\n <p class=\"chambre-card-level\">Niveau sup\u00e9rieur \u00b7 Climatis\u00e9e<\/p>\n <ul class=\"chambre-card-features\">\n <li>Lit double 160 cm<\/li>\n <li>Salle de bain avec douche & baignoire, double lavabo<\/li>\n <li>Grand \u00e9cran plat TV connect\u00e9<\/li>\n <li>Rangements portes coulissantes<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"chambre-card reveal\">\n <div class=\"chambre-card-img\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-29-sept.-2025-a-13_48_49.png\" alt=\"Chambre 2\" loading=\"lazy\">\n <div class=\"chambre-card-num\">Ch. 2<\/div>\n <\/div>\n <div class=\"chambre-card-body\">\n <h3 class=\"chambre-card-title\">Chambre double<\/h3>\n <p class=\"chambre-card-level\">Niveau interm\u00e9diaire \u00b7 Climatis\u00e9e<\/p>\n <ul class=\"chambre-card-features\">\n <li>Lit double 140 cm<\/li>\n <li>Salle de bain avec douche & lavabo<\/li>\n <li>TV connect\u00e9e<\/li>\n <li>Rangements portes coulissantes<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"chambre-card reveal\">\n <div class=\"chambre-card-img\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/photo-99340603-025-768x511.jpg\" alt=\"Chambre enfants\" loading=\"lazy\">\n <div class=\"chambre-card-num\">Ch. 3<\/div>\n <\/div>\n <div class=\"chambre-card-body\">\n <h3 class=\"chambre-card-title\">Chambre enfants<\/h3>\n <p class=\"chambre-card-level\">Niveau interm\u00e9diaire \u00b7 Climatis\u00e9e<\/p>\n <ul class=\"chambre-card-features\">\n <li>2 lits superpos\u00e9s 90 cm (4 couchages)<\/li>\n <li>1 lit simple 90 cm<\/li>\n <li>Salle de bain avec douche & lavabo<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"chambre-card reveal\">\n <div class=\"chambre-card-img\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-29-sept.-2025-a-13_37_31.png\" alt=\"Chambres 4 et 5\" loading=\"lazy\">\n <div class=\"chambre-card-num\">Ch. 4 & 5<\/div>\n <\/div>\n <div class=\"chambre-card-body\">\n <h3 class=\"chambre-card-title\">Deux chambres<\/h3>\n <p class=\"chambre-card-level\">Niveau inf\u00e9rieur \u00b7 1 climatis\u00e9e<\/p>\n <ul class=\"chambre-card-features\">\n <li>Ch. 4 : lit double 160 cm + TV connect\u00e9e<\/li>\n <li>Ch. 5 : deux lits 90 cm<\/li>\n <li>Salle de bain commune douche & double lavabo<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section class=\"vie-commune\" style=\"padding: 5rem 0;\">\n <div style=\"padding: 0 4rem 3rem;\" class=\"reveal\">\n <p class=\"section-tag\">Espaces communs<\/p>\n <h2 class=\"section-title\">Cuisine, salon<br><em>& terrasses<\/em><\/h2>\n <\/div>\n <div class=\"vie-grid\">\n <div class=\"vie-item reveal\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/tkc_e180af46-f58a-4e0e-9d72-cedbd5ffea95.png\" alt=\"Cuisine\" loading=\"lazy\">\n <div class=\"vie-item-label\">\n <span class=\"vie-item-sub\">Cuisine<\/span>\n Enti\u00e8rement \u00e9quip\u00e9e\n <\/div>\n <\/div>\n <div class=\"vie-item reveal\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-29-sept.-2025-a-13_28_58.png\" alt=\"Salle \u00e0 manger\" loading=\"lazy\">\n <div class=\"vie-item-label\">\n <span class=\"vie-item-sub\">Salle \u00e0 manger<\/span>\n 2 tables \u2014 13 personnes\n <\/div>\n <\/div>\n <div class=\"vie-item reveal\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/tkc_76d43bc4-8763-47cf-8b4e-62cdf9d5f12a.jpg\" alt=\"Salon\" loading=\"lazy\">\n <div class=\"vie-item-label\">\n <span class=\"vie-item-sub\">Salon<\/span>\n Chemin\u00e9e & grand \u00e9cran\n <\/div>\n <\/div>\n <div class=\"vie-item reveal\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-29-sept.-2025-a-12_22_09.png\" alt=\"Terrasse\" loading=\"lazy\">\n <div class=\"vie-item-label\">\n <span class=\"vie-item-sub\">Terraces<\/span>\n Barbecue int\u00e9gr\u00e9\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"piscine\" style=\"padding: 0;\">\n <div class=\"piscine-bg\"><\/div>\n <div class=\"piscine-content reveal\">\n <p class=\"section-tag\">Swimming pool<\/p>\n <h2 class=\"section-title\">\u00c0 d\u00e9bordement,<br><em>sur le golfe<\/em><\/h2>\n <div class=\"divider\"><\/div>\n <p class=\"section-body\">La piscine \u00e0 bord d\u00e9bordant \u00e9merveille au coucher comme au lever du soleil. Son entretien est assur\u00e9 chaque jour par nos soins, pour que vous profitiez de chaque instant.<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"situation\">\n <div class=\"situation-inner\">\n <div class=\"reveal\">\n <p class=\"section-tag\">Situation<\/p>\n <h2 class=\"section-title\">Entre Porto-Vecchio<br><em>& Palombaggia<\/em><\/h2>\n <div class=\"divider\"><\/div>\n <p class=\"section-body\">La villa est accessible en voiture, en avion ou m\u00eame par bateau. Une petite plage de sable est accessible \u00e0 5 minutes \u00e0 pied.<\/p>\n <ul class=\"situation-list\">\n <li class=\"situation-item\">\n <span class=\"situation-distance\">5 min<\/span>\n <span>Plage de sable \u00e0 pied<\/span>\n <\/li>\n <li class=\"situation-item\">\n <span class=\"situation-distance\">10 min<\/span>\n <span>Porto-Vecchio (ville & port)<\/span>\n <\/li>\n <li class=\"situation-item\">\n <span class=\"situation-distance\">20 min<\/span>\n <span>A\u00e9roport de Figari<\/span>\n <\/li>\n <li class=\"situation-item\">\n <span class=\"situation-distance\">1 h<\/span>\n <span>Randonn\u00e9es de l’Altaroca<\/span>\n <\/li>\n <li class=\"situation-item\">\n <span class=\"situation-distance\">2 h<\/span>\n <span>Bastia (bateau ou voiture)<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"situation-img-wrap reveal\">\n <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/photo-99340603-041-scaled.jpg\" alt=\"Vue golfe de Porto-Vecchio\" loading=\"lazy\">\n <div class=\"situation-img-caption\">Voile \u00b7 Randonn\u00e9es \u00b7 Canyoning \u00e0 proximit\u00e9<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section style=\"background: var(--ink); padding: 5rem 4rem;\">\n <p class=\"section-tag reveal\" style=\"color: var(--terra-light);\">Vid\u00e9o<\/p>\n <h2 class=\"section-title reveal\" style=\"color: var(--white); margin-bottom: 2.5rem;\">La Veglia <em>en images<\/em><\/h2>\n <div class=\"reveal\" style=\"position: relative; width: 100%; max-width: 960px; margin: 0 auto; aspect-ratio: 16\/9;\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/voF0mz991h4\"\n title=\"La Veglia \u2013 Villa avec piscine \u00e0 Porto-Vecchio\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n style=\"position: absolute; inset: 0; width: 100%; height: 100%;\">\n <\/iframe>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-section\">\n <p class=\"section-tag reveal\">Disponibilit\u00e9s<\/p>\n <h2 class=\"section-title reveal\">Book now<br><em>La Veglia<\/em><\/h2>\n <p class=\"section-body reveal\">Annulation gratuite en cas d’impossibilit\u00e9 li\u00e9e au Covid-19. Contactez-nous pour conna\u00eetre les disponibilit\u00e9s et tarifs de la saison.<\/p>\n <a href=\"http:\/\/www.locationvilla-portovecchio.fr\/fr\/rentals\/48685-location-villa-vue-sur-mer-a-porto-vecchio\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\">Consulter les disponibilit\u00e9s<\/a>\n<\/section>\n\n\n<footer>\n <span class=\"footer-logo\">La Veglia<\/span>\n <span>Villa avec piscine \u00b7 Porto-Vecchio, Corse du Sud<\/span>\n <nav>\n <a href=\"#\">Home<\/a> \u00b7 \n <a href=\"#\">Contact<\/a> \u00b7 \n <a href=\"#\">Prices<\/a>\n <\/nav>\n<\/footer>\n\n<script>\n \/\/ Reveal on scroll\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n setTimeout(() => entry.target.classList.add('visible'), i * 60);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12 });\n reveals.forEach(el => observer.observe(el));\n\n \/\/ Nav scroll shrink\n window.addEventListener('scroll', () => {\n document.querySelector('nav').style.padding =\n window.scrollY > 60 ? '1rem 4rem' : '1.5rem 4rem';\n });\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>La Villa \u2013 La Veglia Porto-Vecchio La Veglia Accueil La villa Les environs Tarifs Contact R\u00e9server Annulation gratuite si votre s\u00e9jour ne peut s’effectuer \u00e0 cause du Covid-19 \u00b7 D\u00e9sinfection renforc\u00e9e entre chaque s\u00e9jour Porto-Vecchio \u00b7 Corse du Sud La VillaLa Veglia Une villa d’exception avec vue panoramique \u00e0 180\u00b0 sur tout le golfe de […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":[],"_links":{"self":[{"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/pages\/145"}],"collection":[{"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":20,"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/pages\/145\/revisions"}],"predecessor-version":[{"id":708,"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/pages\/145\/revisions\/708"}],"wp:attachment":[{"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/media?parent=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}