<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archives des Carte Interactive - Découvrir la Grèce</title>
	<atom:link href="https://visiter-santorini.fr/category/idees-sejour/carte-interactive/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>Les destinations incontournables en Grèce</description>
	<lastBuildDate>Tue, 28 Jul 2026 07:04:33 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>
	<item>
		<title>Carte interactive d&#8217;Athènes</title>
		<link>https://visiter-santorini.fr/carte-interactive-athenes/</link>
		
		<dc:creator><![CDATA[Santo]]></dc:creator>
		<pubDate>Tue, 04 Aug 2026 10:00:00 +0000</pubDate>
				<category><![CDATA[Carte Interactive]]></category>
		<category><![CDATA[Athènes & Attique]]></category>
		<guid isPermaLink="false">https://visiter-santorini.fr/?p=11472</guid>

					<description><![CDATA[<p>Explorer Athènes Carte interactived&#8217;Athènes Acropole, agoras, musées majeurs, quartiers historiques et collines panoramiques : 26 étapes sur la carte satellite, avec fiche complète, lecture audio et guidage GPS selon votre position dans la ville. 26 Étapes guidées 5 Catégories de lieux 3 000 Ans d&#8217;histoire Votre visite guidée d&#8217;Athènes, étape par étape Touchez un point&#8230;&#160;<a href="https://visiter-santorini.fr/carte-interactive-athenes/" rel="bookmark">Lire la suite &#187;<span class="screen-reader-text">Carte interactive d&#8217;Athènes</span></a></p>
<p>L’article <a href="https://visiter-santorini.fr/carte-interactive-athenes/">Carte interactive d&rsquo;Athènes</a> est apparu en premier sur <a href="https://visiter-santorini.fr">Découvrir la Grèce</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================
     VISITE GUIDEE INTERACTIVE D'ATHENES, visiter-santorini.fr (v1)
     A coller dans un bloc "HTML personnalise" (Gutenberg) sur une
     page dediee. Ce bloc ne contient AUCUN script : le moteur est
     le snippet WP Code "visite-guidee-athenes" (JavaScript Snippet,
     Site Wide Footer, Frontend only).
     Tout est scope sous #vga : aucune regle CSS globale. Le snippet
     Athenes ne s'active que sur la page qui contient #vga : il peut
     donc rester actif en meme temps que le snippet Santorin (#vgs).

     FONCTIONNEMENT
     - 26 lieux en 5 categories : quartiers, sites archeologiques,
       musees, points de vue, monuments et places.
     - Clic sur un point de la carte ou une carte de la liste ->
       fiche complete (resume, note pratique, ecoute audio).
     - Bouton "Activer le guidage GPS" : position en direct sur la
       carte, tri des lieux par distance, bandeau "Prochaines etapes"
       avec les 3 lieux non vus les plus proches. A moins de 120 m
       d'un lieu, sa fiche s'ouvre toute seule.
     - Audio : lecture vocale du texte par le navigateur (voix
       francaise du telephone). Pour remplacer par VOS enregistrements,
       hebergez un MP3 dans la mediatheque et collez son URL dans le
       champ audio:"" du lieu concerne, dans le snippet.
     - URLS D'ARTICLES : le champ url:"" de chaque lieu est vide.
       Collez uniquement des URL publiees du site ; une URL vide
       masque le bouton "Lire l'article". Ne rien inventer.
     - PHOTOS : champ photo:"" vide par defaut. Collez l'URL d'une
       image de la mediatheque pour l'afficher en haut de la fiche.
     - IMAGE DU HERO : remplacez l'URL A-REMPLACER ci-dessous (img
       du hero + preload) par une photo d'Athenes de votre
       mediatheque (Acropole ou vue sur la ville).
     - Le guidage GPS demande l'autorisation de localisation et
       fonctionne uniquement en HTTPS (le site l'est).
     - Attributions OpenStreetMap / CARTO / Esri obligatoires :
       incluses, ne pas les retirer.
     ============================================================ -->

<link rel="preload" as="image" href="https://visiter-santorini.fr/wp-content/uploads/athenes-grece-22.jpg" fetchpriority="high">

<style>
.gsan-vga-hero-wrap {
  --c-deep:#0d2d4a; --c-gold:#c9a84c; --c-gold-lt:#e8d5a0; --c-white:#faf9f7;
  font-family:'Jost',sans-serif; line-height:1.7;
}
.gsan-vga-hero-wrap *, .gsan-vga-hero-wrap *::before, .gsan-vga-hero-wrap *::after { box-sizing:border-box; margin:0; padding:0; }
.gsan-vga-hero-wrap .gsan-hero { position:relative; height:66vh; min-height:440px; overflow:hidden; display:flex; align-items:flex-end; }
.gsan-vga-hero-wrap .gsan-hero img {
  position:absolute; inset:0; width:100%; height:100%; display:block;
  object-fit:cover; object-position:center 40%;
  transform:scale(1.05); animation:gsanVgaZoom 14s ease-out forwards;
}
@keyframes gsanVgaZoom { to { transform:scale(1); } }
.gsan-vga-hero-wrap .gsan-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(13,45,74,.92) 0%, rgba(13,45,74,.3) 55%, transparent 100%); }
.gsan-vga-hero-wrap .gsan-hero-content { position:relative; z-index:2; padding:3.2rem 5vw 3.8rem; max-width:820px; }
.gsan-vga-hero-wrap .gsan-eyebrow { display:flex; align-items:center; gap:.7rem; font-size:.68rem; letter-spacing:.28em; text-transform:uppercase; color:var(--c-gold); font-weight:500; margin-bottom:.8rem; }
.gsan-vga-hero-wrap .gsan-eyebrow::before { content:''; display:block; width:32px; height:1px; background:var(--c-gold); }
.gsan-vga-hero-wrap .gsan-hero-content h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.6rem,6vw,4.8rem); font-weight:300; color:var(--c-white); line-height:1.05; margin-bottom:1rem; }
.gsan-vga-hero-wrap .gsan-hero-content h1 em { font-style:italic; color:var(--c-gold-lt); }
.gsan-vga-hero-wrap .gsan-hero-content p { color:rgba(250,249,247,.78); font-size:.95rem; max-width:580px; margin-bottom:1.8rem; }
.gsan-vga-hero-wrap .gsan-hero-stats { display:flex; flex-wrap:wrap; gap:2.5rem; }
.gsan-vga-hero-wrap .gsan-hero-stat .num { font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:400; color:var(--c-gold-lt); line-height:1; }
.gsan-vga-hero-wrap .gsan-hero-stat .label { font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(250,249,247,.55); margin-top:.2rem; }

/* ============ Visite guidee ============ */
#vga {
  --deep:#0d2d4a; --deep-2:#123a5e; --gold:#c9a84c; --gold-lt:#e8d5a0;
  --white:#faf9f7; --ink:#1c2733; --mut:#5b6b7a; --line:rgba(13,45,74,.12);
  --c-quartier:#c9a84c; --c-site:#b5543b; --c-musee:#8a6fb8; --c-vue:#e2795a; --c-monument:#3d8bd4;
  font-family:'Jost',sans-serif; color:var(--ink); background:var(--white);
  padding:2.2rem 4vw 3rem;
}
#vga *, #vga *::before, #vga *::after { box-sizing:border-box; margin:0; padding:0; }
#vga .vga-intro { max-width:820px; margin:0 auto 1.6rem; text-align:center; }
#vga .vga-intro h2 { font-family:'Cormorant Garamond',serif; font-weight:400; font-size:clamp(1.6rem,3.4vw,2.3rem); color:var(--deep); margin-bottom:.55rem; }
#vga .vga-intro p { font-size:.92rem; color:var(--mut); }

/* Barre de guidage GPS */
#vga .vga-gpsbar {
  max-width:1180px; margin:0 auto 1rem; display:flex; flex-wrap:wrap; gap:.7rem;
  align-items:center; justify-content:space-between;
  background:var(--deep); border-radius:14px; padding:.75rem 1rem;
}
#vga .vga-gpsbar .left { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; }
#vga #vga-gps {
  border:1px solid var(--gold); background:transparent; color:var(--gold-lt);
  font-family:inherit; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase;
  padding:.55rem 1.1rem; border-radius:999px; cursor:pointer; transition:background .2s,color .2s;
}
#vga #vga-gps:hover { background:var(--gold); color:var(--deep); }
#vga #vga-gps.on { background:var(--gold); color:var(--deep); }
#vga #vga-gps-status { font-size:.8rem; color:rgba(250,249,247,.75); }
#vga #vga-progress { font-size:.8rem; color:var(--gold-lt); letter-spacing:.06em; white-space:nowrap; }

/* Bandeau prochaines etapes */
#vga #vga-next { max-width:1180px; margin:0 auto 1rem; display:none; gap:.7rem; flex-wrap:wrap; }
#vga #vga-next.on { display:flex; }
#vga .vga-next-card {
  flex:1 1 220px; background:#fff; border:1px solid var(--line); border-left:3px solid var(--gold);
  border-radius:12px; padding:.7rem .9rem; cursor:pointer; text-align:left; font-family:inherit;
  transition:box-shadow .15s;
}
#vga .vga-next-card:hover { box-shadow:0 4px 14px rgba(13,45,74,.12); }
#vga .vga-next-card .tag { font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); font-weight:600; }
#vga .vga-next-card .nom { font-size:.92rem; color:var(--deep); font-weight:500; margin-top:.15rem; }
#vga .vga-next-card .dist { font-size:.76rem; color:var(--mut); margin-top:.1rem; }

/* Layout panneau + carte */
#vga .vga-layout { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:360px 1fr; gap:1rem; }
#vga .vga-panel {
  background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden;
  display:flex; flex-direction:column; height:620px;
}
#vga .vga-tools { padding:.9rem .9rem .6rem; border-bottom:1px solid var(--line); }
#vga #vga-search {
  width:100%; border:1px solid var(--line); border-radius:999px; padding:.55rem 1rem;
  font-family:inherit; font-size:.85rem; color:var(--ink); background:var(--white); outline:none;
}
#vga #vga-search:focus { border-color:var(--gold); }
#vga .vga-filtres { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.6rem; }
#vga .vga-filtre {
  border:1px solid var(--line); background:#fff; color:var(--mut); font-family:inherit;
  font-size:.7rem; letter-spacing:.04em; padding:.3rem .65rem; border-radius:999px; cursor:pointer;
  display:flex; align-items:center; gap:.35rem; transition:border-color .15s,color .15s;
}
#vga .vga-filtre .dot { width:8px; height:8px; border-radius:50%; display:inline-block; }
#vga .vga-filtre:hover { border-color:var(--gold); color:var(--ink); }
#vga .vga-filtre.on { border-color:var(--deep); color:var(--deep); background:rgba(13,45,74,.05); font-weight:600; }

/* Liste */
#vga #vga-liste { overflow-y:auto; flex:1; }
#vga .vga-item {
  width:100%; text-align:left; border:none; border-bottom:1px solid var(--line);
  background:transparent; cursor:pointer; padding:.75rem .9rem; font-family:inherit;
  display:flex; gap:.7rem; align-items:flex-start; transition:background .15s,border-color .15s;
}
#vga .vga-item:hover { background:rgba(201,168,76,.08); }
#vga .vga-item.vu { opacity:.55; }
#vga .vga-item .pin {
  flex:none; width:26px; height:26px; border-radius:50%; color:#fff; font-size:.68rem;
  font-weight:600; display:flex; align-items:center; justify-content:center; margin-top:.1rem;
}
#vga .vga-item .nom { font-size:.92rem; color:var(--ink); font-weight:500; line-height:1.3; }
#vga .vga-item .sub { font-size:.76rem; color:var(--mut); margin-top:.15rem; }
#vga .vga-item .dist { font-size:.74rem; color:var(--gold); margin-top:.15rem; letter-spacing:.03em; }
#vga .vga-vide { padding:1rem; font-size:.85rem; color:var(--mut); }

/* Fiche */
#vga #vga-fiche { display:none; overflow-y:auto; flex:1; }
#vga #vga-fiche.on { display:block; }
#vga #vga-liste.off { display:none; }
#vga .vga-fiche-photo { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
#vga .vga-fiche-body { padding:1rem 1.1rem 1.3rem; }
#vga #vga-retour {
  border:none; background:transparent; color:var(--mut); font-family:inherit;
  font-size:.8rem; cursor:pointer; padding:.85rem 1.1rem .2rem; letter-spacing:.04em;
}
#vga #vga-retour:hover { color:var(--deep); }
#vga .vga-fiche-cat { font-size:.68rem; letter-spacing:.22em; text-transform:uppercase; font-weight:600; margin-bottom:.35rem; }
#vga #vga-fiche-nom { font-family:'Cormorant Garamond',serif; font-weight:500; font-size:1.55rem; color:var(--deep); line-height:1.15; margin-bottom:.6rem; }
#vga #vga-fiche-dist { font-size:.8rem; color:var(--gold); letter-spacing:.04em; margin-bottom:.6rem; display:none; }
#vga #vga-fiche-texte { font-size:.9rem; color:var(--ink); line-height:1.75; }
#vga #vga-fiche-note { margin-top:.8rem; font-size:.83rem; color:var(--mut); border-left:2px solid var(--gold); padding-left:.75rem; line-height:1.65; }
#vga #vga-audio-player { width:100%; margin-top:.9rem; display:none; }
#vga .vga-fiche-actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.1rem; }
#vga .vga-btn {
  border:1px solid var(--deep); background:var(--deep); color:#fff; font-family:inherit;
  font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; padding:.55rem 1rem;
  border-radius:999px; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center;
  transition:background .2s,color .2s;
}
#vga .vga-btn:hover { background:var(--deep-2); }
#vga .vga-btn.gold { background:var(--gold); border-color:var(--gold); color:var(--deep); }
#vga .vga-btn.gold:hover { background:var(--gold-lt); border-color:var(--gold-lt); }
#vga .vga-btn.ghost { background:transparent; color:var(--deep); }
#vga .vga-btn.ghost:hover { background:rgba(13,45,74,.06); }

/* Carte */
#vga .vga-carte-wrap { position:relative; border-radius:16px; overflow:hidden; border:1px solid var(--line); height:620px; }
#vga #vga-carte { position:absolute; inset:0; z-index:1; }
#vga #vga-carte-fallback {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:.85rem; color:var(--mut); background:var(--white); z-index:0;
}
#vga .vga-basemap { position:absolute; top:.7rem; right:.7rem; z-index:500; display:flex; border-radius:999px; overflow:hidden; box-shadow:0 2px 10px rgba(13,45,74,.25); }
#vga .vga-basemap button {
  border:none; background:#fff; color:var(--mut); font-family:inherit; font-size:.72rem;
  letter-spacing:.05em; text-transform:uppercase; padding:.45rem .8rem; cursor:pointer;
}
#vga .vga-basemap button.on { background:var(--deep); color:#fff; }

