CINXE.COM
Costa Verde. Bons plans et sites à visiter | spain.info
<!DOCTYPE html> <html lang="fr" class="no-js"> <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>Costa Verde. Bons plans et sites à visiter | spain.info</title> <meta name="description" content='Découvrez les principaux endroits intéressants de Costa Verde. Ses plages, ses monuments, ses espaces naturels les plus importants,etc. Découvrez les sites à visiter à Costa Verde | spain.info'/> <meta property="fb:app_id" content="435706789795019"/> <meta property="og:title" content="Costa Verde. Bons plans et sites à visiter | spain.info"/> <meta property="og:type" content="website"/> <meta property="og:image" content="https://www.spain.info/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/costa-verde-cudillero-asturias-playa-silencio-s1188994426.jpg"/> <meta property="og:site_name" content="Spain.info"/> <meta property="og:description" content='Découvrez les principaux endroits intéressants de Costa Verde. Ses plages, ses monuments, ses espaces naturels les plus importants,etc. Découvrez les sites à visiter à Costa Verde | spain.info'/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@spain"/> <meta name="twitter:description" content='Découvrez les principaux endroits intéressants de Costa Verde. Ses plages, ses monuments, ses espaces naturels les plus importants,etc. Découvrez les sites à visiter à Costa Verde | spain.info'/> <meta name="twitter:title" content="Costa Verde. Bons plans et sites à visiter | spain.info"/> <meta name="twitter:image" content="https://www.spain.info/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/costa-verde-cudillero-asturias-playa-silencio-s1188994426.jpg"/> <link rel="alternate" href="https://www.spain.info/de/region/costa-verde/" hreflang="de"/> <link rel="alternate" href="https://www.spain.info/ru/region/kosta-verde/" hreflang="ru"/> <link rel="alternate" href="https://www.spain.info/ja/chiiki/kosuta-berude/" hreflang="ja"/> <link rel="alternate" href="https://www.spain.info/en/region/costa-verde/" hreflang="en"/> <link rel="alternate" href="https://www.spain.info/pt_BR/regiao/costa-verde/" hreflang="pt"/> <link rel="alternate" href="https://www.spain.info/it/regione/costa-verde/" hreflang="it"/> <link rel="alternate" href="https://www.spain.info/pl/region/zielone-wybrzeze/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/region/costa-verde/" hreflang="fr"/> <link rel="canonical" href="https://www.spain.info/fr/region/costa-verde/"/> <link rel="alternate" href="https://www.spain.info/es/region/costa-verde/" hreflang="es"/> <meta property="og:url" content='https://www.spain.info/fr/region/costa-verde/'/> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Script de implantación para www.spain.info --> <script async="async" type="text/javascript" data-insuit-id="insuitlaunch" src="https://www--spain--info.insuit.net/i4tservice/insuit-app.js"></script> <style type="text/css"> #x-insuit-container #x-insuit-bar-container #x-insuit-content-bar, #x-insuit-container #x-insuit-bar-container #x-insuit-bar-tools, #x-insuit-container #x-insuit-bar-container .x-insuit-option-text, #x-insuit-container #x-insuit-bar-container *, #x-insuit-container #x-insuit-pdf-viewer-container, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar * { background: #021F3C; } #x-insuit-container * { font-family: stolzl, sans-serif; } </style> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N7W4FXW');</script> <!-- End Google Tag Manager --></head> <body> <!-- Google Tag Manager --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7W4FXW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="gtmDin"></div> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'url-es':'/es/region/costa-verde/', 'tipo-recurso': 'Recurso final', 'tipo-plantilla': 'Costas', 'detalle': 'Costa Verde', 'comunidad': 'Principado de Asturias ', 'provincia': 'Asturias ', 'municipio': '- ', 'zona-turistica': '', 'category': '', 'objetivo': '', 'eje-primario': 'Que hacer', 'eje-secundario': 'Costas y playas' }); </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"> <!--ICONO PARA CERRAR SUBMENU--> <button class="icon-close" aria-label='Fermer'><span></span></button> <form action="/fr/resultats-recherche/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="Rechercher" xml:lang="es" class="sr-only">Rechercher</label> <input name="q" class="form-control input-visible" type="search" placeholder="Rechercher" aria-label="Rechercher"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="Rechercher"> </fieldset> </form> </div> </div> <div class="collapse navbar-collapse" id="mainMenu"> <ul class="navbar-nav menu-items"> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-dondeir" aria-haspopup="true" aria-expanded="false"> <span>Où aller</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="mapamenu" class="dropdown-menu mapamenu list-sync-resource mapa-switch" aria-labelledby="dropdown-dondeir"> <div class="container"> <button class="icon-close" aria-label='Fermer'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Découvrez</strong> nos destinations</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/fr/destination/madrid/" id="list-mdn-madrid" class="dropdown-item active "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Madrid</a> </li> <li> <a href="/fr/destination/barcelone/" id="list-mdn-barcelona" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Barcelone</a> </li> <li> <a href="/fr/destination/valence/" id="list-mdn-valencia" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Valence</a> </li> <li> <a href="/fr/destination/seville/" id="list-mdn-sevilla" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Séville</a> </li> <li> <a href="/fr/destination/saragosse/" id="list-mdn-zaragoza" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Saragosse</a> </li> <li> <a href="/fr/destination/malaga/" id="list-mdn-malaga" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Malaga</a> </li> <li> <a href="/fr/destination/bilbao/" id="list-mdn-bilbao" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Bilbao</a> </li> <li> <a href="/fr/destination/saint-jacques-compostelle/" id="list-mdn-santiago-de-compostela" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Saint-Jacques-de-Compostelle</a> </li> <li> <a href="/fr/destination/salamanque/" id="list-mdn-salamanca" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Salamanque</a> </li> <li> <a href="/fr/destination/santander/" id="list-mdn-santander" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santander</a> </li> <li> <a href="/fr/destination/caceres/" id="list-mdn-caceres" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Cáceres</a> </li> <li> <a href="/fr/region/iles-canaries/" id="list-mdn-islas-canarias" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Îles Canaries</a> </li> <li> <a href="/fr/region/iles-baleares/" id="list-mdn-islas-baleares" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Îles Baléares</a> </li> <li> <a href="/fr/ou-aller/" class="dropdown-item d-block d-customdk-none">Voir toutes les destinations</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/fr/resultats-recherche/"> <fieldset> <input type="hidden" value="SEG-TUR-Destino" name="typeFilter"> <input type="hidden" value="" name="reloaded"> <label lang="es" for="buscadorDestinos" xml:lang="es" class="sr-only">Moteur de recherche de destinations</label> <input name="q" class="form-control input-visible" type="search" placeholder="CHERCHER D’AUTRES DESTINATIONS" aria-label="CHERCHER D’AUTRES DESTINATIONS"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="CHERCHER D’AUTRES DESTINATIONS"> </fieldset> </form> <a href="/fr/ou-aller/" class="btn btn-dark text-uppercase">Voir toutes les destinations</a> </div> </div> <div class="wrapper-recurso-menu mapa-menu"> <!--MAPA MENU--> <div class="wrapper-menu-map d-none d-xl-block"> <div class="menuholder" data-lang="fr" data-path="mapa_00_mapa-menu-destinos.svg"></div> </div> <!--END MAPA MENU--> </div> </div> </div> </li> <li class="nav-item dropdown list-images-dk"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-quehacer" aria-haspopup="true" aria-expanded="false"> <span>Que faire</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="quehacer" class="dropdown-menu" aria-labelledby="dropdown-quehacer"> <div class="container"> <button class="icon-close" aria-label='Fermer'><span></span></button> <div class="title-box mb-1"> <div class="title"><p>Des <strong>bons plans</strong> pour tous les goûts</p></div> <hr> </div> <a class="dropdown-item" href="/fr/art-culture/" title="Aller sur : Art et culture"> <img id="imgAct1" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sagrada-familia-c-jace-grandinetti-U167181.jpg" class="img-fluid img-menu" alt="Art et culture" title="Art et culture" /> <span>Art et culture</span> </a> <a class="dropdown-item" href="/fr/cotes-plages/" title="Aller sur : Côtes et plages"> <img id="imgAct2" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/shutterstock_740751832.jpg" class="img-fluid img-menu" alt="Côtes et plages" title="Côtes et plages" /> <span>Côtes et plages</span> </a> <a class="dropdown-item" href="/fr/villes/" title="Aller sur : Tourisme urbain"> <img id="imgAct3" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/alcala-madrid-s378537616.jpg" class="img-fluid img-menu" alt="Tourisme urbain" title="Tourisme urbain" /> <span>Tourisme urbain</span> </a> <a class="dropdown-item" href="/fr/nature/" title="Aller sur : Nature"> <img id="imgAct4" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/pn-garajonay-s381203209.jpg" class="img-fluid img-menu" alt="Nature" title="Nature" /> <span>Nature</span> </a> <a class="dropdown-item" href="/fr/cuisine-vins/" title="Aller sur : Gastronomie et œnologie"> <img id="imgAct5" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sepia-s103864166.jpg" class="img-fluid img-menu" alt="Gastronomie et œnologie" title="Gastronomie et œnologie" /> <span>Gastronomie et œnologie</span> </a> <a class="dropdown-item" href="/fr/sport-aventure/" title="Aller sur : Sport et aventure"> <img id="imgAct6" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-naturaleza-canarias-c-radek-u-zLWGDlOXCKs.jpg" class="img-fluid img-menu" alt="Sport et aventure" title="Sport et aventure" /> <span>Sport et aventure</span> </a> <a class="dropdown-item" href="/fr/shopping/" title="Aller sur : Achats"> <img id="imgAct7" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/compras-s343979471.jpg" class="img-fluid img-menu" alt="Shopping" title="Shopping" /> <span>Shopping</span> </a> <a class="dropdown-item" href="/fr/circuits/" title="Aller sur : Routes"> <img id="imgAct8" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/peregrino-santiago-s1465891958.jpg" class="img-fluid img-menu" alt="Routes" title="Routes" /> <span>Routes</span> </a> </div> </div> </li> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-info" aria-haspopup="true" aria-expanded="false"> <span>Planifiez votre voyage</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="info" class="dropdown-menu" aria-labelledby="dropdown-info"> <div class="container"> <button class="icon-close" aria-label='Fermer'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Préparez</strong> votre voyage en Espagne.</p></div> <hr> </div> <div class="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/region/costa-verde/" class="dropdown-item" id="locale-es"> Español</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/en/region/costa-verde/" class="dropdown-item" id="locale-en"> English</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/de/region/costa-verde/" class="dropdown-item" id="locale-de"> Deutsch</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/it/regione/costa-verde/" class="dropdown-item" id="locale-it"> Italiano</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/pt_BR/regiao/costa-verde/" class="dropdown-item" id="locale-pt_BR"> Português</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/ru/region/kosta-verde/" class="dropdown-item" id="locale-ru"> русский</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/pl/region/zielone-wybrzeze/" class="dropdown-item" id="locale-pl"> Polski</a> </li> <li class="nav-item"> <!----> <!----> <!----> <a href="/ja/chiiki/kosuta-berude/" class="dropdown-item" id="locale-ja"> 日本語</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/en/" class="dropdown-item hacerblank" id="locale-gcc_en">GCC (English)</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/ar/" class="dropdown-item hacerblank" id="locale-gcc_ar">مجلس التعاون الخليجي (عربي)</a> </li> <li class="nav-item"> <a href="https://www.visitspain.com.cn/" class="dropdown-item hacerblank" id="locale-gcc">中国</a> </li> </ul> </div> </li> </ul> </div> <div class="enlaces-utiles"> <div class="container"> <ul class="list"> <li class="list-item"> <a href="/fr/carte-interactive/" class="" > <span class="icon-map-marker"></span> <span class="text">Carte interactive</span> </a> </li> <li class="list-item"> <a href="/fr/preparer-voyage-espagne/" class="" > <span class="icon-mi-viaje"></span> <span class="text">Mon voyage idéal</span> </a> </li> <li class="list-item"> <a href="/fr/app/favoris/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">Mes favoris</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterFrances.aspx" class="hacerblank" rel="nofollow" > <span class="icon-mail-social"></span> <span class="text">Bulletin</span> </a> </li> </ul> </div> </div> </div> </nav> </div> </div></header><main> <div id="cuerpo" ><div> <section class="cabecera pano img-portada-container bg-cover layer-dark-shadow centered"> <!--<a href='https://travelsafe.spain.info/fr/' class="cabecera-aviso hacerblank aviso-a"> <div class="wrapper-aviso"> <p class="text"><span class="text-color">Travel </span><span class="primary-color">Safe</span></p> <span class="description consejos">Conseils pour voyager en toute sécurité</span> <span class="description d-block secondary-color font-weight-bolder">Dernières nouvelles</span> </div> </a>--> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/costa-verde-cudillero-asturias-playa-silencio-s1188994426.jpg_604889389.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/costa-verde-cudillero-asturias-playa-silencio-s1188994426.jpg_1014274486.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/costa-verde-cudillero-asturias-playa-silencio-s1188994426.jpg_78431701.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/costa-verde-cudillero-asturias-playa-silencio-s1188994426.jpg_604889389.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/costa-verde-cudillero-asturias-playa-silencio-s1188994426.jpg_1014274486.jpg' class='img-fluid img-editable' alt='Vue de Cudillero' title='Vue de Cudillero'><div class="title-container container"> <div class="wrapper-title text-white"> <h1 class="titulo-portada custom-title container-fluid text-white">Costa Verde</h1> </div> <div class="infoImg left left-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Vue de Cudillero</span> <span class="copy_container"> <span class="copy_texto"></span> <span class="foto_copy_fade"></span> </span> </span> </div> <div class="location position-absolute d-none d-sm-block" > <div class="wrapper"> <img src="/export/sites/segtur/.content/mapas/mapa-cabecera/costa-verde_mapa-mini-cabecera.png" class="img-fluid" title="" alt=""> <div class="text-white text-location"> <p>Costa Verde</p> </div> </div> </div> </div> <div class="lista-destinos"> <span id="costa-verde">costa-verde</span> </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-4 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> <li class="breadcrumb-item"><a class="breadcrumb-link" href="/fr/cotes-plages/" target="_self" title="" >Côtes et plages</a></li> </ol> </nav> </div> <div class="col-sm-8 text-right"> </div> </div> </div> </section> <section class="module entradilla"> <div class="container"> <div class="row"> <div class="col-md-8"> <p class="text-destacado"> Les eaux de la mer Cantabrique baignent la côte des Asturies sur 350 km, jusqu'à se fondre avec les prairies et falaises du littoral.</p> <p class="text-destacado"> </p> <p class="text-secundario"> La nature, la mer et les villages côtiers composent ce paysage idyllique que les amateurs de sport, de plage ou de bonne chère sauront apprécier.</p> <div id="text-hidden-1" class="text-secundario collapse"> <p class="title ">Un parcours le long du littoral</p> <p class="text-secundario"> La verdure de ses prairies, les bleus intenses de sa côte et le sable doré de ses plages fascinent le voyageur. Entre chaque plage, vous découvrirez des villes côtières pleines de charme. Les tons jaunes, rouges et bleus se mêlent aux maisons blanches de ces villages de pêcheurs. Bienvenue à C<strong>udillero, Llanes, Luarca, Candás et Luanco</strong>, où la mer tient le premier rôle. Nous vous recommandons de vous promener sur les fronts de mer de ces villages pour contempler la beauté de la mer Cantabrique. Si vous préférez l’action, les Asturies sont une destination idéale pour pratiquer les <strong>sports nautiques</strong>. Préparez votre planche à voile, car les plages de Tapia de Casariego, Gozón et Salinas sont idéales pour sillonner les eaux de la mer Cantabrique.<span class="br"></span> En vous levant tôt, vous pourrez voir les bateaux de pêche entrer dans le port. C’est le moment où la pêche du jour arrive à la criée et imprègne l’atmosphère d’arômes salins. Offrez-vous ensuite un festin et découvrez la<strong> gastronomie des Asturies</strong>. Les poissons à la braise et fruits de mer, comme le hérisson de mer ou le bugre – homard –, sont proposés au même titre que des plats mijotés tels que la fabada asturiana (plat à base de haricots secs) ou d'excellents fromages.</p> <p class="title ">L’autre facette des Asturies</p> <p class="text-secundario"> Poursuivez votre visite en vous enfonçant dans l’intérieur des terres. L'histoire et les montagnes vous donnent la bienvenue dans une région où rien ne manque. Ce paradis naturel intérieur commence dans les <strong>Pics d’Europe</strong>, un parc national dans lequel vit, entre autres, l’emblème de la région : l’ours brun. Dans ce parc, vous trouverez également l’un des grands joyaux historiques et architecturaux des Asturies, le site <strong>royal de Covadonga</strong>.<span class="br"></span> Au fur et à mesure que vous descendrez de la montagne, vous verrez les rivières baigner les vallées de la région. C’est dans l’une d’entre elles que se trouve l’imposante ville d’<strong>Oviedo</strong> et ses monuments historiques, tels que le théâtre Campoamor, sa cathédrale et le palais Santa María del Naranco, un exemple d’architecture pré-romane.<span class="br"></span> Elle abrite également des constructions de style « indiano ». En effet, les émigrés espagnols qui partirent faire fortune en Amérique latine firent construire des bâtiments pourvus de porches, de balcons et de couleurs qui transformèrent l’aspect de nombreux villages et villes. Si vous vous intéressez au <strong>chemin de Compostelle</strong>, sachez qu’à son passage par les Asturies, il prend le nom de chemin primitif. Vous pouvez le parcourir entre Oviedo et <strong>Saint-Jacques-de-Compostelle</strong>.</p> </div> <div class="pb-3"> <a data-toggle="collapse" href="#text-hidden-1" id="entradillaLeer" role="button" aria-expanded="false" aria-controls="text-hidden-1" class="link-standard">Lire la suite</a> <a data-toggle="collapse" href="#text-hidden-1" id="entradillaCerrar" role="button" aria-expanded="true" aria-controls="text-hidden-1" class="link-standard noned">Fermer</a> </div> </div> <div class="col-md-4 col-lg-3 offset-lg-1"> <div class="wrapper-botones"> <div id="acordeones-compartir" class="accordion"> <div class="item"> <div class="item-header" id="headingOne"> <button class="btn text-uppercase" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> <span class="icon-share"></span>Partager</button> </div> <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#acordeones-compartir"> <div class="item-body"> <nav class="wrapper-icons-inline"> <ul class="list d-block"> <li class="list-item py-1 pl-0 pr-1"><a href="https://www.facebook.com/sharer.php?u=https://www.spain.info/fr/region/costa-verde/" class="item-link hacerblank" rel="nofollow"><span class="icon-facebook"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">Facebook</span></a></li> <li class="list-item py-1 pl-0 pr-1"><a href="https://twitter.com/share?url=https://www.spain.info/fr/region/costa-verde/" class="item-link hacerblank" rel="nofollow"><span class="icon-xicon1"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">Twitter</span></a></li> <li class="list-item py-1 pl-0 pr-1"><a href="/fr/app/envoyer-a-un-ami/?id=2451c7b7-fef6-11e9-813b-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">Adresse électronique</span></a></li> <li class="list-item download-wrapper py-1 pl-0 pr-1"> <button class="sguardar item-link item-body d-flex align-items-center"> <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 id="save_btn" class="btn text-uppercase pl-3 bg-transparent">Téléchargement hors connexion</span> </button> </li> </ul> </nav> </div> </div> </div> <div class="item"> <input id="fav-id"type="hidden" value="2451c7b7-fef6-11e9-813b-0242ac110003"> <noscript> <div style="display:none"> </noscript> <div class="item-header"> <div id="fav-status"> <div id="no-fav" class="noned"> <a class="btn text-uppercase" type="button" data-toggle="collapse" data-target="#collapseTwofav" aria-expanded="false" aria-controls="collapseOne" rel="nofollow"><span class="icon-like"></span>Enregistrer le favori</a> </div> <div id="has-fav" class="noned"> <a id="elim-fav" class="btn text-uppercase" rel="nofollow" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne"><span class="icon-like-active"></span>Supprimer le favori</a> </div> </div> </div> <div id="collapseTwofav" class="collapse" aria-labelledby="favor-status-"> <div class="item-body"> <div class="bg-light-gray px-4"> <a class="bullet primary" href="/fr/app/favoris/" rel="nofollow">Aller à mes favoris</a> </div> </div> </div> <noscript> </div> </noscript> <noscript> <p>Debe activar Javascript para poder utilizar este servicio</p> </noscript> </div> </div> </div> </div> </div> </div> </section> <section class="module-positioned d-none d-md-block"> <div class="module"> <div class="container"> <div class="title-box "> </div></div> <div class="position-relative caja-mapa"> <div class="container"> <div class="mapinfo list-arrow"> <ul id="idMaplist" class="list"> </ul> </div> </div> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ //MAPA LEAFLET: if( $('.leaf-map').length){ "use strict"; // Create or retrieve the data var lugares =[{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/llanes-asturias-puerto-s169294469.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/llanes-asturias-puerto-s169294469.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/llanes-asturias-puerto-s169294469.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/llanes-asturias-puerto-s169294469.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/llanes-asturias-puerto-s169294469.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Port de Llanes (Asturies)\u0027 title=\u0027Port de Llanes (Asturies)\u0027>","name":"Llanes","description":"Llanes est une petite ville historique. Son vieux centre, déclaré ensemble historique et artistique, abrite d\u2019importants exemples d\u2019architecture\u2026","imageCopyright":"","href":"/fr/destination/llanes/","imageAlt":"Port de Llanes (Asturies)","latLng":[43.4223258802973,-4.75442084349215]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luanco-asturias-s751023205.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luanco-asturias-s751023205.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luanco-asturias-s751023205.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luanco-asturias-s751023205.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luanco-asturias-s751023205.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Luanco, dans les Asturies\u0027 title=\u0027Luanco, dans les Asturies\u0027>","name":"Luanco","description":"La localité marine de Luanco, à moins de 40 kilomètres d\u0027Oviedo, se distingue par son ensemble historique et ses belles plages, baignées par la mer\u2026","imageCopyright":"","href":"/fr/destination/luanco/","imageAlt":"Luanco, dans les Asturies","latLng":[43.613978895747,-5.79266087135842]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luarca-asturias-s535455910.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luarca-asturias-s535455910.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luarca-asturias-s535455910.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luarca-asturias-s535455910.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luarca-asturias-s535455910.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Vue de Luarca, dans les Asturies\u0027 title=\u0027Vue de Luarca, dans les Asturies\u0027>","name":"Luarca","description":"Caché sur la côte asturienne, Luarca est un village paisible, aux maisons blanchies, qui conserve tout le charme et l\u0027intérêt de sa tradition de\u2026","imageCopyright":"","href":"/fr/destination/luarca/","imageAlt":"Vue de Luarca, dans les Asturies","latLng":[43.5431060297745,-6.53444669200988]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cabo-penas-asturias-s80903209.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cabo-penas-asturias-s80903209.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cabo-penas-asturias-s80903209.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cabo-penas-asturias-s80903209.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cabo-penas-asturias-s80903209.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Falaises de Cabo de Peñas (Asturies)\u0027 title=\u0027Falaises de Cabo de Peñas (Asturies)\u0027>","name":"Cabo de Peñas","description":"Le Cabo de Peñas, classé Paysage Protégé, est un surprenant bras de terre qui s\u0027avance dans le Golfe de Gascogne, au centre de la côte asturienne.","imageCopyright":"","href":"/fr/destination/cabo-penas/","imageAlt":"Falaises de Cabo de Peñas (Asturies)","latLng":[43.6403314889053,-5.84124003009542]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cudillero-s235755028.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cudillero-s235755028.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cudillero-s235755028.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cudillero-s235755028.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cudillero-s235755028.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Cudillero. Asturies\u0027 title=\u0027Cudillero. Asturies\u0027>","name":"Cudillero","description":"Cudillero est un petit port de pêche pittoresque niché à flanc de montagne.\u2026","imageCopyright":"","href":"/fr/destination/cudillero/","imageAlt":"Cudillero. Asturies","latLng":[43.5622533962091,-6.14637681389015]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/ribadesella-s492499771.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/ribadesella-s492499771.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/ribadesella-s492499771.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/ribadesella-s492499771.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/ribadesella-s492499771.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Vue panoramique de Ribadesella, dans les Asturies\u0027 title=\u0027Vue panoramique de Ribadesella, dans les Asturies\u0027>","name":"Ribadesella","description":"L\u0027urbanisme de Ribadesella est dicté par un pont qui divise son port de pêche en deux.\u2026","imageCopyright":"","href":"/fr/destination/ribadesella/","imageAlt":"Vue panoramique de Ribadesella, dans les Asturies","latLng":[43.4620885500872,-5.05882827793043]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/puerto_gijon_s26096851.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/puerto_gijon_s26096851.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/puerto_gijon_s26096851.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/puerto_gijon_s26096851.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/puerto_gijon_s26096851.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Port de Gijón (Asturies)\u0027 title=\u0027Port de Gijón (Asturies)\u0027>","name":"Gijón","description":"Sur les bords de la mer Cantabrique, Gijón propose une association séduisante de saveur marine, patrimoine architectural et urbanisme moderne\u2026","imageCopyright":"","href":"/fr/destination/gijon/","imageAlt":"Port de Gijón (Asturies)","latLng":[43.5533981550646,-5.69082353511477]}]; var listMarkersLatLong = []; //custom marker: var customMarker = L.icon({ iconUrl: '/export/system/modules/es.segittur.comun/resources/img/custom-marker.png', iconSize: [38, 38], // size of the icon iconAnchor: [20, 20], // point of the icon which will correspond to marker's location popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor }); var group = L.layerGroup(), list = document.getElementById('idMaplist'); // Create the map var map = new L.map('map', { center: new L.LatLng(40.4149903, -3.70447,15), scrollWheelZoom: false, maxZoom: 18, minZoom : 3, maxBounds: [ [90,-180], [-90, 180]], maxBoundsViscosity: 1.0, zoomControl: false, attribution: 'Map data © <a href="//openstreetmap.org" target="_blank">OpenStreetMap</a> contributors', layers: new L.TileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Map data © <a href="//openstreetmap.org" target="_blank">OpenStreetMap</a> contributors' }) }); // Loop through the data L.control.zoom({ position: 'bottomright' }).addTo(map); //f() para habitar wheelzoom cuando se hace click en mapa. // map.on('click', function() { // if (map.scrollWheelZoom.enabled()) { // map.scrollWheelZoom.disable(); // } // else { // map.scrollWheelZoom.enable(); // } // }); function markerOnClick(e,accesoList){ var literalVM = "Lire la suite"; var latlngMarker; var indice = 0; var encontrado = false; if (accesoList){ latlngMarker = e.getLatLng(); }else{ latlngMarker = e.latlng; } listMarkersLatLong.forEach(function (puntoAux,index) { if (latlngMarker == puntoAux){ encontrado = true; indice = index; return false; } }); if (encontrado){ var punto = lugares[indice]; if (null != punto){ var imgSrc = punto.src; if (null != punto.imageThumb && "" != punto.imageThumb){ imgSrc = punto.imageThumb; } var copyHtml = ""; if (null != punto.imageCopyright && "" != punto.imageCopyright){ copyHtml = "<div class='infoImg right right-top text-white'><span id='infoCont-4' class='infoCont hidden'><span id='info_title'>" + punto.imageAlt + "</span><span class='copy_container'><span class='copy_ico'><span>©</span></span><span class='copy_texto'>" + punto.imageCopyright + "</span><span class='foto_copy_fade'></span></span></span></div>"; } if(punto.href != ""){ var popup = L.popup({ offset: [244, 244] }) .setLatLng(punto.latLng) .setContent("<a href='"+ punto.href +"'><div class='mytooltipwrapper yes-img layer-dark-shadow zoom-in'>" + imgSrc + "<div class='wrapper-text text-white'><p class='title'>"+ punto.name +"</p><p class='description'>"+ punto.description +"</p></div></div></a>") .openOn(map); }else{ var popup = L.popup({ offset: [281, 60] }) .setLatLng(punto.latLng) .setContent("<div class='mytooltipwrapper no-img'><div class='bg-light'></div><div class='wrapper-text'><p class='title'>"+ punto.name +"</p></div></div>") .openOn(map); } var titulo = punto.name; // console.log(lugares); } } // if( $('.mapinfo li.active').length ){ // $('.mapinfo li.active').removeClass('active'); // } $('.mapinfo li.item-'+punto.marker_id+'').addClass('reactive'); if( $('.mytooltipwrapper').hasClass('no-img')){ $('.mytooltipwrapper.no-img').parent('.leaflet-popup-content').parent('.leaflet-popup-content-wrapper').parent('.leaflet-popup').find('.leaflet-popup-close-button').addClass('close-noimg'); } } let arrayOfMarkers = []; lugares.forEach(function (punto) { marker = L.marker(punto.latLng, { icon: customMarker }).on('click', markerOnClick); // Add each marker to the group listMarkersLatLong.push(marker.getLatLng()); group.addLayer(marker); // Save the ID of the marker with it's data punto.marker_id = group.getLayerId(marker); arrayOfMarkers.push(punto.latLng); }); // Add the group to the map group.addTo(map); // Click handler for handling var bounds = new L.LatLngBounds(arrayOfMarkers); map.fitBounds(bounds); function onClick(data) { marker_id = data.marker_id; marker = group.getLayer(marker_id); markerOnClick(marker,true); map.panTo(marker.getLatLng()); } // Append list items var item; lugares.forEach(function (punto) { item = document.createElement('li'); item.setAttribute("class", "item-"+punto.marker_id+""); item.innerHTML = punto.name; item.addEventListener('click', onClick.bind(null, punto)); list.appendChild(item); }); map.on('popupclose', function(e){ $('.mapinfo li.reactive').removeClass('reactive'); $('.mapinfo li.active').removeClass('active'); }); if(''=='Ruta urbana'){ var firstElement = lugares[0]; if(firstElement!=null){ var imgSrc = firstElement.src; if (null != firstElement.imageThumb && "" != firstElement.imageThumb){ imgSrc = firstElement.imageThumb; } var copyHtml = ""; if (null != firstElement.imageCopyright && "" != firstElement.imageCopyright){ copyHtml = "<div class='infoImg right right-top text-white'><span id='infoCont-4' class='infoCont hidden'><span id='info_title'>" + firstElement.imageAlt + "</span><span class='copy_container'><span class='copy_ico'><span>©</span></span><span class='copy_texto'>" + firstElement.imageCopyright + "</span><span class='foto_copy_fade'></span></span></span></div>"; } if(firstElement.href != ""){ var popup = L.popup({ offset: [244, 244] }) .setLatLng(firstElement.latLng) .setContent("<a href='"+ firstElement.href +"'><div class='mytooltipwrapper yes-img layer-dark-shadow zoom-in'>" + imgSrc + "<div class='wrapper-text text-white'><p class='title'>"+ firstElement.name +"</p><p class='description'>"+ firstElement.description +"</p></div></div></a>") .openOn(map); }else{ var popup = L.popup({ offset: [281, 60] }) .setLatLng(firstElement.latLng) .setContent("<div class='mytooltipwrapper no-img'><div class='bg-light'></div><div class='wrapper-text'><p class='title'>"+ firstElement.name +"</p></div></div>") .openOn(map); } var titulo = firstElement.name; } map.panTo(new L.LatLng(firstElement.latLng[0], firstElement.latLng[1])); $('.mapinfo li.item-'+firstElement.marker_id+'').addClass('reactive'); if( $('.mytooltipwrapper').hasClass('no-img')){ $('.mytooltipwrapper.no-img').parent('.leaflet-popup-content').parent('.leaflet-popup-content-wrapper').parent('.leaflet-popup').find('.leaflet-popup-close-button').addClass('close-noimg'); } } } }); //]]> </script> <noscript> <p>Activa JS</p> </noscript> <div id="map" class="leaf-map leaft-popup-custom-close"></div></div> </div> </section> <div> <section class="module d-customdk-none waaslider"> <div class="container"> <div class="title-box "> </div><div class="mask-mobile"> <div class="carousel-swipe carousel-numbered" id=''> <a href='/fr/destination/llanes/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/llanes-asturias-puerto-s169294469.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-1"> <p class="title text-white">Llanes</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/asturias_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Carte avec localisation"> </div> </a> <a href='/fr/destination/luanco/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luanco-asturias-s751023205.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-2"> <p class="title text-white">Luanco</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/asturias_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Carte avec localisation"> </div> </a> <a href='/fr/destination/luarca/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/luarca-asturias-s535455910.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-3"> <p class="title text-white">Luarca</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/asturias_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Carte avec localisation"> </div> </a> <a href='/fr/destination/cabo-penas/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cabo-penas-asturias-s80903209.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-4"> <p class="title text-white">Cabo de Peñas</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/asturias_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Carte avec localisation"> </div> </a> <a href='/fr/destination/cudillero/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cudillero-s235755028.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-5"> <p class="title text-white">Cudillero</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/asturias_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Carte avec localisation"> </div> </a> <a href='/fr/destination/ribadesella/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/ribadesella-s492499771.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-6"> <p class="title text-white">Ribadesella</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/asturias_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Carte avec localisation"> </div> </a> <a href='/fr/destination/gijon/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/puerto_gijon_s26096851.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-7"> <p class="title text-white">Gijón</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/asturias_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Carte avec localisation"> </div> </a> </div> </div> </div> </section> </div><div> <section class="module"> <div class="container"> <div class="title-box "> <span class="subtitle">Où aller</span> <p class="title"><strong>Visites</strong> incontournables</p> <hr> </div></div> <div id='slider-cards-1'> <div class="container position-relative"> <div class="row"> <div class="wrapper-card col-md-4"> <a href='/fr/curiosites/grotte-tito-bustillo/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cueva_tito_bustillo_interior_ribadesella_t3301037.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cueva_tito_bustillo_interior_ribadesella_t3301037.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cueva_tito_bustillo_interior_ribadesella_t3301037.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cueva_tito_bustillo_interior_ribadesella_t3301037.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/cueva_tito_bustillo_interior_ribadesella_t3301037.jpg_1337655923.jpg' class='img-fluid lazy' alt='' title=''><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Grotte de Tito Bustillo</h2> <p class="description-secondary">Elles se trouvent dans un ensemble de grottes paléolithiques.</p> </div> </div> </a> </div> <div class="wrapper-card col-md-4"> <a href='/fr/curiosites/palais-revillagigedo/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/palacio_revillagigedo_gijon_t3300152.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/palacio_revillagigedo_gijon_t3300152.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/palacio_revillagigedo_gijon_t3300152.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/palacio_revillagigedo_gijon_t3300152.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/palacio_revillagigedo_gijon_t3300152.jpg_1337655923.jpg' class='img-fluid lazy' alt='' title=''><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Palais de Revillagigedo</h2> <p class="description-secondary">Il est accolé à la collégiale San Juan Bautista.</p> </div> </div> </a> </div> <div class="wrapper-card col-md-4"> <a href='/fr/curiosites/thermes-romains-lugo/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg' data-srcset='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_1337655923.jpg' class='img-fluid lazy' alt='Monumento' title='Monumento'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Thermes romains</h2> <p class="description-secondary">Ces thermes romains, situés à l’intérieur de la station thermale…</p> </div> </div> </a> </div> </div> </div> </div> </section> </div><div> <div> <section class="module-destacado"> <section class="destacado bg-pattern-1"> <div class="album"> <div class="custom-container"> <section class="module destacados positioned"> <div class="container"> <div class="title-box "> <span class="subtitle">Que faire</span> <p class="title"><strong>Des idées pour votre voyage</strong></p> <hr> </div><div class="row"> <div class="col-md-4"> <a class="position-relative wrapper zoom-in layer-dark-shadow bottom d-block bg-cover" href="/fr/curiosites/casino-llanes/"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/casino_llanes_asturias_c_karsol_s_512562532.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/casino_llanes_asturias_c_karsol_s_512562532.jpg_428131509.jpg 450w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/casino_llanes_asturias_c_karsol_s_512562532.jpg_464878315.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/casino_llanes_asturias_c_karsol_s_512562532.jpg_45004101.jpg 480w' sizes='(max-width: 480px) 450px, (max-width: 768px) 510px, 480px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/casino_llanes_asturias_c_karsol_s_512562532.jpg_428131509.jpg' class='lazy img-fluid img-editable' alt='' title=''><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span id="info_title"> </span> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> <div class="position-absolute content left bottom text-white w-100"> <p>Casino de Llanes</p> </div> </a> </div> <div class="col-md-4"> <a class="position-relative wrapper zoom-in layer-dark-shadow bottom d-block bg-cover" href="/fr/plage/san-lorenzo-gijon/"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-san-lorenzo-gijon-asturias-s95669074.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-san-lorenzo-gijon-asturias-s95669074.jpg_428131509.jpg 450w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-san-lorenzo-gijon-asturias-s95669074.jpg_464878315.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-san-lorenzo-gijon-asturias-s95669074.jpg_45004101.jpg 480w' sizes='(max-width: 480px) 450px, (max-width: 768px) 510px, 480px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-san-lorenzo-gijon-asturias-s95669074.jpg_428131509.jpg' class='lazy img-fluid img-editable' alt='Plage de San Lorenzo dans la province de Gijón, Asturies' title='Plage de San Lorenzo dans la province de Gijón, Asturies'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span id="info_title"> </span> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> <div class="position-absolute content left bottom text-white w-100"> <p>Plage : San Lorenzo (province de Gijón)</p> </div> </a> </div> <div class="col-md-4"> <a class="position-relative wrapper zoom-in layer-dark-shadow bottom d-block bg-cover" href="/fr/plage/santa-marina-ribadesella/"> <img data-src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg' data-srcset='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_428131509.jpg 450w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_464878315.jpg 510w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_45004101.jpg 480w' sizes='(max-width: 480px) 450px, (max-width: 768px) 510px, 480px' src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_428131509.jpg' class='lazy img-fluid img-editable' alt='Playa' title='Playa'><!-- <div class="infoImg right right-top"> --> <!-- <span id="infoCont-4" class="infoCont hidden"> --> <!-- <span id="info_title"> </span> --> <!-- <span class="copy_container"> --> <!-- <span class="copy_ico"> --> <!-- <span>©</span> --> <!-- </span> --> <!-- <span class="foto_copy_fade"></span> --> <!-- </span> --> <!-- </span> --> <!-- </div> --> <div class="position-absolute content left bottom text-white w-100"> <p>Plage: Santa Marina</p> </div> </a> </div> </div> </div> </section> </div> </div> </section> </section> </div></div><div class="bg-cover"> <section class="module banner-img-bg"> <div class="bg-cover"> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-generico.jpg" alt="banner" class="img-editable img-fluid" style="display: none;"> <div class="container"> <div class="wrapper-cta"> <div class="title-box"> <span class="subtitle">EXPÉRIENCES</span> <p class="title">Réservez</p> <hr> <p class="description d-none d-sm-block">Choisissez parmi des milliers d’activités pour passer des vacances inoubliables.</p> </div> <a href="/fr/resultats-recherche/?tab=e&exp=true&loc=CBP" class="btn btn-white text-uppercase" rel="nofollow">Lire la suite</a> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-generica-mb.jpg" alt="banner" class="img-fluid d-md-none"> </div> </div> </div> </section> </div></div></div><div id="extra" ></div><div id="form-errores" ></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/region/costa-verde/" 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/region/costa-verde/" 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=2451c7b7-fef6-11e9-813b-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><script type='application/ld+json'>{"@context":"http://www.schema.org","@type":"TouristDestination","name":"Costa Verde","url":"https://www.spain.info/fr/region/costa-verde/","description":"Les eaux de la mer Cantabrique baignent la côte des Asturies sur 350 km, jusqu'à se fondre avec les prairies et falaises du littoral.","image":"https://www.spain.info/.content/imagenes/cabeceras-grandes/asturias/costa-verde-cudillero-asturias-playa-silencio-s1188994426.jpg","address":{"@type":"PostalAddress","streetAddress":" - Asturies Principauté des Asturies","addressLocality":"-","addressRegion":"Principauté des Asturies"}}</script> </body> </html>