METEO FRANCE SAINT PIERRE ET MIQUELON 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-58CNRC6'); </script> <link rel="preconnect" href="https://rpcache-aa.meteofrance.com" /> <link rel="shortlink" href="https://meteofrance.pm/fr" /> <link rel="canonical" href="https://meteofrance.pm/fr" /> <meta name="description" content="METEO FRANCE SAINT PIERRE ET MIQUELON - Retrouvez les prévisions de Météo-France pour aujourd’hui, demain et jusqu’à 15 jours, ainsi que les prévisions marine, les animations satellites sur Saint-Pierre et sur Miquelon (975)" /> <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.pm/files/favicon_0.png" type="image/png" /> <link rel="alternate" hreflang="fr" href="https://meteofrance.pm/fr" /> <link rel="revision" href="https://meteofrance.pm/fr" /> <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>METEO FRANCE SAINT PIERRE ET MIQUELON par Météo-France - Prévisions Météo 15 jours</title> <link rel="stylesheet" media="all" href="/sites/meteofrance.pm/files/css/css_zOPfKnXbLz1CVV-1LC97OHx3-O6CWys_zLAAwfzRQWU.css" /> <link rel="stylesheet" media="all" href="/sites/meteofrance.pm/files/css/menu-css/menu_icons_1723534348.css?si5bly" /> <link rel="stylesheet" media="all" href="/sites/meteofrance.pm/files/css/css_8eK2FrEEfRST8FB-MaoRsv9UVXY6VKgFxkBYKV75IdI.css" /> <link rel="stylesheet" media="all" href="/sites/meteofrance.pm/files/css/css_072SD-7i8sLtOKPpFPic0xwgu2RQaWj_tYt40iey404.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 initializing"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58CNRC6" 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"> <img src="/themes/custom/theme_public/dist/img/marianne.svg" onerror="/themes/custom/theme_public/dist/img//marianne.png" alt="République française" title="République française" /> </figure> <div class="region region-header-left"> <div class="block block-mf-logo" id="block-mflogo"> <div id="custom-logo"> <a href="/fr" title="Prévisions Météo-France"> <img src="/sites/meteofrance.pm/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> <a href="/fr" title="Prévisions Météo-France" alt="Météo-France Saint Pierre et Miquelon"><span class="custom-title">Saint Pierre et Miquelon</span></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">PUBLIC - Menu Social header</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> </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"> <a class="block_vigilance_header" id="vigilance_header" href="/fr/vigilance" target="_self" rel="nofolow noopener"> <div class="block_map_vigilance" v-if="image" alt="Vignette de Vigilance Météo Saint Pierre et Miquelon" title="Vignette de Vigilance Météo Saint Pierre et Miquelon"> <img :src="image" alt="Vignette de Vigilance Météo Saint Pierre et Miquelon" title="Vignette de Vigilance Météo Saint Pierre et Miquelon" /> </div> <div class="block_vigilance_alert tooltip_container" :class="{ 'vigilance-violette-cyclone': vigilance_level && vigilance_level == 10, 'vigilance-rouge-cyclone': vigilance_level && vigilance_level == 9, 'vigilance-orange-cyclone': vigilance_level && vigilance_level == 8, 'vigilance-blanc-cyclone': vigilance_level && vigilance_level == 7 && yellow == 'blanc', 'vigilance-jaune-cyclone': vigilance_level && vigilance_level == 7 && yellow == 'jaune', 'vigilance-bleu-gris-cyclone': vigilance_level && vigilance_level == 6, 'vigilance-violette': vigilance_level && vigilance_level == 5, 'vigilance-rouge': vigilance_level && vigilance_level == 4, 'vigilance-orange': vigilance_level && vigilance_level == 3, 'vigilance-jaune': vigilance_level && vigilance_level == 2, 'vigilance-grise': vigilance_level && vigilance_level == 1.5, 'vigilance-verte': vigilance_level && vigilance_level < 1.5, }" role="alert"> <p aria-describedby="tooltipVigilance" class="label" alt="Niveau de Vigilance Météo Saint Pierre et Miquelon" title="Niveau de Vigilance Météo Saint Pierre et Miquelon"> Vigilance météo </p> <div class="tooltip" id="tooltipVigilance" :class="'vigilance-' + vigilance_level"> <i aria-label="Alerte" class="alert"></i> <p v-if="vigilance_level && vigilance_level < 1.5">Pas de vigilance particulière</p> <p v-if="vigilance_level && vigilance_level == 2">Soyez attentif</p> <p v-if="vigilance_level && vigilance_level == 1.5">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> <p v-if="vigilance_level && vigilance_level == 5">Confine yourself</p> <p v-if="vigilance_level && vigilance_level == 6">Phase de sauvegarde en cours</p> <p v-if="vigilance_level && vigilance_level == 7 && yellow == 'blanc'">Pré-alerte cyclonique en cours</p> <p v-if="vigilance_level && vigilance_level == 7 && yellow == 'jaune'">Pré-alerte jaune cyclonique en cours</p> <p v-if="vigilance_level && vigilance_level == 8">Alerte cyclonique orange en cours</p> <p v-if="vigilance_level && vigilance_level == 9">Alerte cyclonique rouge en cours</p> <p v-if="vigilance_level && vigilance_level == 10">Alerte cyclonique violette en cours</p> </div> </div> </a> </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="/fr" class="fas fa-cloud-sun is-active" title="Prévisions Météo-France Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="<front>">Previsions</a> </li> <li class="menu-icon-88 menu-item menu-item--expanded"> <a href="/fr/observations" class="fas fa-globe-americas no-clickable" title="Observations météo Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="node/568992">Observations</a> <ul class="menu"> <li class="menu-icon-228 menu-item menu-item--expanded"> <span title="Observations Météo Saint-Pierre-Et-Miquelon">Observations météo</span> <ul class="menu"> <li class="menu-icon-231 menu-item"> <a href="/fr/observations" title="Observations Météo Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="node/568992">Données relevées</a> </li> </ul> </li> <li class="menu-icon-200 menu-item menu-item--expanded"> <span>Houlographe</span> <ul class="menu"> <li class="menu-icon-169 menu-item"> <a href="https://candhis.cerema.fr/_public_/campagne.php?Y2FtcD05NzUwMQ=%3D" rel="nofollow" target="_blank" title="Données du Houlographe">Données du Houlographe</a> </li> </ul> </li> <li class="menu-icon-202 menu-item menu-item--expanded"> <span title="Marégraphe">Marégraphe</span> <ul class="menu"> <li class="menu-icon-168 menu-item"> <a href="https://data.shom.fr/donnees/refmar/115" rel="nofollow" target="_blank" title="Données du Marégraphe">Données du Marégraphe</a> </li> </ul> </li> </ul> </li> <li class="menu-icon-36 menu-item"> <a href="/fr/marine" class="fas fa-water is-active" title="Météo Marine Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="node/568997">Meteo Marine</a> </li> <li class="menu-icon-89 menu-item menu-item--expanded"> <a href="/fr/climat" class="fas fa-globe-americas no-clickable" title="Climat Saint-Pierre-et-Miquelon" data-drupal-link-system-path="node/42497">Climat</a> <ul class="menu"> <li class="menu-icon-183 menu-item menu-item--expanded"> <span class="no-clickable" title="Descriptif du climat de Saint-Pierre et Miquelon">Climat</span> <ul class="menu"> <li class="menu-icon-184 menu-item"> <a href="/fr/climat" title="Descriptif du climat Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="node/42497">Climat de Saint-Pierre-et-Miquelon</a> </li> </ul> </li> <li class="menu-icon-187 menu-item menu-item--expanded"> <span class="no-clickable" title="Normales et relevés climatqiues">Normales et Relevés</span> <ul class="menu"> <li class="menu-icon-189 menu-item"> <a href="/fr/climat/normales/saint-pierre" title="Normales climatiques de Saint-Pierre" data-drupal-link-system-path="node/569031">Normales climatiques</a> </li> <li class="menu-icon-192 menu-item"> <a href="/fr/climat/releves/saint-pierre" title="Relevés climatiques de Saint-Pierre" data-drupal-link-system-path="node/569034">Relevés climatiques</a> </li> </ul> </li> </ul> </li> <li class="menu-icon-161 menu-item"> <a href="/fr/images-satellites" class="fas fa-globe-americas noclickable" rel="Animations" title="Animations Satellites Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="node/568461">Animations</a> </li> <li class="menu-icon-180 menu-item"> <a href="/fr/actualites" class="fas fa-newspaper" title="Actualités Météo-France Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="node/87141">Actualités</a> </li> <li class="menu-icon-150 menu-item menu-item--expanded"> <a href="https://meteofrance.mq/fr/cyclone" class="fas fa-hurricane no-clickable" rel="nofollow noopener" target="_blank" title="Suivi des trajectoires de cyclones">Cyclone</a> <ul class="menu"> <li class="menu-icon-208 menu-item menu-item--expanded"> <span>METEO FRANCE</span> <ul class="menu"> <li class="menu-icon-214 menu-item"> <a href="https://meteofrance.mq/fr/cyclone" rel="nofollow" target="_blank" title="Trajectoire des cyclones de Météo-France">Trajectoire des cyclones de Météo-France</a> </li> </ul> </li> <li class="menu-icon-213 menu-item menu-item--expanded"> <span>NHC - USA</span> <ul class="menu"> <li class="menu-icon-204 menu-item"> <a href="https://www.nhc.noaa.gov/" rel="nofollow" target="_blank" title="Trajectoire des cyclones du NHC américain">Trajectoire des cyclones du NHC américain</a> </li> </ul> </li> <li class="menu-icon-210 menu-item menu-item--expanded"> <span>CMC - CANADA</span> <ul class="menu"> <li class="menu-icon-206 menu-item"> <a href="https://meteo.gc.ca/hurricane/track_f.html" rel="nofollow" target="_blank" title="Trajectoire des cyclones du CMC canadien">Trajectoire des cyclones du CMC canadien</a> </li> </ul> </li> </ul> </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 != ''">(${formatDpt(favori.getPoi().dpt)})</span> </p> <i v-if="favori.getWarningMaxColor() && favori.getWarningMaxColor() > 1" v-bind:alt="getIconAlt(favori)" v-bind:title="getIconTitle(favori)" v-bind:aria-label="getIconAriaLabel(favori)" v-bind:class="getIconClass(favori)"></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"></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" 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"> </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="{ 'grise': vigilance_level == 1.5, 'rouge': vigilance_level == 4, 'orange': vigilance_level == 3, 'jaune': vigilance_level == 2, 'vert': vigilance_level < 1.5, 'violette': vigilance_level == 5, 'bleu-gris-cyclone': vigilance_level == 6, 'blanc-cyclone': vigilance_level == 7 && yellow == 'blanc', 'jaune-cyclone': vigilance_level == 7 && yellow == 'jaune', 'orange-cyclone': vigilance_level == 8, 'rouge-cyclone': vigilance_level == 9, 'violette-cyclone': vigilance_level == 10, }" href="/fr/vigilance" target="_self" 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="/fr" class="fas fa-home is-active" title="Météo-France Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="<front>">Accueil</a> </li> <li class="menu-icon-227 menu-item menu-item--expanded"> <span class="fas fa-globe-europe">Observations</span> <ul class="menu"> <li class="menu-icon-146 menu-item"> <a href="/fr/observations" title="Observations météo Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="node/568992">Observations météo</a> </li> <li class="menu-icon-171 menu-item"> <a href="https://candhis.cerema.fr/_public_/campagne.php?Y2FtcD05NzUwMQ=%3D" rel="nofollow" target="_blank" title="Houlographe de Saint-Pierre-Et-Miquelon">Houlographe</a> </li> <li class="menu-icon-216 menu-item"> <a href="https://data.shom.fr/donnees/refmar/115" rel="nofollow" target="_blank" title="Marégraphe de Saint-Pierre-Et-Miquelon">Marégraphe</a> </li> </ul> </li> <li class="menu-icon-27 menu-item menu-item--expanded"> <a href="/fr/climat" class="fas fa-globe-americas no-clickable" title="Climat Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="node/42497">Climat</a> <ul class="menu"> <li class="menu-icon-193 menu-item"> <a href="/fr/climat" title="Descriptif du climat de Saint-Pierre-et-Miquelon" data-drupal-link-system-path="node/42497">Climat de Saint-Pierre-et-Miquelon</a> </li> <li class="menu-icon-196 menu-item"> <a href="/fr/climat/normales/saint-pierre" title="Normales climatiques de Saint-Pierre" data-drupal-link-system-path="node/569031">Normales climatiques</a> </li> <li class="menu-icon-198 menu-item"> <a href="/fr/climat/releves/saint-pierre" title="Relevés climatiques de Saint-Pierre" data-drupal-link-system-path="node/569034">Relevés climatiques</a> </li> </ul> </li> <li class="menu-icon-181 menu-item"> <a href="/fr/actualites" class="fas fa-newspaper" title="Actualités et Dossiers Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="node/87141">Actualités</a> </li> <li class="menu-icon-20 menu-item"> <a href="/fr/marine" class="fas fa-water" title="Météo Marine Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="node/568997">Météo Marine</a> </li> <li class="menu-icon-152 menu-item menu-item--expanded"> <a href="https://meteofrance.mq/fr/cyclone" class="fas fa-hurricane no-clickable" rel="nofollow noopener" target="_blank" title="Cyclone">Cyclone</a> <ul class="menu"> <li class="menu-icon-219 menu-item"> <a href="https://meteofrance.mq/cyclone" rel="nofollow" target="_blank" title="Trajectoire des cyclones de Météo-France">Météo-France</a> </li> <li class="menu-icon-222 menu-item"> <a href="https://www.nhc.noaa.gov/" rel="nofollow" target="_blank" title="Trajectoire des cyclones du NHC américain">USA - NHC</a> </li> <li class="menu-icon-225 menu-item"> <a href="https://meteo.gc.ca/hurricane/track_f.html" rel="nofollow" target="_blank" title="Trajectoire des cyclones du CMC canadien">CANADA - CMC</a> </li> </ul> </li> <li class="menu-icon-158 menu-item"> <a href="/fr/images-satellites" class="fas fa-globe-africa" rel="Animations" title="Animations Satellites Saint-Pierre-Et-Miquelon" data-drupal-link-system-path="node/568461">Animations</a> </li> <li class="menu-icon-153 menu-item"> <a href="https://meteofrance.com" class="fas fa-globe-europe" rel="nofollow noopener" target="_blank" title="Météo-France Métropole">Météo-France</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">Offres & Services</a> </li> <li class="menu-icon-25 menu-item menu-item--expanded"> <a href="http://www.meteofrance.fr" class="fas fa-question-circle no-clickable" rel="nofollow noopener" target="_blank" title="A propos de Météo-France">A propos de Météo-France</a> <ul class="menu"> <li class="menu-icon-69 menu-item"> <a href="https://meteofrance.fr" rel="nofollow noopener" target="_blank" title="Site institutionnel de Météo-France">Site Institutionnel</a> </li> <li class="menu-icon-141 menu-item"> <a href="http://education.meteofrance.fr/" rel="nofollow noopener" target="_blank" title="Site Education de Météo-France">Site Education</a> </li> <li class="menu-icon-139 menu-item"> <a href="https://donneespubliques.meteofrance.fr/" rel="nofollow" target="_blank" title="Données Publiques de Météo-France">Données Publiques</a> </li> <li class="menu-icon-72 menu-item"> <a href="https://meteofrance.fr/actualite/presse" rel="nofollow noopener" target="_blank" title="Service Presse">Espace Presse</a> </li> <li class="menu-icon-70 menu-item"> <a href="https://meteofrance.com/marches-publics" rel="nofollow noopener" target="_blank" title="Marchés Publics">Marchés Publics</a> </li> <li class="menu-icon-71 menu-item"> <a href="https://meteofrance.com/autres-sites" class="fas fa-newspaper" rel="nofollow noopener" target="_blank" title="Sites Météo-France">Autres sites</a> </li> </ul> </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 id="header_print"> <figure class="marianne"> <img src="/themes/custom/theme_public/dist/img/marianne.svg" alt="Logo République Française" title="République Française" height="80"> </figure> <div class="region region-header-left"> <div class="block block-mf-logo" id="block-mflogo"> <div id="custom-logo"> <a href="/fr" title="Prévisions Météo-France"> <img src="/sites/meteofrance.pm/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> <a href="/fr" title="Prévisions Météo-France" alt="Météo-France Saint Pierre et Miquelon"><span class="custom-title">Saint Pierre et Miquelon</span></a> </div> </div> </div> </div> <div class="container" id="main_container"> <section id="ad_archer_top"> <div class="region region-ad-archer-top"> <div id="block-mfadsv2-4" class="block block-mf-ads-v2"> <div class="ad " id="custom-ad-block-mf-ads-v2ozrdcble9r" data-format="top" data-unit-position="/top" data-targeting="top,arche" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> </div> </section> <section id="section_above_page"> <div class="region region-section-above-page"> <div id="block-mfinformationsspeciales-2" class="block block-mf-informations-speciales"> <div id="informations-speciales" v-cloak> <ul class="list-infos_speciales" v-if="alertsApi && alertsApi.length > 0"> <li v-for="(alert, index) in alertsApi" v-if="index < max_alert" aria-label="Plus de détails à propos de l'alerte" class="alert alert-primary" role="alert" v-on:click="openDetailsApi(alert)"> <p> <span>${alert.titre}</span> </p> <i aria-label="Voir l'alerte" class="arrow-right"></i> </li> </ul> <ul class="list-infos_speciales" v-if="alerts && alerts.length > 0"> <li v-for="(alert, index) in alerts" v-if="index < max_alert" aria-label="Plus de détails à propos de l'alerte" class="alert" role="alert" v-bind:class="{'alert-danger': alert.type == 'danger','alert-primary': alert.type == 'primary'}" v-on:click="openDetails(alert)"> <p> <span>${alert.title}</span> </p> <i aria-label="Voir l'alerte" class="arrow-right"></i> </li> </ul> </div> </div> </div> </section> <div id="page"> <div class="page_sections_container"> <section id="primary_section"> <aside id="ad_archer_autopromo"> </aside> <div class="row has_sidebar"> <div id="primary_content"> <div id="page_breadcrumbs"> <div class="region region-breadcrumbs"> <div id="block-mfvigilancewidget" class="block block-mf-vigilance-widget"> <div id="vigilance-widget" class="desktop hidden-phone" v-cloak v-if="vigilance_text != ''"> <div> <p v-if="department" class="vigilance-widget-title">${department.name} (${department.cp})</p> <a href="/vigilance" target="_self"> <div class="vigilance-widget-content"> <div class="vigilance-widget-item left" v-bind:class="{ 'vert': vigilance_level < 1.5, 'jaune': vigilance_level == 2, 'orange': vigilance_level == 3, 'rouge': vigilance_level == 4, 'violette': vigilance_level == 5, 'grise': vigilance_level == 1.5, 'bleu-gris-cyclone': vigilance_level == 6, 'blanc-cyclone': vigilance_level == 7 && yellow == 'blanc', 'jaune-cyclone': vigilance_level == 7 && yellow == 'jaune', 'orange-cyclone': vigilance_level == 8, 'rouge-cyclone': vigilance_level == 9, 'violette-cyclone': vigilance_level == 10 }" style="text-transform: uppercase;" > <i aria-label="vigilance" class="fa fa-exclamation-triangle vigilance"></i> ${vigilance_text} </div> <div class="vigilance-widget-item right">Consulter <i class="fa fa-arrow-right"></i></div> </div> </a> </div> </div> </div> </div> </div> <div id="page_content_header"> <div class="region region-content-header"> <div id="block-mftitleblock" class="block block-mf-title-block"> <div id="title-block"> <h1 class="0">METEO Saint Pierre et Miquelon <span></span> </h1> </div> </div> </div> </div> <div class="region region-content"> <div id="block-mfsitedetails" class="block block-mf-site-details"> </div> <div id="block-mfmaplayersv2" class="block block-mf-map-layers-v2 block-mf-map-layers-block-v2"> <div id='mf_map_layers' :class="typeMapLayers"> <mscneige></mscneige> <msc></msc> <div id="map_wrapper" :class="{'loading': loading}"> <div class='loader-ring'> <div class='loader-ring-light'></div> <div class='loader-ring-track'></div> </div> <div id="map_inner_wrapper"> <div v-if="canDisplayMiniatureStMStB()" class="miniature"> <a href="/fr/saint-martin-saint-barthelemy"> <img src="/modules/custom/mf_map_layers_v2/maps/desktop/DOMTOM/dirag_iles_du_nord.svg"/> </a> </div> <div v-if="canDisplayMiniatureGuadeloupe()" class="miniature"> <a href="/"> <img src="/modules/custom/mf_map_layers_v2/maps/desktop/DOMTOM/dirag_prevision_guadeloupe.svg"/> </a> </div> <weatherpicker></weatherpicker> <map-layers></map-layers> </div> <timepicker></timepicker> </div> <svg style="height:0px;"> <defs> <linearGradient id="Gradient-1" x1="3%" y1="4%" x2="6%" y2="6%"> <stop offset="0%" stop-color="gray"/> <stop offset="50%" stop-color="white"/> </linearGradient> <linearGradient id="repeat" xlink:href="#Gradient-1" spreadmethod="repeat"/> </defs> </svg> </div> <div id="block-mfbulletintendance" class="block block-mf-bulletin-tendance"> <div id="bulletin_tendance" class="modal_atmogramme modal_maplayers"> <div class="mf_modal"> <div class="inner rte" id="targetDiv"> <div class="xml_details"> <h2>Tendance pour les jours suivants</h2> <div class="b_tendance"></div> </div> <div class="close_wrap"> <a class="closeModal">Fermer</a> </div> </div> </div> <div class="modal_overlay"></div> </div> </div> </div> <div id="block-mfadsv2-9" class="block block-mf-ads-v2"> <div class="ad " id="custom-ad-block-mf-ads-v224thsg37yz" data-format="button" data-unit-position="/bouton" data-targeting="bouton" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> <div id="block-mfpoiselector" class="block block-mf-map-layers block-mf-poi-selector-block"> <ul id='poi_selector'> <li> <div class="select-container"> <select name="poi-selector-pois"> <option value="-1">Choisir un lieu</option> <option value="/fr/meteo/miquelon-langlade">Miquelon-Langlade</option> <option value="/fr/meteo/saint-pierre">Saint-Pierre</option> </select> <div id="links-no-js-poi" style="display: none;"> <a href="/fr/meteo/miquelon-langlade">Miquelon-Langlade</a> <a href="/fr/meteo/saint-pierre">Saint-Pierre</a> </div> </div> </li> </ul> </div> <div id="block-mfvigilancepopup" class="block block-mf-vigilance-popup"> <div class="modal_bulletin-vigilance"> <div class="mf_modal"> <div class="inner" id="targetDiv"> <header> <img src="/themes/custom/theme_public/dist/img/logo.svg" width="50" class="Logo" alt="Météo-France"> <h2>Vigilance rouge</h2> <a class="closeModal cross"></a> </header> <div class="details"></div> <div class="close_wrap"> <a class="closeModal">Accéder au site de Météo-France</a> </div> </div> </div> <div class="modal_overlay"></div> </div> </div> <div id="block-mfadsv2-6" class="block block-mf-ads-v2"> <div class="ad " id="custom-ad-block-mf-ads-v2lywrxg4yoj" data-format="native1" data-unit-position="/native1" data-targeting="native1" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> <nav role="navigation" aria-labelledby="block-mainvignette-menu" id="block-mainvignette" class="block block-menu navigation menu--main-vignette"> <span class="visually-hidden" id="block-mainvignette-menu">Main Vignette</span> <ul class="menu"> <li class="menu-icon-179 menu-item"> <a href="/fr/images-satellites" title="Animation satellite sur le bassin Atlantique Nord Ouest" data-drupal-link-system-path="node/568461"><span class='animation-title'>Animation satellite</span></a> </li> </ul> </nav> <div id="block-mfadsv2-7" class="block block-mf-ads-v2"> <div class="ad " id="custom-ad-block-mf-ads-v2hjcdfsg5bk" data-format="native2" data-unit-position="/native2" data-targeting="native2" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> <div id="block-mftexteseo" class="block block-mf-texte-seo"> <div class="rte"> <h2>Météo-France à Saint-Pierre-Et-Miquelon</h2> <p>Vous trouverez sur notre site <strong>METEO FRANCE SAINT-PIERRE-ET-MIQUELON</strong> toutes les informations météorologiques et climatologiques pour l'archipel avec notamment :</p> <ul> <li>La <strong>vigilance météorologique</strong> de Météo-France sur Saint-Pierre-Et-Miquelon</li> <li>Les <strong>animations météo satellites </strong>sur les 12 dernières heures</li> <li>Des <strong>prévisions météorologiques</strong> pour aujourd'hui, demain et jusqu'à 15 jours</li> <li>Une rubrique dédiée à la <strong>météorologie marine</strong> : Cartes et bulletins météo marine expertisés (côtiers et large) pour les 3 zones marine de Saint-Pierre-Et-Miquelon (Archipel, ZEE Nord et ZEE Sud)</li> <li>Une <strong>rubrique sur le climat</strong> avec les normales et relevés climatiques sur Saint-Pierre</li> <li>Les <strong>suivis des trajectoires des cyclones</strong> issus de Météo-France, du NHC américain et du CMC canadien</li> <li>Les <strong>données observées</strong> : les données météo, les données du marégraphe et du houlographe de Saint-Pierre-Et-Miquelon</li> </ul> <p> </p> </div> </div> <article role="article" class="node node--type-zone node--promoted node--view-mode-full"> <div class="node__content"> </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 id="block-mfcontenueditorialwidget" class="block block-mf-contenu-editorial-widget"> <div class="flexslider list-article_flexslider"> <ul class="slides"> <li class="editorial-content"> <a href="/fr/actualites/retour-sur-la-tempete-des-14-et-15-fevrier-2024" class="teaser_article teaser_article_1" title="Retour sur la tempête des 14 et 15 février 2024"> <figure> <img class="lazyload" alt="Retour sur la tempête des 14 et 15 février 2024" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.pm/files/styles/345_180/public/images/articles/Pmer_GOES16_14_02_2024_%C3%A0_15_00_UTC_0.jpg?itok=BLehL0Xc" /> <p class="item-badge">Évènements</p> </figure> <div class="item-details"> <span class="arrow"></span> <h3 class="item-title">Retour sur la tempête des 14 et 15 février 2024</h3> <p class="item-text">Le passage de cette dépression a occasionné des cumuls de neige très importants sur l'archipel. </p> </div> </a> </li> <li class="editorial-content"> <a href="/fr/actualites/passage-de-fiona-sur-le-canada-atlantique" class="teaser_article teaser_article_1" title="Passage de Fiona sur le Canada Atlantique"> <figure> <img class="lazyload" alt="Passage de Fiona sur le Canada Atlantique" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.pm/files/styles/345_180/public/images/articles/isthme_1_0.jpg?itok=2CD9nwLN" /> <p class="item-badge">Évènements</p> </figure> <div class="item-details"> <span class="arrow"></span> <h3 class="item-title">Passage de Fiona sur le Canada Atlantique</h3> <p class="item-text">Fiona, une tempête historique pour l'Est Canadien. </p> </div> </a> </li> </ul> </div> </div> <div id="block-mfadsv2" class="block block-mf-ads-v2"> <div class="ad fixedElement" id="custom-ad-block-mf-ads-v2fq1cs9cfcx" data-format="profile_sidebar" data-unit-position="/middle" data-targeting="middle" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> </div> </div> </div> </section> <section id="secondary_bottom"> <div class="region region-secondary-bottom"> <div id="block-blocautopromo-2" class="block block-block-content block-block-content1e0631bb-c584-46b8-ad21-f597a3c94858"> <p></p> <div class="mf_paragraph autopromo"> <a href=" https://meteofrance.com/applications-mobiles " title=" Applications mobiles de Météo-France " rel="nofollow" target="_blank" class="teaser_article"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.pm/files/styles/345_180/public/2020-07/appli-grandpublic-345x180.png?itok=R_b7aALM" width="345" height="180" alt="Applications mobiles de Météo-France" title="Applications mobiles de Météo-France" class="lazyload image-style-_45-180" /> </figure> <div class="item-details"> <h3 class="item-title"> Applications mobiles de Météo-France </h3> <p class="item-text"> Toutes nos prévisions sur votre application mobile </p> </div> </a> </div> <p></p> <div class="mf_paragraph autopromo"> <a href=" https://services.meteofrance.com/attestations-et-certificats/certificat-dintemperie " title=" Certificat d'Assurance " rel="nofollow" target="_blank" class="teaser_article"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.pm/files/styles/345_180/public/2020-07/certif-intemperies-345x180.png?itok=vJpqwOb-" width="345" height="180" alt="Certificat d'Assurance" title="Certificat d'Assurance" class="lazyload image-style-_45-180" /> </figure> <div class="item-details"> <h3 class="item-title"> Certificat d'Assurance </h3> <p class="item-text"> En cas de besoin d'un document à produire à votre assurance après un sinistre lié aux conditions météorologiques </p> </div> </a> </div> <div class="mf_paragraph autopromo_bis"> <a href=" /fr/bulletin-video-meteo-avec-la-premiere-saint-pierre-et-miquelon " rel="Vidéos La Première Saint Pierre et Miquelon" class="teaser_article"> <figure> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/sites/meteofrance.pm/files/styles/346_256/public/2021-05/EcranvideoLaPremiere.jpg?itok=TjKd79N_" width="346" height="256" alt="Vidéos La Première Saint Pierre et Miquelon" title="Vidéos La Première Saint Pierre et Miquelon" class="lazyload image-style-_46-256" /> </figure> </a> </div> </div> <div id="block-mfadsv2-8" class="block block-mf-ads-v2"> <div class="ad " id="custom-ad-block-mf-ads-v2zsuaarqg5j" data-format="native3" data-unit-position="/native3" data-targeting="native3" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> </div> </section> <section id="tertiary_section"> <div class="region region-tertiary-content"> <div id="block-mfvideosponso" class="block block-mf-video-sponso"> <div id="video-sponso" v-cloak> <span class="title-h2"> <i class="fa fa-file-video"></i> IMAGES & VIDÉOS</span> <div class="video_sponso_row" v-if="loaded"> <div class="video_main"> <div id="video-sponso-iframe"></div> </div> <div class="video_list" v-if="videos"> <ul class="video_list_tabs" v-if="categories"> <li v-bind:class="{ 'active': current_tab == '1' }" v-on:click="current_tab = '1'" :aria-label="'Afficher les vidéos '+'Recommandées'" role="button"> <i :class="'fa fa-heart'"></i> Recommandées </li> <li v-bind:class="{ 'active': current_tab == '2' }" v-on:click="current_tab = '2'" :aria-label="'Afficher les vidéos '+'Récents'" role="button"> <i :class="'fa fa-clock'"></i> Récents </li> <li v-bind:class="{ 'active': current_tab == '3' }" v-on:click="current_tab = '3'" :aria-label="'Afficher les vidéos '+'Populaires'" role="button"> <i :class="'fa fa-users'"></i> Populaires </li> </ul> <div class="video_list_tabs_content"> <ul :class="'menu-' + '1'" v-if="current_tab == '1'"> <li v-for="(vid) in getVideosFromCategory('Recommandées')" v-on:click="setCurrentLink(vid.id_youtube)" :class="{'active': current_link == vid.id_youtube}"> <figure> <img :alt="vid.title" :title="vid.title" :src="'https://img.youtube.com/vi/' + vid.id_youtube + '/0.jpg'"/> </figure> <p>${vid.title}</p> </li> </ul> <ul :class="'menu-' + '2'" v-if="current_tab == '2'"> <li v-for="(vid) in getVideosFromCategory('Récents')" v-on:click="setCurrentLink(vid.id_youtube)" :class="{'active': current_link == vid.id_youtube}"> <figure> <img :alt="vid.title" :title="vid.title" :src="'https://img.youtube.com/vi/' + vid.id_youtube + '/0.jpg'"/> </figure> <p>${vid.title}</p> </li> </ul> <ul :class="'menu-' + '3'" v-if="current_tab == '3'"> <li v-for="(vid) in getVideosFromCategory('Populaires')" v-on:click="setCurrentLink(vid.id_youtube)" :class="{'active': current_link == vid.id_youtube}"> <figure> <img :alt="vid.title" :title="vid.title" :src="'https://img.youtube.com/vi/' + vid.id_youtube + '/0.jpg'"/> </figure> <p>${vid.title}</p> </li> </ul> </div> </div> </div> </div> </div> </div> </section> <section id="sixary_section"> <div class="region region-sixary-content"> <div id="block-mfadsv2-5" class="block block-mf-ads-v2"> <div class="ad " id="custom-ad-block-mf-ads-v2jfz2x9to9v" data-format="top" data-unit-position="/bottom" data-targeting="bottom" data-lazyload="false" loaded="false" style="text-align: center;position:relative;"> </div> </div> </div> </section> </div> </div> </div> <footer id="footer" role="contentinfo"> <section id="footer_top"> <div class="container"> <div id="block-mfpoifooter" class="block block-mf-poi-footer"> <div id="poi-footer" class="mf-footer" svgpath="/modules/custom/mf_tools_common_theme_public/svg/weather/"> <span class="title-h2">Top 2 des villes les plus consultées</span> <ul v-if="init"> <li> <a title="METEO SAINT PIERRE" href="/fr/meteo/saint-pierre"> <figure id="svg_METEO SAINT PIERRE"> </figure> <p>METEO SAINT PIERRE</p> </a> </li> <li> <a title="METEO MIQUELON" href="/fr/meteo/miquelon-langlade"> <figure id="svg_METEO MIQUELON"> </figure> <p>METEO MIQUELON</p> </a> </li> </ul> </div> </div> <div class="region region-footer"> <div id="block-mfweathercaption" class="block block-mf-weather-caption"> <div id="weather-caption">  </div> </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">Public - Menu footer</span> <ul class="menu"> <li class="menu-icon-167 menu-item"> <span class="caption_trigger">Légende</span> </li> <li class="menu-icon-64 menu-item"> <a href="https://meteofrance.com/gestion-des-cookies" rel="nofollow noopener" target="_blank" title="Gestion des cookies">Gestion des Cookies</a> </li> <li class="menu-icon-29 menu-item"> <a href="https://meteofrance.com/mentions-legales" rel="nofollow noopener" target="_blank" title="Mentions légales de Météo-France">Mentions Légales</a> </li> <li class="menu-icon-62 menu-item"> <a href="https://meteofrance.com/droits-de-reproduction" rel="nofollow noopener" target="_blank" title="Droits de Reproduction">Droits de Reproduction</a> </li> <li class="menu-icon-155 menu-item"> <a href="http://meteofrance.com/accessibilite" rel="nofollow noopener" title="Accessibilité">Accessibilité</a> </li> <li class="menu-icon-33 menu-item"> <a href="/fr" rel="didomi_consent" target="_self" title="Consentement" data-drupal-link-system-path="<front>" class="is-active">Consentement</a> </li> <li class="menu-icon-63 menu-item"> <a href="https://services.meteofrance.com/publicite-annonceurs" rel="nofollow noopener" target="_blank" title="Publicité - Annonceurs">Publicité</a> </li> <li class="menu-icon-73 menu-item"> <a href="https://meteofrance.com/politique-de-confidentialite" rel="nofollow noopener" target="_blank" title="Politique de Confidentialité">Politique de Confidentialité</a> </li> <li class="menu-icon-140 menu-item"> <a href="https://meteofrance.com/autres-sites" rel="nofollow noopener" target="_blank" title="Autres Sites Internet de Météo-France">Autres Sites</a> </li> <li class="menu-icon-28 menu-item"> <a href="/fr/contact" rel="nofollow noopener" target="_self" 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="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" 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 - Météo-France </p> </div> </section> </footer> </main> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"fr\/","currentPath":"node\/568717","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"advency_gtm\/advency_gtm,core\/html5shiv,mf_ads_v2\/mf_ads_arche_v2,mf_ads_v2\/mf_ads_v2,mf_barre_favoris\/mf_barre_favoris,mf_bulletin_tendance\/mf_bulletin_tendance,mf_editorial\/mf_editorial,mf_editorial_paragraphs\/mf_editorial_paragraphs_autopromo,mf_informations_speciales\/mf_informations_speciales,mf_leaflet\/mf_leaflet_semicircle,mf_logo\/mf_logo,mf_map_layers\/mf_map_layers_poi_selector,mf_map_layers_v2\/mf_map_layers_v2,mf_notifications\/mf_notifications,mf_poi_footer\/mf_poi_footer,mf_search_form\/mf_search_form,mf_title_block\/mf_title_block,mf_tools_common\/mf_tools_common.lazysizes,mf_video_sponso\/mf_video_sponso,mf_vigilance_header\/mf_vigilance_burger,mf_vigilance_header\/mf_vigilance_header,mf_vigilance_popup\/mf_vigilance_popup,mf_vigilance_widget\/mf_vigilance_widget,mf_weather_caption\/mf_weather_caption,paragraphs\/drupal.paragraphs.unpublished,public\/global-styling,system\/base,zone\/zone","theme":"public","theme_token":null},"ajaxTrustedUrl":[],"mf_poi_footer_pois":[{"title":"METEO SAINT PIERRE","insee":"O9750201","lat":"46.7667","lng":"-56.1833","path":"\/fr\/meteo\/saint-pierre","icon":"","code_postal":"97500","timezone":"America\/Miquelon","rank":1},{"title":"METEO MIQUELON","insee":"O9750101","lat":"47.0975","lng":"-56.3814","path":"\/fr\/meteo\/miquelon-langlade","icon":"","code_postal":"97500","timezone":"America\/Miquelon","rank":2}],"mf_ads_v2_id":"block-mf-ads-v2ozrdcble9r","mf_ads_v2_default":"mf-ads-v2","mf_ads_v2_provider":{"setting_name":"enabled_provider","setting_value":"google"},"mf_article_details":null,"mf_ads_v2_network_code":{"default":"21643048729,57108064","enable":1,"codes":"21643048729,57108064","urls":[""],"page_url":"https:\/\/meteofrance.pm"},"mf_video_sponso_admin_videos":[{"pid":"2","title":"Tout savoir : les ultraviolets","id_youtube":"pwIuRc9OT8M","categories":{"Recommand\u00e9es":"Recommand\u00e9es"}},{"pid":"4","title":"Qu\u0027est-ce qu\u0027une goutte froide ?","id_youtube":"18cCKGOMfVc","categories":{"R\u00e9cents":"R\u00e9cents"}},{"pid":"5","title":"Tout savoir : les grands froids","id_youtube":"iV35sF0Z9nY","categories":{"Recommand\u00e9es":"Recommand\u00e9es"}},{"pid":"6","title":"Les cyclones et le changement climatique","id_youtube":"RdWZQ79o8Uk","categories":{"R\u00e9cents":"R\u00e9cents"}},{"pid":"7","title":"Tout savoir : le Vortex polaire","id_youtube":"nqRSvgJLwGM","categories":{"Populaires":"Populaires"}},{"pid":"8","title":"Tout savoir : anticyclone et d\u00e9pression","id_youtube":"yOMAdQtwwtk","categories":{"Populaires":"Populaires"}},{"pid":"9","title":"Tout savoir : les orages","id_youtube":"CMcAnQwwLs4","categories":{"Populaires":"Populaires"}}],"mf_video_sponso_admin_categories":[{"pid":"1","title":"Recommand\u00e9es","icon":"fa fa-heart"},{"pid":"2","title":"R\u00e9cents","icon":"fa fa-clock"},{"pid":"3","title":"Populaires","icon":"fa fa-users"}],"mf_contenu_editorial_widget_items":[],"mf_poi_selector_block_children_zone":[],"mf_poi_selector_block_children_poi":{"Miquelon-Langlade":{"title":"Miquelon-Langlade","name":"Miquelon-Langlade","lat":"47.0975","lng":"-56.3814","path":"\/fr\/meteo\/miquelon-langlade","insee":"O9750101","taxonomy":"VILLE_FRANCE","code_postal":"97500","timezone":"America\/Miquelon"},"Saint-Pierre":{"title":"Saint-Pierre","name":"Saint-Pierre","lat":"46.7667","lng":"-56.1833","path":"\/fr\/meteo\/saint-pierre","insee":"O9750201","taxonomy":"VILLE_FRANCE","code_postal":"97500","timezone":"America\/Miquelon"}},"mf_poi_selector_block_type":"METROPOLE","mf_poi_selector_page":"DEPARTEMENT","mf_map_layers_v2":{"nid":"568717","name":"Saint Pierre et Miquelon","path":"\/fr","taxonomy":"DEPARTEMENT","path_assets":"DOMTOM","path_assets_svg":"spm_prevision","path_aggrege":"","path_assets_cyclone_svg":"\/modules\/custom\/mf_map_layers_v2\/maps\/desktop\/DOMTOM2\/dirag_cyclone.svg","path_assets_cyclone_aggrege":"\/modules\/custom\/mf_map_layers_v2\/maps\/desktop\/DOMTOM2\/geo_json\/dirag_cyclone-aggrege.json","bbox":[{"lat":"0","lng":"0","lat_sin":"0","lat_cos":"1","lng_rad":"0","data":null},{"lat":"0","lng":"0","lat_sin":"0","lat_cos":"1","lng_rad":"0","data":null}],"insee":"975","field_id_technique":"DEPT975","parents":[{"type":"DEPARTEMENT","title":"Saint Pierre et Miquelon"}],"machine_name":"saint-pierre-et-miquelon"},"mf_map_layers_v2_active":"Aujourd\u0027hui","mf_map_layers_v2_children_poi":[{"title":"Miquelon-Langlade","lat":"47.0975","lng":"-56.3814","path":"\/fr\/meteo\/miquelon-langlade","insee":"O9750101","taxonomy":"VILLE_FRANCE","code_postal":"97500","timezone":"America\/Miquelon"},{"title":"Saint-Pierre","lat":"46.7667","lng":"-56.1833","path":"\/fr\/meteo\/saint-pierre","insee":"O9750201","taxonomy":"VILLE_FRANCE","code_postal":"97500","timezone":"America\/Miquelon"}],"mf_map_layers_v2_sub_zone":[],"mf_map_layers_v2_cperiod":null,"mf_map_layers_v2_section":"","mf_map_layers_v2_children_poi_observation":null,"mf_bulletin_tendance":{"zone":{"nid":"568717","name":"Saint Pierre et Miquelon","path":"\/fr","taxonomy":"DEPARTEMENT","path_assets":"DOMTOM","path_assets_svg":"spm_prevision","path_aggrege":"","path_assets_cyclone_svg":"\/modules\/custom\/mf_map_layers_v2\/maps\/desktop\/DOMTOM2\/dirag_cyclone.svg","path_assets_cyclone_aggrege":"\/modules\/custom\/mf_map_layers_v2\/maps\/desktop\/DOMTOM2\/geo_json\/dirag_cyclone-aggrege.json","bbox":[{"lat":"0","lng":"0","lat_sin":"0","lat_cos":"1","lng_rad":"0","data":null},{"lat":"0","lng":"0","lat_sin":"0","lat_cos":"1","lng_rad":"0","data":null}],"insee":"975","field_id_technique":"DEPT975","parents":[{"type":"DEPARTEMENT","title":"Saint Pierre et Miquelon"}]},"poi":[],"canDisplay":true},"mf_site_details":{"title":"Saint Pierre et Miquelon","domain":"DEPT975","type":"DIRAG"},"poi_title":[],"cPeriod":"","mf_vigilance_widget_poi":{"id":"975","name":"Saint Pierre et Miquelon","dpt":{"name":"Saint Pierre et Miquelon","cp":"975"}},"mf_vigilance_widget_type":"zone","mf_informations_speciales_settings":[{"setting_name":"max_notif","setting_value":"5"}],"mf_custom_logo":{"setting_name":"logo","image":"\/sites\/meteofrance.pm\/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.pm"},"mf_barre_fav_current_poi":null,"advency_gtm":{"config":{"gtm_id":"GTM-58CNRC6"}},"mf_search_form":{"config_base_urls":{"metropole":"www.meteofrance.com","reunion":"www.meteofrance.re","guadeloupe":"www.meteofrance.gp","martinique":"www.meteofrance.mq","guyane":"www.meteofrance.gf","nc":"www.meteofrance.com","pf":"www.meteo.pf","mayotte":"www.meteofrance.yt","spm":"www.meteofrance.pm"}},"mf_tools_common":{"alias":null,"config":{"base_url":"meteofrance.com\/internet2018client\/2.0","site":"rpcache-aa","domain":"https:\/\/rpcache-aa.meteofrance.com"}},"user":{"uid":0,"permissionsHash":"d1f488e18c9fb67f168c50e919157cedef2cea7a25db0803b618973621b82fc9"}}</script> <script src="/sites/meteofrance.pm/files/js/js_7O6_Y0i-lX-Hmb0qSs3kbIe53hCJBEnMvNPjQ8CGuG8.js"></script> </body> </html>

CINXE.COM

METEO FRANCE SAINT PIERRE ET MIQUELON par Météo-France - Prévisions Météo 15 jours