{"id":697,"date":"2026-03-27T12:19:14","date_gmt":"2026-03-27T11:19:14","guid":{"rendered":"http:\/\/laveglia-portovecchio.com\/?page_id=697"},"modified":"2026-03-27T12:19:14","modified_gmt":"2026-03-27T11:19:14","slug":"les-environs","status":"publish","type":"page","link":"http:\/\/laveglia-portovecchio.com\/en\/les-environs\/","title":{"rendered":"The area"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta http-equiv=\"Content-Security-Policy\" content=\"img-src * data: blob:\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Les environs \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&#038;family=Jost:wght@300;400;500&#038;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  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\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 NAV \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.94);\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  .nav-logo span { color: var(--terra); }\n\n  .nav-links { display: flex; gap: 2.5rem; list-style: none; }\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  .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  .nav-cta:hover { background: var(--ink); }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    height: 65vh;\n    min-height: 480px;\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; inset: 0;\n    background:\n      linear-gradient(to bottom, rgba(26,23,20,0.05) 0%, rgba(26,23,20,0.6) 100%),\n      url('http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/4944px-Palombaggia_beach_04-1024x371.jpg') center\/cover no-repeat;\n  }\n\n  .hero-content {\n    position: relative; z-index: 2;\n    padding: 0 4rem 4rem;\n    max-width: 640px;\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: 0.75rem;\n  }\n\n  .hero-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2.8rem, 5.5vw, 4.5rem);\n    font-weight: 300;\n    color: var(--white);\n    line-height: 1.05;\n    margin-bottom: 1.2rem;\n  }\n  .hero-title em { font-style: italic; color: var(--terra-light); }\n\n  .hero-desc {\n    font-size: 1rem;\n    color: rgba(255,255,255,0.8);\n    line-height: 1.7;\n    max-width: 480px;\n  }\n\n  \/* \u2500\u2500 TYPOGRAPHY UTILS \u2500\u2500 *\/\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(1.9rem, 3vw, 2.8rem);\n    font-weight: 300;\n    line-height: 1.1;\n    color: var(--ink);\n    margin-bottom: 1rem;\n  }\n  .section-title em { font-style: italic; color: var(--terra); }\n\n  .divider { width: 36px; height: 1px; background: var(--terra); margin: 1.2rem 0; }\n\n  \/* \u2500\u2500 BACKLINK SECTION \u2500\u2500 *\/\n  .backlink-section {\n    background: var(--ink);\n    padding: 5rem 4rem;\n  }\n\n  .backlink-section .section-title { color: var(--white); }\n  .backlink-section .section-tag { color: var(--terra-light); }\n\n  .backlink-intro {\n    font-size: 1rem;\n    color: rgba(255,255,255,0.6);\n    line-height: 1.8;\n    max-width: 580px;\n    margin-bottom: 3rem;\n  }\n\n  .backlink-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.5px;\n  }\n\n  .backlink-card {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 3\/4;\n    display: block;\n    text-decoration: none;\n    background: var(--ink-soft);\n  }\n\n  .backlink-card-bg {\n    position: absolute; inset: 0;\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.6s ease, filter 0.4s ease;\n    filter: brightness(0.55) saturate(0.85);\n  }\n\n  .backlink-card:hover .backlink-card-bg {\n    transform: scale(1.05);\n    filter: brightness(0.7) saturate(1);\n  }\n\n  .backlink-card-body {\n    position: absolute; inset: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 2rem 1.75rem;\n    background: linear-gradient(to top, rgba(26,23,20,0.88) 0%, rgba(26,23,20,0) 60%);\n    transition: background 0.3s;\n  }\n\n  .backlink-card:hover .backlink-card-body {\n    background: linear-gradient(to top, rgba(26,23,20,0.92) 0%, rgba(26,23,20,0.1) 70%);\n  }\n\n  .backlink-eyebrow {\n    font-size: 0.65rem;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: var(--terra-light);\n    margin-bottom: 0.5rem;\n  }\n\n  .backlink-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.5rem;\n    font-weight: 300;\n    color: var(--white);\n    line-height: 1.15;\n    margin-bottom: 0.75rem;\n  }\n\n  .backlink-desc {\n    font-size: 0.82rem;\n    color: rgba(255,255,255,0.65);\n    line-height: 1.6;\n    margin-bottom: 1.25rem;\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s ease, opacity 0.3s;\n    opacity: 0;\n  }\n\n  .backlink-card:hover .backlink-desc {\n    max-height: 80px;\n    opacity: 1;\n  }\n\n  .backlink-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-size: 0.72rem;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--terra-light);\n    transition: gap 0.2s, color 0.2s;\n  }\n\n  .backlink-card:hover .backlink-cta { gap: 0.8rem; color: var(--white); }\n\n  .backlink-cta-arrow { font-size: 0.9rem; }\n\n  .backlink-tag {\n    position: absolute;\n    top: 1.25rem; right: 1.25rem;\n    background: rgba(139,107,74,0.85);\n    color: var(--white);\n    font-size: 0.65rem;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    padding: 0.3rem 0.7rem;\n    backdrop-filter: blur(4px);\n  }\n\n  \/* \u2500\u2500 DESTINATIONS \u2500\u2500 *\/\n  .destinations { padding: 5rem 4rem; background: var(--white); }\n\n  .dest-grid {\n    margin-top: 3rem;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 2px;\n  }\n\n  .dest-card {\n    position: relative;\n    overflow: hidden;\n  }\n\n  .dest-card-img {\n    aspect-ratio: 16\/9;\n    overflow: hidden;\n    background: var(--sand-dark);\n  }\n\n  .dest-card-img img {\n    width: 100%; height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.5s;\n  }\n\n  .dest-card:hover .dest-card-img img { transform: scale(1.04); }\n\n  .dest-card-body {\n    padding: 1.75rem 1.75rem 2rem;\n    background: var(--white);\n    border-bottom: 0.5px solid var(--sand-dark);\n  }\n\n  .dest-distance {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.8rem;\n    color: var(--terra);\n    line-height: 1;\n    margin-bottom: 0.25rem;\n  }\n\n  .dest-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.4rem;\n    font-weight: 400;\n    color: var(--ink);\n    margin-bottom: 0.5rem;\n  }\n\n  .dest-desc {\n    font-size: 0.88rem;\n    color: var(--muted);\n    line-height: 1.7;\n  }\n\n  .dest-tags {\n    margin-top: 0.75rem;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.4rem;\n  }\n\n  .dest-tag {\n    font-size: 0.68rem;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--terra);\n    border: 0.5px solid var(--terra-light);\n    padding: 0.2rem 0.6rem;\n  }\n\n  \/* \u2500\u2500 DISTANCES STRIP \u2500\u2500 *\/\n  .distances-strip {\n    background: var(--sand);\n    padding: 3rem 4rem;\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 0;\n    text-align: center;\n  }\n\n  .dist-item {\n    padding: 1rem;\n    border-right: 0.5px solid var(--sand-dark);\n  }\n  .dist-item:last-child { border-right: none; }\n\n  .dist-num {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 2.2rem;\n    font-weight: 300;\n    color: var(--terra);\n    line-height: 1;\n  }\n\n  .dist-label {\n    font-size: 0.72rem;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--ink-soft);\n    margin-top: 0.4rem;\n    line-height: 1.4;\n  }\n\n  \/* \u2500\u2500 CTA \u2500\u2500 *\/\n  .cta-section {\n    background: var(--maquis);\n    padding: 4rem;\n    text-align: center;\n  }\n\n  .cta-section .section-title { color: var(--white); margin-bottom: 0.75rem; }\n  .cta-section .section-tag { color: var(--terra-light); }\n\n  .cta-sub {\n    font-size: 1rem;\n    color: rgba(255,255,255,0.65);\n    max-width: 460px;\n    margin: 0 auto 2rem;\n    line-height: 1.7;\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  .btn-primary:hover { background: var(--white); color: var(--terra); }\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  footer {\n    background: var(--ink);\n    color: rgba(255,255,255,0.4);\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  footer a { color: rgba(255,255,255,0.4); text-decoration: none; }\n  footer a:hover { color: var(--terra-light); }\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 REVEAL \u2500\u2500 *\/\n  .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.65s ease, transform 0.65s ease; }\n  .reveal.visible { opacity: 1; transform: none; }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    nav { padding: 1.2rem 2rem; }\n    .nav-links { display: none; }\n    .hero-content { padding: 0 2rem 3rem; }\n    .backlink-section { padding: 3.5rem 2rem; }\n    .backlink-grid { grid-template-columns: 1fr; gap: 2px; }\n    .backlink-card { aspect-ratio: 4\/3; }\n    .backlink-desc { max-height: 80px; opacity: 1; }\n    .destinations { padding: 3.5rem 2rem; }\n    .dest-grid { grid-template-columns: 1fr; }\n    .distances-strip { grid-template-columns: repeat(2, 1fr); padding: 2rem; }\n    .dist-item:nth-child(2) { border-right: none; }\n    .cta-section { padding: 3rem 2rem; }\n    footer { padding: 1.5rem 2rem; flex-direction: column; gap: 1rem; text-align: center; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\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=\"\/en\/la-villa.html\/\">Villa<\/a><\/li>\n    <li><a href=\"#\" class=\"active\">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<!-- HERO -->\n<section class=\"hero\" style=\"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\">Les<br><em>environs<\/em><\/h1>\n    <p class=\"hero-desc\">Plages l\u00e9gendaires, citadelles perch\u00e9es, for\u00eats de pins laricio et criques secr\u00e8tes \u2014 tout est \u00e0 port\u00e9e de La Veglia.<\/p>\n  <\/div>\n<\/section>\n\n<!-- DISTANCES STRIP -->\n<div class=\"distances-strip\">\n  <div class=\"dist-item reveal\">\n    <div class=\"dist-num\">5&prime;<\/div>\n    <div class=\"dist-label\">Plage<br>\u00e0 pied<\/div>\n  <\/div>\n  <div class=\"dist-item reveal\">\n    <div class=\"dist-num\">10&prime;<\/div>\n    <div class=\"dist-label\">Porto-<br>Vecchio<\/div>\n  <\/div>\n  <div class=\"dist-item reveal\">\n    <div class=\"dist-num\">20&prime;<\/div>\n    <div class=\"dist-label\">Palombaggia<br>&#038; Bonifacio<\/div>\n  <\/div>\n  <div class=\"dist-item reveal\">\n    <div class=\"dist-num\">20&prime;<\/div>\n    <div class=\"dist-label\">A\u00e9roport<br>Figari<\/div>\n  <\/div>\n  <div class=\"dist-item reveal\">\n    <div class=\"dist-num\">45&prime;<\/div>\n    <div class=\"dist-label\">Aiguilles<br>de Bavella<\/div>\n  <\/div>\n<\/div>\n\n<!-- BACKLINKS BUTTACIOLO -->\n<section class=\"backlink-section\">\n  <p class=\"section-tag reveal\">Guides de la r\u00e9gion<\/p>\n  <h2 class=\"section-title reveal\" style=\"color:var(--white);\">Nos guides <em>complets<\/em><br>pour pr\u00e9parer votre s\u00e9jour<\/h2>\n  <p class=\"backlink-intro reveal\">Nos partenaires des Hameaux de Buttaciolo ont r\u00e9dig\u00e9 trois guides d\u00e9taill\u00e9s sur la Corse du Sud \u2014 plages, activit\u00e9s, randonn\u00e9es \u2014 pour que vous profitiez de chaque journ\u00e9e au maximum.<\/p>\n\n  <div class=\"backlink-grid\">\n\n    <!-- Plages -->\n    <a class=\"backlink-card reveal\" href=\"https:\/\/hameaux-buttaciolo.com\/les-plus-belles-plages-de-corse-du-sud\/\" target=\"_blank\" rel=\"dofollow noopener\">\n      <div class=\"backlink-card-bg\" style=\"background-image: url('http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/Palombaggia-1024x818.jpg');\"><\/div>\n      <div class=\"backlink-card-body\">\n        <p class=\"backlink-eyebrow\">Guide plages<\/p>\n        <h3 class=\"backlink-title\">Les plus belles plages de Corse du Sud<\/h3>\n        <p class=\"backlink-desc\">Palombaggia, Santa Giulia, Rondinara, Figari, Piantarella\u2026 Toutes les plages accessibles depuis La Veglia avec distances, conseils et ambiance.<\/p>\n        <span class=\"backlink-cta\">D\u00e9couvrir le guide <span class=\"backlink-cta-arrow\">\u2192<\/span><\/span>\n      <\/div>\n      <span class=\"backlink-tag\">Palombaggia \u00b7 Rondinara \u00b7 Santa Giulia<\/span>\n    <\/a>\n\n    <!-- Que faire -->\n    <a class=\"backlink-card reveal\" href=\"https:\/\/hameaux-buttaciolo.com\/que-faire-corse-du-sud\/\" target=\"_blank\" rel=\"dofollow noopener\">\n      <div class=\"backlink-card-bg\" style=\"background-image: url('http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/5795518427_0358a73749_b.jpg');\"><\/div>\n      <div class=\"backlink-card-body\">\n        <p class=\"backlink-eyebrow\">Guide activit\u00e9s<\/p>\n        <h3 class=\"backlink-title\">Que faire en Corse du Sud ?<\/h3>\n        <p class=\"backlink-desc\">Bonifacio, \u00eeles Lavezzi, Aiguilles de Bavella, lac de l&rsquo;Ospedale, rivi\u00e8re du Cavu\u2026 Le guide complet des incontournables class\u00e9s par th\u00e8me.<\/p>\n        <span class=\"backlink-cta\">D\u00e9couvrir le guide <span class=\"backlink-cta-arrow\">\u2192<\/span><\/span>\n      <\/div>\n      <span class=\"backlink-tag\">Bonifacio \u00b7 Bavella \u00b7 Lavezzi<\/span>\n    <\/a>\n\n    <!-- Randonn\u00e9es -->\n    <a class=\"backlink-card reveal\" href=\"https:\/\/hameaux-buttaciolo.com\/randonnees-corse-du-sud\/\" target=\"_blank\" rel=\"dofollow noopener\">\n      <div class=\"backlink-card-bg\" style=\"background-image: url('http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/100_1282-1024x768.jpg');\"><\/div>\n      <div class=\"backlink-card-body\">\n        <p class=\"backlink-eyebrow\">Guide randonn\u00e9es<\/p>\n        <h3 class=\"backlink-title\">10 randonn\u00e9es autour de Porto-Vecchio<\/h3>\n        <p class=\"backlink-desc\">10 sentiers s\u00e9lectionn\u00e9s \u2014 Pruna, Tamaricciu, Rondinara, A Testa Ventilegna\u2026 Avec photos, distances, niveau et coordonn\u00e9es GPS de d\u00e9part.<\/p>\n        <span class=\"backlink-cta\">D\u00e9couvrir le guide <span class=\"backlink-cta-arrow\">\u2192<\/span><\/span>\n      <\/div>\n      <span class=\"backlink-tag\">Facile \u00b7 Moyen \u00b7 Difficile<\/span>\n    <\/a>\n\n  <\/div>\n<\/section>\n\n<!-- DESTINATIONS -->\n<section class=\"destinations\">\n  <p class=\"section-tag reveal\">\u00c0 proximit\u00e9<\/p>\n  <h2 class=\"section-title reveal\">Les incontournables<br><em>autour de La Veglia<\/em><\/h2>\n\n  <div class=\"dest-grid\">\n\n    <!-- Plages -->\n    <div class=\"dest-card reveal\">\n      <div class=\"dest-card-img\">\n        <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/4944px-Palombaggia_beach_04-1024x371.jpg\" alt=\"Plages Palombaggia\" loading=\"lazy\">\n      <\/div>\n      <div class=\"dest-card-body\">\n        <div class=\"dest-distance\">5\u201320 min<\/div>\n        <h3 class=\"dest-name\">Plages de sable fin<\/h3>\n        <p class=\"dest-desc\">Palombaggia, Rondinara, Santa Giulia, Tamaricciu\u2026 Les plus belles plages de M\u00e9diterran\u00e9e sont \u00e0 quelques minutes en voiture. Une plage de sable est m\u00eame accessible \u00e0 pied en 5 minutes.<\/p>\n        <div class=\"dest-tags\">\n          <span class=\"dest-tag\">Palombaggia<\/span>\n          <span class=\"dest-tag\">Santa Giulia<\/span>\n          <span class=\"dest-tag\">Rondinara<\/span>\n          <span class=\"dest-tag\">Tamaricciu<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Porto-Vecchio -->\n    <div class=\"dest-card reveal\">\n      <div class=\"dest-card-img\">\n        <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/Porto_Vecchio_Pilarella-1024x768.jpg\" alt=\"Porto-Vecchio\" loading=\"lazy\">\n      <\/div>\n      <div class=\"dest-card-body\">\n        <div class=\"dest-distance\">10 min<\/div>\n        <h3 class=\"dest-name\">Porto-Vecchio<\/h3>\n        <p class=\"dest-desc\">Citadelle g\u00e9noise, ruelles pav\u00e9es, port de plaisance anim\u00e9 le soir. Shopping, restaurants, march\u00e9 et le Bastion de France avec vue panoramique \u00e0 360\u00b0 pour 2\u20ac.<\/p>\n        <div class=\"dest-tags\">\n          <span class=\"dest-tag\">Citadelle<\/span>\n          <span class=\"dest-tag\">Port<\/span>\n          <span class=\"dest-tag\">Restaurants<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Bonifacio -->\n    <div class=\"dest-card reveal\">\n      <div class=\"dest-card-img\">\n        <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/Bonifacio_falaises_escalier_roi_Aragon_2-1024x467.jpg\" alt=\"Bonifacio falaises\" loading=\"lazy\">\n      <\/div>\n      <div class=\"dest-card-body\">\n        <div class=\"dest-distance\">20 min<\/div>\n        <h3 class=\"dest-name\">Bonifacio<\/h3>\n        <p class=\"dest-desc\">Perch\u00e9e sur des falaises calcaires \u00e0 70 m\u00e8tres au-dessus de la mer, Bonifacio est le coup de c\u0153ur absolu. Remparts g\u00e9nois, escalier du Roi d&rsquo;Aragon, d\u00e9parts vers les \u00eeles Lavezzi.<\/p>\n        <div class=\"dest-tags\">\n          <span class=\"dest-tag\">Falaises<\/span>\n          <span class=\"dest-tag\">Citadelle<\/span>\n          <span class=\"dest-tag\">\u00celes Lavezzi<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Ospedale -->\n    <div class=\"dest-card reveal\">\n      <div class=\"dest-card-img\">\n        <img decoding=\"async\" src=\"http:\/\/laveglia-portovecchio.com\/wp-content\/uploads\/2020\/06\/LOsp\u00e9dale_Lac1_JPG-1-1024x683.jpg\" alt=\"Lac de l'Ospedale\" loading=\"lazy\">\n      <\/div>\n      <div class=\"dest-card-body\">\n        <div class=\"dest-distance\">20 min<\/div>\n        <h3 class=\"dest-name\">For\u00eat &#038; lac de l&rsquo;Ospedale<\/h3>\n        <p class=\"dest-desc\">\u00c0 945 m d&rsquo;altitude, un lac entour\u00e9 de pins laricio avec vue \u00e0 180\u00b0 sur la plaine et la mer. La cascade Piscia di Ghjaddu (70 m) est \u00e0 1h30 de marche. 5 \u00e0 8\u00b0C de moins qu&rsquo;en bord de mer.<\/p>\n        <div class=\"dest-tags\">\n          <span class=\"dest-tag\">For\u00eat<\/span>\n          <span class=\"dest-tag\">Cascade<\/span>\n          <span class=\"dest-tag\">Accrobranche<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- VIDEO -->\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<!-- CTA -->\n<section class=\"cta-section\">\n  <p class=\"section-tag reveal\">La Veglia<\/p>\n  <h2 class=\"section-title reveal\">R\u00e9server votre s\u00e9jour<\/h2>\n  <p class=\"cta-sub reveal\">Votre base id\u00e9ale pour explorer la Corse du Sud \u2014 \u00e0 10 min de Porto-Vecchio, 20 min de Bonifacio et \u00e0 5 min \u00e0 pied d&rsquo;une plage de sable.<\/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<!-- FOOTER -->\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=\"\/en\/la-villa.html\/\">Villa<\/a> &nbsp;\u00b7&nbsp;\n    <a href=\"#\">Prices<\/a> &nbsp;\u00b7&nbsp;\n    <a href=\"#\">Contact<\/a>\n  <\/nav>\n<\/footer>\n\n<script>\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 * 70);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.1 });\n  reveals.forEach(el => observer.observe(el));\n\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>Les environs \u2013 La Veglia Porto-Vecchio La Veglia Accueil La villa Les environs Tarifs Contact R\u00e9server Porto-Vecchio \u00b7 Corse du Sud Lesenvirons Plages l\u00e9gendaires, citadelles perch\u00e9es, for\u00eats de pins laricio et criques secr\u00e8tes \u2014 tout est \u00e0 port\u00e9e de La Veglia. 5&prime; Plage\u00e0 pied 10&prime; Porto-Vecchio 20&prime; Palombaggia&#038; Bonifacio 20&prime; A\u00e9roportFigari 45&prime; Aiguillesde Bavella Guides [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/pages\/697"}],"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=697"}],"version-history":[{"count":1,"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/pages\/697\/revisions"}],"predecessor-version":[{"id":698,"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/pages\/697\/revisions\/698"}],"wp:attachment":[{"href":"http:\/\/laveglia-portovecchio.com\/en\/wp-json\/wp\/v2\/media?parent=697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}