CINXE.COM
COMPRENDRE LA VIGILANCE DE M脡T脡O-FRANCE 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/comprendre-la-vigilance" /> <meta name="description" content="METEO FRANCE - COMPRENDRE LA VIGILANCE DE M脡T脡O-FRANCE" /> <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/comprendre-la-vigilance" /> <link rel="revision" href="https://meteofrance.com/comprendre-la-vigilance" /> <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>COMPRENDRE LA VIGILANCE DE M脡T脡O-FRANCE 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_qMZ7JqKunEtQHD9gLlf0iGdNDKUQQ3D5JvRd1DH9lCM.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 menu-item menu-item--expanded menu-item--active-trail"> <a href="/actualites-et-dossiers" class="fas fa-newspaper" 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 active-trail t_active menu-item menu-item--active-trail"> <a href="/comprendre-la-vigilance" title="Comprendre la Vigilance" data-drupal-link-system-path="node/575302" class="is-active">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 menu-item menu-item--expanded menu-item--active-trail"> <a href="/actualites-et-dossiers" class="fas fa-newspaper no-clickable" 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 active-trail t_active menu-item menu-item--active-trail"> <a href="/comprendre-la-vigilance" class="fa fa-newspaper is-active" 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="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> <article class="news_page_content climat" attr-id="575302"> <h1><span class="field field--name-title field--type-string field--label-hidden">Comprendre la Vigilance de M茅t茅o-France</span> </h1> <div class="rte description"> <p>Accessible en permanence sur les sites Internet et les applications mobiles de M茅t茅o-France, la Vigilance signale si un ph茅nom猫ne dangereux menace un ou plusieurs d茅partements.</p> <p>La Vigilance vise 脿 attirer l鈥檃ttention de tous sur les dangers potentiels d鈥檜ne situation m茅t茅orologique et 脿 faire conna卯tre les pr茅cautions pour se prot茅ger. Elle s'adresse simultan茅ment aux citoyens, aux pouvoirs publics et aux m茅dias.</p> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="575389"> <a class="bg" href="/actualites-et-dossiers/quest-ce-que-la-vigilance"> <figure> <span class="tag"> Vigilance </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/Application%20M%C3%A9t%C3%A9o-France_0.jpg?itok=Yq4IJsLo" 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鈥檈st-ce que la Vigilance m茅t茅orologique聽?</span> </h2> <span class="date"> 30/01/2025 </span> <p class="description"> La Vigilance de M茅t茅o-France vise 脿 attirer l鈥檃ttention de tous sur les dangers potentiels d鈥檜ne situation m茅t茅orologique et 脿 faire conna卯tre les pr茅cautions pour se prot茅ger. Elle s'adresse simultan茅ment aux citoyens, aux pouvoirs publics et aux m茅dias. </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-2-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/video-la-vigilance-meteorologique " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-09/GettyImages-911607478_0.jpg?itok=dJ5tio-H" width="346" height="200" alt="Vid茅o : la Vigilance m茅t茅orologique" class="lazyload image-style-_46-200" /> <p class="legend"> Vid茅o : la Vigilance m茅t茅orologique </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/video-comment-lire-la-vigilance-de-meteo-france " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-09/VIdeoTutoVigilance_0.jpg?itok=I3kG_n6n" width="346" height="200" alt="VId茅o : comment lire la Vigilance de M茅t茅o-France ?" class="lazyload image-style-_46-200" /> <p class="legend"> VId茅o : comment lire la Vigilance de M茅t茅o-France ? </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-3-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" https://meteofrance.fr/actualite/actualite-de-meteo-france/la-vigilance-de-meteo-france-etendue-au-lendemain-pour-mieux-se-preparer-aux-dangers " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/221_150/public/2023-07/Temp%C3%AAte_courant-jet.jpg?itok=To-ehiyl" width="221" height="150" alt="La Vigilance de M茅t茅o-France 茅tendue au lendemain pour mieux se pr茅parer aux dangers m茅t茅orologiques" class="lazyload image-style-_21-150" /> <p class="legend"> La Vigilance 茅tendue au lendemain </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/actualites/a-la-une/la-vigilance-meteorologique-20-ans-devolutions-continues " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/221_150/public/2023-07/GettyImages-157509718.gif?itok=NOdkJ0KS" width="221" height="150" alt="La Vigilance m茅t茅orologique : 20 ans d鈥櫭﹙olutions continues" class="lazyload image-style-_21-150" /> <p class="legend"> Un dispositif en constante am茅lioration </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/actualites/pluies-intenses-inondations-crues-apic-et-vigicrues-flash-vous " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/221_150/public/2023-07/GettyImages-537870954.gif?itok=LDRHNb4D" width="221" height="150" alt="Pluies intenses, inondations, crues : Apic et Vigicrues Flash vous avertissent" class="lazyload image-style-_21-150" /> <p class="legend"> Apic et Vigicrues Flash vous avertissent </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-2-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/comment-la-vigilance-de-meteo-france-est-elle-elaboree " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2025-02/Illustration-comment-la-Vigilance-est-elle-elaboree_0.jpg?itok=aUph2Y5r" width="346" height="200" alt="" class="lazyload image-style-_46-200" /> <p class="legend"> Comment la Vigilance est 茅labor茅e ? </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/5-questions-sur-la-vigilance-meteorologique " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2025-02/Application%20M%C3%A9t%C3%A9o-France%20rouge_0.jpg?itok=O8ZqWezC" width="346" height="200" alt="" class="lazyload image-style-_46-200" /> <p class="legend"> 5 questions sur la Vigilance </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="576640"> <a class="bg" href="/actualites-et-dossiers/la-vigilance-premier-maillon-de-la-chaine-danticipation-des-dangers"> <figure> <span class="tag"> Vigilance </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/Infoclimat_treveys.jpg?itok=pt5n7IPU" width="345" height="216" alt="" class="image-style-_43-216" /> <p class="image_credit"> <span> Infoclimat / treveys </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">La Vigilance, premier maillon de la cha卯ne d鈥檃nticipation des dangers m茅t茅orologiques</span> </h2> <span class="date"> 31/01/2025 </span> <p class="description"> Le dispositif national de Vigilance informe les citoyens, les autorit茅s et les m茅dias en cas de ph茅nom猫nes m茅t茅orologiques dangereux. Op茅r茅e par M茅t茅o-France pour les pouvoirs publics, la Vigilance m茅t茅orologique compl猫te les pr茅visions et vise 脿 attirer l鈥檃ttention de tous sur les dangers potentiels d鈥檜ne situation m茅t茅orologique et 脿 faire conna卯tre les pr茅cautions pour se prot茅ger. Elus, pratiquants de sports en plein air, professionnels de sant茅, ils t茅moignent de l鈥檜tilit茅 de la Vigilance. </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-3-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/lextension-dans-le-temps-de-la-vigilance-meteo-permet-dameliorer-notre-anticipation " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/221_150/public/2025-02/GettyImages-618544810.jpg?itok=zzP-PWvb" width="221" height="150" alt="" class="lazyload image-style-_21-150" /> <p class="legend"> La Vigilance vue par un sapeur-pompier </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/la-vigilance-vue-par-un-organisateur-de-festival-de-musique-we-love-green " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/221_150/public/2025-02/Festival.jpg?itok=SXdKqiaF" width="221" height="150" alt="" class="lazyload image-style-_21-150" /> <p class="legend"> La Vigilance vue par un organisateur de festival </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/goudargues-il-faut-etre-vigilant-des-la-vigilance-jaune " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/221_150/public/2025-02/GettyImages-1299761750.jpg?itok=KK2CvdUC" width="221" height="150" alt="" class="lazyload image-style-_21-150" /> <p class="legend"> La Vigilance vue par un maire </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-2-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/la-vigilance-meteorologique-en-outre-mer " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2025-02/Vigilance%20Outre-mer%20%23%20Laure%20Tezier_0.jpg?itok=ta8BLKFP" width="346" height="200" alt="" class="lazyload image-style-_46-200" /> <p class="legend"> La Vigilance en Outre-mer </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/la-prevision-du-risque-cyclonique-en-outre-mer " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2025-02/Pr%C3%A9vision%20cyclonique%20-%20Gwena%C3%ABlle%20GELY%20-%20Ouragan%20Beryl.jpg?itok=QUSP1G0M" width="346" height="200" alt="" class="lazyload image-style-_46-200" /> <p class="legend"> Pr茅vision du risque cyclonique </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-2-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" /comprendre-la-meteo/orages/quest-ce-quun-orage " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-07/Orages-GettyImages-1011777484_3.gif?itok=5fruC6SA" width="346" height="200" alt="Qu'est-ce qu'un orage ?" class="lazyload image-style-_46-200" /> <p class="legend"> Qu'est-ce qu'un orage ? </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /comprendre-la-meteo/orages/pourquoi-les-orages-sont-difficiles-prevoir " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-07/GettyImages-1162378870.jpg?itok=DLsZCy5a" width="346" height="200" alt="Comment pr茅voir les orages, des ph茅nom猫nes complexes ?" class="lazyload image-style-_46-200" /> <p class="legend"> Pourquoi les orages sont difficiles 脿 pr茅voir </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="87251"> <a class="bg" href="/comprendre-la-meteo/orages/orages-quels-dangers-et-comment-sen-proteger"> <figure> <span class="tag"> Orages </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/Illustration%20-%20orages.jpg?itok=wp3OLoYv" width="345" height="216" alt="" class="image-style-_43-216" /> <p class="image_credit"> <span> GettyImages </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Orages聽: quels dangers et comment s鈥檈n prot茅ger聽?</span> </h2> <span class="date"> 24/01/2025 </span> <p class="description"> Un orage peut toujours 锚tre dangereux en un point donn茅, en raison de la puissance des ph茅nom猫nes qu'il produit et de leur caract猫re al茅atoire. Il regroupe 脿 lui seul plusieurs ph茅nom猫nes pouvant 锚tre dangereux聽: la foudre, les pluies intenses, les rafales de vent ou encore de la gr锚le. Pour se prot茅ger des orages, l鈥檜n des conseils est de vous abriter dans un b芒timent en dur, de vous 茅loigner des arbres et des cours d鈥檈au et de se tenir inform茅. </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-2-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" /comprendre-la-meteo/le-vent/quest-ce-que-le-vent " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-12/Pissenlit%20au%20vent-GettyImages--sal73it_0.jpg?itok=sRz-NkTy" width="346" height="200" alt="Pissenlit au vent. 漏 GettyImages" class="lazyload image-style-_46-200" /> <p class="legend"> Qu鈥檈st-ce que le vent ? </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /comprendre-la-meteo/le-vent/les-vents-violents-et-les-tempetes " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-12/Vent-Capdegelle%20Denis-M%C3%A9t%C3%A9o-France_0.jpg?itok=8kAndvxO" width="346" height="200" alt="Arbres d茅racin茅s par une temp锚te. 漏 Capdegelle Denis - M茅t茅o-France" class="lazyload image-style-_46-200" /> <p class="legend"> Les vents violents et les temp锚tes </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="575692"> <a class="bg" href="/actualites-et-dossiers/vent-quels-dangers-comment-se-proteger"> <figure> <span class="tag"> Vent </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/GettyImages-1426461712.jpg?itok=gU6PUjKV" width="345" height="216" alt="Toit endommag茅 par le vent sous orage." title="Toit endommag茅 par le vent sous orage." class="image-style-_43-216" /> <p class="image_credit"> <span> GettyImages </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Vent : quels dangers et comment s鈥檈n prot茅ger聽?</span> </h2> <span class="date"> 24/01/2025 </span> <p class="description"> Les rafales de vent sont des renforcements brutaux et passagers de la vitesse instantan茅e du vent, associ茅s 脿 des ph茅nom猫nes m茅t茅orologiques tels que les temp锚tes, les averses, les orages. Lorsque de fortes rafales sont pr茅vues, prot茅gez vos biens expos茅s au vent, limitez vos d茅placements et prenez garde 脿 la chute d鈥檕bjets.聽<br /> </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-2-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" /comprendre-la-meteo/precipitations/quest-ce-que-la-neige " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-12/neige.jpg?itok=L0dIr4Bx" width="346" height="200" alt="Neige. 漏 GettyImages" class="lazyload image-style-_46-200" /> <p class="legend"> Qu鈥檈st-ce que la neige ? </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/actualites/quest-ce-quune-pluie-verglacante " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-12/Verglas.gif?itok=P2URyfpU" width="346" height="200" alt="D茅p么t de verglas sur des branches. 漏 Infoclimat / Sim26" class="lazyload image-style-_46-200" /> <p class="legend"> Qu'est-ce qu'une pluie vergla莽ante ? </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="575722"> <a class="bg" href="/actualites-et-dossiers/neige-verglas-quels-dangers-et-comment-sen-proteger"> <figure> <span class="tag"> Pr茅cipitations </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/levaletf.jpg?itok=BI3mhgmv" width="345" height="216" alt="Neige sur l'agglom茅ration de Caen le 9 janvier 2024" title="Neige sur l'agglom茅ration de Caen le 9 janvier 2024" class="image-style-_43-216" /> <p class="image_credit"> <span> Infoclimat / levaletf </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Neige-verglas聽: quels dangers et comment s鈥檈n prot茅ger聽?</span> </h2> <span class="date"> 24/01/2025 </span> <p class="description"> La neige et le verglas peuvent provoquer des accidents, des perturbations dans les transports ou encore couper les moyens de communication. Lorsque de la neige et du verglas sont pr茅vus, limitez vos d茅placements, 茅quipez votre voiture et tenez-vous inform茅s. </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-2-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" /comprendre-la-meteo/precipitations/les-avalanches " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2024-01/Avalanche_0.jpg?itok=MS8UMQHa" width="346" height="200" alt="Les avalanches" class="lazyload image-style-_46-200" /> <p class="legend"> Les avalanches </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /comprendre-la-meteo/precipitations/peut-prevoir-les-avalanches " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-12/2009D01464.jpg?itok=fKBD5v-U" width="346" height="200" alt="Station Nivose aux Ecrins, CEN, le 06/02/2006. 漏 M茅t茅o-France / Lecorps Dominique" class="lazyload image-style-_46-200" /> <p class="legend"> Comment pr茅voit-on les avalanches ? </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="87238"> <a class="bg" href="/comprendre-la-meteo/precipitations/avalanche-comment-sinformer"> <figure> <span class="tag"> A la une </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/GettyImages-503301642.jpg?itok=7pT3igBa" width="345" height="216" alt="" class="image-style-_43-216" /> <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">Avalanche : quels dangers, comment r茅agir et s'informer ?</span> </h2> <span class="date"> 05/02/2025 </span> <p class="description"> En montagne, la neige peut repr茅senter un danger mortel lorsqu'elle s'茅coule sous forme d'avalanche. Leur d茅clenchement d茅pend des conditions m茅t茅orologiques, de la structure du manteau neigeux et de sa stabilit茅, ainsi que du relief des lieux. Lorsqu鈥檜ne Vigilance avalanches est activ茅e ne sortez pas en montagne et restez inform茅s aupr猫s des autorit茅s et des stations de montagne. </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-2-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" /comprendre-la-meteo/temperatures/grand-froid-quels-risques-comment-se-proteger " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-12/Orleans-Loire-10fevr2012-Pascal%20Taburet.jpg?itok=tp3eUEWU" width="346" height="200" alt="脌 Orl茅ans, le 10 f茅vrier 2012, la Loire charrie des gla莽ons. 漏 M茅t茅o-France / Pascal Taburet" class="lazyload image-style-_46-200" /> <p class="legend"> Grand froid : quels risques, comment se prot茅ger ? </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /comprendre-la-meteo/temperatures/quest-ce-quune-vague-de-froid " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-12/froid-eddy.gif?itok=yCUY3QHR" width="346" height="200" alt="Une vague de froid est un 茅pisode de froid intense pendant plusieurs jours cons茅cutifs sur une large 茅tendue g茅ographique. 漏 M茅t茅o-France / Eddy Duluc" class="lazyload image-style-_46-200" /> <p class="legend"> Qu鈥檈st-ce qu鈥檜ne vague de froid ? </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="87248"> <a class="bg" href="/actualites-et-dossiers/comprendre-la-meteo/pluie-inondation-quels-dangers-et-comment-se-proteger"> <figure> <span class="tag"> Pr茅cipitations </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/pluie2.gif?itok=6s-TLNGc" width="345" height="216" alt="" class="image-style-_43-216" /> <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">Pluie-inondation : quels dangers et comment se prot茅ger ?</span> </h2> <span class="date"> 05/02/2025 </span> <p class="description"> Les fortes pr茅cipitations peuvent avoir des cons茅quences graves pour la s茅curit茅 des personnes et des biens. Elles peuvent provoquer des inondations par ruissellement et par d茅bordement des cours d鈥檈au, mais aussi des glissements de terrain, des coul茅es de boues et des laves torrentielles (coul茅es de d茅bris). Afin de se prot茅ger, il est n茅cessaire de conna卯tre les dangers et les bons r茅flexes 脿 adopter. </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-2-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/video-les-episodes-mediterraneens " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-07/GettyImages-909171638_0.jpg?itok=3HRYagYG" width="346" height="200" alt="Vid茅o : les 茅pisodes m茅diterran茅ens" class="lazyload image-style-_46-200" /> <p class="legend"> Vid茅o : les 茅pisodes m茅diterran茅ens </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /actualites-et-dossiers/actualites/pluies-intenses-inondations-crues-apic-et-vigicrues-flash-vous " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-07/GettyImages-537870954_0.gif?itok=uidMhI7X" width="346" height="200" alt="Pluies intenses, inondations, crues : Apic et Vigicrues Flash vous avertissent" class="lazyload image-style-_46-200" /> <p class="legend"> Pluies intenses, inondations, crues : Apic et Vigicrues Flash vous avertissent </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="87281"> <a class="bg" href="/comprendre-la-meteo/oceans/les-vagues-submersion"> <figure> <span class="tag"> Oc茅ans </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/Vagues-submersion-Hontarrede.jpg?itok=PLCx_fYM" width="345" height="216" alt="Quai de La Rochelle envahi par la mer" title="Quai de La Rochelle envahi par la mer" class="image-style-_43-216" /> <p class="image_credit"> <span> 漏 Michel Hontarr猫de - M茅t茅o-France. </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Vagues-submersion : quels dangers et comment s'en prot茅ger ?</span> </h2> <span class="date"> 27/01/2025 </span> <p class="description"> Les vagues-submersion peuvent affecter l鈥檈nsemble du littoral de l鈥橦exagone, y compris en M茅diterran茅e o霉 la mar茅e est de faible amplitude. Les submersions marines peuvent provoquer des inondations s茅v猫res et rapides du littoral, des ports et des embouchures de fleuves et rivi猫res. Pour vous pr茅munir de ce danger, 茅loignez-vous des c么tes, ne prenez pas la mer et rejoignez le plus haut point possible. </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="575857"> <a class="bg" href="/actualites-et-dossiers/comprendre-la-meteo/les-vagues-submersion"> <figure> <span class="tag"> Oc茅ans </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/9361921132024549Flopa3388.jpg?itok=69Sm2_1R" width="345" height="216" alt="D茅bordement du port d'Arcachon le 11 mars 2024 漏 Infoclimat / Flopa3388" title="D茅bordement du port d'Arcachon le 11 mars 2024 漏 Infoclimat / Flopa3388" class="image-style-_43-216" /> <p class="image_credit"> <span> Infoclimat / Flopa3388 </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Les vagues-submersion</span> </h2> <span class="date"> 13/03/2024 </span> <p class="description"> Les vagues-submersion affectent des portions vuln茅rables du littoral dans un contexte m茅t茅orologique et hydrographique tr猫s particulier. </p> </div> </a> </article> </div> <div class="mf_paragraph mf-editorial-2-image-lien-vers-p"> <div class="mf_paragraph pagelink"> <a href=" /comprendre-la-meteo/temperatures/vigilance-canicule " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-07/Canicule-Paris-26juill2012-Pascal%20Taburet_0.jpg?itok=0x9JpNz2" width="346" height="200" alt="Qu鈥檈st-ce que la Vigilance canicule ?" class="lazyload image-style-_46-200" /> <p class="legend"> Qu鈥檈st-ce que la Vigilance canicule ? </p> </figure> </a> </div> <div class="mf_paragraph pagelink"> <a href=" /comprendre-la-meteo/temperatures/les-situations-meteo-propices-aux-canicules " target="_blank"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/346_200/public/2023-07/canicule%20ville%20GettyImages-1331045285_0.gif?itok=8ykqoE0E" width="346" height="200" alt="Comment pr茅voir les canicules ?" class="lazyload image-style-_46-200" /> <p class="legend"> Comment pr茅voir les canicules ? </p> </figure> </a> </div> </div> <div class="mf_paragraph mf-editorial-article-banner"> <article class="article_content" attr-id="87235"> <a class="bg" href="/comprendre-la-meteo/temperatures/canicule-risques-et-conseils"> <figure> <span class="tag"> Temp茅rature </span> <img src="/sites/meteofrance.com/files/styles/243_216/public/images/articles/Canicule-GettyImages-Pict%20Rider.jpg?itok=5JWiRE3J" width="345" height="216" alt="" class="image-style-_43-216" /> <p class="image_credit"> <span> Getty Images - Pict Rider </span> </p> </figure> <div class="article_header"> <h2><span class="field field--name-title field--type-string field--label-hidden">Canicule et forte chaleur聽: comment se prot茅ger ?</span> </h2> <span class="date"> 28/07/2024 </span> <p class="description"> La chaleur a un effet imm茅diat sur l鈥檕rganisme, d猫s les premi猫res augmentations de temp茅rature. </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-2-menu" id="block-publicmenuburger-2" class="block block-menu navigation menu--public---menu-burger"> <span class="visually-hidden" id="block-publicmenuburger-2-menu">Menu Climat</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 active-trail t_active menu-item menu-item--active-trail"> <a href="/comprendre-la-vigilance" class="fa fa-newspaper is-active" 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-mfcontenueditorialwidget-9" class="block block-mf-contenu-editorial-widget"> <ul class="list-article_5"> <li class="editorial-content"> <a href="/actualites-et-dossiers/actualites/meteo-une-semaine-encore-perturbee" class="teaser_article teaser_article_5" title="M茅t茅o : une semaine encore perturb茅e"> <figure> <img class="lazyload" alt="M茅t茅o : une semaine encore perturb茅e" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/80_56/public/images/articles/Infoclimat_Michel-Henot.jpg?itok=YY_x28Yl"/> </figure> <div class="item-details"> <h3 class="item-title">M茅t茅o : une semaine encore perturb茅e</h3> <p class="item-date">26/02/2025</p> </div> </a> </li> <li class="editorial-content"> <a href="/actualites-et-dossiers/actualites/pre-alerte-cyclonique-un-systeme-lapproche-de-la-reunion" class="teaser_article teaser_article_5" title="Alerte cyclonique : Garance 脿 l'approche de La R茅union"> <figure> <img class="lazyload" alt="Alerte cyclonique : Garance 脿 l'approche de La R茅union" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/80_56/public/images/articles/20250226_1003_garance_reunion_suomi_npp_730x322.jpg?itok=7a5ot7d4"/> </figure> <div class="item-details"> <h3 class="item-title">Alerte cyclonique : Garance 脿 l'approche de La R茅union</h3> <p class="item-date">26/02/2025</p> </div> </a> </li> <li class="editorial-content"> <a href="/actualites-et-dossiers/actualites/montagne-un-enneigement-normal-uniquement-en-haute-montagne" class="teaser_article teaser_article_5" title="Montagne : un enneigement normal uniquement en haute montagne "> <figure> <img class="lazyload" alt="Montagne : un enneigement normal uniquement en haute montagne " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/80_56/public/images/articles/Renoso-20250213.jpg?itok=lpgyHGBw"/> </figure> <div class="item-details"> <h3 class="item-title">Montagne : un enneigement normal uniquement en haute montagne </h3> <p class="item-date">20/02/2025</p> </div> </a> </li> <li class="editorial-content"> <a href="/actualites-et-dossiers/actualites/intelligence-artificielle-et-meteo-ou-en-est" class="teaser_article teaser_article_5" title="Intelligence artificielle et m茅t茅o : o霉 en est-on ? "> <figure> <img class="lazyload" alt="Intelligence artificielle et m茅t茅o : o霉 en est-on ? " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.com/files/styles/80_56/public/images/articles/intelligence-artificielle-meteo.jpg?itok=-rygupHg"/> </figure> <div class="item-details"> <h3 class="item-title">Intelligence artificielle et m茅t茅o : o霉 en est-on ? </h3> <p class="item-date">14/02/2025</p> </div> </a> </li> </ul> </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> </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\/575302","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"advency_gtm\/advency_gtm,core\/html5shiv,mf_barre_favoris\/mf_barre_favoris,mf_breadcrumbs\/mf_breadcrumbs,mf_contenu_editorial_widget\/mf_contenu_editorial_widget,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_breadcrumbs_path":[],"mf_contenu_editorial_widget_items":[],"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":"\/comprendre-la-vigilance","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_GqgkWYvBoGcmLvcdvDlcQLJL_uNBfSA8jXg3Q1h09no.js"></script> </body> </html>