Comment se déplacer en Espagne. Transports

<!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=20241105"> <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>Comment se déplacer en Espagne. Transports | spain.info</title> <meta name="description" content='Découvrez la meilleure façon de vous déplacer en Espagne. Informations sur les aéroports, les gares ferroviaires et routières et les ports en Espagne | spain.info'/> <link rel="alternate" href="https://www.spain.info/de/sich-bewegen/" hreflang="de"/> <link rel="alternate" href="https://www.spain.info/ru/kak-peredvigatsia/" hreflang="ru"/> <link rel="alternate" href="https://www.spain.info/ja/idou-houhou/" hreflang="ja"/> <link rel="alternate" href="https://www.spain.info/en/getting-around/" hreflang="en"/> <link rel="alternate" href="https://www.spain.info/pt_BR/como-se-deslocar/" hreflang="pt"/> <link rel="alternate" href="https://www.spain.info/it/come-muoversi/" hreflang="it"/> <link rel="alternate" href="https://www.spain.info/pl/czym-sie-poruszac/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/comment-se-deplacer/" hreflang="fr"/> <link rel="canonical" href="https://www.spain.info/fr/comment-se-deplacer/"/> <link rel="alternate" href="https://www.spain.info/es/como-moverse/" hreflang="es"/> <meta property="og:url" content='https://www.spain.info/fr/comment-se-deplacer/'/> <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 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> <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> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7W4FXW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="gtmDin"></div> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'url-es':'/es/como-moverse/', 'tipo-recurso': 'subhome', 'tipo-plantilla': '', 'eje-primario': 'Planifica tu viaje', 'eje-secundario': 'Cómo viajar por España' }); </script> <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">  <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">  <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>  </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="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/fr/a-propos-espagne/" id="info-1" 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>À propos de l'Espagne</a> </li> <li> <a href="/fr/infos/" 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>Informations pratiques</a> </li> <li> <a href="/fr/comment-se-rendre/" 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>Comment se rendre en Espagne</a> </li> <li> <a href="/fr/comment-se-deplacer/" 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 voyager en Espagne</a> </li> <li> <a href="/fr/activites/" 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>Réservez vos expériences</a> </li> <li> <a href="/fr/planificateur-itineraires/" 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>Planificateur d'itinéraires</a> </li> <li> <a href="/fr/brochures/" 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>Téléchargement de brochures</a> </li> <li> <a href="/fr/meteo/" 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>La météo</a> </li> <li> <a href="/fr/conseils-voyage/visa-passeport/" 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>Visa et passeport</a> </li> <li> <a href="https://sustainability.spain.info/fr/" id="info-10" 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> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="/fr/a-propos-espagne/" title="Aller sur : À propos de l'Espagne" id="card-1" class="card show standard-box-shadow"> <img id="imgAct9" 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-2" class="card standard-box-shadow"> <img id="imgAct10" 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-3" class="card standard-box-shadow"> <img id="imgAct11" 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-4" class="card standard-box-shadow"> <img id="imgAct12" 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-5" class="card standard-box-shadow"> <img id="imgAct13" 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-6" class="card standard-box-shadow"> <img id="imgAct14" 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-7" class="card standard-box-shadow"> <img id="imgAct15" 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-8" class="card standard-box-shadow"> <img id="imgAct16" 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-9" class="card standard-box-shadow"> <img id="imgAct17" 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> <a href="https://sustainability.spain.info/fr/" title="Aller sur : Durabilité en Espagne" id="card-10" class="card standard-box-shadow hacerblank"> <img id="imgAct18" 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> </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/como-moverse/" class="dropdown-item" id="locale-es"> Español</a> </li> <li class="nav-item"> <a href="/en/getting-around/" class="dropdown-item" id="locale-en"> English</a> </li> <li class="nav-item"> <a href="/de/sich-bewegen/" class="dropdown-item" id="locale-de"> Deutsch</a> </li> <li class="nav-item"> <a href="/it/come-muoversi/" class="dropdown-item" id="locale-it"> Italiano</a> </li> <li class="nav-item"> <a href="/pt_BR/como-se-deslocar/" class="dropdown-item" id="locale-pt_BR"> Português</a> </li> <li class="nav-item"> <a href="/ru/kak-peredvigatsia/" class="dropdown-item" id="locale-ru"> русский</a> </li> <li class="nav-item"> <a href="/pl/czym-sie-poruszac/" class="dropdown-item" id="locale-pl"> Polski</a> </li> <li class="nav-item"> <a href="/ja/idou-houhou/" 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" ><section class="cabecera pano img-portada-container bg-cover layer-dark-shadow centered wrapper-combos">  <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_604889389.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_1014274486.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_78431701.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_604889389.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_1014274486.jpg' class='img-fluid img-editable' alt='Comment voyager en Espagne' title='Comment voyager en Espagne'><div class="title-container container"> <div class="wrapper-title text-white"> <h1 class="titulo-portada custom-title container-fluid">Comment voyager en Espagne</h1> <span class="subtitle text-white"><p>Des destinations parfaitement reliées les unes aux autres</p></span> </div> </div> </section> <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">Découvrir le pays</h2> <p class="text-secundario text-center"> Nous vous présentons des informations utiles sur les distances et liaisons entre les principales villes espagnoles pour vous permettre d'organiser un grand itinéraire à travers tout le pays lors de vos futures vacances. Les trajets nationaux en avion se font tous en moins de deux heures (sauf vers les îles Canaries), vous disposez d'environ 16 000 kilomètres de voies rapides et le train à grande vitesse (AVE) relie de grandes villes comme Barcelone, Séville ou Valence avec Madrid en 3 heures ou moins.<span class="br"></span>Prêt pour le voyage ?</p> </div> </section> <div class="module bg-white"> <div class="container"> </div> <section id="accordionTabmap" class="interactive-map__con-acordeones mapa-switch"> <section class="accordion-tabs "> <div class="container"> <div class="row"> <div class="col-lg-4"> <div class="accordion"> <div class="card"> <div class="card-header" id="Accheading1"> <p class="mb-0"> <button id="list-dt-madrid" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1"> Madrid</button> </p> </div> <div id="collapse1" class="panel-collapseMov collapse show" aria-labelledby="heading-dt-madrid" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab1-1" data-toggle="tab" href="#medio-plane-1-1" role="tab" aria-controls="medio-plane-1-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab1-2" data-toggle="tab" href="#medio-train-1-2" role="tab" aria-controls="medio-train-1-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab1-3" data-toggle="tab" href="#medio-car-1-3" role="tab" aria-controls="medio-car-1-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Voiture</p></a> </li> </ul> <div class="tab-content" id="myTabContent1"> <div class="tab-pane fade show active" id="medio-plane-1-1" role="tabpanel" aria-labelledby="plane-tab1-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelone</th> <td>625 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Îles Baléares</th> <td>700 km</td> <td>1 h 20 min</td> <tr> <tr> <th scope="row">Îles Canaries</th> <td>2000 km</td> <td>2 h 50 min</td> <tr> <tr> <th scope="row">Séville</th> <td>525 km</td> <td>1 h</td> <tr> <tr> <th scope="row">Malaga</th> <td>530 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>400 km</td> <td>1 h</td> <tr> <tr> <th scope="row">Valence</th> <td>360 km</td> <td>55 min</td> <tr> <tr> <th scope="row">Santander</th> <td>450 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>595 km</td> <td>1 h 10 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-1-2" role="tabpanel" aria-labelledby="train-tab1-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelone</th> <td>625 km</td> <td>2 h 30 min</td> <tr> <tr> <th scope="row">Séville</th> <td>525 km</td> <td>2 h 30 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>530 km</td> <td>2 h 25 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>400 km</td> <td>5 h 15 min</td> <tr> <tr> <th scope="row">Valence</th> <td>360 km</td> <td>1 h 40 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>315 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Santander</th> <td>450 km</td> <td>4 h 15 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>595 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Salamanque</th> <td>214 km</td> <td>1 h 40 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-1-3" role="tabpanel" aria-labelledby="car-tab1-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelone</th> <td>625 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Séville</th> <td>525 km</td> <td>5 h</td> <tr> <tr> <th scope="row">Malaga</th> <td>530 km</td> <td>5 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>400 km</td> <td>4 h</td> <tr> <tr> <th scope="row">Valence</th> <td>360 km</td> <td>3 h 30 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>315 km</td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>450 km</td> <td>4 h 30 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>595 km</td> <td>5 h 45 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>214 km</td> <td>2 h 15 min</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading2"> <p class="mb-0"> <button id="list-dt-barcelona" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2"> Barcelone</button> </p> </div> <div id="collapse2" class="panel-collapseMov collapse " aria-labelledby="heading-dt-barcelona" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab2-1" data-toggle="tab" href="#medio-plane-2-1" role="tab" aria-controls="medio-plane-2-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab2-2" data-toggle="tab" href="#medio-train-2-2" role="tab" aria-controls="medio-train-2-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab2-3" data-toggle="tab" href="#medio-car-2-3" role="tab" aria-controls="medio-car-2-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Voiture</p></a> </li> <li class="nav-item"> <a class="nav-link " id="ship-tab2-4" data-toggle="tab" href="#medio-ship-2-4" role="tab" aria-controls="medio-ship-2-4" aria-selected="false"><span class="icon-ship-fill"></span><p class="text-uppercase">Navire</p></a> </li> </ul> <div class="tab-content" id="myTabContent2"> <div class="tab-pane fade show active" id="medio-plane-2-1" role="tabpanel" aria-labelledby="plane-tab2-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>625 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Îles Baléares</th> <td>285 km</td> <td>45 min</td> <tr> <tr> <th scope="row">Îles Canaries</th> <td>2450 km</td> <td>3 h 15 min</td> <tr> <tr> <th scope="row">Séville</th> <td>1000 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>930 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>600 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Valence</th> <td>350 km</td> <td>55 min </td> <tr> <tr> <th scope="row">Santander</th> <td>705 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>1100 km</td> <td>1 h 40 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-2-2" role="tabpanel" aria-labelledby="train-tab2-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>625 km</td> <td>2 h 30 min</td> <tr> <tr> <th scope="row">Séville</th> <td>1000 km</td> <td>5 h 25 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>930 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Bilbao</th> <td>600 km</td> <td>6 h 30 min</td> <tr> <tr> <th scope="row">Valence</th> <td>350 km</td> <td>3 h 15 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>315 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Santander</th> <td>705 km</td> <td>7 h 20 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>1100 km</td> <td>7 h 10 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>842 km</td> <td>5 h 20 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-2-3" role="tabpanel" aria-labelledby="car-tab2-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>625 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Séville</th> <td>1000 km</td> <td>9 h 30 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>930 km</td> <td>9 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>600 km</td> <td>5 h 45 min</td> <tr> <tr> <th scope="row">Valence</th> <td>350 km</td> <td>3 h 30 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>315 km</td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>705 km</td> <td>7 h 25 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>1100 km</td> <td>11 h</td> <tr> <tr> <th scope="row">Salamanque</th> <td>842 km</td> <td>8 h 10 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-ship-2-4" role="tabpanel" aria-labelledby="ship-tab2-4"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Îles Baléares</th> <td>285 km</td> <td>6 h</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading3"> <p class="mb-0"> <button id="list-dt-islas-baleares" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3"> Îles Baléares</button> </p> </div> <div id="collapse3" class="panel-collapseMov collapse " aria-labelledby="heading-dt-islas-baleares" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab3-1" data-toggle="tab" href="#medio-plane-3-1" role="tab" aria-controls="medio-plane-3-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> <li class="nav-item"> <a class="nav-link " id="ship-tab3-2" data-toggle="tab" href="#medio-ship-3-2" role="tab" aria-controls="medio-ship-3-2" aria-selected="false"><span class="icon-ship-fill"></span><p class="text-uppercase">Navire</p></a> </li> </ul> <div class="tab-content" id="myTabContent3"> <div class="tab-pane fade show active" id="medio-plane-3-1" role="tabpanel" aria-labelledby="plane-tab3-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>700 km</td> <td>1 h 20 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>285 km</td> <td>45 min</td> <tr> <tr> <th scope="row">Îles Canaries</th> <td>2500 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Séville</th> <td>950 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>850 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>875 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Valence</th> <td>250 km</td> <td>50 min</td> <tr> <tr> <th scope="row">Santander</th> <td>695 km</td> <td>1 h 25 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>1300 km</td> <td>1 h 50 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>900 km</td> <td>1 h 25 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-ship-3-2" role="tabpanel" aria-labelledby="ship-tab3-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Barcelone</th> <td>285 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Valence</th> <td>250 km</td> <td>5 h</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading4"> <p class="mb-0"> <button id="list-dt-islas-canarias" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4"> Îles Canaries</button> </p> </div> <div id="collapse4" class="panel-collapseMov collapse " aria-labelledby="heading-dt-islas-canarias" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab4-1" data-toggle="tab" href="#medio-plane-4-1" role="tab" aria-controls="medio-plane-4-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> </ul> <div class="tab-content" id="myTabContent4"> <div class="tab-pane fade show active" id="medio-plane-4-1" role="tabpanel" aria-labelledby="plane-tab4-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>2000 km</td> <td>2 h 50 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>2450 km</td> <td>3 h 15 min</td> <tr> <tr> <th scope="row">Îles Baléares</th> <td>2500 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Séville</th> <td>1500 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>1750 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>2350 km </td> <td>3 h 05 min</td> <tr> <tr> <th scope="row">Valence</th> <td>2150 km</td> <td>2 h 45 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>2350 km</td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>2055 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>2200 km</td> <td>2 h 45 min</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading5"> <p class="mb-0"> <button id="list-dt-sevilla" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5"> Séville</button> </p> </div> <div id="collapse5" class="panel-collapseMov collapse " aria-labelledby="heading-dt-sevilla" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab5-1" data-toggle="tab" href="#medio-plane-5-1" role="tab" aria-controls="medio-plane-5-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab5-2" data-toggle="tab" href="#medio-train-5-2" role="tab" aria-controls="medio-train-5-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab5-3" data-toggle="tab" href="#medio-car-5-3" role="tab" aria-controls="medio-car-5-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Voiture</p></a> </li> </ul> <div class="tab-content" id="myTabContent5"> <div class="tab-pane fade show active" id="medio-plane-5-1" role="tabpanel" aria-labelledby="plane-tab5-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>525 km</td> <td>1 h</td> <tr> <tr> <th scope="row">Barcelone</th> <td>1000 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Îles Baléares</th> <td>950 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Îles Canaries</th> <td>1500 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>860 km</td> <td>1 h 20 min</td> <tr> <tr> <th scope="row">Valence</th> <td>655 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>825 km</td> <td>1 h 35</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>800 km</td> <td>1 h 25 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-5-2" role="tabpanel" aria-labelledby="train-tab5-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>525 km</td> <td>2 h 30 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>1000 km</td> <td>5 h 25 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>205 km</td> <td>2 h</td> <tr> <tr> <th scope="row">Valence</th> <td>655 km</td> <td>4 h</td> <tr> <tr> <th scope="row">Saragosse</th> <td>840 km</td> <td>3 h 40 min</td> <tr> <tr> <th scope="row">Santander</th> <td>825 km</td> <td>8 h 30 min </td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>800 km</td> <td>7 h 40 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>462 km</td> <td>6 h 35 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-5-3" role="tabpanel" aria-labelledby="car-tab5-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>525 km</td> <td>5 h</td> <tr> <tr> <th scope="row">Barcelone</th> <td>1000 km</td> <td>9 h 30 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>205 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>860 km</td> <td>7 h 50 min</td> <tr> <tr> <th scope="row">Valence</th> <td>655 km</td> <td>6 h 15 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>840 km</td> <td>7 h 40 min</td> <tr> <tr> <th scope="row">Santander</th> <td>825 km</td> <td>8 h 20 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>800 km</td> <td>8 h 20 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>462 km</td> <td>4 h 20 min</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading6"> <p class="mb-0"> <button id="list-dt-malaga" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="collapse6"> Malaga</button> </p> </div> <div id="collapse6" class="panel-collapseMov collapse " aria-labelledby="heading-dt-malaga" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab6-1" data-toggle="tab" href="#medio-plane-6-1" role="tab" aria-controls="medio-plane-6-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab6-2" data-toggle="tab" href="#medio-train-6-2" role="tab" aria-controls="medio-train-6-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab6-3" data-toggle="tab" href="#medio-car-6-3" role="tab" aria-controls="medio-car-6-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Voiture</p></a> </li> </ul> <div class="tab-content" id="myTabContent6"> <div class="tab-pane fade show active" id="medio-plane-6-1" role="tabpanel" aria-labelledby="plane-tab6-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>530 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>930 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Îles Baléares</th> <td>850 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Îles Canaries</th> <td>1750 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>920 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Valence</th> <td>610 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Santander</th> <td>948 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>1100 km</td> <td>1 h 30 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-6-2" role="tabpanel" aria-labelledby="train-tab6-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>530 km</td> <td>2 h 25 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>930 km</td> <td>6 h</td> <tr> <tr> <th scope="row">Séville</th> <td>205 km</td> <td>1 h 55 min</td> <tr> <tr> <th scope="row">Valence</th> <td>610 km</td> <td>4 h 10 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>830 km</td> <td>3 h 55 min</td> <tr> <tr> <th scope="row">Santander</th> <td>948 km</td> <td>8 h 15 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>1100 km</td> <td>7 h 50 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>680 km</td> <td>6 h 40 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-6-3" role="tabpanel" aria-labelledby="car-tab6-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>530 km</td> <td>5 h 15 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>930 km</td> <td>9 h 30 min</td> <tr> <tr> <th scope="row">Séville</th> <td>205 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>920 km</td> <td>8 h 40 min</td> <tr> <tr> <th scope="row">Valence</th> <td>610 km</td> <td>6 h 10 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>830 km</td> <td>8 h</td> <tr> <tr> <th scope="row">Santander</th> <td>948 km</td> <td>10 h 20 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>1100 km</td> <td>10 h 30 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>680 km</td> <td>6 h 30 min</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading7"> <p class="mb-0"> <button id="list-dt-bilbao" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse7" aria-expanded="false" aria-controls="collapse7"> Bilbao</button> </p> </div> <div id="collapse7" class="panel-collapseMov collapse " aria-labelledby="heading-dt-bilbao" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab7-1" data-toggle="tab" href="#medio-plane-7-1" role="tab" aria-controls="medio-plane-7-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab7-2" data-toggle="tab" href="#medio-train-7-2" role="tab" aria-controls="medio-train-7-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab7-3" data-toggle="tab" href="#medio-car-7-3" role="tab" aria-controls="medio-car-7-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Voiture</p></a> </li> </ul> <div class="tab-content" id="myTabContent7"> <div class="tab-pane fade show active" id="medio-plane-7-1" role="tabpanel" aria-labelledby="plane-tab7-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>400 km</td> <td>1 h</td> <tr> <tr> <th scope="row">Barcelone</th> <td>600 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Îles Baléares</th> <td>875 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Îles Canaries</th> <td>2350 km</td> <td>3 h 05 min</td> <tr> <tr> <th scope="row">Séville</th> <td>860 km</td> <td>1 h 20 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>920 km</td> <td>1 h 25 min</td> <tr> <tr> <th scope="row">Valence</th> <td>610 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>580 km</td> <td>1 h 5 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-7-2" role="tabpanel" aria-labelledby="train-tab7-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>400 km</td> <td>5 h 15 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>600 km</td> <td>6 h 30 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>300 km</td> <td>4 h 30 min</td> <tr> <tr> <th scope="row">Santander</th> <td>104 km</td> <td>2 h 56 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>580 km</td> <td>10 h</td> <tr> <tr> <th scope="row">Salamanque</th> <td>397 km</td> <td>5 h 50 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-7-3" role="tabpanel" aria-labelledby="car-tab7-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>400 km</td> <td>4 h</td> <tr> <tr> <th scope="row">Barcelone</th> <td>600 km</td> <td>5 h 45 min</td> <tr> <tr> <th scope="row">Séville</th> <td>860 km</td> <td>7 h 50 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>920 km</td> <td>8 h 40 min</td> <tr> <tr> <th scope="row">Valence</th> <td>610 km</td> <td>5 h 50 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>300 km</td> <td>2 h 55 min</td> <tr> <tr> <th scope="row">Santander</th> <td>104 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>580 km</td> <td>5 h 40 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>397 km</td> <td>3 h 50 min</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading8"> <p class="mb-0"> <button id="list-dt-valencia" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse8" aria-expanded="false" aria-controls="collapse8"> Valence</button> </p> </div> <div id="collapse8" class="panel-collapseMov collapse " aria-labelledby="heading-dt-valencia" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab8-1" data-toggle="tab" href="#medio-plane-8-1" role="tab" aria-controls="medio-plane-8-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab8-2" data-toggle="tab" href="#medio-train-8-2" role="tab" aria-controls="medio-train-8-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab8-3" data-toggle="tab" href="#medio-car-8-3" role="tab" aria-controls="medio-car-8-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Voiture</p></a> </li> <li class="nav-item"> <a class="nav-link " id="ship-tab8-4" data-toggle="tab" href="#medio-ship-8-4" role="tab" aria-controls="medio-ship-8-4" aria-selected="false"><span class="icon-ship-fill"></span><p class="text-uppercase">Navire</p></a> </li> </ul> <div class="tab-content" id="myTabContent8"> <div class="tab-pane fade show active" id="medio-plane-8-1" role="tabpanel" aria-labelledby="plane-tab8-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>360 km</td> <td>55 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>350 km</td> <td>55 min</td> <tr> <tr> <th scope="row">Îles Baléares</th> <td>250 km</td> <td>50 min</td> <tr> <tr> <th scope="row">Îles Canaries</th> <td>2150 km</td> <td>2 h 45 min</td> <tr> <tr> <th scope="row">Séville</th> <td>655 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>610 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>610 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>685 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>950 km</td> <td>1 h 30 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-8-2" role="tabpanel" aria-labelledby="train-tab8-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>360 km</td> <td>1 h 40 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>350 km</td> <td>3 h 15 min</td> <tr> <tr> <th scope="row">Séville</th> <td>655 km</td> <td>4 h</td> <tr> <tr> <th scope="row">Malaga</th> <td>610 km</td> <td>4 h 15 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>310 km</td> <td>4 h 15 min</td> <tr> <tr> <th scope="row">Santander</th> <td>685 km</td> <td>6 h 25 min </td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>950 km</td> <td>7 h 10 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>578 km</td> <td>5 h 50 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-8-3" role="tabpanel" aria-labelledby="car-tab8-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>360 km</td> <td>3 h 30 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>350 km</td> <td>3 h 30 min</td> <tr> <tr> <th scope="row">Séville</th> <td>655 km</td> <td>6 h 15 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>610 km</td> <td>6 h 10 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>610 km</td> <td>5 h 50 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>310 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Santander</th> <td>685 km</td> <td>7 h 30 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>950 km</td> <td>9 h</td> <tr> <tr> <th scope="row">Salamanque</th> <td>578 km</td> <td>5 h 30 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-ship-8-4" role="tabpanel" aria-labelledby="ship-tab8-4"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Îles Baléares</th> <td>250 km</td> <td>5 h</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading9"> <p class="mb-0"> <button id="list-dt-zaragoza" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse9" aria-expanded="false" aria-controls="collapse9"> Saragosse</button> </p> </div> <div id="collapse9" class="panel-collapseMov collapse " aria-labelledby="heading-dt-zaragoza" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab9-1" data-toggle="tab" href="#medio-plane-9-1" role="tab" aria-controls="medio-plane-9-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab9-2" data-toggle="tab" href="#medio-train-9-2" role="tab" aria-controls="medio-train-9-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab9-3" data-toggle="tab" href="#medio-car-9-3" role="tab" aria-controls="medio-car-9-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Voiture</p></a> </li> </ul> <div class="tab-content" id="myTabContent9"> <div class="tab-pane fade show active" id="medio-plane-9-1" role="tabpanel" aria-labelledby="plane-tab9-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Îles Canaries</th> <td>2350 km</td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>780 km</td> <td>1 h 25 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-9-2" role="tabpanel" aria-labelledby="train-tab9-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>315 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>315 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Séville</th> <td>840 km</td> <td>3 h 40 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>830 km</td> <td>4 h 10 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>300 km</td> <td>4 h 30 min</td> <tr> <tr> <th scope="row">Valence</th> <td>310 km</td> <td>4 h 25 min</td> <tr> <tr> <th scope="row">Santander</th> <td>403 km</td> <td>6 h </td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>780 km</td> <td>7 h 20 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>538 km</td> <td>4 h 15 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-9-3" role="tabpanel" aria-labelledby="car-tab9-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>315 km </td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>315 km</td> <td>3 h 10 min</td> <tr> <tr> <th scope="row">Séville</th> <td>840 km</td> <td>7 h 40 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>830 km</td> <td>8 h</td> <tr> <tr> <th scope="row">Bilbao</th> <td>300 km</td> <td>2 h 55 min</td> <tr> <tr> <th scope="row">Valence</th> <td>310 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Santander</th> <td>403 km</td> <td>4 h 25 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>780 km</td> <td>7 h 45 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>538 km</td> <td>5 h 10 min</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading10"> <p class="mb-0"> <button id="list-dt-santander" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse10" aria-expanded="false" aria-controls="collapse10"> Santander</button> </p> </div> <div id="collapse10" class="panel-collapseMov collapse " aria-labelledby="heading-dt-santander" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab10-1" data-toggle="tab" href="#medio-plane-10-1" role="tab" aria-controls="medio-plane-10-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab10-2" data-toggle="tab" href="#medio-train-10-2" role="tab" aria-controls="medio-train-10-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab10-3" data-toggle="tab" href="#medio-car-10-3" role="tab" aria-controls="medio-car-10-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Voiture</p></a> </li> </ul> <div class="tab-content" id="myTabContent10"> <div class="tab-pane fade show active" id="medio-plane-10-1" role="tabpanel" aria-labelledby="plane-tab10-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>450 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>705 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Îles Baléares</th> <td>695 km</td> <td>1 h 25 min</td> <tr> <tr> <th scope="row">Îles Canaries</th> <td>2055 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Séville</th> <td>825 km</td> <td>1 h 35</td> <tr> <tr> <th scope="row">Malaga</th> <td>948 km</td> <td>1 h 35 min</td> <tr> <tr> <th scope="row">Valence</th> <td>685 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>490 km</td> <td>3 h 15 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-10-2" role="tabpanel" aria-labelledby="train-tab10-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>450 km</td> <td>4 h 15 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>705 km</td> <td>7 h 20 min</td> <tr> <tr> <th scope="row">Séville</th> <td>825 km</td> <td>8 h 30 min </td> <tr> <tr> <th scope="row">Malaga</th> <td>948 km</td> <td>8 h 15 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>104 km</td> <td>2 h 56 min</td> <tr> <tr> <th scope="row">Valence</th> <td>685 km</td> <td>6 h 25 min </td> <tr> <tr> <th scope="row">Saragosse</th> <td>403 km</td> <td>6 h </td> <tr> <tr> <th scope="row">Salamanque</th> <td>362 km</td> <td>6 h 45 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>490 km</td> <td>9 h</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-10-3" role="tabpanel" aria-labelledby="car-tab10-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>450 km</td> <td>4 h 30 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>705 km</td> <td>7 h 25 min</td> <tr> <tr> <th scope="row">Séville</th> <td>825 km</td> <td>8 h 20 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>948 km</td> <td>10 h 20 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>104 km</td> <td>1 h 15 min</td> <tr> <tr> <th scope="row">Valence</th> <td>685 km</td> <td>7 h 30 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>403 km</td> <td>4 h 25 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>362 km</td> <td>3 h 20 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>490 km</td> <td>4 h 40 min</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading11"> <p class="mb-0"> <button id="list-dt-santiago-de-compostela" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse11" aria-expanded="false" aria-controls="collapse11"> Saint-Jacques-de-Compostelle</button> </p> </div> <div id="collapse11" class="panel-collapseMov collapse " aria-labelledby="heading-dt-santiago-de-compostela" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab11-1" data-toggle="tab" href="#medio-plane-11-1" role="tab" aria-controls="medio-plane-11-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab11-2" data-toggle="tab" href="#medio-train-11-2" role="tab" aria-controls="medio-train-11-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab11-3" data-toggle="tab" href="#medio-car-11-3" role="tab" aria-controls="medio-car-11-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Voiture</p></a> </li> </ul> <div class="tab-content" id="myTabContent11"> <div class="tab-pane fade show active" id="medio-plane-11-1" role="tabpanel" aria-labelledby="plane-tab11-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>595 km</td> <td>1 h 10 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>1100 km</td> <td>1 h 40 min</td> <tr> <tr> <th scope="row">Îles Baléares</th> <td>1300 km</td> <td>1 h 50 min</td> <tr> <tr> <th scope="row">Îles Canaries</th> <td>2200 km</td> <td>2 h 45 min</td> <tr> <tr> <th scope="row">Séville</th> <td>800 km</td> <td>1 h 25 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>1100 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>580 km</td> <td>1 h 5 min</td> <tr> <tr> <th scope="row">Valence</th> <td>950 km</td> <td>1 h 30 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>780 km</td> <td>1 h 25 min</td> <tr> <tr> <th scope="row">Santander</th> <td>490 km</td> <td>3 h 15 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-11-2" role="tabpanel" aria-labelledby="train-tab11-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>595 km</td> <td>3 h</td> <tr> <tr> <th scope="row">Barcelone</th> <td>1100 km</td> <td>7 h 10 min</td> <tr> <tr> <th scope="row">Séville</th> <td>800 km</td> <td>7 h 40 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>1100 km</td> <td>7 h 50 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>580 km</td> <td>10 h</td> <tr> <tr> <th scope="row">Valence</th> <td>950 km</td> <td>7 h 10 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>780 km</td> <td>7 h 20 min</td> <tr> <tr> <th scope="row">Santander</th> <td>490 km</td> <td>9 h</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-11-3" role="tabpanel" aria-labelledby="car-tab11-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>595 km</td> <td>5 h 45 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>1100 km</td> <td>11 h</td> <tr> <tr> <th scope="row">Séville</th> <td>800 km</td> <td>8 h 20 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>1100 km</td> <td>10 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>580 km</td> <td>5 h 40 min</td> <tr> <tr> <th scope="row">Valence</th> <td>950 km</td> <td>9 h</td> <tr> <tr> <th scope="row">Saragosse</th> <td>780 km</td> <td>7 h 45 min</td> <tr> <tr> <th scope="row">Salamanque</th> <td>425 km</td> <td>4 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>490 km</td> <td>4 h 40 min</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading12"> <p class="mb-0"> <button id="list-dt-salamanca" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse12" aria-expanded="false" aria-controls="collapse12"> Salamanque</button> </p> </div> <div id="collapse12" class="panel-collapseMov collapse " aria-labelledby="heading-dt-salamanca" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab12-1" data-toggle="tab" href="#medio-plane-12-1" role="tab" aria-controls="medio-plane-12-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">Avion</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab12-2" data-toggle="tab" href="#medio-train-12-2" role="tab" aria-controls="medio-train-12-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">Train</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab12-3" data-toggle="tab" href="#medio-car-12-3" role="tab" aria-controls="medio-car-12-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">Voiture</p></a> </li> </ul> <div class="tab-content" id="myTabContent12"> <div class="tab-pane fade show active" id="medio-plane-12-1" role="tabpanel" aria-labelledby="plane-tab12-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Îles Baléares</th> <td>900 km</td> <td>1 h 25 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-12-2" role="tabpanel" aria-labelledby="train-tab12-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>214 km</td> <td>1 h 40 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>842 km</td> <td>5 h 20 min</td> <tr> <tr> <th scope="row">Séville</th> <td>462 km</td> <td>6 h 35 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>680 km</td> <td>6 h 40 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>397 km</td> <td>5 h 50 min</td> <tr> <tr> <th scope="row">Valence</th> <td>578 km</td> <td>5 h 50 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>538 km</td> <td>4 h 15 min</td> <tr> <tr> <th scope="row">Santander</th> <td>362 km</td> <td>6 h 45 min</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-12-3" role="tabpanel" aria-labelledby="car-tab12-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Ville</th> <th scope="col">Distance (en km)</th> <th scope="col">Durée (en heures)</th> </tr> </thead> <tbody> <tr> <th scope="row">Madrid</th> <td>214 km</td> <td>2 h 15 min</td> <tr> <tr> <th scope="row">Barcelone</th> <td>842 km</td> <td>8 h 10 min</td> <tr> <tr> <th scope="row">Séville</th> <td>462 km</td> <td>4 h 20 min</td> <tr> <tr> <th scope="row">Malaga</th> <td>680 km</td> <td>6 h 30 min</td> <tr> <tr> <th scope="row">Bilbao</th> <td>397 km</td> <td>3 h 50 min</td> <tr> <tr> <th scope="row">Valence</th> <td>578 km</td> <td>5 h 30 min</td> <tr> <tr> <th scope="row">Saragosse</th> <td>538 km</td> <td>5 h 10 min</td> <tr> <tr> <th scope="row">Santander</th> <td>362 km</td> <td>3 h 20 min</td> <tr> <tr> <th scope="row">Saint-Jacques-de-Compostelle</th> <td>425 km</td> <td>4 h 10 min</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> </div> </div> <div class="d-none d-lg-block col-sm-8">  <div class="wrapper-map d-inline-block"> <?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="distancias" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 730 600" style="enable-background:new 0 0 730 600;" xml:space="preserve"> <style type="text/css"> #distancias .st0{fill:#F6F6F6;} #distancias .st1{fill:url(#mapa_x5F_11_x5F_mapa-africa_1_);} #distancias .st2{fill:url(#mapa_x5F_11_x5F_mapa-europa_1_);} #distancias .st3{opacity:0.3;} #distancias .st4{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;} #distancias .st5{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:6.1632,6.1632;} #distancias .st6{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:5.7649,5.7649;} #distancias .st7{fill:#CCCCCC;} #distancias .st8{fill:#CCCCCC;stroke:#CCCCCC;stroke-miterlimit:10;} #distancias .st9{opacity:0.6;fill:#FFFFFF;} #distancias .st10{fill:#EDC230;} #distancias .st11{fill:#FFFFFF;} #distancias .st12{fill:#4B4B4B;} #distancias .st13{font-family:'Stolzl-Bold';} #distancias .st14{font-size:13px;} #distancias .st15{opacity:0.3055;fill:#C5220D;} #distancias .st16{fill:#C5220D;} #distancias .st17{opacity:0.31;fill:#C5220D;} </style> <g id="mapa_x5F_11_x5F_MAPA_x5F_1_x5F_"> <g id="mapa_x5F_11_x5F_mapa-paises"> <polygon id="mapa_x5F_11_x5F_mapa-portugal" class="st0" points="200.95,136.03 214.24,122.74 226.43,122.74 214.24,136.03 260.77,136.03 267.42,129.38 290.68,129.38 295.12,134.92 282.93,147.11 307.3,147.11 307.3,153.76 276.28,184.78 276.28,226.88 268.53,233.52 276.28,242.39 276.28,256.79 245.26,256.79 245.26,270.08 269.63,293.35 269.63,303.32 256.34,316.61 256.34,329.91 269.63,343.2 269.63,349.85 260.77,349.85 247.48,363.14 247.48,394.16 238.61,394.16 224.21,404.13 212.02,394.16 198.73,390.84 177.68,396.38 172.7,391.39 187.1,365.91 187.1,343.76 184.88,340.43 190.42,328.25 192.08,318.83 195.41,317.72 192.64,310.52 184.33,314.4 177.68,313.29 176.57,304.43 182.11,304.43 187.1,297.23 183.77,290.58 179.9,298.89 163.83,299.44 163.83,289.47 172.7,263.99 182.67,255.13 192.64,228.54 195.96,227.43 192.64,223 197.07,215.24 199.28,201.95 202.05,199.18 201.5,195.3 202.61,186.44 205.93,172.04 199.28,145.45 199.28,139.91 "/> <radialGradient id="mapa_x5F_11_x5F_mapa-africa_1_" cx="448.6343" cy="505.5" r="276.2365" gradientTransform="matrix(1 0 0 0.3829 0 311.9386)" gradientUnits="userSpaceOnUse"> <stop offset="0" style="stop-color:#F6F6F6"/> <stop offset="1" style="stop-color:#F6F6F6;stop-opacity:0"/> </radialGradient> <polyline id="mapa_x5F_11_x5F_mapa-africa" class="st1" points="730.5,411 697.83,432.39 676.78,430.17 644.65,435.71 598.12,462.3 591.47,482.24 581.5,483.35 572.64,473.38 561.56,473.38 561.56,486.67 549.37,483.35 532.75,495.53 527.21,511.04 515.03,514.37 503.95,526.55 479.02,528.22 464.62,531.54 446.89,531.54 444.68,523.78 440.25,529.32 420.3,527.11 394.82,527.11 369.34,516.03 361.59,492.76 331.67,481.69 340.54,473.93 321.7,476.15 281.5,535 244.5,576 172.5,600 730.5,600 "/> <radialGradient id="mapa_x5F_11_x5F_mapa-europa_1_" cx="571.3252" cy="85.3928" r="237.0186" fx="563.9681" fy="85.547" gradientTransform="matrix(0.981 0.194 -0.0627 0.3171 16.2045 -52.5032)" gradientUnits="userSpaceOnUse"> <stop offset="0.3966" style="stop-color:#F6F6F6"/> <stop offset="0.7768" style="stop-color:#F6F6F6;stop-opacity:0"/> </radialGradient> <path id="mapa_x5F_11_x5F_mapa-europa" class="st2" d="M502.5,30l-10.18,21.83l17.73,16.62h29.91l17.73,18.83h60.93l18.83,17.73 l8.86-8.86l11.08,12.19h18.83l9.97-9.97h16.62c0,0,5.88-12.72,5.71-14.09c-0.28-2.28,1.96-15.66,1.96-15.66L710.5,60l17-19l3-41 l-242-5"/> </g> <g id="mapa_x5F_11_x5F_lineas_x5F_canarias" class="st3"> <g> <line class="st4" x1="9.28" y1="443.92" x2="12.28" y2="443.91"/> <polyline class="st5" points="18.45,443.87 201.61,442.91 210.45,449.41 "/> <polyline class="st4" points="212.93,451.24 215.35,453.02 215.35,456.02 "/> <line class="st6" x1="215.35" y1="461.78" x2="215.35" y2="551.14"/> <line class="st4" x1="215.35" y1="554.02" x2="215.35" y2="557.02"/> </g> </g> <g id="mapa_x5F_11_x5F_mapa-canarias"> <polygon id="mapa_x5F_11_x5F_mapa-la-palma" class="st7" points="17.04,504.95 17.04,489.44 21.47,483.9 25.9,487.23 27.01,499.41 21.47,504.95 "/> <rect id="mapa_x5F_11_x5F_mapa-el-hierro" x="13.59" y="540.28" transform="matrix(0.6508 -0.7593 0.7593 0.6508 -407.5592 204.6534)" class="st7" width="10.21" height="10.21"/> <polygon id="mapa_x5F_11_x5F_mapa-gomera" class="st7" points="23.69,523.78 23.69,519.35 29.23,519.35 34.77,523.78 30.5,527 "/> <polygon id="mapa_x5F_11_x5F_mapa-tenerife" class="st7" points="60.25,512.71 60.25,507.17 79.08,507.17 83.51,503.84 83.51,499.41 96.81,498.3 91.27,504.95 91.27,510.49 84.62,517.14 84.62,521.57 75.76,529.32 70.22,529.32 64.68,523.78 64.68,514.92 "/> <polygon id="mapa_x5F_11_x5F_mapa-fuerteventura" class="st7" points="152.2,523.78 155.52,523.78 162.17,517.14 162.17,510.49 168.82,504.95 168.82,491.66 172.14,489.44 177.68,489.44 181,492.76 181,513.81 175.47,518.25 166.6,518.25 156.63,529.32 "/> <polygon id="mapa_x5F_11_x5F_mapa-lanzarote" class="st7" points="178.79,485.01 178.79,477.25 185.44,471.72 190.98,471.72 193.19,468.39 193.19,463.96 196.51,463.96 196.51,475.04 188.76,481.69 185.44,482.79 183.22,485.01 "/> <polygon id="mapa_x5F_11_x5F_mapa-gran-canaria" class="st7" points="115.64,520.46 106.78,526 106.78,539.3 112.32,545.94 125.61,549.27 131.15,543.73 134.47,538.19 134.47,529.32 128.93,526 128.93,520.46 "/> </g> <g id="mapa_x5F_11_x5F_mapa-illes-balears"> <polygon id="mapa_x5F_11_x5F_mapa-ibiza" class="st7" points="607.53,283.38 616.4,275.62 623.05,282.27 614.18,292.24 611.97,288.92 607.53,288.92 "/> <polygon id="mapa_x5F_11_x5F_mapa-formentera" class="st7" points="613.07,301.1 613.07,296.67 618.61,296.67 "/> <polygon id="mapa_x5F_11_x5F_mapa-mallorca" class="st7" points="636.34,256.79 658.5,235.74 658.5,239.06 665.14,239.06 665.14,244.6 668.47,247.92 671.79,244.6 677.33,249.03 667.36,259 667.36,263.44 661.82,268.97 658.5,264.54 650.74,264.54 649.63,259 646.31,256.79 644.09,260.11 638.56,260.11 "/> <polygon id="mapa_x5F_11_x5F_mapa-menorca" class="st7" points="700.6,239.06 691.73,239.06 691.73,235.74 688.41,233.52 690.63,231.31 702.81,231.31 707.24,234.63 707.24,242.39 702.81,242.39 "/> </g> <g id="mapa_x5F_11_x5F_mapa-ceuta-melilla"> <polyline id="mapa_x5F_11_x5F_mapa-melilla" class="st7" points="448.56,514.37 445.79,521.57 448.56,530.43 463.16,530.43 448.56,514.37 "/> <polygon id="mapa_x5F_11_x5F_mapa-ceuta" class="st7" points="334.44,481.51 342.75,473.93 359.37,490.55 "/> </g> <g id="mapa_x5F_11_x5F_MAPA_x5F_PENINSULA_x5F_1px_x5F_sin_x5F_trazado"> <polygon id="mapa_x5F_11_x5F_mapa-pais-vasco" class="st8" points="457.2,98.36 454.65,96.66 454.65,90.61 450.87,90.61 448,93.47 444.03,89.5 440.25,89.5 442.82,86.07 435.17,78.42 429.17,78.42 429.17,73.99 443.57,73.99 438.58,67.34 433.6,67.34 433.6,60.69 423.63,60.69 423.63,55.16 442.92,55.16 455.76,42.32 466.38,52.94 488.99,52.94 486.78,55.89 486.78,63.56 474.59,75.75 474.59,80.08 470.16,83.41 470.16,88.39 465.73,88.39 465.73,98.36 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunidad-foral-de-navarra_1_" class="st8" points="480.62,131.6 469.54,119.41 463.05,119.41 455.3,127.17 446.24,127.17 435.81,116.74 435.81,96.61 440.71,91.72 443.11,91.72 448,96.61 451.78,92.82 452.43,92.82 452.43,97.95 456.54,100.58 466.38,100.58 470.81,105.01 479.67,105.01 486.32,111.66 498.96,111.66 498.96,114.98 490.1,114.98 490.1,126.78 486.24,131.6 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunidad-foral-de-navarra" class="st8" points="501.64,126.06 492.32,126.06 492.32,117.2 501.18,117.2 501.18,109.44 487.24,109.44 480.59,102.79 471.73,102.79 467.94,99.01 467.94,90.61 472.37,90.61 472.37,84.51 476.81,81.19 476.81,76.66 488.99,64.48 488.99,56.63 491.33,53.52 508.48,70.67 536.26,70.67 514.47,93.49 514.47,102.34 508.93,107.87 508.93,119.94 513.92,123.94 506.72,131.14 "/> <polygon id="mapa_x5F_11_x5F_mapa-region-de-murcia" class="st8" points="486.78,371.52 486.78,358.71 479.52,358.71 472.78,351.01 485.02,338.77 490.65,338.77 493.98,334.34 499.52,334.34 503.27,339.35 510.04,332.58 510.04,316.61 513.92,316.61 517.24,312.18 520.66,312.18 526.66,318.18 526.66,323.91 522.23,328.34 522.23,335.45 528.88,335.45 528.88,342.74 522.84,348.78 535.1,359.93 529.59,366.54 535.06,372.01 507.37,372.01 497.82,381.56 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunidad-de-madrid" class="st8" points="405.25,246.82 415.22,236.85 410.79,232.41 400.82,232.41 394.17,225.77 384.46,225.77 378.93,230.2 375.99,230.2 375.99,222.92 401.47,198.54 401.47,190.75 417.15,174.03 419.2,175.4 419.2,185.88 422.52,185.88 422.52,202.99 434.71,214.07 434.71,229.09 438.03,229.09 438.03,236.39 435.36,239.06 419.81,239.06 409.19,250.75 "/> <polygon id="mapa_x5F_11_x5F_mapa-galicia" class="st8" points="218.97,133.81 231.16,120.52 213.78,120.52 200.89,133.41 194.32,127.78 195.43,94.42 176.57,83.33 176.57,68.89 191.46,52.94 219.13,52.94 222.33,49.74 216.78,41.96 234.66,23.03 245.85,23.03 258.04,37.43 268.94,37.43 260.26,45.14 274.71,59.59 267.01,67.29 274.72,76.11 265.2,84.57 265.2,98.36 274.07,98.36 274.07,104.36 279.11,109.41 266.31,121.14 266.31,127.82 260.31,133.81 "/> <polygon id="mapa_x5F_11_x5F_mapa-extremadura" class="st8" points="300.01,350.96 290.03,350.96 285.6,346.53 279.6,346.53 279.6,342.09 271.2,342.09 258.56,329.45 258.56,317.07 271.85,303.78 271.85,292.87 247.48,269.61 247.48,259 278.5,259 278.5,241.97 271.21,233.64 278.5,227.38 278.5,224.66 288.47,224.66 288.47,222.44 294.47,222.44 301.76,215.15 315.06,228.44 318.84,224.66 322.29,224.66 327.83,231.31 336.57,231.31 338.32,229.55 338.32,248.38 341.65,251.71 341.65,257.9 346.08,257.9 346.08,266.14 360.51,279.37 367.13,272.76 369.34,274.97 369.34,287.81 362.29,287.81 353.83,295.05 353.83,312.18 347.19,312.18 347.19,316.08 342.37,319.94 338.97,319.94 330.57,328.34 330.57,343.2 312.84,343.2 312.84,352.06 306.84,352.06 303.98,354.93 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunitat-valenciana" class="st8" points="526.05,348.7 531.09,343.66 531.09,333.23 524.44,333.23 524.44,329.26 528.88,324.83 528.88,318.18 534.42,312.64 534.42,306.18 530.44,302.21 521.52,302.21 515.58,297.26 515.58,291.65 522.23,286.11 522.23,277.84 510.5,277.84 506.72,274.06 506.72,267.24 522.23,252.84 522.23,244.6 528.88,244.6 528.88,248.29 533.19,254.04 537.74,249.49 537.74,243.97 558.79,224.03 558.79,206.47 555.99,203.67 562.52,198.07 569.41,198.07 572.73,201.39 583.77,201.39 590.92,209.57 590.92,214.23 577.62,227.52 577.62,237.47 561,252.98 561,262.98 552.14,271.84 552.14,289.37 572.72,309.95 541.06,340.52 541.06,353.82 536.59,358.29 "/> <polygon id="mapa_x5F_11_x5F_mapa-cataluna" class="st8" points="592.53,208.04 584.77,199.18 580.95,199.18 580.95,179.7 589.81,170.83 589.81,168.71 585.38,165.39 585.38,159.75 590.27,154.86 585.38,149.97 585.38,147.6 598.67,135.41 598.67,124.25 605.32,116.5 605.32,104.56 602,101.14 602,89.5 617.07,89.5 637.47,108.77 646.27,99.97 655.79,110.55 676.68,110.55 686.65,100.58 701.25,100.58 707.89,107.23 696.88,118.24 702.81,125.35 702.81,131.14 677.98,155.97 665.77,155.97 649.15,173.7 631.41,173.7 623.65,182.56 613.72,182.56 598.3,197.99 602.73,203.53 598.21,208.04 "/> <polygon id="mapa_x5F_11_x5F_mapa-castilla-la-mancha" class="st8" points="463.97,349.85 461.75,347.63 465.73,343.66 465.73,330.56 459.54,324.37 450.87,324.37 447.54,327.69 425.39,327.69 423.17,329.91 387.07,329.91 387.07,333.23 381.96,333.23 367.56,319.94 363.15,319.94 356.05,312.83 356.05,296.07 363.11,290.02 371.56,290.02 371.56,274.06 367.13,269.62 360.45,276.3 348.29,265.16 348.29,255.68 343.86,255.68 343.86,250.79 340.54,247.47 340.54,237.95 346.47,237.95 352.01,233.52 359.83,233.52 366.02,227.33 371.1,232.41 379.7,232.41 385.24,227.98 393.26,227.98 399.9,234.63 409.88,234.63 412.09,236.85 402.12,246.82 409.26,253.96 420.79,241.28 436.27,241.28 440.25,237.3 440.25,226.88 436.92,226.88 436.92,213.09 424.74,202.01 424.74,183.67 421.41,183.67 421.41,175.26 425.19,171.48 457.48,171.48 467.45,182.56 482.8,182.56 484.56,180.8 502.29,198.53 502.29,209.15 497.4,209.15 488.53,218.01 505.15,234.63 511.76,234.63 520.01,243.91 520.01,251.87 504.5,266.28 504.5,274.97 509.58,280.05 520.01,280.05 520.01,285.07 513.37,290.61 513.37,298.3 520.72,304.43 529.53,304.43 532.2,307.1 532.2,311.72 527.77,316.15 521.58,309.97 516.14,309.97 512.81,314.4 507.83,314.4 507.83,331.66 503.52,335.98 500.63,332.12 492.87,332.12 489.55,336.55 484.1,336.55 470.81,349.85 "/> <polygon id="mapa_x5F_11_x5F_mapa-castilla-y-leon" class="st8" points="340.54,235.74 340.54,224.2 335.65,229.09 328.87,229.09 323.33,222.44 317.92,222.44 315.06,225.31 301.76,212.01 293.55,220.23 286.25,220.23 286.25,222.44 278.5,222.44 278.5,185.23 309.52,154.21 309.52,144.89 287.82,144.89 297.72,134.99 291.2,127.17 268.53,127.17 268.53,122.11 282.31,109.48 276.28,103.44 276.28,96.15 267.42,96.15 267.42,85.57 276.7,77.31 286.71,77.31 297.79,66.23 311.27,66.23 316.81,71.77 324.47,71.77 325.68,69.56 333.17,69.56 338.71,65.13 352.15,65.13 356.18,60.09 367.81,70.67 375.27,70.67 380.41,66.56 385.96,71.18 385.96,76.59 391.04,81.74 409.23,81.74 409.23,73.99 400.36,73.99 400.36,71.2 405.18,67.34 409.61,67.34 415.15,62.91 431.38,62.91 431.38,69.56 437.48,69.56 439.14,71.77 426.95,71.77 426.95,80.64 434.25,80.64 439.89,86.28 435.81,91.72 437.57,91.72 433.6,95.69 433.6,117.65 445.33,129.38 456.22,129.38 463.97,121.63 468.56,121.63 479.64,133.81 487.31,133.81 490.1,130.33 490.1,147.76 484.56,153.3 484.56,160.4 477.91,160.4 477.91,174.16 482.99,179.24 481.89,180.34 468.44,180.34 458.47,169.27 424.28,169.27 420.16,173.38 416.81,171.15 399.26,189.88 399.26,197.6 373.78,221.97 373.74,230.2 372.02,230.2 366.02,224.2 358.91,231.31 351.23,231.31 345.69,235.74 "/> <polygon id="mapa_x5F_11_x5F_mapa-cantabria" class="st8" points="391.96,79.53 388.18,75.75 388.18,70.15 380.44,63.7 374.49,68.45 368.66,68.45 358.91,59.59 369.79,59.59 377.1,52.47 377.1,47.4 409.88,47.4 417.63,55.16 421.41,55.16 421.41,60.69 414.38,60.69 408.84,65.13 404.41,65.13 398.15,70.13 398.15,76.2 407.01,76.2 407.01,79.53 "/> <polygon id="mapa_x5F_11_x5F_mapa-principado-de-asturias" class="st8" points="276.78,75.1 270.04,67.39 277.85,59.59 263.49,45.23 272.27,37.43 320.1,37.43 328.96,47.4 374.88,47.4 374.88,51.37 368.88,57.37 355.52,57.37 351.08,62.91 337.93,62.91 332.39,67.34 324.34,67.34 323.23,69.56 317.73,69.56 312.19,64.02 296.87,64.02 285.79,75.1 "/> <polygon id="mapa_x5F_11_x5F_mapa-aragon" class="st8" points="531.09,247.56 531.09,242.39 521.62,242.39 512.76,232.41 506.07,232.41 491.67,218.01 498.31,211.37 504.5,211.37 504.5,197.61 480.13,173.24 480.13,162.62 486.78,162.62 486.78,154.21 492.32,148.68 492.32,128.27 500.72,128.27 506.72,134.27 517.24,123.75 511.15,118.88 511.15,108.79 516.69,103.25 516.69,94.37 538.84,71.17 556.09,89.5 599.78,89.5 599.78,102.14 603.1,105.47 603.1,115.68 596.46,123.43 596.46,134.43 583.16,146.62 583.16,150.89 587.13,154.86 583.16,158.84 583.16,166.5 587.59,169.82 587.59,169.92 578.73,178.78 578.73,199.18 573.65,199.18 570.33,195.85 561.7,195.85 552.73,203.55 556.57,207.39 556.57,223.08 535.52,243.02 535.52,248.57 533.43,250.67 "/> <polygon id="mapa_x5F_11_x5F_mapa-andalucia" class="st8" points="327.71,457.31 296.22,424.74 296.22,414.74 274.51,394.16 265.2,394.16 249.69,394.16 249.69,363.6 261.23,352.06 271.85,352.06 271.85,344.31 277.39,344.31 277.39,348.74 284.69,348.74 289.12,353.17 299.09,353.17 303.98,358.06 307.76,354.28 315.06,354.28 315.06,345.42 332.78,345.42 332.78,329.26 339.89,322.15 343.14,322.15 349.4,317.15 349.4,314.4 354.48,314.4 362.24,322.15 366.69,322.15 381.1,335.45 389.28,335.45 389.28,332.12 424.09,332.12 426.3,329.91 448.46,329.91 451.78,326.58 458.62,326.58 463.51,331.47 463.51,342.74 458.62,347.63 463.05,352.06 470.76,352.06 478.52,360.93 484.56,360.93 484.56,372.5 496.25,383.12 486.78,392.6 486.78,408.11 475.62,419.27 470.55,415.21 461.95,415.21 455.3,421.86 448.26,421.86 443.83,419.65 377.7,419.65 369.95,428.51 352.2,428.51 341.65,441.41 341.65,451.31 335.65,457.31 "/> </g> </g> <g id="g-dt-barcelona"> <g id="g-dt-barcelona-off"> <g> <circle class="st9" cx="656.5" cy="152" r="12"/> <circle class="st10" cx="656.5" cy="152" r="7.2"/> </g> <rect x="603.5" y="168" class="st11" width="105" height="19"/> <text transform="matrix(1 0 0 1 616.1622 182.2773)" class="st12 st13 st14">BARCELONE</text> </g> <g id="g-dt-barcelona-on"> <g> <circle class="st15" cx="656.5" cy="152" r="12"/> <circle class="st16" cx="656.5" cy="152" r="7.2"/> </g> <rect x="603.5" y="168" class="st16" width="105" height="19"/> <g> <text transform="matrix(1 0 0 1 616.1622 182.2773)" class="st11 st13 st14">BARCELONE</text> </g> </g> </g> <g id="g-dt-madrid"> <g id="g-dt-madrid-off"> <g> <circle class="st9" cx="410.5" cy="212" r="12"/> <circle class="st10" cx="410.5" cy="212" r="7.2"/> </g> <rect x="432.5" y="202" class="st11" width="78" height="19"/> <text transform="matrix(1 0 0 1 445.1622 216.2773)" class="st12 st13 st14">MADRID</text> </g> <g id="g-dt-madrid-on"> <g> <circle class="st15" cx="410.5" cy="212" r="12"/> <circle class="st16" cx="410.5" cy="212" r="7.2"/> </g> <rect x="432.5" y="202" class="st16" width="78" height="19"/> <text transform="matrix(1 0 0 1 445.1622 216.2773)" class="st11 st13 st14">MADRID</text> </g> </g> <g id="g-dt-sevilla"> <g id="g-dt-sevilla-off"> <g> <circle class="st9" cx="317.5" cy="379" r="12"/> <circle class="st10" cx="317.5" cy="379" r="7.2"/> </g> <rect x="220.5" y="369" class="st11" width="78" height="19"/> <text transform="matrix(1 0 0 1 233.1622 383.2773)" class="st12 st13 st14">SÉVILLE</text> </g> <g id="g-dt-sevilla-on"> <g> <circle class="st15" cx="317.5" cy="379" r="12"/> <circle class="st16" cx="317.5" cy="379" r="7.2"/> </g> <rect x="220.5" y="369" class="st16" width="78" height="19"/> <g> <text transform="matrix(1 0 0 1 233.1622 383.2773)" class="st11 st13 st14">SÉVILLE</text> </g> </g> </g> <g id="g-dt-bilbao"> <g id="g-dt-bilbao-off"> <g> <circle class="st9" cx="439.5" cy="52" r="12"/> <circle class="st10" cx="439.5" cy="52" r="7.2"/> </g> <rect x="461.5" y="42" class="st11" width="72" height="19"/> <text transform="matrix(1 0 0 1 474.1622 56.2773)" class="st12 st13 st14">BILBAO</text> </g> <g id="g-dt-bilbao-on"> <g> <circle class="st17" cx="439.5" cy="52" r="12"/> <circle class="st16" cx="439.5" cy="52" r="7.2"/> </g> <rect x="461.5" y="42" class="st16" width="72" height="19"/> <g> <text transform="matrix(1 0 0 1 474.1622 56.2773)" class="st11 st13 st14">BILBAO</text> </g> </g> </g> <g id="g-dt-malaga"> <g id="g-dt-malaga-off"> <g> <circle class="st9" cx="371.5" cy="416" r="12"/> <circle class="st10" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st11" width="81" height="19"/> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st12 st13 st14">MALAGA</text> </g> <g id="g-dt-malaga-on"> <g> <circle class="st15" cx="371.5" cy="416" r="12"/> <circle class="st16" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st16" width="81" height="19"/> <g> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st11 st13 st14">MALAGA</text> </g> </g> </g> <g id="g-dt-zaragoza"> <g id="g-dt-zaragoza-off"> <g> <circle class="st9" cx="527.5" cy="158" r="12"/> <circle class="st10" cx="527.5" cy="158" r="7.2"/> </g> <rect x="412.5" y="148" class="st11" width="98" height="19"/> <text transform="matrix(1 0 0 1 420.1622 162.2773)" class="st12 st13 st14">SARAGOSSE</text> </g> <g id="g-dt-zaragoza-on"> <g> <circle class="st15" cx="527.5" cy="158" r="12"/> <circle class="st16" cx="527.5" cy="158" r="7.2"/> </g> <rect x="412.5" y="148" class="st16" width="98" height="19"/> <g> <text transform="matrix(1 0 0 1 420.1622 162.2773)" class="st11 st13 st14">SARAGOSSE</text> </g> </g> </g> <g id="g-dt-valencia"> <g id="g-dt-valencia-off"> <g> <circle class="st9" cx="546.5" cy="272" r="12"/> <circle class="st10" cx="546.5" cy="272" r="7.2"/> </g> <rect x="500.5" y="237" class="st11" width="83" height="19"/> <text transform="matrix(1 0 0 1 513.1622 251.2773)" class="st12 st13 st14">VALENCE</text> </g> <g id="g-dt-valencia-on"> <g> <circle class="st15" cx="546.5" cy="272" r="12"/> <circle class="st16" cx="546.5" cy="272" r="7.2"/> </g> <rect x="500.5" y="237" class="st16" width="83" height="19"/> <g> <text transform="matrix(1 0 0 1 513.1622 251.2773)" class="st11 st13 st14">VALENCE</text> </g> </g> </g> <g id="g-dt-islas-baleares"> <g id="g-dt-islas-baleares-off"> <g> <circle class="st9" cx="660.22" cy="280" r="12"/> <circle class="st10" cx="660.22" cy="280" r="7.2"/> </g> <rect x="589.5" y="298" class="st11" width="137" height="19"/> <text transform="matrix(1 0 0 1 596.447 312.2773)" class="st12 st13 st14">LES ÎLES BALÉARES</text> </g> <g id="g-dt-islas-baleares-on"> <g> <circle class="st15" cx="660.22" cy="280" r="12"/> <circle class="st16" cx="660.22" cy="280" r="7.2"/> </g> <rect x="589.5" y="298" class="st16" width="137" height="19"/> <g> <text transform="matrix(1 0 0 1 596.447 312.2773)" class="st11 st13 st14">LES ÎLES BALÉARES</text> </g> </g> </g> <g id="g-dt-islas-canarias"> <g id="g-dt-islas-canarias-off"> <g> <circle class="st9" cx="90.22" cy="538" r="12"/> <circle class="st10" cx="90.22" cy="538" r="7.2"/> </g> <rect x="25.5" y="553" class="st11" width="115" height="19"/> <text transform="matrix(1 0 0 1 36.447 567.2773)" class="st12 st13 st14">ÎLES CANARIES</text> </g> <g id="g-dt-islas-canarias-on"> <g> <circle class="st17" cx="90.22" cy="538" r="12"/> <circle class="st16" cx="90.22" cy="538" r="7.2"/> </g> <rect x="25.5" y="553" class="st16" width="115" height="19"/> <g> <text transform="matrix(1 0 0 1 32.447 567.2773)" class="st11 st13 st14">ÎLES CANARIES</text> </g> </g> </g> <g id="g-dt-salamanca"> <g id="g-dt-salamanca-off"> <g> <circle class="st9" cx="330.5" cy="182" r="12"/> <circle class="st10" cx="330.5" cy="182" r="7.2"/> </g> <rect x="209.5" y="172" class="st11" width="106" height="19"/> <text transform="matrix(1 0 0 1 216.1622 186.2773)" class="st12 st13 st14">SALAMANQUE</text> </g> <g id="g-dt-salamanca-on"> <g> <circle class="st15" cx="330.5" cy="182" r="12"/> <circle class="st16" cx="330.5" cy="182" r="7.2"/> </g> <rect x="209.5" y="172" class="st16" width="106" height="19"/> <g> <text transform="matrix(1 0 0 1 216.1622 186.2773)" class="st11 st13 st14">SALAMANQUE</text> </g> </g> </g> <g id="g-dt-santander"> <g id="g-dt-santander-off"> <g> <circle class="st9" cx="403.5" cy="49" r="12"/> <circle class="st10" cx="403.5" cy="49" r="7.2"/> </g> <rect x="285.5" y="39" class="st11" width="100" height="19"/> <text transform="matrix(1 0 0 1 293.1622 53.2773)" class="st12 st13 st14">SANTANDER</text> </g> <g id="g-dt-santander-on"> <g> <circle class="st15" cx="403.5" cy="49" r="12"/> <circle class="st16" cx="403.5" cy="49" r="7.2"/> </g> <rect x="285.5" y="39" class="st16" width="100" height="19"/> <g> <text transform="matrix(1 0 0 1 293.1622 53.2773)" class="st11 st13 st14">SANTANDER</text> </g> </g> </g> <g id="g-dt-santiago-de-compostela"> <g id="g-dt-santiago-de-compostela-off"> <g> <circle class="st9" cx="215.22" cy="75" r="12"/> <circle class="st10" cx="215.22" cy="75" r="7.2"/> </g> <rect x="90.5" y="90" class="st11" width="250" height="19"/> <text transform="matrix(1 0 0 1 98.447 104.2773)" class="st12 st13 st14">SAINT-JACQUES-DE-COMPOSTELLE</text> </g> <g id="g-dt-santiago-de-compostela-on"> <g> <circle class="st15" cx="215.22" cy="75" r="12"/> <circle class="st16" cx="215.22" cy="75" r="7.2"/> </g> <rect x="90.5" y="90" class="st16" width="250" height="19"/> <g> <text transform="matrix(1 0 0 1 98.447 104.2773)" class="st11 st13 st14">SAINT-JACQUES-DE-COMPOSTELLE</text> </g> </g> </g> </svg> </div> </div> </div> </div> </section> </section> </div> <section class="module destacados positioned"> <div class="container"> <div class="title-box"> <h2 class="title">Autres publications d'intérêt</h2> <hr> </div> <div class="row"> <div class="col-md-6 col-lg-3"> <a class="card" href="/fr/decouvrir-espagne/liaisons-aeriennes-espagne/" title="Liaisons aériennes pour découvrir l’Espagne">  <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_2140969072.jpg' class='lazy img-fluid' alt='Un avion décolle de l&#39aéroport de Séville' title='Un avion décolle de l&#39aéroport de Séville'>  <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">Informations pratiques</span> <h2 class="title-secondary">Liaisons aériennes pour découvrir l’Espagne</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/fr/decouvrir-espagne/principales-liaisons-maritimes-espagne/" title="Les principales liaisons maritimes en Espagne">  <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_2140969072.jpg' class='lazy img-fluid' alt='Bateau de croisière à Barcelone' title='Bateau de croisière à Barcelone'>  <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">Informations pratiques</span> <h2 class="title-secondary">Les principales liaisons maritimes en Espagne</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/fr/decouvrir-espagne/voyager-route-espagne/" title="Voyager par la route en Espagne">  <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_2140969072.jpg' class='lazy img-fluid' alt='Route dans les dunes de Corralejo. Fuerteventura. Îles Canaries' title='Route dans les dunes de Corralejo. Fuerteventura. Îles Canaries'>  <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">Informations pratiques</span> <h2 class="title-secondary">Voyager par la route en Espagne</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/fr/top/voyages-en-train-incroyables/" title="12 voyages incroyables à travers l’Espagne">  <img data-src='/export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg' data-srcset='/export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_2140969072.jpg' class='lazy img-fluid' alt='Train de Philippe II' title='Train de Philippe II'>  <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">Routes</span> <h2 class="title-secondary">12 voyages incroyables à travers l’Espagne</h2> </div> </div> </a> </div> </div> </div> </section> <div> <section class="module listado-iconos-xl"> <div class="container"> <div class="title-box "> <span class="subtitle">Programmez votre voyage</span> <p class="title">Plus d’infos sur...</p> <hr> </div><div class="row"> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/comment-se-rendre/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/como-llegar.svg" alt="Comment s'y rendre ?" title="Comment s'y rendre ?" class="img-fluid"/> <p class="title">Comment se rendre en Espagne</p> <p class="subtitle">Différentes façons de voyager</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/brochures/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/folletos.svg" alt="Téléchargement de brochures" title="Téléchargement de brochures" class="img-fluid"/> <p class="title">Téléchargement de brochures</p> <p class="subtitle">Profitez pleinement de votre voyage en Espagne</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/meteo/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/clima.svg" alt="La météo" title="La météo" class="img-fluid"/> <p class="title">La météo</p> <p class="subtitle">Quelle température en Espagne ?</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/carte-interactive/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mapa.svg" alt="Carte interactive" title="Carte interactive" class="img-fluid"/> <p class="title">Carte interactive</p> <p class="subtitle">Trouvez ce qui vous intéresse</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/preparer-voyage-espagne/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mi-viaje.svg" alt="Mon voyage" title="Mon voyage" class="img-fluid"/> <p class="title">Mon voyage</p> <p class="subtitle">Nous vous aidons à trouver les meilleurs plans</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/infos/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/info.svg" alt="Informations pratiques" title="Informations pratiques" class="img-fluid"/> <p class="title">Informations pratiques</p> <p class="subtitle">Conseils utiles pour votre voyage en Espagne</p> </a> </div> </div> </div> </section> </div> </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/comment-se-deplacer/" 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/comment-se-deplacer/" 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=87a0c3bb-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='' title=''><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.fr" 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="twitter"><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/spain/" 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="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'; /* if (locale == 'es' || locale == 'en' || locale == 'de' || locale == 'fr' || locale == 'it' || locale == 'pt_BR'){ setTimeout(() => { if (getCookie('encuesta')!="true" && getCookie('cc_cookie_sp')!=null && JSON.parse(getCookie('cc_cookie_sp')).external_cookies) { document.getElementById("encuesta").style.visibility = "visible"; } else { document.getElementById("encuesta").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>

CINXE.COM

Comment se déplacer en Espagne. Transports | spain.info