/* Marqueurs Leaflet */
#vga .vga-marker { border-radius:50%; border:2px solid #fff; box-shadow:0 1px 6px rgba(0,0,0,.4); display:flex; align-items:center; justify-content:center; color:#fff; font-family:'Jost',sans-serif; font-size:.62rem; font-weight:600; }
#vga .vga-marker.vu { opacity:.55; }
#vga .vga-user-dot { width:16px; height:16px; border-radius:50%; background:#2f7fe0; border:3px solid #fff; box-shadow:0 0 0 0 rgba(47,127,224,.5); animation:vgaPulse 2s infinite; }
@keyframes vgaPulse { 0%{box-shadow:0 0 0 0 rgba(47,127,224,.5);} 70%{box-shadow:0 0 0 16px rgba(47,127,224,0);} 100%{box-shadow:0 0 0 0 rgba(47,127,224,0);} }
@media (prefers-reduced-motion:reduce) { #vga .vga-user-dot { animation:none; } .gsan-vga-hero-wrap .gsan-hero img { animation:none; transform:none; } }

#vga .vga-attrib { max-width:1180px; margin:.5rem auto 0; font-size:.68rem; color:var(--mut); text-align:right; }
#vga .vga-attrib a { color:var(--mut); }

@media (max-width:900px) {
  #vga .vga-layout { grid-template-columns:1fr; }
  #vga .vga-carte-wrap { height:56vh; min-height:380px; order:-1; }
  #vga .vga-panel { height:auto; max-height:70vh; }
  #vga .vga-gpsbar { position:sticky; top:0; z-index:600; }
}
</style>

<div class="gsan-vga-hero-wrap">
  <div class="gsan-hero">
    <img decoding="async" src="https://visiter-santorini.fr/wp-content/uploads/athenes-grece-22.jpg" alt="Athènes en Grèce" loading="eager" fetchpriority="high">
    <div class="gsan-hero-overlay"></div>
    <div class="gsan-hero-content">
      <div class="gsan-eyebrow"><span>Explorer Athènes</span></div>
      <h1>Carte interactive<br>d&rsquo;<em>Athènes</em></h1>
      <p>Acropole, agoras, musées majeurs, quartiers historiques et collines panoramiques : 26 étapes sur la carte satellite, avec fiche complète, lecture audio et guidage GPS selon votre position dans la ville.</p>
      <div class="gsan-hero-stats">
        <div class="gsan-hero-stat"><div class="num">26</div><div class="label">Étapes guidées</div></div>
        <div class="gsan-hero-stat"><div class="num">5</div><div class="label">Catégories de lieux</div></div>
        <div class="gsan-hero-stat"><div class="num">3 000</div><div class="label">Ans d&rsquo;histoire</div></div>
      </div>
    </div>
  </div>
</div>

<div id="vga">
  <div class="vga-intro">
    <h2>Votre visite guidée d&rsquo;Athènes, étape par étape</h2>
    <p>Touchez un point sur la carte ou un lieu dans la liste pour ouvrir sa fiche. Sur place, activez le guidage GPS : la carte affiche votre position et vous propose les étapes les plus proches.</p>
  </div>

  <div class="vga-gpsbar">
    <div class="left">
      <button id="vga-gps" type="button">Activer le guidage GPS</button>
      <span id="vga-gps-status">Guidage désactivé</span>
    </div>
    <span id="vga-progress">0 / 26 lieux vus</span>
  </div>

  <div id="vga-next" aria-label="Prochaines étapes proposées"></div>

  <div class="vga-layout">
    <aside class="vga-panel">
      <div class="vga-tools">
        <input id="vga-search" type="search" placeholder="Rechercher un lieu (Acropole, Plaka, Lycabette...)" aria-label="Rechercher un lieu">
        <div class="vga-filtres" id="vga-filtres"></div>
      </div>
      <div id="vga-liste" aria-live="polite"></div>
      <div id="vga-fiche">
        <button id="vga-retour" type="button">← Retour à la liste</button>
        <img id="vga-fiche-photo" class="vga-fiche-photo" alt="" style="display:none">
        <div class="vga-fiche-body">
          <div class="vga-fiche-cat" id="vga-fiche-cat"></div>
          <h3 id="vga-fiche-nom"></h3>
          <div id="vga-fiche-dist"></div>
          <p id="vga-fiche-texte"></p>
          <p id="vga-fiche-note"></p>
          <audio id="vga-audio-player" controls="" preload="none"></audio>
          <div class="vga-fiche-actions">
            <button id="vga-ecouter" class="vga-btn gold" type="button">Écouter la fiche</button>
            <button id="vga-vu" class="vga-btn ghost" type="button">Marquer comme vu</button>
            <a id="vga-cta" class="vga-btn" href="#">Lire l&rsquo;article</a>
          </div>
        </div>
      </div>
    </aside>

    <div class="vga-carte-wrap">
      <div id="vga-carte-fallback">Chargement de la carte d&rsquo;Athènes&#8230;</div>
      <div id="vga-carte" role="application" aria-label="Carte interactive d'Athènes"></div>
      <div class="vga-basemap">
        <button id="vga-sat" type="button" class="on">Satellite</button>
        <button id="vga-plan" type="button">Plan</button>
      </div>
    </div>
  </div>

  <p class="vga-attrib">Fonds de carte : © <a href="https://www.openstreetmap.org/copyright" rel="noopener" target="_blank">OpenStreetMap</a>, © CARTO, imagerie © Esri</p>
</div>



<!--
==========================================================
CONTENU SEO SOUS LA CARTE INTERACTIVE D'ATHENES
Site : visiter-santorini.fr
==========================================================
A coller dans un SECOND bloc "HTML personnalise" (Gutenberg),
juste sous le bloc de la carte interactive, sur la meme page.

Mot-cle principal : carte interactive d'Athenes

AUTONOME : tout est scope sous #athenes-seo et le CSS est inclus
dans le bloc. Palette egeenne identique a celle de la carte.

LARGEUR : mise en page 10/80/10 (padding lateral de 10% sur les deux
sections, 7% sous 1024px, 6vw sur mobile). Pour elargir ou resserrer,
modifier la seule valeur 10% dans .ath-section et .ath-programme.

IMAGE DU CTA : remplacez A-REMPLACER par l'URL d'une photo d'Athenes
de votre mediatheque avant publication.

Donnees verifiees en juillet 2026 (Acropole 30 euros a creneau
horaire obligatoire, plafond d'environ 20 000 visiteurs/jour,
gratuit pour les moins de 25 ans de l'UE ; billet combine sept
sites 36 euros sur hhticket.gr ; ticket metro 1,20 euro valable
90 minutes). A revoir chaque debut de saison.
==========================================================
-->

<style>
#athenes-seo{--deep:#0d2d4a;--deep-2:#123a5e;--gold:#c9a84c;--gold-lt:#e8d5a0;--white:#faf9f7;--ink:#1c2733;--mut:#5b6b7a;--line:rgba(13,45,74,.12);font-family:'Jost',sans-serif;color:var(--ink);line-height:1.75}
#athenes-seo *,#athenes-seo *::before,#athenes-seo *::after{box-sizing:border-box;margin:0;padding:0}
#athenes-seo .ath-section{background:#fff;padding:4rem 10%}
#athenes-seo .ath-programme{background:var(--white);padding:4rem 10%}
#athenes-seo .ath-inner{width:100%;margin:0 auto}
#athenes-seo .ath-eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:.9rem}
#athenes-seo .ath-eyebrow::before{content:'';display:block;width:28px;height:1px;background:var(--gold)}
#athenes-seo h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(1.9rem,4vw,2.8rem);color:var(--deep);line-height:1.15}
#athenes-seo h2 em{font-style:italic;color:var(--gold)}
#athenes-seo h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(1.2rem,2.4vw,1.5rem);color:var(--deep);margin-top:3.4rem;margin-bottom:.55rem;line-height:1.3}
#athenes-seo h3+p,#athenes-seo h3+ul{margin-top:0}
#athenes-seo h2+p{margin-top:1.2rem}
#athenes-seo p{font-size:.95rem;margin-bottom:1rem}
#athenes-seo ul{list-style:none;padding-left:24px;margin:16px 0}
#athenes-seo ul li{position:relative;padding-left:20px;margin-bottom:10px;line-height:1.6;font-size:.95rem}
#athenes-seo ul li::before{content:"\203A";position:absolute;left:0;color:var(--gold);font-size:1.3em;font-weight:700;line-height:1.4}
#athenes-seo ul:last-child,#athenes-seo p:last-child{margin-bottom:0}
#athenes-seo .ath-note{margin-top:24px;background:#fff;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:1.1rem 1.3rem}
#athenes-seo .ath-note p{font-size:.9rem;color:var(--mut);margin-bottom:0}
#athenes-seo .ath-ctaimg{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
#athenes-seo .ath-ctaimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
#athenes-seo .ath-ctaimg-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,45,74,.9) 0%,rgba(13,45,74,.6) 100%)}
#athenes-seo .ath-ctaimg-content{position:relative;z-index:2;text-align:center;padding:4rem 5vw;max-width:660px}
#athenes-seo .ath-ctaimg-eyebrow{font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.8rem}
#athenes-seo .ath-ctaimg-eyebrow span{width:24px;height:1px;background:var(--gold);display:block}
#athenes-seo .ath-ctaimg-content h2{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:300;color:var(--white);margin-bottom:1.2rem}
#athenes-seo .ath-ctaimg-content h2 em{font-style:italic;color:var(--gold-lt)}
#athenes-seo .ath-ctaimg-content p{color:rgba(250,249,247,.72);font-size:.92rem;line-height:1.75;margin:0 auto 2.4rem;max-width:520px}
#athenes-seo .ath-ctaimg-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--gold);color:var(--deep);font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;padding:.95rem 2.1rem;border-radius:2px;text-decoration:none;transition:background .3s,transform .2s}
#athenes-seo .ath-ctaimg-btn:hover{background:var(--gold-lt);transform:translateY(-2px)}
@media (max-width:1024px){#athenes-seo .ath-section,#athenes-seo .ath-programme{padding:3.5rem 7%}}
@media (max-width:700px){#athenes-seo .ath-section,#athenes-seo .ath-programme{padding:3rem 6vw}}
</style>

<div id="athenes-seo">

<!-- ======================== CE QUE PRÉSENTE LA CARTE (fond blanc) ======================== -->
<div class="ath-section">
  <div class="ath-inner">
    <div class="ath-eyebrow">Les 26 points</div>
    <h2>Ce que présente la carte interactive <em>d&rsquo;Athènes</em></h2>

    <p>La carte réunit 26 points concentrés dans le centre historique, de l&rsquo;Acropole au Lycabette, du Kérameikos au stade panathénaïque. Chaque point ouvre ensuite une fiche avec un résumé, une note pratique et une lecture audio. Les cinq familles ci-dessous correspondent aux filtres colorés de la carte, ce qui permet d&rsquo;organiser les journées par secteur : presque tout se fait à pied, les deux musées les plus éloignés restant à moins de 25 minutes de marche de Syntagma.</p>

    <h3>Les sites archéologiques d&rsquo;Athènes</h3>

    <p>Huit points racontent la ville antique, du rocher sacré aux quartiers des potiers.</p>

    <ul>
      <li><strong>L&rsquo;Acropole et le Parthénon</strong> : le symbole de la Grèce classique, élevé sous Périclès au Ve siècle av. J.-C.</li>
      <li><strong>Le théâtre de Dionysos</strong> : le berceau de la tragédie, sur le versant sud du rocher.</li>
      <li><strong>L&rsquo;odéon d&rsquo;Hérode Atticus</strong> : l&rsquo;odéon romain des concerts d&rsquo;été, au pied de l&rsquo;Acropole illuminée.</li>
      <li><strong>L&rsquo;agora antique et le temple d&rsquo;Héphaïstos</strong> : le cœur civique de la cité et l&rsquo;un des temples grecs les mieux conservés au monde.</li>
      <li><strong>L&rsquo;agora romaine et la Tour des Vents</strong> : le marché d&rsquo;époque romaine et son étonnante station météo antique.</li>
      <li><strong>La bibliothèque d&rsquo;Hadrien</strong> : le cadeau monumental de l&#8217;empereur à sa ville d&rsquo;adoption, en plein centre.</li>
      <li><strong>Le temple de Zeus Olympien</strong> : le colosse aux 104 colonnes, commencé au VIe siècle av. J.-C. et achevé sept siècles plus tard.</li>
      <li><strong>Le Kérameikos</strong> : le quartier des potiers et la grande nécropole antique, à l&rsquo;écart des foules.</li>
    </ul>

    <h3>Les musées d&rsquo;Athènes</h3>

    <p>Quatre points couvrent ensuite les collections majeures de la capitale.</p>

    <ul>
      <li><strong>Le musée de l&rsquo;Acropole</strong> : les sculptures originales du rocher, Caryatides et galerie du Parthénon face au temple.</li>
      <li><strong>Le musée national archéologique</strong> : la plus grande collection d&rsquo;antiquités grecques au monde, du masque d&rsquo;Agamemnon au mécanisme d&rsquo;Anticythère.</li>
      <li><strong>Le musée Benaki</strong> : la Grèce racontée dans sa continuité, de l&rsquo;âge du bronze au XIXe siècle.</li>
      <li><strong>Le musée d&rsquo;art cycladique</strong> : les idoles de marbre des Cyclades qui ont fasciné Picasso et Brancusi.</li>
    </ul>

    <h3>Les quartiers historiques</h3>

    <p>Cinq points suivent également la vie athénienne, des ruelles anciennes aux terrasses animées.</p>

    <ul>
      <li><strong>Plaka</strong> : le plus ancien quartier de la ville, sur les pentes de l&rsquo;Acropole.</li>
      <li><strong>Anafiotika</strong> : le hameau aux maisons blanches des Cyclades, bâti par les maçons de l&rsquo;île d&rsquo;Anafi.</li>
      <li><strong>Monastiraki</strong> : la place animée, son marché aux puces et ses toits-terrasses face au rocher.</li>
      <li><strong>Psyrri</strong> : le quartier du street art, des artisans et des soirées athéniennes.</li>
      <li><strong>Kolonaki</strong> : le quartier chic des galeries et des cafés, au pied du Lycabette.</li>
    </ul>

    <h3>Les points de vue sur la ville</h3>

    <p>Trois points cadrent les panoramas, de la vue rapprochée au tour d&rsquo;horizon complet.</p>

    <ul>
      <li><strong>La colline du Lycabette</strong> : le point culminant du centre à 277 mètres, avec funiculaire et chapelle blanche au sommet.</li>
      <li><strong>La colline de Philopappos</strong> : la plus belle vue frontale sur le Parthénon, gratuite et paisible.</li>
      <li><strong>L&rsquo;Aréopage</strong> : le rocher du tribunal antique, au plus près des Propylées, superbe au soleil couchant.</li>
    </ul>

    <h3>Les monuments et les places</h3>

    <p>Six points complètent enfin la visite, entre vie quotidienne et grandes heures de la Grèce moderne.</p>

    <ul>
      <li><strong>La place Syntagma et la relève de la garde</strong> : le Parlement et la chorégraphie des evzones, chaque heure devant le Soldat inconnu.</li>
      <li><strong>Le Jardin national</strong> : l&rsquo;ancien jardin royal, la meilleure pause de fraîcheur du centre.</li>
      <li><strong>Le stade panathénaïque</strong> : le stade de marbre des premiers Jeux olympiques modernes de 1896.</li>
      <li><strong>La cathédrale métropolitaine et la Petite Métropole</strong> : dix siècles d&rsquo;histoire religieuse côte à côte.</li>
      <li><strong>Le marché central Varvakios</strong> : le ventre d&rsquo;Athènes sous ses halles du XIXe siècle.</li>
      <li><strong>L&rsquo;Académie d&rsquo;Athènes</strong> : le plus beau bâtiment de la trilogie néoclassique, statues d&rsquo;Athéna et d&rsquo;Apollon en façade.</li>
    </ul>
  </div>
</div>

<!-- ======================== FAQ (fond crème) ======================== -->
<div class="ath-programme">
  <div class="ath-inner">
    <div class="ath-eyebrow">Préparer le séjour</div>
    <h2>Questions fréquentes <em>sur la visite d&rsquo;Athènes</em></h2>

    <h3>Combien de jours faut-il pour visiter Athènes ?</h3>

    <p>Deux jours pleins couvrent l&rsquo;essentiel : l&rsquo;Acropole et son musée le premier jour, les agoras, Plaka et Monastiraki le deuxième. Trois jours permettent ensuite d&rsquo;ajouter le musée national archéologique, le stade panathénaïque et un coucher de soleil au Lycabette ou à Philopappos. Avec quatre ou cinq jours, la ville devient une base pour rayonner vers le cap Sounion, Delphes ou une île du golfe Saronique. Les 26 points de la carte se répartissent bien sur trois journées à pied, par secteur : rocher et versant sud, centre antique et quartiers, puis Syntagma, musées et collines.</p>

    <h3>Faut-il réserver l&rsquo;Acropole à l&rsquo;avance ?</h3>

    <p>Oui, c&rsquo;est devenu indispensable. L&rsquo;entrée fonctionne par créneau horaire obligatoire depuis 2023, avec un plafond d&rsquo;environ 20 000 visiteurs par jour. Le billet adulte est affiché à 30 euros en 2026, la réservation se fait sur la billetterie officielle hhticket.gr, et les créneaux du matin partent vite de mai à septembre. Les moins de 25 ans ressortissants de l&rsquo;Union européenne entrent gratuitement sur présentation d&rsquo;une pièce d&rsquo;identité, ainsi que les moins de 18 ans venant d&rsquo;un autre pays. Le site ferme ponctuellement les après-midi de forte canicule : vérifiez les annonces la veille en plein été.</p>

    <h3>Quels sont les incontournables d&rsquo;Athènes ?</h3>

    <p>Cinq points concentrent l&rsquo;essentiel d&rsquo;un premier séjour.</p>

    <ul>
      <li><strong>L&rsquo;Acropole et le Parthénon</strong>, à l&rsquo;ouverture ou en fin de journée.</li>
      <li><strong>Le musée de l&rsquo;Acropole</strong>, juste avant ou juste après le rocher.</li>
      <li><strong>L&rsquo;agora antique</strong> et la vue sur le temple d&rsquo;Héphaïstos.</li>
      <li><strong>Plaka et Anafiotika</strong>, pour flâner entre les deux visites.</li>
      <li><strong>Un coucher de soleil en hauteur</strong>, au Lycabette ou à Philopappos.</li>
    </ul>

    <p>En ajoutant deux étapes, prenez la relève de la garde à Syntagma puis le musée national archéologique, la plus riche collection d&rsquo;antiquités grecques au monde.</p>

    <h3>Combien coûtent les entrées des sites et des musées ?</h3>

    <p>L&rsquo;Acropole est affichée à 30 euros en 2026. Les autres sites antiques, agora antique, agora romaine, bibliothèque d&rsquo;Hadrien, temple de Zeus et Kérameikos, se situent entre 6 et 15 euros l&rsquo;unité. Le musée de l&rsquo;Acropole applique un billet distinct du site, autour de 15 à 20 euros selon la saison, le musée national archéologique environ 20 euros en haute saison, le stade panathénaïque une douzaine d&rsquo;euros avec audioguide. Les moins de 25 ans de l&rsquo;Union européenne entrent gratuitement sur la plupart des sites publics. Ces tarifs relèvent du ministère grec de la Culture et évoluent d&rsquo;une saison à l&rsquo;autre : vérifiez-les avant le départ.</p>

    <h3>Existe-t-il un billet combiné pour les sites antiques ?</h3>

    <p>Oui. Le billet combiné regroupe l&rsquo;Acropole et six autres sites antiques du centre, dont l&rsquo;agora antique, l&rsquo;agora romaine, la bibliothèque d&rsquo;Hadrien, le temple de Zeus et le Kérameikos, pour 36 euros en plein tarif 2026, moitié prix en tarif réduit. Il est valable plusieurs jours consécutifs, ce qui permet d&rsquo;étaler les visites sans refaire la file des guichets. Il devient rentable dès trois sites visités en plus de l&rsquo;Acropole. Sa disponibilité et son contenu ont changé plusieurs fois ces dernières années : vérifiez les conditions du moment sur hhticket.gr avant d&rsquo;acheter.</p>

    <h3>Comment se déplacer dans Athènes ?</h3>

    <p>À pied pour l&rsquo;essentiel : les 26 points de la carte tiennent dans un rayon de 2,5 kilomètres, et la promenade piétonne Dionysiou Areopagitou relie le musée de l&rsquo;Acropole, le versant sud et Philopappos. Le métro complète très bien la marche, avec trois lignes et des stations utiles à Syntagma, Monastiraki, Acropoli et Victoria pour le musée national. Le ticket urbain coûte 1,20 euro et reste valable 90 minutes sur métro, bus et tramway. La voiture n&rsquo;apporte rien dans le centre : circulation dense, stationnement rare, secteurs piétonniers.</p>

    <h3>Quelle est la meilleure période pour visiter Athènes ?</h3>

    <p>Avril à juin puis septembre et octobre réunissent une lumière superbe, des températures agréables sur les sites en plein soleil et une affluence supportable. Juillet et août cumulent chaleur et foule, avec des pointes au-dessus de 35 degrés sur le rocher de l&rsquo;Acropole et des fermetures ponctuelles l&rsquo;après-midi en cas de canicule : visez alors l&rsquo;ouverture à 8 heures et les musées climatisés aux heures chaudes. L&rsquo;hiver reste doux et très praticable, avec des horaires réduits sur certains sites, des tarifs plus bas et une ville rendue aux Athéniens.</p>

    <h3>Comment rejoindre le centre depuis l&rsquo;aéroport ?</h3>

    <p>Trois options couvrent tous les budgets. Le métro ligne 3 relie l&rsquo;aéroport à Syntagma et Monastiraki en 40 minutes environ, avec un billet spécial aéroport plus cher que le ticket urbain. Le bus X95 rejoint également Syntagma 24 heures sur 24, plus lent mais plus économique, pratique pour les vols de nuit. Le taxi applique enfin un forfait vers le centre, autour de 40 euros en journée, majoré la nuit, pour 35 kilomètres et 45 minutes de trajet selon la circulation. À l&rsquo;arrivée, presque tous les hébergements du centre restent accessibles à pied depuis Syntagma ou Monastiraki.</p>

    <h3>La carte interactive d&rsquo;Athènes fonctionne-t-elle sur place ?</h3>

    <p>Oui, depuis un téléphone, avec deux conditions. Le fond de carte se télécharge à l&rsquo;affichage, une connexion mobile reste donc nécessaire pour le voir apparaître. Le guidage GPS demande ensuite l&rsquo;autorisation de localisation du navigateur ; en ville, la précision varie de quelques mètres à quelques dizaines de mètres entre les immeubles. Une fois la page ouverte et la carte chargée, les fiches et l&rsquo;audio restent consultables même si le réseau faiblit. Enfin, les points marqués comme vus sont enregistrés dans le navigateur et se retrouvent d&rsquo;une journée à l&rsquo;autre du séjour.</p>

    <div class="ath-note">
      <p><strong>À prévoir avant de partir explorer la ville :</strong> les marbres de l&rsquo;Acropole et de l&rsquo;Aréopage sont polis et très glissants, portez des chaussures qui accrochent. Emportez de l&rsquo;eau et un chapeau l&rsquo;été, l&rsquo;ombre manque sur les sites antiques. Dans la foule de Monastiraki et du métro, gardez les objets de valeur devant vous. Enfin, chargez le téléphone avant la journée, le guidage GPS et la lecture audio consomment de la batterie entre les étapes.</p>
    </div>
  </div>
</div>

<!-- ======================== CTA FINAL : Athènes (image immersive) ======================== -->
<div class="ath-ctaimg">
  <img decoding="async" src="https://visiter-santorini.fr/wp-content/uploads/decouvrir-athenes-grece-2-scaled.jpg" alt="Athènes, capitale de la Grèce">
  <div class="ath-ctaimg-ov"></div>
  <div class="ath-ctaimg-content">
    <div class="ath-ctaimg-eyebrow"><span></span>Continuer la visite<span></span></div>
    <h2>Découvrir Athènes <em>au-delà de la carte</em></h2>
    <p>Les sites antiques, les musées, les quartiers où loger et manger, les excursions vers le cap Sounion et Delphes, les conseils pour organiser deux à cinq jours sur place : retrouvez tout le guide pour préparer le séjour.</p>
    <a class="ath-ctaimg-btn" href="https://visiter-santorini.fr/decouvrir-athenes/">Découvrir Athènes</a>
  </div>
</div>

</div>
<!-- Fin #athenes-seo -->
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-athenes%2F&amp;linkname=Carte%20interactive%20d%E2%80%99Ath%C3%A8nes" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pinterest" href="https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-athenes%2F&amp;linkname=Carte%20interactive%20d%E2%80%99Ath%C3%A8nes" title="Pinterest" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_email" href="https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-athenes%2F&amp;linkname=Carte%20interactive%20d%E2%80%99Ath%C3%A8nes" title="Email" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-athenes%2F&#038;title=Carte%20interactive%20d%E2%80%99Ath%C3%A8nes" data-a2a-url="https://visiter-santorini.fr/carte-interactive-athenes/" data-a2a-title="Carte interactive d’Athènes"></a></p><p>L’article <a href="https://visiter-santorini.fr/carte-interactive-athenes/">Carte interactive d&rsquo;Athènes</a> est apparu en premier sur <a href="https://visiter-santorini.fr">Découvrir la Grèce</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Carte interactive de la Crète</title>
		<link>https://visiter-santorini.fr/carte-interactive-crete/</link>
		
		<dc:creator><![CDATA[Santo]]></dc:creator>
		<pubDate>Tue, 28 Jul 2026 10:00:00 +0000</pubDate>
				<category><![CDATA[Carte Interactive]]></category>
		<category><![CDATA[La Crète]]></category>
		<guid isPermaLink="false">https://visiter-santorini.fr/?p=11513</guid>

					<description><![CDATA[<p>Explorer la Crète Carte interactivede la Crète Villes vénitiennes, palais minoens, plages parmi les plus connues de Grèce, gorges et monastères : 24 étapes sur la carte satellite, avec fiche complète, lecture audio et guidage GPS selon votre position sur l&#8217;île. 24 Étapes guidées 5 Catégories de lieux 4 000 Ans d&#8217;histoire minoenne Votre visite&#8230;&#160;<a href="https://visiter-santorini.fr/carte-interactive-crete/" rel="bookmark">Lire la suite &#187;<span class="screen-reader-text">Carte interactive de la Crète</span></a></p>
<p>L’article <a href="https://visiter-santorini.fr/carte-interactive-crete/">Carte interactive de la Crète</a> est apparu en premier sur <a href="https://visiter-santorini.fr">Découvrir la Grèce</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================
     VISITE GUIDEE INTERACTIVE DE LA CRETE, visiter-santorini.fr (v1)
     A coller dans un bloc "HTML personnalise" (Gutenberg) sur une
     page dediee. Ce bloc ne contient AUCUN script : le moteur est
     le snippet WP Code "visite-guidee-crete" (JavaScript Snippet,
     Site Wide Footer, Frontend only). Le snippet ne s'active que
     sur la page contenant #vgc : il peut rester actif en meme
     temps que les snippets Santorin (#vgs) et Athenes (#vga).
     Tout est scope sous #vgc : aucune regle CSS globale.

     IMAGE DU HERO : remplacez A-REMPLACER (2 occurrences : le
     preload et la balise img) par l'URL d'une photo de Crete de
     votre mediatheque. Ne publiez pas la page avant.

     FONCTIONNEMENT
     - 24 lieux en 5 categories : villes et villages, sites
       archeologiques, plages, sites naturels, monasteres et musees.
     - Clic sur un point de la carte ou une carte de la liste ->
       fiche complete (resume, note pratique, ecoute audio).
     - Bouton "Activer le guidage GPS" : position en direct sur la
       carte, tri des lieux par distance, bandeau "Prochaines etapes"
       avec les 3 lieux non vus les plus proches. A moins de 120 m
       d'un lieu, sa fiche s'ouvre toute seule.
     - Audio : lecture vocale du texte par le navigateur (voix
       francaise du telephone). Pour remplacer par VOS enregistrements,
       hebergez un MP3 dans la mediatheque et collez son URL dans le
       champ audio:"" du lieu concerne, dans le snippet.
     - URLS D'ARTICLES : le champ url:"" de chaque lieu est vide.
       Collez uniquement des URL publiees du site ; une URL vide
       masque le bouton "Lire l'article". Ne rien inventer.
     - PHOTOS : champ photo:"" vide par defaut. Collez l'URL d'une
       image de la mediatheque pour l'afficher en haut de la fiche.
     - Le guidage GPS demande l'autorisation de localisation et
       fonctionne uniquement en HTTPS (le site l'est).
     - Attributions OpenStreetMap / CARTO / Esri obligatoires :
       incluses, ne pas les retirer.
     ============================================================ -->

<link rel="preload" as="image" href="https://visiter-santorini.fr/wp-content/uploads/lagon-de-balos-crete-2.jpg" fetchpriority="high">

<style>
.gsan-vgc-hero-wrap {
  --c-deep:#0d2d4a; --c-gold:#c9a84c; --c-gold-lt:#e8d5a0; --c-white:#faf9f7;
  font-family:'Jost',sans-serif; line-height:1.7;
}
.gsan-vgc-hero-wrap *, .gsan-vgc-hero-wrap *::before, .gsan-vgc-hero-wrap *::after { box-sizing:border-box; margin:0; padding:0; }
.gsan-vgc-hero-wrap .gsan-hero { position:relative; height:66vh; min-height:440px; overflow:hidden; display:flex; align-items:flex-end; }
.gsan-vgc-hero-wrap .gsan-hero img {
  position:absolute; inset:0; width:100%; height:100%; display:block;
  object-fit:cover; object-position:center 40%;
  transform:scale(1.05); animation:gsanVgcZoom 14s ease-out forwards;
}
@keyframes gsanVgcZoom { to { transform:scale(1); } }
.gsan-vgc-hero-wrap .gsan-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(13,45,74,.92) 0%, rgba(13,45,74,.3) 55%, transparent 100%); }
.gsan-vgc-hero-wrap .gsan-hero-content { position:relative; z-index:2; padding:3.2rem 5vw 3.8rem; max-width:820px; }
.gsan-vgc-hero-wrap .gsan-eyebrow { display:flex; align-items:center; gap:.7rem; font-size:.68rem; letter-spacing:.28em; text-transform:uppercase; color:var(--c-gold); font-weight:500; margin-bottom:.8rem; }
.gsan-vgc-hero-wrap .gsan-eyebrow::before { content:''; display:block; width:32px; height:1px; background:var(--c-gold); }
.gsan-vgc-hero-wrap .gsan-hero-content h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.6rem,6vw,4.8rem); font-weight:300; color:var(--c-white); line-height:1.05; margin-bottom:1rem; }
.gsan-vgc-hero-wrap .gsan-hero-content h1 em { font-style:italic; color:var(--c-gold-lt); }
.gsan-vgc-hero-wrap .gsan-hero-content p { color:rgba(250,249,247,.78); font-size:.95rem; max-width:580px; margin-bottom:1.8rem; }
.gsan-vgc-hero-wrap .gsan-hero-stats { display:flex; flex-wrap:wrap; gap:2.5rem; }
.gsan-vgc-hero-wrap .gsan-hero-stat .num { font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:400; color:var(--c-gold-lt); line-height:1; }
.gsan-vgc-hero-wrap .gsan-hero-stat .label { font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(250,249,247,.55); margin-top:.2rem; }

/* ============ Visite guidee Crete ============ */
#vgc {
  --deep:#0d2d4a; --deep-2:#123a5e; --gold:#c9a84c; --gold-lt:#e8d5a0;
  --white:#faf9f7; --ink:#1c2733; --mut:#5b6b7a; --line:rgba(13,45,74,.12);
  --c-ville:#c9a84c; --c-site:#b5543b; --c-plage:#3d8bd4; --c-nature:#4f9d6b; --c-monastere:#8a6fb8;
  font-family:'Jost',sans-serif; color:var(--ink); background:var(--white);
  padding:2.2rem 4vw 3rem;
}
#vgc *, #vgc *::before, #vgc *::after { box-sizing:border-box; margin:0; padding:0; }
#vgc .vgc-intro { max-width:820px; margin:0 auto 1.6rem; text-align:center; }
#vgc .vgc-intro h2 { font-family:'Cormorant Garamond',serif; font-weight:400; font-size:clamp(1.6rem,3.4vw,2.3rem); color:var(--deep); margin-bottom:.55rem; }
#vgc .vgc-intro p { font-size:.92rem; color:var(--mut); }

/* Barre de guidage GPS */
#vgc .vgc-gpsbar {
  max-width:1180px; margin:0 auto 1rem; display:flex; flex-wrap:wrap; gap:.7rem;
  align-items:center; justify-content:space-between;
  background:var(--deep); border-radius:14px; padding:.75rem 1rem;
}
#vgc .vgc-gpsbar .left { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; }
#vgc #vgc-gps {
  border:1px solid var(--gold); background:transparent; color:var(--gold-lt);
  font-family:inherit; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase;
  padding:.55rem 1.1rem; border-radius:999px; cursor:pointer; transition:background .2s,color .2s;
}
#vgc #vgc-gps:hover { background:var(--gold); color:var(--deep); }
#vgc #vgc-gps.on { background:var(--gold); color:var(--deep); }
#vgc #vgc-gps-status { font-size:.8rem; color:rgba(250,249,247,.75); }
#vgc #vgc-progress { font-size:.8rem; color:var(--gold-lt); letter-spacing:.06em; white-space:nowrap; }

