Gestion des Cookies de 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/gestion-des-cookies" /> <meta name="description" content="METEO FRANCE - Gestion des cookies" /> <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/gestion-des-cookies" /> <link rel="revision" href="https://meteofrance.com/gestion-des-cookies" /> <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>Gestion des Cookies de 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_XbksO3jEqXyKgP7rU8WhBvhaogufW17eOELbZ-ADZV0.css" /> <link rel="stylesheet" media="all" href="/sites/meteofrance.com/files/css/css_UGLm9h04IHha1x27Xr9mpw1HU8pxp9gyUPwwNZ70nyQ.css" />  <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_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 menu-item menu-item--expanded"> <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 menu-item"> <a href="/comprendre-la-vigilance" title="Comprendre la Vigilance" data-drupal-link-system-path="node/575302">Comprendre la Vigilance m茅t茅o</a> </li> <li class="menu-icon-247 menu-item menu-item--expanded"> <a href="/education" title="Rubrique Education" data-drupal-link-system-path="node/575014">脡ducation </a> <ul class="menu"> <li class="menu-icon-253 menu-item menu-item--collapsed"> <a href="/education/comprendre-la-meteo" title="Comprendre la m茅t茅o" data-drupal-link-system-path="node/574999">Comprendre la m茅t茅o</a> </li> <li class="menu-icon-256 menu-item"> <a href="/education/comprendre-le-climat" title="Comprendre le Climat" data-drupal-link-system-path="node/575002">Comprendre le climat</a> </li> <li class="menu-icon-262 menu-item"> <a href="/education/partenariats-educatifs" title="Partenariats 茅ducatifs" data-drupal-link-system-path="node/575752">Partenariats 茅ducatifs</a> </li> <li class="menu-icon-265 menu-item"> <a href="/education/formation-et-metiers" title="Education : Formation et m茅tiers" data-drupal-link-system-path="node/575011">Formation et m茅tiers</a> </li> </ul> </li> </ul> </li> <li class="menu-icon-6 menu-item"> <a href="https://services.meteofrance.com" class="fas fa-user-plus" rel="nofollow noopener" target="_blank" title="Offres et Services de M茅t茅o-France">Nos Services</a> </li> </ul> </nav> <button id="menu_burger" aria-label="Ouvrir le menu" title="Ouvrir le menu" class="toggle_sidebar_menu" role="button"> </button> </div> </div> </section> <section id="header_bottom"> <div class="container"> <div class="row"> <div id="block-mfbarrefavoris" class="block block-mf-barre-favoris"> <div id="barre-favoris" v-cloak> <ul id="barre-favoris-list"> <li v-for="(favori, index) in favoris.getFavoris()"> <p></p> <a class="favori-link" :href="favori.getPoi().path"> <span class="icon-type-favoris" :class="favori.getPoi().type"></span> <i v-if="favori.getPoi().icon_poi" :aria-label="'Icone ' + favori.getPoi().name" v-bind:class="favori.getPoi().icon_poi"></i> <p aria-label="Ville"> <span>${favori.getPoi().name.slice(0, maxlength)}<span v-if="favori.getPoi().name.length >= maxlength">...</span></span> <span v-if="favori.getPoi().country != null && favori.getPoi().country != '' && favori.getPoi().country.substring(0, 2) != 'FR'">(${favori.getPoi().country.substring(0, 2)})</span> <span v-if="favori.getPoi().country == null && favori.getPoi().dpt != null && favori.getPoi().dpt != ''">(${favori.getPoi().dpt})</span> </p> <i v-if="favori.warningColor == 2" alt="VIGILANCE JAUNE" title="VIGILANCE JAUNE" aria-label="vigilance jaune" class="fa fa-exclamation-triangle vigilance jaune"></i> <i v-if="favori.warningColor == 3" alt="VIGILANCE ORANGE" title="VIGILANCE ORANGE" aria-label="vigilance orange" class="fa fa-exclamation-triangle vigilance orange"></i> <i v-if="favori.warningColor == 4" alt="VIGILANCE ROUGE" title="VIGILANCE ROUGE" aria-label="vigilance rouge" class="fa fa-exclamation-triangle vigilance rouge"></i> <i v-if="favori.warningColor == 5" alt="VIGILANCE VIOLETTE" title="VIGILANCE VIOLETTE" aria-label="vigilance violette" class="fa fa-exclamation-triangle vigilance violette"></i> <i v-if="favori.warningColor == 1.5" alt="VIGILANCE GRISE" title="VIGILANCE GRISE" aria-label="vigilance grise" class="fa fa-exclamation-triangle vigilance grise"></i> <i v-if="favori.warningColor == 6" alt="VIGILANCE BLEU-GRIS CYCLONE" title="VIGILANCE BLEU-GRIS CYCLONE" aria-label="vigilance bleu-gris cyclone" class="fa fa-exclamation-triangle vigilance bleu-gris-cyclone"></i> <i v-if="favori.warningColor == 7 && favori.getPoi().dpt == '976'" alt="VIGILANCE BLANCHE CYCLONE" title="VIGILANCE BLANCHE CYCLONE" aria-label="vigilance blanche cyclone" class="fa fa-exclamation-triangle vigilance blanc-cyclone"></i> <i v-if="favori.warningColor == 7 && favori.getPoi().dpt != '976'" alt="VIGILANCE JAUNE CYCLONE" title="VIGILANCE JAUNE CYCLONE" aria-label="vigilance jaune cyclone" class="fa fa-exclamation-triangle vigilance jaune-cyclone"></i> <i v-if="favori.warningColor == 8" alt="VIGILANCE ORANGE CYCLONE" title="VIGILANCE ORANGE CYCLONE" aria-label="vigilance orange cyclone" class="fa fa-exclamation-triangle vigilance orange-cyclone"></i> <i v-if="favori.warningColor == 9" alt="VIGILANCE ROUGE CYCLONE" title="VIGILANCE ROUGE CYCLONE" aria-label="vigilance rouge cyclone" class="fa fa-exclamation-triangle vigilance rouge-cyclone"></i> <i v-if="favori.warningColor == 10" alt="VIGILANCE VIOLETTE CYCLONE" title="VIGILANCE VIOLETTE CYCLONE" aria-label="vigilance violette cyclone" class="fa fa-exclamation-triangle vigilance violette-cyclone"></i> <img v-if="favori.getForecastNow() != null && favori.getForecastNow().weather_icon != null" :src="'/modules/custom/mf_tools_common_theme_public/svg/weather/' + favori.getForecastNow().weather_icon + '.svg'" :alt="'METEO '+favori.getPoi().name" class="icon shape-weather" style="width:35px" :title="'METEO '+favori.getPoi().name"/> <strong v-if="favori.getForecastNow() != null && favori.getForecastNow().T != null" :aria-label="'Temp茅rature 脿 '+favori.getPoi().name">${Math.round(favori.getForecastNow().T)}掳</strong> </a> <div class="dot-menu" v-on:click="displayMenu(index)"> <ul class="dot-menu-content" v-if="menuCurrentlyDisplayed == index"> <li v-on:click="placeItemFirstPosition(index)">Placer 脿 la 1<sup>ere</sup> place</li> <li v-on:click="removeItemFromFavoris(favori)">Effacer le favori</li> </ul> </div> </li> <li class="last"> <div id="add-favorite"> <div class="autocomplete"> <span v-on:click="showSearch(false)">Ajouter une ville</span> <button class="open" aria-label="Ajouter une ville" title="Ajouter une ville" v-if="stateSearch == false" v-on:click="showSearch(true)"></button> <button class="close" aria-label="Fermer" title="Fermer" v-if="stateSearch == true" v-on:click="showSearch(false)"></button> <div class="add-favorite-list" v-if="stateSearch"> <input @blur="setFocus(false)" @focus="setFocus(true)" id="myInput" name="newPOI" placeholder="Ajouter une ville" type="text" v-model="inputPoi" autocomplete="off" v-on:input="searchTest()"> <ul class="favorite-items" v-if="inputPoi != '' && magic_flag"> <li class="favorite-item" v-for="(poi, index) in getPoisList()" v-on:click="addFavoriteFromInput(poi)"> ${poi.name.slice(0, 50)} </li> <li class="favorite-item" v-if="getPoisList().length == 0">Aucun r茅sultat</li> </ul> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </section> </header> <aside aria-hidden="true" id="sidebar_page"> <div class="inner"> <button aria-label="Fermer le menu" title="Fermer le menu" id="sidebar_close_mobile" class="fa fa-times"></button> <div id="sidebar_header"> <figure class="marianne"> <img src="/themes/custom/theme_public/dist/img/marianne.svg" onerror="/themes/custom/theme_public/dist/img//marianne.svg" alt="R茅publique fran莽aise" title="R茅publique fran莽aise"> </figure> <a id="logo_sidebar" rel="noopener noreferrer" href="https://www.meteofrance.com" target="_blank" title="M茅t茅o-France - page d'accueil" aria-label="M茅t茅o-France - page d'accueil"> <img src="/themes/custom/theme_public/dist/img/logo_fond_bleu.svg" width="70" class="Logo" title="M茅t茅o-France : 脿 vos c么t茅s, dans un climat qui change" alt="M茅t茅o-France : 脿 vos c么t茅s, dans un climat qui change"> </a> </div> <div class="region region-burger"> <div id="block-mfvigilanceburger" class="block block-mf-vigilance-header block-mf-vigilance-burger"> <a id="vigilance_link_burger" class="vigilance_link" :class="{ 'rouge': vigilance_level == 4, 'orange': vigilance_level == 3, 'jaune': vigilance_level == 2, 'vert': vigilance_level < 2, }" href="//vigilance.meteofrance.fr/fr" target="_blank" rel="nofolow noopener" title="Vigilance M茅t茅o-France"> <span>Vigilance </span> </a> </div> <nav role="navigation" aria-labelledby="block-publicmenuburger-menu" id="block-publicmenuburger" class="block block-menu navigation menu--public---menu-burger"> <span class="visually-hidden" id="block-publicmenuburger-menu">PUBLIC - Menu burger</span> <ul class="menu"> <li class="menu-icon-12 menu-item"> <a href="/" class="fas fa-home" data-drupal-link-system-path="<front>">Accueil</a> </li> <li class="menu-icon-69 menu-item"> <a href="https://meteofrance.fr" class="fas fa-newspaper" rel="nofollow noopener" target="_blank" title="Site institutionnel M茅t茅o-France">Site Institutionnel</a> </li> <li class="menu-icon-27 menu-item menu-item--expanded"> <a href="/climat" class="fas fa-globe-americas no-clickable" title="M茅t茅o-France et le Climat" data-drupal-link-system-path="node/42497">Climat</a> <ul class="menu"> <li class="menu-icon-146 menu-item"> <a href="https://meteofrance.fr/actualite/publications/les-publications-de-meteo-france/les-dernieres-previsions-saisonnieres" class="fas fa-globe-americas" rel="nofollow" target="_blank" title="Tendances climatiques 脿 trois mois">Tendances 脿 3 Mois</a> </li> <li class="menu-icon-93 menu-item menu-item--expanded"> <a href="/comprendre-climat" class="fas fa-globe-americas no-clickable" title="Services Climatiques" data-drupal-link-system-path="node/42499">Services Climatiques</a> <ul class="menu"> <li class="menu-icon-230 menu-item"> <a href="http://www.drias-climat.fr/" rel="nofollow" target="_blank" title="Drias">DRIAS, les futurs du climat</a> </li> <li class="menu-icon-301 menu-item"> <a href="/actualites-et-dossiers/actualites/drias-eau-quel-futur-pour-leau-en-2050" target="_self" title="DRIAS, les futurs de l'eau" data-drupal-link-system-path="node/575050">DRIAS-Eau, les futurs de l'eau</a> </li> <li class="menu-icon-340 menu-item"> <a href="/le-changement-climatique/climadiag-agriculture-un-service-pour-sadapter-au-rechauffement-climatique" rel="nofollow" target="_self" title="Climadiag Agriculture" data-drupal-link-system-path="node/576331">Climadiag Agriculture</a> </li> <li class="menu-icon-295 menu-item"> <a href="/le-changement-climatique/climadiag-commune" title="Climadiag Commune" data-drupal-link-system-path="node/574430">Climadiag Commune</a> </li> <li class="menu-icon-331 menu-item"> <a href="/le-changement-climatique/climadiag-chaleur-en-ville" data-drupal-link-system-path="node/576049">Climadiag Chaleur en ville</a> </li> <li class="menu-icon-233 menu-item"> <a href="/climadiag-entreprise" target="_self" title="Climadiag Entreprise" data-drupal-link-system-path="node/575038">Climadiag Entreprise</a> </li> <li class="menu-icon-292 menu-item"> <a href="/climathd" title="Climat HD" data-drupal-link-system-path="node/575029">Climat HD</a> </li> </ul> </li> <li class="menu-icon-94 menu-item menu-item--expanded"> <a href="/comprendre-climat" class="fas fa-globe-americas no-clickable" title="Comprendre le Climat" data-drupal-link-system-path="node/42499">Comprendre le Climat</a> <ul class="menu"> <li class="menu-icon-105 menu-item"> <a href="/comprendre-climat/monde" title="Le Climat Mondial" data-drupal-link-system-path="node/87256">Le Climat Mondial</a> </li> <li class="menu-icon-106 menu-item"> <a href="/comprendre-climat/france" title="Le Climat en France" data-drupal-link-system-path="node/87257">Le Climat en France</a> </li> <li class="menu-icon-107 menu-item"> <a href="/comprendre-climat/etudier-climat-passe" title="Etudier le Climat Pass茅" data-drupal-link-system-path="node/87259">Etudier le Climat Pass茅</a> </li> </ul> </li> <li class="menu-icon-95 menu-item menu-item--expanded"> <a href="/changement-climatique" class="fas fa-globe-americas no-clickable" title="Le Changement Climatique" data-drupal-link-system-path="node/42500">Le Changement Climatique</a> <ul class="menu"> <li class="menu-icon-108 menu-item"> <a href="/changement-climatique/observer" title="Observer le Changement Climatique" data-drupal-link-system-path="node/87260">Observer le Changement Climatique</a> </li> <li class="menu-icon-109 menu-item"> <a href="/changement-climatique/quel-climat-futur" title="Quel Climat Futur ?" data-drupal-link-system-path="node/87265">Quel Climat Futur ?</a> </li> </ul> </li> <li class="menu-icon-199 menu-item menu-item--expanded"> <span class="fas fa-globe-americas no-clickable" title="Normales et Relev茅s M茅t茅orologiques">Normales et Relev茅s</span> <ul class="menu"> <li class="menu-icon-202 menu-item"> <a href="/climat/normales/france" title="Climat : Normales et Records" data-drupal-link-system-path="climat/normales/france">Normales et Records</a> </li> <li class="menu-icon-205 menu-item"> <a href="/climat/releves/france" title="Climat Relev茅s" data-drupal-link-system-path="climat/releves/france">Relev茅s M茅t茅orologiques</a> </li> <li class="menu-icon-211 menu-item"> <a href="https://donneespubliques.meteofrance.fr/?fond=produit&id_produit=129&id_rubrique=29" rel="nofollow" target="_blank" title="Bulletins Climatologiques">Bulletins Climatologiques</a> </li> </ul> </li> </ul> </li> <li class="menu-icon-26 menu-item menu-item--expanded"> <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 menu-item"> <a href="/comprendre-la-vigilance" class="fa fa-newspaper" title="Comprendre la Vigilance" data-drupal-link-system-path="node/575302">Comprendre la Vigilance m茅t茅o</a> </li> <li class="menu-icon-250 menu-item menu-item--expanded"> <a href="/education" class="fa fa-newspaper" title="Education" data-drupal-link-system-path="node/575014">脡ducation </a> <ul class="menu"> <li class="menu-icon-325 menu-item"> <a href="/education/nos-actualites-pour-leducation" data-drupal-link-system-path="node/575758">Nos actualit茅s pour l'脡ducation</a> </li> <li class="menu-icon-271 menu-item menu-item--collapsed"> <a href="/education/comprendre-la-meteo" data-drupal-link-system-path="node/574999">Comprendre la m茅t茅o</a> </li> <li class="menu-icon-274 menu-item"> <a href="/education/comprendre-le-climat" data-drupal-link-system-path="node/575002">Comprendre le climat</a> </li> <li class="menu-icon-268 menu-item"> <a href="/education/partenariats-educatifs" data-drupal-link-system-path="node/575752">Partenariats 茅ducatifs</a> </li> <li class="menu-icon-280 menu-item"> <a href="/education/formation-et-metiers" data-drupal-link-system-path="node/575011">Formation et m茅tiers</a> </li> </ul> </li> </ul> </li> <li class="menu-icon-14 menu-item menu-item--expanded"> <span class="fas fa-globe-asia" title="M茅t茅o Outre-mer">Meteo Outre Mer</span> <ul class="menu"> <li class="menu-icon-16 menu-item"> <a href="https://meteofrance.re/" rel="nofollow noopener" target="_blank" title="M茅t茅o-France La R茅union">La R茅union</a> </li> <li class="menu-icon-17 menu-item"> <a href="https://meteofrance.yt/" rel="nofollow noopener" target="_blank" title="M茅t茅o-France Mayotte">Mayotte</a> </li> <li class="menu-icon-18 menu-item"> <a href="https://www.meteo.nc" rel="nofollow noopener" target="_blank" title="M茅t茅o-France Nouvelle Cal茅donie">Nouvelle Cal茅donie</a> </li> <li class="menu-icon-54 menu-item"> <a href="https://meteofrance.gp/fr" rel="nofollow noopener" target="_blank" title="M茅t茅o-France Guadeloupe, Saint Martin, Saint Barth茅lemy">Guadeloupe, Saint Martin, Saint Barth茅lemy</a> </li> <li class="menu-icon-163 menu-item"> <a href="https://meteofrance.gf/fr" rel="nofollow" target="_blank" title="M茅t茅o-France Guyane">Guyane</a> </li> <li class="menu-icon-160 menu-item"> <a href="https://meteofrance.mq/fr" rel="nofollow" target="_blank" title="M茅t茅o-France Martinique">Martinique</a> </li> <li class="menu-icon-53 menu-item"> <a href="https://meteo.pf" rel="nofollow noopener" target="_blank" title="M茅t茅o-France Polyn茅sie Fran莽aise">Polyn茅sie Fran莽aise</a> </li> <li class="menu-icon-55 menu-item"> <a href="https://meteofrance.pm/" rel="nofollow noopener" target="_blank" title="M茅t茅o-France Saint-Pierre-et-Miquelon">Saint-Pierre-et-Miquelon</a> </li> </ul> </li> <li class="menu-icon-244 menu-item"> <a href="/meteo-marine" class="fas fa-water is-active" title="M茅t茅o Marine" data-drupal-link-system-path="node/574681">Meteo Marine</a> </li> <li class="menu-icon-307 menu-item"> <a href="/meteo-des-forets" class="fa-tree" title="M茅t茅o des For锚ts" data-drupal-link-system-path="node/575170">M茅t茅o des For锚ts</a> </li> <li class="menu-icon-19 menu-item"> <a href="/meteo-montagne" class="fas fa-mountain" title="M茅t茅o Montagne" data-drupal-link-system-path="node/5">Meteo Montagne</a> </li> <li class="menu-icon-23 menu-item"> <a href="/meteo-plages" class="fas fa-umbrella-beach" title="M茅t茅o des Plages" data-drupal-link-system-path="node/42085">Meteo des plages</a> </li> <li class="menu-icon-316 menu-item"> <a href="https://vigieau.gouv.fr/" class="fas fa-newspaper" rel="nofollow" target="_blank" title="VigiEau, les restrictions d'eau me concernent-elles ?">VigiEau</a> </li> <li class="menu-icon-75 menu-item menu-item--expanded"> <a href="/images-radar" class="fas fa-globe-africa no-clickable" title="Animations M茅t茅o-France" data-drupal-link-system-path="node/568457">ANIMATIONS</a> <ul class="menu"> <li class="menu-icon-76 menu-item"> <a href="/images-radar" title="Animations RADAR" data-drupal-link-system-path="node/568457">Images RADAR</a> </li> <li class="menu-icon-77 menu-item"> <a href="/images-satellites" title="Animations Satellites" data-drupal-link-system-path="node/568461">Images Satellites</a> </li> </ul> </li> <li class="menu-icon-25 menu-item menu-item--expanded"> <a href="https://meteofrance.fr" class="fas fa-question-circle no-clickable" rel="nofollow noopener" target="_blank" title="Site institutionnel de M茅t茅o-France">A propos de M茅t茅o-France</a> <ul class="menu"> <li class="menu-icon-319 menu-item"> <a href="/carte-didentite-de-meteo-france" title="Carte d'identit茅 de M茅t茅o-France" data-drupal-link-system-path="node/575359">Notre carte d'identit茅</a> </li> <li class="menu-icon-343 menu-item"> <a href="https://careers.flatchr.io/fr/company/meteofrance/">Nous rejoindre</a> </li> <li class="menu-icon-72 menu-item"> <a href="https://meteofrance.fr/actualite/presse" rel="nofollow noopener" target="_blank" title="Service Presse de M茅t茅o-France">Espace Presse</a> </li> <li class="menu-icon-68 menu-item"> <a href="/informations-environnementales" title="Informations Environnementales" data-drupal-link-system-path="node/87150">Informations Environnementales</a> </li> <li class="menu-icon-70 menu-item"> <a href="/marches-publics" title="March茅s Publics" data-drupal-link-system-path="node/87151">March茅s Publics</a> </li> <li class="menu-icon-71 menu-item"> <a href="/autres-sites" title="Sites M茅t茅o-France" data-drupal-link-system-path="node/87153">Autres sites</a> </li> </ul> </li> <li class="menu-icon-139 menu-item"> <a href="https://donneespubliques.meteofrance.fr/" class="fas fa-user-plus" rel="nofollow" target="_blank" title="Donn茅es Publiques de M茅t茅o-France">OPEN DATA</a> </li> <li class="menu-icon-21 menu-item"> <a href="https://services.meteofrance.com/" class="fas fa-user-plus" rel="nofollow noopener" target="_blank" title="Offres et Services de M茅t茅o-France">Nos Services</a> </li> <li class="menu-icon-138 menu-item"> <a href="/applications-mobiles" class="fas fa-newspaper" title="Applications mobiles" data-drupal-link-system-path="node/87147">Applications mobiles</a> </li> <li class="menu-icon-143 menu-item"> <a href="/widgets" class="fas fa-newspaper" title="Widgets M茅t茅o-France" data-drupal-link-system-path="node/568453">Widgets</a> </li> <li class="menu-icon-346 menu-item"> <a href="/la-fabrique-prototypes" class="fas fa-z02-lab" data-drupal-link-system-path="node/576304">Testez nos prototypes</a> </li> </ul> </nav> <nav role="navigation" aria-labelledby="block-publicmenusocial-menu" id="block-publicmenusocial" class="block block-menu navigation menu--public---menu-reseaux-socia"> <span id="block-publicmenusocial-menu">Suivez-nous</span> <ul class="menu"> <li class="menu-icon-7 menu-item"> <a href="https://www.facebook.com/MeteoFrance/" class="fa fa-facebook-f-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Facebook">Facebook</a> </li> <li class="menu-icon-8 menu-item"> <a href="https://twitter.com/meteofrance" class="fa fa-twitter-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Twitter">Twitter</a> </li> <li class="menu-icon-9 menu-item"> <a href="https://fr.linkedin.com/company/meteo-france" class="fa fa-linkedin-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Linked In">Linkedin</a> </li> <li class="menu-icon-52 menu-item"> <a href="https://www.instagram.com/meteofrance/" class="fa fa-instagram-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur Instagram">Instagram</a> </li> <li class="menu-icon-10 menu-item"> <a href="https://www.youtube.com/channel/UCnBToLuuyq7Qn5j7e5BRhaw" class="fa fa-youtube-brands" rel="nofollow noopener" target="_blank" title="Nous suivre sur YouTube">YouTube</a> </li> </ul> </nav> </div> </div> </aside> <button aria-label="Fermer le menu" title="Fermer le menu" id="sidebar_overlay"></button> <div class="container" id="main_container"> <section id="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="article_content"> <figure> </figure> <div class="article_header"> <h1><span class="field field--name-title field--type-string field--label-hidden">Gestion des Cookies</span> </h1> <span class="date"> 02/03/2025 </span> </div> <div class="content_paragraphs"> <div class="mf_paragraph text rte"> <p class="h3">M茅t茅o-France s'engage 脿 ce que la collecte et le traitement de vos donn茅es, effectu茅s 脿 partir de ses sites Internet, soient conformes au r猫glement g茅n茅ral sur la protection des donn茅es (RGPD) et 脿 la loi Informatique et Libert茅s.</p> <p><strong>Les sites Internet de M茅t茅o-France pr茅sentent deux types de contenus :</strong></p> <ul> <li><strong>Ceux qui sont int茅gralement financ茅s par le budget de l鈥櫭塼at : </strong>ceux-ci s鈥檃ppuient uniquement sur des <a href="/gestion-des-cookies-necessaires-au-fonctionnement">cookies strictement n茅cessaires 脿 leur fonctionnement</a></li> <li><strong>Ceux qui sont financ茅s par le recours 脿 la publicit茅 :</strong> ceux-l脿 utilisent, en plus des cookies n茅cessaires 脿 leur fonctionnement, des <a href="/gestion-des-cookies-soumis-consentement">cookies soumis 脿 votre consentement</a> pour les modalit茅s de ce recours 脿 la publicit茅.</li> </ul> <h2>1. Les sites Internet financ茅s par le budget de l鈥櫭塼at</h2> <p><strong>Ces sites Internet sont ceux qui permettent l'acc猫s direct aux informations de vigilance m茅t茅orologique, 脿 des dossiers th茅matiques sur le changement climatique ou 脿 des ph茅nom猫nes m茅t茅orologiques en g茅n茅ral, ainsi que des sites Internet permettant de vous pr茅senter des services et de vous permettre ensuite de commander des produits et des services. </strong>Sur ces sites Internet, qui ne traitent des donn茅es personnelles que pour assurer leur bon fonctionnement, il ne vous est donc pas demand茅 de consentement particulier :</p> </p> <ul> <li>Site Internet de <a href="https://vigilance.meteofrance.fr">Vigilance m茅t茅orologique</a> (et son site <a href="https://vigimeteo.com">Internet "de secours"</a>) sur la France en m茅tropole, la R茅union et Mayotte</li> <li>Site <a href="https://meteofrance.fr">Internet Institutionnel de M茅t茅o-France</a></li> <li>Site Internet sur les <a href="https://donneespubliques.meteofrance.fr/">donn茅es publiques</a></li> <li>Site Internet <a href="http://education.meteofrance.fr">Education</a></li> <li>Site <a href="http://www.drias-climat.fr/">DRIAS</a>, les futurs du Climat</li> <li>Site Internet sur les <a href="http://pluiesextremes.meteo.fr/">Pluies Extr锚mes</a></li> <li>Site Internet sur les <a href="http://tempetes.meteo.fr/">temp锚tes en France</a> m茅tropolitaine</li> <li>Site Internet sur les <a href="https://services.meteofrance.com">services et produits</a> de M茅t茅o-France</li> <li>Site Internet de l'<a href="http://www.enm-toulouse.fr/">Ecole Nationale de la M茅t茅orologie</a></li> <li>Site du <a href="https://portail-api.meteofrance.fr/web/fr/">portail des API</a></li> <li>Centre National de Recherche M茅t茅orologique (<a href="https://www.umr-cnrm.fr/">CNRM-UMR</a>)</li> <li>Site Internet de <a href="http://www.meteo-spatiale.fr/src/accueil.php">M茅t茅orologie Spatiale</a></li> <li><a href="https://aviation.meteo.fr/login.php">AEROWEB</a>, le site Internet de l'aviation</li> <li><a href="https://hal-meteofrance.archives-ouvertes.fr/">HAL</a> M茅t茅o-France</li> <li><a href="http://bibliotheque.meteo.fr/">Portail documentaire</a> de M茅t茅o-France</li> </ul> <h2>2. Les sites Internet financ茅s par le recours 脿 la publicit茅</h2> <ul> <li>Site principal <a href="https://meteofrance.com">meteofrance.com</a>,</li> </ul> <p>ainsi que les sites sp茅cialis茅s sur les outre-mers :</p> <ul> <li>Site Internet pour la <a href="https://meteofrance.gp/fr">Guadeloupe & les Iles du Nord</a></li> <li>Site Internet pour la <a href="https://meteofrance.mq/fr">Martinique</a></li> <li>Site Internet pour la <a href="https://meteofrance.gf/fr">Guyane</a></li> <li>Site Internet pour <a href="https://meteofrance.re/fr">La R茅union</a></li> <li>Site Internet pour <a href="https://meteofrance.yt/fr">Mayotte</a></li> <li>Site Internet pour la <a href="https://meteo.pf">Polyn茅sie Fran莽aise</a></li> <li>Site Internet pour <a href="https://meteofrance.pm/">Saint-Pierre-et-Miquelon</a></li> <li>Site Internet pour la <a href="https://www.meteo.nc">Nouvelle Cal茅donie et pour Wallis et Futuna</a></li> </ul> <p>Sur ces sites Internet, votre consentement est requis pour l鈥檈nvoi de publicit茅s cibl茅es sur vos centres d鈥檌nt茅r锚t, qui utilisent certaines de vos donn茅es personnelles issues de votre navigation Internet ou de votre g茅olocalisation. Si vous ne consentez pas 脿 cela, alors vous recevrez des messages publicitaires ne reposant sur aucune donn茅e personnelle.</p> <p> </p> <p> </p> <p class="text-align-right"><b>Voir la page concernant les</b> <a href="/gestion-des-cookies-necessaires-au-fonctionnement">cookies strictement n茅cessaires au fonctionnement</a></p> <p class="text-align-right"><b>Voir la page concernant les </b><a href="/gestion-des-cookies-soumis-consentement">cookies soumis 脿 votre consentement</a></p> <p class="text-align-right"> </p> <p> </p> </div> </div> <div id="mdb-lightbox-ui"> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close button_close fa fa-times" title="Close (Esc)"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <button class="pswp__button pswp__button--arrow--left button_nav fa fa-arrow-left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right button_nav fa fa-arrow-right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> </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> </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 active-trail t_active menu-item menu-item--active-trail"> <a href="/gestion-des-cookies" title="Gestion des Cookies" data-drupal-link-system-path="node/87149" class="is-active">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\/87149","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_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_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":"\/gestion-des-cookies","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_uuPO8lgNw-QlGEIj_7DWYW_QZNRxJ2MT2Mt8SVrbo_o.js"></script> </body> </html>

CINXE.COM

Gestion des Cookies de M茅t茅o-France