1<!doctype html> 2<html lang="fr-FR"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="apple-itunes-app" content="app-id=1579705887"> 7 8 <link rel="profile" href="https://gmpg.org/xfn/11"> 9 10
10<script type="text/javascript" src="//s.ntv.io/serve/load.js" async></script>
10 11 12
12<script src="https://static.freeskreen.com/ba/178/freeskreen.min.js"></script>
12 13 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 14 15 <!-- Meta Tag Manager --> 16 <meta name="facebook-domain-verification" content="i0b0xlm2xg3xn1i1pl79wexe2jk5kb" /> 17 <!-- / Meta Tag Manager --> 18 19 <!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v27.5) - https://yoast.com/product/yoast-seo-premium-wordpress/ --> 20 <title>Journal Métro | Connexion</title> 21 <link rel="canonical" href="https://journalmetro.com/zone-membre/connexion/" /> 22 <meta property="og:locale" content="fr_FR" /> 23 <meta property="og:type" content="article" /> 24 <meta property="og:title" content="Connexion" /> 25 <meta property="og:url" content="https://journalmetro.com/zone-membre/connexion/" /> 26 <meta property="og:site_name" content="Journal Métro" /> 27 <meta property="article:publisher" content="http://facebook.com/journalmetro/" /> 28 <meta name="twitter:card" content="summary_large_image" /> 29
29<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/journalmetro.com\/zone-membre\/connexion\/","url":"https:\/\/journalmetro.com\/zone-membre\/connexion\/","name":"Journal Métro | Connexion","isPartOf":{"@id":"https:\/\/journalmetro.com\/#website"},"datePublished":"2022-09-21T15:10:33+00:00","breadcrumb":{"@id":"https:\/\/journalmetro.com\/zone-membre\/connexion\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/journalmetro.com\/zone-membre\/connexion\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/journalmetro.com\/zone-membre\/connexion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/journalmetro.com\/"},{"@type":"ListItem","position":2,"name":"Mon compte","item":"https:\/\/journalmetro.com\/zone-membre\/"},{"@type":"ListItem","position":3,"name":"Connexion"}]},{"@type":"WebSite","@id":"https:\/\/journalmetro.com\/#website","url":"https:\/\/journalmetro.com\/","name":"Journal Métro","description":"Le site web du quotidien gratuit Métro Montréal","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/journalmetro.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>
29 30 <!-- / Yoast SEO Premium plugin. --> 31 32 33<link rel='dns-prefetch' href='//www.google.com' /> 34<link rel='dns-prefetch' href='//journalmetro.com' /> 35<link rel='dns-prefetch' href='//stats.wp.com' /> 36<link rel='dns-prefetch' href='//api.dmcdn.net' /> 37<link rel="alternate" type="application/rss+xml" title="Journal Métro » Flux" href="https://journalmetro.com/feed/" /> 38<link rel="alternate" type="application/rss+xml" title="Journal Métro » Flux des commentaires" href="https://journalmetro.com/comments/feed/" /> 39<link rel="alternate" type="text/calendar" title="Journal Métro » Flux iCal" href="https://journalmetro.com/evenements/?ical=1" /> 40<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://journalmetro.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjournalmetro.com%2Fzone-membre%2Fconnexion%2F" /> 41<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://journalmetro.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjournalmetro.com%2Fzone-membre%2Fconnexion%2F&format=xml" /> 42<style id='wp-img-auto-sizes-contain-inline-css'> 43img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 44/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 45</style> 46<link rel='stylesheet' id='metro-editor-blocks-css-css' href='https://journalmetro.com/wp-content/plugins/metro-blocks/assets/blocks/metro-blocks.css?ver=38e27baa89b87a0475cf4e84d9854571' media='screen' /> 47<style id='wp-emoji-styles-inline-css'> 48 49 img.wp-smiley, img.emoji { 50 display: inline !important; 51 border: none !important; 52 box-shadow: none !important; 53 height: 1em !important; 54 width: 1em !important; 55 margin: 0 0.07em !important; 56 vertical-align: -0.1em !important; 57 background: none !important; 58 padding: 0 !important; 59 } 60/*# sourceURL=wp-emoji-styles-inline-css */ 61</style> 62<link rel='stylesheet' id='wp-block-library-css' href='https://journalmetro.com/wp-includes/css/dist/block-library/style.min.css?ver=6.9.4' media='all' /> 63 64<style id='global-styles-inline-css'> 65:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--beige: #EFCEB3;--wp--preset--color--beige-pale: #F9F1E4;--wp--preset--color--bleu-fonce: #072943;--wp--preset--color--bleu-pale: #97A8BB;--wp--preset--color--corail: #E07666;--wp--preset--color--jaune: #F0B648;--wp--preset--color--vert-vif: #74C099;--wp--preset--color--vert-moyen: #45846C;--wp--preset--color--vert-fonce: #1D443E;--wp--preset--color--gris-tres-pale: #F7F7F7;--wp--preset--color--gris-pale: #ECECEC;--wp--preset--color--gris-moyen: #ADADAD;--wp--preset--color--gris-fonce: #757575;--wp--preset--color--gris-tres-fonce: #424242;--wp--preset--color--blanc: #FFFFFF;--wp--preset--color--rouge: #FD675E;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
65--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-beige-color{color: var(--wp--preset--color--beige) !important;}.has-beige-pale-color{color: var(--wp--preset--color--beige-pale) !important;}.has-bleu-fonce-color{color: var(--wp--preset--color--bleu-fonce) !important;}.has-bleu-pale-color{color: var(--wp--preset--color--bleu-pale) !important;}.has-corail-color{color: var(--wp--preset--color--corail) !important;}.has-jaune-color{color: var(--wp--preset--color--jaune) !important;}.has-vert-vif-color{color: var(--wp--preset--color--vert-vif) !important;}.has-vert-moyen-color{color: var(--wp--preset--color--vert-moyen) !important;}.has-vert-fonce-color{color: var(--wp--preset--color--vert-fonce) !important;}.has-gris-tres-pale-color{color: var(--wp--preset--color--gris-tres-pale) !important;}.has-gris-pale-color{color: var(--wp--preset--color--gris-pale) !important;}.has-gris-moyen-color{color: var(--wp--preset--color--gris-moyen) !important;}.has-gris-fonce-color{color: var(--wp--preset--color--gris-fonce) !important;}.has-gris-tres-fonce-color{color: var(--wp--preset--color--gris-tres-fonce) !important;}.has-blanc-color{color: var(--wp--preset--color--blanc) !important;}.has-rouge-color{color: var(--wp--preset--color--rouge) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-beige-background-color{background-color: var(--wp--preset--color--beige) !important;}.has-beige-pale-background-color{background-color: var(--wp--preset--color--beige-pale) !important;}.has-bleu-fonce-background-color{background-color: var(--wp--preset--color--bleu-fonce) !important;}.has-bleu-pale-background-color{background-color: var(--wp--preset--color--bleu-pale) !important;}.has-corail-background-color{background-color: var(--wp--preset--color--corail) !important;}.has-jaune-background-color{background-color: var(--wp--preset--color--jaune) !important;}.has-vert-vif-background-color{background-color: var(--wp--preset--color--vert-vif) !important;}.has-vert-moyen-background-color{background-color: var(--wp--preset--color--vert-moyen) !important;}.has-vert-fonce-background-color{background-color: var(--wp--preset--color--vert-fonce) !important;}.has-gris-tres-pale-background-color{background-color: var(--wp--preset--color--gris-tres-pale) !important;}.has-gris-pale-background-color{background-color: var(--wp--preset--color--gris-pale) !important;}.has-gris-moyen-background-color{background-color: var(--wp--preset--color--gris-moyen) !important;}.has-gris-fonce-background-color{background-color: var(--wp--preset--color--gris-fonce) !important;}.has-gris-tres-fonce-background-color{background-color: var(--wp--preset--color--gris-tres-fonce) !important;}.has-blanc-background-color{background-color: var(--wp--preset--color--blanc) !important;}.has-rouge-background-color{background-color: var(--wp--preset--color--rouge) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-beige-border-color{border-color: var(--wp--preset--color--beige) !important;}.has-beige-pale-border-color{border-color: var(--wp--preset--color--beige-pale) !important;}.has-bleu-fonce-border-color{border-color: var(--wp--preset--color--bleu-fonce) !important;}.has-bleu-pale-border-color{border-color: var(--wp--preset--color--bleu-pale) !important;}.has-corail-border-color{border-color: var(--wp--preset--color--corail) !important;}.has-jaune-border-color{border-color: var(--wp--preset--color--jaune) !important;}.has-vert-vif-border-color{border-color: var(--wp--preset--color--vert-vif) !important;}.has-vert-moyen-border-color{border-color: var(--wp--preset--color--vert-moyen) !important;}.has-vert-fonce-border-color{border-color: var(--wp--preset--color--vert-fonce) !important;}.has-gris-tres-pale-border-color{border-color: var(--wp--preset--color--gris-tres-pale) !important;}.has-gris-pale-border-color{border-color: var(--wp--preset--color--gris-pale) !important;}.has-gris-moyen-border-color{border-color: var(--wp--preset--color--gris-moyen) !important;}.has-gris-fonce-border-color{border-color: var(--wp--preset--color--gris-fonce) !important;}.has-gris-tres-fonce-border-color{border-color: var(--wp--preset--color--gris-tres-fonce) !important;}.has-blanc-border-color{border-color: var(--wp--preset--color--blanc) !important;}.has-rouge-border-color{border-color: var(--wp--preset--color--rouge) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
65.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 66/*# sourceURL=global-styles-inline-css */ 67</style> 68 69<link rel='stylesheet' id='wp_jm_ranker-css' href='https://journalmetro.com/wp-content/plugins/wp_jm_ranker/public/css/wp_jm_ranker-public.css?ver=1.4.0' media='all' /> 70<link rel='stylesheet' id='wp_jm_watchdog-css' href='https://journalmetro.com/wp-content/plugins/wp_jm_watchdog/public/css/wp_jm_watchdog-public-min.css?ver=2.0.5' media='all' /> 71<link rel='stylesheet' id='metronews-style-css' href='https://journalmetro.com/wp-content/themes/metronews/dist/css/main.css?ver=1781883053' media='all' />
vendor: 61 bytes, lines 71-72
71 72<script src="https://www.google.com/recaptcha/api.js?render=
726LcocBgjAAAAAPY611thvhLA2yP9PmQbYCU2z9Ue
vendor: 52 bytes, line 72
72&ver=1.0.0" id="glo-recaptcha-api-js"></script>
73<script src="https://journalmetro.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 73
73
74<script src="https://journalmetro.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
74 75<link rel="https://api.w.org/" href="https://journalmetro.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://journalmetro.com/wp-json/wp/v2/pages/2910631" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://journalmetro.com/xmlrpc.php?rsd" /> 76<meta name="generator" content="WordPress 6.9.4" /> 77<link rel='shortlink' href='https://journalmetro.com/?p=2910631' />
78<script src="https://www.gstatic.com/firebasejs/5.4.1/firebase-app.js"></script>
vendor: 2 bytes, line 78
78
79<script src="https://www.gstatic.com/firebasejs/5.4.1/firebase-messaging.js"></script>
vendor: 2 bytes, line 79
79
80<script src="https://wpn.ofsys.com/T/OFC4/WPS/11063/476/gDw1YZzPDk7q83s2xDfUDBkeDx9DHi4A/DI.WebPush-min.js"></script>
vendor: 2 bytes, line 80
80
81<script type="text/javascript"> 82 DI.WebPush.RequestPermission("fr"); 83</script>
83<style id="global-css-editors-metro-blocks">has-beige-colorcolorEFCEB3importanthas-beige-background-colorbackground-colorEFCEB3has-beige-pale-colorcolorF9F1E4importanthas-beige-pale-background-colorbackground-colorF9F1E4has-bleu-fonce-colorcolor072943importanthas-bleu-fonce-background-colorbackground-color072943has-bleu-pale-colorcolor97A8BBimportanthas-bleu-pale-background-colorbackground-color97A8BBhas-corail-colorcolorE07666importanthas-corail-background-colorbackground-colorE07666has-jaune-colorcolorF0B648importanthas-jaune-background-colorbackground-colorF0B648has-vert-vif-colorcolor74C099importanthas-vert-vif-background-colorbackground-color74C099has-vert-moyen-colorcolor45846Cimportanthas-vert-moyen-background-colorbackground-color45846Chas-vert-fonce-colorcolor1D443Eimportanthas-vert-fonce-background-colorbackground-color1D443Ehas-gris-tres-pale-colorcolorF7F7F7importanthas-gris-tres-pale-background-colorbackground-colorF7F7F7has-gris-pale-colorcolorECECECimportanthas-gris-pale-background-colorbackground-colorECECEChas-gris-moyen-colorcolorADADADimportanthas-gris-moyen-background-colorbackground-colorADADADhas-gris-fonce-colorcolor757575importanthas-gris-fonce-background-colorbackground-color757575has-gris-tres-fonce-colorcolor424242importanthas-gris-tres-fonce-background-colorbackground-color424242has-blanc-colorcolorFFFFFFimportanthas-blanc-background-colorbackground-colorFFFFFFhas-rouge-colorcolorFD675Eimportanthas-rouge-background-colorbackground-colorFD675E</style><meta name="tec-api-version" content="v1"><meta name="tec-api-origin" content="https://journalmetro.com"><link rel="alternate" href="https://journalmetro.com/wp-json/tribe/events/v1/" /> <style>img#wpstats{display:none}</style> 84 <!-- There is no amphtml version available for this URL. --><link rel="icon" href="https://journalmetro.com/wp-content/uploads/2021/09/cropped-cropped-metro_android-chrome-512x512-1-32x32.png" sizes="32x32" /> 85<link rel="icon" href="https://journalmetro.com/wp-content/uploads/2021/09/cropped-cropped-metro_android-chrome-512x512-1-192x192.png" sizes="192x192" /> 86<link rel="apple-touch-icon" href="https://journalmetro.com/wp-content/uploads/2021/09/cropped-cropped-metro_android-chrome-512x512-1-180x180.png" /> 87<meta name="msapplication-TileImage" content="https://journalmetro.com/wp-content/uploads/2021/09/cropped-cropped-metro_android-chrome-512x512-1-270x270.png" /> 88 89
89<script> 90 window.dataLayer = window.dataLayer || []; 91 window.dataLayer.push({ 92 'event': 'viewedContent', 93 'author': decodeURIComponent( '' ), 94 'section': JSON.parse( decodeURIComponent( '%5B%5D' ) ), 95 'tag': JSON.parse( decodeURIComponent( '%22%22' ) ) 96 }); 97 </script>
97 98 99 <!-- Google Tag Manager --> 100
100<script>
vendor: 360 bytes, lines 100-104
100(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 101 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 102 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 103 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 104 })(window,document,'script','dataLayer', "
104GTM-PKJL6LH
vendor: 3 bytes, line 104
104");
104</script>
104 105 <!-- End Google Tag Manager --> 106 107
107<script id="DI-Journey-TgYAAHJXZTdvUzcrAABIbjg5bjTMBwAA" type="text/javascript" src="https://t.ofsys.com/js/Journey/1/TgYAAHJXZTdvUzcrAABIbjg5bjTMBwAA/DI.Journey-min.js"></script>
107 108 109</head> 110<body class="wp-singular page-template page-template-templates-zone-membre page-template-login page-template-templates-zone-membrelogin-php page page-id-2910631 page-child parent-pageid-2910628 wp-theme-metronews ranker-plugin tribe-no-js theme-metronews"> 111 112 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 112-113
112 113 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
113GTM-PKJL6LH
vendor: 91 bytes, lines 113-115
113" 114 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 115
115<!-- End Google Tag Manager (noscript) --> 116 117<div id="page" class="site"> 118 <a class="skip-link screen-reader-text" href="#primary">Skip to content</a> 119 <header id="masthead" class="site-header"> 120 <div class="nav"> 121 <div class="nav__menu nav-col"> 122 <div id="masthead-height"></div> 123 <!-- <a id="menu-toggle" role="button" href="" class="nav__burger"> 124 <span aria-hidden="true"></span> 125 <span aria-hidden="true"></span> 126 <span aria-hidden="true"></span> 127 </a> --> 128 129 <button id="menu-toggle" class="hamburger hamburger--slider" type="button"> 130 <span class="hamburger-box"> 131 <span class="hamburger-inner"></span> 132 </span> 133 </button> 134 <a href="https://journalmetro.com/zone-membre/inscription/" class="nav__metro-login "> 135 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> 136 <path d="M272 304h-96C78.8 304 0 382.8 0 480c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32C448 382.8 369.2 304 272 304zM48.99 464C56.89 400.9 110.8 352 176 352h96c65.16 0 119.1 48.95 127 112H48.99zM224 256c70.69 0 128-57.31 128-128c0-70.69-57.31-128-128-128S96 57.31 96 128C96 198.7 153.3 256 224 256zM224 48c44.11 0 80 35.89 80 80c0 44.11-35.89 80-80 80S144 172.1 144 128C144 83.89 179.9 48 224 48z"/> 137 </svg> 138 </a> 139 <div id="header-search-row"> 140 <form id="searchform" action="/" method="get"> 141 <a id="cross-close-search"> 142 <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 143 <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 144 <path d="M7,-2 C7.55228475,-2 8,-1.55228475 8,-1 C8,-0.977895007 7.99928277,-0.955957531 7.99787032,-0.934209575 L7.99702056,-0.934421539 L7.99702056,6.00297944 L14.961,6.002 L15,6 C15.5128358,6 15.9355072,6.38604019 15.9932723,6.88337887 L16,7 C16,7.55228475 15.5522847,8 15,8 C14.9831415,8 14.9663804,7.99958283 14.9497265,7.99875825 L7.99702056,7.99702056 L7.997,14.95 L8,15 C8,15.5128358 7.61395981,15.9355072 7.11662113,15.9932723 L7,16 C6.44771525,16 6,15.5522847 6,15 C6,14.9868504 6.00025381,14.97376 6.00075679,14.9607336 L6.00297944,7.99702056 L-0.95,7.997 L-1,8 C-1.51283584,8 -1.93550716,7.61395981 -1.99327227,7.11662113 L-2,7 C-2,6.44771525 -1.55228475,6 -1,6 C-0.986737004,6 -0.973534315,6.0002582 -0.960396684,6.00076985 L6.00297944,6.00297944 L6.00297944,-0.934421539 L6.003,-0.935 L6,-1 C6,-1.51283584 6.38604019,-1.93550716 6.88337887,-1.99327227 Z" id="Combined-Shape" fill="#1D443E" fill-rule="nonzero" transform="translate(7.000000, 7.000000) rotate(-45.000000) translate(-7.000000, -7.000000) "></path> 145 </g> 146 </svg> 147 </a> 148 <div id="searchform-input"> 149 <input type="text" id="s" name="s" class="no-outline" placeholder="Que cherchez-vous ?" autocomplete="off"/> 150 </div> 151 <div id="searchform-button"> 152 <button><img src="https://journalmetro.com/wp-content/themes/metronews/assets/images/cross.svg"/></button> 153 </div> 154 </form> 155 </div> 156 157 </div> 158 <div class="nav__brand nav-col"> 159 <a href="/" class="nav-item"> 160 <img src="https://journalmetro.com/wp-content/uploads/2022/10/logo-metro.svg" width="200" height="50"> 161 </a> 162 </div> 163 <div class="nav__links nav-col"> 164 <a href="https://journalmetro.com/zone-membre/connexion/" class="local-meta ">
165 <span>Mon Métro</span> 166 </a> 167 <p class="local-meta"> 168 <span class="local-date">1 Oct 2026</span> <span class="local-weather"><i class="fal fa-cloud-sun"></i> <strong>15</strong> °C</span> 169 </p> 170 <!-- <a href="#" class="nav-item">Soutenez Métro</a> 171 <a href="#" class="nav-item">Se connecter</a> 172 <a href="#" class="nav-compte-button">Créer un compte</a> --> 173 </div> 174 <div id="nav__links-phantom" class="nav-col"></div> 175 </div> 176 </header> 177 <div class="subnav"> 178 <a href="/actualites/" class="subnav-item">Actualités</a><a href="/local/" class="subnav-item">M Local</a><a href="/culture/" class="subnav-item">Culture</a><a href="/inspiration/" class="subnav-item">Inspiration</a><a href="/inspiration/habitation-et-immobilier/" class="subnav-item">Immobilier</a><a href="/parlons-cash/" class="subnav-item">Parlons cash</a><a href="/explorez/" class="subnav-item">Explorez</a> </div> 179 <div id="bg"></div><!-- this is the gray element over page when side menu is open --> 180 181 182 183 184 <nav id="main-nav"> 185 <div id="main-nav-inner"> 186 <ul class="primaire"> 187 <li id="menu-item-2687862" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-2687862"><a href="/actualites/">Actualités</a> 188<ul class="sub-menu"> 189 <li id="menu-item-2687864" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687864"><a href="/actualites/montreal/">Montréal</a></li> 190 <li id="menu-item-2687865" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687865"><a href="/actualites/national/">National</a></li> 191 <li id="menu-item-2687866" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687866"><a href="/actualites/politique/">Politique</a></li> 192</ul> 193</li> 194<li id="menu-item-2687956" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2687956"><a href="https://journalmetro.com/videos/">Vidéos</a></li> 195<li id="menu-item-2687899" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-2687899"><a href="/local/">M Local</a> 196<ul class="sub-menu"> 197 <li id="menu-item-2687900" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687900"><a href="/local/ahuntsic-cartierville/">Ahuntsic-Cartierville</a></li> 198 <li id="menu-item-2687907" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687907"><a href="/local/anjou/">Anjou</a></li> 199 <li id="menu-item-2687901" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687901"><a href="/local/cote-des-neiges-notre-dame-de-grace/">Côte-des-NeigesâNotre-Dame-de-Grâce</a></li> 200 <li id="menu-item-2687903" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687903"><a href="/local/ids-verdun/">IDS-Verdun</a></li> 201 <li id="menu-item-3018200" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3018200"><a href="/local/lile-bizard-sainte-genevieve/">L’Ãle-BizardâSainte-Geneviève</a></li> 202 <li id="menu-item-2687904" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687904"><a href="/local/lachine/">Lachine</a></li> 203 <li id="menu-item-2687905" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687905"><a href="/local/lasalle/">LaSalle</a></li> 204 <li id="menu-item-2687906" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687906"><a href="/local/le-plateau-mont-royal/">Le Plateau-Mont-Royal</a></li> 205 <li id="menu-item-2687902" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687902"><a href="/local/mercier-hochelaga-maisonneuve/">Mercier-Hochelaga-Maisonneuve</a></li> 206 <li id="menu-item-3005901" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3005901"><a href="/local/montreal-est/">Montréal-Est</a></li> 207 <li id="menu-item-2687908" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687908"><a href="/local/montreal-nord/">Montréal-Nord</a></li> 208 <li id="menu-item-2687909" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687909"><a href="/local/ouest-de-lile/">Ouest-de-lâÃle</a></li> 209 <li id="menu-item-2687910" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687910"><a href="/local/outremont/">Outremont</a></li> 210 <li id="menu-item-3018201" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3018201"><a href="/local/pierrefonds-roxboro/">Pierrefonds-Roxboro</a></li> 211 <li id="menu-item-2687912" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687912"><a href="/local/riviere-des-prairies-pointe-aux-trembles/">Rivière-des-PrairiesâPointe-aux-Trembles</a></li> 212 <li id="menu-item-2687913" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687913"><a href="/local/rosemont-la-petite-patrie/">RosemontâLa Petite-Patrie</a></li> 213 <li id="menu-item-2687914" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687914"><a href="/local/saint-laurent/">Saint-Laurent</a></li> 214 <li id="menu-item-2687915" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687915"><a href="/local/saint-leonard/">Saint-Léonard</a></li> 215 <li id="menu-item-2687916" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687916"><a href="/local/sud-ouest/">Sud-Ouest</a></li> 216 <li id="menu-item-2687953" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687953"><a href="/local/ville-marie/">Ville-Marie</a></li> 217 <li id="menu-item-2687954" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687954"><a href="/local/villeray-st-michel-parc-extension/">VillerayâSaint-MichelâParc-Extension</a></li> 218</ul> 219</li> 220<li id="menu-item-2887222" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2887222"><a href="https://journalmetro.com/evenements/">Ãvénements</a></li>
221<li id="menu-item-2687880" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-2687880"><a href="/culture/">Culture</a> 222<ul class="sub-menu"> 223 <li id="menu-item-2687881" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687881"><a href="/culture/arts-et-spectacles/">Arts et spectacles</a></li> 224 <li id="menu-item-2687882" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687882"><a href="/culture/ecrans/">Ãcrans</a></li> 225 <li id="menu-item-2687883" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687883"><a href="/culture/rencontres/">Rencontres</a></li> 226</ul> 227</li> 228<li id="menu-item-2687884" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-2687884"><a href="/inspiration/">Inspiration</a> 229<ul class="sub-menu"> 230 <li id="menu-item-2687885" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687885"><a href="/inspiration/trouvailles-dici/">Trouvailles dâici</a></li> 231 <li id="menu-item-2687886" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687886"><a href="/inspiration/evasion/">Ãvasion</a></li> 232 <li id="menu-item-2687887" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687887"><a href="/inspiration/habitation-et-immobilier/">Habitation et immobilier</a></li> 233 <li id="menu-item-2687888" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687888"><a href="/inspiration/a-table/">à table</a></li> 234 <li id="menu-item-2910205" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2910205"><a href="/inspiration/sorties/">Sorties</a></li> 235</ul> 236</li> 237<li id="menu-item-2687897" class="vedette menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687897"><a href="/explorez/">Explorez</a></li> 238<li id="menu-item-2687871" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687871"><a href="/environnement/">Environnement</a></li> 239<li id="menu-item-2806974" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2806974"><a href="/inspiration/habitation-et-immobilier/">Immobilier</a></li> 240<li id="menu-item-2687869" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-2687869"><a href="/societe/">Société</a> 241<ul class="sub-menu"> 242 <li id="menu-item-2734626" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2734626"><a href="/m-jeunes/">M jeunes</a></li> 243 <li id="menu-item-2687870" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687870"><a href="/societe/education/">Ãducation</a></li> 244 <li id="menu-item-2687872" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687872"><a href="/societe/mobilite/">Mobilité</a></li> 245 <li id="menu-item-2687873" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687873"><a href="/societe/techno/">Techno</a></li> 246 <li id="menu-item-2687955" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687955"><a href="/societe/vivre-ensemble/">Vivre ensemble</a></li> 247</ul> 248</li> 249<li id="menu-item-2687867" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687867"><a href="/debats/">Débats</a></li> 250<li id="menu-item-2742929" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-2742929"><a href="/parlons-cash/">Parlons cash</a> 251<ul class="sub-menu"> 252 <li id="menu-item-2742931" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2742931"><a href="/parlons-cash/parlons-bacon/">Parlons bacon</a></li> 253 <li id="menu-item-2742930" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2742930"><a href="/parlons-cash/finances-personnelles/">Finances personnelles</a></li> 254 <li id="menu-item-2687891" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687891"><a href="/entrepreneuriat/">Entrepreneuriat</a></li> 255 <li id="menu-item-2687895" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2687895"><a href="/entrepreneuriat/formation-et-emplois/">Formation et emplois</a></li> 256</ul> 257</li> 258<li id="menu-item-2829076" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2829076"><a href="/sports/">Sports</a></li> 259<li id="menu-item-2842100" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2842100"><a href="https://www.mboutiquemetro.com/">M Boutique – Découvrez les offres</a></li> 260 </ul> 261 <ul class="secondaire"> 262 <li id="menu-item-2704099" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2704099"><a href="https://journalmetro.com/infolettres/">Infolettres</a></li> 263<li id="menu-item-3139364" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3139364"><a href="https://journalmetro.com/appli/">Application Métro</a></li> 264<li id="menu-item-2934709" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2934709"><a href="https://journalmetro.com/concours/">Concours</a></li> 265<li id="menu-item-2687929" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2687929"><a href="https://journalmetro.com/metro-emplois/">Emplois</a></li> 266<li id="menu-item-2910655" class="nav-mon-metro-link menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-2910655"><a href="https://journalmetro.com/zone-membre/">Mon Métro</a></li> 267<li id="menu-item-2910654" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2910654"><a href="https://journalmetro.com/?page_id=2910626">Soutenez Métro</a></li> 268 </ul> 269 <ul class="tertiaire"> 270 <li id="menu-item-2687975" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2687975"><a href="https://journalmetro.com/annoncez-avec-nous/">Annoncez avec nous</a></li> 271<li id="menu-item-2687977" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2687977"><a href="https://journalmetro.com/conditions-dutilisation/">Conditions dâutilisation</a></li> 272 </ul> 273 </div> 274</nav> 275 276 277 278 279<main class="l-zm"> 280 <div class="l-zm-container" style="--zm-container-width: 60rem;"> 281 <section class="l-zm-container__row"> 282 <div class="l-zm-container__block l-zm-container__block--5@sm"> 283 <h1 class="has-vert-vif-color"> 284 Connexion </h1> 285 <h4><strong>Pas encore inscrit(e)?</strong></h4> 286 <a href="https://journalmetro.com/zone-membre/inscription/" class="c-zm-link u-mb-4"> 287 <svg class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> 288 <path fill="#1d443e" d="M224 480c-8.188 0-16.38-3.125-22.62-9.375l
288-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z"/> 289 </svg> 290 <span>Commencez ici</span> 291 </a> 292 </div> 293 <div class="l-zm-container__block l-zm-container__block--7@sm"> 294 <div class="c-zm-socials"> 295 <a href="https://journalmetro.com/zone-membre/connexion-a-mon-metro/" class="c-zm-social"> 296 <svg class="c-zm-social__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 297 <path d="M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z"/> 298 </svg> 299 <span class="c-zm-social__label">Connexion par adresse courriel</span> 300 </a> 301 [miniorange_social_login ] 302 303 </div> 304 </div> 305 </section> 306 </div> 307</main> 308 309</div><!-- #page --> 310 311<footer id="footer"> 312 <div class="site-footer"> 313 <div class="footer-column"> 314 <h4>Services</h4> 315 <ul id="menu-new-footer-1-services" class="menu"><li id="menu-item-2684767" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2684767"><a href="https://journalmetro.com/metro-emplois/">Emplois</a></li> 316<li id="menu-item-2952637" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2952637"><a href="https://journalmetro.com/evenements/">Ãvénements</a></li> 317<li id="menu-item-2859505" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2859505"><a href="https://journalmetro.com/concours/">Concours</a></li> 318<li id="menu-item-2684779" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2684779"><a href="https://journalmetro.com/videos/">Vidéos</a></li> 319</ul> </div> 320 <div class="footer-column"> 321 <h4>Abonnement</h4> 322 <ul id="menu-new-footer-2-abonnement" class="menu"><li id="menu-item-2702673" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2702673"><a href="https://journalmetro.com/infolettres/">Infolettres</a></li> 323<li id="menu-item-2684786" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2684786"><a href="https://journalmetro.com/feed/">Flux RSS</a></li> 324</ul> </div> 325 <div class="footer-column"> 326 <h4>à propos</h4> 327 <ul id="menu-new-footer-3-a-propos" class="menu"><li id="menu-item-2684810" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2684810"><a href="https://journalmetro.com/editions-virtuelles/">Ãditions virtuelles</a></li> 328<li id="menu-item-3071089" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3071089"><a href="https://journalmetro.com/outrouvervotrejournal/">Où trouver votre journal</a></li> 329<li id="menu-item-2687943" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2687943"><a href="https://metroquebec.com/">Métro Québec</a></li> 330<li id="menu-item-3146871" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3146871"><a href="https://www.corriereitaliano.com/">Corriere Italiano</a></li> 331</ul> </div> 332 <div class="footer-column"> 333 <h4>Contact</h4> 334 <ul id="menu-new-footer-4-contactez-nous" class="menu"><li id="menu-item-2684815" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2684815"><a href="https://journalmetro.com/contactez-nous/">Nous joindre</a></li> 335<li id="menu-item-2684816" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2684816"><a href="https://journalmetro.com/annoncez-avec-nous/">Annoncez avec nous</a></li> 336<li id="menu-item-2909070" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2909070"><a href="https://journalmetro.com/centre-publicitaire/">Centre publicitaire</a></li>
337<li id="menu-item-3207289" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3207289"><a target="_blank" href="https://adbionic.com/adops-supervises/">Opérations publicitaires supervisées</a></li> 338<li id="menu-item-2684830" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2684830"><a href="https://journalmetro.com/conditions-dutilisation/">Conditions dâutilisation</a></li> 339<li id="menu-item-2848545" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2848545"><a href="https://journalmetro.com/politique-de-confidentialite/">Politique de confidentialité</a></li> 340</ul> </div> 341 <div class="footer-column"> 342 <h4>Réseaux sociaux</h4> 343 <ul id="menu-new-footer-5-reseaux-sociaux" class="menu"><li id="menu-item-2684832" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2684832"><a href="https://www.facebook.com/journalmetro/">Facebook</a></li> 344<li id="menu-item-2684834" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2684834"><a href="https://twitter.com/journalmetro">Twitter</a></li> 345<li id="menu-item-2684836" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2684836"><a href="https://www.instagram.com/journalmetro/">Instagram</a></li> 346<li id="menu-item-2684837" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2684837"><a href="https://www.tiktok.com/@journalmetro?">TikTok</a></li> 347<li id="menu-item-3122480" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3122480"><a href="https://www.youtube.com/@journalmetro9996">YouTube</a></li> 348<li id="menu-item-2684839" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2684839"><a href="https://www.linkedin.com/company/journalm%C3%A9tro/">LinkedIn</a></li> 349</ul> </div> 350 </div><!-- .site-info --> 351 352 <div class="grid-container store-logos"> 353 <p>Télécharger notre app</p> 354 <div class="grid-x grid-padding-x align-center"> 355 <div class="cell small-6 medium-2"> 356 <a href="https://apps.apple.com/ca/app/m%C3%A9tro/id1579705887" target="_blank"><img src="https://journalmetro.com/wp-content/themes/metronews/assets/images/app-store-logo.svg" alt="logo from apple store"></a> 357 </div> 358 <div class="cell small-6 medium-2"> 359 <a href="https://play.google.com/store/apps/details?id=com.journalmetro.app" target="_blank"><img src="https://journalmetro.com/wp-content/themes/metronews/assets/images/google-play-logo.svg" alt="logo from google play"></a> 360 </div> 361 </div> 362 </div> 363 364 <div class="footer-signature"> 365 <div class="footer-signature--inner"> 366 <figure id="metro-logo-circle--footer"> 367 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 148" ><circle fill="#FFFFFF" cx="74" cy="74" r="74"/><polyline fill="#0E3A34" points="119,41.6 119,39.5 112,39.5 92.5,39.5 76.3,70.2 58.9,39.5 29,39.5 29,41.6 36.1,48.3 36.1,99.7 29,106.4 29,108.5 49.9,108.5 49.9,106.4 42.8,99.6 42.8,56.2 64.8,95.6 70,95.6 90.6,56.5 90.6,99.6 83.5,106.4 83.5,108.5 119,108.5 119,106.4 112,99.6 112,48.4 119,41.6 "/></svg> 368 </figure> 369 <span>© Journal Métro 2026 - Tous droits réservés</span> 370 <p style="margin-bottom:0;"><small>Ce site est protégé par reCAPTCHA et par la <a href="https://policies.google.com/privacy" target="_blank">Politique de confidentialité</a> et les <a href="https://policies.google.com/terms" target="_blank">Conditions d'utilisation</a> de Google.</small></p> 371 </div> 372 <!-- footer-signature--inner --> 373 </div> 374 <!-- footer-signature --> 375 </footer><!-- #colophon --> 376 377
377<script> try { window._FskKeyValues = '%%PATTERN:TARGETINGMAP%%'; } catch(e) {} </script>
377 378 379 380
380<script type="application/javascript"> 381 'use strict'; 382 var homeBlockGrid = document.getElementsByClassName("grid-wrapper-a-la-une")[0]; 383 384 if (homeBlockGrid != undefined) { 385 var metroWindowWidth = window.innerWidth; 386 var widthIsOver1280 = false; 387 var homeCarrouselExist = false; 388 // if (metroWindowWidth < 768) { 389 // homeCarrouselExist = !homeCarrouselExist; 390 // } 391 var is_7,is_5,is_5b,is_4,is_3,is_2,is_row_7,is_row_7b; 392 const part1 = homeBlockGrid.getElementsByClassName("part-1")[0]; 393 const part2 = homeBlockGrid.getElementsByClassName("part-2")[0]; 394 const part3 = homeBlockGrid.getElementsByClassName("part-3")[0]; 395 const part4 = homeBlockGrid.getElementsByClassName("part-4")[0]; 396 const part5 = homeBlockGrid.getElementsByClassName("part-5")[0]; 397 const part6 = homeBlockGrid.getElementsByClassName("part-6")[0]; 398 const part7 = homeBlockGrid.getElementsByClassName("part-7")[0]; 399 400 const deleteCarrouselOnMobile= () => { 401 const divCarrousel = document.getElementById("caroussel-home"); 402 while (divCarrousel.firstChild) homeBlockGrid.insertBefore(divCarrousel.firstChild, divCarrousel); 403 homeBlockGrid.removeChild(divCarrousel); 404 homeCarrouselExist = false; 405 } 406 const createCarrouselOnMobile = () => { 407 const divCarrousel = document.createElement("div"); 408 divCarrousel.setAttribute("id","caroussel-home"); 409 homeBlockGrid.appendChild(divCarrousel); 410 divCarrousel.appendChild(part6); 411 divCarrousel.appendChild(part7); 412 homeCarrouselExist = true; 413 } 414 function metroBlockGrid() { 415 metroWindowWidth = window.innerWidth; 416 if (metroWindowWidth > 1279 && !widthIsOver1280){ 417 create_flex(); 418 } 419 if (metroWindowWidth < 1279 && widthIsOver1280){ 420 destroy_flex(); 421 } 422 if (metroWindowWidth > 768 && homeCarrouselExist) { 423 deleteCarrouselOnMobile(); 424 } 425 if (metroWindowWidth < 768 && !homeCarrouselExist) { 426 createCarrouselOnMobile(); 427 } 428 } 429 function create_flex(){ 430 homeBlockGrid.classList.add("wp-block-columns"); 431 homeBlockGrid.classList.remove("wp-block-group"); 432 is_7 = document.createElement("div"); 433 is_7.classList.add("wp-block-column","is-7"); 434 is_5 = document.createElement("div"); 435 is_5.classList.add("wp-block-column","is-5"); 436 is_5b = document.createElement("div"); 437 is_5b.classList.add("wp-block-column","is-5"); 438 is_4 = document.createElement("div"); 439 is_4.classList.add("wp-block-column","is-4"); 440 is_3 = document.createElement("div"); 441 is_3.classList.add("wp-block-column","is-3"); 442 is_2 = document.createElement("div"); 443 is_2.classList.add("wp-block-column","is-2"); 444 is_row_7 = document.createElement("div"); 445 is_row_7.classList.add("row-is-7"); 446 is_row_7b = document.createElement("div"); 447 is_row_7b.classList.add("row-is-7"); 448 is_5.appendChild(part1); 449 is_5.appendChild(part2); 450 is_5.appendChild(part3); 451 is_4.appendChild(part4); 452 is_3.appendChild(part5); 453 is_2.appendChild(part6); 454 is_5b.appendChild(part7); 455 is_row_7.appendChild(is_4); 456 is_row_7.appendChild(is_3); 457 is_row_7b.appendChild(is_2); 458 is_row_7b.appendChild(is_5b); 459 is_7.appendChild(is_row_7); 460 is_7.appendChild(is_row_7b); 461 is_5.style.display = 'block'; 462 is_4.style.display = 'block'; 463 is_3.style.display = 'block'; 464 is_2.style.display = 'block'; 465 is_5b.style.display = 'block'; 466 is_row_7.style.display = 'flex'; 467 is_row_7b.style.display = 'flex'; 468 is_7.style.display = 'block'; 469 homeBlockGrid.appendChild(is_5); 470 homeBlockGrid.appendChild(is_7); 471 widthIsOver1280 = true; 472 } 473 function destroy_flex(){ 474 homeBlockGrid.classList.remove("wp-block-columns"); 475 homeBlockGrid.classList.add("wp-block-group"); 476 homeBlockGrid.appendChild(part1); 477 homeBlockGrid.appendChild(part2); 478 homeBlockGrid.appendChild(part3); 479 homeBlockGrid.appendChild(part4); 480 homeBlockGrid.appendChild(part5); 481 homeBlockGrid.appendChild(part6); 482 homeBlockGrid.appendChild(part7); 483 is_5.style.display = 'none'; 484 is_4.style.display = 'none'; 485 is_3.style.display = 'none'; 486 is_2.style.display = 'none'; 487 is_5b.style.display = 'none'; 488 is_row_7.style.display = 'none'; 489 is_row_7b.style.display = 'none'; 490 is_7.style.display = 'none'; 491 widthIsOver1280 = false;
492 } 493 window.addEventListener('resize', metroBlockGrid); 494 metroBlockGrid(); 495 } 496</script>
496 497
497<script type="application/javascript"> 498 'use strict'; 499 var cultureBlocksGrid = document.getElementsByClassName("thema-culture-grid"); 500 if (cultureBlocksGrid != undefined) { 501 [].forEach.call(cultureBlocksGrid, function (el) { 502 var metroWindowWidth = window.innerWidth; 503 var cultureCarrouselExist = false; 504 505 const partsToCopy = el.querySelectorAll(".wp-block-group:nth-child(n+3)"); 506 const carrousselContent = []; 507 for (var i = 0; i < partsToCopy.length; i++) { 508 var clone = partsToCopy[i].cloneNode(true); 509 carrousselContent.push(clone) 510 } 511 const divCarrousel = document.createElement("div"); 512 divCarrousel.setAttribute("class","caroussel-culture"); 513 //const divCarrouselInner = document.createElement("div"); 514 515 for (var i = 0; i < carrousselContent.length; i++) { 516 divCarrousel.appendChild(carrousselContent[i]) 517 } 518 //divCarrousel.appendChild(divCarrouselInner); 519 el.appendChild(divCarrousel); 520 divCarrousel.style.display = "none"; 521 522 /** 523 * 524 * Bordures haute et basse du carrousel 525 * 526 */ 527 const topBorder = document.createElement("div"); 528 topBorder.setAttribute("class","border-carrousel"); 529 const bottomBorder = document.createElement("div"); 530 bottomBorder.setAttribute("class","border-carrousel"); 531 el.insertBefore(topBorder,divCarrousel); 532 el.insertBefore(bottomBorder,null); 533 topBorder.style.display = "none"; 534 bottomBorder.style.display = "none"; 535 divCarrousel.style.display = "none"; 536 537 const createCulturearrouelonMobile = () => { 538 for (var i = 0; i < partsToCopy.length; i++) { 539 partsToCopy[i].style.display = "none"; 540 } 541 topBorder.style.display = "block"; 542 bottomBorder.style.display = "block"; 543 divCarrousel.style.display = "flex"; 544 cultureCarrouselExist = true; 545 } 546 547 const deleteCultureCarrouselOnMobile= () => { 548 divCarrousel.style.display='none'; 549 for (var i = 0; i < partsToCopy.length; i++) { 550 partsToCopy[i].style.display = "block"; 551 } 552 topBorder.style.display = "none"; 553 bottomBorder.style.display = "none"; 554 cultureCarrouselExist = false; 555 } 556 557 function cultureBlockGridOnResize(){ 558 559 metroWindowWidth = window.innerWidth; 560 if (metroWindowWidth > 768 && cultureCarrouselExist) { 561 deleteCultureCarrouselOnMobile(); 562 } 563 if (metroWindowWidth < 768 && !cultureCarrouselExist) { 564 createCulturearrouelonMobile(); 565 } 566 } 567 window.addEventListener('resize', cultureBlockGridOnResize); 568 cultureBlockGridOnResize(); 569 }); 570 571 } 572 573 </script>
573 574
574<script type="application/javascript"> 575 'use strict'; 576 var inspirationBlocksGrid = document.getElementsByClassName("thema-plus-inspiration"); 577 if (inspirationBlocksGrid != undefined) { 578 [].forEach.call(inspirationBlocksGrid, function (el) { 579 var metroWindowWidth = window.innerWidth; 580 var inspirationCarrouselExist = false; 581 582 const partsToCopy = el.querySelectorAll(".wp-block-group:nth-child(n+4)"); 583 const carrousselContent = []; 584 for (var i = 0; i < partsToCopy.length; i++) { 585 var clone = partsToCopy[i].cloneNode(true); 586 carrousselContent.push(clone) 587 } 588 const divCarrousel = document.createElement("div"); 589 divCarrousel.setAttribute("class","caroussel-culture"); 590 const divCarrouselInner = document.createElement("div"); 591 for (var i = 0; i < carrousselContent.length; i++) { 592 divCarrouselInner.appendChild(carrousselContent[i]) 593 } 594 divCarrousel.appendChild(divCarrouselInner); 595 el.appendChild(divCarrousel); 596 divCarrousel.style.display = "none"; 597 598 /** 599 * 600 * Bordures haute et basse du carrousel 601 * 602 */ 603 const topBorder = document.createElement("div"); 604 topBorder.setAttribute("class","border-carrousel"); 605 const bottomBorder = document.createElement("div"); 606 bottomBorder.setAttribute("class","border-carrousel"); 607 el.insertBefore(topBorder,divCarrousel); 608 el.insertBefore(bottomBorder,null); 609 topBorder.style.display = "none"; 610 bottomBorder.style.display = "none"; 611 612 const createInspirationCarrouelonMobile = () => { 613 for (var i = 0; i < partsToCopy.length; i++) { 614 partsToCopy[i].style.display = "none"; 615 } 616 topBorder.style.display = "block"; 617 bottomBorder.style.display = "block"; 618 divCarrousel.style.display = "flex"; 619 inspirationCarrouselExist = true; 620 } 621 622 const deleteInspirationCarrouselOnMobile= () => { 623 divCarrousel.style.display = "none"; 624 for (var i = 0; i < partsToCopy.length; i++) { 625 partsToCopy[i].style.display = "block"; 626 } 627 topBorder.style.display = "none"; 628 bottomBorder.style.display = "none"; 629 inspirationCarrouselExist = false; 630 } 631 632 function inspirationBlockGridOnResize(){ 633 metroWindowWidth = window.innerWidth; 634 if (metroWindowWidth > 768 && inspirationCarrouselExist) { 635 deleteInspirationCarrouselOnMobile(); 636 } 637 if (metroWindowWidth < 768 && !inspirationCarrouselExist) { 638 createInspirationCarrouelonMobile(); 639 } 640 } 641 window.addEventListener('resize', inspirationBlockGridOnResize); 642 inspirationBlockGridOnResize(); 643 }); 644 645 } 646 647 </script>
647 648
648<script type="application/javascript"> 649 'use strict'; 650 const specialBlocksGridParent = document.getElementsByClassName("metro-thema-special"); 651 [].forEach.call(specialBlocksGridParent, function (el) { 652 const manchette = el.getElementsByClassName("manchette")[0]; 653 const blockGroup = manchette.getElementsByClassName("wp-block-group")[0]; 654 655 if (blockGroup != undefined) { 656 var metroWindowWidth = window.innerWidth; 657 var specialCarrouselExist = false; 658 const specialBlockGridOnResize = () => { 659 metroWindowWidth = window.innerWidth; 660 console.log(metroWindowWidth); 661 if (metroWindowWidth >= 768 && metroWindowWidth < 1280) { 662 blockGroup.classList.add("caroussel-culture"); 663 specialCarrouselExist = true; 664 } else { 665 blockGroup.classList.remove("caroussel-culture"); 666 specialCarrouselExist = false; 667 } 668 } 669 window.addEventListener('resize', specialBlockGridOnResize); 670 specialBlockGridOnResize(); 671 } 672 }); 673 </script>
673 674
674<script type="application/javascript"> 675 'use strict'; 676 const societeBlocksGridParent = document.getElementsByClassName("metro-block-thema-3-col"); 677 678 [].forEach.call(societeBlocksGridParent, function (el) { 679 var metroWindowWidth = window.innerWidth; 680 var societeCarrouselExist = false; 681 const columns = el.querySelectorAll(".wp-block-columns")[0]; 682 const lastCol = el.querySelectorAll(".is-4:last-child")[0]; 683 const lastColContent = lastCol.innerHTML; 684 const divCarrousel = document.createElement("div"); 685 const divCarrouselInner = document.createElement("div"); 686 divCarrouselInner.innerHTML = lastColContent; 687 divCarrousel.setAttribute("class","caroussel-culture"); 688 divCarrousel.appendChild(divCarrouselInner); 689 columns.appendChild(divCarrousel); 690 divCarrousel.style.display='none'; 691 /** 692 * 693 * Bordures haute et basse du carrousel 694 * 695 */ 696 const topBorder = document.createElement("div"); 697 topBorder.setAttribute("class","border-carrousel"); 698 const bottomBorder = document.createElement("div"); 699 bottomBorder.setAttribute("class","border-carrousel"); 700 columns.insertBefore(topBorder,divCarrousel); 701 columns.insertBefore(bottomBorder,null); 702 topBorder.style.display = "none"; 703 bottomBorder.style.display = "none"; 704 705 const createSocieteCarrouselonMobile = () => { 706 707 divCarrousel.style.display='flex'; 708 lastCol.style.display = 'none'; 709 topBorder.style.display='block'; 710 bottomBorder.style.display='block'; 711 societeCarrouselExist = true; 712 } 713 714 const deleteSocieteCarrouselOnMobile= () => { 715 //const divCarrousel = columns.querySelectorAll(".caroussel-culture")[0]; 716 divCarrousel.style.display='none'; 717 lastCol.style.display = 'block'; 718 topBorder.style.display='none'; 719 bottomBorder.style.display='none'; 720 societeCarrouselExist = false; 721 } 722 723 function societeBlockGridOnResize(){ 724 metroWindowWidth = window.innerWidth; 725 if (metroWindowWidth > 768 && societeCarrouselExist) { 726 deleteSocieteCarrouselOnMobile(); 727 } 728 if (metroWindowWidth < 768 && !societeCarrouselExist) { 729 createSocieteCarrouselonMobile(); 730 } 731 } 732 window.addEventListener('resize', societeBlockGridOnResize); 733 societeBlockGridOnResize(); 734 735 }); 736 </script>
736 737
737<script type="application/javascript"> 738 'use strict'; 739 const mlocalBlocksGridParent = document.getElementsByClassName("thema-m-local"); 740 741 [].forEach.call(mlocalBlocksGridParent, function (el) { 742 var metroWindowWidth = window.innerWidth; 743 var mlocalCarrouselExist = false; 744 745 const secondCol = el.querySelectorAll(".is-4:nth-child(2)")[0]; 746 const lastCol = el.querySelectorAll(".is-4:last-child")[0]; 747 const carrousselContent = secondCol.innerHTML + lastCol.innerHTML; 748 749 const divCarrousel = document.createElement("div"); 750 const divCarrouselInner = document.createElement("div"); 751 divCarrousel.setAttribute("class","caroussel-culture"); 752 divCarrousel.appendChild(divCarrouselInner); 753 divCarrouselInner.innerHTML = carrousselContent; 754 divCarrousel.style.display='none'; 755 756 const divCarrouselInnerArr = divCarrouselInner.querySelectorAll(".listing:nth-child(n+2)"); 757 const carrouselTitle = divCarrouselInner.querySelectorAll(".caroussel-title")[0]; 758 759 divCarrouselInner.innerHTML = ''; 760 divCarrouselInner.appendChild(carrouselTitle); 761 for (var i = 0; i < divCarrouselInnerArr.length; i++) { 762 divCarrouselInner.appendChild(divCarrouselInnerArr[i]) 763 } 764 765 el.appendChild(divCarrousel); 766 767 /** 768 * 769 * Bordures haute et basse du carrousel 770 * 771 */ 772 const topBorder = document.createElement("div"); 773 topBorder.setAttribute("class","border-carrousel"); 774 const bottomBorder = document.createElement("div"); 775 bottomBorder.setAttribute("class","border-carrousel"); 776 el.insertBefore(topBorder,divCarrousel); 777 el.insertBefore(bottomBorder,null); 778 topBorder.style.display = "none"; 779 bottomBorder.style.display = "none"; 780 const createLocalCarrouselonMobile = () => { 781 782 divCarrousel.style.display='flex'; 783 lastCol.style.display = 'none'; 784 topBorder.style.display='block'; 785 bottomBorder.style.display='block'; 786 mlocalCarrouselExist = true; 787 } 788 789 const deleteLocalCarrouselOnMobile= () => { 790 //const divCarrousel = columns.querySelectorAll(".caroussel-culture")[0]; 791 divCarrousel.style.display='none'; 792 lastCol.style.display = 'block'; 793 topBorder.style.display='none'; 794 bottomBorder.style.display='none'; 795 mlocalCarrouselExist = false; 796 } 797 function mlocalBlockGridOnResize(){ 798 metroWindowWidth = window.innerWidth; 799 if (metroWindowWidth > 768 && mlocalCarrouselExist) { 800 deleteLocalCarrouselOnMobile(); 801 } 802 if (metroWindowWidth < 768 && !mlocalCarrouselExist) { 803 createLocalCarrouselonMobile(); 804 } 805 } 806 807 808 window.addEventListener('resize', mlocalBlockGridOnResize); 809 mlocalBlockGridOnResize(); 810 811 }); 812 </script>
812 813
813<script id="metronews-nav" src="https://journalmetro.com/wp-content/themes/metronews/js/nav.js"></script>
813 814
814<script type="application/javascript"> 815 'use strict'; 816 const mainHeader = document.getElementById("masthead"); 817 818 if(mainHeader) { 819 const navDiv = mainHeader.getElementsByClassName("nav")[0]; 820 const menuToggle = document.getElementById("menu-toggle"); 821 const bg = document.getElementById("bg"); 822 const mainNav = document.getElementById("main-nav"); 823 const mainNavInner = document.getElementById("main-nav-inner"); 824 var mainNavOpen = false; 825 //hcOffcanvasNav 826 var Nav = new hcOffcanvasNav(mainNavInner, { 827 disableAt: 481, 828 customToggle: menuToggle, 829 disableBody: true, 830 levelSpacing: 40, 831 navTitle: ' ', 832 levelTitles: false, 833 levelTitleAsBack: true, 834 pushContent: '#page', 835 labelClose: false, 836 position:'left', 837 swipeGestures: false 838 }); 839 const openMenu = () => { 840 841 if(bg) { 842 bg.style.visibility = "visible"; 843 } 844 845 if(mainNav) { 846 mainNav.style.transform = "none"; 847 mainNav.style.height = "100%"; 848 } 849 850 menuToggle.classList.add("is-active"); 851 // fix body when menu open 852 const scrollY = document.documentElement.style.getPropertyValue('--scroll-y'); 853 const body = document.body; 854 body.style.top = `-${scrollY}`; 855 body.style.position = 'fixed'; 856 body.style.right = '0px'; 857 body.style.left = '0px'; 858 } 859 const closeMenu = () => { 860 861 if(bg) { 862 bg.style.visibility = "hidden"; 863 } 864 865 if(mainNav) { 866 mainNav.style.transform = "translateX(-100%)"; 867 } 868 869 menuToggle.classList.remove("is-active"); 870 // fix body when menu open 871 const body = document.body; 872 const scrollY = body.style.top; 873 body.style.position = ''; 874 body.style.right = ''; 875 body.style.left = ''; 876 body.style.top = ''; 877 window.scrollTo(0, parseInt(scrollY || '0') * -1); 878 } 879 function styckyHeaderFunction() { 880 // if (hamburger.classList.contains("is-active")) { 881 // masterHead.classList.add("sticky"); 882 // return; 883 // } 884 document.documentElement.style.setProperty('--scroll-y', `${window.scrollY}px`); 885 let scrollPosition = Math.round(window.pageYOffset); 886 if (scrollPosition > 100) { 887 navDiv.classList.add("sticky"); 888 } else { 889 navDiv.classList.remove("sticky"); 890 } 891 } 892 menuToggle.addEventListener("click", function(e){ 893 if (!mainNavOpen) { 894 openMenu(); 895 } else { 896 closeMenu(); 897 //styckyHeaderFunction(); 898 } 899 mainNavOpen = !mainNavOpen; 900 }, true); 901 902 document.addEventListener('click', function(event) { 903 if (!mainNavOpen) return; 904 var isClickInside = mainNavInner.contains(event.target); 905 906 if (!isClickInside) { 907 //the click was outside the specifiedElement, do something 908 closeMenu(); 909 mainNavOpen = !mainNavOpen; 910 } 911 }); 912 913 window.addEventListener('scroll',styckyHeaderFunction); 914 } 915 </script>
915 916
916<script type="speculationrules"> 917{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/metronews/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 918</script>
918 919
919<script> 920 ( function ( body ) { 921 'use strict'; 922 body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' ); 923 } )( document.body ); 924 </script>
924 925
925<script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activate to sort column ascending","sort_descending":": activate to sort column descending"},"length_menu":"Show _MENU_ entries","empty_table":"No data available in table","info":"Showing _START_ to _END_ of _TOTAL_ entries","info_empty":"Showing 0 to 0 of 0 entries","info_filtered":"(filtered from _MAX_ total entries)","zero_records":"No matching records found","search":"Search:","all_selected_text":"All items on this page were selected. ","select_all_link":"Select all pages","clear_selection":"Clear Selection.","pagination":{"all":"All","next":"Next","previous":"Previous"},"select":{"rows":{"0":"","_":": Selected %d rows","1":": Selected 1 row"}},"datepicker":{"dayNames":["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],"dayNamesShort":["dim","lun","mar","mer","jeu","ven","sam"],"dayNamesMin":["D","L","M","M","J","V","S"],"monthNames":["janvier","f\u00e9vrier","mars","avril","mai","juin","juillet","ao\u00fbt","septembre","octobre","novembre","d\u00e9cembre"],"monthNamesShort":["janvier","f\u00e9vrier","mars","avril","mai","juin","juillet","ao\u00fbt","septembre","octobre","novembre","d\u00e9cembre"],"monthNamesMin":["Jan","F\u00e9v","Mar","Avr","Mai","Juin","Juil","Ao\u00fbt","Sep","Oct","Nov","D\u00e9c"],"nextText":"Next","prevText":"Prev","currentText":"Today","closeText":"Done","today":"Today","clear":"Clear"}};/* ]]> */ </script>
925<script src="https://journalmetro.com/wp-content/plugins/the-events-calendar/common/build/js/user-agent.js?ver=da75d0bdea6dde3898df" id="tec-user-agent-js"></script>
vendor: 1 bytes, line 925
925
926<script id="tk-favorites-js-extra"> 927var TKF = {"nonce":"bad7f83670","admin_url":"https://journalmetro.com/wp-admin/admin-ajax.php","is_my_account":""}; 928//# sourceURL=tk-favorites-js-extra 929</script>
vendor: 1 bytes, line 929
929
930<script src="https://journalmetro.com/wp-content/plugins/tk-favorites/assets/js/public.js?ver=6.9.4" id="tk-favorites-js"></script>
vendor: 1 bytes, line 930
930
931<script id="jetpack-stats-js-before"> 932_stq = window._stq || []; 933_stq.push([ "view", {"v":"ext","blog":"255205996","post":"2910631","tz":"-4","srv":"journalmetro.com","hp":"vip","j":"1:15.5-beta"} ]); 934_stq.push([ "clickTrackerInit", "255205996", "2910631" ]); 935//# sourceURL=jetpack-stats-js-before 936</script>
vendor: 1 bytes, line 936
936
937<script src="https://stats.wp.com/e-202640.js" id="jetpack-stats-js" defer data-wp-strategy="defer"></script>
vendor: 1 bytes, line 937
937
938<script src="https://api.dmcdn.net/all.js?ver=6.9.4" id="met-daily-motion-js"></script>
vendor: 1 bytes, line 938
938
939<script src="https://journalmetro.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script>
vendor: 1 bytes, line 939
939
940<script id="metronews-main-js-extra"> 941var MET = {"ajax_url":"https://journalmetro.com/wp-admin/admin-ajax.php","subscribed_thank_you":" Tu es bien inscrit, merci !","subscribed_thank_you_newsletter_page":" Nous confirmons votre abonnement \u00e0","subscribion_updated_newsletter_page":" Vos abonnements ont bien \u00e9t\u00e9 mis \u00e0 jour.","subscribed_failed":" Le courriel n'est pas valide ou l'inscription a \u00e9chou\u00e9. Veuillez r\u00e9essayer. ","is_mobile":"","nonce":"28ce751aa9"}; 942//# sourceURL=metronews-main-js-extra 943</script>
vendor: 1 bytes, line 943
943
944<script src="https://journalmetro.com/wp-content/themes/metronews/dist/js/main.js?ver=05ff2232613c22e02dc86aac309a4608" id="metronews-main-js"></script>
vendor: 1 bytes, line 944
944
945<script id="wp-emoji-settings" type="application/json"> 946{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://journalmetro.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}} 947</script>
vendor: 1 bytes, line 947
947
948<script type="module"> 949/*! This file is auto-generated */ 950const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); 951//# sourceURL=https://journalmetro.com/wp-includes/js/wp-emoji-loader.min.js 952</script>
952 953</body> 954</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.