/* Bandeau prochaines etapes */
#vgc #vgc-next { max-width:1180px; margin:0 auto 1rem; display:none; flex-wrap:wrap; gap:.6rem; }
#vgc #vgc-next.on { display:flex; }
#vgc .vgc-next-card {
  flex:1 1 220px; background:#fff; border:1px solid var(--line); border-left:3px solid var(--gold);
  border-radius:12px; padding:.7rem .9rem; cursor:pointer; transition:box-shadow .2s;
}
#vgc .vgc-next-card:hover { box-shadow:0 6px 18px rgba(13,45,74,.12); }
#vgc .vgc-next-card .tag { font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); margin-bottom:.15rem; }
#vgc .vgc-next-card .nom { font-size:.9rem; font-weight:500; color:var(--deep); }
#vgc .vgc-next-card .dist { font-size:.76rem; color:var(--mut); margin-top:.1rem; }

/* Layout panneau + carte */
#vgc .vgc-layout { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:380px 1fr; gap:1rem; }
#vgc .vgc-panel {
  background:#fff; border:1px solid var(--line); border-radius:16px;
  height:640px; display:flex; flex-direction:column; overflow:hidden;
}
#vgc .vgc-tools { padding:.9rem .9rem .6rem; border-bottom:1px solid var(--line); }
#vgc #vgc-search {
  width:100%; font-family:inherit; font-size:.88rem; color:var(--ink);
  border:1px solid var(--line); border-radius:999px; padding:.55rem 1rem; outline:none;
  background:var(--white);
}
#vgc #vgc-search:focus { border-color:var(--gold); }
#vgc .vgc-filtres { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.6rem; }
#vgc .vgc-filtre {
  font-family:inherit; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase;
  border:1px solid var(--line); background:transparent; color:var(--mut);
  padding:.35rem .75rem; border-radius:999px; cursor:pointer;
  display:inline-flex; align-items:center; gap:.4rem; transition:all .2s;
}
#vgc .vgc-filtre .dot { width:8px; height:8px; border-radius:50%; display:inline-block; }
#vgc .vgc-filtre:hover { border-color:var(--gold); color:var(--deep); }
#vgc .vgc-filtre.actif { background:var(--deep); border-color:var(--deep); color:var(--white); }

/* Liste */
#vgc #vgc-liste { flex:1; overflow-y:auto; padding:.6rem; }
#vgc .vgc-item {
  display:flex; gap:.7rem; align-items:flex-start; width:100%; text-align:left;
  background:transparent; border:1px solid transparent; border-radius:12px;
  padding:.65rem .7rem; cursor:pointer; font-family:inherit; transition:background .15s,border-color .15s;
}
#vgc .vgc-item:hover { background:var(--white); border-color:var(--line); }
#vgc .vgc-item.vu .nom::after { content:' ✓'; color:var(--gold); }
#vgc .vgc-item .pastille { width:10px; height:10px; border-radius:50%; margin-top:.4rem; flex:none; }
#vgc .vgc-item .nom { font-size:.95rem; font-weight:500; color:var(--deep); }
#vgc .vgc-item .sous { font-size:.78rem; color:var(--mut); margin-top:.1rem; }
#vgc .vgc-item .km { font-size:.74rem; color:var(--gold); margin-top:.1rem; }
#vgc .vgc-vide { padding:1rem; font-size:.85rem; color:var(--mut); text-align:center; }

/* Fiche */
#vgc #vgc-fiche { display:none; flex:1; overflow-y:auto; flex-direction:column; }
#vgc #vgc-fiche.on { display:flex; }
#vgc #vgc-retour {
  align-self:flex-start; margin:.8rem .9rem 0; font-family:inherit; font-size:.78rem;
  letter-spacing:.06em; text-transform:uppercase; color:var(--mut);
  background:transparent; border:none; cursor:pointer;
}
#vgc #vgc-retour:hover { color:var(--deep); }
#vgc .vgc-fiche-photo { width:100%; height:170px; object-fit:cover; margin-top:.7rem; }
#vgc .vgc-fiche-body { padding:.9rem 1.1rem 1.2rem; }
#vgc .vgc-fiche-cat { font-size:.64rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:.3rem; }
#vgc #vgc-fiche-nom { font-family:'Cormorant Garamond',serif; font-weight:500; font-size:1.5rem; color:var(--deep); line-height:1.15; }
#vgc #vgc-fiche-dist { font-size:.78rem; color:var(--gold); margin-top:.25rem; }
#vgc #vgc-fiche-texte { font-size:.9rem; color:var(--ink); margin-top:.7rem; line-height:1.75; }
#vgc #vgc-fiche-note { font-size:.82rem; color:var(--mut); margin-top:.6rem; padding:.6rem .8rem; background:var(--white); border-left:3px solid var(--gold); border-radius:0 8px 8px 0; }
#vgc #vgc-fiche-note:empty { display:none; }
#vgc #vgc-audio-player { width:100%; margin-top:.8rem; display:none; }
#vgc #vgc-audio-player.on { display:block; }
#vgc .vgc-fiche-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.9rem; }
#vgc .vgc-btn {
  font-family:inherit; font-size:.76rem; letter-spacing:.08em; text-transform:uppercase;
  padding:.55rem 1rem; border-radius:999px; cursor:pointer; text-decoration:none;
  border:1px solid var(--deep); background:var(--deep); color:var(--white); transition:opacity .2s;
}
#vgc .vgc-btn:hover { opacity:.88; }
#vgc .vgc-btn.gold { background:var(--gold); border-color:var(--gold); color:var(--deep); }
#vgc .vgc-btn.ghost { background:transparent; color:var(--deep); }
#vgc .vgc-btn.ghost.vu { background:var(--gold); border-color:var(--gold); color:var(--deep); }
#vgc #vgc-cta { display:none; }
#vgc #vgc-cta.on { display:inline-block; }

/* Carte */
#vgc .vgc-carte-wrap { position:relative; border-radius:16px; overflow:hidden; border:1px solid var(--line); height:640px; background:var(--deep-2); }
#vgc #vgc-carte { position:absolute; inset:0; z-index:1; }
#vgc #vgc-carte-fallback { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--white); font-size:.9rem; z-index:0; }
#vgc .vgc-basemap { position:absolute; top:.7rem; right:.7rem; z-index:500; display:flex; gap:.3rem; background:rgba(13,45,74,.85); border-radius:999px; padding:.25rem; }
#vgc .vgc-basemap button {
  font-family:inherit; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase;
  border:none; background:transparent; color:rgba(250,249,247,.75);
  padding:.35rem .8rem; border-radius:999px; cursor:pointer;
}
#vgc .vgc-basemap button.on { background:var(--gold); color:var(--deep); }

