CINXE.COM
Actualités et dossiers par Météo-France
<!DOCTYPE html> <html lang="fr" dir="ltr"> <head> <meta charset="utf-8" /> <script type="text/javascript">window.gdprAppliesGlobally=true;(function(){function a(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)} else{setTimeout(function(){a(e)},5)}}}function e(n,r,o,c,s){function e(e,t,n,a){if(typeof n!=="function"){return}if(!window[r]){window[r]=[]}var i=false;if(s){i=s(e,t,n)}if(!i){window[r].push({command:e,parameter:t,callback:n,version:a})}}e.stub=true;function t(a){if(!window[n]||window[n].stub!==true){return}if(!a.data){return} var i=typeof a.data==="string";var e;try{e=i?JSON.parse(a.data):a.data}catch(t){return}if(e[o]){var r=e[o];window[n](r.command,r.parameter,function(e,t){var n={};n[c]={returnValue:e,success:t,callId:r.callId};a.source.postMessage(i?JSON.stringify(n):n,"*")},r.version)}} if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");a("__tcfapiLocator");(function(e){ var t=document.createElement("script");t.id="spcloader";t.type="text/javascript";t.async=true;t.src="https://sdk.privacy-center.org/"+e+"/loader.js?target="+document.location.hostname;t.charset="utf-8";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)})("8c880641-da9f-4e73-8a6a-4291d4268f52")})();</script> <script type="text/javascript"> (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-KN7SN62'); </script> <link rel="preconnect" href="https://rpcache-aa.meteofrance.com" /> <link rel="canonical" href="https://meteofrance.com/actualites-et-dossiers" /> <meta name="description" content="Tous nos contenus pour suivre l'actualité météorologique et climatique, pour comprendre les phénomènes météo et découvrir la météo autrement." /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/sites/meteofrance.com/files/favicon_0.png" type="image/png" /> <link rel="alternate" hreflang="fr" href="https://meteofrance.com/actualites-et-dossiers" /> <link rel="revision" href="https://meteofrance.com/actualites-et-dossiers" /> <link rel="preconnect" href="https://rpcache-aa.meteofrance.com" crossorigin="anonymous" /> <link rel="preload" as="font" href="/modules/custom/mf_tools_common_theme_public/fonts/fa.woff2" crossorigin="anonymous" type="font/woff2" /> <link rel="preload" as="font" href="/modules/custom/mf_tools_common/fonts/Quicksand-Regular.woff2" crossorigin="anonymous" type="font/woff2" /> <link rel="preload" as="font" href="/modules/custom/mf_tools_common/fonts/Roboto-Bold.woff2" crossorigin="anonymous" type="font/woff2" /> <link rel="preload" as="font" href="/modules/custom/mf_tools_common/fonts/Roboto-Regular.woff2" crossorigin="anonymous" type="font/woff2" /> <link rel="preload" as="font" href="/modules/custom/mf_tools_common/fonts/Quicksand-Bold.woff2" crossorigin="anonymous" type="font/woff2" /> <title>Actualités et dossiers par Météo-France</title> <link rel="stylesheet" media="all" href="/sites/meteofrance.com/files/css/css_QtWfASpS03lCMy2bLcCz6Tqx8qW43H38RG0pSY7SNJQ.css" /> <link rel="stylesheet" media="all" href="/sites/meteofrance.com/files/css/menu-css/menu_icons_1737369478.css?sqduva" /> <link rel="stylesheet" media="all" href="/sites/meteofrance.com/files/css/css_y2XtQShJ7ruh6S9R8trj14C7BQE5hcxmhS_lNDDZum0.css" /> <link rel="stylesheet" media="all" href="/sites/meteofrance.com/files/css/css_UGLm9h04IHha1x27Xr9mpw1HU8pxp9gyUPwwNZ70nyQ.css" /> <!--[if lte IE 8]> <script src="/sites/meteofrance.com/files/js/js_VtafjXmRvoUgAzqzYTA3Wrjkx9wcWhjP0G4ZnnqRamA.js"></script> <![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="HandheldFriendly" content="true" /> <meta name="apple-touch-fullscreen" content="YES" /> <meta name="theme-color" content="#145e9a"> <meta name="google-site-verification" content="aXi6A82dpBwLkYa3Skx_4krUuHJXx04etiwHH9Zjbd8"> </head> <body class="toolbar-themes toolbar-no-tabs toolbar-no-icons toolbar-themes-admin-theme--adminimal-theme"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KN7SN62" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <main id="page_wrapper" role="main"> <header id="header" role="banner"> <section id="header_top"> <div class="container"> <div class="row"> <div id="header_top_left"> <figure class="marianne"> <a rel="noopener noreferrer" href="/"> <img src="/themes/custom/theme_public/dist/img/marianne.svg" alt="République française" title="République française"> </a> </figure> <div class="region region-header-left"> <div id="block-mflogo" class="block block-mf-logo"> <div id="custom-logo"> <a href="/" title="Prévisions Météo-France"> <img src="/sites/meteofrance.com/files/logo/LOGO_MF.png" alt="Météo-France à vos côtés, dans un climat qui change" title="Météo-France à vos côtés, dans un climat qui change" class="logo" width="80px" height="80px"> </a> </div> </div> </div> </div> <div id="header_top_middle"> <div class="region region-header-middle"> <div id="block-mfsearchform" class="block block-mf-search-form"> <style> </style> <form class="block_search_form"> <label class="visually-hidden">Rechercher une ville, un pays...</label> <input type="text" id="search_form_input" placeholder="Rechercher une ville, un pays..." autocomplete="off"/> <button type="submit" title="Lancer la recherche" aria-label="Lancer la recherche"></button> </form> <div id="search_results"> <div class="container"> <div id="search_loader"> <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div> </div> <div id="results_forecast"> <span class="h3"> <i class="fa fa-cloud-sun"></i> Prévisions </span> <ul></ul> <a class="all_results" id="all_results">Tous les résultats</a> </div> <!-- <div id="results_media"> <span class="h3"> <i class="fa fa-photo-video"></i> Médias </span> <ul></ul> </div> --> <div id="results_articles"> <span class="h3"> <i class="fa fa-newspaper"></i> Articles </span> <ul></ul> </div> </div> </div> </div> <nav role="navigation" aria-labelledby="block-publicmenusocialheader-menu" id="block-publicmenusocialheader" class="block block-menu navigation menu--public---menu-social-header"> <span class="visually-hidden" id="block-publicmenusocialheader-menu">Menu Réseaux sociaux</span> <ul class="menu"> <li class="menu-icon-37 menu-item"> <a href="https://www.facebook.com/MeteoFrance/" class="fa fa-facebook-f-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Facebook">Facebook</a> </li> <li class="menu-icon-38 menu-item"> <a href="https://twitter.com/meteofrance" class="fa fa-twitter-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Twitter">Twitter</a> </li> <li class="menu-icon-142 menu-item"> <a href="https://fr.linkedin.com/company/meteo-france" class="fa fa-linkedin-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Linkedin">Linkedin</a> </li> </ul> </nav> </div> </div> <div id="header_top_right"> <button class="mobile_button search" aria-label="Rechercher une ville, un pays..." ></button> <button class="mobile_button bookmarks" id="open_bookmarks" aria-label="Ouvrir les favoris"></button> <div class="region region-header-right"> <div id="block-mfnotifications" class="block block-mf-notifications"> <div class="block_notifications" id="notifications" v-cloak v-if="notificationsStorage" > <transition name="fade"> <button aria-label="Ouvrir les notifications" title="Ouvrir les notifications" :class="{'has_notifications': getNbUnviewedNotifications() > 0 }" v-on:click="updateNotificationsDisplayed(); updateView();"> <span v-if="getNbUnviewedNotifications() > 0" :aria-label="getNbUnviewedNotifications()+' Notifications'" :class="{'new': getNbUnviewedNotifications() > 0 }">${getNbUnviewedNotifications()}</span> </button> </transition> <transition name="fade"> <div class="notifications-container" v-if="notificationsDisplayed"> <ul> <li v-for="(notification, index) in getUnviewedNotifications()" v-if="notification.message != ''"> <a title="Ouvrir le lien de la notification" target="_blank" v-bind:href="notification.link" v-if="notification.link && notification.link != '' && notification.link_type != 'No Follow'"> <span v-if="notification.start_date_enable == 1">${formatDate(notification.start_date)}</span><span v-if="notification.start_date_enable == 0">${formatDate(notification.date_created)}</span> ${notification.message} </a> <a title="Ouvrir le lien de la notification" rel="nofollow" target="_blank" v-bind:href="notification.link" v-if="notification.link && notification.link != '' && notification.link_type && notification.link_type == 'No Follow'"> <span v-if="notification.start_date_enable == 1">${formatDate(notification.start_date)}</span><span v-if="notification.start_date_enable == 0">${formatDate(notification.date_created)}</span> ${notification.message} </a> <p v-if="(!notification.link || notification.link == '')"> <span v-if="notification.start_date_enable == 1">${formatDate(notification.start_date)}</span><span v-if="notification.start_date_enable == 0">${formatDate(notification.date_created)}</span> ${notification.message} </p> </li> </ul> </div> </transition> </div> </div> <div id="block-mfvigilanceheader" class="block block-mf-vigilance-header"> <style> [v-cloak] { display: none; } /*#vigilance_header{ flex-direction: column; }*/ .miniatures { display: flex; } .vigilance-header-title,.miniature-date { font-family: "Quicksand",sans-serif; font-weight: bold; color: #145e9a; margin: 0; padding: 0; } .block_vigilance_alert { position: relative!important; top: auto!important; right:auto!important; } .block_vigilance_header .block_vigilance_alert.vigilance-jaune p.label:before { font-size: 30px!important; } </style> <div v-cloak class="block_vigilance_header" id="vigilance_header"> <div class="miniatures" v-if="device !== 'small'"> <a v-if="miniatureToday" href="//vigilance.meteofrance.fr/fr" target="_blank" rel="nofollow noopener" title="Vigilance Météo-France"> <div class="block_map_vigilance" v-if="miniatureToday"> <img :src="miniatureToday" alt="Carte vigilance " title="Carte vigilance " /> <span class="miniature-date">Aujourd'hui</span> </div> </a> <a v-if="miniatureTomorrow" href="//vigilance.meteofrance.fr/fr/demain" target="_blank" rel="nofollow noopener" title="Vigilance Météo-France Demain"> <div class="block_map_vigilance" v-if="miniatureTomorrow"> <img :src="miniatureTomorrow" alt="Carte vigilance " title="Carte vigilance " /> <span class="miniature-date">Demain</span> </div> </a> </div> <div> <a href='//vigilance.meteofrance.fr/fr' target='_blank' class="block_vigilance_alert tooltip_container" :class="{ 'vigilance-rouge': vigilance_level && vigilance_level == 4, 'vigilance-orange': vigilance_level && vigilance_level == 3, 'vigilance-jaune': vigilance_level && vigilance_level == 2, 'vigilance-verte': vigilance_level && vigilance_level < 2, }" role="alert" > <p aria-describedby="tooltipVigilance" class="label"> Vigilance météo </p> <div class="tooltip" id="tooltipVigilance"> <i aria-label="Alerte" class="alert"></i> <p v-if="vigilance_level && vigilance_level < 2">Pas de vigilance particulière</p> <p v-if="vigilance_level && vigilance_level == 2">Soyez attentif</p> <p v-if="vigilance_level && vigilance_level == 3">Soyez très vigilant</p> <p v-if="vigilance_level && vigilance_level == 4">Une vigilance absolue s'impose</p> </div> </a> </div> </div> </div> </div> <button aria-label="Ouvrir le menu" title="Ouvrir le menu" class="toggle_sidebar_menu" role="button"> </button> </div> </div> </div> </section> <section id="header_middle"> <div class="container"> <div class="row"> <nav role="navigation" aria-labelledby="block-publicmenuprincipal-menu" id="block-publicmenuprincipal" class="block block-menu navigation menu--public---menu-main"> <span class="visually-hidden" id="block-publicmenuprincipal-menu">PUBLIC - Menu principal</span> <ul class="menu"> <li class="menu-icon-1 menu-item"> <a href="/" class="fas fa-cloud-sun" title="Prévisions Météo-France" data-drupal-link-system-path="<front>">Previsions</a> </li> <li class="menu-icon-241 menu-item"> <a href="/meteo-marine" class="fas fa-water is-active" title="Météo Marine" data-drupal-link-system-path="node/574681">Meteo Marine</a> </li> <li class="menu-icon-150 menu-item"> <a href="/meteo-montagne" class="fas fa-mountain" title="Météo Montagne" data-drupal-link-system-path="node/5">Meteo Montagne</a> </li> <li class="menu-icon-3 menu-item menu-item--expanded"> <a href="/climat" class="fas fa-globe-europe" title="Climat et Changement climatique" data-drupal-link-system-path="node/42497">Climat</a> <ul class="menu"> <li class="menu-icon-221 menu-item menu-item--expanded"> <span title="Services climatiques">Services climatiques</span> <ul class="menu"> <li class="menu-icon-224 menu-item"> <a href="http://www.drias-climat.fr/" rel="nofollow" target="_blank" title="Drias, les futurs du climat">DRIAS, les futurs du climat</a> </li> <li class="menu-icon-298 menu-item"> <a href="/actualites-et-dossiers/actualites/drias-eau-quel-futur-pour-leau-en-2050" rel="nofollow" target="_self" title="DRIAS, les futurs de l'eau" data-drupal-link-system-path="node/575050">DRIAS-Eau, les futurs de l'eau</a> </li> <li class="menu-icon-337 menu-item"> <a href="/le-changement-climatique/climadiag-agriculture-un-service-pour-sadapter-au-rechauffement-climatique" rel="nofollow" target="_self" title="Climadiag Agriculture" data-drupal-link-system-path="node/576331">Climadiag Agriculture</a> </li> <li class="menu-icon-334 menu-item"> <a href="/le-changement-climatique/climadiag-commune" title="Climadiag Commune" data-drupal-link-system-path="node/574430">Climadiag Commune</a> </li> <li class="menu-icon-328 menu-item"> <a href="/le-changement-climatique/climadiag-chaleur-en-ville" data-drupal-link-system-path="node/576049">Climadiag Chaleur en ville</a> </li> <li class="menu-icon-289 menu-item"> <a href="/climadiag-entreprise" title="Climadiag Entreprise" data-drupal-link-system-path="node/575038">Climadiag Entreprise</a> </li> <li class="menu-icon-283 menu-item"> <a href="/climathd" title="Climat HD" data-drupal-link-system-path="node/575029">Climat HD</a> </li> </ul> </li> <li class="menu-icon-42 menu-item menu-item--expanded"> <a href="/comprendre-climat" title="Comprendre le climat" data-drupal-link-system-path="node/42499">Comprendre le climat</a> <ul class="menu"> <li class="menu-icon-48 menu-item"> <a href="/comprendre-climat/monde" title="Le Climat Mondial" data-drupal-link-system-path="node/87256">Le Climat Mondial</a> </li> <li class="menu-icon-47 menu-item"> <a href="/comprendre-climat/france" title="Le Climat en France" data-drupal-link-system-path="node/87257">Le Climat en France</a> </li> <li class="menu-icon-90 menu-item"> <a href="/comprendre-climat/etudier-climat-passe" title="Etudier le Climat Passé" data-drupal-link-system-path="node/87259">Etudier le Climat Passé</a> </li> </ul> </li> <li class="menu-icon-41 menu-item menu-item--expanded"> <a href="/changement-climatique" title="Changement Climatique" data-drupal-link-system-path="node/42500">Le Changement Climatique</a> <ul class="menu"> <li class="menu-icon-46 menu-item"> <a href="/changement-climatique/observer" title="Observer le Changement Climatique" data-drupal-link-system-path="node/87260">Observer le Changement Climatique</a> </li> <li class="menu-icon-91 menu-item"> <a href="/changement-climatique/quel-climat-futur" title="Quel Climat Futur ?" data-drupal-link-system-path="node/87265">Quel Climat Futur ?</a> </li> </ul> </li> <li class="menu-icon-190 menu-item menu-item--expanded"> <span title="Normales et Relevés Météorologiques">Normales et Relevés</span> <ul class="menu"> <li class="menu-icon-193 menu-item"> <a href="/climat/normales/france" title="Climat : Normales et Records" data-drupal-link-system-path="climat/normales/france">Normales et Records</a> </li> <li class="menu-icon-196 menu-item"> <a href="/climat/releves/france" title="Relevés Météorologiques" data-drupal-link-system-path="climat/releves/france">Relevés Météorologiques</a> </li> <li class="menu-icon-208 menu-item"> <a href="https://meteofrance.fr/actualite/publications/les-publications-de-meteo-france" rel="nofollow" target="_blank" title="Bulletins Climatologiques">Bulletins Climatologiques</a> </li> </ul> </li> <li class="menu-icon-4 menu-item menu-item--expanded"> <span class="no-clickable" target="_blank" title="Tendances à 3 Mois">Tendances à 3 Mois</span> <ul class="menu"> <li class="menu-icon-147 menu-item"> <a href="https://meteofrance.fr/actualite/publications/les-tendances-climatiques-trois-mois" rel="nofollow" target="_blank" title="Tendances à trois mois">Tendances à 3 Mois</a> </li> </ul> </li> </ul> </li> <li class="menu-icon-5 active-trail t_active menu-item menu-item--expanded menu-item--active-trail"> <a href="/actualites-et-dossiers" class="fas fa-newspaper is-active" title="Actualités météo et Dossiers" data-drupal-link-system-path="node/87141">Actus & Dossiers</a> <ul class="menu"> <li class="menu-icon-57 menu-item menu-item--expanded"> <a href="/actualites" data-drupal-link-system-path="node/42494">Actualités</a> <ul class="menu"> <li class="menu-icon-45 menu-item"> <a href="/actualites/a-la-une" data-drupal-link-system-path="node/42503">A la une</a> </li> <li class="menu-icon-43 menu-item"> <a href="/actualites/previsions" data-drupal-link-system-path="node/42501">Infos prévisions</a> </li> <li class="menu-icon-49 menu-item"> <a href="/actualites/climat" data-drupal-link-system-path="node/87031">Infos climat</a> </li> <li class="menu-icon-50 menu-item"> <a href="/actualites/planete" data-drupal-link-system-path="node/87085">Planète</a> </li> <li class="menu-icon-51 menu-item"> <a href="/actualites/entretiens" data-drupal-link-system-path="node/87106">Entretiens</a> </li> <li class="menu-icon-80 menu-item"> <a href="/meteo-et-histoire" data-drupal-link-system-path="node/87227">Météo et histoire</a> </li> <li class="menu-icon-103 menu-item"> <a href="/magazine/meteo-questions" data-drupal-link-system-path="node/87333">La météo en questions</a> </li> </ul> </li> <li class="menu-icon-61 menu-item menu-item--expanded"> <a href="/comprendre-la-meteo" data-drupal-link-system-path="node/87143">Comprendre la météo</a> <ul class="menu"> <li class="menu-icon-81 menu-item"> <a href="/comprendre-la-meteo/saisons" data-drupal-link-system-path="node/87197">Les saisons</a> </li> <li class="menu-icon-82 menu-item"> <a href="/comprendre-la-meteo/le-vent" data-drupal-link-system-path="node/87198">Le vent</a> </li> <li class="menu-icon-83 menu-item"> <a href="/comprendre-la-meteo/temperatures" data-drupal-link-system-path="node/87200">La température</a> </li> <li class="menu-icon-84 menu-item"> <a href="/comprendre-la-meteo/atmosphere" data-drupal-link-system-path="node/87202">L'atmosphère</a> </li> <li class="menu-icon-85 menu-item"> <a href="/comprendre-la-meteo/precipitations" data-drupal-link-system-path="node/87204">Les précipitations</a> </li> <li class="menu-icon-86 menu-item"> <a href="/comprendre-la-meteo/orages" data-drupal-link-system-path="node/87208">Les orages</a> </li> <li class="menu-icon-87 menu-item"> <a href="/comprendre-la-meteo/nuages" data-drupal-link-system-path="node/87209">Les nuages</a> </li> <li class="menu-icon-88 menu-item"> <a href="/comprendre-la-meteo/arc-en-ciel" data-drupal-link-system-path="node/87212">Arc-en-ciel et mirage</a> </li> <li class="menu-icon-89 menu-item"> <a href="/comprendre-la-meteo/oceans" data-drupal-link-system-path="node/87213">Les océans</a> </li> </ul> </li> <li class="menu-icon-310 menu-item"> <a href="/comprendre-la-vigilance" title="Comprendre la Vigilance" data-drupal-link-system-path="node/575302">Comprendre la Vigilance météo</a> </li> <li class="menu-icon-247 menu-item menu-item--expanded"> <a href="/education" title="Rubrique Education" data-drupal-link-system-path="node/575014">Éducation </a> <ul class="menu"> <li class="menu-icon-253 menu-item menu-item--collapsed"> <a href="/education/comprendre-la-meteo" title="Comprendre la météo" data-drupal-link-system-path="node/574999">Comprendre la météo</a> </li> <li class="menu-icon-256 menu-item"> <a href="/education/comprendre-le-climat" title="Comprendre le Climat" data-drupal-link-system-path="node/575002">Comprendre le climat</a> </li> <li class="menu-icon-262 menu-item"> <a href="/education/partenariats-educatifs" title="Partenariats éducatifs" data-drupal-link-system-path="node/575752">Partenariats éducatifs</a> </li> <li class="menu-icon-265 menu-item"> <a href="/education/formation-et-metiers" title="Education : Formation et métiers" data-drupal-link-system-path="node/575011">Formation et métiers</a> </li> </ul> </li> </ul> </li> <li class="menu-icon-6 menu-item"> <a href="https://services.meteofrance.com" class="fas fa-user-plus" rel="nofollow noopener" target="_blank" title="Offres et Services de Météo-France">Nos Services</a> </li> </ul> </nav> <button id="menu_burger" aria-label="Ouvrir le menu" title="Ouvrir le menu" class="toggle_sidebar_menu" role="button"> </button> </div> </div> </section> <section id="header_bottom"> <div class="container"> <div class="row"> <div id="block-mfbarrefavoris" class="block block-mf-barre-favoris"> <div id="barre-favoris" v-cloak> <ul id="barre-favoris-list"> <li v-for="(favori, index) in favoris.getFavoris()"> <p></p> <a class="favori-link" :href="favori.getPoi().path"> <span class="icon-type-favoris" :class="favori.getPoi().type"></span> <i v-if="favori.getPoi().icon_poi" :aria-label="'Icone ' + favori.getPoi().name" v-bind:class="favori.getPoi().icon_poi"></i> <p aria-label="Ville"> <span>${favori.getPoi().name.slice(0, maxlength)}<span v-if="favori.getPoi().name.length >= maxlength">...</span></span> <span v-if="favori.getPoi().country != null && favori.getPoi().country != '' && favori.getPoi().country.substring(0, 2) != 'FR'">(${favori.getPoi().country.substring(0, 2)})</span> <span v-if="favori.getPoi().country == null && favori.getPoi().dpt != null && favori.getPoi().dpt != ''">(${favori.getPoi().dpt})</span> </p> <i v-if="favori.warningColor == 2" alt="VIGILANCE JAUNE" title="VIGILANCE JAUNE" aria-label="vigilance jaune" class="fa fa-exclamation-triangle vigilance jaune"></i> <i v-if="favori.warningColor == 3" alt="VIGILANCE ORANGE" title="VIGILANCE ORANGE" aria-label="vigilance orange" class="fa fa-exclamation-triangle vigilance orange"></i> <i v-if="favori.warningColor == 4" alt="VIGILANCE ROUGE" title="VIGILANCE ROUGE" aria-label="vigilance rouge" class="fa fa-exclamation-triangle vigilance rouge"></i> <i v-if="favori.warningColor == 5" alt="VIGILANCE VIOLETTE" title="VIGILANCE VIOLETTE" aria-label="vigilance violette" class="fa fa-exclamation-triangle vigilance violette"></i> <i v-if="favori.warningColor == 1.5" alt="VIGILANCE GRISE" title="VIGILANCE GRISE" aria-label="vigilance grise" class="fa fa-exclamation-triangle vigilance grise"></i> <i v-if="favori.warningColor == 6" alt="VIGILANCE BLEU-GRIS CYCLONE" title="VIGILANCE BLEU-GRIS CYCLONE" aria-label="vigilance bleu-gris cyclone" class="fa fa-exclamation-triangle vigilance bleu-gris-cyclone"></i> <i v-if="favori.warningColor == 7 && favori.getPoi().dpt == '976'" alt="VIGILANCE BLANCHE CYCLONE" title="VIGILANCE BLANCHE CYCLONE" aria-label="vigilance blanche cyclone" class="fa fa-exclamation-triangle vigilance blanc-cyclone"></i> <i v-if="favori.warningColor == 7 && favori.getPoi().dpt != '976'" alt="VIGILANCE JAUNE CYCLONE" title="VIGILANCE JAUNE CYCLONE" aria-label="vigilance jaune cyclone" class="fa fa-exclamation-triangle vigilance jaune-cyclone"></i> <i v-if="favori.warningColor == 8" alt="VIGILANCE ORANGE CYCLONE" title="VIGILANCE ORANGE CYCLONE" aria-label="vigilance orange cyclone" class="fa fa-exclamation-triangle vigilance orange-cyclone"></i> <i v-if="favori.warningColor == 9" alt="VIGILANCE ROUGE CYCLONE" title="VIGILANCE ROUGE CYCLONE" aria-label="vigilance rouge cyclone" class="fa fa-exclamation-triangle vigilance rouge-cyclone"></i> <i v-if="favori.warningColor == 10" alt="VIGILANCE VIOLETTE CYCLONE" title="VIGILANCE VIOLETTE CYCLONE" aria-label="vigilance violette cyclone" class="fa fa-exclamation-triangle vigilance violette-cyclone"></i> <img v-if="favori.getForecastNow() != null && favori.getForecastNow().weather_icon != null" :src="'/modules/custom/mf_tools_common_theme_public/svg/weather/' + favori.getForecastNow().weather_icon + '.svg'" :alt="'METEO '+favori.getPoi().name" class="icon shape-weather" style="width:35px" :title="'METEO '+favori.getPoi().name"/> <strong v-if="favori.getForecastNow() != null && favori.getForecastNow().T != null" :aria-label="'Température à '+favori.getPoi().name">${Math.round(favori.getForecastNow().T)}°</strong> </a> <div class="dot-menu" v-on:click="displayMenu(index)"> <ul class="dot-menu-content" v-if="menuCurrentlyDisplayed == index"> <li v-on:click="placeItemFirstPosition(index)">Placer à la 1<sup>ere</sup> place</li> <li v-on:click="removeItemFromFavoris(favori)">Effacer le favori</li> </ul> </div> </li> <li class="last"> <div id="add-favorite"> <div class="autocomplete"> <span v-on:click="showSearch(false)">Ajouter une ville</span> <button class="open" aria-label="Ajouter une ville" title="Ajouter une ville" v-if="stateSearch == false" v-on:click="showSearch(true)"></button> <button class="close" aria-label="Fermer" title="Fermer" v-if="stateSearch == true" v-on:click="showSearch(false)"></button> <div class="add-favorite-list" v-if="stateSearch"> <input @blur="setFocus(false)" @focus="setFocus(true)" id="myInput" name="newPOI" placeholder="Ajouter une ville" type="text" v-model="inputPoi" autocomplete="off" v-on:input="searchTest()"> <ul class="favorite-items" v-if="inputPoi != '' && magic_flag"> <li class="favorite-item" v-for="(poi, index) in getPoisList()" v-on:click="addFavoriteFromInput(poi)"> ${poi.name.slice(0, 50)} </li> <li class="favorite-item" v-if="getPoisList().length == 0">Aucun résultat</li> </ul> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </section> </header> <aside aria-hidden="true" id="sidebar_page"> <div class="inner"> <button aria-label="Fermer le menu" title="Fermer le menu" id="sidebar_close_mobile" class="fa fa-times"></button> <div id="sidebar_header"> <figure class="marianne"> <img src="/themes/custom/theme_public/dist/img/marianne.svg" onerror="/themes/custom/theme_public/dist/img//marianne.svg" alt="République française" title="République française"> </figure> <a id="logo_sidebar" rel="noopener noreferrer" href="https://www.meteofrance.com" target="_blank" title="Météo-France - page d'accueil" aria-label="Météo-France - page d'accueil"> <img src="/themes/custom/theme_public/dist/img/logo_fond_bleu.svg" width="70" class="Logo" title="Météo-France : à vos côtés, dans un climat qui change" alt="Météo-France : à vos côtés, dans un climat qui change"> </a> </div> <div class="region region-burger"> <div id="block-mfvigilanceburger" class="block block-mf-vigilance-header block-mf-vigilance-burger"> <a id="vigilance_link_burger" class="vigilance_link" :class="{ 'rouge': vigilance_level == 4, 'orange': vigilance_level == 3, 'jaune': vigilance_level == 2, 'vert': vigilance_level < 2, }" href="//vigilance.meteofrance.fr/fr" target="_blank" rel="nofolow noopener" title="Vigilance Météo-France"> <span>Vigilance </span> </a> </div> <nav role="navigation" aria-labelledby="block-publicmenuburger-menu" id="block-publicmenuburger" class="block block-menu navigation menu--public---menu-burger"> <span class="visually-hidden" id="block-publicmenuburger-menu">PUBLIC - Menu burger</span> <ul class="menu"> <li class="menu-icon-12 menu-item"> <a href="/" class="fas fa-home" data-drupal-link-system-path="<front>">Accueil</a> </li> <li class="menu-icon-69 menu-item"> <a href="https://meteofrance.fr" class="fas fa-newspaper" rel="nofollow noopener" target="_blank" title="Site institutionnel Météo-France">Site Institutionnel</a> </li> <li class="menu-icon-27 menu-item menu-item--expanded"> <a href="/climat" class="fas fa-globe-americas no-clickable" title="Météo-France et le Climat" data-drupal-link-system-path="node/42497">Climat</a> <ul class="menu"> <li class="menu-icon-146 menu-item"> <a href="https://meteofrance.fr/actualite/publications/les-publications-de-meteo-france/les-dernieres-previsions-saisonnieres" class="fas fa-globe-americas" rel="nofollow" target="_blank" title="Tendances climatiques à trois mois">Tendances à 3 Mois</a> </li> <li class="menu-icon-93 menu-item menu-item--expanded"> <a href="/comprendre-climat" class="fas fa-globe-americas no-clickable" title="Services Climatiques" data-drupal-link-system-path="node/42499">Services Climatiques</a> <ul class="menu"> <li class="menu-icon-230 menu-item"> <a href="http://www.drias-climat.fr/" rel="nofollow" target="_blank" title="Drias">DRIAS, les futurs du climat</a> </li> <li class="menu-icon-301 menu-item"> <a href="/actualites-et-dossiers/actualites/drias-eau-quel-futur-pour-leau-en-2050" target="_self" title="DRIAS, les futurs de l'eau" data-drupal-link-system-path="node/575050">DRIAS-Eau, les futurs de l'eau</a> </li> <li class="menu-icon-340 menu-item"> <a href="/le-changement-climatique/climadiag-agriculture-un-service-pour-sadapter-au-rechauffement-climatique" rel="nofollow" target="_self" title="Climadiag Agriculture" data-drupal-link-system-path="node/576331">Climadiag Agriculture</a> </li> <li class="menu-icon-295 menu-item"> <a href="/le-changement-climatique/climadiag-commune" title="Climadiag Commune" data-drupal-link-system-path="node/574430">Climadiag Commune</a> </li> <li class="menu-icon-331 menu-item"> <a href="/le-changement-climatique/climadiag-chaleur-en-ville" data-drupal-link-system-path="node/576049">Climadiag Chaleur en ville</a> </li> <li class="menu-icon-233 menu-item"> <a href="/climadiag-entreprise" target="_self" title="Climadiag Entreprise" data-drupal-link-system-path="node/575038">Climadiag Entreprise</a> </li> <li class="menu-icon-292 menu-item"> <a href="/climathd" title="Climat HD" data-drupal-link-system-path="node/575029">Climat HD</a> </li> </ul> </li> <li class="menu-icon-94 menu-item menu-item--expanded"> <a href="/comprendre-climat" class="fas fa-globe-americas no-clickable" title="Comprendre le Climat" data-drupal-link-system-path="node/42499">Comprendre le Climat</a> <ul class="menu"> <li class="menu-icon-105 menu-item"> <a href="/comprendre-climat/monde" title="Le Climat Mondial" data-drupal-link-system-path="node/87256">Le Climat Mondial</a> </li> <li class="menu-icon-106 menu-item"> <a href="/comprendre-climat/france" title="Le Climat en France" data-drupal-link-system-path="node/87257">Le Climat en France</a> </li> <li class="menu-icon-107 menu-item"> <a href="/comprendre-climat/etudier-climat-passe" title="Etudier le Climat Passé" data-drupal-link-system-path="node/87259">Etudier le Climat Passé</a> </li> </ul> </li> <li class="menu-icon-95 menu-item menu-item--expanded"> <a href="/changement-climatique" class="fas fa-globe-americas no-clickable" title="Le Changement Climatique" data-drupal-link-system-path="node/42500">Le Changement Climatique</a> <ul class="menu"> <li class="menu-icon-108 menu-item"> <a href="/changement-climatique/observer" title="Observer le Changement Climatique" data-drupal-link-system-path="node/87260">Observer le Changement Climatique</a> </li> <li class="menu-icon-109 menu-item"> <a href="/changement-climatique/quel-climat-futur" title="Quel Climat Futur ?" data-drupal-link-system-path="node/87265">Quel Climat Futur ?</a> </li> </ul> </li> <li class="menu-icon-199 menu-item menu-item--expanded"> <span class="fas fa-globe-americas no-clickable" title="Normales et Relevés Météorologiques">Normales et Relevés</span> <ul class="menu"> <li class="menu-icon-202 menu-item"> <a href="/climat/normales/france" title="Climat : Normales et Records" data-drupal-link-system-path="climat/normales/france">Normales et Records</a> </li> <li class="menu-icon-205 menu-item"> <a href="/climat/releves/france" title="Climat Relevés" data-drupal-link-system-path="climat/releves/france">Relevés Météorologiques</a> </li> <li class="menu-icon-211 menu-item"> <a href="https://donneespubliques.meteofrance.fr/?fond=produit&id_produit=129&id_rubrique=29" rel="nofollow" target="_blank" title="Bulletins Climatologiques">Bulletins Climatologiques</a> </li> </ul> </li> </ul> </li> <li class="menu-icon-26 active-trail t_active menu-item menu-item--expanded menu-item--active-trail"> <a href="/actualites-et-dossiers" class="fas fa-newspaper no-clickable is-active" title="Actualités Météo-France" data-drupal-link-system-path="node/87141">Actus & dossiers</a> <ul class="menu"> <li class="menu-icon-111 menu-item menu-item--expanded"> <a href="/actualites" class="fa fa-newspaper no-clickable" title="Actualités Météo-France" data-drupal-link-system-path="node/42494">Actualités</a> <ul class="menu"> <li class="menu-icon-110 menu-item"> <a href="/actualites/a-la-une" data-drupal-link-system-path="node/42503">A la une</a> </li> <li class="menu-icon-115 menu-item"> <a href="/actualites/previsions" data-drupal-link-system-path="node/42501">Infos prévisions</a> </li> <li class="menu-icon-116 menu-item"> <a href="/actualites/climat" data-drupal-link-system-path="node/87031">Infos climat</a> </li> <li class="menu-icon-118 menu-item"> <a href="/actualites/planete" data-drupal-link-system-path="node/87085">Planète</a> </li> <li class="menu-icon-119 menu-item"> <a href="/actualites/entretiens" data-drupal-link-system-path="node/87106">Entretiens</a> </li> <li class="menu-icon-133 menu-item menu-item--collapsed"> <a href="/meteo-et-histoire" data-drupal-link-system-path="node/87227">Météo et histoire</a> </li> <li class="menu-icon-134 menu-item"> <a href="/magazine/meteo-questions" data-drupal-link-system-path="node/87333">La météo en questions</a> </li> </ul> </li> <li class="menu-icon-113 menu-item menu-item--expanded"> <a href="/comprendre-la-meteo" class="fa fa-newspaper no-clickable" title="Comprendre la météo" data-drupal-link-system-path="node/87143">Comprendre la Météo</a> <ul class="menu"> <li class="menu-icon-124 menu-item"> <a href="/comprendre-la-meteo/saisons" data-drupal-link-system-path="node/87197">Les saisons</a> </li> <li class="menu-icon-125 menu-item"> <a href="/comprendre-la-meteo/le-vent" data-drupal-link-system-path="node/87198">Le vent</a> </li> <li class="menu-icon-126 menu-item"> <a href="/comprendre-la-meteo/temperatures" data-drupal-link-system-path="node/87200">La température</a> </li> <li class="menu-icon-127 menu-item"> <a href="/comprendre-la-meteo/atmosphere" data-drupal-link-system-path="node/87202">L'atmosphère</a> </li> <li class="menu-icon-128 menu-item"> <a href="/comprendre-la-meteo/precipitations" data-drupal-link-system-path="node/87204">Les précipitations</a> </li> <li class="menu-icon-129 menu-item"> <a href="/comprendre-la-meteo/orages" data-drupal-link-system-path="node/87208">Les orages</a> </li> <li class="menu-icon-130 menu-item"> <a href="/comprendre-la-meteo/nuages" data-drupal-link-system-path="node/87209">Les nuages</a> </li> <li class="menu-icon-131 menu-item"> <a href="/comprendre-la-meteo/arc-en-ciel" data-drupal-link-system-path="node/87212">Arc-en-ciel et mirage</a> </li> <li class="menu-icon-132 menu-item"> <a href="/comprendre-la-meteo/oceans" data-drupal-link-system-path="node/87213">Les océans</a> </li> </ul> </li> <li class="menu-icon-313 menu-item"> <a href="/comprendre-la-vigilance" class="fa fa-newspaper" title="Comprendre la Vigilance" data-drupal-link-system-path="node/575302">Comprendre la Vigilance météo</a> </li> <li class="menu-icon-250 menu-item menu-item--expanded"> <a href="/education" class="fa fa-newspaper" title="Education" data-drupal-link-system-path="node/575014">Éducation </a> <ul class="menu"> <li class="menu-icon-325 menu-item"> <a href="/education/nos-actualites-pour-leducation" data-drupal-link-system-path="node/575758">Nos actualités pour l'Éducation</a> </li> <li class="menu-icon-271 menu-item menu-item--collapsed"> <a href="/education/comprendre-la-meteo" data-drupal-link-system-path="node/574999">Comprendre la météo</a> </li> <li class="menu-icon-274 menu-item"> <a href="/education/comprendre-le-climat" data-drupal-link-system-path="node/575002">Comprendre le climat</a> </li> <li class="menu-icon-268 menu-item"> <a href="/education/partenariats-educatifs" data-drupal-link-system-path="node/575752">Partenariats éducatifs</a> </li> <li class="menu-icon-280 menu-item"> <a href="/education/formation-et-metiers" data-drupal-link-system-path="node/575011">Formation et métiers</a> </li> </ul> </li> </ul> </li> <li class="menu-icon-14 menu-item menu-item--expanded"> <span class="fas fa-globe-asia" title="Météo Outre-mer">Meteo Outre Mer</span> <ul class="menu"> <li class="menu-icon-16 menu-item"> <a href="https://meteofrance.re/" rel="nofollow noopener" target="_blank" title="Météo-France La Réunion">La Réunion</a> </li> <li class="menu-icon-17 menu-item"> <a href="https://meteofrance.yt/" rel="nofollow noopener" target="_blank" title="Météo-France Mayotte">Mayotte</a> </li> <li class="menu-icon-18 menu-item"> <a href="https://www.meteo.nc" rel="nofollow noopener" target="_blank" title="Météo-France Nouvelle Calédonie">Nouvelle Calédonie</a> </li> <li class="menu-icon-54 menu-item"> <a href="https://meteofrance.gp/fr" rel="nofollow noopener" target="_blank" title="Météo-France Guadeloupe, Saint Martin, Saint Barthélemy">Guadeloupe, Saint Martin, Saint Barthélemy</a> </li> <li class="menu-icon-163 menu-item"> <a href="https://meteofrance.gf/fr" rel="nofollow" target="_blank" title="Météo-France Guyane">Guyane</a> </li> <li class="menu-icon-160 menu-item"> <a href="https://meteofrance.mq/fr" rel="nofollow" target="_blank" title="Météo-France Martinique">Martinique</a> </li> <li class="menu-icon-53 menu-item"> <a href="https://meteo.pf" rel="nofollow noopener" target="_blank" title="Météo-France Polynésie Française">Polynésie Française</a> </li> <li class="menu-icon-55 menu-item"> <a href="https://meteofrance.pm/" rel="nofollow noopener" target="_blank" title="Météo-France Saint-Pierre-et-Miquelon">Saint-Pierre-et-Miquelon</a> </li> </ul> </li> <li class="menu-icon-244 menu-item"> <a href="/meteo-marine" class="fas fa-water is-active" title="Météo Marine" data-drupal-link-system-path="node/574681">Meteo Marine</a> </li> <li class="menu-icon-307 menu-item"> <a href="/meteo-des-forets" class="fa-tree" title="Météo des Forêts" data-drupal-link-system-path="node/575170">Météo des Forêts</a> </li> <li class="menu-icon-19 menu-item"> <a href="/meteo-montagne" class="fas fa-mountain" title="Météo Montagne" data-drupal-link-system-path="node/5">Meteo Montagne</a> </li> <li class="menu-icon-23 menu-item"> <a href="/meteo-plages" class="fas fa-umbrella-beach" title="Météo des Plages" data-drupal-link-system-path="node/42085">Meteo des plages</a> </li> <li class="menu-icon-316 menu-item"> <a href="https://vigieau.gouv.fr/" class="fas fa-newspaper" rel="nofollow" target="_blank" title="VigiEau, les restrictions d'eau me concernent-elles ?">VigiEau</a> </li> <li class="menu-icon-75 menu-item menu-item--expanded"> <a href="/images-radar" class="fas fa-globe-africa no-clickable" title="Animations Météo-France" data-drupal-link-system-path="node/568457">ANIMATIONS</a> <ul class="menu"> <li class="menu-icon-76 menu-item"> <a href="/images-radar" title="Animations RADAR" data-drupal-link-system-path="node/568457">Images RADAR</a> </li> <li class="menu-icon-77 menu-item"> <a href="/images-satellites" title="Animations Satellites" data-drupal-link-system-path="node/568461">Images Satellites</a> </li> </ul> </li> <li class="menu-icon-25 menu-item menu-item--expanded"> <a href="https://meteofrance.fr" class="fas fa-question-circle no-clickable" rel="nofollow noopener" target="_blank" title="Site institutionnel de Météo-France">A propos de Météo-France</a> <ul class="menu"> <li class="menu-icon-319 menu-item"> <a href="/carte-didentite-de-meteo-france" title="Carte d'identité de Météo-France" data-drupal-link-system-path="node/575359">Notre carte d'identité</a> </li> <li class="menu-icon-343 menu-item"> <a href="https://careers.flatchr.io/fr/company/meteofrance/">Nous rejoindre</a> </li> <li class="menu-icon-72 menu-item"> <a href="https://meteofrance.fr/actualite/presse" rel="nofollow noopener" target="_blank" title="Service Presse de Météo-France">Espace Presse</a> </li> <li class="menu-icon-68 menu-item"> <a href="/informations-environnementales" title="Informations Environnementales" data-drupal-link-system-path="node/87150">Informations Environnementales</a> </li> <li class="menu-icon-70 menu-item"> <a href="/marches-publics" title="Marchés Publics" data-drupal-link-system-path="node/87151">Marchés Publics</a> </li> <li class="menu-icon-71 menu-item"> <a href="/autres-sites" title="Sites Météo-France" data-drupal-link-system-path="node/87153">Autres sites</a> </li> </ul> </li> <li class="menu-icon-139 menu-item"> <a href="https://donneespubliques.meteofrance.fr/" class="fas fa-user-plus" rel="nofollow" target="_blank" title="Données Publiques de Météo-France">OPEN DATA</a> </li> <li class="menu-icon-21 menu-item"> <a href="https://services.meteofrance.com/" class="fas fa-user-plus" rel="nofollow noopener" target="_blank" title="Offres et Services de Météo-France">Nos Services</a> </li> <li class="menu-icon-138 menu-item"> <a href="/applications-mobiles" class="fas fa-newspaper" title="Applications mobiles" data-drupal-link-system-path="node/87147">Applications mobiles</a> </li> <li class="menu-icon-143 menu-item"> <a href="/widgets" class="fas fa-newspaper" title="Widgets Météo-France" data-drupal-link-system-path="node/568453">Widgets</a> </li> <li class="menu-icon-346 menu-item"> <a href="/la-fabrique-prototypes" class="fas fa-z02-lab" data-drupal-link-system-path="node/576304">Testez nos prototypes</a> </li> </ul> </nav> <nav role="navigation" aria-labelledby="block-publicmenusocial-menu" id="block-publicmenusocial" class="block block-menu navigation menu--public---menu-reseaux-socia"> <span id="block-publicmenusocial-menu">Suivez-nous</span> <ul class="menu"> <li class="menu-icon-7 menu-item"> <a href="https://www.facebook.com/MeteoFrance/" class="fa fa-facebook-f-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Facebook">Facebook</a> </li> <li class="menu-icon-8 menu-item"> <a href="https://twitter.com/meteofrance" class="fa fa-twitter-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Twitter">Twitter</a> </li> <li class="menu-icon-9 menu-item"> <a href="https://fr.linkedin.com/company/meteo-france" class="fa fa-linkedin-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Linked In">Linkedin</a> </li> <li class="menu-icon-52 menu-item"> <a href="https://www.instagram.com/meteofrance/" class="fa fa-instagram-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Instagram">Instagram</a> </li> <li class="menu-icon-10 menu-item"> <a href="https://www.youtube.com/channel/UCnBToLuuyq7Qn5j7e5BRhaw" class="fa fa-youtube-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur YouTube">YouTube</a> </li> </ul> </nav> </div> </div> </aside> <button aria-label="Fermer le menu" title="Fermer le menu" id="sidebar_overlay"></button> <div class="container" id="main_container"> <section id="ad_archer_top"> <div class="region region-ad-archer-top"> <div id="block-mfadsv2-4" class="block block-mf-ads-v2"> <div class="ad " id="custom-ad-block-mf-ads-v2bmkawiamgu" data-format="top" data-unit-position="/top" data-targeting="top,arche" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> </div> </section> <section id="section_above_page"> <div class="region region-section-above-page"> <div id="block-mfinformationsspeciales-2" class="block block-mf-informations-speciales"> <div id="informations-speciales" v-cloak> <ul class="list-infos_speciales" v-if="alertsApi && alertsApi.length > 0"> <li v-for="(alert, index) in alertsApi" v-if="index < max_alert" aria-label="Plus de détails à propos de l'alerte" class="alert alert-primary" role="alert" v-on:click="openDetailsApi(alert)"> <p> <span>${alert.titre}</span> </p> <i aria-label="Voir l'alerte" class="arrow-right"></i> </li> </ul> <ul class="list-infos_speciales" v-if="alerts && alerts.length > 0"> <li v-for="(alert, index) in alerts" v-if="index < max_alert" aria-label="Plus de détails à propos de l'alerte" class="alert" role="alert" v-bind:class="{'alert-danger': alert.type == 'danger','alert-primary': alert.type == 'primary'}" v-on:click="openDetails(alert)"> <p> <span>${alert.title}</span> </p> <i aria-label="Voir l'alerte" class="arrow-right"></i> </li> </ul> </div> </div> </div> </section> <div id="page"> <div class="page_sections_container"> <section id="primary_section"> <aside id="ad_archer_autopromo"> </aside> <div class="row has_sidebar"> <div id="primary_content"> <div id="page_breadcrumbs"> <div class="region region-breadcrumbs"> <div id="block-breadcrumbs-2" class="block block-mf-breadcrumbs block-breadcrumbs"> </div> </div> </div> <div class="region region-content"> <div id="block-mfsitedetails" class="block block-mf-site-details"> </div> <div id="block-mfadsv2-6" class="block block-mf-ads-v2"> <div class="ad " id="custom-ad-block-mf-ads-v2rvms37qqfl" data-format="native2" data-unit-position="/native1" data-targeting="native1" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> <div id="block-mfadsv2-7" class="block block-mf-ads-v2"> <div class="ad " id="custom-ad-block-mf-ads-v2iy1btdjhtb" data-format="native2" data-unit-position="/native2" data-targeting="native2" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> <article class="news_page_content" attr-id="87141"> <h1><span class="field field--name-title field--type-string field--label-hidden">Actualités et dossiers</span> </h1> <div class="rte description"> <p>Tous nos contenus pour suivre l'actualité météorologique et climatique, pour comprendre les phénomènes météo et découvrir la météo autrement.</p> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="87083"> <a class="bg" href="/comprendre-la-meteo/saisons/hiver"> <figure> <span class="tag"> Les saisons </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/Hiver-Brunot-Gilles-Meteo-France.jpg?itok=B2y6IH7N" width="345" height="216" alt="Paysage d'hiver" title="Paysage d'hiver" class="image-style-_43-216" /> <p class="image_credit"> <span> © Brunot Gilles - Météo-France. </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">L'hiver</span> </h2> <span class="date"> 13/12/2023 </span> <p class="description"> En météorologie, l'hiver couvre les mois de décembre, janvier et février, c'est-à-dire la période la plus froide de l'année dans l'hémisphère nord. </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-article-main"> <article class="article_content" attr-id="574472"> <a class="bg" href="/actualites-et-dossiers/la-goutte-froide"> <figure> <span class="tag"> Atmosphère </span> <img src="/sites/meteofrance.com/files/styles/730_300/public/images/articles/GettyImages-490672710.jpg?itok=SHfjjgaJ" width="730" height="300" alt="" class="image-style-_30-300" /> <p class="image_credit"> <span></span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Qu'est-ce qu'une goutte froide ?</span> </h2> <span class="date"> 21/05/2024 </span> <p class="description"> Une goutte froide est une poche d’air très froid située à plus de 5000 m d’altitude. Son positionnement peut fluctuer, en fonction des masses d’air plus chaudes environnantes. </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="87222"> <a class="bg" href="/comprendre-la-meteo/temperatures/quest-ce-quune-vague-de-froid"> <figure> <span class="tag"> Température </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/froid-eddy.gif?itok=v-xjstHX" width="345" height="216" alt="" class="image-style-_43-216" /> <p class="image_credit"> <span> Météo-France / Eddy Duluc </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Qu’est-ce qu’une vague de froid ?</span> </h2> <span class="date"> 19/12/2023 </span> <p class="description"> Une vague de froid est un épisode de froid intense pendant plusieurs jours consécutifs sur une large étendue géographique. Comment ce phénomène se caractérise-t-il ? </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-article-main"> <article class="article_content" attr-id="576268"> <a class="bg" href="/actualites-et-dossiers/atmosphere/comment-prevoit-le-temps"> <figure> <span class="tag"> Atmosphère </span> <img src="/sites/meteofrance.com/files/styles/730_300/public/images/articles/GettyImages-1305631615.jpg?itok=tPgpp__J" width="730" height="300" alt="" class="image-style-_30-300" /> <p class="image_credit"> <span></span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Comment prévoit-on le temps ?</span> </h2> <span class="date"> 15/11/2024 </span> <p class="description"> Pour prévoir le temps qu’il fera dans les heures, les jours et les semaines à venir, les météorologues se basent sur un ensemble d’observations, de calculs et de connaissances techniques. Explications. </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-articles-2"> <article class="article_content" attr-id="576430"> <a class="bg" href="/actualites-et-dossiers/actualites/2024-une-des-dix-annees-les-plus-pluvieuses-jamais-observees"> <figure> <span class="tag"> Infos climat </span> <img src="/sites/meteofrance.com/files/styles/346_140/public/images/articles/inondation-illustration.gif?itok=_uZ_lpnI" width="346" height="140" alt="" class="image-style-_46-140" /> <p class="image_credit"> <span> Getty Image </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">2024, une des dix années les plus pluvieuses jamais observées</span> </h2> <span class="date"> 07/01/2025 </span> <p class="description"> Marquée par de nombreuses intempéries et des épisodes de précipitations intenses, l'année 2024 figure parmi les dix années les plus pluvieuses à l'échelle nationale. </p> </div> </a> </article> <article class="article_content" attr-id="575998"> <a class="bg" href="/actualites-et-dossiers/comprendre-la-meteo/les-precipitations-0"> <figure> <span class="tag"> Précipitations </span> <img src="/sites/meteofrance.com/files/styles/346_140/public/images/articles/precipitations.jpg?itok=86wQ5mVy" width="346" height="140" alt="" class="image-style-_46-140" /> <p class="image_credit"> <span> InfoClimat / Florent.04 </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Les précipitations </span> </h2> <span class="date"> 22/06/2024 </span> <p class="description"> Les précipitations correspondent à des particules d'eau, à l’état liquide ou solide, qui chutent dans l'atmosphère. La pluie, la grêle ou la neige sont des formes variées de précipitations. </p> </div> </a> </article> </div> <div class="mf_paragraph pagelink"> <a href=" /videos " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/730_300/public/2020-04/iLLUSTRATION%20video.gif?h=259d45fc&itok=YdT4h09T" width="730" height="300" alt="" class="lazyload image-style-_30-300" /> <p class="legend"> Nos vidéos pour tout savoir </p> </figure> </a> </div> <div class="mf_paragraph mf-editorial-articles-3"> <article class="article_content" attr-id="87314"> <a class="bg" href="/magazine/meteo-questions/quest-ce-que-la-temperature-ressentie"> <figure> <span class="tag"> Température </span> <img src="/sites/meteofrance.com/files/styles/221_140/public/images/articles/temperature-ressentie.png?itok=Z6xQqoHB" width="221" height="140" alt="" class="image-style-_21-140" /> <p class="image_credit"> <span> Météo-France </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Qu'est-ce que la température ressentie ?</span> </h2> <span class="date"> 27/08/2024 </span> <p class="description"> La température ressentie, différente de la température de l’air, correspond à la sensation de froid ou de chaleur ressentie par une personne. Cet indice appelé "Indice de confort thermique" dépend des conditions météorologiques, mais aussi d'autres facteurs tels que les vêtements portés, le type d’activité pratiquée et l’acclimatation à un certain milieu influencent le ressenti de chaque personne. </p> </div> </a> </article> <article class="article_content" attr-id="87254"> <a class="bg" href="/comprendre-la-meteo/orages/la-grele"> <figure> <span class="tag"> Orages </span> <img src="/sites/meteofrance.com/files/styles/221_140/public/images/articles/GettyImages-525029304.jpg?itok=-B68MCmc" width="221" height="140" alt="" class="image-style-_21-140" /> <p class="image_credit"> <span> Getty Images </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">La grêle</span> </h2> <span class="date"> 20/08/2024 </span> <p class="description"> La grêle est constituée de particules de glace de diamètre supérieur à 5 mm : les grêlons. Les épisodes de grêle se produisent en général lors d'orages violents, au sein de cumulonimbus. Moins de 10 % des cumulonimbus donnent de la grêle atteignant le sol. </p> </div> </a> </article> <article class="article_content" attr-id="87190"> <a class="bg" href="/actualites-et-dossiers/comprendre-la-meteo/tornades-et-trombes"> <figure> <span class="tag"> Vent </span> <img src="/sites/meteofrance.com/files/styles/221_140/public/images/articles/Tornade-Toulouse-29avr2012-Meteo-France.JPG?itok=7oc2JMHU" width="221" height="140" alt="Tornade à Toulouse le 29 avril 2012" title="Tornade à Toulouse le 29 avril 2012" class="image-style-_21-140" /> <p class="image_credit"> <span> © Météo-France </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Tornades et trombes</span> </h2> <span class="date"> 10/03/2023 </span> <p class="description"> Qu'est-ce qu'une tornade ? Une tornade est un tourbillon de vents violents se développant sous un cumulonimbus et se prolongeant jusqu'à terre. C’est un phénomène assez bref et très localisé. La tornade est rendue visible par les gouttelettes de condensation qui y naissent, formant une excroissance du nuage en forme d'entonnoir. Sur les surfaces liquides (mers, océans), on parle de trombe. En France, leur diamètre varie de quelques dizaines à plusieurs centaines de mètres, pour un parcours de quelques kilomètres et une durée de vie dépassant rarement 15 minutes. </p> </div> </a> </article> </div> <div class="mf_paragraph pagelink"> <a href=" /magazine " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/730_300/public/2020-04/lA%20METEO%20EN%20QUESTIONS.png?h=7a99249f&itok=C-93PIUa" width="730" height="300" alt="Magazine : la météo en questions" class="lazyload image-style-_30-300" /> <p class="legend"> La météo en questions ! </p> </figure> </a> </div> <div class="mf_paragraph mf-editorial-article-main"> <article class="article_content" attr-id="572242"> <a class="bg" href="/actualites-et-dossiers/magazine/hivers-quelques-vagues-de-froid-remarquables"> <figure> <span class="tag"> Évènements </span> <img src="/sites/meteofrance.com/files/styles/730_300/public/images/articles/Strasbourg1956.gif?itok=xOS0ral3" width="730" height="300" alt="La Petite France à Strasbourg en hiver 1956." title="La Petite France à Strasbourg en hiver 1956." class="image-style-_30-300" /> <p class="image_credit"> <span></span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden"> Hivers : quelques vagues de froid remarquables</span> </h2> <span class="date"> 11/01/2024 </span> <p class="description"> La Seine gelée à Paris, des températures atteignant -22,2 °C à Strasbourg, la ville de Saint-Tropez paralysée par des congères de plus d’1 mètre... Ces scènes d’un autre monde appartiennent à la vague de froid de février 1956. Loin, très loin de nos hivers actuels. </p> </div> </a> </article> </div> </article> </div> </div> <div id="primary_sidebar"> <div class="region region-primary-sidebar"> <div id="block-blocplaceholder" class="block block-block-content block-block-content834217af-2b52-45f6-bab5-952c216e8a71"> </div> <nav role="navigation" aria-labelledby="block-publicmenuburger-3-menu" id="block-publicmenuburger-3" class="block block-menu navigation menu--public---menu-burger"> <span class="visually-hidden" id="block-publicmenuburger-3-menu">Menu actualités</span> <ul class="menu"> <li class="menu-icon-111 menu-item menu-item--expanded"> <a href="/actualites" class="fa fa-newspaper no-clickable" title="Actualités Météo-France" data-drupal-link-system-path="node/42494">Actualités</a> <ul class="menu"> <li class="menu-icon-110 menu-item"> <a href="/actualites/a-la-une" data-drupal-link-system-path="node/42503">A la une</a> </li> <li class="menu-icon-115 menu-item"> <a href="/actualites/previsions" data-drupal-link-system-path="node/42501">Infos prévisions</a> </li> <li class="menu-icon-116 menu-item"> <a href="/actualites/climat" data-drupal-link-system-path="node/87031">Infos climat</a> </li> <li class="menu-icon-118 menu-item"> <a href="/actualites/planete" data-drupal-link-system-path="node/87085">Planète</a> </li> <li class="menu-icon-119 menu-item"> <a href="/actualites/entretiens" data-drupal-link-system-path="node/87106">Entretiens</a> </li> <li class="menu-icon-133 menu-item menu-item--expanded"> <a href="/meteo-et-histoire" data-drupal-link-system-path="node/87227">Météo et histoire</a> <ul class="menu"> <li class="menu-icon-135 menu-item"> <a href="/magazine/meteo-histoire/les-grands-evenements" data-drupal-link-system-path="node/87288">Les grands évènements météo</a> </li> <li class="menu-icon-136 menu-item"> <a href="/magazine/meteo-histoire/observation" data-drupal-link-system-path="node/87297">Histoire de l'observation</a> </li> <li class="menu-icon-137 menu-item"> <a href="/magazine/meteo-histoire/meteo-fait-histoire" data-drupal-link-system-path="node/87339">La météo fait l'histoire</a> </li> </ul> </li> <li class="menu-icon-134 menu-item"> <a href="/magazine/meteo-questions" data-drupal-link-system-path="node/87333">La météo en questions</a> </li> </ul> </li> <li class="menu-icon-113 menu-item menu-item--expanded"> <a href="/comprendre-la-meteo" class="fa fa-newspaper no-clickable" title="Comprendre la météo" data-drupal-link-system-path="node/87143">Comprendre la Météo</a> <ul class="menu"> <li class="menu-icon-124 menu-item"> <a href="/comprendre-la-meteo/saisons" data-drupal-link-system-path="node/87197">Les saisons</a> </li> <li class="menu-icon-125 menu-item"> <a href="/comprendre-la-meteo/le-vent" data-drupal-link-system-path="node/87198">Le vent</a> </li> <li class="menu-icon-126 menu-item"> <a href="/comprendre-la-meteo/temperatures" data-drupal-link-system-path="node/87200">La température</a> </li> <li class="menu-icon-127 menu-item"> <a href="/comprendre-la-meteo/atmosphere" data-drupal-link-system-path="node/87202">L'atmosphère</a> </li> <li class="menu-icon-128 menu-item"> <a href="/comprendre-la-meteo/precipitations" data-drupal-link-system-path="node/87204">Les précipitations</a> </li> <li class="menu-icon-129 menu-item"> <a href="/comprendre-la-meteo/orages" data-drupal-link-system-path="node/87208">Les orages</a> </li> <li class="menu-icon-130 menu-item"> <a href="/comprendre-la-meteo/nuages" data-drupal-link-system-path="node/87209">Les nuages</a> </li> <li class="menu-icon-131 menu-item"> <a href="/comprendre-la-meteo/arc-en-ciel" data-drupal-link-system-path="node/87212">Arc-en-ciel et mirage</a> </li> <li class="menu-icon-132 menu-item"> <a href="/comprendre-la-meteo/oceans" data-drupal-link-system-path="node/87213">Les océans</a> </li> </ul> </li> <li class="menu-icon-313 menu-item"> <a href="/comprendre-la-vigilance" class="fa fa-newspaper" title="Comprendre la Vigilance" data-drupal-link-system-path="node/575302">Comprendre la Vigilance météo</a> </li> <li class="menu-icon-250 menu-item menu-item--expanded"> <a href="/education" class="fa fa-newspaper" title="Education" data-drupal-link-system-path="node/575014">Éducation </a> <ul class="menu"> <li class="menu-icon-325 menu-item"> <a href="/education/nos-actualites-pour-leducation" data-drupal-link-system-path="node/575758">Nos actualités pour l'Éducation</a> </li> <li class="menu-icon-271 menu-item menu-item--expanded"> <a href="/education/comprendre-la-meteo" data-drupal-link-system-path="node/574999">Comprendre la météo</a> <ul class="menu"> <li class="menu-icon-277 menu-item"> <a href="/education/comprendre-la-vigilance-meteorologique" data-drupal-link-system-path="node/575005">La Vigilance météorologique</a> </li> </ul> </li> <li class="menu-icon-274 menu-item"> <a href="/education/comprendre-le-climat" data-drupal-link-system-path="node/575002">Comprendre le climat</a> </li> <li class="menu-icon-268 menu-item"> <a href="/education/partenariats-educatifs" data-drupal-link-system-path="node/575752">Partenariats éducatifs</a> </li> <li class="menu-icon-280 menu-item"> <a href="/education/formation-et-metiers" data-drupal-link-system-path="node/575011">Formation et métiers</a> </li> </ul> </li> </ul> </nav> <div id="block-mfadsv2" class="block block-mf-ads-v2"> <div class="ad fixedElement" id="custom-ad-block-mf-ads-v2riofqupwsl" data-format="profile_sidebar" data-unit-position="/middle" data-targeting="middle" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> </div> </div> </div> </section> <section id="sixary_section"> <div class="region region-sixary-content"> <div id="block-breadcrumbs" class="block block-mf-breadcrumbs block-breadcrumbs"> </div> <div id="block-mfadsv2-5" class="block block-mf-ads-v2"> <div class="ad " id="custom-ad-block-mf-ads-v2twxvxnsq6i" data-format="top" data-unit-position="/bottom" data-targeting="bottom" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> </div> </section> </div> </div> </div> <footer id="footer" role="contentinfo"> <section id="footer_top"> <div class="container"> <div id="block-mfpoifooter" class="block block-mf-poi-footer"> <div id="poi-footer" class="mf-footer" svgpath="/modules/custom/mf_tools_common_theme_public/svg/weather/"> <span class="title-h2">Top 20 des villes les plus consultées</span> <ul v-if="init"> <li> <a title="METEO PARIS" href="/previsions-meteo-france/paris/75000"> <figure id="svg_METEO PARIS"> </figure> <p>METEO PARIS</p> </a> </li> <li> <a title="METEO TOULOUSE" href="/previsions-meteo-france/toulouse/31000"> <figure id="svg_METEO TOULOUSE"> </figure> <p>METEO TOULOUSE</p> </a> </li> <li> <a title="METEO LYON" href="/previsions-meteo-france/lyon/69000"> <figure id="svg_METEO LYON"> </figure> <p>METEO LYON</p> </a> </li> <li> <a title="METEO BORDEAUX" href="/previsions-meteo-france/bordeaux/33000"> <figure id="svg_METEO BORDEAUX"> </figure> <p>METEO BORDEAUX</p> </a> </li> <li> <a title="METEO NANTES" href="/previsions-meteo-france/nantes/44000"> <figure id="svg_METEO NANTES"> </figure> <p>METEO NANTES</p> </a> </li> <li> <a title="METEO MONTPELLIER" href="/previsions-meteo-france/montpellier/34000"> <figure id="svg_METEO MONTPELLIER"> </figure> <p>METEO MONTPELLIER</p> </a> </li> <li> <a title="METEO RENNES" href="/previsions-meteo-france/rennes/35000"> <figure id="svg_METEO RENNES"> </figure> <p>METEO RENNES</p> </a> </li> <li> <a title="METEO MARSEILLE" href="/previsions-meteo-france/marseille/13000"> <figure id="svg_METEO MARSEILLE"> </figure> <p>METEO MARSEILLE</p> </a> </li> <li> <a title="METEO LILLE" href="/previsions-meteo-france/lille/59000"> <figure id="svg_METEO LILLE"> </figure> <p>METEO LILLE</p> </a> </li> <li> <a title="METEO ANGERS" href="/previsions-meteo-france/angers/49000"> <figure id="svg_METEO ANGERS"> </figure> <p>METEO ANGERS</p> </a> </li> <li> <a title="METEO GRENOBLE" href="/previsions-meteo-france/grenoble/38000"> <figure id="svg_METEO GRENOBLE"> </figure> <p>METEO GRENOBLE</p> </a> </li> <li> <a title="METEO TOURS" href="/previsions-meteo-france/tours/37000"> <figure id="svg_METEO TOURS"> </figure> <p>METEO TOURS</p> </a> </li> <li> <a title="METEO DIJON" href="/previsions-meteo-france/dijon/21000"> <figure id="svg_METEO DIJON"> </figure> <p>METEO DIJON</p> </a> </li> <li> <a title="METEO LIMOGES" href="/previsions-meteo-france/limoges/87000"> <figure id="svg_METEO LIMOGES"> </figure> <p>METEO LIMOGES</p> </a> </li> <li> <a title="METEO PAU" href="/previsions-meteo-france/pau/64000"> <figure id="svg_METEO PAU"> </figure> <p>METEO PAU</p> </a> </li> <li> <a title="METEO STRASBOURG" href="/previsions-meteo-france/strasbourg/67000"> <figure id="svg_METEO STRASBOURG"> </figure> <p>METEO STRASBOURG</p> </a> </li> <li> <a title="METEO NANCY" href="/previsions-meteo-france/nancy/54000"> <figure id="svg_METEO NANCY"> </figure> <p>METEO NANCY</p> </a> </li> <li> <a title="METEO BREST" href="/previsions-meteo-france/brest/29200"> <figure id="svg_METEO BREST"> </figure> <p>METEO BREST</p> </a> </li> <li> <a title="METEO BESANCON" href="/previsions-meteo-france/besancon/25000"> <figure id="svg_METEO BESANCON"> </figure> <p>METEO BESANCON</p> </a> </li> <li> <a title="METEO LE MANS" href="/previsions-meteo-france/le-mans/72000"> <figure id="svg_METEO LE MANS"> </figure> <p>METEO LE MANS</p> </a> </li> </ul> </div> </div> <div class="block_rs"> <nav role="navigation" aria-labelledby="block-publicmenusocial-menu" id="block-publicmenusocial" class="block block-menu navigation menu--public---menu-reseaux-socia"> <span id="block-publicmenusocial-menu">Suivez-nous</span> <ul class="menu"> <li class="menu-icon-7 menu-item"> <a href="https://www.facebook.com/MeteoFrance/" class="fa fa-facebook-f-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Facebook">Facebook</a> </li> <li class="menu-icon-8 menu-item"> <a href="https://twitter.com/meteofrance" class="fa fa-twitter-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Twitter">Twitter</a> </li> <li class="menu-icon-9 menu-item"> <a href="https://fr.linkedin.com/company/meteo-france" class="fa fa-linkedin-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Linked In">Linkedin</a> </li> <li class="menu-icon-52 menu-item"> <a href="https://www.instagram.com/meteofrance/" class="fa fa-instagram-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Instagram">Instagram</a> </li> <li class="menu-icon-10 menu-item"> <a href="https://www.youtube.com/channel/UCnBToLuuyq7Qn5j7e5BRhaw" class="fa fa-youtube-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur YouTube">YouTube</a> </li> </ul> </nav> </div> <div class="block_menu_footer"> <nav role="navigation" aria-labelledby="block-publicmenufooter-menu" id="block-publicmenufooter" class="block block-menu navigation menu--public---menu-footer"> <span class="visually-hidden" id="block-publicmenufooter-menu">Menu Bas de page</span> <ul class="menu"> <li class="menu-icon-152 menu-item"> <span class="caption_trigger" title="Légende des pictogrammes">Légende</span> </li> <li class="menu-icon-29 menu-item"> <a href="/mentions-legales" target="_self" title="Mentions légales de Météo-France" data-drupal-link-system-path="node/87144">Mentions Légales</a> </li> <li class="menu-icon-64 menu-item"> <a href="/gestion-des-cookies" title="Gestion des Cookies" data-drupal-link-system-path="node/87149">Gestion des Cookies</a> </li> <li class="menu-icon-73 menu-item"> <a href="/politique-de-confidentialite" title="Politique de Confidentialité" data-drupal-link-system-path="node/87145">Politique de Confidentialité</a> </li> <li class="menu-icon-62 menu-item"> <a href="/droits-de-reproduction" title="Droits de Reproduction" data-drupal-link-system-path="node/87146">Droits de Reproduction</a> </li> <li class="menu-icon-33 menu-item"> <a href="/" rel="didomi_consent" target="_self" title="Consentement" data-drupal-link-system-path="<front>">Consentement</a> </li> <li class="menu-icon-67 menu-item"> <a href="/accessibilite" title="Accessibilité Site Météo-France" data-drupal-link-system-path="node/87148">Accessibilité : partiellement conforme</a> </li> <li class="menu-icon-28 menu-item"> <a href="/contact" title="Contacter Météo-France" data-drupal-link-system-path="node/87152">Contact</a> </li> </ul> </nav> </div> </div> </section> <section id="footer_logos"> <figure class="marianne"> <img src="/themes/custom/theme_public/dist/img/marianne.svg" onerror="/themes/custom/theme_public/dist/img/marianne.svg" alt="République française" title="République française"> </figure> <a id="logo_footer" rel="noopener noreferrer" href="https://meteofrance.com" target="_blank" title="METEO FRANCE" aria-label="Météo-France - page d'accueil"> <img src="/themes/custom/theme_public/dist/img/logo_fond_bleu.svg" onerror="/themes/custom/theme_public/dist/img/logo.png" class="Logo" title="Météo-France : à vos côtés, dans un climat qui change" alt="Météo-France : à vos côtés, dans un climat qui change"> </a> </section> <section id="footer_bottom"> <div class="container"> <p>© 2025 Copyright - <a href="https://meteofrance.com">Météo-France</a> </p> </div> </section> </footer></main> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/87141","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"advency_gtm\/advency_gtm,core\/html5shiv,mf_ads_v2\/mf_ads_arche_v2,mf_ads_v2\/mf_ads_v2,mf_barre_favoris\/mf_barre_favoris,mf_breadcrumbs\/mf_breadcrumbs,mf_editorial\/mf_editorial,mf_editorial_article\/mf_editorial_article,mf_editorial_paragraphs\/mf_editorial_paragraphs,mf_informations_speciales\/mf_informations_speciales,mf_logo\/mf_logo,mf_notifications\/mf_notifications,mf_poi_footer\/mf_poi_footer,mf_search_form\/mf_search_form,mf_vigilance_header\/mf_vigilance_burger,mf_vigilance_header\/mf_vigilance_header,paragraphs\/drupal.paragraphs.unpublished,public\/global-styling,system\/base","theme":"public","theme_token":null},"ajaxTrustedUrl":[],"mf_poi_footer_pois":[{"title":"METEO PARIS","insee":"750560","lat":"48.859333","lng":"2.340591","path":"\/previsions-meteo-france\/paris\/75000","icon":"","code_postal":"75000","timezone":"Europe\/Paris","rank":1},{"title":"METEO TOULOUSE","insee":"315550","lat":"43.604098","lng":"1.441079","path":"\/previsions-meteo-france\/toulouse\/31000","icon":"","code_postal":"31000","timezone":"Europe\/Paris","rank":5},{"title":"METEO LYON","insee":"691230","lat":"45.758097","lng":"4.8407","path":"\/previsions-meteo-france\/lyon\/69000","icon":"","code_postal":"69000","timezone":"Europe\/Paris","rank":10},{"title":"METEO BORDEAUX","insee":"330630","lat":"44.837098","lng":"-0.580433","path":"\/previsions-meteo-france\/bordeaux\/33000","icon":"","code_postal":"33000","timezone":"Europe\/Paris","rank":15},{"title":"METEO NANTES","insee":"441090","lat":"47.2165","lng":"-1.554608","path":"\/previsions-meteo-france\/nantes\/44000","icon":"","code_postal":"44000","timezone":"Europe\/Paris","rank":20},{"title":"METEO MONTPELLIER","insee":"341720","lat":"43.610355","lng":"3.875467","path":"\/previsions-meteo-france\/montpellier\/34000","icon":"","code_postal":"34000","timezone":"Europe\/Paris","rank":25},{"title":"METEO RENNES","insee":"352380","lat":"48.113628","lng":"-1.681487","path":"\/previsions-meteo-france\/rennes\/35000","icon":"","code_postal":"35000","timezone":"Europe\/Paris","rank":30},{"title":"METEO MARSEILLE","insee":"130550","lat":"43.296199","lng":"5.375945","path":"\/previsions-meteo-france\/marseille\/13000","icon":"","code_postal":"13000","timezone":"Europe\/Paris","rank":35},{"title":"METEO LILLE","insee":"593500","lat":"50.631573","lng":"3.057161","path":"\/previsions-meteo-france\/lille\/59000","icon":"","code_postal":"59000","timezone":"Europe\/Paris","rank":40},{"title":"METEO ANGERS","insee":"490070","lat":"47.472707","lng":"-0.556177","path":"\/previsions-meteo-france\/angers\/49000","icon":"","code_postal":"49000","timezone":"Europe\/Paris","rank":45},{"title":"METEO GRENOBLE","insee":"381850","lat":"45.186503","lng":"5.725114","path":"\/previsions-meteo-france\/grenoble\/38000","icon":"","code_postal":"38000","timezone":"Europe\/Paris","rank":50},{"title":"METEO TOURS","insee":"372610","lat":"47.391812","lng":"0.687256","path":"\/previsions-meteo-france\/tours\/37000","icon":"","code_postal":"37000","timezone":"Europe\/Paris","rank":55},{"title":"METEO DIJON","insee":"212310","lat":"47.322479","lng":"5.041065","path":"\/previsions-meteo-france\/dijon\/21000","icon":"","code_postal":"21000","timezone":"Europe\/Paris","rank":60},{"title":"METEO LIMOGES","insee":"870850","lat":"45.833929","lng":"1.260532","path":"\/previsions-meteo-france\/limoges\/87000","icon":"","code_postal":"87000","timezone":"Europe\/Paris","rank":65},{"title":"METEO PAU","insee":"644450","lat":"43.300543","lng":"-0.370622","path":"\/previsions-meteo-france\/pau\/64000","icon":"","code_postal":"64000","timezone":"Europe\/Paris","rank":70},{"title":"METEO STRASBOURG","insee":"674820","lat":"48.583085","lng":"7.746694","path":"\/previsions-meteo-france\/strasbourg\/67000","icon":"","code_postal":"67000","timezone":"Europe\/Paris","rank":75},{"title":"METEO NANCY","insee":"543950","lat":"48.6919","lng":"6.183046","path":"\/previsions-meteo-france\/nancy\/54000","icon":"","code_postal":"54000","timezone":"Europe\/Paris","rank":80},{"title":"METEO BREST","insee":"290190","lat":"48.389778","lng":"-4.487512","path":"\/previsions-meteo-france\/brest\/29200","icon":"","code_postal":"29200","timezone":"Europe\/Paris","rank":85},{"title":"METEO BESANCON","insee":"250560","lat":"47.242262","lng":"6.020591","path":"\/previsions-meteo-france\/besancon\/25000","icon":"","code_postal":"25000","timezone":"Europe\/Paris","rank":90},{"title":"METEO LE MANS","insee":"721810","lat":"48.003684","lng":"0.196303","path":"\/previsions-meteo-france\/le-mans\/72000","icon":"","code_postal":"72000","timezone":"Europe\/Paris","rank":95}],"mf_ads_v2_id":"block-mf-ads-v2bmkawiamgu","mf_ads_v2_default":"mf-ads-v2","mf_ads_v2_provider":{"setting_name":"enabled_provider","setting_value":"google"},"mf_article_details":null,"mf_ads_v2_network_code":{"default":"21643048729,57108064","enable":1,"codes":"21643048729,57108064","urls":["\/meteo-plages"]},"mf_breadcrumbs_path":[],"mf_site_details":{"title":""},"mf_informations_speciales_settings":[{"setting_name":"max_notif","setting_value":"5"}],"mf_barre_fav_current_poi":null,"mf_custom_logo":{"setting_name":"logo","image":"\/sites\/meteofrance.com\/files\/logo\/LOGO_MF.png","title":"M\u00e9t\u00e9o-France \u00e0 vos c\u00f4t\u00e9s, dans un climat qui change","alt":"M\u00e9t\u00e9o-France \u00e0 vos c\u00f4t\u00e9s, dans un climat qui change","href":"https:\/\/meteofrance.com"},"advency_gtm":{"config":{"gtm_id":"GTM-KN7SN62"}},"mf_search_form":{"config_base_urls":{"metropole":"meteofrance.com","reunion":"meteofrance.com","guadeloupe":"meteofrance.com","martinique":"meteofrance.com","nc":"meteofrance.com","pf":"meteofrance.com","mayotte":"meteofrance.com"}},"mf_tools_common":{"alias":"\/actualites-et-dossiers","config":{"base_url":"meteofrance.com\/internet2018client\/2.0","site":"rpcache-aa","domain":"https:\/\/rpcache-aa.meteofrance.com"}},"user":{"uid":0,"permissionsHash":"22f2e431bf4a2ac0c5d112d74a677e15faba0202146dbc30ec14418935a3abaa"}}</script> <script src="/sites/meteofrance.com/files/js/js_3xl2c9l3fYdHawCrUocWGjtNIBnAmuGXB4BM3hPayOk.js"></script> </body> </html>