Le climat en Espagne

<!DOCTYPE html> <html class="no-js" lang="fr"> <head> <script type="text/javascript"> var texto = "(S'ouvre dans une nouvelle fenêtre)"; </script> <link rel='manifest' href='/manifest.json?loc=fr'> <link rel="apple-touch-icon" href="/export/sites/segtur/.content/images/logo192.png"> <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="stylesheet" href="https://use.typekit.net/kmb1yfs.css"> <link rel="stylesheet" href="https://use.typekit.net/wip1dnr.css"> <link rel="preload" href="/export/system/modules/es.segittur.comun/resources/fonts/mega_fresh-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style.min.css?tmp=20241105"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style-cookies.css"> <link rel="dns-prefetch" href="https://a.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://b.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://c.tile.openstreetmap.se" /> <title>Le climat en Espagne | spain.info</title> <meta name="description" content='Consultez la météo de chaque ville et village en Espagne. Prévision météorologique en Espagne sur le portail du tourisme en Espagne | spain.info'/> <link rel="alternate" href="https://www.spain.info/de/wetter/" hreflang="de"/> <link rel="alternate" href="https://www.spain.info/ru/pogoda/" hreflang="ru"/> <link rel="alternate" href="https://www.spain.info/ja/kikou/" hreflang="ja"/> <link rel="alternate" href="https://www.spain.info/en/weather/" hreflang="en"/> <link rel="alternate" href="https://www.spain.info/pt_BR/tempo/" hreflang="pt"/> <link rel="alternate" href="https://www.spain.info/it/clima/" hreflang="it"/> <link rel="alternate" href="https://www.spain.info/pl/pogoda/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/meteo/" hreflang="fr"/> <link rel="canonical" href="https://www.spain.info/fr/meteo/"/> <link rel="alternate" href="https://www.spain.info/es/tiempo/" hreflang="es"/> <meta property="og:url" content='https://www.spain.info/fr/meteo/'/> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <script async="async" type="text/javascript" data-insuit-id="insuitlaunch" src="https://www--spain--info.insuit.net/i4tservice/insuit-app.js"></script> <style type="text/css"> #x-insuit-container #x-insuit-bar-container #x-insuit-content-bar, #x-insuit-container #x-insuit-bar-container #x-insuit-bar-tools, #x-insuit-container #x-insuit-bar-container .x-insuit-option-text, #x-insuit-container #x-insuit-bar-container *, #x-insuit-container #x-insuit-pdf-viewer-container, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar * { background: #021F3C; } #x-insuit-container * { font-family: stolzl, sans-serif; } </style> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N7W4FXW');</script> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7W4FXW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="gtmDin"></div> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'url-es':'/es/tiempo/', 'tipo-recurso': 'subhome', 'tipo-plantilla': '', 'eje-primario': 'Planifica tu viaje', 'eje-secundario': 'El tiempo' }); </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.8"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <header class="header"> <div id="cabecera" ><div> <nav class="navbar navbar-expand-custom"> <a class="navbar-brand" href="/fr/"> <img src="/export/sites/segtur/.content/images/logo_espana_menu.png" alt="Spain.info" class="img-fluid"></a> <p class="claim ">Portail officiel du tourisme en Espagne</p> <button id="open-buscador" class="btn-lupa collapsed"><span class="icon-search animunderline" aria-label='Rechercher'></span></button> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainMenu" aria-controls="mainMenu" aria-expanded="false" aria-label="Toggle navigation"> <span> </span> <span> </span> <span> </span> </button> <div class="form-inline buscador-general"> <div class="container">  <button class="icon-close" aria-label='Fermer'><span></span></button> <form action="/fr/resultats-recherche/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="Rechercher" xml:lang="es" class="sr-only">Rechercher</label> <input name="q" class="form-control input-visible" type="search" placeholder="Rechercher" aria-label="Rechercher"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="Rechercher"> </fieldset> </form> </div> </div> <div class="collapse navbar-collapse" id="mainMenu"> <ul class="navbar-nav menu-items"> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-dondeir" aria-haspopup="true" aria-expanded="false"> <span>Où aller</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="mapamenu" class="dropdown-menu mapamenu list-sync-resource mapa-switch" aria-labelledby="dropdown-dondeir"> <div class="container"> <button class="icon-close" aria-label='Fermer'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Découvrez</strong> nos destinations</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/fr/destination/madrid/" id="list-mdn-madrid" class="dropdown-item active "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Madrid</a> </li> <li> <a href="/fr/destination/barcelone/" id="list-mdn-barcelona" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Barcelone</a> </li> <li> <a href="/fr/destination/valence/" id="list-mdn-valencia" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Valence</a> </li> <li> <a href="/fr/destination/seville/" id="list-mdn-sevilla" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Séville</a> </li> <li> <a href="/fr/destination/saragosse/" id="list-mdn-zaragoza" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Saragosse</a> </li> <li> <a href="/fr/destination/malaga/" id="list-mdn-malaga" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Malaga</a> </li> <li> <a href="/fr/destination/bilbao/" id="list-mdn-bilbao" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Bilbao</a> </li> <li> <a href="/fr/destination/saint-jacques-compostelle/" id="list-mdn-santiago-de-compostela" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Saint-Jacques-de-Compostelle</a> </li> <li> <a href="/fr/destination/salamanque/" id="list-mdn-salamanca" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Salamanque</a> </li> <li> <a href="/fr/destination/santander/" id="list-mdn-santander" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santander</a> </li> <li> <a href="/fr/destination/caceres/" id="list-mdn-caceres" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Cáceres</a> </li> <li> <a href="/fr/region/iles-canaries/" id="list-mdn-islas-canarias" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Îles Canaries</a> </li> <li> <a href="/fr/region/iles-baleares/" id="list-mdn-islas-baleares" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Îles Baléares</a> </li> <li> <a href="/fr/ou-aller/" class="dropdown-item d-block d-customdk-none">Voir toutes les destinations</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/fr/resultats-recherche/"> <fieldset> <input type="hidden" value="SEG-TUR-Destino" name="typeFilter"> <input type="hidden" value="" name="reloaded"> <label lang="es" for="buscadorDestinos" xml:lang="es" class="sr-only">Moteur de recherche de destinations</label> <input name="q" class="form-control input-visible" type="search" placeholder="CHERCHER D’AUTRES DESTINATIONS" aria-label="CHERCHER D’AUTRES DESTINATIONS"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="CHERCHER D’AUTRES DESTINATIONS"> </fieldset> </form> <a href="/fr/ou-aller/" class="btn btn-dark text-uppercase">Voir toutes les destinations</a> </div> </div> <div class="wrapper-recurso-menu mapa-menu">  <div class="wrapper-menu-map d-none d-xl-block"> <div class="menuholder" data-lang="fr" data-path="mapa_00_mapa-menu-destinos.svg"></div> </div>  </div> </div> </div> </li> <li class="nav-item dropdown list-images-dk"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-quehacer" aria-haspopup="true" aria-expanded="false"> <span>Que faire</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="quehacer" class="dropdown-menu" aria-labelledby="dropdown-quehacer"> <div class="container"> <button class="icon-close" aria-label='Fermer'><span></span></button> <div class="title-box mb-1"> <div class="title"><p>Des <strong>bons plans</strong> pour tous les goûts</p></div> <hr> </div> <a class="dropdown-item" href="/fr/art-culture/" title="Aller sur : Art et culture"> <img id="imgAct1" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sagrada-familia-c-jace-grandinetti-U167181.jpg" class="img-fluid img-menu" alt="Art et culture" title="Art et culture" /> <span>Art et culture</span> </a> <a class="dropdown-item" href="/fr/cotes-plages/" title="Aller sur : Côtes et plages"> <img id="imgAct2" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/shutterstock_740751832.jpg" class="img-fluid img-menu" alt="Côtes et plages" title="Côtes et plages" /> <span>Côtes et plages</span> </a> <a class="dropdown-item" href="/fr/villes/" title="Aller sur : Tourisme urbain"> <img id="imgAct3" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/alcala-madrid-s378537616.jpg" class="img-fluid img-menu" alt="Tourisme urbain" title="Tourisme urbain" /> <span>Tourisme urbain</span> </a> <a class="dropdown-item" href="/fr/nature/" title="Aller sur : Nature"> <img id="imgAct4" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/pn-garajonay-s381203209.jpg" class="img-fluid img-menu" alt="Nature" title="Nature" /> <span>Nature</span> </a> <a class="dropdown-item" href="/fr/cuisine-vins/" title="Aller sur : Gastronomie et œnologie"> <img id="imgAct5" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sepia-s103864166.jpg" class="img-fluid img-menu" alt="Gastronomie et œnologie" title="Gastronomie et œnologie" /> <span>Gastronomie et œnologie</span> </a> <a class="dropdown-item" href="/fr/sport-aventure/" title="Aller sur : Sport et aventure"> <img id="imgAct6" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-naturaleza-canarias-c-radek-u-zLWGDlOXCKs.jpg" class="img-fluid img-menu" alt="Sport et aventure" title="Sport et aventure" /> <span>Sport et aventure</span> </a> <a class="dropdown-item" href="/fr/shopping/" title="Aller sur : Achats"> <img id="imgAct7" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/compras-s343979471.jpg" class="img-fluid img-menu" alt="Shopping" title="Shopping" /> <span>Shopping</span> </a> <a class="dropdown-item" href="/fr/circuits/" title="Aller sur : Routes"> <img id="imgAct8" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/peregrino-santiago-s1465891958.jpg" class="img-fluid img-menu" alt="Routes" title="Routes" /> <span>Routes</span> </a> </div> </div> </li> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-info" aria-haspopup="true" aria-expanded="false"> <span>Planifiez votre voyage</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="info" class="dropdown-menu" aria-labelledby="dropdown-info"> <div class="container"> <button class="icon-close" aria-label='Fermer'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Préparez</strong> votre voyage en Espagne.</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/fr/a-propos-espagne/" id="info-1" class="dropdown-item active"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>À propos de l'Espagne</a> </li> <li> <a href="/fr/infos/" id="info-2" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Informations pratiques</a> </li> <li> <a href="/fr/comment-se-rendre/" id="info-3" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Comment se rendre en Espagne</a> </li> <li> <a href="/fr/comment-se-deplacer/" id="info-4" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Comment voyager en Espagne</a> </li> <li> <a href="/fr/activites/" id="info-5" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Réservez vos expériences</a> </li> <li> <a href="/fr/planificateur-itineraires/" id="info-6" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Planificateur d'itinéraires</a> </li> <li> <a href="/fr/brochures/" id="info-7" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Téléchargement de brochures</a> </li> <li> <a href="/fr/meteo/" id="info-8" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>La météo</a> </li> <li> <a href="/fr/conseils-voyage/visa-passeport/" id="info-9" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Visa et passeport</a> </li> <li> <a href="https://sustainability.spain.info/fr/" id="info-10" title="Aller sur : Durabilité en Espagne" class="dropdown-item hacerblank"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Durabilité en Espagne</a> </li> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="/fr/a-propos-espagne/" title="Aller sur : À propos de l'Espagne" id="card-1" class="card show standard-box-shadow"> <img id="imgAct9" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-museo-prado-mapa-madrid-s139919035.jpg" class="card-img-top" alt="À propos de l'Espagne" title="À propos de l'Espagne"/> <div class="card-body"> <p class="title text-uppercase">À propos de l'Espagne</p> <p class="card-text mb-0">Informations et curiosités sur le pays, sa culture, sa nature, sa gastronomie et sa population.</p> </div> </a> <a href="/fr/infos/" title="Aller sur : Informations pratiques" id="card-2" class="card standard-box-shadow"> <img id="imgAct10" src="/export/sites/segtur/.content/imagenes/menu-navegacion/informacion-turistica-madrid-c-madrid-destino-francesco-pinton.jpg" class="card-img-top" alt="Informations pratiques" title="Informations pratiques"/> <div class="card-body"> <p class="title text-uppercase">Informations pratiques</p> <p class="card-text mb-0">Préparez votre voyage à l’avance en suivant ces conseils sur les conditions d'entrée, l'argent, la sécurité, la santé, les horaires, etc.</p> </div> </a> <a href="/fr/comment-se-rendre/" title="Aller sur : Comment se rendre en Espagne" id="card-3" class="card standard-box-shadow"> <img id="imgAct11" src="/export/sites/segtur/.content/imagenes/menu-navegacion/mapa-planificacion-s348683150.jpg" class="card-img-top" alt="Comment se rendre en Espagne" title="Comment se rendre en Espagne"/> <div class="card-body"> <p class="title text-uppercase">Comment se rendre en Espagne</p> <p class="card-text mb-0">Trouvez des informations sur les aéroports et ports de croisière, ainsi que sur la durée des vols depuis différentes destinations dans le monde.</p> </div> </a> <a href="/fr/comment-se-deplacer/" title="Aller sur : Comment voyager en Espagne" id="card-4" class="card standard-box-shadow"> <img id="imgAct12" src="/export/sites/segtur/.content/imagenes/menu-navegacion/chica-transporte-s456518287.jpg" class="card-img-top" alt="Comment voyager en Espagne" title="Comment voyager en Espagne"/> <div class="card-body"> <p class="title text-uppercase">Comment voyager en Espagne</p> <p class="card-text mb-0">Nous vous proposons des informations utiles sur les liaisons entre les principales villes d’Espagne.</p> </div> </a> <a href="/fr/activites/" title="Aller sur : Réservez vos expériences" id="card-5" class="card standard-box-shadow"> <img id="imgAct13" src="/export/sites/segtur/.content/imagenes/menu-navegacion/fotos-u311182.jpg" class="card-img-top" alt="Réservez vos expériences" title="Réservez vos expériences"/> <div class="card-body"> <p class="title text-uppercase">Réservez vos expériences</p> <p class="card-text mb-0">Choisissez parmi des milliers d’activités conçues pour vous. Il vous suffit de décider du thème et de l’endroit où vous vivrez cette expérience.</p> </div> </a> <a href="/fr/planificateur-itineraires/" title="Aller sur : Planificateur d'itinéraires" id="card-6" class="card standard-box-shadow"> <img id="imgAct14" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turista-fornalutx-mallorca-c-pedro-giraldez.jpg" class="card-img-top" alt="Planificateur d'itinéraires" title="Planificateur d'itinéraires"/> <div class="card-body"> <p class="title text-uppercase">Planificateur d'itinéraires</p> <p class="card-text mb-0">Créez votre propre voyage en Espagne avec un itinéraire totalement adapté à vos besoins.</p> </div> </a> <a href="/fr/brochures/" title="Aller sur : Téléchargement de brochures" id="card-7" class="card standard-box-shadow"> <img id="imgAct15" src="/export/sites/segtur/.content/imagenes/menu-navegacion/folleto-turistas-u1118390.jpg" class="card-img-top" alt="Téléchargement de brochures" title="Téléchargement de brochures"/> <div class="card-body"> <p class="title text-uppercase">Téléchargement de brochures</p> <p class="card-text mb-0">Grâce à nos brochures et nos guides numériques, vous pourrez découvrir l'essentiel de notre gastronomie, de notre culture, de nos festivités, etc.</p> </div> </a> <a href="/fr/meteo/" title="Aller sur : La météo" id="card-8" class="card standard-box-shadow"> <img id="imgAct16" src="/export/sites/segtur/.content/imagenes/menu-navegacion/clima-movil-c-gavin-allanwood-u723586.jpg" class="card-img-top" alt="La météo" title="La météo"/> <div class="card-body"> <p class="title text-uppercase">La météo</p> <p class="card-text mb-0">Consultez les températures moyennes et les heures d’ensoleillement de la région de votre choix, afin d'emporter les vêtements qui conviennent à chaque saison.</p> </div> </a> <a href="/fr/conseils-voyage/visa-passeport/" title="Aller sur : Visa et passeport" id="card-9" class="card standard-box-shadow"> <img id="imgAct17" src="/export/sites/segtur/.content/imagenes/menu-navegacion/pasaporte-u752510.jpg" class="card-img-top" alt="Visa et passeport" title="Visa et passeport"/> <div class="card-body"> <p class="title text-uppercase">Visa et passeport</p> <p class="card-text mb-0">Vous voulez savoir s'il vous faut un visa pour voyager en Espagne ? Découvrez les différents types de visas et comment les obtenir.</p> </div> </a> <a href="https://sustainability.spain.info/fr/" title="Aller sur : Durabilité en Espagne" id="card-10" class="card standard-box-shadow hacerblank"> <img id="imgAct18" src="/export/sites/segtur/.content/imagenes/menu-navegacion/menu-sostenibilidad.jpg" class="card-img-top" alt="Durabilité en Espagne" title="Durabilité en Espagne"/> <div class="card-body"> <p class="title text-uppercase">Durabilité en Espagne</p> <p class="card-text mb-0">Planifiez des vacances respectueuses de l'environnement et du milieu social. Participez à la préservation de la planète.</p> </div> </a> </div> </div> </div> </li> <li class="nav-item"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="/fr/evenements/" role="button" id="link-agenda"> <span>Agenda</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span></a> </li> </ul> <div class="navbar-nav alternate"> <ul class="list-idiomas"> <li class="nav-item"> <a class="nav-link" href="#" id="locale-fr" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown"><span class="icon-globe"></span> Français<span class="icon-angle-down float-right d-none d-customdk-block"></span> <span class="icon-arrow-right-fill2 secondary-color float-right d-customdk-none"></span> </a> <div id="cajaidioma" class="dropdown-menu" aria-labelledby="locale-fr"> <ul> <li class="nav-item"> <a href="/es/tiempo/" class="dropdown-item" id="locale-es"> Español</a> </li> <li class="nav-item"> <a href="/en/weather/" class="dropdown-item" id="locale-en"> English</a> </li> <li class="nav-item"> <a href="/de/wetter/" class="dropdown-item" id="locale-de"> Deutsch</a> </li> <li class="nav-item"> <a href="/it/clima/" class="dropdown-item" id="locale-it"> Italiano</a> </li> <li class="nav-item"> <a href="/pt_BR/tempo/" class="dropdown-item" id="locale-pt_BR"> Português</a> </li> <li class="nav-item"> <a href="/ru/pogoda/" class="dropdown-item" id="locale-ru"> русский</a> </li> <li class="nav-item"> <a href="/pl/pogoda/" class="dropdown-item" id="locale-pl"> Polski</a> </li> <li class="nav-item"> <a href="/ja/kikou/" class="dropdown-item" id="locale-ja"> 日本語</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/en/" class="dropdown-item hacerblank" id="locale-gcc_en">GCC (English)</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/ar/" class="dropdown-item hacerblank" id="locale-gcc_ar">مجلس التعاون الخليجي (عربي)</a> </li> <li class="nav-item"> <a href="https://www.visitspain.com.cn/" class="dropdown-item hacerblank" id="locale-gcc">中国</a> </li> </ul> </div> </li> </ul> </div> <div class="enlaces-utiles"> <div class="container"> <ul class="list"> <li class="list-item"> <a href="/fr/carte-interactive/" class="" > <span class="icon-map-marker"></span> <span class="text">Carte interactive</span> </a> </li> <li class="list-item"> <a href="/fr/preparer-voyage-espagne/" class="" > <span class="icon-mi-viaje"></span> <span class="text">Mon voyage idéal</span> </a> </li> <li class="list-item"> <a href="/fr/app/favoris/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">Mes favoris</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterFrances.aspx" class="hacerblank" rel="nofollow" > <span class="icon-mail-social"></span> <span class="text">Bulletin</span> </a> </li> </ul> </div> </div> </div> </nav> </div> </div></header><main> <div id="cuerpo" ><section class="cabecera pano img-portada-container bg-cover layer-dark-shadow centered wrapper-combos">  <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/clima-movil-c-gavin-allanwood-u723586.jpg_604889389.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/clima-movil-c-gavin-allanwood-u723586.jpg_1014274486.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/clima-movil-c-gavin-allanwood-u723586.jpg_78431701.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/clima-movil-c-gavin-allanwood-u723586.jpg_604889389.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/clima-movil-c-gavin-allanwood-u723586.jpg_1014274486.jpg' class='img-fluid img-editable' alt='Consultation de la météo' title='La météo'><div class="title-container container"> <div class="wrapper-title text-white"> <h1 class="titulo-portada custom-title container-fluid">La météo</h1> <span class="subtitle text-white"><p>Quelle température en Espagne ?</p></span> </div> <div class="infoImg left left-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">La météo</span> <span class="copy_container"> <span class="copy_ico"> <span>©</span> </span> <span class="copy_texto">Gabin Allanwood</span> <span class="foto_copy_fade"></span> </span> </span> </div> </div> </section> <section class="breadcrumbs bg-primary-color"> <div class="container"> <div class="row align-items-center"> <div class="d-none d-sm-block col-sm-6 text-left"> <nav aria-label="Breadcrumb" class="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a class="breadcrumb-link" href="/fr/" target="_self" title="" >Accueil</a></li> </ol> </nav> </div> <div class="col-sm-6"> </div> </div> </div> </section> <section class="module entradilla centered"> <div class="container"> <h2 class="title text-center">Là où le soleil accompagne toutes les saisons</h2> <p class="text-secundario text-center"> L’Espagne est un pays dont le climat est doux toute l’année mais qui conserve les contrastes des saisons. Vous pourrez consulter ici les températures moyennes et le nombre d’heures d’ensoleillement de quelques-unes des principales destinations. Nous vous indiquerons également quels vêtements il est conseillé de porter à chaque moment et vous fournirons plus d’informations sur le temps en Espagne.</p> </div> </section> <div> <section class="module interactive-map__con-acordeones"> <section class="accordion-tabs"> <div class="container"> <div class="title-box "> <span class="subtitle">Carte</span> <p class="title">Les températures en Espagne</p> <hr> <p class="description">Souhaitez-vous connaître la météo des principales villes d’Espagne ? Nous vous informons sur les températures moyennes à chaque saison et sur les heures d’ensoleillement. Vous pouvez voyager en Espagne en toute saison !</p> </div><div class="row"> <div class="col-lg-4">  <div class="accordion" id="accordionTabmap"> <div class="card"> <div class="card-header" id="Accheading1"> <p class="mb-0"> <button id="list-t-madrid" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1"> Madrid</button> </p> </div> <div id="collapse1" class="collapse show" aria-labelledby="heading-t-madrid" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season1-1-tab" data-toggle="tab" href="#season-1-1" role="tab" aria-controls="season1-1" aria-selected="true"><p class="text-uppercase">Hiver</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season1-2-tab" data-toggle="tab" href="#season-1-2" role="tab" aria-controls="season1-2" aria-selected="false"><p class="text-uppercase">Printemps</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season1-3-tab" data-toggle="tab" href="#season-1-3" role="tab" aria-controls="season1-3" aria-selected="false"><p class="text-uppercase">Été</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season1-4-tab" data-toggle="tab" href="#season-1-4" role="tab" aria-controls="season1-4" aria-selected="false"><p class="text-uppercase">Automne</p></a> </li> </ul> <div class="tab-content" id="tabClima1"> <div class="show tab-pane fade active" id="season-1-1" role="tabpanel" aria-labelledby="season1-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Janvier - mars</th> <td>12º / 4º</td> <td>173 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-1-2" role="tabpanel" aria-labelledby="season1-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Avril - juin</th> <td>23º / 12º</td> <td>271 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-1-3" role="tabpanel" aria-labelledby="season1-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Juillet-septembre</th> <td>30º / 18º</td> <td>315 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-1-4" role="tabpanel" aria-labelledby="season1-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octobre-décembre</th> <td>14º / 7º</td> <td>156 heures</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading2"> <p class="mb-0"> <button id="list-t-barcelona" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2"> Barcelone</button> </p> </div> <div id="collapse2" class="collapse " aria-labelledby="heading-t-barcelona" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season2-1-tab" data-toggle="tab" href="#season-2-1" role="tab" aria-controls="season2-1" aria-selected="true"><p class="text-uppercase">Hiver</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season2-2-tab" data-toggle="tab" href="#season-2-2" role="tab" aria-controls="season2-2" aria-selected="false"><p class="text-uppercase">Printemps</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season2-3-tab" data-toggle="tab" href="#season-2-3" role="tab" aria-controls="season2-3" aria-selected="false"><p class="text-uppercase">Été</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season2-4-tab" data-toggle="tab" href="#season-2-4" role="tab" aria-controls="season2-4" aria-selected="false"><p class="text-uppercase">Automne</p></a> </li> </ul> <div class="tab-content" id="tabClima2"> <div class="show tab-pane fade active" id="season-2-1" role="tabpanel" aria-labelledby="season2-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Janvier-mars</th> <td>15º / 6º</td> <td>173 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-2-2" role="tabpanel" aria-labelledby="season2-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Avril - juin</th> <td>21º / 13º</td> <td>248 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-2-3" role="tabpanel" aria-labelledby="season2-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Juillet-septembre</th> <td>28º / 19º</td> <td>260 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-2-4" role="tabpanel" aria-labelledby="season2-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octobre-décembre</th> <td>18º / 9º</td> <td>156 heures</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading3"> <p class="mb-0"> <button id="list-t-alicantealacant" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3"> Alicante-Alacant</button> </p> </div> <div id="collapse3" class="collapse " aria-labelledby="heading-t-alicantealacant" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season3-1-tab" data-toggle="tab" href="#season-3-1" role="tab" aria-controls="season3-1" aria-selected="true"><p class="text-uppercase">Hiver</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season3-2-tab" data-toggle="tab" href="#season-3-2" role="tab" aria-controls="season3-2" aria-selected="false"><p class="text-uppercase">Printemps</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season3-3-tab" data-toggle="tab" href="#season-3-3" role="tab" aria-controls="season3-3" aria-selected="false"><p class="text-uppercase">Été</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season3-4-tab" data-toggle="tab" href="#season-3-4" role="tab" aria-controls="season3-4" aria-selected="false"><p class="text-uppercase">Automne</p></a> </li> </ul> <div class="tab-content" id="tabClima3"> <div class="show tab-pane fade active" id="season-3-1" role="tabpanel" aria-labelledby="season3-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Janvier-mars</th> <td>18º / 7º</td> <td>196 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-3-2" role="tabpanel" aria-labelledby="season3-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Avril - juin</th> <td>24º / 14º</td> <td>275 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-3-3" role="tabpanel" aria-labelledby="season3-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Juillet-septembre</th> <td>30º / 20º</td> <td>295 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-3-4" role="tabpanel" aria-labelledby="season3-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octobre-décembre</th> <td>18º / 11º</td> <td>185 heures</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading4"> <p class="mb-0"> <button id="list-t-bilbao" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4"> Bilbao</button> </p> </div> <div id="collapse4" class="collapse " aria-labelledby="heading-t-bilbao" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season4-1-tab" data-toggle="tab" href="#season-4-1" role="tab" aria-controls="season4-1" aria-selected="true"><p class="text-uppercase">Hiver</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season4-2-tab" data-toggle="tab" href="#season-4-2" role="tab" aria-controls="season4-2" aria-selected="false"><p class="text-uppercase">Printemps</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season4-3-tab" data-toggle="tab" href="#season-4-3" role="tab" aria-controls="season4-3" aria-selected="false"><p class="text-uppercase">Été</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season4-4-tab" data-toggle="tab" href="#season-4-4" role="tab" aria-controls="season4-4" aria-selected="false"><p class="text-uppercase">Automne</p></a> </li> </ul> <div class="tab-content" id="tabClima4"> <div class="show tab-pane fade active" id="season-4-1" role="tabpanel" aria-labelledby="season4-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Janvier-mars</th> <td>15º / 6º</td> <td>105 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-4-2" role="tabpanel" aria-labelledby="season4-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Avril - juin</th> <td>21º / 8º</td> <td>162 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-4-3" role="tabpanel" aria-labelledby="season4-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Juillet-septembre</th> <td>25º / 15º</td> <td>175 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-4-4" role="tabpanel" aria-labelledby="season4-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octobre-décembre</th> <td>17º / 8º</td> <td>97 heures</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading5"> <p class="mb-0"> <button id="list-t-palmas-de-gran-canaria-las" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5"> Las Palmas de Grande Canarie</button> </p> </div> <div id="collapse5" class="collapse " aria-labelledby="heading-t-palmas-de-gran-canaria-las" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season5-1-tab" data-toggle="tab" href="#season-5-1" role="tab" aria-controls="season5-1" aria-selected="true"><p class="text-uppercase">Hiver</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season5-2-tab" data-toggle="tab" href="#season-5-2" role="tab" aria-controls="season5-2" aria-selected="false"><p class="text-uppercase">Printemps</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season5-3-tab" data-toggle="tab" href="#season-5-3" role="tab" aria-controls="season5-3" aria-selected="false"><p class="text-uppercase">Été</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season5-4-tab" data-toggle="tab" href="#season-5-4" role="tab" aria-controls="season5-4" aria-selected="false"><p class="text-uppercase">Automne</p></a> </li> </ul> <div class="tab-content" id="tabClima5"> <div class="show tab-pane fade active" id="season-5-1" role="tabpanel" aria-labelledby="season5-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Janvier-mars</th> <td>21º / 15º</td> <td>201 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-5-2" role="tabpanel" aria-labelledby="season5-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Avril - juin</th> <td>24º / 18º</td> <td>261 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-5-3" role="tabpanel" aria-labelledby="season5-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Juillet-septembre</th> <td>27º / 21º</td> <td>283 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-5-4" role="tabpanel" aria-labelledby="season5-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octobre-décembre</th> <td>24º / 18º</td> <td>195 heures</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading6"> <p class="mb-0"> <button id="list-t-malaga" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="collapse6"> Malaga</button> </p> </div> <div id="collapse6" class="collapse " aria-labelledby="heading-t-malaga" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season6-1-tab" data-toggle="tab" href="#season-6-1" role="tab" aria-controls="season6-1" aria-selected="true"><p class="text-uppercase">Hiver</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season6-2-tab" data-toggle="tab" href="#season-6-2" role="tab" aria-controls="season6-2" aria-selected="false"><p class="text-uppercase">Printemps</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season6-3-tab" data-toggle="tab" href="#season-6-3" role="tab" aria-controls="season6-3" aria-selected="false"><p class="text-uppercase">Été</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season6-4-tab" data-toggle="tab" href="#season-6-4" role="tab" aria-controls="season6-4" aria-selected="false"><p class="text-uppercase">Automne</p></a> </li> </ul> <div class="tab-content" id="tabClima6"> <div class="show tab-pane fade active" id="season-6-1" role="tabpanel" aria-labelledby="season6-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Janvier-mars</th> <td>18º / 8º</td> <td>194 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-6-2" role="tabpanel" aria-labelledby="season6-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Avril - juin</th> <td>25º / 14º</td> <td>288 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-6-3" role="tabpanel" aria-labelledby="season6-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Juillet-septembre</th> <td>30º / 20º</td> <td>306 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-6-4" role="tabpanel" aria-labelledby="season6-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octobre-décembre</th> <td>21º / 12º</td> <td>182 heures</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading7"> <p class="mb-0"> <button id="list-t-palma" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse7" aria-expanded="false" aria-controls="collapse7"> Palma</button> </p> </div> <div id="collapse7" class="collapse " aria-labelledby="heading-t-palma" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season7-1-tab" data-toggle="tab" href="#season-7-1" role="tab" aria-controls="season7-1" aria-selected="true"><p class="text-uppercase">Hiver</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season7-2-tab" data-toggle="tab" href="#season-7-2" role="tab" aria-controls="season7-2" aria-selected="false"><p class="text-uppercase">Printemps</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season7-3-tab" data-toggle="tab" href="#season-7-3" role="tab" aria-controls="season7-3" aria-selected="false"><p class="text-uppercase">Été</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season7-4-tab" data-toggle="tab" href="#season-7-4" role="tab" aria-controls="season7-4" aria-selected="false"><p class="text-uppercase">Automne</p></a> </li> </ul> <div class="tab-content" id="tabClima7"> <div class="show tab-pane fade active" id="season-7-1" role="tabpanel" aria-labelledby="season7-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Janvier-mars</th> <td>16º / 9º</td> <td>181 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-7-2" role="tabpanel" aria-labelledby="season7-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Avril - juin</th> <td>23º / 15º</td> <td>279 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-7-3" role="tabpanel" aria-labelledby="season7-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Juillet-septembre</th> <td>29º / 21º</td> <td>296 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-7-4" role="tabpanel" aria-labelledby="season7-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octobre-décembre</th> <td>20º / 13º</td> <td>172 heures</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading8"> <p class="mb-0"> <button id="list-t-santiago-de-compostela" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse8" aria-expanded="false" aria-controls="collapse8"> Saint-Jacques-de-Compostelle</button> </p> </div> <div id="collapse8" class="collapse " aria-labelledby="heading-t-santiago-de-compostela" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season8-1-tab" data-toggle="tab" href="#season-8-1" role="tab" aria-controls="season8-1" aria-selected="true"><p class="text-uppercase">Hiver</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season8-2-tab" data-toggle="tab" href="#season-8-2" role="tab" aria-controls="season8-2" aria-selected="false"><p class="text-uppercase">Printemps</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season8-3-tab" data-toggle="tab" href="#season-8-3" role="tab" aria-controls="season8-3" aria-selected="false"><p class="text-uppercase">Été</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season8-4-tab" data-toggle="tab" href="#season-8-4" role="tab" aria-controls="season8-4" aria-selected="false"><p class="text-uppercase">Automne</p></a> </li> </ul> <div class="tab-content" id="tabClima8"> <div class="show tab-pane fade active" id="season-8-1" role="tabpanel" aria-labelledby="season8-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Janvier-mars</th> <td>13º / 5º</td> <td>119 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-8-2" role="tabpanel" aria-labelledby="season8-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Avril - juin</th> <td>19º / 9º</td> <td>192 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-8-3" role="tabpanel" aria-labelledby="season8-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Juillet-septembre</th> <td>24º / 13º</td> <td>221 heures</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-8-4" role="tabpanel" aria-labelledby="season8-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mois</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Maxima/</span> <span class="br"></span> <span class="min">Minima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Soleil</span> <span class="br"></span> <span class="min">(heures)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octobre-décembre</th> <td>15º / 7º</td> <td>104 heures</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> <div class="d-none d-lg-block col-lg-8"> <div class="wrapper-map mapa-switch"> <?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="temperaturas" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 730 600" style="enable-background:new 0 0 730 600;" xml:space="preserve"> <style type="text/css"> #temperaturas .st0{fill:#F6F6F6;} #temperaturas .st1{fill:url(#mapa_02_mapa-africa) !important;} #temperaturas .st2{fill:url(#mapa_02_mapa-europa) !important;} #temperaturas .st3{opacity:0.3;} #temperaturas .st4{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;} #temperaturas .st5{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:6.1632,6.1632;} #temperaturas .st6{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:5.7649,5.7649;} #temperaturas .st7{fill:#CCCCCC;} #temperaturas .st8{fill:#CCCCCC;stroke:#CCCCCC;stroke-miterlimit:10;} #temperaturas .st9{opacity:0.6;fill:#FFFFFF;} #temperaturas .st10{fill:#EDC230;} #temperaturas .st11{fill:#FFFFFF;} #temperaturas .st12{fill:#4B4B4B;} #temperaturas .st13{font-family:'Stolzl-Bold';} #temperaturas .st14{font-size:13px;} #temperaturas .st15{opacity:0.3055;fill:#C5220D;} #temperaturas .st16{fill:#C5220D;} #temperaturas .st17{opacity:0.31;fill:#C5220D;} </style> <g id="mapa_02_MAPA"> <g id="mapa_02_mapa-paises"> <polygon id="mapa_02_mapa-portugal" class="st0" points="200.95,136.03 214.24,122.74 226.43,122.74 214.24,136.03 260.77,136.03 267.42,129.38 290.68,129.38 295.12,134.92 282.93,147.11 307.3,147.11 307.3,153.76 276.28,184.78 276.28,226.88 268.53,233.52 276.28,242.39 276.28,256.79 245.26,256.79 245.26,270.08 269.63,293.35 269.63,303.32 256.34,316.61 256.34,329.91 269.63,343.2 269.63,349.85 260.77,349.85 247.48,363.14 247.48,394.16 238.61,394.16 224.21,404.13 212.02,394.16 198.73,390.84 177.68,396.38 172.7,391.39 187.1,365.91 187.1,343.76 184.88,340.43 190.42,328.25 192.08,318.83 195.41,317.72 192.64,310.52 184.33,314.4 177.68,313.29 176.57,304.43 182.11,304.43 187.1,297.23 183.77,290.58 179.9,298.89 163.83,299.44 163.83,289.47 172.7,263.99 182.67,255.13 192.64,228.54 195.96,227.43 192.64,223 197.07,215.24 199.28,201.95 202.05,199.18 201.5,195.3 202.61,186.44 205.93,172.04 199.28,145.45 199.28,139.91 "/> <radialGradient id="mapa_02_mapa-africa" cx="448.6343" cy="505.5" r="276.2365" gradientTransform="matrix(1 0 0 0.3829 0 311.9386)" gradientUnits="userSpaceOnUse"> <stop offset="0" style="stop-color:#F6F6F6"/> <stop offset="1" style="stop-color:#F6F6F6;stop-opacity:0"/> </radialGradient> <polyline id="mapa_02_mapa-africa" class="st1" points="730.5,411 697.83,432.39 676.78,430.17 644.65,435.71 598.12,462.3 591.47,482.24 581.5,483.35 572.64,473.38 561.56,473.38 561.56,486.67 549.37,483.35 532.75,495.53 527.21,511.04 515.03,514.37 503.95,526.55 479.02,528.22 464.62,531.54 446.89,531.54 444.68,523.78 440.25,529.32 420.3,527.11 394.82,527.11 369.34,516.03 361.59,492.76 331.67,481.69 340.54,473.93 321.7,476.15 281.5,535 244.5,576 172.5,600 730.5,600 "/> <radialGradient id="mapa_02_mapa-europa" cx="571.3252" cy="85.3928" r="237.0186" fx="563.9681" fy="85.547" gradientTransform="matrix(0.981 0.194 -0.0627 0.3171 16.2045 -52.5032)" gradientUnits="userSpaceOnUse"> <stop offset="0.3966" style="stop-color:#F6F6F6"/> <stop offset="0.7768" style="stop-color:#F6F6F6;stop-opacity:0"/> </radialGradient> <path id="mapa_02_mapa-europa" class="st2" d="M502.5,30l-10.18,21.83l17.73,16.62h29.91l17.73,18.83h60.93l18.83,17.73 l8.86-8.86l11.08,12.19h18.83l9.97-9.97h16.62c0,0,5.88-12.72,5.71-14.09c-0.28-2.28,1.96-15.66,1.96-15.66L710.5,60l17-19l3-41 l-242-5"/> </g> <g id="mapa_02_lineas_canarias" class="st3"> <g> <line class="st4" x1="9.28" y1="443.92" x2="12.28" y2="443.91"/> <polyline class="st5" points="18.45,443.87 201.61,442.91 210.45,449.41 "/> <polyline class="st4" points="212.93,451.24 215.35,453.02 215.35,456.02 "/> <line class="st6" x1="215.35" y1="461.78" x2="215.35" y2="551.14"/> <line class="st4" x1="215.35" y1="554.02" x2="215.35" y2="557.02"/> </g> </g> <g id="mapa_02_mapa-canarias"> <polygon id="mapa_02_mapa-la-palma" class="st7" points="17.04,504.95 17.04,489.44 21.47,483.9 25.9,487.23 27.01,499.41 21.47,504.95 "/> <rect id="mapa_02_mapa-el-hierro" x="13.59" y="540.28" transform="matrix(0.6508 -0.7593 0.7593 0.6508 -407.5592 204.6534)" class="st7" width="10.21" height="10.21"/> <polygon id="mapa_02_mapa-gomera" class="st7" points="23.69,523.78 23.69,519.35 29.23,519.35 34.77,523.78 30.5,527 "/> <polygon id="mapa_02_mapa-tenerife" class="st7" points="60.25,512.71 60.25,507.17 79.08,507.17 83.51,503.84 83.51,499.41 96.81,498.3 91.27,504.95 91.27,510.49 84.62,517.14 84.62,521.57 75.76,529.32 70.22,529.32 64.68,523.78 64.68,514.92 "/> <polygon id="mapa_02_mapa-fuerteventura" class="st7" points="152.2,523.78 155.52,523.78 162.17,517.14 162.17,510.49 168.82,504.95 168.82,491.66 172.14,489.44 177.68,489.44 181,492.76 181,513.81 175.47,518.25 166.6,518.25 156.63,529.32 "/> <polygon id="mapa_02_mapa-lanzarote" class="st7" points="178.79,485.01 178.79,477.25 185.44,471.72 190.98,471.72 193.19,468.39 193.19,463.96 196.51,463.96 196.51,475.04 188.76,481.69 185.44,482.79 183.22,485.01 "/> <polygon id="mapa_02_mapa-gran-canaria" class="st7" points="115.64,520.46 106.78,526 106.78,539.3 112.32,545.94 125.61,549.27 131.15,543.73 134.47,538.19 134.47,529.32 128.93,526 128.93,520.46 "/> </g> <g id="mapa_02_mapa-illes-balears"> <polygon id="mapa_02_mapa-ibiza" class="st7" points="607.53,283.38 616.4,275.62 623.05,282.27 614.18,292.24 611.97,288.92 607.53,288.92 "/> <polygon id="mapa_02_mapa-formentera" class="st7" points="613.07,301.1 613.07,296.67 618.61,296.67 "/> <polygon id="mapa_02_mapa-mallorca" class="st7" points="636.34,256.79 658.5,235.74 658.5,239.06 665.14,239.06 665.14,244.6 668.47,247.92 671.79,244.6 677.33,249.03 667.36,259 667.36,263.44 661.82,268.97 658.5,264.54 650.74,264.54 649.63,259 646.31,256.79 644.09,260.11 638.56,260.11 "/> <polygon id="mapa_02_mapa-menorca" class="st7" points="700.6,239.06 691.73,239.06 691.73,235.74 688.41,233.52 690.63,231.31 702.81,231.31 707.24,234.63 707.24,242.39 702.81,242.39 "/> </g> <g id="mapa_02_mapa-ceuta-melilla"> <polyline id="mapa_02_mapa-melilla" class="st7" points="448.56,514.37 445.79,521.57 448.56,530.43 463.16,530.43 448.56,514.37 "/> <polygon id="mapa_02_mapa-ceuta" class="st7" points="334.44,481.51 342.75,473.93 359.37,490.55 "/> </g> <g id="mapa_02_MAPA_PENINSULA_1px_sin_trazado"> <polygon id="mapa_02_mapa-pais-vasco" class="st8" points="457.2,98.36 454.65,96.66 454.65,90.61 450.87,90.61 448,93.47 444.03,89.5 440.25,89.5 442.82,86.07 435.17,78.42 429.17,78.42 429.17,73.99 443.57,73.99 438.58,67.34 433.6,67.34 433.6,60.69 423.63,60.69 423.63,55.16 442.92,55.16 455.76,42.32 466.38,52.94 488.99,52.94 486.78,55.89 486.78,63.56 474.59,75.75 474.59,80.08 470.16,83.41 470.16,88.39 465.73,88.39 465.73,98.36 "/> <polygon id="mapa_02_mapa-comunidad-foral-de-navarra" class="st8" points="480.62,131.6 469.54,119.41 463.05,119.41 455.3,127.17 446.24,127.17 435.81,116.74 435.81,96.61 440.71,91.72 443.11,91.72 448,96.61 451.78,92.82 452.43,92.82 452.43,97.95 456.54,100.58 466.38,100.58 470.81,105.01 479.67,105.01 486.32,111.66 498.96,111.66 498.96,114.98 490.1,114.98 490.1,126.78 486.24,131.6 "/> <polygon id="mapa_02_mapa-comunidad-foral-de-navarra" class="st8" points="501.64,126.06 492.32,126.06 492.32,117.2 501.18,117.2 501.18,109.44 487.24,109.44 480.59,102.79 471.73,102.79 467.94,99.01 467.94,90.61 472.37,90.61 472.37,84.51 476.81,81.19 476.81,76.66 488.99,64.48 488.99,56.63 491.33,53.52 508.48,70.67 536.26,70.67 514.47,93.49 514.47,102.34 508.93,107.87 508.93,119.94 513.92,123.94 506.72,131.14 "/> <polygon id="mapa_02_mapa-region-de-murcia" class="st8" points="486.78,371.52 486.78,358.71 479.52,358.71 472.78,351.01 485.02,338.77 490.65,338.77 493.98,334.34 499.52,334.34 503.27,339.35 510.04,332.58 510.04,316.61 513.92,316.61 517.24,312.18 520.66,312.18 526.66,318.18 526.66,323.91 522.23,328.34 522.23,335.45 528.88,335.45 528.88,342.74 522.84,348.78 535.1,359.93 529.59,366.54 535.06,372.01 507.37,372.01 497.82,381.56 "/> <polygon id="mapa_02_mapa-comunidad-de-madrid" class="st8" points="405.25,246.82 415.22,236.85 410.79,232.41 400.82,232.41 394.17,225.77 384.46,225.77 378.93,230.2 375.99,230.2 375.99,222.92 401.47,198.54 401.47,190.75 417.15,174.03 419.2,175.4 419.2,185.88 422.52,185.88 422.52,202.99 434.71,214.07 434.71,229.09 438.03,229.09 438.03,236.39 435.36,239.06 419.81,239.06 409.19,250.75 "/> <polygon id="mapa_02_mapa-galicia" class="st8" points="218.97,133.81 231.16,120.52 213.78,120.52 200.89,133.41 194.32,127.78 195.43,94.42 176.57,83.33 176.57,68.89 191.46,52.94 219.13,52.94 222.33,49.74 216.78,41.96 234.66,23.03 245.85,23.03 258.04,37.43 268.94,37.43 260.26,45.14 274.71,59.59 267.01,67.29 274.72,76.11 265.2,84.57 265.2,98.36 274.07,98.36 274.07,104.36 279.11,109.41 266.31,121.14 266.31,127.82 260.31,133.81 "/> <polygon id="mapa_02_mapa-extremadura" class="st8" points="300.01,350.96 290.03,350.96 285.6,346.53 279.6,346.53 279.6,342.09 271.2,342.09 258.56,329.45 258.56,317.07 271.85,303.78 271.85,292.87 247.48,269.61 247.48,259 278.5,259 278.5,241.97 271.21,233.64 278.5,227.38 278.5,224.66 288.47,224.66 288.47,222.44 294.47,222.44 301.76,215.15 315.06,228.44 318.84,224.66 322.29,224.66 327.83,231.31 336.57,231.31 338.32,229.55 338.32,248.38 341.65,251.71 341.65,257.9 346.08,257.9 346.08,266.14 360.51,279.37 367.13,272.76 369.34,274.97 369.34,287.81 362.29,287.81 353.83,295.05 353.83,312.18 347.19,312.18 347.19,316.08 342.37,319.94 338.97,319.94 330.57,328.34 330.57,343.2 312.84,343.2 312.84,352.06 306.84,352.06 303.98,354.93 "/> <polygon id="mapa_02_mapa-comunitat-valenciana" class="st8" points="526.05,348.7 531.09,343.66 531.09,333.23 524.44,333.23 524.44,329.26 528.88,324.83 528.88,318.18 534.42,312.64 534.42,306.18 530.44,302.21 521.52,302.21 515.58,297.26 515.58,291.65 522.23,286.11 522.23,277.84 510.5,277.84 506.72,274.06 506.72,267.24 522.23,252.84 522.23,244.6 528.88,244.6 528.88,248.29 533.19,254.04 537.74,249.49 537.74,243.97 558.79,224.03 558.79,206.47 555.99,203.67 562.52,198.07 569.41,198.07 572.73,201.39 583.77,201.39 590.92,209.57 590.92,214.23 577.62,227.52 577.62,237.47 561,252.98 561,262.98 552.14,271.84 552.14,289.37 572.72,309.95 541.06,340.52 541.06,353.82 536.59,358.29 "/> <polygon id="mapa_02_mapa-cataluna" class="st8" points="592.53,208.04 584.77,199.18 580.95,199.18 580.95,179.7 589.81,170.83 589.81,168.71 585.38,165.39 585.38,159.75 590.27,154.86 585.38,149.97 585.38,147.6 598.67,135.41 598.67,124.25 605.32,116.5 605.32,104.56 602,101.14 602,89.5 617.07,89.5 637.47,108.77 646.27,99.97 655.79,110.55 676.68,110.55 686.65,100.58 701.25,100.58 707.89,107.23 696.88,118.24 702.81,125.35 702.81,131.14 677.98,155.97 665.77,155.97 649.15,173.7 631.41,173.7 623.65,182.56 613.72,182.56 598.3,197.99 602.73,203.53 598.21,208.04 "/> <polygon id="mapa_02_mapa-castilla-la-mancha" class="st8" points="463.97,349.85 461.75,347.63 465.73,343.66 465.73,330.56 459.54,324.37 450.87,324.37 447.54,327.69 425.39,327.69 423.17,329.91 387.07,329.91 387.07,333.23 381.96,333.23 367.56,319.94 363.15,319.94 356.05,312.83 356.05,296.07 363.11,290.02 371.56,290.02 371.56,274.06 367.13,269.62 360.45,276.3 348.29,265.16 348.29,255.68 343.86,255.68 343.86,250.79 340.54,247.47 340.54,237.95 346.47,237.95 352.01,233.52 359.83,233.52 366.02,227.33 371.1,232.41 379.7,232.41 385.24,227.98 393.26,227.98 399.9,234.63 409.88,234.63 412.09,236.85 402.12,246.82 409.26,253.96 420.79,241.28 436.27,241.28 440.25,237.3 440.25,226.88 436.92,226.88 436.92,213.09 424.74,202.01 424.74,183.67 421.41,183.67 421.41,175.26 425.19,171.48 457.48,171.48 467.45,182.56 482.8,182.56 484.56,180.8 502.29,198.53 502.29,209.15 497.4,209.15 488.53,218.01 505.15,234.63 511.76,234.63 520.01,243.91 520.01,251.87 504.5,266.28 504.5,274.97 509.58,280.05 520.01,280.05 520.01,285.07 513.37,290.61 513.37,298.3 520.72,304.43 529.53,304.43 532.2,307.1 532.2,311.72 527.77,316.15 521.58,309.97 516.14,309.97 512.81,314.4 507.83,314.4 507.83,331.66 503.52,335.98 500.63,332.12 492.87,332.12 489.55,336.55 484.1,336.55 470.81,349.85 "/> <polygon id="mapa_02_mapa-castilla-y-leon" class="st8" points="340.54,235.74 340.54,224.2 335.65,229.09 328.87,229.09 323.33,222.44 317.92,222.44 315.06,225.31 301.76,212.01 293.55,220.23 286.25,220.23 286.25,222.44 278.5,222.44 278.5,185.23 309.52,154.21 309.52,144.89 287.82,144.89 297.72,134.99 291.2,127.17 268.53,127.17 268.53,122.11 282.31,109.48 276.28,103.44 276.28,96.15 267.42,96.15 267.42,85.57 276.7,77.31 286.71,77.31 297.79,66.23 311.27,66.23 316.81,71.77 324.47,71.77 325.68,69.56 333.17,69.56 338.71,65.13 352.15,65.13 356.18,60.09 367.81,70.67 375.27,70.67 380.41,66.56 385.96,71.18 385.96,76.59 391.04,81.74 409.23,81.74 409.23,73.99 400.36,73.99 400.36,71.2 405.18,67.34 409.61,67.34 415.15,62.91 431.38,62.91 431.38,69.56 437.48,69.56 439.14,71.77 426.95,71.77 426.95,80.64 434.25,80.64 439.89,86.28 435.81,91.72 437.57,91.72 433.6,95.69 433.6,117.65 445.33,129.38 456.22,129.38 463.97,121.63 468.56,121.63 479.64,133.81 487.31,133.81 490.1,130.33 490.1,147.76 484.56,153.3 484.56,160.4 477.91,160.4 477.91,174.16 482.99,179.24 481.89,180.34 468.44,180.34 458.47,169.27 424.28,169.27 420.16,173.38 416.81,171.15 399.26,189.88 399.26,197.6 373.78,221.97 373.74,230.2 372.02,230.2 366.02,224.2 358.91,231.31 351.23,231.31 345.69,235.74 "/> <polygon id="mapa_02_mapa-cantabria" class="st8" points="391.96,79.53 388.18,75.75 388.18,70.15 380.44,63.7 374.49,68.45 368.66,68.45 358.91,59.59 369.79,59.59 377.1,52.47 377.1,47.4 409.88,47.4 417.63,55.16 421.41,55.16 421.41,60.69 414.38,60.69 408.84,65.13 404.41,65.13 398.15,70.13 398.15,76.2 407.01,76.2 407.01,79.53 "/> <polygon id="mapa_02_mapa-principado-de-asturias" class="st8" points="276.78,75.1 270.04,67.39 277.85,59.59 263.49,45.23 272.27,37.43 320.1,37.43 328.96,47.4 374.88,47.4 374.88,51.37 368.88,57.37 355.52,57.37 351.08,62.91 337.93,62.91 332.39,67.34 324.34,67.34 323.23,69.56 317.73,69.56 312.19,64.02 296.87,64.02 285.79,75.1 "/> <polygon id="mapa_02_mapa-aragon" class="st8" points="531.09,247.56 531.09,242.39 521.62,242.39 512.76,232.41 506.07,232.41 491.67,218.01 498.31,211.37 504.5,211.37 504.5,197.61 480.13,173.24 480.13,162.62 486.78,162.62 486.78,154.21 492.32,148.68 492.32,128.27 500.72,128.27 506.72,134.27 517.24,123.75 511.15,118.88 511.15,108.79 516.69,103.25 516.69,94.37 538.84,71.17 556.09,89.5 599.78,89.5 599.78,102.14 603.1,105.47 603.1,115.68 596.46,123.43 596.46,134.43 583.16,146.62 583.16,150.89 587.13,154.86 583.16,158.84 583.16,166.5 587.59,169.82 587.59,169.92 578.73,178.78 578.73,199.18 573.65,199.18 570.33,195.85 561.7,195.85 552.73,203.55 556.57,207.39 556.57,223.08 535.52,243.02 535.52,248.57 533.43,250.67 "/> <polygon id="mapa_02_mapa-andalucia" class="st8" points="327.71,457.31 296.22,424.74 296.22,414.74 274.51,394.16 265.2,394.16 249.69,394.16 249.69,363.6 261.23,352.06 271.85,352.06 271.85,344.31 277.39,344.31 277.39,348.74 284.69,348.74 289.12,353.17 299.09,353.17 303.98,358.06 307.76,354.28 315.06,354.28 315.06,345.42 332.78,345.42 332.78,329.26 339.89,322.15 343.14,322.15 349.4,317.15 349.4,314.4 354.48,314.4 362.24,322.15 366.69,322.15 381.1,335.45 389.28,335.45 389.28,332.12 424.09,332.12 426.3,329.91 448.46,329.91 451.78,326.58 458.62,326.58 463.51,331.47 463.51,342.74 458.62,347.63 463.05,352.06 470.76,352.06 478.52,360.93 484.56,360.93 484.56,372.5 496.25,383.12 486.78,392.6 486.78,408.11 475.62,419.27 470.55,415.21 461.95,415.21 455.3,421.86 448.26,421.86 443.83,419.65 377.7,419.65 369.95,428.51 352.2,428.51 341.65,441.41 341.65,451.31 335.65,457.31 "/> </g> </g> <g id="g-t-barcelona"> <g id="g-t-barcelona-off"> <g> <circle class="st9" cx="656.5" cy="152" r="12"/> <circle class="st10" cx="656.5" cy="152" r="7.2"/> </g> <rect x="603.5" y="168" class="st11" width="105" height="19"/> <text transform="matrix(1 0 0 1 616.1622 182.2773)" class="st12 st13 st14">BARCELONE</text> </g> <g id="g-t-barcelona-on"> <g> <circle class="st15" cx="656.5" cy="152" r="12"/> <circle class="st16" cx="656.5" cy="152" r="7.2"/> </g> <rect x="603.5" y="168" class="st16" width="105" height="19"/> <g> <text transform="matrix(1 0 0 1 616.1622 182.2773)" class="st11 st13 st14">BARCELONE</text> </g> </g> </g> <g id="g-t-madrid"> <g id="g-t-madrid-off"> <g> <circle class="st9" cx="410.5" cy="212" r="12"/> <circle class="st10" cx="410.5" cy="212" r="7.2"/> </g> <rect x="432.5" y="202" class="st11" width="78" height="19"/> <text transform="matrix(1 0 0 1 445.1622 216.2773)" class="st12 st13 st14">MADRID</text> </g> <g id="g-t-madrid-on"> <g> <circle class="st15" cx="410.5" cy="212" r="12"/> <circle class="st16" cx="410.5" cy="212" r="7.2"/> </g> <rect x="432.5" y="202" class="st16" width="78" height="19"/> <text transform="matrix(1 0 0 1 445.1622 216.2773)" class="st11 st13 st14">MADRID</text> </g> </g> <g id="g-t-bilbao"> <g id="g-t-bilbao-off"> <g> <circle class="st9" cx="436.5" cy="55" r="12"/> <circle class="st10" cx="436.5" cy="55" r="7.2"/> </g> <rect x="458.5" y="45" class="st11" width="72" height="19"/> <text transform="matrix(1 0 0 1 471.1622 59.2773)" class="st12 st13 st14">BILBAO</text> </g> <g id="g-t-bilbao-on"> <g> <circle class="st17" cx="436.5" cy="55" r="12"/> <circle class="st16" cx="436.5" cy="55" r="7.2"/> </g> <rect x="458.5" y="45" class="st16" width="72" height="19"/> <g> <text transform="matrix(1 0 0 1 471.1622 59.2773)" class="st11 st13 st14">BILBAO</text> </g> </g> </g> <g id="g-t-malaga"> <g id="g-t-malaga-off"> <g> <circle class="st9" cx="371.5" cy="416" r="12"/> <circle class="st10" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st11" width="81" height="19"/> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st12 st13 st14">MALAGA</text> </g> <g id="g-t-malaga-on"> <g> <circle class="st15" cx="371.5" cy="416" r="12"/> <circle class="st16" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st16" width="81" height="19"/> <g> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st11 st13 st14">MALAGA</text> </g> </g> </g> <g id="g-t-alicantealacant"> <g id="g-t-alicantealacant-off"> <g> <circle class="st9" cx="550.5" cy="328" r="12"/> <circle class="st10" cx="550.5" cy="328" r="7.2"/> </g> <rect x="504.5" y="345" class="st11" width="89" height="19"/> <text transform="matrix(1 0 0 1 517.1622 359.2773)" class="st12 st13 st14">ALICANTE</text> </g> <g id="g-t-alicantealacant-on"> <g> <circle class="st15" cx="550.5" cy="328" r="12"/> <circle class="st16" cx="550.5" cy="328" r="7.2"/> </g> <rect x="504.5" y="345" class="st16" width="89" height="19"/> <g> <text transform="matrix(1 0 0 1 517.1622 359.2773)" class="st11 st13 st14">ALICANTE</text> </g> </g> </g> <g id="g-t-palma"> <g id="g-t-palma-off"> <g> <circle class="st9" cx="656.22" cy="263" r="12"/> <circle class="st10" cx="656.22" cy="263" r="7.2"/> </g> <rect x="623.5" y="278" class="st11" width="65" height="19"/> <text transform="matrix(1 0 0 1 633.447 292.2773)" class="st12 st13 st14">PALMA</text> </g> <g id="g-t-palma-on"> <g> <circle class="st15" cx="656.22" cy="263" r="12"/> <circle class="st16" cx="656.22" cy="263" r="7.2"/> </g> <rect x="623.5" y="278" class="st16" width="65" height="19"/> <g> <text transform="matrix(1 0 0 1 633.447 292.2773)" class="st11 st13 st14">PALMA</text> </g> </g> </g> <g id="g-t-santiago-de-compostela"> <g id="g-t-santiago-de-compostela-off"> <g> <circle class="st9" cx="215.22" cy="75" r="12"/> <circle class="st10" cx="215.22" cy="75" r="7.2"/> </g> <rect x="100.5" y="90" class="st11" width="258" height="19"/> <text transform="matrix(1 0 0 1 115.447 104.2773)" class="st12 st13 st14">SAINT-JACQUES-DE-COMPOSTELLE</text> </g> <g id="g-t-santiago-de-compostela-on"> <g> <circle class="st15" cx="215.22" cy="75" r="12"/> <circle class="st16" cx="215.22" cy="75" r="7.2"/> </g> <rect x="100.5" y="90" class="st16" width="258" height="19"/> <g> <text transform="matrix(1 0 0 1 115.447 104.2773)" class="st11 st13 st14">SAINT-JACQUES-DE-COMPOSTELLE</text> </g> </g> </g> <g id="g-t-palmas-de-gran-canaria-las"> <g id="g-t-palmas-de-gran-canaria-las-off"> <g> <circle class="st9" cx="134.22" cy="523" r="12"/> <circle class="st10" cx="134.22" cy="523" r="7.2"/> </g> <rect x="78.5" y="538" class="st11" width="111" height="19"/> <text transform="matrix(1 0 0 1 91.447 552.2773)" class="st12 st13 st14">LAS PALMAS</text> </g> <g id="g-t-palmas-de-gran-canaria-las-on"> <g> <circle class="st17" cx="134.22" cy="523" r="12"/> <circle class="st16" cx="134.22" cy="523" r="7.2"/> </g> <rect x="78.5" y="538" class="st16" width="111" height="19"/> <g> <text transform="matrix(1 0 0 1 91.447 552.2773)" class="st11 st13 st14">LAS PALMAS</text> </g> </g> </g> </svg> </div> </div> </div> </div> </section> </section> </div><section class="module articles destacados positioned"> <div class="container"> <div class="article full-width"> <div class="wrapper-resource"> <img data-src="/export/sites/segtur/.content/imagenes/banners/clima/clima-infografia-fr.png" src="/export/sites/segtur/.content/imagenes/banners/clima/clima-infografia-fr.png" data-srcset="/export/sites/segtur/.content/imagenes/banners/clima/clima-infografia-fr.png" class="img-fluid" alt="" title=""/> </div> <div class="wrapper-title"> <h2 class="title">La météo en Espagne</h2> </div> <p class="text">L’Espagne bénéficie d’<strong>environ 3 000 heures de soleil par an</strong>. Les températures sont douces mais des différences existent entre les saisons et les différentes régions du pays. Elles sont plus agréables au printemps et en automne, ce qui favorise les activités en plein air à toute heure du jour. Les mois de juillet et août sont les plus secs et connaissent les températures les plus élevées de l’année. Les températures les plus froides sont généralement enregistrées en janvier et février, coïncidant avec la période la plus pluvieuse, surtout au nord de l’Espagne.<span class="br"></span><span class="br"></span>- N’oubliez pas d’emporter dans vos bagages :<span class="br"></span><span class="br"></span>- Des <strong>lunettes de soleil</strong>, que vous porterez à n’importe quelle période de l’année.<span class="br"></span><span class="br"></span>- <strong>Des chaussures confortables</strong>, surtout si vous avez l’intention de visiter des musées, des villes ou de vous promener dans la nature.<span class="br"></span><span class="br"></span>- <strong>Un sac à dos</strong> pratique et léger pour ranger les lunettes de soleil, la crème solaire, la bouteille d’eau, le parapluie, etc.</p> <ul class="list"> </ul> </div> </div> </section> <section class="module articles"> <div class="container"> <article class="article row resource-right"> <div class="col-md-6"> <div class="wrapper-title"> <h2 class="title">Printemps : de fin mars à fin juin</h2> </div> <p class="text">Il s’agit sans doute de la saison idéale en Espagne. Les journées s'allongent et le soleil est presque toujours au rendez-vous, ce qui invite aux promenades, à passer une soirée en terrasse, à sortir dans la nature...<span class="br"></span><span class="br"></span>Cette saison est propice aux jeans, aux robes aux couleurs vives, aux vêtements à manches courtes, parfois à manches longues mais dans un tissu léger. Un chapeau, des lunettes de soleil, un <em>pashmina</em> et des sandales sont des accessoires parfaits pour profiter de ces journées ensoleillées. Il convient néanmoins de prévoir un parapluie pour se protéger des pluies généralement intenses mais de courte durée, conformément à l’adage « En abril, aguas mil », qui signifie littéralement « En avril, il pleut des cordes ». </p> </div> <div class="col-md-6"> <div class="wrapper-resource"> <img data-src="/export/sites/segtur/.content/imagenes/reportajes/andalucia/turistas-calle-flores-cordoba-s1198024888.jpg" src="/export/sites/segtur/.content/imagenes/reportajes/andalucia/turistas-calle-flores-cordoba-s1198024888.jpg" data-srcset="/export/sites/segtur/.content/imagenes/reportajes/andalucia/turistas-calle-flores-cordoba-s1198024888.jpg" class="img-fluid" alt="Des touristes dans une rue de Cordoue" title="Des touristes dans une rue de Cordoue"/> </div> </div> </article> </div> </section> <section class="module articles"> <div class="container"> <article class="article row resource-left"> <div class="col-md-6 order-md-12"> <div class="wrapper-title"> <h2 class="title">Été : de fin juin à fin septembre</h2> </div> <p class="text">Les mois de juillet, août et septembre sont les plus chauds et les plus secs de l'année. En journée, la température dépasse souvent les 30 degrés. La nuit, il peut faire plus de 20 degrés dans les régions de l’intérieur et dans le sud. Le nord, dans des régions comme la Galice, les Asturies et la Cantabrie, possède un climat plus doux, avec des températures plus basses et quelques précipitations.<span class="br"></span><span class="br"></span>Le maillot de bain est le vêtement incontournable de l’été afin de profiter pleinement de la plage. Il est recommandé de porter des vêtements aux couleurs claires. La mode d’Ibiza, où le blanc est la couleur phare, est très prisée à cette époque de l’année, tout comme les tissus fins ou vaporeux, comme le lin et le coton. Quant aux chaussures, des sandales ou des tongs font parfaitement l’affaire. Enfin, les vêtements sans manches et les shorts sont les bienvenus. </p> </div> <div class="col-md-6 order-md-1"> <div class="wrapper-resource"> <img data-src="/export/sites/segtur/.content/imagenes/reportajes/naturaleza/familia-playa-s1023017290.jpg" src="/export/sites/segtur/.content/imagenes/reportajes/naturaleza/familia-playa-s1023017290.jpg" data-srcset="/export/sites/segtur/.content/imagenes/reportajes/naturaleza/familia-playa-s1023017290.jpg" class="img-fluid" alt="Famille à la plage" title="Famille à la plage"/> </div> </div> </article> </div> </section> <section class="module articles"> <div class="container"> <article class="article row resource-right"> <div class="col-md-6"> <div class="wrapper-title"> <h2 class="title">Automne : de fin septembre à fin décembre</h2> </div> <p class="text">La température commence à baisser et la fraîcheur se fait sentir en tout début de journée et à la tombée du jour. Les vêtements plus chauds, les vestes et les écharpes légères refont leur apparition. Cette saison est encore marquée par des journées ensoleillées, surtout au sud de Madrid.<span class="br"></span><span class="br"></span>Il est généralement conseillé de porter plusieurs vêtements légers, que l’on peut retirer au fur et à mesure, plutôt que des manteaux lourds ou trop chauds. C'est la meilleure façon de s’adapter à la température changeante, notamment en fin de journée, où il commence à faire plus frais dans les régions montagneuses ou sur le littoral, en raison de l’humidité. Des orages de chaleur se forment occasionnellement à cette saison.</p> </div> <div class="col-md-6"> <div class="wrapper-resource"> <img data-src="/export/sites/segtur/.content/imagenes/reportajes/extremadura/Margarita-Ramos-Hernandez.-p112-2-2012.jpg" src="/export/sites/segtur/.content/imagenes/reportajes/extremadura/Margarita-Ramos-Hernandez.-p112-2-2012.jpg" data-srcset="/export/sites/segtur/.content/imagenes/reportajes/extremadura/Margarita-Ramos-Hernandez.-p112-2-2012.jpg" class="img-fluid" alt="Vallée d’Ambroz (Estrémadure)" title="Vallée d’Ambroz (Estrémadure)"/> <div class="infoImg right right-top text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Vallée d’Ambroz (Estrémadure)</span> <span class="copy_container"> <span class="copy_ico"> <span>©</span> </span> <span class="copy_texto">Margarita Ramos Hernández</span> <span class="foto_copy_fade"></span> </span> </span> </div></div> </div> </article> </div> </section> <section class="module articles"> <div class="container"> <article class="article row resource-left"> <div class="col-md-6 order-md-12"> <div class="wrapper-title"> <h2 class="title">Hiver : de fin décembre à fin mars</h2> </div> <p class="text">Il s’agit de la période la plus froide de l’année. Bien que l’Espagne ne soit pas un pays très pluvieux, ayez toujours un parapluie à portée de main. Les pluies sont fréquentes au nord. Le reste du pays peut parfois connaître une succession de jours pluvieux. Un imperméable peut s'avérer utile.<span class="br"></span><span class="br"></span>Nous vous recommandons d’emporter des vêtements chauds et des accessoires comme des gants ou une écharpe. Les bottes de pluie ne sont pas indispensables dans la majeure partie du pays. Il est conseillé de porter des chaussures hautes confortables et des chaussettes épaisses. Les vêtements en laine, en flanelle ou en textile polaire, les sous-vêtements thermiques, les collants et les manteaux d’hiver sont nécessaires, particulièrement en milieu rural. En revanche, si vous voyagez dans les îles Canaries, une veste fine suffira pour faire face à un hiver très différent. </p> </div> <div class="col-md-6 order-md-1"> <div class="wrapper-resource"> <img data-src="/export/sites/segtur/.content/imagenes/reportajes/andalucia/chica-nieve-sierra-nevada-s1504408070.jpg" src="/export/sites/segtur/.content/imagenes/reportajes/andalucia/chica-nieve-sierra-nevada-s1504408070.jpg" data-srcset="/export/sites/segtur/.content/imagenes/reportajes/andalucia/chica-nieve-sierra-nevada-s1504408070.jpg" class="img-fluid" alt="Une jeune fille dans la sierra Nevada" title="Une jeune fille dans la sierra Nevada"/> </div> </div> </article> </div> </section> <div> <section class="module listado-iconos-xl"> <div class="container"> <div class="title-box "> <span class="subtitle">Programmez votre voyage</span> <p class="title">Plus d’infos sur...</p> <hr> </div><div class="row"> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/comment-se-rendre/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/como-llegar.svg" alt="Comment s'y rendre ?" title="Comment s'y rendre ?" class="img-fluid"/> <p class="title">Comment se rendre en Espagne</p> <p class="subtitle">Différentes façons de voyager</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/comment-se-deplacer/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/como-moverse.svg" alt="Comment se déplacer" title="Comment se déplacer" class="img-fluid"/> <p class="title">Comment voyager en Espagne</p> <p class="subtitle">Des destinations parfaitement reliées les unes aux autres</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/brochures/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/folletos.svg" alt="Téléchargement de brochures" title="Téléchargement de brochures" class="img-fluid"/> <p class="title">Téléchargement de brochures</p> <p class="subtitle">Profitez pleinement de votre voyage en Espagne</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/carte-interactive/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mapa.svg" alt="Carte interactive" title="Carte interactive" class="img-fluid"/> <p class="title">Carte interactive</p> <p class="subtitle">Trouvez ce qui vous intéresse</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/preparer-voyage-espagne/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mi-viaje.svg" alt="Mon voyage" title="Mon voyage" class="img-fluid"/> <p class="title">Mon voyage</p> <p class="subtitle">Nous vous aidons à trouver les meilleurs plans</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/fr/infos/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/info.svg" alt="Informations pratiques" title="Informations pratiques" class="img-fluid"/> <p class="title">Informations pratiques</p> <p class="subtitle">Conseils utiles pour votre voyage en Espagne</p> </a> </div> </div> </div> </section> </div> </div></main> <footer class="footer text-center"> <button type="button" id="insuitlaunch"> <div class="wrapper-img"> <img src="/export/sites/segtur/.content/comun/footer/icono-accesibilidad.png" width="50" alt="modo accesible"> </div> <div class="wrapper-text noned"> <p class="text">Mode accessible</p> </div> </button> <div class="buttons-fixed hidden"> <div class="back-to-top"> <span class="icon-arrow-up"></span> </div> <div id="acordeon-pers" class="accordion"> <button type="button" data-toggle="collapse" data-target="#collapserrss" aria-expanded="false" aria-label="desplegar redes sociales"><span class="icon-share"></span></button> <div id="collapserrss" class="wrapper-desplegable collapse" data-parent="#acordeon-pers"> <ul class="list"> <li class="list-item"><a href="https://www.facebook.com/sharer.php?u=https://www.spain.info/fr/meteo/" 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/meteo/" 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=8bf48d9b-f4ec-11e9-9a6c-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span></a></li> <li class="list-item"> <div class="sguardar"> <span id="save_btn"> <svg version="1.1" width="25px" fill="#E71C03" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.3 533.3" style="enable-background:new 0 0 533.3 533.3;" xml:space="preserve"> <g><path class="st0" d="M266.7,283.3L400,150H300V16.7h-66.7V150h-100L266.7,283.3z M387.9,228.8l-37.4,37.4L486,316.7l-219.3,81.8 L47.4,316.7l135.5-50.5l-37.4-37.4L0,283.3v133.3l266.7,100l266.7-100V283.3L387.9,228.8z"></path></g> </svg> </span> </div> </li> </ul> </div> </div> </div> <div class="claim text-center"> <p class="custom-title">L’Espagne</p> </div> <div class="container-fluid no-gutters wrapper-footer bg-cover"> <img data-src='/export/sites/segtur/.content/comun/footer/no_categ.jpg' data-srcset='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg 480w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_594351065.jpg 768w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_193627401.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg' class='lazy img-fluid' alt='' title=''><section class="list-navigation"> <div class="separator-mini-img text-center"> <img src="/export/sites/segtur/.content/comun/footer/mapita.png" class="img-fluid" alt=""> </div> <div class="container"> <div class="row align-items-center py-4"> <div class="col-md-4 text-center pb-4"> <div id="logo-footer" class="logo"> <a href="/fr/"><img src="/export/sites/segtur/.content/comun/footer/logo.jpg" alt="logo"></a> </div> </div> <div class="col-md-4 text-center"> <div class="wrapper-icons-inline"> <nav class="wrapper-icons-inline--rounded"> <ul class="list"> <li class="list-item pb-3"><a href="https://www.facebook.com/spain.info.fr" rel="nofollow" class="item-link" target="_blank" aria-label="facebook"><span class="icon-facebook text-white"></span></a></li> <li class="list-item pb-3"><a href="https://x.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="twitter"><span class="icon-xicon1 text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.youtube.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="youtube"><span class="icon-youtube text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.instagram.com/spain/" rel="nofollow" class="item-link" target="_blank" aria-label="instagram"><span class="icon-instagram text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.tiktok.com/@visitspain" rel="nofollow" class="item-link" target="_blank" aria-label="tiktok"><span class="icon-tiktok text-white"></span></a></li> </ul> </nav> </div> <p class="text-gray">Tous droits réservés</p> </div> <div class="col-md-4 text-center"> <div id="footer" ><nav class="vertical-list"> <ul class="list align-items-right no-bullets"> <li class="list-item d-block"> <a title="" href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Casos_Turista/CasoTuristaFrances.aspx" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Contact</a> </li> <li class="list-item d-block"> <a title="" href="https://www.tourspain.es/en/" target="_blank" class="text-gray text-uppercase"> Découvrez-nous</a> </li> <li class="list-item d-block"> <a title="" href="/fr/plan-site/" class="text-gray text-uppercase"> Plan du site</a> </li> <li class="list-item d-block"> <a title="" href="/fr/mentions-legales/" rel="nofollow" class="text-gray text-uppercase"> Mentions légales</a> </li> <li class="list-item d-block"> <a title="" href="/fr/conditions-utilisation-information/" rel="nofollow" class="text-gray text-uppercase"> Utilisation des informations</a> </li> <li class="list-item d-block"> <a title="" href="/fr/cookies/" rel="nofollow" class="text-gray text-uppercase"> Politique de cookies</a> </li> <li class="list-item d-block"> <a title="" href="/fr/accessibilite/" rel="nofollow" class="text-gray text-uppercase"> Accessibilité</a> </li> </ul> </nav> </div></div> </div> </div> </section> </div> <script defer src="/export/system/modules/es.segittur.comun/resources/js/cookie-consent-fr.js" type="text/javascript"></script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/klaro-no-translations-no-css.js" type="text/javascript"></script> <div id="snackbar" class="aviso-pwa"><p>Vous n’êtes pas en ligne. Une connexion est nécessaire pour un contenu mis à jour.</p></div> <div id="wrapper-saved"> <div id="savedOffline" class="aviso-pwa savedoffline p-3 standard-box-shadow"> <span id="close-saved" class="icon-close pb-3"></span> <p class="title bolder h4 mb-3">Vous avez téléchargé le contenu</p> <p id="textInstall" class="text py-3">Nous vous recommandons de télécharger le contenu hors connexion depuis l’application web de Spain.info</p> <div id="stext_ios" class="text-left"></div> <div class="wrapper-botones d-flex align-items-center justify-content-around"> <button id="installApp" class="btn btn-dark text-white text-uppercase okDload">Télécharger</button> </div> </div> </div> <div id="swfail" class="aviso-pwa"><p>Il n’est pas possible de sauvegarder en étant hors ligne.</p></div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script defer src="https://player.vimeo.com/api/player.js "></script> <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script> <script defer type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script defer type="text/javascript"> const swrapper_saved = document.getElementById('wrapper-saved'); const sinstall_button = document.getElementById('installApp'); const stext_install = document.getElementById('textInstall'); const stext_button = document.getElementById('save_btn'); const ssaved = document.getElementById('savedOffline'); const stext_ios = document.getElementById('stext_ios'); if($('.sguardar').length){ if($('.sguardar').length<2){ $('.sguardar').parent().hide(); } $('.sguardar').click(function (e) { e.preventDefault(); if('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js', { scope: '/' }) .then(function(registration) { if(navigator.onLine) { stext_button.innerHTML = "Téléchargé"; swrapper_saved.style.display = 'block'; ssaved.style.display = "block"; function iOS() { return [ 'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod' ].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document) } var result = iOS(); if(result == true){ swrapper_saved.style.display = 'block'; stext_install.style.display = 'block'; //sinstall_button.style.display = 'block'; stext_ios.innerHTML = '<div class="d-flex"><span>1.-</span><span class="mr-2"> 1. Cliquez sur partager (icône de partage d’iOS).</span><img src="/.content/images/iconos/iosshare.svg"></div><div class="d-flex"><span>2.-</span><span> 2. Sélectionnez « Ajouter à la page d’accueil ».</span></div>'; } if (window.matchMedia('(display-mode: standalone)').matches ){ stext_install.style.display = 'none'; stext_ios.style.display = 'none'; stext_button.style.display = 'none'; sinstall_button.style.display = 'none'; } } else { document.getElementById('snackbar').style.display = 'block'; } }); navigator.serviceWorker.ready.then(function(registration) { }).catch(function(err){ let swerror = document.getElementById('swfail'); swerror.style.display = 'block'; //console.log('error'); }); function replaceAttributes(e, ...attrs) { let src = e.src; attrs.forEach(attr => e.setAttribute(attr, src.replace(/\.jpg_.*\.jpg/, ".jpg")) ); } var urls = Array.prototype.map.call( document.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { return e.src.replace(/\.jpg_.*\.jpg/, ".jpg"); } } } ); let urlCanonical = document.querySelector( "link[rel='canonical']" ).getAttribute("href"); var data = { title: urlCanonical, description: document.querySelector( "meta[name='description']" ).getAttribute("content"), h1: document.querySelector( "h1" ).textContent }; localStorage.setItem( urlCanonical, JSON.stringify(data) ); var offlinepage = 'https://www.spain.info/fr/offline.html'; urls.push(urlCanonical, offlinepage); urls.forEach(element => { if (element !== undefined){ caches.open('main-1') .then(cache => fetch(element).then(response => { if (element == urlCanonical){ var parser = new DOMParser(); var xmlDoc = ""; response.text().then(function(text) { xmlDoc = parser.parseFromString(text,"text/html"); Array.prototype.map.call( xmlDoc.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { replaceAttributes(e, 'srcset', 'data-srcset', 'data-src', 'src'); e.classList.remove('lazy'); e.removeAttribute('sizes'); } } } ); const responseText = "<!DOCTYPE html>" + xmlDoc.documentElement.outerHTML; let newText = responseText; const path = "/export/system/modules/es.segittur.comun/resources/"; let staticResoruces = ["jquery-3.4.1.min.js","popper.min.js","bootstrap.min.css","bootstrap.min.js","slick.css","slick-theme.css","slick.min.js"]; Array.prototype.map.call( xmlDoc.querySelectorAll("link[rel='stylesheet'][href], script[src]"), function(e) { let url = e.href || e.src; let urlSplit = url.split("/"); let filename = urlSplit[urlSplit.length - 1]; if(staticResoruces.includes(filename)){ if(e.hasAttribute('integrity')){ let integritynumber = e.getAttribute('integrity'); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"anonymous\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\"", ""); } if(e.src){ filename = path+"js/"+filename; }else{ filename = path+"css/"+filename; } if(filename=="/export/system/modules/es.segittur.comun/resources/js/slick.min.js"){ url = url.replace("https:",""); url = url.replace("http:",""); } newText = newText.replace(url, filename); } } ); return cache.put(urlCanonical, new Response(newText, response)); }); } else{ return cache.put(element, response.clone()); } } ) ); } }); } }); } if('serviceWorker' in navigator){ if(navigator.onLine) { document.getElementById('snackbar').style.display = 'none'; } else { document.getElementById('snackbar').style.display = 'block'; } } window.deferredPrompt = {}; window.addEventListener('beforeinstallprompt', e => { stext_install.style.display = 'block'; sinstall_button.style.display = 'block'; e.preventDefault(); window.deferredPrompt = e; sinstall_button.addEventListener('click', e => { window.deferredPrompt.prompt(); window.deferredPrompt.userChoice.then(choiceResult => { if (choiceResult.outcome === 'accepted') { sinstall_button.style.display = 'none'; swrapper_saved.style.display = 'none'; } window.deferredPrompt = null; }); }); }); window.onload = function() { if (stext_button != null){ var location = window.location.href; if(localStorage.getItem(location) === null){ stext_button.innerHTML = 'Téléchargement hors connexion'; } else { stext_button.innerHTML = 'Téléchargé'; } } var locale = 'fr'; /* if (locale == 'es' || locale == 'en' || locale == 'de' || locale == 'fr' || locale == 'it' || locale == 'pt_BR'){ setTimeout(() => { if (getCookie('encuesta')!="true" && getCookie('cc_cookie_sp')!=null && JSON.parse(getCookie('cc_cookie_sp')).external_cookies) { document.getElementById("encuesta").style.visibility = "visible"; } else { document.getElementById("encuesta").style.visibility = "hidden"; } }, 30000); } */ }; window.addEventListener('appinstalled', e => { $('#wrapper-saved').removeClass('d-block'); $('#installApp').hide(); $('#ssavedOffline').css({display: "block"}); $('#textInstall').hide(); }); document.getElementById('close-saved').addEventListener('click', e => { document.getElementById('wrapper-saved').style.display = 'none'; }) </script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/scripts.min.js" type="text/javascript"></script> <script type="text/javascript"> if( $('#modal-mapa-fav').length){ $('#modal-mapa-fav').on('shown.bs.modal', function(e) { var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapafav = document.createElement('script'); mapafav.type = "text/javascript"; mapafav.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-favoritos.js"; $('body').append(mapafav); }); } if($('#mi-viaje-container').length){ var miviajescript = document.createElement('script'); miviajescript.type = "text/javascript"; miviajescript.src = "/export/system/modules/es.segittur.consulta/resources/mi-viaje-query.js"; $('body').append(miviajescript); } if ($('.experiencias-search').length) { $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-datepicker3.min.css" rel="stylesheet">').appendTo('head'); $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-slider.css" rel="stylesheet">').appendTo('head'); var datescript = document.createElement('script'); datescript.type = "text/javascript"; datescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-slider.js"; $('body').append(datescript); var localescript = document.createElement('script'); localescript.type = "text/javascript"; localescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.min.js"; localescript.charset = "UTF-8"; $('body').append(localescript); var btslider = document.createElement('script'); btslider.type = "text/javascript"; btslider.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.es.min.js"; btslider.charset = "UTF-8"; $('body').append(btslider); $('.input-daterange').datepicker({ weekStart: 1, language: "es", multidate: false, todayHighlight: true }); $("#priceSliderInput").slider({}); /* textPrice = document.createElement("p"); textPrice.id = "textPrice"; acordPrecio = document.getElementById("acord-precio"); acordPrecio.appendChild(textPrice); min = acordPrecio.getElementsByClassName("tooltip-min")[0].getElementsByClassName("tooltip-inner")[0].innerText; max = acordPrecio.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; $("#priceSliderInput").on("slide", function(slideEvt) { //$("#tooltip-inner").html("asd"); let mini = document.getElementById("priceSliderInput").getAttribute("value"); console.log(mini); mini.textContent += ' e'; //document.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; //document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; //console.log("asd"); }); */ } if ($('.kml').length) { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "/export/system/modules/es.segittur.comun/resources/js/L.KML.js"; $('body').append(script); //MAPA LEAFLET var map = L.map('map').setView([40.4149903, -3.70447, 15], 14); map.scrollWheelZoom.disable(); L.tileLayer('https://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); // Load kml file fetch(segturkml).then(function (res) { return res.text(); }).then(function (kmltext) { // Create new kml overlay var parser = new DOMParser(); var kml = parser.parseFromString(kmltext, 'text/xml'); var track = new L.KML(kml); map.addLayer(track); // Adjust map to show the kml var bounds = track.getBounds(); map.fitBounds(bounds); }); } if ($('.gpx').length) { if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > -1){ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@0.3.9/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var opts = { map: { center: [41.4583, 12.7059], zoom: 5, markerZoomAnimation: false, zoomControl: false, layersControl: false }, zoomControl: { position: 'topleft', }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { tracks: { track_1: { url: segturgpx } }, options: { position: "bottomright", theme: "lime-theme", useHeightIndicator: false, interpolation: d3.curveLinear, collapsed: false, detachedView: false, }, }, layersControl: { options: { collapsed: false, }, }, }; var map = new L.Map('map', opts.map); var baseLayers = {}; baseLayers.OTM = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); baseLayers.TOPO = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); var controlZoom = new L.Control.Zoom(opts.zoomControl); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(null, null, opts.layersControl.options); controlZoom.addTo(map); controlLayer.addTo(map); controlElevation.loadChart(map); map.addLayer(baseLayers.OTM); var traces = []; var tracks = opts.elevationControl.tracks; var i = 0; for (var track in tracks) { loadTrace(track, i++) } function loadTrace(track, i) { var trace = {}; trace.gpx = new L.GPX(tracks[track].url, { async: true, index: i, marker_options: { startIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', endIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', shadowUrl: null, }, polyline_options: { color: tracks[track].color, } }); trace.gpx.on('loaded', function(e) { controlLayer.addBaseLayer(e.target, e.target.get_name()); document.getElementsByClassName("leaflet-control-layers")[0].style.display = "none"; let elevationContainer = document.getElementsByClassName("leaflet-control-container")[0]; let elevationSpaininfoTheme = elevationContainer.getElementsByClassName("lime-theme")[0]; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(255, 255, 240, 0.5)'; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(187, 214, 171, 0.6)'; if (e.target.options.index == 0) { setElevationTrace(0); } else { //map.removeLayer(e.target); } }) trace.gpx.on("addline", function(e) { trace.line = e.line; }) trace.gpx.addTo(map); traces.push(trace); } map.on("baselayerchange", function(e) { for (var i in traces) { if (traces[i].gpx._leaflet_id == e.layer._leaflet_id) { setElevationTrace(e.layer.options.index); break; } } }); function setElevationTrace(index) { var trace = traces[index]; controlElevation.clear(); var q = document.querySelector.bind(document); controlElevation.addData(trace.line); map.fitBounds(trace.gpx.getBounds()); trace.gpx.setStyle({ color: 'red', weight: 4, opacity: 0.8, }); } }else{ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@1.5.0/dist/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', position: "bottomright", collapsed: false, detached: false, autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; if($( window ).width() < 1280){ optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; } var opts = { map: { center: [40.4149903, -3.70447], zoom: 15, }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { url: segturgpx, options: optElevationControl }, layersControl: { options: { collapsed: false }, }, }; var map = new L.Map('map', opts.map); map.scrollWheelZoom.disable(); var baseLayers = {}; baseLayers["Topo"] = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); baseLayers["Map"] = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); map.addLayer(baseLayers["Map"]); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(baseLayers, null, opts.layersControl.options); controlElevation.load(opts.elevationControl.url); controlElevation.addTo(map); controlLayer.addTo(map); map.on('eledata_loaded', function(e) { var coordinateGPX = ""; var latitude = controlElevation.getBounds().getCenter().lat; var longitude = controlElevation.getBounds().getCenter().lng; if( coordinateGPX != "false"){ let coordinateList = coordinateGPX.split(","); latitude = parseFloat(coordinateList[0]); longitude = parseFloat(coordinateList[1]); } map.setView([latitude, longitude], 15); }); } } if( $('#mapa-oets').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var scriptmapoet = document.createElement('script'); scriptmapoet.type = "text/javascript"; scriptmapoet.src = "/export/system/modules/es.segittur.infoPractica/resources/mapa-oets-sh.js"; $('body').append(scriptmapoet); } if( $('.resultados-mapa').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); if( $('.sh-mapa-interactivo').length ){ var mapai = document.createElement('script'); mapai.type = "text/javascript"; mapai.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-interactivo.js"; $('body').append(mapai); } if( $('.mapa-buscador').length ){ $('#modal-mapa-buscador').on('shown.bs.modal', function(e) { var mapab = document.createElement('script'); mapab.type = "text/javascript"; mapab.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-buscador.js"; $('body').append(mapab); $('.header').css('z-index', '9'); }); $('#modal-mapa-buscador').on('hidden.bs.modal', function(e){ $('.header').css('z-index', '999999999'); }); } $('#resultados-texto').click(function(){ $('html, body').animate({scrollTop: $(this).offset().top - 70 },'slow'); }); $('.navbar-toggler').click(function(){ var ide = $(this).attr('data-target'); var cajas = $("[class^='wrapper-lista-'].show"); if (!$(ide).hasClass("show")) { $(cajas).removeClass('show'); } if(!$(cajas).length){ $('.header-relative').css({'overflow':'hidden', 'position':'fixed'}); } else { $('.header-relative').css({'overflow':'inherit', 'position':'inherit'}); } }); $('#padre').on('shown.bs.collapse', function () { $(this).find('input').prop('checked', true); }); $('#padre').on('hidden.bs.collapse', function () { $(this).find('input').prop('checked', false); }); } if( $('#mapa-pueblosbonitos').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaPueblosBonitos = document.createElement('script'); mapaPueblosBonitos.type = "text/javascript"; mapaPueblosBonitos.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-pueblos-bonitos.js"; $('body').append(mapaPueblosBonitos); var localemapapb = 'fr'; } if( $('#mapa-taxFree').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaTaxFree = document.createElement('script'); mapaTaxFree.type = "text/javascript"; mapaTaxFree.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-tax-free.js"; $('body').append(mapaTaxFree); var localemapapb = 'fr'; } if( $('#ac-container').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.actividades/resources/js/autocomplete/ac-experiencias.js"; $('body').append(scriptmapai); } if( $('.twentytwenty-container').length ){ $('<link href="/export/system/modules/es.segittur.comun/resources/css/foundation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/twentytwenty.css" rel="stylesheet">').appendTo('head'); var scriptcomp = document.createElement('script'); scriptcomp.type = "text/javascript"; scriptcomp.src = "/export/system/modules/es.segittur.comun/resources/js/twentytwenty.js"; $('body').append(scriptcomp); } </script></body> </html>

CINXE.COM

Le climat en Espagne | spain.info