/* Marqueurs et position */
#vgc .vgc-marker { width:16px; height:16px; border-radius:50%; border:2px solid #fff; box-shadow:0 1px 5px rgba(0,0,0,.4); }
#vgc .vgc-marker.vu { outline:2px solid var(--gold); outline-offset:1px; }
#vgc .vgc-user-dot { width:16px; height:16px; border-radius:50%; background:#2f7fe0; border:3px solid #fff; box-shadow:0 1px 5px rgba(0,0,0,.4); animation:vgcPulse 2s infinite; }
@keyframes vgcPulse { 0%{box-shadow:0 0 0 0 rgba(47,127,224,.5);} 70%{box-shadow:0 0 0 16px rgba(47,127,224,0);} 100%{box-shadow:0 0 0 0 rgba(47,127,224,0);} }
@media (prefers-reduced-motion:reduce) { #vgc .vgc-user-dot { animation:none; } .gsan-vgc-hero-wrap .gsan-hero img { animation:none; transform:none; } }

#vgc .vgc-attrib { max-width:1180px; margin:.5rem auto 0; font-size:.68rem; color:var(--mut); text-align:right; }
#vgc .vgc-attrib a { color:var(--mut); }

@media (max-width:900px) {
  #vgc .vgc-layout { grid-template-columns:1fr; }
  #vgc .vgc-carte-wrap { height:56vh; min-height:380px; order:-1; }
  #vgc .vgc-panel { height:auto; max-height:70vh; }
  #vgc .vgc-gpsbar { position:sticky; top:0; z-index:600; }
}
</style>

<div class="gsan-vgc-hero-wrap">
  <div class="gsan-hero">
    <img decoding="async" src="https://visiter-santorini.fr/wp-content/uploads/lagon-de-balos-crete-2.jpg" alt="Carte interactive de la Crète, entre mer et montagnes" loading="eager" fetchpriority="high">
    <div class="gsan-hero-overlay"></div>
    <div class="gsan-hero-content">
      <div class="gsan-eyebrow"><span>Explorer la Crète</span></div>
      <h1>Carte interactive<br>de la <em>Crète</em></h1>
      <p>Villes vénitiennes, palais minoens, plages parmi les plus connues de Grèce, gorges et monastères : 24 étapes sur la carte satellite, avec fiche complète, lecture audio et guidage GPS selon votre position sur l&rsquo;île.</p>
      <div class="gsan-hero-stats">
        <div class="gsan-hero-stat"><div class="num">24</div><div class="label">Étapes guidées</div></div>
        <div class="gsan-hero-stat"><div class="num">5</div><div class="label">Catégories de lieux</div></div>
        <div class="gsan-hero-stat"><div class="num">4 000</div><div class="label">Ans d&rsquo;histoire minoenne</div></div>
      </div>
    </div>
  </div>
</div>

<div id="vgc">
  <div class="vgc-intro">
    <h2>Votre visite guidée de la Crète, étape par étape</h2>
    <p>Touchez un point sur la carte ou un lieu dans la liste pour ouvrir sa fiche. Sur place, activez le guidage GPS : la carte affiche votre position et vous propose les étapes les plus proches.</p>
  </div>

  <div class="vgc-gpsbar">
    <div class="left">
      <button id="vgc-gps" type="button">Activer le guidage GPS</button>
      <span id="vgc-gps-status">Guidage désactivé</span>
    </div>
    <span id="vgc-progress">0 / 24 lieux vus</span>
  </div>

  <div id="vgc-next" aria-label="Prochaines étapes proposées"></div>

  <div class="vgc-layout">
    <aside class="vgc-panel">
      <div class="vgc-tools">
        <input id="vgc-search" type="search" placeholder="Rechercher un lieu (Knossos, Balos, La Canée...)" aria-label="Rechercher un lieu">
        <div class="vgc-filtres" id="vgc-filtres"></div>
      </div>
      <div id="vgc-liste" aria-live="polite"></div>
      <div id="vgc-fiche">
        <button id="vgc-retour" type="button">← Retour à la liste</button>
        <img id="vgc-fiche-photo" class="vgc-fiche-photo" alt="" style="display:none">
        <div class="vgc-fiche-body">
          <div class="vgc-fiche-cat" id="vgc-fiche-cat"></div>
          <h3 id="vgc-fiche-nom"></h3>
          <div id="vgc-fiche-dist"></div>
          <p id="vgc-fiche-texte"></p>
          <p id="vgc-fiche-note"></p>
          <audio id="vgc-audio-player" controls="" preload="none"></audio>
          <div class="vgc-fiche-actions">
            <button id="vgc-ecouter" class="vgc-btn gold" type="button">Écouter la fiche</button>
            <button id="vgc-vu" class="vgc-btn ghost" type="button">Marquer comme vu</button>
            <a id="vgc-cta" class="vgc-btn" href="#">Lire l&rsquo;article</a>
          </div>
        </div>
      </div>
    </aside>

    <div class="vgc-carte-wrap">
      <div id="vgc-carte-fallback">Chargement de la carte de la Crète&#8230;</div>
      <div id="vgc-carte" role="application" aria-label="Carte interactive de la Crète"></div>
      <div class="vgc-basemap">
        <button id="vgc-sat" type="button" class="on">Satellite</button>
        <button id="vgc-plan" type="button">Plan</button>
      </div>
    </div>
  </div>

  <p class="vgc-attrib">Fonds de carte : © <a href="https://www.openstreetmap.org/copyright" rel="noopener" target="_blank">OpenStreetMap</a>, © CARTO, imagerie © Esri</p>
</div>



<!--
==========================================================
CONTENU SEO SOUS LA CARTE INTERACTIVE DE LA CRETE
Site : visiter-santorini.fr
==========================================================
A coller dans un SECOND bloc "HTML personnalise" (Gutenberg),
juste sous le bloc de la carte interactive, sur la meme page.

Mot-cle principal : carte interactive de la Crete

AUTONOME : tout est scope sous #crete-seo et le CSS est inclus dans
le bloc. Palette egeenne identique a celle de la carte.

LARGEUR : mise en page 10/80/10 (padding lateral de 10% sur les deux
sections, 7% sous 1024px, 6vw sur mobile). Pour elargir ou resserrer,
modifier la seule valeur 10% dans .crete-section et .crete-programme.

IMAGE DU CTA : remplacez A-REMPLACER par l'URL d'une photo de Crete
de votre mediatheque avant publication.

Donnees verifiees en juillet 2026 (Samaria 5 euros, ouvert 1er mai -
mi/fin octobre 6h-16h ; Knossos 20 euros, Spinalonga 20 euros + bateau,
musee archeologique d'Heraklion 20 euros ; grotte de Psychro rouverte
mai 2026). A revoir chaque debut de saison.
==========================================================
-->

<style>
#crete-seo{--deep:#0d2d4a;--deep-2:#123a5e;--gold:#c9a84c;--gold-lt:#e8d5a0;--white:#faf9f7;--ink:#1c2733;--mut:#5b6b7a;--line:rgba(13,45,74,.12);font-family:'Jost',sans-serif;color:var(--ink);line-height:1.75}
#crete-seo *,#crete-seo *::before,#crete-seo *::after{box-sizing:border-box;margin:0;padding:0}
#crete-seo .crete-section{background:#fff;padding:4rem 10%}
#crete-seo .crete-programme{background:var(--white);padding:4rem 10%}
#crete-seo .crete-inner{width:100%;margin:0 auto}
#crete-seo .crete-eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:.9rem}
#crete-seo .crete-eyebrow::before{content:'';display:block;width:28px;height:1px;background:var(--gold)}
#crete-seo h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(1.9rem,4vw,2.8rem);color:var(--deep);line-height:1.15}
#crete-seo h2 em{font-style:italic;color:var(--gold)}
#crete-seo h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(1.2rem,2.4vw,1.5rem);color:var(--deep);margin-top:3.4rem;margin-bottom:.55rem;line-height:1.3}
#crete-seo h3+p,#crete-seo h3+ul{margin-top:0}
#crete-seo h2+p{margin-top:1.2rem}
#crete-seo p{font-size:.95rem;margin-bottom:1rem}
#crete-seo ul{list-style:none;padding-left:24px;margin:16px 0}
#crete-seo ul li{position:relative;padding-left:20px;margin-bottom:10px;line-height:1.6;font-size:.95rem}
#crete-seo ul li::before{content:"\203A";position:absolute;left:0;color:var(--gold);font-size:1.3em;font-weight:700;line-height:1.4}
#crete-seo ul:last-child,#crete-seo p:last-child{margin-bottom:0}
#crete-seo .crete-note{margin-top:24px;background:#fff;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:1.1rem 1.3rem}
#crete-seo .crete-note p{font-size:.9rem;color:var(--mut);margin-bottom:0}
#crete-seo .crete-ctaimg{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
#crete-seo .crete-ctaimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
#crete-seo .crete-ctaimg-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,45,74,.9) 0%,rgba(13,45,74,.6) 100%)}
#crete-seo .crete-ctaimg-content{position:relative;z-index:2;text-align:center;padding:4rem 5vw;max-width:660px}
#crete-seo .crete-ctaimg-eyebrow{font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.8rem}
#crete-seo .crete-ctaimg-eyebrow span{width:24px;height:1px;background:var(--gold);display:block}
#crete-seo .crete-ctaimg-content h2{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:300;color:var(--white);margin-bottom:1.2rem}
#crete-seo .crete-ctaimg-content h2 em{font-style:italic;color:var(--gold-lt)}
#crete-seo .crete-ctaimg-content p{color:rgba(250,249,247,.72);font-size:.92rem;line-height:1.75;margin:0 auto 2.4rem;max-width:520px}
#crete-seo .crete-ctaimg-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--gold);color:var(--deep);font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;padding:.95rem 2.1rem;border-radius:2px;text-decoration:none;transition:background .3s,transform .2s}
#crete-seo .crete-ctaimg-btn:hover{background:var(--gold-lt);transform:translateY(-2px)}
@media (max-width:1024px){#crete-seo .crete-section,#crete-seo .crete-programme{padding:3.5rem 7%}}
@media (max-width:700px){#crete-seo .crete-section,#crete-seo .crete-programme{padding:3rem 6vw}}
</style>

<div id="crete-seo">

<!-- ======================== CE QUE PRÉSENTE LA CARTE (fond blanc) ======================== -->
<div class="crete-section">
  <div class="crete-inner">
    <div class="crete-eyebrow">Les 24 points</div>
    <h2>Ce que présente la carte interactive <em>de la Crète</em></h2>

    <p>La carte réunit 24 points répartis sur toute l&rsquo;île, des villes vénitiennes de la côte nord aux palais minoens de la plaine, des plages de l&rsquo;ouest aux monastères de l&rsquo;est. Chaque point ouvre ensuite une fiche avec un résumé, une note pratique et une lecture audio. Les cinq familles ci-dessous correspondent aux filtres colorés de la carte, ce qui permet d&rsquo;organiser le séjour selon les régions traversées et le temps disponible.</p>

    <h3>Les villes et villages de Crète</h3>

    <p>Six points couvrent les localités de l&rsquo;île, des ports vénitiens de la côte nord aux villages isolés du sud.</p>

    <ul>
      <li><strong>La Canée</strong> : la ville la plus photographiée de Crète, autour de son vieux port vénitien et de son phare.</li>
      <li><strong>Réthymnon</strong> : vieille ville vénitienne et ottomane bien conservée, dominée par sa forteresse, la Fortezza.</li>
      <li><strong>Héraklion</strong> : capitale et principal port d&rsquo;arrivée, base des deux visites majeures que sont Knossos et le musée archéologique.</li>
      <li><strong>Agios Nikolaos</strong> : station de la côte est autour du lac Voulismeni, meilleure base pour Spinalonga et le Lassithi.</li>
      <li><strong>Loutro</strong> : village de la côte sud accessible uniquement à pied ou en bateau, sans aucune route.</li>
      <li><strong>Matala</strong> : ses grottes creusées dans la falaise et son passé de village hippie des années 1960.</li>
    </ul>

    <h3>Les sites archéologiques</h3>

    <p>Cinq points racontent ensuite les grandes civilisations de l&rsquo;île, de la puissance minoenne à la Crète romaine.</p>

    <ul>
      <li><strong>Le palais de Knossos</strong> : le plus grand palais minoen, cœur de la première civilisation d&rsquo;Europe, à 15 minutes d&rsquo;Héraklion.</li>
      <li><strong>Le palais de Phaistos</strong> : deuxième palais minoen par la taille, sans reconstruction moderne, face à la plaine de la Messara.</li>
      <li><strong>Gortyne</strong> : capitale de la Crète romaine, qui conserve le plus long texte de loi grec ancien, le code de Gortyne.</li>
      <li><strong>Le palais de Malia</strong> : troisième grand palais minoen, en bord de mer, où fut trouvé le célèbre pendentif aux abeilles.</li>
      <li><strong>Spinalonga</strong> : île-forteresse vénitienne devenue léproserie jusqu&rsquo;en 1957, rendue célèbre par le roman de Victoria Hislop.</li>
    </ul>

    <h3>Les plages de Crète</h3>

    <p>Six points suivent également le littoral, des lagons turquoise de l&rsquo;ouest aux criques encaissées de la côte nord.</p>

    <ul>
      <li><strong>Elafonissi</strong> : lagon peu profond et sable rosé à la pointe sud-ouest, la plage la plus célèbre de l&rsquo;île.</li>
      <li><strong>Balos</strong> : lagon entre la presqu&rsquo;île de Gramvoussa et le cap Tigani, accessible en bateau ou par une piste éprouvante.</li>
      <li><strong>Falassarna</strong> : longue plage de sable de l&rsquo;ouest, orientée plein couchant, réputée pour ses couchers de soleil.</li>
      <li><strong>Vaï</strong> : la plage de la plus grande palmeraie naturelle d&rsquo;Europe, à l&rsquo;extrême est de l&rsquo;île.</li>
      <li><strong>Préveli</strong> : embouchure d&rsquo;une rivière bordée de palmiers, sur la côte sud, au pied de son monastère.</li>
      <li><strong>Seitan Limania</strong> : crique en fjord aux eaux turquoise, encaissée dans les falaises de la presqu&rsquo;île d&rsquo;Akrotiri.</li>
    </ul>

    <h3>Les sites naturels et les gorges</h3>

    <p>Quatre points cadrent enfin les paysages de montagne et les curiosités géologiques de l&rsquo;intérieur.</p>

    <ul>
      <li><strong>Les gorges de Samaria</strong> : 16 kilomètres de descente depuis le plateau d&rsquo;Omalos jusqu&rsquo;à la mer de Libye, l&rsquo;une des plus longues gorges d&rsquo;Europe.</li>
      <li><strong>Les gorges d&rsquo;Imbros</strong> : version accessible de Samaria, 8 kilomètres de descente douce en 2 à 3 heures.</li>
      <li><strong>Le lac de Kournas</strong> : le seul lac naturel d&rsquo;eau douce de Crète, avec ses tortues et ses pédalos.</li>
      <li><strong>La grotte de Psychro</strong> : la grotte de la naissance de Zeus dans la mythologie, sur le plateau du Lassithi, rouverte en 2026.</li>
    </ul>

    <h3>Les monastères et les musées</h3>

    <p>Trois points complètent la visite, entre mémoire crétoise et trésors minoens.</p>

    <ul>
      <li><strong>Le musée archéologique d&rsquo;Héraklion</strong> : la plus riche collection minoenne au monde, avec les fresques de Knossos et le disque de Phaistos.</li>
      <li><strong>Le monastère d&rsquo;Arkadi</strong> : symbole de la lutte pour la liberté crétoise après le sacrifice de 1866, au-dessus de Réthymnon.</li>
      <li><strong>Le monastère de Toplou</strong> : monastère fortifié de l&rsquo;est, connu pour son icône majeure et ses produits biologiques.</li>
    </ul>
  </div>
</div>

<!-- ======================== FAQ (fond crème) ======================== -->
<div class="crete-programme">
  <div class="crete-inner">
    <div class="crete-eyebrow">Préparer le séjour</div>
    <h2>Questions fréquentes <em>sur la visite de la Crète</em></h2>

    <h3>Combien de jours faut-il pour visiter la Crète ?</h3>

    <p>Une semaine couvre l&rsquo;essentiel d&rsquo;une seule région. Vous consacrez alors trois jours à l&rsquo;ouest autour de La Canée, puis quelques jours au centre autour d&rsquo;Héraklion et de Knossos. Dix jours permettent ensuite de relier l&rsquo;ouest et l&rsquo;est, en ajoutant Réthymnon, le Lassithi et la côte sud. La Crète est la plus grande île de Grèce, avec plus de 250 kilomètres d&rsquo;est en ouest : vouloir tout voir en une semaine impose trop de route. Les 24 points de la carte se répartissent mieux sur deux séjours ou sur un long circuit de deux semaines.</p>

    <h3>Faut-il louer une voiture en Crète ?</h3>

    <p>Oui, dans presque tous les cas. Le réseau de bus KTEL relie bien les villes de la côte nord, mais dessert mal les plages de l&rsquo;ouest, les palais du sud et les monastères de l&rsquo;est. La location reste alors la seule façon d&rsquo;atteindre Elafonissi, Phaistos ou Toplou sans excursion organisée. Comptez également 27 à 60 euros par jour en moyenne selon la saison et le modèle, avec deux aéroports de prise en charge, Héraklion au centre et La Canée à l&rsquo;ouest. La conduite se fait ensuite à droite, sur des routes de montagne souvent étroites et lentes : prévoyez large sur les temps de trajet.</p>

    <h3>Quels sont les incontournables de la Crète ?</h3>

    <p>Cinq points concentrent l&rsquo;essentiel d&rsquo;un premier séjour.</p>

    <ul>
      <li><strong>Le palais de Knossos</strong>, cœur de la civilisation minoenne, près d&rsquo;Héraklion.</li>
      <li><strong>Le musée archéologique d&rsquo;Héraklion</strong>, qui conserve les fresques et les objets des palais.</li>
      <li><strong>La Canée</strong> et son vieux port vénitien, au coucher du soleil.</li>
      <li><strong>Une plage de l&rsquo;ouest</strong>, Elafonissi ou Balos selon l&rsquo;accès choisi.</li>
      <li><strong>Les gorges de Samaria</strong>, pour la grande randonnée de l&rsquo;île, de mai à octobre.</li>
    </ul>

    <p>En ajoutant deux étapes, prenez Spinalonga et son histoire de léproserie puis Réthymnon et sa vieille ville vénitienne.</p>

    <h3>Combien coûtent les entrées des sites et des musées ?</h3>

    <p>Le palais de Knossos est affiché à 20 euros en 2026, le musée archéologique d&rsquo;Héraklion à 20 euros, avec un billet combiné pour les deux. Spinalonga revient à 20 euros, plus le bateau d&rsquo;accès depuis Plaka ou Elounda. Phaistos et les autres sites minoens se situent entre 8 et 15 euros. Les moins de 25 ans ressortissants de l&rsquo;Union européenne entrent gratuitement sur présentation d&rsquo;une pièce d&rsquo;identité, ainsi que les moins de 18 ans venant d&rsquo;un autre pays. Ces tarifs relèvent du ministère grec de la Culture et évoluent d&rsquo;une saison à l&rsquo;autre : vérifiez-les avant le départ.</p>

    <h3>Quand peut-on faire les gorges de Samaria ?</h3>

    <p>Le parc national ouvre du 1er mai à la mi ou la fin octobre selon la météo, tous les jours de 6 heures à 16 heures, pour 5 euros par personne. La descente compte 16 kilomètres depuis Xyloskalo, à 1 230 mètres d&rsquo;altitude, jusqu&rsquo;à Agia Roumeli au bord de la mer de Libye, soit 5 à 7 heures de marche. Aucune route ne dessert l&rsquo;arrivée : un bateau relie ensuite Agia Roumeli à Chora Sfakion ou Sougia, où bus et voitures attendent. Le parc ferme ponctuellement par forte chaleur, pluie ou risque d&rsquo;incendie. Vérifiez donc l&rsquo;ouverture la veille sur le site officiel. Pour une version plus douce, les gorges d&rsquo;Imbros offrent 8 kilomètres sans difficulté technique.</p>

    <h3>Faut-il réserver Knossos et les grands sites à l&rsquo;avance ?</h3>

    <p>Oui pour Knossos, le site le plus visité de l&rsquo;île. Les billets coupe-file en ligne évitent la file au guichet, et les groupes de croisiéristes saturent le site en milieu de matinée. Venir à l&rsquo;ouverture ou en fin de journée reste ainsi la meilleure parade, à Knossos comme au musée d&rsquo;Héraklion. Spinalonga demande aussi d&rsquo;anticiper le bateau en haute saison, à réserver la veille depuis Plaka, Elounda ou Agios Nikolaos. Les autres sites, Phaistos, Gortyne ou Malia, restent nettement plus calmes et n&rsquo;imposent aucune réservation.</p>

    <h3>Quelle est la meilleure période pour venir en Crète ?</h3>

    <p>Mai, juin, septembre et début octobre réunissent une mer déjà chaude, des sentiers praticables et une affluence supportable. Juillet et août cumulent chaleur, foule et prix hauts, avec des températures qui dépassent souvent 35 degrés dans les gorges. Avril et fin octobre conviennent également aux visites culturelles, la baignade devenant alors aléatoire et Samaria pas toujours ouvert. L&rsquo;hiver ferme une partie des hôtels de la côte et réduit les horaires des sites, mais la Crète, plus vaste et plus habitée que les autres îles, reste vivante toute l&rsquo;année autour de ses villes.</p>

    <h3>Comment arrive-t-on en Crète ?</h3>

    <p>Par avion ou par ferry. Deux aéroports accueillent les vols, Héraklion au centre et La Canée à l&rsquo;ouest, avec des liaisons directes depuis plusieurs villes européennes en saison. Par la mer, des ferries de nuit relient également le port du Pirée, près d&rsquo;Athènes, à Héraklion, La Canée et d&rsquo;autres ports crétois, avec plusieurs traversées par semaine et par compagnie. Le choix de l&rsquo;aéroport ou du port d&rsquo;arrivée dépend ensuite de la région visitée en priorité : l&rsquo;ouest depuis La Canée, le centre et l&rsquo;est depuis Héraklion. Louer la voiture au point d&rsquo;arrivée simplifie ensuite tout le séjour.</p>

    <h3>La carte interactive de la Crète fonctionne-t-elle sur place ?</h3>

    <p>Oui, depuis un téléphone, avec deux conditions. Le fond de carte se télécharge à l&rsquo;affichage, une connexion mobile reste donc nécessaire pour le voir apparaître. Le guidage GPS demande ensuite l&rsquo;autorisation de localisation du navigateur. Une fois la page ouverte et la carte chargée, les fiches et l&rsquo;audio restent consultables même si le réseau faiblit sur les routes de montagne du sud et de l&rsquo;ouest. Enfin, les points marqués comme vus sont enregistrés dans le navigateur et se retrouvent à l&rsquo;étape suivante du circuit.</p>

    <div class="crete-note">
      <p><strong>À prévoir avant de partir sur l&rsquo;île :</strong> les distances sont trompeuses en Crète, les routes de montagne rallongent beaucoup les temps de trajet, calez un itinéraire réaliste par région plutôt qu&rsquo;un grand tour improvisé. Emportez de l&rsquo;eau et de bonnes chaussures pour Samaria, l&rsquo;ancienne carrière de Gortyne et les sites en plein soleil, où l&rsquo;ombre manque. Le sable sombre de certaines plages du sud devient brûlant l&rsquo;après-midi. Enfin, chargez le téléphone avant la journée, le guidage GPS et la lecture audio consomment de la batterie sur les longues étapes.</p>
    </div>
  </div>
</div>

<!-- ======================== CTA FINAL : Crète (image immersive) ======================== -->
<div class="crete-ctaimg">
  <img decoding="async" src="https://visiter-santorini.fr/wp-content/uploads/plage-de-preveli-crete-grece.jpg" alt="Plage en Crète">
  <div class="crete-ctaimg-ov"></div>
  <div class="crete-ctaimg-content">
    <div class="crete-ctaimg-eyebrow"><span></span>Continuer la visite<span></span></div>
    <h2>Découvrir la Crète <em>au-delà de la carte</em></h2>
    <p>Les villes vénitiennes, les palais minoens, les plages de l&rsquo;ouest et les gorges de montagne, les monastères de l&rsquo;est et les conseils pour organiser un circuit par région : retrouvez tout le guide pour préparer le séjour.</p>
    <a class="crete-ctaimg-btn" href="https://visiter-santorini.fr/crete/">Découvrir la Crète</a>
  </div>
</div>

</div>
<!-- Fin #crete-seo -->
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-crete%2F&amp;linkname=Carte%20interactive%20de%20la%20Cr%C3%A8te" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pinterest" href="https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-crete%2F&amp;linkname=Carte%20interactive%20de%20la%20Cr%C3%A8te" title="Pinterest" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_email" href="https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-crete%2F&amp;linkname=Carte%20interactive%20de%20la%20Cr%C3%A8te" title="Email" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-crete%2F&#038;title=Carte%20interactive%20de%20la%20Cr%C3%A8te" data-a2a-url="https://visiter-santorini.fr/carte-interactive-crete/" data-a2a-title="Carte interactive de la Crète"></a></p><p>L’article <a href="https://visiter-santorini.fr/carte-interactive-crete/">Carte interactive de la Crète</a> est apparu en premier sur <a href="https://visiter-santorini.fr">Découvrir la Grèce</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Carte interactive de l&#8217;Acropole d&#8217;Athènes</title>
		<link>https://visiter-santorini.fr/carte-interactive-acropole-athenes/</link>
		
		<dc:creator><![CDATA[Santo]]></dc:creator>
		<pubDate>Tue, 21 Jul 2026 10:00:00 +0000</pubDate>
				<category><![CDATA[Carte Interactive]]></category>
		<category><![CDATA[Athènes & Attique]]></category>
		<guid isPermaLink="false">https://visiter-santorini.fr/?p=11496</guid>

					<description><![CDATA[<p>Visite guidee interactive L&#8217;Acropole d&#8217;Athènes Le rocher sacré, ses temples, ses statues et ses théâtres, point par point. Suivez la carte, écoutez chaque fiche et activez le guidage GPS pour vous repérer sur place. 22 Points clés 2 500 Ans d&#8217;histoire GPS Guidage sur place Explorer l&#8217;Acropole point par point Vingt-deux étapes repérées sur la&#8230;&#160;<a href="https://visiter-santorini.fr/carte-interactive-acropole-athenes/" rel="bookmark">Lire la suite &#187;<span class="screen-reader-text">Carte interactive de l&#8217;Acropole d&#8217;Athènes</span></a></p>
<p>L’article <a href="https://visiter-santorini.fr/carte-interactive-acropole-athenes/">Carte interactive de l&rsquo;Acropole d&rsquo;Athènes</a> est apparu en premier sur <a href="https://visiter-santorini.fr">Découvrir la Grèce</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================
     VISITE GUIDEE INTERACTIVE DE L'ACROPOLE D'ATHENES
     visiter-santorini.fr
     A coller dans un bloc "HTML personnalise" (Gutenberg), page dédiée.

     A SAVOIR :
     - Ce bloc ne contient AUCUN script (WordPress les retire des
       blocs HTML). Le moteur est dans le snippet WP Code associe :
       "Visite guidee Acropole" (JavaScript, Site Wide Footer, Frontend only).
     - Un seul snippet carte actif à la fois n'est PAS necessaire ici :
       ce snippet est scope sous #vgac, il coexiste avec Santorin (#vgs),
       Athènes (#vga) et Crète (#vgc).
     - IMAGE DU HERO : remplacer les deux occurrences de A-REMPLACER
       par l'URL d'une photo de l'Acropole de votre mediatheque.
     - URLS D'ARTICLES : le champ url:"" de chaque point est vide dans
       le snippet. Collez uniquement des URL publiees ; une URL vide
       masque le bouton "Lire l'article". Ne rien inventer.
     - PHOTOS : champ photo:"" vide par defaut. Collez l'URL d'une
       image de la mediatheque pour l'afficher en haut de la fiche.
     - Le guidage GPS demande l'autorisation de localisation et
       fonctionne uniquement en HTTPS (le site l'est).
     - Attributions OpenStreetMap / CARTO / Esri obligatoires : incluses.
     ============================================================ -->

<link rel="preload" as="image" href="https://visiter-santorini.fr/wp-content/uploads/parthenon-acropole-athenes.jpg" fetchpriority="high">

<style>
.gsan-vgac-hero-wrap {
  --c-deep:#0d2d4a; --c-gold:#c9a84c; --c-gold-lt:#e8d5a0; --c-white:#faf9f7;
  font-family:'Jost',sans-serif; line-height:1.7;
}
.gsan-vgac-hero-wrap *, .gsan-vgac-hero-wrap *::before, .gsan-vgac-hero-wrap *::after { box-sizing:border-box; margin:0; padding:0; }
.gsan-vgac-hero-wrap .gsan-hero { position:relative; height:66vh; min-height:440px; overflow:hidden; display:flex; align-items:flex-end; }
.gsan-vgac-hero-wrap .gsan-hero img {
  position:absolute; inset:0; width:100%; height:100%; display:block;
  object-fit:cover; object-position:center 40%;
  transform:scale(1.05); animation:gsanVgacZoom 14s ease-out forwards;
}
@keyframes gsanVgacZoom { to { transform:scale(1); } }
.gsan-vgac-hero-wrap .gsan-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(13,45,74,.92) 0%, rgba(13,45,74,.3) 55%, transparent 100%); }
.gsan-vgac-hero-wrap .gsan-hero-content { position:relative; z-index:2; padding:3.2rem 5vw 3.8rem; max-width:820px; }
.gsan-vgac-hero-wrap .gsan-eyebrow { display:flex; align-items:center; gap:.7rem; font-size:.68rem; letter-spacing:.28em; text-transform:uppercase; color:var(--c-gold); font-weight:500; margin-bottom:.8rem; }
.gsan-vgac-hero-wrap .gsan-eyebrow::before { content:''; display:block; width:32px; height:1px; background:var(--c-gold); }
.gsan-vgac-hero-wrap .gsan-hero-content h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.6rem,6vw,4.8rem); font-weight:300; color:var(--c-white); line-height:1.05; margin-bottom:1rem; }
.gsan-vgac-hero-wrap .gsan-hero-content h1 em { font-style:italic; color:var(--c-gold-lt); }
.gsan-vgac-hero-wrap .gsan-hero-content p { color:rgba(250,249,247,.78); font-size:.95rem; max-width:580px; margin-bottom:1.8rem; }
.gsan-vgac-hero-wrap .gsan-hero-stats { display:flex; flex-wrap:wrap; gap:2.5rem; }
.gsan-vgac-hero-wrap .gsan-hero-stat .num { font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:400; color:var(--c-gold-lt); line-height:1; }
.gsan-vgac-hero-wrap .gsan-hero-stat .label { font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(250,249,247,.55); margin-top:.2rem; }

/* ============ Visite guidee ============ */
#vgac {
  --deep:#0d2d4a; --deep-2:#123a5e; --gold:#c9a84c; --gold-lt:#e8d5a0;
  --white:#faf9f7; --ink:#1c2733; --mut:#5b6b7a; --line:rgba(13,45,74,.12);
  --c-monument:#c9a84c; --c-statue:#8a6fb8; --c-théâtre:#b5543b; --c-vue:#e2795a; --c-musée:#3d8bd4;
  font-family:'Jost',sans-serif; color:var(--ink); background:var(--white);
  padding:2.2rem 4vw 3rem;
}
#vgac *, #vgac *::before, #vgac *::after { box-sizing:border-box; margin:0; padding:0; }
#vgac .vgac-intro { max-width:820px; margin:0 auto 1.6rem; text-align:center; }
#vgac .vgac-intro h2 { font-family:'Cormorant Garamond',serif; font-weight:400; font-size:clamp(1.6rem,3.4vw,2.3rem); color:var(--deep); margin-bottom:.55rem; }
#vgac .vgac-intro p { font-size:.92rem; color:var(--mut); }

/* Barre de guidage GPS */
#vgac .vgac-gpsbar {
  max-width:1180px; margin:0 auto 1rem; display:flex; flex-wrap:wrap; gap:.7rem;
  align-items:center; justify-content:space-between;
  background:var(--deep); border-radius:14px; padding:.75rem 1rem;
}
#vgac .vgac-gpsbar .left { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; }
#vgac #vgac-gps {
  border:1px solid var(--gold); background:transparent; color:var(--gold-lt);
  font-family:inherit; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase;
  padding:.55rem 1.1rem; border-radius:999px; cursor:pointer; transition:background .2s,color .2s;
}
#vgac #vgac-gps:hover { background:var(--gold); color:var(--deep); }
#vgac #vgac-gps.on { background:var(--gold); color:var(--deep); }
#vgac #vgac-gps-status { font-size:.8rem; color:rgba(250,249,247,.75); }
#vgac #vgac-progress { font-size:.8rem; color:var(--gold-lt); letter-spacing:.06em; white-space:nowrap; }

