CINXE.COM
Villes d'Espagne. Venez les visiter | spain.info
<!DOCTYPE html> <html class="no-js" lang="fr"> <head> <script type="text/javascript"> var texto = "(S'ouvre dans une nouvelle fenêtre)"; </script> <link rel='manifest' href='/manifest.json?loc=fr'> <link rel="apple-touch-icon" href="/export/sites/segtur/.content/images/logo192.png"> <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="stylesheet" href="https://use.typekit.net/kmb1yfs.css"> <link rel="stylesheet" href="https://use.typekit.net/wip1dnr.css"> <link rel="preload" href="/export/system/modules/es.segittur.comun/resources/fonts/mega_fresh-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style.min.css?tmp=20250214"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style-cookies.css"> <link rel="dns-prefetch" href="https://a.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://b.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://c.tile.openstreetmap.se" /> <title>Villes d'Espagne. Venez les visiter | spain.info</title> <meta name="description" content='Découvrez les plus belles villes d’Espagne, leurs plus jolis recoins, les meilleurs circuits, etc. sur le portail officiel du tourisme en Espagne. | spain.info'/> <link rel="alternate" href="https://www.spain.info/de/staedte/" hreflang="de"/> <link rel="alternate" href="https://www.spain.info/ru/goroda/" hreflang="ru"/> <link rel="alternate" href="https://www.spain.info/ja/machi/" hreflang="ja"/> <link rel="alternate" href="https://www.spain.info/en/cities/" hreflang="en"/> <link rel="alternate" href="https://www.spain.info/pt_BR/cidades/" hreflang="pt"/> <link rel="alternate" href="https://www.spain.info/it/citta/" hreflang="it"/> <link rel="alternate" href="https://www.spain.info/pl/miasta/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/villes/" hreflang="fr"/> <link rel="canonical" href="https://www.spain.info/fr/villes/"/> <link rel="alternate" href="https://www.spain.info/es/ciudades/" hreflang="es"/> <meta property="og:url" content='https://www.spain.info/fr/villes/'/> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Script de implantación para www.spain.info --> <script async="async" type="text/javascript" data-insuit-id="insuitlaunch" src="https://www--spain--info.insuit.net/i4tservice/insuit-app.js"></script> <style type="text/css"> #x-insuit-container #x-insuit-bar-container #x-insuit-content-bar, #x-insuit-container #x-insuit-bar-container #x-insuit-bar-tools, #x-insuit-container #x-insuit-bar-container .x-insuit-option-text, #x-insuit-container #x-insuit-bar-container *, #x-insuit-container #x-insuit-pdf-viewer-container, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar * { background: #021F3C; } #x-insuit-container * { font-family: stolzl, sans-serif; } </style> </head> <body> <div id="gtmDin"></div> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'url-es':'/es/ciudades/', 'tipo-recurso': 'subhome', 'tipo-plantilla': '', 'eje-primario': 'Que hacer', 'eje-secundario': 'Turismo urbano' }); </script> <!-- Google Tag Manager --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7W4FXW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N7W4FXW');</script> <!-- End Google Tag Manager --><div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.8"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <header class="header"> <div id="cabecera" ><div> <nav class="navbar navbar-expand-custom"> <a class="navbar-brand" href="/fr/"> <img src="/export/sites/segtur/.content/images/logo_espana_menu.png" alt="Spain.info" class="img-fluid"></a> <p class="claim ">Portail officiel du tourisme en Espagne</p> <button id="open-buscador" class="btn-lupa collapsed"><span class="icon-search animunderline" aria-label='Rechercher'></span></button> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainMenu" aria-controls="mainMenu" aria-expanded="false" aria-label="Toggle navigation"> <span> </span> <span> </span> <span> </span> </button> <div class="form-inline buscador-general"> <div class="container"> <!--ICONO PARA CERRAR SUBMENU--> <button class="icon-close" aria-label='Fermer'><span></span></button> <form action="/fr/resultats-recherche/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="Rechercher" xml:lang="es" class="sr-only">Rechercher</label> <input name="q" class="form-control input-visible" type="search" placeholder="Rechercher" aria-label="Rechercher"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="Rechercher"> </fieldset> </form> </div> </div> <div class="collapse navbar-collapse" id="mainMenu"> <ul class="navbar-nav menu-items"> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-dondeir" aria-haspopup="true" aria-expanded="false"> <span>Où aller</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="mapamenu" class="dropdown-menu mapamenu list-sync-resource mapa-switch" aria-labelledby="dropdown-dondeir"> <div class="container"> <button class="icon-close" aria-label='Fermer'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Découvrez</strong> nos destinations</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/fr/destination/madrid/" id="list-mdn-madrid" class="dropdown-item active "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Madrid</a> </li> <li> <a href="/fr/destination/barcelone/" id="list-mdn-barcelona" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Barcelone</a> </li> <li> <a href="/fr/destination/valence/" id="list-mdn-valencia" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Valence</a> </li> <li> <a href="/fr/destination/seville/" id="list-mdn-sevilla" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Séville</a> </li> <li> <a href="/fr/destination/saragosse/" id="list-mdn-zaragoza" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Saragosse</a> </li> <li> <a href="/fr/destination/malaga/" id="list-mdn-malaga" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Malaga</a> </li> <li> <a href="/fr/destination/bilbao/" id="list-mdn-bilbao" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Bilbao</a> </li> <li> <a href="/fr/destination/saint-jacques-compostelle/" id="list-mdn-santiago-de-compostela" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Saint-Jacques-de-Compostelle</a> </li> <li> <a href="/fr/destination/salamanque/" id="list-mdn-salamanca" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Salamanque</a> </li> <li> <a href="/fr/destination/santander/" id="list-mdn-santander" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santander</a> </li> <li> <a href="/fr/destination/caceres/" id="list-mdn-caceres" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Cáceres</a> </li> <li> <a href="/fr/region/iles-canaries/" id="list-mdn-islas-canarias" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Îles Canaries</a> </li> <li> <a href="/fr/region/iles-baleares/" id="list-mdn-islas-baleares" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Îles Baléares</a> </li> <li> <a href="/fr/ou-aller/" class="dropdown-item d-block d-customdk-none">Voir toutes les destinations</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/fr/resultats-recherche/"> <fieldset> <input type="hidden" value="SEG-TUR-Destino" name="typeFilter"> <input type="hidden" value="" name="reloaded"> <label lang="es" for="buscadorDestinos" xml:lang="es" class="sr-only">Moteur de recherche de destinations</label> <input name="q" class="form-control input-visible" type="search" placeholder="CHERCHER D’AUTRES DESTINATIONS" aria-label="CHERCHER D’AUTRES DESTINATIONS"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="CHERCHER D’AUTRES DESTINATIONS"> </fieldset> </form> <a href="/fr/ou-aller/" class="btn btn-dark text-uppercase">Voir toutes les destinations</a> </div> </div> <div class="wrapper-recurso-menu mapa-menu"> <!--MAPA MENU--> <div class="wrapper-menu-map d-none d-xl-block"> <div class="menuholder" data-lang="fr" data-path="mapa_00_mapa-menu-destinos.svg"></div> </div> <!--END MAPA MENU--> </div> </div> </div> </li> <li class="nav-item dropdown list-images-dk"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-quehacer" aria-haspopup="true" aria-expanded="false"> <span>Que faire</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="quehacer" class="dropdown-menu" aria-labelledby="dropdown-quehacer"> <div class="container"> <button class="icon-close" aria-label='Fermer'><span></span></button> <div class="title-box mb-1"> <div class="title"><p>Des <strong>bons plans</strong> pour tous les goûts</p></div> <hr> </div> <a class="dropdown-item" href="/fr/art-culture/" title="Aller sur : Art et culture"> <img id="imgAct1" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sagrada-familia-c-jace-grandinetti-U167181.jpg" class="img-fluid img-menu" alt="Art et culture" title="Art et culture" /> <span>Art et culture</span> </a> <a class="dropdown-item" href="/fr/cotes-plages/" title="Aller sur : Côtes et plages"> <img id="imgAct2" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/shutterstock_740751832.jpg" class="img-fluid img-menu" alt="Côtes et plages" title="Côtes et plages" /> <span>Côtes et plages</span> </a> <a class="dropdown-item" href="/fr/villes/" title="Aller sur : Tourisme urbain"> <img id="imgAct3" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/alcala-madrid-s378537616.jpg" class="img-fluid img-menu" alt="Tourisme urbain" title="Tourisme urbain" /> <span>Tourisme urbain</span> </a> <a class="dropdown-item" href="/fr/nature/" title="Aller sur : Nature"> <img id="imgAct4" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/pn-garajonay-s381203209.jpg" class="img-fluid img-menu" alt="Nature" title="Nature" /> <span>Nature</span> </a> <a class="dropdown-item" href="/fr/cuisine-vins/" title="Aller sur : Gastronomie et œnologie"> <img id="imgAct5" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sepia-s103864166.jpg" class="img-fluid img-menu" alt="Gastronomie et œnologie" title="Gastronomie et œnologie" /> <span>Gastronomie et œnologie</span> </a> <a class="dropdown-item" href="/fr/sport-aventure/" title="Aller sur : Sport et aventure"> <img id="imgAct6" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-naturaleza-canarias-c-radek-u-zLWGDlOXCKs.jpg" class="img-fluid img-menu" alt="Sport et aventure" title="Sport et aventure" /> <span>Sport et aventure</span> </a> <a class="dropdown-item" href="/fr/shopping/" title="Aller sur : Achats"> <img id="imgAct7" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/compras-s343979471.jpg" class="img-fluid img-menu" alt="Shopping" title="Shopping" /> <span>Shopping</span> </a> <a class="dropdown-item" href="/fr/circuits/" title="Aller sur : Routes"> <img id="imgAct8" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/peregrino-santiago-s1465891958.jpg" class="img-fluid img-menu" alt="Routes" title="Routes" /> <span>Routes</span> </a> </div> </div> </li> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-info" aria-haspopup="true" aria-expanded="false"> <span>Planifiez votre voyage</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="info" class="dropdown-menu" aria-labelledby="dropdown-info"> <div class="container"> <button class="icon-close" aria-label='Fermer'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Préparez</strong> votre voyage en Espagne.</p></div> <hr> </div> <div class="wrapper-list-links"> <ul class="list-links"> <li> <a href="https://sustainability.spain.info/fr/" id="info-1" title="Aller sur : Durabilité en Espagne" class="dropdown-item hacerblank"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Durabilité en Espagne</a> </li> <li> <a href="/fr/a-propos-espagne/" id="info-2" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>À propos de l'Espagne</a> </li> <li> <a href="/fr/infos/" id="info-3" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Informations pratiques</a> </li> <li> <a href="/fr/comment-se-rendre/" id="info-4" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Comment se rendre en Espagne</a> </li> <li> <a href="/fr/comment-se-deplacer/" id="info-5" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Comment voyager en Espagne</a> </li> <li> <a href="/fr/activites/" id="info-6" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Réservez vos expériences</a> </li> <li> <a href="/fr/planificateur-itineraires/" id="info-7" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Planificateur d'itinéraires</a> </li> <li> <a href="/fr/brochures/" id="info-8" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Téléchargement de brochures</a> </li> <li> <a href="/fr/meteo/" id="info-9" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>La météo</a> </li> <li> <a href="/fr/conseils-voyage/visa-passeport/" id="info-10" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Visa et passeport</a> </li> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="https://sustainability.spain.info/fr/" title="Aller sur : Durabilité en Espagne" id="card-1" class="card show standard-box-shadow hacerblank"> <img id="imgAct9" src="/export/sites/segtur/.content/imagenes/menu-navegacion/menu-sostenibilidad.jpg" class="card-img-top" alt="Durabilité en Espagne" title="Durabilité en Espagne"/> <div class="card-body"> <p class="title text-uppercase">Durabilité en Espagne</p> <p class="card-text mb-0">Planifiez des vacances respectueuses de l'environnement et du milieu social. Participez à la préservation de la planète.</p> </div> </a> <a href="/fr/a-propos-espagne/" title="Aller sur : À propos de l'Espagne" id="card-2" class="card standard-box-shadow"> <img id="imgAct10" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-museo-prado-mapa-madrid-s139919035.jpg" class="card-img-top" alt="À propos de l'Espagne" title="À propos de l'Espagne"/> <div class="card-body"> <p class="title text-uppercase">À propos de l'Espagne</p> <p class="card-text mb-0">Informations et curiosités sur le pays, sa culture, sa nature, sa gastronomie et sa population.</p> </div> </a> <a href="/fr/infos/" title="Aller sur : Informations pratiques" id="card-3" class="card standard-box-shadow"> <img id="imgAct11" src="/export/sites/segtur/.content/imagenes/menu-navegacion/informacion-turistica-madrid-c-madrid-destino-francesco-pinton.jpg" class="card-img-top" alt="Informations pratiques" title="Informations pratiques"/> <div class="card-body"> <p class="title text-uppercase">Informations pratiques</p> <p class="card-text mb-0">Préparez votre voyage à l’avance en suivant ces conseils sur les conditions d'entrée, l'argent, la sécurité, la santé, les horaires, etc.</p> </div> </a> <a href="/fr/comment-se-rendre/" title="Aller sur : Comment se rendre en Espagne" id="card-4" class="card standard-box-shadow"> <img id="imgAct12" src="/export/sites/segtur/.content/imagenes/menu-navegacion/mapa-planificacion-s348683150.jpg" class="card-img-top" alt="Comment se rendre en Espagne" title="Comment se rendre en Espagne"/> <div class="card-body"> <p class="title text-uppercase">Comment se rendre en Espagne</p> <p class="card-text mb-0">Trouvez des informations sur les aéroports et ports de croisière, ainsi que sur la durée des vols depuis différentes destinations dans le monde.</p> </div> </a> <a href="/fr/comment-se-deplacer/" title="Aller sur : Comment voyager en Espagne" id="card-5" class="card standard-box-shadow"> <img id="imgAct13" src="/export/sites/segtur/.content/imagenes/menu-navegacion/chica-transporte-s456518287.jpg" class="card-img-top" alt="Comment voyager en Espagne" title="Comment voyager en Espagne"/> <div class="card-body"> <p class="title text-uppercase">Comment voyager en Espagne</p> <p class="card-text mb-0">Nous vous proposons des informations utiles sur les liaisons entre les principales villes d’Espagne.</p> </div> </a> <a href="/fr/activites/" title="Aller sur : Réservez vos expériences" id="card-6" class="card standard-box-shadow"> <img id="imgAct14" src="/export/sites/segtur/.content/imagenes/menu-navegacion/fotos-u311182.jpg" class="card-img-top" alt="Réservez vos expériences" title="Réservez vos expériences"/> <div class="card-body"> <p class="title text-uppercase">Réservez vos expériences</p> <p class="card-text mb-0">Choisissez parmi des milliers d’activités conçues pour vous. Il vous suffit de décider du thème et de l’endroit où vous vivrez cette expérience.</p> </div> </a> <a href="/fr/planificateur-itineraires/" title="Aller sur : Planificateur d'itinéraires" id="card-7" class="card standard-box-shadow"> <img id="imgAct15" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turista-fornalutx-mallorca-c-pedro-giraldez.jpg" class="card-img-top" alt="Planificateur d'itinéraires" title="Planificateur d'itinéraires"/> <div class="card-body"> <p class="title text-uppercase">Planificateur d'itinéraires</p> <p class="card-text mb-0">Créez votre propre voyage en Espagne avec un itinéraire totalement adapté à vos besoins.</p> </div> </a> <a href="/fr/brochures/" title="Aller sur : Téléchargement de brochures" id="card-8" class="card standard-box-shadow"> <img id="imgAct16" src="/export/sites/segtur/.content/imagenes/menu-navegacion/folleto-turistas-u1118390.jpg" class="card-img-top" alt="Téléchargement de brochures" title="Téléchargement de brochures"/> <div class="card-body"> <p class="title text-uppercase">Téléchargement de brochures</p> <p class="card-text mb-0">Grâce à nos brochures et nos guides numériques, vous pourrez découvrir l'essentiel de notre gastronomie, de notre culture, de nos festivités, etc.</p> </div> </a> <a href="/fr/meteo/" title="Aller sur : La météo" id="card-9" class="card standard-box-shadow"> <img id="imgAct17" src="/export/sites/segtur/.content/imagenes/menu-navegacion/clima-movil-c-gavin-allanwood-u723586.jpg" class="card-img-top" alt="La météo" title="La météo"/> <div class="card-body"> <p class="title text-uppercase">La météo</p> <p class="card-text mb-0">Consultez les températures moyennes et les heures d’ensoleillement de la région de votre choix, afin d'emporter les vêtements qui conviennent à chaque saison.</p> </div> </a> <a href="/fr/conseils-voyage/visa-passeport/" title="Aller sur : Visa et passeport" id="card-10" class="card standard-box-shadow"> <img id="imgAct18" src="/export/sites/segtur/.content/imagenes/menu-navegacion/pasaporte-u752510.jpg" class="card-img-top" alt="Visa et passeport" title="Visa et passeport"/> <div class="card-body"> <p class="title text-uppercase">Visa et passeport</p> <p class="card-text mb-0">Vous voulez savoir s'il vous faut un visa pour voyager en Espagne ? Découvrez les différents types de visas et comment les obtenir.</p> </div> </a> </div> </div> </div> </li> <li class="nav-item"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="/fr/evenements/" role="button" id="link-agenda"> <span>Agenda</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span></a> </li> </ul> <div class="navbar-nav alternate"> <ul class="list-idiomas"> <li class="nav-item"> <a class="nav-link" href="#" id="locale-fr" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown"><span class="icon-globe"></span> Français<span class="icon-angle-down float-right d-none d-customdk-block"></span> <span class="icon-arrow-right-fill2 secondary-color float-right d-customdk-none"></span> </a> <div id="cajaidioma" class="dropdown-menu" aria-labelledby="locale-fr"> <ul> <li class="nav-item"> <a href="/es/ciudades/" class="dropdown-item" id="locale-es"> Español</a> </li> <li class="nav-item"> <a href="/en/cities/" class="dropdown-item" id="locale-en"> English</a> </li> <li class="nav-item"> <a href="/de/staedte/" class="dropdown-item" id="locale-de"> Deutsch</a> </li> <li class="nav-item"> <a href="/it/citta/" class="dropdown-item" id="locale-it"> Italiano</a> </li> <li class="nav-item"> <a href="/pt_BR/cidades/" class="dropdown-item" id="locale-pt_BR"> Português</a> </li> <li class="nav-item"> <a href="/ru/goroda/" class="dropdown-item" id="locale-ru"> русский</a> </li> <li class="nav-item"> <a href="/pl/miasta/" class="dropdown-item" id="locale-pl"> Polski</a> </li> <li class="nav-item"> <a href="/ja/machi/" class="dropdown-item" id="locale-ja"> 日本語</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/en/" class="dropdown-item hacerblank" id="locale-gcc_en">GCC (English)</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/ar/" class="dropdown-item hacerblank" id="locale-gcc_ar">مجلس التعاون الخليجي (عربي)</a> </li> <li class="nav-item"> <a href="https://www.visitspain.com.cn/" class="dropdown-item hacerblank" id="locale-gcc">中国</a> </li> </ul> </div> </li> </ul> </div> <div class="enlaces-utiles"> <div class="container"> <ul class="list"> <li class="list-item"> <a href="/fr/carte-interactive/" class="" > <span class="icon-map-marker"></span> <span class="text">Carte interactive</span> </a> </li> <li class="list-item"> <a href="/fr/preparer-voyage-espagne/" class="" > <span class="icon-mi-viaje"></span> <span class="text">Mon voyage idéal</span> </a> </li> <li class="list-item"> <a href="/fr/app/favoris/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">Mes favoris</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterFrances.aspx" class="hacerblank" rel="nofollow" > <span class="icon-mail-social"></span> <span class="text">Bulletin</span> </a> </li> </ul> </div> </div> </div> </nav> </div> </div></header><main> <div id="cuerpo" ><div> <section class="cabecera-bg-thumb waaslider subhome" role="region" aria-roledescription="carrusel"> <div id="sliderHome"> <div class="foto"> <!--<a href='https://travelsafe.spain.info/fr/' class="cabecera-aviso hacerblank aviso-a"> <div class="wrapper-aviso"> <p class="text"><span class="text-color">Travel </span><span class="primary-color">Safe</span></p> <span class="description consejos">Conseils pour voyager en toute sécurité</span> <span class="description d-block secondary-color font-weight-bolder">Dernières nouvelles</span> </div> </a>--> <!----> <img class="img-fluid img-editable " src="/export/sites/segtur/.content/imagenes/cabecera-completa/burgos-s577439890.jpg" data-srcset="/export/sites/segtur/.content/imagenes/cabecera-completa/burgos-s577439890.jpg" alt="imagen-0"/> <img class="img-fluid img-editable siguiente" src="/export/sites/segtur/.content/imagenes/cabecera-completa/parque-retiro-madrid-s509081659.jpg" data-srcset="/export/sites/segtur/.content/imagenes/cabecera-completa/parque-retiro-madrid-s509081659.jpg" alt="imagen-0"/> <img class="img-fluid img-editable previa" src="/export/sites/segtur/.content/imagenes/cabecera-completa/familia-urbano-s197151935.jpg" data-srcset="/export/sites/segtur/.content/imagenes/cabecera-completa/familia-urbano-s197151935.jpg" alt="imagen-0"/> <div class="container"> <div class="wrapper-title text-white"> <h1 class="custom-title">Tourisme urbain</h1> <p class="text text-uppercase"><p>Des destinations très attrayantes</p></p> </div> <div class="lista-destinos"> <span id="none-1" aria-hidden="true">none</span> <span id="none-2" aria-hidden="true">none</span> <span id="none-3" aria-hidden="true">none</span> <span id="none-4" aria-hidden="true">none</span> </div> <div class="location position-absolute" style="display:none;"> <div class="wrapper"> <img src="/export/sites/segtur/.content/mapas/mapa-cabecera/none_mapa-mini-cabecera.png" alt="none" class="img-fluid"> <div class="text-white text-location"> <p>none</p> </div> </div> </div> </div> </div> <div class="modal-video noned"> <div class="container"> <div class="wrapper-video"> <iframe id="player1" src="" style="" frameborder="0" allow="autoplay; fullscreen" allowfullscreen=""></iframe> <span class="icon-close close-video"></span> </div> </div> </div> <div class="mask"> <div class="content-thumbs slidexs"> <div class="thumb" data-copy="" data-logo="" aria-label='1 / 4'> <a id="none-5" href='/fr/decouvrir-espagne/escapades-villes-arriere-pays-espagne/' title='' rel=''> <img id='cabeceraThumb-1' data-src='/export/sites/segtur/.content/imagenes/cabecera-completa/burgos-s577439890.jpg' src='/export/sites/segtur/.content/imagenes/thumbnail-cabecera-completa/burgos-t0900677.jpg' class='img-fluid' alt='4 voyages que vous allez adorer dans les villes de l'intérieur de l'Espagne' title='4 voyages que vous allez adorer dans les villes de l'intérieur de l'Espagne'> <div class="wrapper"> <p class="subtitle text-white"> Tourisme urbain</p> <p class="title text-white"> 4 voyages que vous allez adorer dans les villes de l'intérieur de l'Espagne</p> </div> </a> </div> <div class="thumb" data-copy="" data-logo="" aria-label='2 / 4'> <a id="none-6" href='/fr/top/parcs-jardins-urbains-principales-villes-espagne/' title='' rel=''> <img id='cabeceraThumb-2' data-src='/export/sites/segtur/.content/imagenes/cabecera-completa/parque-retiro-madrid-s509081659.jpg' src='/export/sites/segtur/.content/imagenes/thumbnail-cabecera-completa/turista-madrid-parque-retiro-s1298841850.jpg' class='img-fluid' alt='Parcs et jardins urbains des principales villes d'Espagne' title='Parcs et jardins urbains des principales villes d'Espagne'> <div class="wrapper"> <p class="subtitle text-white"> Tourisme urbain</p> <p class="title text-white"> Parcs et jardins urbains des principales villes d'Espagne</p> </div> </a> </div> <div class="thumb" data-copy="" data-logo="" aria-label='3 / 4'> <a id="none-7" href='/fr/images/les-plus-belles-rues-espagne/' title='' rel=''> <img id='cabeceraThumb-3' data-src='/export/sites/segtur/.content/imagenes/cabecera-completa/calle-betis-sevilla-s1114670978.jpg' src='/export/sites/segtur/.content/imagenes/thumbnail-cabecera-completa/calle-betis-sevilla-s1173124432.jpg' class='img-fluid' alt='Les plus belles rues d'Espagne' title='Les plus belles rues d'Espagne'> <div class="wrapper"> <p class="subtitle text-white"> Tourisme urbain</p> <p class="title text-white"> Les plus belles rues d'Espagne</p> </div> </a> </div> <div class="thumb" data-copy="" data-logo="" aria-label='4 / 4'> <a id="none-8" href='/fr/decouvrir-espagne/escapades-fin-semaine-espagne/' title='' rel=''> <img id='cabeceraThumb-4' data-src='/export/sites/segtur/.content/imagenes/cabecera-completa/familia-urbano-s197151935.jpg' src='/export/sites/segtur/.content/imagenes/thumbnail-cabecera-completa/familia-urbano-s187465415.jpg' class='img-fluid' alt='Évadez-vous le temps d'un week-end dans l'une de ces destinations' title='Évadez-vous le temps d'un week-end dans l'une de ces destinations'> <div class="wrapper"> <p class="subtitle text-white"> Tourisme urbain</p> <p class="title text-white"> Évadez-vous le temps d'un week-end dans l'une de ces destinations</p> </div> </a> </div> </div> <svg class="waa waaleft" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleleft" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="DK/icono/flecha-izq-gris-claro-inactivo"> <g class="Flecha-izq" transform="translate(36.000000, 36.000000) rotate(-180.000000) translate(-36.000000, -36.000000) "> <circle class="circleleft" fill="#9B9B9B" opacity="0.59984189" cx="36" cy="36" r="36"></circle> <polyline class="angleleft" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </g> </g> </svg><svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg></div> </div> </section> </div><section class="breadcrumbs bg-primary-color"> <div class="container"> <div class="row align-items-center"> <div class="d-none d-sm-block col-sm-6 text-left"> <nav aria-label="Breadcrumb" class="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a class="breadcrumb-link" href="/fr/" target="_self" title="" >Accueil</a></li> </ol> </nav> </div> <div class="col-sm-6"> </div> </div> </div> </section> <section class="module entradilla centered"> <div class="container"> <h2 class="title text-center">Visitez des villes, découvrez leur vie</h2> <p class="text-secundario text-center"> Voyager dans une grande ville espagnole, ce n’est pas seulement visiter ses monuments et ses musées. C’est se promener dans des rues débordantes de vie, se mélanger à ses habitants et faire partie de sa vie. C’est avoir des centaines d’idées de sorties, profiter de son large programme culturel, trouver des recoins surprenants auxquels vous ne vous attendiez pas et profiter des horaires d’ouverture flexibles de ses zones commerciales pour passer des journées à faire du shopping.<span class="br"></span>Les possibilités de loisirs dans les villes se renouvellent constamment : activités en plein air, nouveaux établissements, nouveautés gastronomiques, spectacles et festivals, itinéraires thématiques... Profitez des villes espagnoles grâce à leurs bonnes connexions internationales et redécouvrez-les à chaque visite.</p> </div> </section> <section class="module destacados positioned"> <div class="container"> <div class="title-box"> <span class="subtitle">QUE FAIRE</span> <h2 class="title">Bons plans à ne pas manquer</h2> <hr> </div> <div class="row"> <div class="col-md-4"> <a class="card" href="/fr/top/seville-visites-recoins/" title="La foire d’avril arrive bientôt…"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/ayto_sevilla_s29386669.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/ayto_sevilla_s29386669.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/ayto_sevilla_s29386669.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/ayto_sevilla_s29386669.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/ayto_sevilla_s29386669.jpg_2140969072.jpg' class='lazy img-fluid' alt='Mairie de Séville' title='Mairie de Séville'><div class="card-body"> <div class="title-box secondary "> <span class="subtitle">Tourisme urbain</span> <h2 class="title-secondary">La foire d’avril arrive bientôt…</h2> <p class="description-secondary"><p>Connaissez-vous ces coins de la Séville authentique ?</p></p> </div> </div> </a> </div> <div class="col-md-4"> <a class="card" href="/fr/decouvrir-espagne/excursions-au-depart-de-barcelone/" title="Au-delà de Barcelone"> <img data-src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg' data-srcset='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/cadaques-girona-42383418-istock.jpg_2140969072.jpg' class='lazy img-fluid' alt='Vue de Cadaqués, Gérone' title='Vue de Cadaqués, Gérone'><div class="card-body"> <div class="title-box secondary "> <span class="subtitle">Routes</span> <h2 class="title-secondary">Au-delà de Barcelone</h2> <p class="description-secondary"><p>Excursions au départ de la ville pour découvrir la Catalogne.</p></p> </div> </div> </a> </div> <div class="col-md-4"> <a class="card" href="/fr/decouvrir-espagne/incontournables-galice-urbaine/" title="Cinq incontournables de la Galice urbaine"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/lugo-murallas-catedral-s490049140.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/lugo-murallas-catedral-s490049140.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/lugo-murallas-catedral-s490049140.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/lugo-murallas-catedral-s490049140.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/lugo-murallas-catedral-s490049140.jpg_2140969072.jpg' class='lazy img-fluid' alt=' Visite de Lugo, Galice' title=' Visite de Lugo, Galice'><div class="card-body"> <div class="title-box secondary "> <span class="subtitle">Tourisme urbain</span> <h2 class="title-secondary">Cinq incontournables de la Galice urbaine</h2> <p class="description-secondary"><p>Monuments naturels, historiques et secrets.</p></p> </div> </div> </a> </div> <a href="/fr/recherche/bons-plans-urbains-espagne/" title="Bons plans à ne pas manquer" class="btn btn-white text-uppercase d-block mx-auto mt-4">Lire la suite</a> </div> </div> </section> <section class="module destacados positioned"> <div class="container"> <div class="title-box"> <span class="subtitle">PLANIFIEZ VOTRE VISITE</span> <h2 class="title">Combien de temps durera votre séjour ?</h2> <hr> <p class="description"><p>Nous vous proposons quelques itinéraires d’un ou deux jours dans différentes villes.</p></p> </div> <div class="row"> <div class="col-md-6"> <!-- <div class="position-absolute content top clipped bg-primary-color"> --> <!-- <div class="clipped-content"> --> <!-- <span class="icono-provisional far fa-flag"></span> --> <!-- </div> --> <!-- </div> --> <div class="position-relative wrapper zoom-in bg-dark-gradient centered d-block"> <!--3 COLUMNAS:--> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/madrid/chica-mapa-plaza-mayor-madrid-s1344718463.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/madrid/chica-mapa-plaza-mayor-madrid-s1344718463.jpg_1553357388.jpg 435w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/madrid/chica-mapa-plaza-mayor-madrid-s1344718463.jpg_2041178541.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/madrid/chica-mapa-plaza-mayor-madrid-s1344718463.jpg_1688965303.jpg 636w' sizes='(max-width: 480px) 435px, (max-width: 768px) 330px, 636px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/madrid/chica-mapa-plaza-mayor-madrid-s1344718463.jpg_1553357388.jpg' class='lazy img-fluid' alt='Touriste' title='Touriste'><div class="position-absolute content center center-bottom text-white"> <a class="btn btn-transparent" href="/fr/recherche/visites-urbaines-un-jour/" title="1 jour">1 jour</a> </div> </div> </div> <div class="col-md-6"> <!-- <div class="position-absolute content top clipped bg-primary-color"> --> <!-- <div class="clipped-content"> --> <!-- <span class="icono-provisional far fa-flag"></span> --> <!-- </div> --> <!-- </div> --> <div class="position-relative wrapper zoom-in bg-dark-gradient centered d-block"> <!--3 COLUMNAS:--> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/Genericas/turista_s559985464.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/Genericas/turista_s559985464.jpg_1553357388.jpg 435w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/Genericas/turista_s559985464.jpg_2041178541.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/Genericas/turista_s559985464.jpg_1688965303.jpg 636w' sizes='(max-width: 480px) 435px, (max-width: 768px) 330px, 636px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/Genericas/turista_s559985464.jpg_1553357388.jpg' class='lazy img-fluid' alt='Touriste' title='Touriste'><div class="position-absolute content center center-bottom text-white"> <a class="btn btn-transparent" href="/fr/recherche/visites-urbaines-deux-jours/" title="2 jours">2 jours</a> </div> </div> </div> </div> </div> </section> <section class="module bg-module-gradient"> <div class="container"> <div class="title-box "> <span class="subtitle">Galerie</span> <p class="title">En images</p> <hr> </div></div> <div> <section class="main-gallery bg-cover waaslider"> <img data-src='/export/sites/segtur/.content/imagenes/galeria-fondos/ciudad-artes-ciencias-valenciapetr-suma-u370546.jpg_25397988.jpg' srcset='/export/sites/segtur/.content/imagenes/galeria-fondos/ciudad-artes-ciencias-valenciapetr-suma-u370546.jpg_1347693873.jpg 1w, /export/sites/segtur/.content/imagenes/galeria-fondos/ciudad-artes-ciencias-valenciapetr-suma-u370546.jpg_736902174.jpg 768w, /export/sites/segtur/.content/imagenes/galeria-fondos/ciudad-artes-ciencias-valenciapetr-suma-u370546.jpg_25397988.jpg 1920w' sizes='(max-width: 480px) 1px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/galeria-fondos/ciudad-artes-ciencias-valenciapetr-suma-u370546.jpg_1347693873.jpg' class='img-fluid img-editable' alt='Cité des arts et des sciences de Valence' title='Cité des arts et des sciences de Valence'><div class="wrapper-slider" role="region" aria-roledescription="carrusel"> <svg class="waa waaleft" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleleft" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="DK/icono/flecha-izq-gris-claro-inactivo"> <g class="Flecha-izq" transform="translate(36.000000, 36.000000) rotate(-180.000000) translate(-36.000000, -36.000000) "> <circle class="circleleft" fill="#9B9B9B" opacity="0.59984189" cx="36" cy="36" r="36"></circle> <polyline class="angleleft" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </g> </g> </svg><svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg><div class="slider-padding carousel-numbered arrows-in text-center"> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Vues de Malaga</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/chica-malaga-s1402462214.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/chica-malaga-s1402462214.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/chica-malaga-s1402462214.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/chica-malaga-s1402462214.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/chica-malaga-s1402462214.jpg_1809282296.jpg' class='lazy img-fluid' alt='Vues de Malaga' title='Vues de Malaga'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Palais royal de Madrid</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/madrid/palacio-real-madrid-123rf-29984865.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/madrid/palacio-real-madrid-123rf-29984865.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/madrid/palacio-real-madrid-123rf-29984865.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/madrid/palacio-real-madrid-123rf-29984865.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/madrid/palacio-real-madrid-123rf-29984865.jpg_1809282296.jpg' class='lazy img-fluid' alt='Palais royal de Madrid' title='Palais royal de Madrid'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Vues de Grenade</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/vistas-granada-s557010748.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/vistas-granada-s557010748.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/vistas-granada-s557010748.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/vistas-granada-s557010748.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/vistas-granada-s557010748.jpg_1809282296.jpg' class='lazy img-fluid' alt='Vues de Grenade' title='Vues de Grenade'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Vue panoramique de Cáceres</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/extremadura/panoramica-caceres-21694966-istock.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/extremadura/panoramica-caceres-21694966-istock.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/extremadura/panoramica-caceres-21694966-istock.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/extremadura/panoramica-caceres-21694966-istock.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/extremadura/panoramica-caceres-21694966-istock.jpg_1809282296.jpg' class='lazy img-fluid' alt='Vue panoramique de Cáceres' title='Vue panoramique de Cáceres'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Place d'Espagne de Séville</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/Seville-Spain-Square-s-237981634.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/Seville-Spain-Square-s-237981634.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/Seville-Spain-Square-s-237981634.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/Seville-Spain-Square-s-237981634.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/Seville-Spain-Square-s-237981634.jpg_1809282296.jpg' class='lazy img-fluid' alt='Place d'Espagne de Séville' title='Place d'Espagne de Séville'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Touriste face à l’Arc de triomphe de Barcelone</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/cataluna/turista-arco-triunfo-barcelona-c-toa-heftiba-u205018.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/cataluna/turista-arco-triunfo-barcelona-c-toa-heftiba-u205018.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/cataluna/turista-arco-triunfo-barcelona-c-toa-heftiba-u205018.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/cataluna/turista-arco-triunfo-barcelona-c-toa-heftiba-u205018.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/cataluna/turista-arco-triunfo-barcelona-c-toa-heftiba-u205018.jpg_1809282296.jpg' class='lazy img-fluid' alt='Touriste face à l’Arc de triomphe de Barcelone' title='Touriste face à l’Arc de triomphe de Barcelone'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Bilbao</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/pais-vasco/Vista-Bilbao-i537626052.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/pais-vasco/Vista-Bilbao-i537626052.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/pais-vasco/Vista-Bilbao-i537626052.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/pais-vasco/Vista-Bilbao-i537626052.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/pais-vasco/Vista-Bilbao-i537626052.jpg_1809282296.jpg' class='lazy img-fluid' alt='Bilbao' title='Bilbao'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Vues de Cuenca</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/castilla-mancha/vista-general-cuenca-59694174-istock.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/castilla-mancha/vista-general-cuenca-59694174-istock.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/castilla-mancha/vista-general-cuenca-59694174-istock.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/castilla-mancha/vista-general-cuenca-59694174-istock.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/castilla-mancha/vista-general-cuenca-59694174-istock.jpg_1809282296.jpg' class='lazy img-fluid' alt='Vues de Cuenca' title='Vues de Cuenca'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Mosquée et pont romain de Cordoue</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/mezquita-catedral-puente-cordoba-s241626148.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/mezquita-catedral-puente-cordoba-s241626148.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/mezquita-catedral-puente-cordoba-s241626148.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/mezquita-catedral-puente-cordoba-s241626148.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/andalucia/mezquita-catedral-puente-cordoba-s241626148.jpg_1809282296.jpg' class='lazy img-fluid' alt='Mosquée et pont romain de Cordoue' title='Mosquée et pont romain de Cordoue'></div> </div> </div> </section> </div> </section> <section class="module blockquote bg-white"> <div class="container"> <div class="title-box"> <span class="subtitle">LE SAVIEZ-VOUS ?</span> </div> <div class="row"> <div class="col-2 col-lg-1"> <img src="/.content/comun/resources/open-quote.svg" alt="" class="img-fluid" width="70"> </div> <div class="col-8 col-lg-10"> <p class="text text-center"> Palma de Majorque a été choisie par Lonely Planet comme l'une des 10 meilleures villes au monde où voyager en 2025</p> </div> <div class="col-2 col-lg-1 d-flex align-items-end"> <img src="/.content/comun/resources/close-quote.svg" alt="" class="img-fluid" width="70"> </div> </div> </div> </section> <section class="module"> <div class="container"> <div class="title-box"> <span class="subtitle">JEU</span> <h2 class="title">Dans quelle ville d’Espagne devriez-vous passer vos vacances en fonction de vos préférences ?</h2> <hr/> </div> <div class="slideshow position-relative"> <div class="tech1-slideshow"> <img src="/export/sites/segtur/.content/imagenes/banners/acueducto-segovia-s226137160.jpg_1784023751.jpg" alt="banner" class="img-responsive" /></div> <div class="call-to-action position-absolute container"> <p class="title text-white px-4 pb-4">Découvrez la ville qui vous plaît le plus !</p> <a title="JOUEZ !" href="/fr/jeux/villes-favorites-vacances-espagne/" class="btn btn-transparent text-white">JOUEZ !</a> </div> </div> </div> </section> <section class="module banner-img-bg"> <div class="bg-cover"> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-turismo-urbano.jpg" class="img-editable img-fluid" style="display: none;"/> <div class="container"> <div class="wrapper-cta"> <div class="title-box"> <span class="subtitle">EXPÉRIENCES DE TOURISME URBAIN</span> <h2 class="title">Réservez</h2> <hr/> <p class="description d-none d-sm-block"><p>Choisissez parmi des milliers d’activités pour passer des vacances inoubliables.</p></p> </div> <a href="/fr/resultats-recherche/?tab=e&exp=true&cat1=11" class="btn btn-white text-uppercase" rel="nofollow">Lire la suite</a> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-turismo-urbano-mb.jpg" class="img-fluid d-md-none"/> </div> </div> </div> </section> </div></main> <footer class="footer text-center"> <button type="button" id="insuitlaunch"> <div class="wrapper-img"> <img src="/export/sites/segtur/.content/comun/footer/icono-accesibilidad.png" width="50" alt="modo accesible"> </div> <div class="wrapper-text noned"> <p class="text">Mode accessible</p> </div> </button> <div class="buttons-fixed hidden"> <div class="back-to-top"> <span class="icon-arrow-up"></span> </div> <div id="acordeon-pers" class="accordion"> <button type="button" data-toggle="collapse" data-target="#collapserrss" aria-expanded="false" aria-label="desplegar redes sociales"><span class="icon-share"></span></button> <div id="collapserrss" class="wrapper-desplegable collapse" data-parent="#acordeon-pers"> <ul class="list"> <li class="list-item"><a href="https://www.facebook.com/sharer.php?u=https://www.spain.info/fr/villes/" rel="nofollow" class="item-link hacerblank"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://x.com/share?url=https://www.spain.info/fr/villes/" rel="nofollow" class="item-link hacerblank"><span class="icon-xicon1"></span></a></li> <li class="list-item"><a href="/fr/app/envoyer-a-un-ami/?id=873558ab-f4ec-11e9-9a6c-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span></a></li> <li class="list-item"> <div class="sguardar"> <span id="save_btn"> <svg version="1.1" width="25px" fill="#E71C03" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.3 533.3" style="enable-background:new 0 0 533.3 533.3;" xml:space="preserve"> <g><path class="st0" d="M266.7,283.3L400,150H300V16.7h-66.7V150h-100L266.7,283.3z M387.9,228.8l-37.4,37.4L486,316.7l-219.3,81.8 L47.4,316.7l135.5-50.5l-37.4-37.4L0,283.3v133.3l266.7,100l266.7-100V283.3L387.9,228.8z"></path></g> </svg> </span> </div> </li> </ul> </div> </div> </div> <div class="claim text-center"> <p class="custom-title">L’Espagne</p> </div> <div class="container-fluid no-gutters wrapper-footer bg-cover"> <img data-src='/export/sites/segtur/.content/comun/footer/no_categ.jpg' data-srcset='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg 480w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_594351065.jpg 768w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_193627401.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg' class='lazy img-fluid' alt='Tourisme urbain' title='Tourisme urbain'><section class="list-navigation"> <div class="separator-mini-img text-center"> <img src="/export/sites/segtur/.content/comun/footer/mapita.png" class="img-fluid" alt=""> </div> <div class="container"> <div class="row align-items-center py-4"> <div class="col-md-4 text-center pb-4"> <div id="logo-footer" class="logo"> <a href="/fr/"><img src="/export/sites/segtur/.content/comun/footer/logo.jpg" alt="logo"></a> </div> </div> <div class="col-md-4 text-center"> <div class="wrapper-icons-inline"> <nav class="wrapper-icons-inline--rounded"> <ul class="list"> <li class="list-item pb-3"><a href="https://www.facebook.com/spain.info" rel="nofollow" class="item-link" target="_blank" aria-label="facebook"><span class="icon-facebook text-white"></span></a></li> <li class="list-item pb-3"><a href="https://x.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="x"><span class="icon-xicon1 text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.youtube.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="youtube"><span class="icon-youtube text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.instagram.com/visitezlespagne/" rel="nofollow" class="item-link" target="_blank" aria-label="instagram"><span class="icon-instagram text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.tiktok.com/@visitspain" rel="nofollow" class="item-link" target="_blank" aria-label="tiktok"><span class="icon-tiktok text-white"></span></a></li> </ul> </nav> </div> <p class="text-gray">Tous droits réservés</p> </div> <div class="col-md-4 text-center"> <div id="footer" ><nav class="vertical-list"> <ul class="list align-items-right no-bullets"> <li class="list-item d-block"> <a title="" href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Casos_Turista/CasoTuristaFrances.aspx" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Contact</a> </li> <li class="list-item d-block"> <a title="" href="https://www.tourspain.es/en/" target="_blank" class="text-gray text-uppercase"> Découvrez-nous</a> </li> <li class="list-item d-block"> <a title="" href="/fr/plan-site/" class="text-gray text-uppercase"> Plan du site</a> </li> <li class="list-item d-block"> <a title="" href="/fr/mentions-legales/" rel="nofollow" class="text-gray text-uppercase"> Mentions légales</a> </li> <li class="list-item d-block"> <a title="" href="/fr/conditions-utilisation-information/" rel="nofollow" class="text-gray text-uppercase"> Utilisation des informations</a> </li> <li class="list-item d-block"> <a title="" href="/fr/cookies/" rel="nofollow" class="text-gray text-uppercase"> Politique de cookies</a> </li> <li class="list-item d-block"> <a title="" href="/fr/accessibilite/" rel="nofollow" class="text-gray text-uppercase"> Accessibilité</a> </li> </ul> </nav> </div></div> </div> </div> </section> </div> <script defer src="/export/system/modules/es.segittur.comun/resources/js/cookie-consent-fr.js" type="text/javascript"></script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/klaro-no-translations-no-css.js" type="text/javascript"></script> <div id="popupRRSS"> <div id="banner-popup-rrss" class="overlay standard-box-shadow"> <img src="/export/sites/segtur/.content/images/bg-banner-rrss.png" class="img-fluid"> <div class="wrapper position-absolute"> <p class="title text-left">VOS PROCHAINS SOUVENIRS COMMENCENT ICI.</p> <span id="cerrarPopupRRSS" class="icon-close"></span> <p class="subtitle text-white text-left"><span>DÉCOUVREZ L'ESPAGNE AVEC NOUS</span><span class="d-block">SUIVEZ-NOUS SUR…</span></p> <div class="wrapper-icons-inline"> <ul class="list"> <li class="list-item"><a href="https://www.instagram.com/visitezlespagne/" id="popupIG" rel="nofollow" target="_blank" aria-label="instagram"><span class="icon-instagram"></span></a></li> <li class="list-item"><a href="https://www.facebook.com/spain.info" id="popupFB" rel="nofollow" target="_blank" aria-label="facebook"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://www.tiktok.com/@visitspain" id="popupTT" rel="nofollow" target="_blank" aria-label="tiktok"><span class="icon-tiktok"></span></a></li> <li class="list-item"><a href="https://www.youtube.com/spain" id="popupYT" rel="nofollow" target="_blank" aria-label="youtube"><span class="icon-youtube"></span></a></li> </ul> </div> </div> </div> </div> <script type="text/javascript"> $("#cerrarPopupRRSS").click(function(e) { setCookie("pupRRSS", "true", 2); document.getElementById("popupRRSS").style.visibility = "hidden"; }); </script> <div id="snackbar" class="aviso-pwa"><p>Vous n’êtes pas en ligne. Une connexion est nécessaire pour un contenu mis à jour.</p></div> <div id="wrapper-saved"> <div id="savedOffline" class="aviso-pwa savedoffline p-3 standard-box-shadow"> <span id="close-saved" class="icon-close pb-3"></span> <p class="title bolder h4 mb-3">Vous avez téléchargé le contenu</p> <p id="textInstall" class="text py-3">Nous vous recommandons de télécharger le contenu hors connexion depuis l’application web de Spain.info</p> <div id="stext_ios" class="text-left"></div> <div class="wrapper-botones d-flex align-items-center justify-content-around"> <button id="installApp" class="btn btn-dark text-white text-uppercase okDload">Télécharger</button> </div> </div> </div> <div id="swfail" class="aviso-pwa"><p>Il n’est pas possible de sauvegarder en étant hors ligne.</p></div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script defer src="https://player.vimeo.com/api/player.js "></script> <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script> <script defer type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script defer type="text/javascript"> const swrapper_saved = document.getElementById('wrapper-saved'); const sinstall_button = document.getElementById('installApp'); const stext_install = document.getElementById('textInstall'); const stext_button = document.getElementById('save_btn'); const ssaved = document.getElementById('savedOffline'); const stext_ios = document.getElementById('stext_ios'); if($('.sguardar').length){ if($('.sguardar').length<2){ $('.sguardar').parent().hide(); } $('.sguardar').click(function (e) { e.preventDefault(); if('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js', { scope: '/' }) .then(function(registration) { if(navigator.onLine) { stext_button.innerHTML = "Téléchargé"; swrapper_saved.style.display = 'block'; ssaved.style.display = "block"; function iOS() { return [ 'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod' ].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document) } var result = iOS(); if(result == true){ swrapper_saved.style.display = 'block'; stext_install.style.display = 'block'; //sinstall_button.style.display = 'block'; stext_ios.innerHTML = '<div class="d-flex"><span>1.-</span><span class="mr-2"> 1. Cliquez sur partager (icône de partage d’iOS).</span><img src="/.content/images/iconos/iosshare.svg"></div><div class="d-flex"><span>2.-</span><span> 2. Sélectionnez « Ajouter à la page d’accueil ».</span></div>'; } if (window.matchMedia('(display-mode: standalone)').matches ){ stext_install.style.display = 'none'; stext_ios.style.display = 'none'; stext_button.style.display = 'none'; sinstall_button.style.display = 'none'; } } else { document.getElementById('snackbar').style.display = 'block'; } }); navigator.serviceWorker.ready.then(function(registration) { }).catch(function(err){ let swerror = document.getElementById('swfail'); swerror.style.display = 'block'; //console.log('error'); }); function replaceAttributes(e, ...attrs) { let src = e.src; attrs.forEach(attr => e.setAttribute(attr, src.replace(/\.jpg_.*\.jpg/, ".jpg")) ); } var urls = Array.prototype.map.call( document.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { return e.src.replace(/\.jpg_.*\.jpg/, ".jpg"); } } } ); let urlCanonical = document.querySelector( "link[rel='canonical']" ).getAttribute("href"); var data = { title: urlCanonical, description: document.querySelector( "meta[name='description']" ).getAttribute("content"), h1: document.querySelector( "h1" ).textContent }; localStorage.setItem( urlCanonical, JSON.stringify(data) ); var offlinepage = 'https://www.spain.info/fr/offline.html'; urls.push(urlCanonical, offlinepage); urls.forEach(element => { if (element !== undefined){ caches.open('main-1') .then(cache => fetch(element).then(response => { if (element == urlCanonical){ var parser = new DOMParser(); var xmlDoc = ""; response.text().then(function(text) { xmlDoc = parser.parseFromString(text,"text/html"); Array.prototype.map.call( xmlDoc.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { replaceAttributes(e, 'srcset', 'data-srcset', 'data-src', 'src'); e.classList.remove('lazy'); e.removeAttribute('sizes'); } } } ); const responseText = "<!DOCTYPE html>" + xmlDoc.documentElement.outerHTML; let newText = responseText; const path = "/export/system/modules/es.segittur.comun/resources/"; let staticResoruces = ["jquery-3.4.1.min.js","popper.min.js","bootstrap.min.css","bootstrap.min.js","slick.css","slick-theme.css","slick.min.js"]; Array.prototype.map.call( xmlDoc.querySelectorAll("link[rel='stylesheet'][href], script[src]"), function(e) { let url = e.href || e.src; let urlSplit = url.split("/"); let filename = urlSplit[urlSplit.length - 1]; if(staticResoruces.includes(filename)){ if(e.hasAttribute('integrity')){ let integritynumber = e.getAttribute('integrity'); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"anonymous\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\"", ""); } if(e.src){ filename = path+"js/"+filename; }else{ filename = path+"css/"+filename; } if(filename=="/export/system/modules/es.segittur.comun/resources/js/slick.min.js"){ url = url.replace("https:",""); url = url.replace("http:",""); } newText = newText.replace(url, filename); } } ); return cache.put(urlCanonical, new Response(newText, response)); }); } else{ return cache.put(element, response.clone()); } } ) ); } }); } }); } if('serviceWorker' in navigator){ if(navigator.onLine) { document.getElementById('snackbar').style.display = 'none'; } else { document.getElementById('snackbar').style.display = 'block'; } } window.deferredPrompt = {}; window.addEventListener('beforeinstallprompt', e => { stext_install.style.display = 'block'; sinstall_button.style.display = 'block'; e.preventDefault(); window.deferredPrompt = e; sinstall_button.addEventListener('click', e => { window.deferredPrompt.prompt(); window.deferredPrompt.userChoice.then(choiceResult => { if (choiceResult.outcome === 'accepted') { sinstall_button.style.display = 'none'; swrapper_saved.style.display = 'none'; } window.deferredPrompt = null; }); }); }); window.onload = function() { if (stext_button != null){ var location = window.location.href; if(localStorage.getItem(location) === null){ stext_button.innerHTML = 'Téléchargement hors connexion'; } else { stext_button.innerHTML = 'Téléchargé'; } } var locale = 'fr'; setTimeout(() => { if (getCookie('pupRRSS')!="true") { document.getElementById("popupRRSS").style.visibility = "visible"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({event: 'pop-up'}); } else { document.getElementById("popupRRSS").style.visibility = "hidden"; } }, 30000); }; window.addEventListener('appinstalled', e => { $('#wrapper-saved').removeClass('d-block'); $('#installApp').hide(); $('#ssavedOffline').css({display: "block"}); $('#textInstall').hide(); }); document.getElementById('close-saved').addEventListener('click', e => { document.getElementById('wrapper-saved').style.display = 'none'; }) </script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/scripts.min.js" type="text/javascript"></script> <script type="text/javascript"> if( $('#modal-mapa-fav').length){ $('#modal-mapa-fav').on('shown.bs.modal', function(e) { var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapafav = document.createElement('script'); mapafav.type = "text/javascript"; mapafav.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-favoritos.js"; $('body').append(mapafav); }); } if($('#mi-viaje-container').length){ var miviajescript = document.createElement('script'); miviajescript.type = "text/javascript"; miviajescript.src = "/export/system/modules/es.segittur.consulta/resources/mi-viaje-query.js"; $('body').append(miviajescript); } if ($('.experiencias-search').length) { $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-datepicker3.min.css" rel="stylesheet">').appendTo('head'); $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-slider.css" rel="stylesheet">').appendTo('head'); var datescript = document.createElement('script'); datescript.type = "text/javascript"; datescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-slider.js"; $('body').append(datescript); var localescript = document.createElement('script'); localescript.type = "text/javascript"; localescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.min.js"; localescript.charset = "UTF-8"; $('body').append(localescript); var btslider = document.createElement('script'); btslider.type = "text/javascript"; btslider.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.es.min.js"; btslider.charset = "UTF-8"; $('body').append(btslider); $('.input-daterange').datepicker({ weekStart: 1, language: "es", multidate: false, todayHighlight: true }); $("#priceSliderInput").slider({}); /* textPrice = document.createElement("p"); textPrice.id = "textPrice"; acordPrecio = document.getElementById("acord-precio"); acordPrecio.appendChild(textPrice); min = acordPrecio.getElementsByClassName("tooltip-min")[0].getElementsByClassName("tooltip-inner")[0].innerText; max = acordPrecio.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; $("#priceSliderInput").on("slide", function(slideEvt) { //$("#tooltip-inner").html("asd"); let mini = document.getElementById("priceSliderInput").getAttribute("value"); console.log(mini); mini.textContent += ' e'; //document.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; //document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; //console.log("asd"); }); */ } if ($('.kml').length) { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "/export/system/modules/es.segittur.comun/resources/js/L.KML.js"; $('body').append(script); //MAPA LEAFLET var map = L.map('map').setView([40.4149903, -3.70447, 15], 14); map.scrollWheelZoom.disable(); L.tileLayer('https://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); // Load kml file fetch(segturkml).then(function (res) { return res.text(); }).then(function (kmltext) { // Create new kml overlay var parser = new DOMParser(); var kml = parser.parseFromString(kmltext, 'text/xml'); var track = new L.KML(kml); map.addLayer(track); // Adjust map to show the kml var bounds = track.getBounds(); map.fitBounds(bounds); }); } if ($('.gpx').length) { if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > -1){ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@0.3.9/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var opts = { map: { center: [41.4583, 12.7059], zoom: 5, markerZoomAnimation: false, zoomControl: false, layersControl: false }, zoomControl: { position: 'topleft', }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { tracks: { track_1: { url: segturgpx } }, options: { position: "bottomright", theme: "lime-theme", useHeightIndicator: false, interpolation: d3.curveLinear, collapsed: false, detachedView: false, }, }, layersControl: { options: { collapsed: false, }, }, }; var map = new L.Map('map', opts.map); var baseLayers = {}; baseLayers.OTM = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); baseLayers.TOPO = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); var controlZoom = new L.Control.Zoom(opts.zoomControl); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(null, null, opts.layersControl.options); controlZoom.addTo(map); controlLayer.addTo(map); controlElevation.loadChart(map); map.addLayer(baseLayers.OTM); var traces = []; var tracks = opts.elevationControl.tracks; var i = 0; for (var track in tracks) { loadTrace(track, i++) } function loadTrace(track, i) { var trace = {}; trace.gpx = new L.GPX(tracks[track].url, { async: true, index: i, marker_options: { startIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', endIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', shadowUrl: null, }, polyline_options: { color: tracks[track].color, } }); trace.gpx.on('loaded', function(e) { controlLayer.addBaseLayer(e.target, e.target.get_name()); document.getElementsByClassName("leaflet-control-layers")[0].style.display = "none"; let elevationContainer = document.getElementsByClassName("leaflet-control-container")[0]; let elevationSpaininfoTheme = elevationContainer.getElementsByClassName("lime-theme")[0]; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(255, 255, 240, 0.5)'; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(187, 214, 171, 0.6)'; if (e.target.options.index == 0) { setElevationTrace(0); } else { //map.removeLayer(e.target); } }) trace.gpx.on("addline", function(e) { trace.line = e.line; }) trace.gpx.addTo(map); traces.push(trace); } map.on("baselayerchange", function(e) { for (var i in traces) { if (traces[i].gpx._leaflet_id == e.layer._leaflet_id) { setElevationTrace(e.layer.options.index); break; } } }); function setElevationTrace(index) { var trace = traces[index]; controlElevation.clear(); var q = document.querySelector.bind(document); controlElevation.addData(trace.line); map.fitBounds(trace.gpx.getBounds()); trace.gpx.setStyle({ color: 'red', weight: 4, opacity: 0.8, }); } }else{ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@1.5.0/dist/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', position: "bottomright", collapsed: false, detached: false, autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; if($( window ).width() < 1280){ optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; } var opts = { map: { center: [40.4149903, -3.70447], zoom: 15, }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { url: segturgpx, options: optElevationControl }, layersControl: { options: { collapsed: false }, }, }; var map = new L.Map('map', opts.map); map.scrollWheelZoom.disable(); var baseLayers = {}; baseLayers["Topo"] = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); baseLayers["Map"] = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); map.addLayer(baseLayers["Map"]); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(baseLayers, null, opts.layersControl.options); controlElevation.load(opts.elevationControl.url); controlElevation.addTo(map); controlLayer.addTo(map); map.on('eledata_loaded', function(e) { var coordinateGPX = ""; var latitude = controlElevation.getBounds().getCenter().lat; var longitude = controlElevation.getBounds().getCenter().lng; if( coordinateGPX != "false"){ let coordinateList = coordinateGPX.split(","); latitude = parseFloat(coordinateList[0]); longitude = parseFloat(coordinateList[1]); } map.setView([latitude, longitude], 15); }); } } if( $('#mapa-oets').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var scriptmapoet = document.createElement('script'); scriptmapoet.type = "text/javascript"; scriptmapoet.src = "/export/system/modules/es.segittur.infoPractica/resources/mapa-oets-sh.js"; $('body').append(scriptmapoet); } if( $('.resultados-mapa').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); if( $('.sh-mapa-interactivo').length ){ var mapai = document.createElement('script'); mapai.type = "text/javascript"; mapai.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-interactivo.js"; $('body').append(mapai); } if( $('.mapa-buscador').length ){ $('#modal-mapa-buscador').on('shown.bs.modal', function(e) { var mapab = document.createElement('script'); mapab.type = "text/javascript"; mapab.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-buscador.js"; $('body').append(mapab); $('.header').css('z-index', '9'); }); $('#modal-mapa-buscador').on('hidden.bs.modal', function(e){ $('.header').css('z-index', '999999999'); }); } $('#resultados-texto').click(function(){ $('html, body').animate({scrollTop: $(this).offset().top - 70 },'slow'); }); $('.navbar-toggler').click(function(){ var ide = $(this).attr('data-target'); var cajas = $("[class^='wrapper-lista-'].show"); if (!$(ide).hasClass("show")) { $(cajas).removeClass('show'); } if(!$(cajas).length){ $('.header-relative').css({'overflow':'hidden', 'position':'fixed'}); } else { $('.header-relative').css({'overflow':'inherit', 'position':'inherit'}); } }); $('#padre').on('shown.bs.collapse', function () { $(this).find('input').prop('checked', true); }); $('#padre').on('hidden.bs.collapse', function () { $(this).find('input').prop('checked', false); }); } if( $('#mapa-pueblosbonitos').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaPueblosBonitos = document.createElement('script'); mapaPueblosBonitos.type = "text/javascript"; mapaPueblosBonitos.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-pueblos-bonitos.js"; $('body').append(mapaPueblosBonitos); var localemapapb = 'fr'; } if( $('#mapa-taxFree').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaTaxFree = document.createElement('script'); mapaTaxFree.type = "text/javascript"; mapaTaxFree.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-tax-free.js"; $('body').append(mapaTaxFree); var localemapapb = 'fr'; } if( $('#ac-container').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.actividades/resources/js/autocomplete/ac-experiencias.js"; $('body').append(scriptmapai); } if( $('.twentytwenty-container').length ){ $('<link href="/export/system/modules/es.segittur.comun/resources/css/foundation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/twentytwenty.css" rel="stylesheet">').appendTo('head'); var scriptcomp = document.createElement('script'); scriptcomp.type = "text/javascript"; scriptcomp.src = "/export/system/modules/es.segittur.comun/resources/js/twentytwenty.js"; $('body').append(scriptcomp); } </script></body> </html>