/* Bandeau prochaines étapes */
#vgac #vgac-next { max-width:1180px; margin:0 auto; display:none; }
#vgac #vgac-next.on { display:block; margin-bottom:1rem; }
#vgac #vgac-next .vgac-next-title { font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:var(--mut); margin-bottom:.5rem; }
#vgac #vgac-next .vgac-next-row { display:flex; gap:.7rem; flex-wrap:wrap; }
#vgac .vgac-next-card {
  flex:1 1 200px; border:1px solid var(--line); border-radius:12px; padding:.7rem .9rem;
  background:#fff; cursor:pointer; transition:border-color .2s,transform .2s;
}
#vgac .vgac-next-card:hover { border-color:var(--gold); transform:translateY(-2px); }
#vgac .vgac-next-card .n { font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); font-weight:600; }
#vgac .vgac-next-card .t { font-family:'Cormorant Garamond',serif; font-size:1.15rem; color:var(--deep); margin:.15rem 0; }
#vgac .vgac-next-card .d { font-size:.78rem; color:var(--mut); }

/* Layout */
#vgac .vgac-layout { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:minmax(0,380px) 1fr; gap:1.2rem; }
@media (max-width:900px) {
  #vgac .vgac-layout { grid-template-columns:1fr; }
  #vgac .vgac-carte-wrap { height:56vh; min-height:380px; order:-1; }
  #vgac .vgac-panel { height:auto; max-height:70vh; }
  #vgac .vgac-gpsbar { position:sticky; top:0; z-index:600; }
}
@media (prefers-reduced-motion:reduce) {
  .gsan-vgac-hero-wrap .gsan-hero img { animation:none; transform:none; }
}

/* Panneau gauche */
#vgac .vgac-panel { background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; max-height:640px; }
#vgac .vgac-tools { padding:1rem 1rem .6rem; border-bottom:1px solid var(--line); }
#vgac #vgac-search {
  width:100%; border:1px solid var(--line); border-radius:10px; padding:.6rem .8rem;
  font-family:inherit; font-size:.88rem; color:var(--ink); outline:none;
}
#vgac #vgac-search:focus { border-color:var(--gold); }
#vgac .vgac-filtres { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.65rem; }
#vgac .vgac-filtre {
  border:1px solid var(--line); background:#fff; color:var(--mut);
  font-family:inherit; font-size:.72rem; letter-spacing:.03em; padding:.35rem .7rem;
  border-radius:999px; cursor:pointer; display:flex; align-items:center; gap:.35rem; transition:all .18s;
}
#vgac .vgac-filtre .dot { width:9px; height:9px; border-radius:50%; }
#vgac .vgac-filtre.on { background:var(--deep); color:#fff; border-color:var(--deep); }

/* Liste */
#vgac #vgac-liste { overflow-y:auto; padding:.4rem; }
#vgac .vgac-item {
  display:flex; gap:.7rem; align-items:flex-start; padding:.7rem .6rem; border-radius:12px;
  cursor:pointer; transition:background .15s; border:1px solid transparent;
}
#vgac .vgac-item:hover { background:#f4f6f8; }
#vgac .vgac-item.vu { opacity:.55; }
#vgac .vgac-item .pin { width:26px; height:26px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:.72rem; font-weight:600; }
#vgac .vgac-item .info { min-width:0; }
#vgac .vgac-item .info .nom { font-family:'Cormorant Garamond',serif; font-size:1.15rem; color:var(--deep); line-height:1.15; }
#vgac .vgac-item .info .cat { font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:var(--mut); margin-top:.1rem; }
#vgac .vgac-item .info .dist { font-size:.72rem; color:var(--gold); margin-top:.15rem; }

/* Fiche */
#vgac #vgac-fiche { display:none; flex-direction:column; overflow-y:auto; }
#vgac #vgac-fiche.on { display:flex; }
#vgac #vgac-retour {
  align-self:flex-start; margin:.7rem 0 0 .7rem; border:none; background:transparent;
  color:var(--mut); font-family:inherit; font-size:.8rem; cursor:pointer; padding:.3rem;
}
#vgac #vgac-retour:hover { color:var(--deep); }
#vgac .vgac-fiche-photo { width:100%; height:170px; object-fit:cover; border-radius:12px; margin:.6rem 0 0; }
#vgac .vgac-fiche-body { padding:.9rem 1.1rem 1.3rem; }
#vgac #vgac-fiche-cat { font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; margin-bottom:.35rem; }
#vgac #vgac-fiche-nom { font-family:'Cormorant Garamond',serif; font-weight:400; font-size:1.7rem; color:var(--deep); line-height:1.1; margin-bottom:.3rem; }
#vgac #vgac-fiche-dist { font-size:.78rem; color:var(--gold); margin-bottom:.7rem; }
#vgac #vgac-fiche-texte { font-size:.9rem; color:var(--ink); line-height:1.75; margin-bottom:.7rem; }
#vgac #vgac-fiche-note { font-size:.82rem; color:var(--mut); background:#f4f6f8; border-left:3px solid var(--gold); padding:.6rem .8rem; border-radius:0 8px 8px 0; margin-bottom:.9rem; }
#vgac #vgac-audio-player { width:100%; margin-bottom:.8rem; }
#vgac .vgac-fiche-actions { display:flex; flex-wrap:wrap; gap:.5rem; }
#vgac .vgac-btn {
  font-family:inherit; font-size:.78rem; letter-spacing:.04em; padding:.55rem 1rem;
  border-radius:999px; cursor:pointer; border:1px solid var(--deep); background:var(--deep); color:#fff;
  text-decoration:none; display:inline-flex; align-items:center; gap:.4rem; transition:opacity .2s;
}
#vgac .vgac-btn:hover { opacity:.86; }
#vgac .vgac-btn.gold { background:var(--gold); border-color:var(--gold); color:var(--deep); }
#vgac .vgac-btn.ghost { background:transparent; color:var(--deep); }

/* Carte */
#vgac .vgac-carte-wrap { position:relative; border:1px solid var(--line); border-radius:16px; overflow:hidden; min-height:520px; }
#vgac #vgac-carte { position:absolute; inset:0; }
#vgac #vgac-carte-fallback { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--mut); font-size:.88rem; text-align:center; padding:2rem; }
#vgac .vgac-basemap { position:absolute; top:10px; right:10px; z-index:500; display:flex; gap:.3rem; background:#fff; border-radius:999px; padding:.2rem; box-shadow:0 2px 10px rgba(0,0,0,.15); }
#vgac .vgac-basemap button {
  border:none; background:transparent; font-family:inherit; font-size:.72rem; letter-spacing:.04em;
  padding:.35rem .8rem; border-radius:999px; cursor:pointer; color:var(--mut);
}
#vgac .vgac-basemap button.on { background:var(--deep); color:#fff; }
#vgac .vgac-pastille {
  width:26px; height:26px; border-radius:50% 50% 50% 0; transform:rotate(-45deg);
  border:2px solid #fff; box-shadow:0 2px 6px rgba(0,0,0,.35); display:flex; align-items:center; justify-content:center;
}
#vgac .vgac-pastille span { transform:rotate(45deg); color:#fff; font-size:.62rem; font-weight:700; }
#vgac .vgac-pastille.vu { opacity:.5; }
#vgac .vgac-attrib { max-width:1180px; margin:.7rem auto 0; font-size:.68rem; color:var(--mut); text-align:right; }
#vgac .vgac-attrib à { color:var(--mut); }

/* Marqueur position utilisateur */
#vgac .vgac-me { width:18px; height:18px; border-radius:50%; background:#2e74a6; border:3px solid #fff; box-shadow:0 0 0 4px rgba(46,116,166,.3); }
</style>

<div class="gsan-vgac-hero-wrap">
  <div class="gsan-hero">
    <img decoding="async" src="https://visiter-santorini.fr/wp-content/uploads/parthenon-acropole-athenes.jpg" alt="L'Acropole d'Athènes et le Parthénon à Athènes">
    <div class="gsan-hero-overlay"></div>
    <div class="gsan-hero-content">
      <div class="gsan-eyebrow">Visite guidee interactive</div>
      <h1>L&rsquo;Acropole <em>d&rsquo;Athènes</em></h1>
      <p>Le rocher sacré, ses temples, ses statues et ses théâtres, point par point. Suivez la carte, écoutez chaque fiche et activez le guidage GPS pour vous repérer sur place.</p>
      <div class="gsan-hero-stats">
        <div class="gsan-hero-stat"><div class="num">22</div><div class="label">Points clés</div></div>
        <div class="gsan-hero-stat"><div class="num">2 500</div><div class="label">Ans d&rsquo;histoire</div></div>
        <div class="gsan-hero-stat"><div class="num">GPS</div><div class="label">Guidage sur place</div></div>
      </div>
    </div>
  </div>
</div>

<div id="vgac">
  <div class="vgac-intro">
    <h2>Explorer l&rsquo;Acropole point par point</h2>
    <p>Vingt-deux étapes repérées sur la carte : les grands monuments du plateau, les statues, les théâtres du versant sud, les sanctuaires et les meilleurs points de vue. Sur place, activez le guidage GPS : la carte affiche votre position et vous propose les étapes les plus proches.</p>
  </div>

  <div class="vgac-gpsbar">
    <div class="left">
      <button id="vgac-gps" type="button">Activer le guidage GPS</button>
      <span id="vgac-gps-status">Guidage désactivé</span>
    </div>
    <span id="vgac-progress">0 / 22 points vus</span>
  </div>

  <div id="vgac-next" aria-label="Prochaines étapes proposées"></div>

  <div class="vgac-layout">
    <aside class="vgac-panel">
      <div class="vgac-tools">
        <input id="vgac-search" type="search" placeholder="Rechercher un point (Parthénon, Cariatides, Hérode...)" aria-label="Rechercher un point">
        <div class="vgac-filtres" id="vgac-filtres"></div>
      </div>
      <div id="vgac-liste" aria-live="polite"></div>
      <div id="vgac-fiche">
        <button id="vgac-retour" type="button">← Retour à la liste</button>
        <img id="vgac-fiche-photo" class="vgac-fiche-photo" alt="" style="display:none">
        <div class="vgac-fiche-body">
          <div id="vgac-fiche-cat"></div>
          <h3 id="vgac-fiche-nom"></h3>
          <div id="vgac-fiche-dist"></div>
          <p id="vgac-fiche-texte"></p>
          <p id="vgac-fiche-note"></p>
          <audio id="vgac-audio-player" controls="" preload="none"></audio>
          <div class="vgac-fiche-actions">
            <button id="vgac-ecouter" class="vgac-btn gold" type="button">Écouter la fiche</button>
            <button id="vgac-vu" class="vgac-btn ghost" type="button">Marquer comme vu</button>
            <a id="vgac-cta" class="vgac-btn" href="#">Lire l&rsquo;article</a>
          </div>
        </div>
      </div>
    </aside>

    <div class="vgac-carte-wrap">
      <div id="vgac-carte-fallback">Chargement de la carte de l&rsquo;Acropole&#8230;</div>
      <div id="vgac-carte" role="application" aria-label="Carte interactive de l'Acropole d'Athènes"></div>
      <div class="vgac-basemap">
        <button id="vgac-sat" type="button" class="on">Satellite</button>
        <button id="vgac-plan" type="button">Plan</button>
      </div>
    </div>
  </div>

  <p class="vgac-attrib">Fonds de carte : © <a href="https://www.openstreetmap.org/copyright" rel="noopener" target="_blank">OpenStreetMap</a>, © CARTO, imagerie © Esri</p>
</div>



<!-- 
==========================================================
CONTENU SEO SOUS LA CARTE INTERACTIVE DE L'ACROPOLE
Site : visiter-santorini.fr
CSS : WP Code snippet "gr-activite"
==========================================================
A coller dans un SECOND bloc "HTML personnalisé" (Gutenberg),
juste sous le bloc de la carte interactive, sur la même page.

Mot-clé principal : carte interactive de l'Acropole

A REMPLACER avant publication :
- https://visiter-santorini.fr/wp-content/uploads/athenes-grece-24-1536x864.jpg  ->  URL d'une photo d'Athènes de la médiathèque
  (image de fond du CTA final). Le lien du CTA est déjà en place.
==========================================================
-->

<!-- CSS complémentaire (listes + CTA immersif repris du système oiap, non chargé dans gr-activite) -->
<style>
#acropole-seo .gr-section ul,
#acropole-seo .gr-programme-inner ul{list-style:none;padding-left:24px;margin:16px 0}
#acropole-seo .gr-section ul li,
#acropole-seo .gr-programme-inner ul li{position:relative;padding-left:20px;margin-bottom:10px;line-height:1.6}
#acropole-seo .gr-section ul li::before,
#acropole-seo .gr-programme-inner ul li::before{content:"›";position:absolute;left:0;color:#c5a255;font-size:1.3em;font-weight:700;line-height:1.4}
/* Chaque bloc h3 + texte forme une unité : titre collé à son paragraphe,
   espace généreux APRES le bloc, avant le h3 suivant. */
#acropole-seo .gr-section h3,
#acropole-seo .gr-programme-inner h3{margin-top:3.4rem;margin-bottom:.55rem;line-height:1.3}
#acropole-seo .gr-section h3 + p,
#acropole-seo .gr-programme-inner h3 + p{margin-top:0}
#acropole-seo .gr-section h2 + p,
#acropole-seo .gr-programme-inner h2 + p{margin-top:1.2rem}
#acropole-seo .gr-section p,
#acropole-seo .gr-programme-inner p{margin-bottom:1rem}
#acropole-seo .gr-section ul:last-child,
#acropole-seo .gr-programme-inner ul:last-child,
#acropole-seo .gr-section p:last-child,
#acropole-seo .gr-programme-inner p:last-child{margin-bottom:0}
#acropole-seo .gr-ctaimg{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:'Jost',sans-serif}
#acropole-seo .gr-ctaimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
#acropole-seo .gr-ctaimg-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,45,74,.9) 0%,rgba(13,45,74,.6) 100%)}
#acropole-seo .gr-ctaimg-content{position:relative;z-index:2;text-align:center;padding:4rem 5vw;max-width:660px}
#acropole-seo .gr-ctaimg-eyebrow{font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:#c9a84c;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.8rem}
#acropole-seo .gr-ctaimg-eyebrow span{width:24px;height:1px;background:#c9a84c;display:block}
#acropole-seo .gr-ctaimg-content h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:300;color:#faf9f7;line-height:1.1;margin-bottom:1.2rem}
#acropole-seo .gr-ctaimg-content h2 em{font-style:italic;color:#e8d5a0}
#acropole-seo .gr-ctaimg-content p{color:rgba(250,249,247,.7);font-size:.92rem;line-height:1.75;margin:0 auto 2.4rem;max-width:520px}
#acropole-seo .gr-ctaimg-btn{display:inline-flex;align-items:center;gap:.6rem;background:#c9a84c;color:#0d2d4a;font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;padding:.95rem 2.1rem;border-radius:2px;text-decoration:none;transition:background .3s,transform .2s}
#acropole-seo .gr-ctaimg-btn:hover{background:#e8d5a0;transform:translateY(-2px)}
#acropole-seo .gr-ctaimg-btn i{font-size:.62rem;transition:transform .2s}
#acropole-seo .gr-ctaimg-btn:hover i{transform:translateX(3px)}
</style>

<div class="gr-activite" id="acropole-seo">

<!-- ======================== CE QUE PRÉSENTE LA CARTE (fond blanc) ======================== -->
<div class="gr-section">
  <span class="gr-eyebrow">Les 22 points</span>
  <h2>Ce que présente la carte interactive <em>de l&rsquo;Acropole d&rsquo;Athènes</em></h2>

  <p>La carte réunit 22 points répartis sur le rocher, ses versants et les collines voisines. Chaque point ouvre une fiche avec un résumé, une note pratique et une lecture audio. Les cinq familles ci-dessous correspondent aux filtres colorés de la carte, ce qui permet d&rsquo;organiser la visite selon le temps disponible.</p>

  <h3>Les monuments du plateau</h3>

  <p>Huit points couvrent le sommet du rocher et replacent chaque édifice dans sa chronologie, du sac perse de 480 avant notre ère au programme de Périclès.</p>

  <ul>
    <li><strong>Le Parthénon</strong> : temple d&rsquo;Athéna Parthénos achevé en 438 avant notre ère, conçu par Ictinos et Callicratès.</li>
    <li><strong>L&rsquo;Erechthéion</strong> : temple ionique aux cultes multiples, bâti sur le lieu le plus sacré du rocher.</li>
    <li><strong>Les Propylées</strong> : porte monumentale de Mnésiclès, restée inachevée à cause de la guerre du Péloponnèse.</li>
    <li><strong>Le temple d&rsquo;Athéna Niké</strong> : petit édifice ionique perché sur son bastion, à droite de l&rsquo;entrée.</li>
    <li><strong>La porte Beulé</strong> : ouvrage fortifié romain qui commande l&rsquo;accès actuel du site.</li>
    <li><strong>Le monument d&rsquo;Agrippa</strong> : haut socle qui portait un quadrige de bronze, redédicacé à l&rsquo;époque romaine.</li>
    <li><strong>L&rsquo;ancien temple d&rsquo;Athéna Polias</strong> : fondations archaïques entre le Parthénon et l&rsquo;Erechthéion.</li>
    <li><strong>Le sanctuaire de Zeus Polieus</strong> : enclos à ciel ouvert des rites anciens, à l&rsquo;angle nord-est.</li>
  </ul>

  <h3>Les statues et le décor sculpté</h3>

  <p>Deux points traitent la sculpture et distinguent clairement ce qui subsiste de ce qui a disparu.</p>

  <ul>
    <li><strong>Le portique des Cariatides</strong> : les six figures visibles sur place sont des copies, cinq originaux se trouvent au musée de l&rsquo;Acropole et le sixième au British Museum.</li>
    <li><strong>L&#8217;emplacement d&rsquo;Athéna Promachos</strong> : statue de bronze colossale de Phidias qui signalait le sanctuaire aux navires approchant du Pirée, disparue depuis le Moyen Âge.</li>
  </ul>

  <h3>Les théâtres et sanctuaires du versant sud</h3>

  <p>Sept points descendent le flanc sud, secteur souvent traversé trop vite en montant vers le plateau.</p>

  <ul>
    <li><strong>Le théâtre de Dionysos</strong> : berceau du théâtre occidental, où furent créées les pièces d&rsquo;Eschyle, de Sophocle et d&rsquo;Euripide.</li>
    <li><strong>L&rsquo;odéon d&rsquo;Hérode Atticus</strong> : théâtre romain de 161, toujours en activité pour le festival d&rsquo;Athènes.</li>
    <li><strong>La stoa d&rsquo;Eumène</strong> : longue galerie qui reliait les deux salles et abritait le public entre deux représentations.</li>
    <li><strong>Le sanctuaire de Dionysos</strong> : enclos sacré d&rsquo;où le théâtre tire son nom et sa fonction rituelle.</li>
    <li><strong>L&rsquo;Asclépiéion</strong> : sanctuaire de guérison où les malades dormaient pour espérer un rêve curatif.</li>
    <li><strong>Le monument de Thrasyllos</strong> : grotte aménagée en monument, transformée ensuite en chapelle.</li>
    <li><strong>Le sanctuaire d&rsquo;Artémis Brauronia</strong> : enclos des offrandes féminines, sur le plateau.</li>
  </ul>

  <h3>Les points de vue sur l&rsquo;Acropole</h3>

  <p>Quatre points sortent de l&rsquo;enceinte payante, tous d&rsquo;accès libre et gratuit.</p>

  <ul>
    <li><strong>L&rsquo;Aréopage</strong> : ancien tribunal athénien, juste sous l&rsquo;entrée ouest, sur une roche très glissante.</li>
    <li><strong>Le belvédère du drapeau grec</strong> : pointe est du plateau, vue plongeante vers le temple de Zeus olympien.</li>
    <li><strong>La colline de Philopappos</strong> : le cadrage le plus reconnu pour photographier le Parthénon au coucher du soleil.</li>
    <li><strong>La Pnyx</strong> : siège de l&rsquo;assemblée des citoyens, calme et peu fréquentée.</li>
  </ul>

  <h3>Le musée de l&rsquo;Acropole</h3>

  <p>Un point est consacré au musée ouvert en 2009, construit au-dessus de fouilles visibles sous un plancher de verre. Son dernier niveau, incliné pour reprendre l&rsquo;orientation du Parthénon, expose la frise et les frontons à hauteur d&rsquo;œil, avec les emplacements laissés vides pour les marbres conservés à Londres. C&rsquo;est là que se voient les Cariatides originales, réunies.</p>
</div>


&nbsp;

<!-- ======================== FAQ (fond crème) ======================== -->
<div class="gr-programme">
  <div class="gr-programme-inner">
    <span class="gr-eyebrow">Préparer la visite</span>
    <h2>Questions fréquentes <em>sur la visite de l&rsquo;Acropole</em></h2>

    <h3>Combien de temps faut-il pour visiter l&rsquo;Acropole ?</h3>

    <p>Comptez une heure trente à deux heures pour le plateau seul, montée et descente comprises. En ajoutant le versant sud, ses théâtres et son sanctuaire de guérison, prévoyez trois heures. Avec le musée de l&rsquo;Acropole, la visite occupe une demi-journée complète. Les 22 points de la carte se parcourent confortablement sur cette durée longue ; sur un créneau court, les filtres permettent de cibler les monuments du plateau seuls.</p>

    <h3>Par où arrive-t-on sur le site ?</h3>

    <p>Deux entrées desservent l&rsquo;Acropole.</p>

    <ul>
      <li><strong>L&rsquo;entrée ouest</strong>, la principale : elle mène par la porte Beulé et les Propylées directement au plateau, chemin le plus court et le plus fréquenté.</li>
      <li><strong>L&rsquo;entrée sud</strong>, à l&rsquo;angle de la rue Dionysiou Areopagitou et de la rue Thrasyllou, presque en face du musée : la visite commence par le théâtre de Dionysos puis remonte le versant, dans un ordre chronologique plus logique et avec moins d&rsquo;affluence au départ.</li>
    </ul>

    <h3>Quels sont les incontournables à voir absolument ?</h3>

    <p>Cinq points concentrent l&rsquo;essentiel de la visite.</p>

    <ul>
      <li><strong>Le Parthénon</strong>, temple d&rsquo;Athéna qui domine le plateau.</li>
      <li><strong>L&rsquo;Erechthéion</strong> et son portique des Cariatides.</li>
      <li><strong>Les Propylées</strong>, seuil monumental du sanctuaire.</li>
      <li><strong>Le temple d&rsquo;Athéna Niké</strong>, en surplomb de l&rsquo;entrée.</li>
      <li><strong>Le théâtre de Dionysos</strong>, sur le versant sud.</li>
    </ul>

    <p>En ajoutant deux étapes, prenez l&rsquo;odéon d&rsquo;Hérode Atticus vu d&rsquo;en haut puis le belvédère est pour le panorama. Le musée de l&rsquo;Acropole complète l&rsquo;ensemble, puisqu&rsquo;il abrite les sculptures retirées des monuments.</p>

    <h3>Combien coûte le billet et faut-il réserver ?</h3>

    <p>Le billet plein tarif est affiché à 30 euros en 2026, le tarif réduit à 15 euros. Un billet combiné donnant accès à sept sites archéologiques d&rsquo;Athènes existe à 36 euros, valable cinq jours. La réservation d&rsquo;un créneau horaire est obligatoire depuis avril 2024 : l&rsquo;entrée est acceptée de quinze minutes avant à quinze minutes après l&rsquo;heure choisie. Les créneaux du matin partent vite en haute saison. Les tarifs et les modalités évoluent chaque année, vérifiez-les avant de réserver.</p>

    <h3>Le billet du musée de l&rsquo;Acropole est-il compris ?</h3>

    <p>Non. Le musée relève d&rsquo;une billetterie distincte de celle du site archéologique, avec ses propres horaires et son propre tarif, de l&rsquo;ordre de 15 euros en plein tarif. Il faut donc prévoir deux entrées séparées pour enchaîner la colline et les collections.</p>

    <h3>Quel est le meilleur moment de la journée pour monter ?</h3>

    <p>Le premier créneau du matin reste le meilleur compromis entre lumière, chaleur supportable et affluence. Entre 10 heures et 15 heures en haute saison, la foule et la chaleur culminent ensemble sur un plateau sans ombre. Les jours où plusieurs paquebots sont à quai au Pirée chargent encore le site en fin de matinée. La fin d&rsquo;après-midi fonctionne également, avec une lumière rasante favorable aux photos. Les horaires suivent la saison : ouverture à 8 heures toute l&rsquo;année, fermeture vers 17 heures l&rsquo;hiver et jusqu&rsquo;à 20 heures en plein été, dernière entrée une demi-heure avant.</p>

    <h3>Le Parthénon est-il encore sous échafaudages ?</h3>

    <p>Les échafaudages extérieurs de la façade ouest ont été démontés définitivement en juin 2026, à l&rsquo;achèvement de la restauration du fronton ouest engagée en 2017. Cette façade se découvre dégagée pour la première fois depuis environ 220 ans. Le chantier de conservation de l&rsquo;Acropole, ouvert depuis 1975, se poursuit sur d&rsquo;autres parties du monument : des structures plus légères restent possibles selon les phases de travaux.</p>

    <h3>La carte interactive de l&rsquo;Acropole fonctionne-t-elle sur place ?</h3>

    <p>Oui, depuis un téléphone, avec deux conditions. Le fond de carte se télécharge à l&rsquo;affichage, une connexion mobile reste donc nécessaire pour le voir apparaître. Le guidage GPS demande l&rsquo;autorisation de localisation du navigateur. Une fois la page ouverte et la carte chargée, les fiches et l&rsquo;audio restent consultables même si le réseau faiblit sur le rocher. Enfin, les points marqués comme vus sont enregistrés dans le navigateur et se retrouvent à la visite suivante.</p>

    <div class="gr-note" style="margin-top: 24px;">
      <p><strong>À prévoir avant de monter :</strong> le marbre des Propylées et du plateau est poli par des millions de passages, il glisse, des chaussures fermées à semelle adhérente valent mieux que des sandales. Aucune ombre n&rsquo;existe sur le sommet, emportez eau et chapeau d&rsquo;avril à octobre. Enfin, chargez le téléphone avant la montée, le guidage GPS et la lecture audio consomment de la batterie.</p>
    </div>

  </div>
</div>


<!-- ======================== CTA FINAL : Athènes (image immersive) ======================== -->
<div class="gr-ctaimg">
  <img decoding="async" src="https://visiter-santorini.fr/wp-content/uploads/athenes-grece-24-1536x864.jpg" alt="Vue d'Athènes depuis l'Acropole en Grèce">
  <div class="gr-ctaimg-ov"></div>
  <div class="gr-ctaimg-content">
    <div class="gr-ctaimg-eyebrow"><span></span>Continuer la visite<span></span></div>
    <h2>Découvrir Athènes <em>au-delà du rocher</em></h2>
    <p>L&rsquo;agora antique, Plaka et Anafiotika, le temple de Zeus olympien, les marchés et les tavernes de quartier : la capitale grecque se prolonge bien après la descente de l&rsquo;Acropole. Retrouvez tout le guide pour organiser le reste du séjour.</p>
    <a class="gr-ctaimg-btn" href="https://visiter-santorini.fr/decouvrir-athenes/">Découvrir Athènes <i class="fa-solid fa-arrow-right"></i></a>
  </div>
</div>

</div>
<!-- Fin .gr-activite -->
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-acropole-athenes%2F&amp;linkname=Carte%20interactive%20de%20l%E2%80%99Acropole%20d%E2%80%99Ath%C3%A8nes" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pinterest" href="https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-acropole-athenes%2F&amp;linkname=Carte%20interactive%20de%20l%E2%80%99Acropole%20d%E2%80%99Ath%C3%A8nes" title="Pinterest" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_email" href="https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-acropole-athenes%2F&amp;linkname=Carte%20interactive%20de%20l%E2%80%99Acropole%20d%E2%80%99Ath%C3%A8nes" title="Email" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-acropole-athenes%2F&#038;title=Carte%20interactive%20de%20l%E2%80%99Acropole%20d%E2%80%99Ath%C3%A8nes" data-a2a-url="https://visiter-santorini.fr/carte-interactive-acropole-athenes/" data-a2a-title="Carte interactive de l’Acropole d’Athènes"></a></p><p>L’article <a href="https://visiter-santorini.fr/carte-interactive-acropole-athenes/">Carte interactive de l&rsquo;Acropole d&rsquo;Athènes</a> est apparu en premier sur <a href="https://visiter-santorini.fr">Découvrir la Grèce</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Carte interactive de Santorin : les incontournables</title>
		<link>https://visiter-santorini.fr/carte-interactive-santorin/</link>
		
		<dc:creator><![CDATA[Santo]]></dc:creator>
		<pubDate>Sun, 19 Jul 2026 12:20:33 +0000</pubDate>
				<category><![CDATA[Carte Interactive]]></category>
		<category><![CDATA[Santorin]]></category>
		<guid isPermaLink="false">https://visiter-santorini.fr/?p=11469</guid>

					<description><![CDATA[<p>Explorer Santorin Carte interactivede Santorin Villages de la caldeira, sites archéologiques, musées, plages de sable noir, points de vue et volcan : 30 étapes sur la carte satellite, avec fiche complète, lecture audio et guidage GPS selon votre position sur l&#8217;île. 30 Étapes guidées 6 Catégories de lieux 3 600 Ans d&#8217;histoire Votre visite guidée&#8230;&#160;<a href="https://visiter-santorini.fr/carte-interactive-santorin/" rel="bookmark">Lire la suite &#187;<span class="screen-reader-text">Carte interactive de Santorin : les incontournables</span></a></p>
<p>L’article <a href="https://visiter-santorini.fr/carte-interactive-santorin/">Carte interactive de Santorin : les incontournables</a> est apparu en premier sur <a href="https://visiter-santorini.fr">Découvrir la Grèce</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================
     VISITE GUIDEE INTERACTIVE DE SANTORIN, visiter-santorini.fr (v1.1)
     A coller dans un bloc "HTML personnalise" (Gutenberg) sur une
     page dediee. Ce bloc ne contient AUCUN script : le moteur est
     le snippet WP Code "visite-guidee-santorin" (JavaScript Snippet,
     Site Wide Footer, Frontend only, un seul snippet carte actif).
     Tout est scope sous #vgs : aucune regle CSS globale.

     FONCTIONNEMENT
     - 30 lieux en 6 categories : villages, sites archeologiques,
       musees, plages, points de vue, volcan et caldeira.
     - Clic sur un point de la carte ou une carte de la liste ->
       fiche complete (resume, note pratique, ecoute audio).
     - Bouton "Activer le guidage GPS" : position en direct sur la
       carte, tri des lieux par distance, bandeau "Prochaines etapes"
       avec les 3 lieux non vus les plus proches. A moins de 120 m
       d'un lieu, sa fiche s'ouvre toute seule.
     - Audio : lecture vocale du texte par le navigateur (voix
       francaise du telephone). Pour remplacer par VOS enregistrements,
       hebergez un MP3 dans la mediatheque et collez son URL dans le
       champ audio:"" du lieu concerne, dans le snippet.
     - URLS D'ARTICLES : renseignees dans le snippet, champ url:"",
       uniquement quand la page traite vraiment du lieu. 13 lieux
       sur 30 ont un lien ; les autres ont un champ vide, qui masque
       le bouton "Lire l'article". Ne rien inventer.
     - PHOTOS : champ photo:"" vide par defaut. Collez l'URL d'une
       image de la mediatheque pour l'afficher en haut de la fiche.
     - Le guidage GPS demande l'autorisation de localisation et
       fonctionne uniquement en HTTPS (le site l'est).
     - Attributions OpenStreetMap / CARTO / Esri obligatoires :
       incluses, ne pas les retirer.
     ============================================================ -->

<link rel="preload" as="image" href="https://visiter-santorini.fr/wp-content/uploads/oia-santorin-cyclades-4.jpg" fetchpriority="high">

<style>
.gsan-vgs-hero-wrap {
  --c-deep:#0d2d4a; --c-gold:#c9a84c; --c-gold-lt:#e8d5a0; --c-white:#faf9f7;
  font-family:'Jost',sans-serif; line-height:1.7;
}
.gsan-vgs-hero-wrap *, .gsan-vgs-hero-wrap *::before, .gsan-vgs-hero-wrap *::after { box-sizing:border-box; margin:0; padding:0; }
.gsan-vgs-hero-wrap .gsan-hero { position:relative; height:66vh; min-height:440px; overflow:hidden; display:flex; align-items:flex-end; }
.gsan-vgs-hero-wrap .gsan-hero img {
  position:absolute; inset:0; width:100%; height:100%; display:block;
  object-fit:cover; object-position:center 40%;
  transform:scale(1.05); animation:gsanVgsZoom 14s ease-out forwards;
}
@keyframes gsanVgsZoom { to { transform:scale(1); } }
.gsan-vgs-hero-wrap .gsan-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(13,45,74,.92) 0%, rgba(13,45,74,.3) 55%, transparent 100%); }
.gsan-vgs-hero-wrap .gsan-hero-content { position:relative; z-index:2; padding:3.2rem 5vw 3.8rem; max-width:820px; }
.gsan-vgs-hero-wrap .gsan-eyebrow { display:flex; align-items:center; gap:.7rem; font-size:.68rem; letter-spacing:.28em; text-transform:uppercase; color:var(--c-gold); font-weight:500; margin-bottom:.8rem; }
.gsan-vgs-hero-wrap .gsan-eyebrow::before { content:''; display:block; width:32px; height:1px; background:var(--c-gold); }
.gsan-vgs-hero-wrap .gsan-hero-content h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.6rem,6vw,4.8rem); font-weight:300; color:var(--c-white); line-height:1.05; margin-bottom:1rem; }
.gsan-vgs-hero-wrap .gsan-hero-content h1 em { font-style:italic; color:var(--c-gold-lt); }
.gsan-vgs-hero-wrap .gsan-hero-content p { color:rgba(250,249,247,.78); font-size:.95rem; max-width:580px; margin-bottom:1.8rem; }
.gsan-vgs-hero-wrap .gsan-hero-stats { display:flex; flex-wrap:wrap; gap:2.5rem; }
.gsan-vgs-hero-wrap .gsan-hero-stat .num { font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:400; color:var(--c-gold-lt); line-height:1; }
.gsan-vgs-hero-wrap .gsan-hero-stat .label { font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(250,249,247,.55); margin-top:.2rem; }

/* ============ Visite guidee ============ */
#vgs {
  --deep:#0d2d4a; --deep-2:#123a5e; --gold:#c9a84c; --gold-lt:#e8d5a0;
  --white:#faf9f7; --ink:#1c2733; --mut:#5b6b7a; --line:rgba(13,45,74,.12);
  --c-village:#c9a84c; --c-site:#b5543b; --c-musee:#8a6fb8; --c-plage:#3d8bd4; --c-vue:#e2795a; --c-volcan:#4f5b66;
  font-family:'Jost',sans-serif; color:var(--ink); background:var(--white);
  padding:2.2rem 4vw 3rem;
}
#vgs *, #vgs *::before, #vgs *::after { box-sizing:border-box; margin:0; padding:0; }
#vgs .vgs-intro { max-width:820px; margin:0 auto 1.6rem; text-align:center; }
#vgs .vgs-intro h2 { font-family:'Cormorant Garamond',serif; font-weight:400; font-size:clamp(1.6rem,3.4vw,2.3rem); color:var(--deep); margin-bottom:.55rem; }
#vgs .vgs-intro p { font-size:.92rem; color:var(--mut); }

/* Barre de guidage GPS */
#vgs .vgs-gpsbar {
  max-width:1180px; margin:0 auto 1rem; display:flex; flex-wrap:wrap; gap:.7rem;
  align-items:center; justify-content:space-between;
  background:var(--deep); border-radius:14px; padding:.75rem 1rem;
}
#vgs .vgs-gpsbar .left { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; }
#vgs #vgs-gps {
  border:1px solid var(--gold); background:transparent; color:var(--gold-lt);
  font-family:inherit; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase;
  padding:.55rem 1.1rem; border-radius:999px; cursor:pointer; transition:background .2s,color .2s;
}
#vgs #vgs-gps:hover { background:var(--gold); color:var(--deep); }
#vgs #vgs-gps.on { background:var(--gold); color:var(--deep); }
#vgs #vgs-gps-status { font-size:.8rem; color:rgba(250,249,247,.75); }
#vgs #vgs-progress { font-size:.8rem; color:var(--gold-lt); letter-spacing:.06em; white-space:nowrap; }

/* Bandeau prochaines etapes */
#vgs #vgs-next { max-width:1180px; margin:0 auto .9rem; display:none; gap:.6rem; flex-wrap:wrap; }
#vgs #vgs-next.on { display:flex; }
#vgs .vgs-next-chip {
  display:flex; align-items:center; gap:.5rem; border:1px solid var(--line);
  background:#fff; border-radius:999px; padding:.4rem .85rem; cursor:pointer;
  font-family:inherit; font-size:.82rem; color:var(--ink); transition:border-color .2s;
}
#vgs .vgs-next-chip:hover { border-color:var(--gold); }
#vgs .vgs-next-chip .dot { width:9px; height:9px; border-radius:50%; flex:none; }
#vgs .vgs-next-chip .dist { color:var(--mut); font-size:.76rem; }

/* Layout panneau + carte */
#vgs .vgs-layout { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:360px 1fr; gap:1rem; align-items:stretch; }
#vgs .vgs-panel { background:#fff; border:1px solid var(--line); border-radius:14px; display:flex; flex-direction:column; overflow:hidden; height:660px; }
#vgs .vgs-tools { padding:.9rem .9rem .6rem; border-bottom:1px solid var(--line); }
#vgs #vgs-search {
  width:100%; border:1px solid var(--line); border-radius:9px; padding:.55rem .8rem;
  font-family:inherit; font-size:.88rem; color:var(--ink); background:var(--white); outline:none;
}
#vgs #vgs-search:focus { border-color:var(--gold); }
#vgs .vgs-filtres { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.6rem; }
#vgs .vgs-filtre {
  border:1px solid var(--line); background:#fff; border-radius:999px; padding:.28rem .7rem;
  font-family:inherit; font-size:.74rem; letter-spacing:.03em; color:var(--mut);
  cursor:pointer; display:flex; align-items:center; gap:.35rem; transition:all .15s;
}
#vgs .vgs-filtre .dot { width:8px; height:8px; border-radius:50%; }
#vgs .vgs-filtre.on { border-color:var(--deep); color:var(--deep); background:rgba(13,45,74,.06); }
#vgs #vgs-liste { overflow-y:auto; flex:1; padding:.5rem; }
#vgs .vgs-item {
  width:100%; text-align:left; border:1px solid transparent; background:transparent;
  border-radius:11px; padding:.65rem .75rem; cursor:pointer; font-family:inherit;
  display:flex; gap:.7rem; align-items:flex-start; transition:background .15s,border-color .15s;
}
#vgs .vgs-item:hover { background:rgba(201,168,76,.08); }
#vgs .vgs-item.vu { opacity:.55; }
#vgs .vgs-item .pin {
  flex:none; width:26px; height:26px; border-radius:50%; color:#fff; font-size:.68rem;
  font-weight:600; display:flex; align-items:center; justify-content:center; margin-top:.1rem;
}
#vgs .vgs-item .nom { font-size:.92rem; color:var(--ink); font-weight:500; line-height:1.3; }
#vgs .vgs-item .sub { font-size:.76rem; color:var(--mut); margin-top:.15rem; }
#vgs .vgs-item .dist { font-size:.74rem; color:var(--gold); margin-top:.15rem; letter-spacing:.03em; }

/* Fiche */
#vgs #vgs-fiche { display:none; overflow-y:auto; flex:1; }
#vgs #vgs-fiche.on { display:block; }
#vgs #vgs-liste.off { display:none; }
#vgs .vgs-fiche-photo { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
#vgs .vgs-fiche-body { padding:1rem 1.1rem 1.3rem; }
#vgs #vgs-retour {
  border:none; background:transparent; color:var(--mut); font-family:inherit;
  font-size:.8rem; cursor:pointer; padding:.85rem 1.1rem .2rem; letter-spacing:.04em;
}
#vgs #vgs-retour:hover { color:var(--deep); }
#vgs .vgs-fiche-cat { font-size:.68rem; letter-spacing:.22em; text-transform:uppercase; font-weight:600; margin-bottom:.35rem; }
#vgs #vgs-fiche-nom { font-family:'Cormorant Garamond',serif; font-weight:500; font-size:1.55rem; color:var(--deep); line-height:1.15; margin-bottom:.6rem; }
#vgs #vgs-fiche-dist { font-size:.8rem; color:var(--gold); letter-spacing:.04em; margin-bottom:.6rem; display:none; }
#vgs #vgs-fiche-texte { font-size:.9rem; color:var(--ink); line-height:1.75; }
#vgs #vgs-fiche-note { margin-top:.8rem; font-size:.83rem; color:var(--mut); border-left:2px solid var(--gold); padding-left:.75rem; line-height:1.65; }
#vgs .vgs-fiche-actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.1rem; }
#vgs .vgs-btn {
  border:1px solid var(--deep); background:var(--deep); color:#fff; font-family:inherit;
  font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; padding:.55rem 1rem;
  border-radius:999px; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:.4rem;
  transition:opacity .2s;
}
#vgs .vgs-btn:hover { opacity:.85; }
#vgs .vgs-btn.ghost { background:transparent; color:var(--deep); }
#vgs .vgs-btn.gold { background:var(--gold); border-color:var(--gold); color:var(--deep); }
#vgs #vgs-audio-player { width:100%; margin-top:1rem; display:none; }
#vgs #vgs-cta { display:none; margin-top:0; }

/* Carte */
#vgs .vgs-carte-wrap { position:relative; height:660px; border-radius:14px; overflow:hidden; border:1px solid var(--line); background:var(--deep-2); }
#vgs #vgs-carte { position:absolute; inset:0; z-index:1; }
#vgs #vgs-carte-fallback { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:rgba(250,249,247,.7); font-size:.9rem; padding:2rem; text-align:center; z-index:0; }
#vgs .vgs-basemap {
  position:absolute; top:12px; right:12px; z-index:500; display:flex; border-radius:999px; overflow:hidden;
  border:1px solid rgba(13,45,74,.25); background:#fff;
}
#vgs .vgs-basemap button { border:none; background:#fff; color:var(--mut); font-family:inherit; font-size:.74rem; letter-spacing:.05em; padding:.4rem .8rem; cursor:pointer; }
#vgs .vgs-basemap button.on { background:var(--deep); color:#fff; }
#vgs .vgs-pastille { border-radius:50%; color:#fff; font-weight:600; display:flex; align-items:center; justify-content:center; box-shadow:0 1px 6px rgba(0,0,0,.4); border:2px solid rgba(255,255,255,.85); }
#vgs .vgs-pastille.vu { opacity:.55; }
#vgs .vgs-label {
  background:rgba(13,45,74,.85); color:#fff; font-family:'Jost',sans-serif; font-size:.72rem;
  letter-spacing:.03em; padding:.15rem .5rem; border-radius:6px; white-space:nowrap;
  box-shadow:0 1px 4px rgba(0,0,0,.35);
}
#vgs .vgs-user-dot { width:16px; height:16px; border-radius:50%; background:#2f7fe0; border:3px solid #fff; box-shadow:0 0 0 0 rgba(47,127,224,.5); animation:vgsPulse 2s infinite; }
@keyframes vgsPulse { 0%{box-shadow:0 0 0 0 rgba(47,127,224,.5);} 70%{box-shadow:0 0 0 16px rgba(47,127,224,0);} 100%{box-shadow:0 0 0 0 rgba(47,127,224,0);} }
@media (prefers-reduced-motion:reduce) { #vgs .vgs-user-dot { animation:none; } .gsan-vgs-hero-wrap .gsan-hero img { animation:none; transform:none; } }

#vgs .vgs-attrib { max-width:1180px; margin:.5rem auto 0; font-size:.68rem; color:var(--mut); text-align:right; }
#vgs .vgs-attrib a { color:var(--mut); }

@media (max-width:900px) {
  #vgs .vgs-layout { grid-template-columns:1fr; }
  #vgs .vgs-carte-wrap { height:56vh; min-height:380px; order:-1; }
  #vgs .vgs-panel { height:auto; max-height:70vh; }
  #vgs .vgs-gpsbar { position:sticky; top:0; z-index:600; }
}
</style>

<div class="gsan-vgs-hero-wrap">
  <div class="gsan-hero">
    <img decoding="async" src="https://visiter-santorini.fr/wp-content/uploads/oia-santorin-cyclades-4.jpg" alt="Visite guidée interactive de Santorin, vue sur la caldeira" loading="eager" fetchpriority="high">
    <div class="gsan-hero-overlay"></div>
    <div class="gsan-hero-content">
      <div class="gsan-eyebrow"><span>Explorer Santorin</span></div>
      <h1>Carte interactive<br>de <em>Santorin</em></h1>
      <p>Villages de la caldeira, sites archéologiques, musées, plages de sable noir, points de vue et volcan : 30 étapes sur la carte satellite, avec fiche complète, lecture audio et guidage GPS selon votre position sur l&rsquo;île.</p>
      <div class="gsan-hero-stats">
        <div class="gsan-hero-stat"><div class="num">30</div><div class="label">Étapes guidées</div></div>
        <div class="gsan-hero-stat"><div class="num">6</div><div class="label">Catégories de lieux</div></div>
        <div class="gsan-hero-stat"><div class="num">3 600</div><div class="label">Ans d&rsquo;histoire</div></div>
      </div>
    </div>
  </div>
</div>

<div id="vgs">
  <div class="vgs-intro">
    <h2>Votre visite guidée de Santorin, étape par étape</h2>
    <p>Touchez un point sur la carte ou un lieu dans la liste pour ouvrir sa fiche. Sur place, activez le guidage GPS : la carte affiche votre position et vous propose les étapes les plus proches.</p>
  </div>

  <div class="vgs-gpsbar">
    <div class="left">
      <button id="vgs-gps" type="button">Activer le guidage GPS</button>
      <span id="vgs-gps-status">Guidage désactivé</span>
    </div>
    <span id="vgs-progress">0 / 30 lieux vus</span>
  </div>

  <div id="vgs-next" aria-label="Prochaines étapes proposées"></div>

  <div class="vgs-layout">
    <aside class="vgs-panel">
      <div class="vgs-tools">
        <input id="vgs-search" type="search" placeholder="Rechercher un lieu (Oia, Akrotiri, Kamari...)" aria-label="Rechercher un lieu">
        <div class="vgs-filtres" id="vgs-filtres"></div>
      </div>
      <div id="vgs-liste" aria-live="polite"></div>
      <div id="vgs-fiche">
        <button id="vgs-retour" type="button">← Retour à la liste</button>
        <img id="vgs-fiche-photo" class="vgs-fiche-photo" alt="" style="display:none">
        <div class="vgs-fiche-body">
          <div class="vgs-fiche-cat" id="vgs-fiche-cat"></div>
          <h3 id="vgs-fiche-nom"></h3>
          <div id="vgs-fiche-dist"></div>
          <p id="vgs-fiche-texte"></p>
          <p id="vgs-fiche-note"></p>
          <audio id="vgs-audio-player" controls="" preload="none"></audio>
          <div class="vgs-fiche-actions">
            <button id="vgs-ecouter" class="vgs-btn gold" type="button">Écouter la fiche</button>
            <button id="vgs-vu" class="vgs-btn ghost" type="button">Marquer comme vu</button>
            <a id="vgs-cta" class="vgs-btn" href="#">Lire l&rsquo;article</a>
          </div>
        </div>
      </div>
    </aside>

    <div class="vgs-carte-wrap">
      <div id="vgs-carte-fallback">Chargement de la carte de Santorin&#8230;</div>
      <div id="vgs-carte" role="application" aria-label="Carte interactive de Santorin"></div>
      <div class="vgs-basemap">
        <button id="vgs-sat" type="button" class="on">Satellite</button>
        <button id="vgs-plan" type="button">Plan</button>
      </div>
    </div>
  </div>

  <p class="vgs-attrib">Fonds de carte : © <a href="https://www.openstreetmap.org/copyright" rel="noopener" target="_blank">OpenStreetMap</a>, © CARTO, imagerie © Esri</p>
</div>



<!-- 
==========================================================
CONTENU SEO SOUS LA CARTE INTERACTIVE DE SANTORIN
Site : visiter-santorini.fr
CSS : WP Code snippet "gr-activite"
==========================================================
A coller dans un SECOND bloc "HTML personnalise" (Gutenberg),
juste sous le bloc de la carte interactive, sur la meme page.

Mot-cle principal : carte interactive de Santorin

Tarifs et horaires verifies en juillet 2026 (site d'Akrotiri 20 euros,
ancienne Thera 10 euros, musees 10 euros, telepherique 10 euros).
A revoir chaque debut de saison.
==========================================================
-->

<!-- CSS complémentaire (listes + CTA immersif repris du système oiap, non chargé dans gr-activite) -->
<style>
#santorin-seo .gr-section ul,
#santorin-seo .gr-programme-inner ul{list-style:none;padding-left:24px;margin:16px 0}
#santorin-seo .gr-section ul li,
#santorin-seo .gr-programme-inner ul li{position:relative;padding-left:20px;margin-bottom:10px;line-height:1.6}
#santorin-seo .gr-section ul li::before,
#santorin-seo .gr-programme-inner ul li::before{content:"›";position:absolute;left:0;color:#c5a255;font-size:1.3em;font-weight:700;line-height:1.4}
/* Chaque bloc h3 + texte forme une unité : titre collé à son paragraphe,
   espace généreux APRES le bloc, avant le h3 suivant. */
#santorin-seo .gr-section h3,
#santorin-seo .gr-programme-inner h3{margin-top:3.4rem;margin-bottom:.55rem;line-height:1.3}
#santorin-seo .gr-section h3 + p,
#santorin-seo .gr-programme-inner h3 + p{margin-top:0}
#santorin-seo .gr-section h2 + p,
#santorin-seo .gr-programme-inner h2 + p{margin-top:1.2rem}
#santorin-seo .gr-section p,
#santorin-seo .gr-programme-inner p{margin-bottom:1rem}
#santorin-seo .gr-section ul:last-child,
#santorin-seo .gr-programme-inner ul:last-child,
#santorin-seo .gr-section p:last-child,
#santorin-seo .gr-programme-inner p:last-child{margin-bottom:0}
#santorin-seo .gr-ctaimg{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:'Jost',sans-serif}
#santorin-seo .gr-ctaimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
#santorin-seo .gr-ctaimg-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,45,74,.9) 0%,rgba(13,45,74,.6) 100%)}
#santorin-seo .gr-ctaimg-content{position:relative;z-index:2;text-align:center;padding:4rem 5vw;max-width:660px}
#santorin-seo .gr-ctaimg-eyebrow{font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:#c9a84c;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.8rem}
#santorin-seo .gr-ctaimg-eyebrow span{width:24px;height:1px;background:#c9a84c;display:block}
#santorin-seo .gr-ctaimg-content h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:300;color:#faf9f7;line-height:1.1;margin-bottom:1.2rem}
#santorin-seo .gr-ctaimg-content h2 em{font-style:italic;color:#e8d5a0}
#santorin-seo .gr-ctaimg-content p{color:rgba(250,249,247,.7);font-size:.92rem;line-height:1.75;margin:0 auto 2.4rem;max-width:520px}
#santorin-seo .gr-ctaimg-btn{display:inline-flex;align-items:center;gap:.6rem;background:#c9a84c;color:#0d2d4a;font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;padding:.95rem 2.1rem;border-radius:2px;text-decoration:none;transition:background .3s,transform .2s}
#santorin-seo .gr-ctaimg-btn:hover{background:#e8d5a0;transform:translateY(-2px)}
#santorin-seo .gr-ctaimg-btn i{font-size:.62rem;transition:transform .2s}
#santorin-seo .gr-ctaimg-btn:hover i{transform:translateX(3px)}
</style>

<div class="gr-activite" id="santorin-seo">

<!-- ======================== CE QUE PRÉSENTE LA CARTE (fond blanc) ======================== -->
<div class="gr-section">
  <span class="gr-eyebrow">Les 30 points</span>
  <h2>Ce que présente la carte interactive <em>de Santorin</em></h2>

  <p>La carte réunit 30 points répartis sur le rebord de la caldeira, l&rsquo;intérieur viticole, les deux côtes de l&rsquo;île et le centre de la baie. Chaque point ouvre ensuite une fiche avec un résumé, une note pratique et une lecture audio. Les six familles ci-dessous correspondent aux filtres colorés de la carte, ce qui permet d&rsquo;organiser la visite selon le temps disponible et le mode de transport choisi.</p>

  <h3>Les villages de Santorin</h3>

  <p>Dix points couvrent les localités de l&rsquo;île, du balcon de la caldeira aux villages fortifiés de l&rsquo;intérieur et aux stations de la côte est.</p>

  <ul>
    <li><strong>Oia</strong> : village de la pointe nord, reconstruit après le séisme de 1956 dans le respect de l&rsquo;architecture cycladique.</li>
    <li><strong>Imerovigli</strong> : le point le plus haut du bord de caldeira, à environ 300 mètres au-dessus de la mer.</li>
    <li><strong>Firostefani</strong> : la couronne de Fira, même vue plongeante avec une fréquentation moindre.</li>
    <li><strong>Fira</strong> : capitale de l&rsquo;île, nœud du réseau de bus et base la plus pratique sans voiture.</li>
    <li><strong>Pyrgos</strong> : ancien village fortifié en cercles concentriques, capitale de Santorin jusqu&rsquo;au XIXe siècle.</li>
    <li><strong>Megalochori</strong> : village viticole aux clochers-porches, entouré de domaines d&rsquo;assyrtiko.</li>
    <li><strong>Emporio</strong> : plus grand village de l&rsquo;île, autour d&rsquo;un kasteli médiéval en labyrinthe.</li>
    <li><strong>Le village d&rsquo;Akrotiri</strong> : promontoire du sud-ouest, organisé autour de son château vénitien.</li>
    <li><strong>Le village de Perissa</strong> : versant sud du Mesa Vouno, autour de la plus grande église de l&rsquo;île.</li>
    <li><strong>Le village de Kamari</strong> : côte est, né du séisme de 1956 et habité toute l&rsquo;année.</li>
  </ul>

  <h3>Les sites archéologiques</h3>

  <p>Deux points racontent également les deux grandes époques de l&rsquo;île, séparées par mille ans et par l&rsquo;éruption minoenne.</p>

  <ul>
    <li><strong>Le site d&rsquo;Akrotiri</strong> : cité de l&rsquo;âge du bronze ensevelie sous les cendres il y a environ 3 600 ans, fouillée depuis 1967 et protégée par un abri bioclimatique.</li>
    <li><strong>L&rsquo;ancienne Théra</strong> : cité dorienne, hellénistique puis romaine, perchée sur la crête du Mesa Vouno à 360 mètres au-dessus de Kamari et Perissa.</li>
  </ul>

  <h3>Les musées</h3>

  <p>Trois points complètent ensuite les sites, puisque les objets et les fresques ont été déposés loin de leur lieu de découverte.</p>

  <ul>
    <li><strong>Le Musée de la Préhistoire de Théra</strong>, à Fira : les fresques et les objets d&rsquo;Akrotiri, à voir avant ou après le site.</li>
    <li><strong>Le Musée archéologique de Théra</strong>, à Fira : les siècles dorien, hellénistique et romain, en écho à l&rsquo;ancienne Théra.</li>
    <li><strong>Le Musée naval d&rsquo;Oia</strong> : l&rsquo;épopée maritime du XIXe siècle qui a financé les demeures du village.</li>
  </ul>

  <h3>Les plages de sable noir et de sable rouge</h3>

  <p>Six points suivent également le littoral, des criques de la caldeira aux longues plages volcaniques du sud et de l&rsquo;est.</p>

  <ul>
    <li><strong>La baie d&rsquo;Ammoudi</strong> : le port d&rsquo;Oia au pied de falaises rouges, avec sa baignade en eau profonde.</li>
    <li><strong>La Red Beach</strong> : falaises de scories rouges près d&rsquo;Akrotiri, accès par un sentier parfois fermé pour éboulements.</li>
    <li><strong>Vlychada</strong> : sable gris sombre au pied de falaises de cendre blanche sculptées par le vent.</li>
    <li><strong>Perivolos</strong> : la plage la plus animée, beach bars et sports nautiques sur plusieurs kilomètres.</li>
    <li><strong>Perissa</strong> : sable noir au pied du Mesa Vouno, ambiance familiale et abordable.</li>
    <li><strong>Kamari</strong> : grande plage organisée de la côte est, promenade piétonne et liaison directe avec Fira.</li>
  </ul>

  <h3>Les points de vue sur la caldeira</h3>

  <p>Six points servent enfin à cadrer le volcan, à des heures et depuis des altitudes différentes.</p>

  <ul>
    <li><strong>Le château d&rsquo;Oia</strong> : les ruines vénitiennes du coucher de soleil, accès libre et gratuit.</li>
    <li><strong>Le rocher de Skaros</strong> : ancienne capitale vénitienne de l&rsquo;île, sentier depuis Imerovigli jusqu&rsquo;à la chapelle de Theoskepasti.</li>
    <li><strong>Le vieux port et le téléphérique de Fira</strong> : la caldeira vue depuis la falaise et depuis l&rsquo;eau.</li>
    <li><strong>Le monastère du Prophète Élie</strong> : point culminant de Santorin à environ 567 mètres, panorama sur l&rsquo;île entière.</li>
    <li><strong>Le phare d&rsquo;Akrotiri</strong> : la caldeira vue de l&rsquo;extérieur, alternative à Oia pour le coucher du soleil.</li>
    <li><strong>Santo Wines</strong> : terrasse panoramique au-dessus de la baie, avec parking et dégustation d&rsquo;assyrtiko.</li>
  </ul>

  <h3>Le volcan de Santorin et la caldeira</h3>

  <p>Trois points se rejoignent uniquement en bateau, au centre de la baie, et forment la journée volcan classique au départ du vieux port de Fira ou d&rsquo;Ammoudi. <strong>Néa Kaméni</strong> est l&rsquo;îlot noir actif, avec son sentier de scories jusqu&rsquo;aux cratères sommitaux, <strong>Palea Kameni</strong> abrite les sources chaudes ocre de la baie d&rsquo;Agios Nikolaos, et <strong>Thirassia</strong> ferme la caldeira à l&rsquo;ouest avec son village perché de Manolas.</p>
</div>


&nbsp;

<!-- ======================== FAQ (fond crème) ======================== -->
<div class="gr-programme">
  <div class="gr-programme-inner">
    <span class="gr-eyebrow">Préparer le séjour</span>
    <h2>Questions fréquentes <em>sur la visite de Santorin</em></h2>

    <h3>Combien de jours faut-il pour visiter Santorin ?</h3>

    <p>Trois jours pleins couvrent l&rsquo;essentiel. Vous profitez d&rsquo;abord d&rsquo;une journée sur le bord de caldeira entre Fira, Firostefani, Imerovigli et Oia. Ensuite, prévoyez une journée pour Akrotiri, Red beach et le sud. Enfin, offrez-vous une journée pour découvrir les villages de l&rsquo;intérieur ainsi qu&rsquo;une plage. Quatre à cinq jours permettent ensuite d&rsquo;ajouter l&rsquo;ancienne Théra, une dégustation dans un domaine et une sortie en bateau vers le volcan. Les 30 points de la carte se parcourent confortablement sur cette durée. Sur une escale d&rsquo;une journée, les filtres permettent de cibler les villages de la caldeira seuls.</p>

    <h3>Comment se déplacer sur l&rsquo;île sans voiture ?</h3>

    <p>Le réseau de bus KTEL rayonne depuis la gare routière de Fira vers Oia, l&rsquo;aéroport, le port d&rsquo;Athinios, Kamari, Perissa, Akrotiri et les villages de l&rsquo;intérieur. Loger à Fira réduit alors les correspondances au minimum. Uber et Bolt ne fonctionnent pas à Santorin, les taxis se prennent à l&rsquo;aéroport, au port ou depuis un hôtel. La location de voiture ou de scooter reste également la solution la plus souple pour le sud et l&rsquo;ancienne Théra, avec deux réserves : les ruelles de village sont étroites et le stationnement se raréfie vite en haute saison.</p>

    <h3>Quels sont les incontournables de Santorin ?</h3>

    <p>Cinq points concentrent l&rsquo;essentiel d&rsquo;un premier séjour.</p>

    <ul>
      <li><strong>Le site d&rsquo;Akrotiri</strong>, la cité de l&rsquo;âge du bronze sous son abri.</li>
      <li><strong>Oia et les ruines de son château</strong>, pour la caldeira au coucher du soleil.</li>
      <li><strong>Le Musée de la Préhistoire de Théra</strong>, qui conserve les fresques d&rsquo;Akrotiri.</li>
      <li><strong>Le sentier de la caldeira</strong> entre Fira et Oia, environ 10 kilomètres et 3 à 4 heures de marche.</li>
      <li><strong>Une plage de sable noir</strong>, Perissa ou Kamari selon le versant du Mesa Vouno.</li>
    </ul>

    <p>En ajoutant deux étapes, prenez Pyrgos et son kasteli puis le monastère du Prophète Élie pour le panorama depuis le point culminant de l&rsquo;île.</p>

    <h3>Combien coûtent les entrées des sites et des musées ?</h3>

    <p>Le site d&rsquo;Akrotiri est affiché à 20 euros en 2026, l&rsquo;ancienne Théra à 10 euros, le Musée de la Préhistoire de Théra et le Musée archéologique de Théra à 10 euros chacun. Les moins de 25 ans ressortissants de l&rsquo;Union européenne entrent gratuitement sur présentation d&rsquo;une pièce d&rsquo;identité, ainsi que les moins de 18 ans venant d&rsquo;un autre pays. Enfin, ces tarifs relèvent du ministère grec de la Culture et ont augmenté en 2025 : vérifiez-les avant le départ, ils évoluent d&rsquo;une saison à l&rsquo;autre.</p>

    <h3>Quels sont les horaires des sites archéologiques ?</h3>

    <p>Le site d&rsquo;Akrotiri ouvre de 8 heures à 20 heures en été, avec deux journées courtes le lundi et le jeudi de 8 h 30 à 15 h 30 ; en hiver, il passe à 8 h 30 &#8211; 15 h 30 et ferme le mardi. L&rsquo;ancienne Théra ouvre de 8 h 30 à 15 h 30 et ferme le mercredi, avec un accès très réduit de décembre à février. Le Musée de la Préhistoire ferme également le mardi, le Musée archéologique de Théra a rouvert en juin 2025 après rénovation. La dernière admission tombe vingt minutes avant la fermeture.</p>

    <h3>Où voir le coucher du soleil sans la foule d&rsquo;Oia ?</h3>

    <p>Le château d&rsquo;Oia se remplit plus d&rsquo;une heure avant l&rsquo;heure officielle en été. Trois alternatives figurent sur la carte. Le phare d&rsquo;Akrotiri offre la caldeira vue de l&rsquo;extérieur, à la pointe sud-ouest, avec un parking limité au bout d&rsquo;une route étroite. La terrasse de Santo Wines, près de Pyrgos, donne le même spectacle avec parking et dégustation, sur réservation. Le kasteli de Pyrgos monte ensuite plus haut, à 360 degrés, sans aucune billetterie. Enfin, le lever du soleil sur le bord de caldeira offre la même lumière rasante à personne.</p>

    <h3>Quelle est la meilleure période pour venir à Santorin ?</h3>

    <p>Mai, juin, septembre et début octobre réunissent une mer déjà chaude, des sentiers praticables et une affluence supportable. Juillet et août cumulent chaleur, foule et prix hauts, avec un meltemi qui souffle fort sur la côte ouest. Avril et fin octobre conviennent également aux marcheurs, la baignade devenant alors aléatoire. L&rsquo;hiver ferme une partie des hôtels et des restaurants, les horaires des sites se réduisent et le vent domine, ce qui reste la période la plus calme pour les villages.</p>

    <h3>L&rsquo;île est-elle sûre après la crise sismique de 2025 ?</h3>

    <p>La crise de janvier et février 2025 a produit plus de 25 000 secousses entre Santorin et Amorgos, avec un état d&rsquo;urgence local et le départ de plusieurs milliers d&rsquo;habitants. Une étude publiée dans la revue Science en novembre 2025 l&rsquo;attribue à une intrusion de magma en profondeur, à plus de 10 kilomètres sous le plancher marin, sans que le magma atteigne la surface. Ainsi, aucune éruption n&rsquo;a eu lieu. L&rsquo;activité est d&rsquo;ailleurs revenue à des niveaux normaux depuis mai 2025 et la surveillance a été renforcée autour de la caldeira et du volcan sous-marin Kolumbo. Les sites et musées, fermés par précaution durant l&rsquo;hiver 2025, ont également tous rouvert.</p>

    <h3>Que faut-il savoir quand on arrive en croisière ?</h3>

    <p>Santorin n&rsquo;a pas de quai pour les paquebots : les navires mouillent dans la caldeira et débarquent par navettes au vieux port de Fira. Un plafond de 8 000 croisiéristes par jour s&rsquo;applique depuis 2025, avec un système de créneaux géré par le fonds portuaire. Une taxe de débarquement s&rsquo;ajoute également au billet, à 20 euros par escale du 1er juin au 30 septembre, 12 euros en avril, mai et octobre, 4 euros de novembre à mars. Seuls les passagers de croisière la paient, les arrivées en ferry et en avion restent hors du dispositif. Depuis le vieux port, le téléphérique monte à Fira en trois minutes pour 10 euros l&rsquo;aller simple, 5 euros pour les 6 à 12 ans ; les files atteignent parfois trois quarts d&rsquo;heure les jours de forte escale. L&rsquo;escalier compte près de 600 marches ; la montée à dos d&rsquo;âne, que nous vous invitons à laisser de côté, se pratique toujours.</p>

    <h3>La carte interactive de Santorin fonctionne-t-elle sur place ?</h3>

    <p>Oui, depuis un téléphone, avec deux conditions. Le fond de carte se télécharge à l&rsquo;affichage, une connexion mobile reste donc nécessaire pour le voir apparaître. Le guidage GPS demande l&rsquo;autorisation de localisation du navigateur. Une fois la page ouverte et la carte chargée, les fiches et l&rsquo;audio restent consultables même si le réseau faiblit sur les routes du sud. Enfin, les points marqués comme vus sont enregistrés dans le navigateur et se retrouvent à la visite suivante.</p>

    <div class="gr-note" style="margin-top: 24px;">
      <p><strong>À prévoir avant de partir sur l&rsquo;île :</strong> les villages de la caldeira se parcourent uniquement à pied, par des ruelles et des escaliers en pente, des chaussures fermées à semelle adhérente valent mieux que des sandales. Le sable noir de Perissa et de Kamari devient brûlant l&rsquo;après-midi, prévoyez des sandales pour rejoindre l&rsquo;eau. Ensuite, aucun point d&rsquo;eau n&rsquo;existe à l&rsquo;ancienne Théra ni sur le sentier Fira &#8211; Oia, emportez de quoi boire d&rsquo;avril à octobre. Enfin, chargez le téléphone avant la journée, le guidage GPS et la lecture audio consomment de la batterie.</p>
    </div>

  </div>
</div>


<!-- ======================== CTA FINAL : Santorin (image immersive) ======================== -->
<div class="gr-ctaimg">
  <img decoding="async" src="https://visiter-santorini.fr/wp-content/uploads/ammoudi-port-oia-santorin.jpg" alt="Le port d'Ammoudi au pied d'Oia à Santorin en Grèce">
  <div class="gr-ctaimg-ov"></div>
  <div class="gr-ctaimg-content">
    <div class="gr-ctaimg-eyebrow"><span></span>Continuer la visite<span></span></div>
    <h2>Découvrir Santorin <em>au-delà de la carte</em></h2>
    <p>Les villages de la caldeira, les domaines d&rsquo;assyrtiko, les excursions vers le volcan et Thirassia, les plages volcaniques et les conseils pour choisir sa période : retrouvez tout le guide pour organiser le séjour.</p>
    <a class="gr-ctaimg-btn" href="https://visiter-santorini.fr/santorin/">Découvrir Santorin <i class="fa-solid fa-arrow-right"></i></a>
  </div>
</div>

</div>
<!-- Fin .gr-activite -->
<p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-santorin%2F&amp;linkname=Carte%20interactive%20de%20Santorin%20%3A%20les%20incontournables" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pinterest" href="https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-santorin%2F&amp;linkname=Carte%20interactive%20de%20Santorin%20%3A%20les%20incontournables" title="Pinterest" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_email" href="https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-santorin%2F&amp;linkname=Carte%20interactive%20de%20Santorin%20%3A%20les%20incontournables" title="Email" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fvisiter-santorini.fr%2Fcarte-interactive-santorin%2F&#038;title=Carte%20interactive%20de%20Santorin%20%3A%20les%20incontournables" data-a2a-url="https://visiter-santorini.fr/carte-interactive-santorin/" data-a2a-title="Carte interactive de Santorin : les incontournables"></a></p><p>L’article <a href="https://visiter-santorini.fr/carte-interactive-santorin/">Carte interactive de Santorin : les incontournables</a> est apparu en premier sur <a href="https://visiter-santorini.fr">Découvrir la Grèce</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
