CINXE.COM

<!DOCTYPE html> <html lang="fr" class="article-layout media"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="preconnect" href="https://use.typekit.net/"> <link rel="preconnect" href="https://p.typekit.net"> <link rel="preload" href="https://use.typekit.net/tsq1pnc.css" as="style"/> <link rel="stylesheet" href="https://use.typekit.net/tsq1pnc.css"/> <link rel="preload" href="https://www.nouvelobs.com/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg" as="image"/> <title>Le ministre de la Pêche répond sur un naufrage de migrants, la gauche s'indigne</title> <meta name="description" content="A l'Assemblée nationale, la députée communiste Elsa Faucillon a interrogé le gouvernement sur les naufrages de migrants dans la Manche, qui ont fait 71 morts depuis le début 2024. Alors qu'elle s'adressait au ministre de l'Intérieur Bruno Retailleau, en charge de la politique migratoire, c'est le ministre chargé de la Mer et de la Pêche, Fabrice Loher, qui a répondu. De quoi susciter l'indignation sur les bancs du Nouveau Front populaire. Regardez. " /> <link rel="manifest" href="https://www.nouvelobs.com/manifest.json" /> <link rel="shortcut icon" href="https://www.nouvelobs.com/icons/nouvelobs/favicon.ico" /> <link rel="icon" type="image/png" sizes="16x16" href="https://www.nouvelobs.com/icons/nouvelobs/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="32x32" href="https://www.nouvelobs.com/icons/nouvelobs/favicon-32x32.png" /> <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://www.nouvelobs.com/icons/nouvelobs/apple-touch-icon.png" /> <meta name="application-name" content="Le Nouvel Obs : actus et infos" /> <link rel="canonical" href="https://www.nouvelobs.com/videos/x99uirm.DMT/le-ministre-de-la-peche-repond-sur-un-naufrage-de-migrants-la-gauche-s-indigne.html" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <meta name="bingbot" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <meta property="al:android:app_name" content="Le Nouvel Obs : actus et infos" /> <meta property="al:android:package" content="com.nouvelobs.androidapp" /> <meta property="al:ios:app_name" content="Le Nouvel Obs infos & analyses" /> <meta property="al:ios:app_store_id" content="361705445" /> <meta property="al:ipad:app_name" content="Le Nouvel Obs infos & analyses" /> <meta property="al:ipad:app_store_id" content="361705445" /> <meta name="apple-itunes-app" content="app-id=361705445" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" /> <meta property="fb:admins" content="617448404" /> <meta property="fb:app_id" content="221722803985" /> <meta property="og:description" content="A l'Assemblée nationale, la députée communiste Elsa Faucillon a interrogé le gouvernement sur les naufrages de migrants dans la Manche, qui ont fait 71 morts depuis le début 2024. Alors qu'elle s'adressait au ministre de l'Intérieur Bruno Retailleau, en charge de la politique migratoire, c'est le ministre chargé de la Mer et de la Pêche, Fabrice Loher, qui a répondu. De quoi susciter l'indignation sur les bancs du Nouveau Front populaire. Regardez. " /> <meta property="og:image" content="https://www.nouvelobs.com/icons/nouvelobs/og.png" /> <meta property="og:image:height" content="630" /> <meta property="og:image:width" content="1200" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:site_name" content="Le Nouvel Obs" /> <meta property="og:title" content="Le ministre de la Pêche répond sur un naufrage de migrants, la gauche s'indigne" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.nouvelobs.com/videos/x99uirm.DMT/le-ministre-de-la-peche-repond-sur-un-naufrage-de-migrants-la-gauche-s-indigne.html" /> <meta name="twitter:app:country" content="FR" /> <meta name="twitter:app:id:googleplay" content="com.nouvelobs.androidapp" /> <meta name="twitter:app:id:ipad" content="361705445" /> <meta name="twitter:app:id:iphone" content="361705445" /> <meta name="twitter:app:name:googleplay" content="Le Nouvel Obs : actus et infos" /> <meta name="twitter:app:name:ipad" content="Le Nouvel Obs infos & analyses" /> <meta name="twitter:app:name:iphone" content="Le Nouvel Obs infos & analyses" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@Le_NouvelObs" /> <meta name="twitter:description" content="A l'Assemblée nationale, la députée communiste Elsa Faucillon a interrogé le gouvernement sur les naufrages de migrants dans la Manche, qui ont fait 71 morts depuis le début 2024. Alors qu'elle s'adressait au ministre de l'Intérieur Bruno Retailleau, en charge de la politique migratoire, c'est le ministre chargé de la Mer et de la Pêche, Fabrice Loher, qui a répondu. De quoi susciter l'indignation sur les bancs du Nouveau Front populaire. Regardez. " /> <meta name="twitter:image" content="https://www.nouvelobs.com/icons/nouvelobs/og.png" /> <meta name="twitter:site" content="@Le_NouvelObs" /> <meta name="twitter:title" content="Le ministre de la Pêche répond sur un naufrage de migrants, la gauche s'indigne" /> <meta name="twitter:url" content="https://www.nouvelobs.com/videos/x99uirm.DMT/le-ministre-de-la-peche-repond-sur-un-naufrage-de-migrants-la-gauche-s-indigne.html" /> <meta name="twitter:widgets:csp" content="on" /> <link rel="stylesheet" type="text/css" href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/css/article.css" /> <style> :root{ --max-width-article-title: 69rem; } </style> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"NewsMediaOrganization","name":"Le Nouvel Obs","alternateName":"L'Obs","url":"https:\/\/www.nouvelobs.com","logo":"https:\/\/www.nouvelobs.com\/icons\/nouvelobs\/tile-wide.png","sameAs":["https:\/\/www.facebook.com\/lenouvelobservateur\/","https:\/\/twitter.com\/Le_NouvelObs","https:\/\/www.instagram.com\/nouvelobs\/","https:\/\/www.youtube.com\/channel\/UC1ObaaFz4XHVPN2T5IFsU4w","https:\/\/www.linkedin.com\/company\/nouvelobs\/","https:\/\/www.dailymotion.com\/nouvelobs","https:\/\/bsky.app\/profile\/nouvelobs.bsky.social","https:\/\/t.snapchat.com\/rwMJi93J","https:\/\/www.tiktok.com\/@nouvelobs"],"contactPoint":{"@type":"ContactPoint","telephone":"+33-0140268613","contactType":"Customer service"}}</script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"VideoObject","name":"Le ministre de la P\u00eache r\u00e9pond sur un naufrage de migrants, la gauche s'indigne","description":"A l'Assembl\u00e9e nationale, la d\u00e9put\u00e9e communiste Elsa Faucillon a interrog\u00e9 le gouvernement sur les naufrages de migrants dans la Manche, qui ont fait 71 morts depuis le d\u00e9but 2024. Alors qu'elle s'adressait au ministre de l'Int\u00e9rieur Bruno Retailleau, en charge de la politique migratoire, c'est le ministre charg\u00e9 de la Mer et de la P\u00eache, Fabrice Loher, qui a r\u00e9pondu. De quoi susciter l'indignation sur les bancs du Nouveau Front populaire. Regardez. ","thumbnailUrl":"https:\/\/s1.dmcdn.net\/v\/XR2U21dHm-8qAdekq","uploadDate":"2024-11-27T11:07:05+01:00","embedUrl":"https:\/\/geo.dailymotion.com\/player\/x8yp3.html?video=x99uirm","duration":"PT1M26S"}</script> <script> window.lobs = {"env":"prod","user":false,"isAbo":false,"device":"desktop","isShowcaseRequest":false,"app":false,"urls":{"connection":"https:\/\/sec.nouvelobs.com\/sfuser\/connexion?redirectionUrl=https%3A%2F%2Fwww.nouvelobs.com%2Fvideos%2Fx99uirm.DMT%2Fle-ministre-de-la-peche-repond-sur-un-naufrage-de-migrants-la-gauche-s-indigne.html","swgSubscription":"https:\/\/www.nouvelobs.com\/bucket\/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77\/js\/swg_subscription.bundle.js"},"context":{"analytics":{"forecast":{"pageType":"unknown","domain":"https:\/\/forecast.nouvelobs.com","brand":"lobs","campaigns":true}}}}; </script> <script> if ('serviceWorker' in navigator) { var path = "/service-worker.js?personalization=" + encodeURIComponent(false ? 1 : 0) + '&bucket=' + encodeURIComponent("\/bucket\/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77\/"); navigator.serviceWorker.register(path, {scope: '/'}) .then(function(registration) {}, function(err) {}); } </script> <meta name="pbstck_context:environment" content="prod"/> <meta name="pbstck_context:device" content="desktop"/> <meta name="pbstck_context:user_status" content="default"/> <meta name="pbstck_context:inventory_type" content="web"/> <meta name="pbstck_context:site_name" content="obs_obs"/> <meta name="pbstck_context:section" content="divers"/> <meta name="pbstck_context:subsection" content="divers"/> <meta name="pbstck_context:page_type" content="hp"/> <meta name="ad:app_obs" content="false"/> <meta name="ad:refonte_obs" content="true"/> <meta name="ad:keywords" content="videos"/> <meta name="ad:rubriques" content="videos"/> <meta name="ad:rub" content="videos"/> <script> var googletag = window.googletag || {cmd: []}; googletag.cmd.push(function () { googletag.pubads().addEventListener('slotRenderEnded', function (e) { if (e.isEmpty) return; var slotname = e.slot.getSlotElementId(), slotHtmlElement = document.getElementById(slotname); if (slotHtmlElement) { if (slotname.indexOf('cover') > -1) { setTimeout(function () { var sublime = document.querySelector('#sublime-container #sublime-content, #sublime-mobile-top-container'); var style = document.querySelector('style#sublime-menu-height'); if (!style) { style = document.createElement('style'); style.id = 'sublime-menu-height'; document.body.insertAdjacentElement('afterbegin', style); } style.innerHTML = ''; if (sublime) { style.innerHTML = '.obs_menu.obs_menu--open {top:'+sublime.getBoundingClientRect().height+'px !important;}'; } }, 1000) } if (typeof performance !== 'undefined') { performance.mark('render ad', {detail: e.slot.getAdUnitPath()}) } } }) }); </script> <script type="text/plain" data-gdpr-purposes="ads" data-gdpr-src="https://boot.pbstck.com/v1/adm/2bf7e952-475b-490b-8136-c7be8fa3d218" data-gdpr-no-consent-src="https://boot.pbstck.com/v1/adm/2bf7e952-475b-490b-8136-c7be8fa3d218" async></script> <script> window.lobs_piano = {"collectPath":"f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77","site":561552,"properties":{"site_level2":"NOTR - Web","canal_plateforme":"Responsive","user_agent":"Fixe","type_contenu":"Contenu","sous_type_contenu":"Articles_Videos","b:projet_on":true,"consent":"not found","authentification":"Non loggu\u00e9","type_visiteur":"Anonyme","edito_vs_service":"Edito","profil_contenu":"Redaction_Web","offre_freemium":"Article gratuit","id_article":"x99uirm.DMT","libelle_article":"Le_Ministre_De_La_Peche_Repond_Sur_Un_Naufrage_De_Migrants_La_Gauche_S_Indigne","d:date_publication":"2024-11-27T11:07:05+01:00","thematique1":"Videos","a:s:tags_array":{"0":"videos"},"tags":"[videos]","signes":0,"nature_edito":"video"},"event_page":{"page_chapter1":"Videos","page_chapter2":"Videos","page":"x99uirm.DMT_Le_Ministre_De_La_Peche_Repond_Sur_Un_Naufrage_De_Migrants_La_Gauche_S_Indigne"},"full_page":"","user":null}; var GDPR_CONFIG = { usePiano: true, usePianoQueue: '_paq', usePianoAsyncCommands: false, content: { siteName: "Le Nouvel Obs", deName: "du Nouvel Obs", aName: "au Nouvel Obs", paramsRefresh: true, policyUrl: "https://www.nouvelobs.com/donnees-personnelles", vendors: { analytics: ["SmartTag", "Chartbeat", "Amplitude", "TikTok"], social: ["Facebook", "Twitter", "Instagram", "Pinterest", "LinkedIn"], mediaPlatforms: ["Dailymotion"], personalization: ["Batch", "Forecast", "Selligent"], }, }, }; </script> <script type="text/javascript">!function(){"use strict";var e;(function(e){e.exports=function(){for(var e,t="__tcfapiLocator",a=[],r=window;r;){try{if(r.frames[t]){e=r;break}}catch(e){}if(r===window.top)break;r=r.parent}e||(function e(){var a=r.document,n=!!r.frames[t];if(!n)if(a.body){var s=a.createElement("iframe");s.style.cssText="display:none",s.name=t,a.body.appendChild(s)}else setTimeout(e,5);return!n}(),r.__tcfapi=function(){for(var e,t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];if(!r.length)return a;if("setGdprApplies"===r[0])r.length>3&&2===parseInt(r[1],10)&&"boolean"==typeof r[3]&&(e=r[3],"function"==typeof r[2]&&r[2]("set",!0));else if("ping"===r[0]){var s={gdprApplies:e,cmpLoaded:!1,cmpStatus:"stub"};"function"==typeof r[2]&&r[2](s)}else a.push(r)},r.addEventListener("message",(function(e){var t="string"==typeof e.data,a={};try{a=t?JSON.parse(e.data):e.data}catch(e){}var r=a&&a.__tcfapiCall;r&&window.__tcfapi(r.command,r.version,(function(a,n){var s={__tcfapiReturn:{returnValue:a,success:n,callId:r.callId}};t&&(s=JSON.stringify(s)),e&&e.source&&e.source.postMessage&&e.source.postMessage(s,"*")}),r.parameter)}),!1))}}(e={exports:{}},e.exports),e.exports)()}();</script> <script src="https://cmp.nouvelobs.com/js/nouvelobs.min.js"></script> <script>function getPurposes() { const cs = RegExp('lmd_consent=[^;]+').exec(document.cookie); if (cs) { try { const cc = JSON.parse(decodeURIComponent(cs ? cs.toString().replace(/^[^=]+./, '') : '')); if (cc.purposes) { return cc.purposes; } } catch (e) { return false; } } return false; } function hasConsent() { return !!getPurposes(); } function getConsents() { var isDefined = hasConsent(); var values = isDefined ? getPurposes() : false; var purposesNames = ["analytics","social","personalization","ads","mediaPlatforms"]; var consent = { isDefined: isDefined, hasNone: true, hasAll: true, hasAny: false }, p, v; for (var i = 0, l = purposesNames.length; i < l; i++) { p = purposesNames[i]; v = values && typeof values[p] === "boolean" ? values[p] : false; consent[p] = v; if (v) { consent.hasNone = false; consent.hasAny = true; } else { consent.hasAll = false; } } return consent; } function updateConsentClasses() { var html = document.documentElement; if (getConsents().isDefined) { html.classList.remove('cmp-not-defined'); } else { html.classList.add('cmp-not-defined'); } if (getConsents().hasNone) { html.classList.add('cmp-refused-all'); } else { html.classList.remove('cmp-refused-all'); } if (getConsents().ads) { html.classList.add('cmp-allowed-ads'); html.classList.remove('cmp-refused-ads'); } else { html.classList.remove('cmp-allowed-ads'); html.classList.add('cmp-refused-ads'); } if (getConsents().analytics) { html.classList.add('cmp-allowed-analytics'); html.classList.remove('cmp-refused-analytics'); } else { html.classList.remove('cmp-allowed-analytics'); html.classList.add('cmp-refused-analytics'); } if (getConsents().mediaPlatforms) { html.classList.add('cmp-allowed-mediaPlatforms'); html.classList.remove('cmp-refused-mediaPlatforms'); } else { html.classList.remove('cmp-allowed-mediaPlatforms'); html.classList.add('cmp-refused-mediaPlatforms'); } if (typeof Event === 'function') { var updateConsentEvent = new Event('updateConsentClasses'); html.dispatchEvent(updateConsentEvent); } } window.addEventListener('load', function() { updateConsentClasses(); }); document.addEventListener('gdprConsentGiven', function() { updateConsentClasses(); }); </script> <script>var xtvisitor = "";</script> </head> <body> <div id="cover" class="dfp-slot dfp-unloaded" data-format="cover"></div> <style> .obs_header{ --link-default-color: #EAEAEA; } .obs_menu_content{ --link-default-color: #171717; } </style> <section id="header" class="obs_header"> <header role="banner" class=""> <div class="obs_header__inner"> <div class="d-flex justify-content-between align-items-start"> <div class="obs-header__left d-flex"> <button type="button" class="obs_menu_btn collapsed-only btn btn--medium btn--icon-only btn--edito-secondary me-15" data-piano="Header,,,Menu,action"> <svg class="icon icon--navigation_menu " style="--fill:#171717"> <title>Menu</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#navigation_menu"></use> </svg> <span>Menu</span> </button> <a href="/" class="obs_header_logo" title="Le Nouvel Obs - Retourner à l'accueil" data-piano="Header,,,Logo,navigation"> <svg class="logo logo-lenouvelobs" style="--fill:#FFFFFF;height:7.14rem;width:36.5rem;" preserveAspectRatio="xMinYMin slice"> <title>Le Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#lenouvelobs"></use> </svg> </a> </div> <div class="obs_header__actions d-flex align-items-center"> <div class="obs_menu_mag"> <a class="link--nav d-none d-lg-flex align-items-center pe-15" href="/kiosque" data-piano="Header,,,Lire_mag_semaine,navigation"> <svg class="icon icon--magazine " style="--fill:#FFF"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#magazine"></use> </svg> <span class="latino-300b pt-5 ps-10">Lire le magazine</span> </a> </div> <div class="action_btns d-flex align-items-center gap-10 ps-10"> <span tabindex="0" class="obs_menu_buddy btn btn--medium btn--edito-secondary" data-piano="Header,,,Connexion,action" data-urlencode="aHR0cHM6Ly9zZWMubm91dmVsb2JzLmNvbS9zZnVzZXIvY29ubmV4aW9u"> <svg class="icon icon--person-connexion " style="--fill:#171717"> <title>Se connecter</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#person-connexion"></use> </svg> <span>Se connecter</span> </span> <span tabindex="0" class="obs_menu_subscribe btn btn--medium btn--conversion-primary" style="--btn-bg:#FEEB6F;--btn-color:#352601;" rel="nofollow" aria-label="Je m’abonne au Nouvel Obs" data-piano="Header,,,S_abonner_FestivalNO,navigation" data-urlencode="aHR0cHM6Ly93d3cubm91dmVsb2JzLmNvbS9hYm9ubmVtZW50"> <svg class="icon icon--arrow-right " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> Offre anniversaire : s'abonner pour 1€ </span> </div> </div> </div> </div> <div class="obs_header__inner"> <nav class="obs_nav"> <ul class="obs_nav-inner d-flex align-items-center justify-content-lg-between scroll-x-snap gap-15 pt-15 pt-lg-20 pb-10 pb-lg-20"> <li class="scroll-x-snap__item flex-shrink-0"> <a href="#" class="obs_menu_btn link--nav d-flex gap-10 latino-300b latino-lg-600m" data-piano="Header,Nav,,Menu,action"> <svg class="icon icon--navigation_menu " style="--fill:#FFF"> <title>Menu</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#navigation_menu"></use> </svg> <span>Menu</span> </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/societe/" data-piano="Header,Nav,,Societe,navigation"> Société </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/politique/" data-piano="Header,Nav,,Politique,navigation"> Politique </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/monde/" data-piano="Header,Nav,,Monde,navigation"> Monde </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/ecologie/" data-piano="Header,Nav,,Ecologie,navigation"> Ecologie </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/economie/" data-piano="Header,Nav,,Economie,navigation"> Economie </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/idees/" data-piano="Header,Nav,,Idees,navigation"> Idées </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/culture/" data-piano="Header,Nav,,Culture,navigation"> Culture </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/tendances/" data-piano="Header,Nav,,Tendances,navigation"> Tendances </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/rue89/" data-piano="Header,Nav,,Rue89,navigation"> Rue89 </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/bibliobs/" data-piano="Header,Nav,,Bibliobs,navigation"> BibliObs </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav me-xs-50" href="/teleobs/" data-piano="Header,Nav,,Teleobs,navigation"> TéléObs </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a href="/recherche" class="obs_search_btn link--nav d-flex gap-10 latino-300b latino-lg-600m" data-piano="Header,Nav,,Recherche,action"> <svg class="icon icon--magnifier " style="--fill:#FFF"> <title>Rechercher</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#magnifier"></use> </svg> <span>Recherche</span> </a> </li> </ul> <div class="obs_nav__scroll-trigger align-items-center justify-content-end"> <button type="button" class="btn btn--icon-only btn--small btn--edito-secondary me-20" aria-label="faire defiler les thématiques suivantes"> <svg class="icon icon--chevron-right " style="--fill:#FFF"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-right"></use> </svg> </button> </div> </nav> </div> <style> .collapse-content .link--nav{ line-height: 1; padding-top: .9rem; padding-bottom: .9rem; } </style> <nav class="obs_menu" role="navigation" aria-label="Menu principal"> <div role="dialog" aria-modal="true" class="obs_menu_header_actions bg-grey-800 d-flex justify-content-between align-items-center px-30 py-20 ps-lg-65 " style="--btn-label-color: #E1E6F3;"> <p class="antonia-2050b text-grey-100">Menu</p> <div class="d-flex align-items-center"> <a href="https://www.nouvelobs.com/abonnement" class="btn btn--conversion-primary btn--medium latino-300b me-15" style="--btn-bg:#FEEB6F;--btn-color:#352601;" data-piano="Menu,Anonyme,,S_abonner_FestivalNO,action"> <svg class="icon icon--arrow-right " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> <span class="latino-300b">S'abonner</span> </a> <button aria-label="Fermer la navigation" class="obs_menu_close_btn btn btn--edito-secondary btn--medium btn--icon-only" data-piano="Menu,,,Fermer,action"> <svg class="icon icon--navigation_croix " style="--fill:white"> <title>Fermer la navigation</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#navigation_croix"></use> </svg> <span>Fermer</span> </button> </div> </div> <div class="border-top d-flex justify-content-between bg-grey-800 px-60 pt-20 pb-65 px-lg-90" style="--btn-label-color: #E1E6F3;--border-color:#323232"> <span class="btn btn--edito-primary btn--large btn--icon-only show-label" data-piano="Menu,Anonyme,,se_connecter_s_inscrire,action" tabindex="0" data-urlencode="aHR0cHM6Ly9zZWMubm91dmVsb2JzLmNvbS9zZnVzZXIvY29ubmV4aW9u"> <svg class="icon icon--person-connexion " style="--fill:#A5B4D9"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#person-connexion"></use> </svg> <span class="latino-100m text-center">Se connecter<br>S’inscrire</span> </span> <a href="/kiosque" class="btn btn--edito-primary btn--large btn--icon-only show-label" data-piano="Menu,Anonyme,,Lire_le_mag,action"> <svg class="icon icon--magazine " style="--fill:#A5B4D9"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#magazine"></use> </svg> <span class="latino-100m text-center">Lire<br>le magazine</span> </a> <a href="https://abo.nouvelobs.com/faq" class="btn btn--edito-primary btn--large btn--icon-only show-label" data-piano="Menu,Anonyme,,FAQ,action"> <svg class="icon icon--faq " style="--fill:#A5B4D9"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#faq"></use> </svg> <span class="latino-100m text-center">FAQ</span> </a> </div> <div role="document"> <div id="menu-search-block" class="obs_menu_search_box py-20 px-30 px-lg-65" data-piano="Menu,,,Recherche,action"> <a href="/recherche" class="btn btn--edito-tertiary btn--fill"> <svg class="icon icon--magnifier " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#magnifier"></use> </svg> Rechercher un article, un sujet </a> </div> <div class="obs_menu_content d-flex flex-column pt-10 pb-20 gap-10 px-30 px-lg-65"> <div class="collapse"> <button type="button" class="collapse-action link--nav w-100 d-flex justify-content-between" aria-controls="menu-alaune-list" aria-expanded="true"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15"> A la une </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down content-opened" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-alaune-list" class="collapse-content expanded"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-5"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/cop-climat/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Cop29,navigation"> COP29 <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/budget/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Budget,navigation"> Budget <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/justice/20240925.OBS94110/proces-des-viols-de-mazan-l-onde-de-choc.html" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Le_Proces_Des_Viols_De_Mazan,navigation"> Le procès des viols de Mazan <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/depeche/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Actualites_en_continu,navigation"> Actualités en continu <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-societe-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Société </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-societe-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/societe/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe ,,Actualites_Societe,navigation"> Actualités Société <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/justice/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Justice,navigation"> Justice <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/education/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Education,navigation"> Education <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/faits-divers/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Faits_Divers,navigation"> Faits divers <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/sante/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Sante,navigation"> Santé <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/droits-des-femmes/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Droits_Des_Femmes,navigation"> Droits des femmes <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/sciences/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Sciences,navigation"> Sciences <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/parents/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Parentalite,navigation"> Parentalité <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-politique-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Politique </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-politique-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/politique/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Politique ,,Actualites_Politique,navigation"> Actualités Politique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/gouvernement/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Politique,,Gouvernement,navigation"> Gouvernement <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/assemblee-nationale/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Politique,,Assemblee_Nationale,navigation"> Assemblée nationale <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-monde-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Monde </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-monde-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/monde/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde ,,Actualites_Monde,navigation"> Actualités Monde <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/afrique/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Afrique,navigation"> Afrique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/amerique/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Amerique,navigation"> Amérique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/asie/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Asie,navigation"> Asie <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/europe/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Europe,navigation"> Europe <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/elections-americaines-de-2024/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Presidentielle_Americaine,navigation"> Présidentielle américaine <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/israel-palestine/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Conflit_Israel_Palestine,navigation"> Conflit Israël-Palestine <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/guerre-en-ukraine/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Guerre_En_Ukraine,navigation"> Guerre en Ukraine <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-ecologie-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Ecologie </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-ecologie-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/ecologie/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Ecologie ,,Actualites_Ecologie,navigation"> Actualités Ecologie <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/climat/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Ecologie,,Climat,navigation"> Climat <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/pollution/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Ecologie,,Pollution,navigation"> Pollution <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/la-vie-en-vert/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Ecologie,,Ecologie_Au_Quotidien,navigation"> Écologie au quotidien <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/animaux/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Ecologie,,Animaux,navigation"> Animaux <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-economie-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Economie </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-economie-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/economie/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie ,,Actualites_Economie,navigation"> Actualités Economie <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/numerique/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Numerique,navigation"> Numérique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/social/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Social,navigation"> Social <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/entreprises/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Entreprises,navigation"> Entreprises <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/immobilier/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Immobilier,navigation"> Immobilier <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/conso/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Conso,navigation"> Conso <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/votre-argent/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Argent,navigation"> Argent <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/medias/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Medias,navigation"> Médias <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-idees-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Idées </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-idees-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/idees/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Idees ,,Actualites_Idees,navigation"> Actualités Idées <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/philosophie/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Idees,,Philosophie,navigation"> Philosophie <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/histoire/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Idees,,Histoire,navigation"> Histoire <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/feminisme/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Idees,,Feminisme,navigation"> Féminisme <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-culture-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Culture </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-culture-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/culture/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture ,,Actualites_Culture,navigation"> Actualités Culture <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/cinema/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture,,Cinema,navigation"> Cinéma <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/series/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture,,Series,navigation"> Séries <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/musique/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture,,Musique,navigation"> Musique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/theatre/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture,,Theatre,navigation"> Théâtre <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/expositions/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture,,Expositions,navigation"> Expositions <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-tendances-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Tendances </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-tendances-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/tendances/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances ,,Actualites_Tendances,navigation"> Actualités Tendances <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/mode/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Mode,navigation"> Mode <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/high-tech/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,High_Tech,navigation"> High-Tech <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/food/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Food,navigation"> Food <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/drinks/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Drinks,navigation"> Drinks <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/vin/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Vins,navigation"> Vins <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/voyage/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Voyage,navigation"> Voyage <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/auto-moto/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Automobile,navigation"> Automobile <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-rue89-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" style="color:var(--rue89,#e1293f) !important"> Rue89 </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-rue89-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/rue89/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Rue89 ,,Actualites_Rue89,navigation"> Actualités Rue89 <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/nos-vies-intimes/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Rue89,,Vies_Intimes,navigation"> Vies intimes <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/notre-epoque/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Rue89,,Notre_Epoque,navigation"> Notre époque <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-bibliobs-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" style="color:var(--bibliobs,#395bd6) !important"> BibliObs </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-bibliobs-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/bibliobs/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Bibliobs ,,Actualites_Bibliobs,navigation"> Actualités BibliObs <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/romans/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Bibliobs,,Romans,navigation"> Romans <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/bd/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Bibliobs,,Bd,navigation"> BD <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/polar/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Bibliobs,,Polars,navigation"> Polars <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/essais/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Bibliobs,,Essais,navigation"> Essais <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-teleobs-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" style="color:var(--teleobs,#00a6e6) !important"> TéléObs </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-teleobs-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/teleobs/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Teleobs ,,Actualites_Teleobs,navigation"> Actualités TéléObs <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/tv/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Teleobs,,Selection_Tv,navigation"> Sélection TV <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/plateformes/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Teleobs,,Plateformes,navigation"> Plateformes <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/podcast/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Teleobs,,Selection_Podcasts,navigation"> Sélection Podcasts <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-lab-o-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Lab-O </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-lab-o-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/lab-o/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Lab_O ,,Actualites_Lab_O,navigation"> Actualités Lab-O <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/2049/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Lab_O,,2049,navigation"> 2049 <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/cycle-ecologie/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Lab_O,,Les_Cycles_Ecoloobs,navigation"> Les Cycles ÉcoloObs <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-opinions-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Opinions </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-opinions-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/opinions/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Opinions ,,Actualites_Opinions,navigation"> Actualités Opinions <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/edito/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Opinions,,Editos,navigation"> Éditos <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/chroniques/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Opinions,,Chroniques,navigation"> Chroniques <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/tribunes/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Opinions,,Tribunes,navigation"> Tribunes <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/billet/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Opinions,,Billets,navigation"> Billets <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-sport-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Sport </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-sport-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/sport/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Sport ,,Actualites_Sport,navigation"> Actualités Sport <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/jo-2024/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Sport,,Jo_2024,navigation"> JO 2024 <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-formats-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15"> Formats </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-formats-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-5"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/videos/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Videos,navigation"> Vidéos <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/nos-series/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Toutes_Nos_Series,navigation"> Toutes nos séries <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/grands-entretiens/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Grands_Entretiens,navigation"> Grands entretiens <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/portraits/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Portraits,navigation"> Portraits <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/dossiers/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Dossiers,navigation"> Dossiers <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/les-jeux-de-l-obs/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Tous_Les_Jeux,navigation"> Tous les jeux <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-services-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15"> Services </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-services-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-5"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="https://programme-tv.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Programme_Tv,navigation" > Programme TV <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://la-conjugaison.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Conjugaison,navigation" > Conjugaison <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/club-abonnes" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Club_Abonnes,navigation" > Club Abonnés <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://boutique.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Boutique,navigation" > Boutique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://jeux.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Mots_Croises,navigation" > Mots croisés <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.retraite.com/partenariat-lobs/simulation-per/?track=TR62" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Comparateur_De_Per,navigation" rel="sponsored,nofollow"> Comparateur de PER <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> </div> <div class="border-top border-bottom px-30 px-lg-65 pt-20 pb-25" style="--border-color:#D9D9D9;--link-default-color:#171717"> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-promo-code-list" aria-expanded="false"> <div class="collapse-title d-flex align-items-center latino-600m gap-15"> Codes promos <p class="badge latino-100m">Service partenaire</p> </div> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-promo-code-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-5"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="https://www.nouvelobs.com/bons-plans/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Bons_Plans,navigation"> Bons plans <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo/reduction/bons-plans-shopping" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Blog_Shopping,navigation"> Blog Shopping <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo/reduction/black-friday" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Black_Friday,navigation"> Black Friday <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Codes_Promos,navigation"> Codes promos <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo/cdiscount" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Code_Promo_Cdiscount,navigation"> Code promo Cdiscount <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo/amazon" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Code_Promo_Amazon,navigation"> Code promo Amazon <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo/rakuten" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Code_Promo_Rakuten,navigation"> Code promo Rakuten <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse mt-20"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-partners-list" aria-expanded="false"> <div class="collapse-title d-flex align-items-center latino-600m gap-15"> Partenaires <div> <p class="badge latino-100m">Service partenaire</p> </div> </div> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-partners-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-5"> <div class="d-flex flex-column mb-30" style="column-gap:0.75rem;"> <a href="https://cours-espagnol.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Partenaires,,Cours_D_Espagnol,navigation"> Cours d'espagnol <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://cours-allemand.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Partenaires,,Cours_D_Allemand,navigation"> Cours d'allemand <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://cours-anglais.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Partenaires,,Cours_D_Anglais,navigation"> Cours d'anglais <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://cours-francais.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Partenaires,,Cours_De_Francais,navigation"> Cours de français <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> </div> <div class="pt-20 pb-30 px-30 px-lg-65 align-items-start" style="--link-default-color:rgba(34, 87, 218, 0.80)"> <div class="d-flex gap-20"> <div> <p class="latino-300b text-grey-800">Les newsletters</p> <p class="latino-100m text-grey-500"> Vous vous essoufflez à courir après l’info ? Gagnez du temps avec les sélections de la rédaction. <a href="https://compte.nouvelobs.com/dashboard/newsletters" data-piano="Menu,Les_newsletters,,Decouvrir_toutes_les_newsletters,navigation" class="d-inline-flex link--nav text-blue-600 gap-10"> Découvrir toutes les newsletters <svg class="icon icon--arrow-right " style="--fill:rgba(34, 87, 218, 0.80)"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </p> </div> <div class="flex-shrink-0"> <img src="https://www.nouvelobs.com/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/menu/menu-img-newsletter.png" alt="" width="75" height="75" loading="eager"> </div> </div> <div class="d-flex gap-20 mt-30 align-items-start"> <div> <p class="latino-300b text-grey-800">L’application du Nouvel Obs</p> <p class="latino-100m text-grey-500"> Suivez toute l’actualité française et internationale avec le Nouvel Obs. <br> <a href="https://apps.apple.com/fr/app/le-nouvel-obs-actus-et-infos/id361705445" data-piano="Menu,L_appli_du_NO,,Telecharger_sur_iOS,navigation" class="d-inline-flex link--nav text-blue-600 gap-10"> Télécharger sur iOS <svg class="icon icon--arrow-right " style="--fill:rgba(34, 87, 218, 0.80)"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <br> <a href="https://play.google.com/store/apps/details?id=com.nouvelobs.androidapp" data-piano="Menu,L_appli_du_NO,,Telecharger_sur_Android,navigation" class="d-inline-flex link--nav text-blue-600 gap-10"> Télécharger sur Android <svg class="icon icon--arrow-right " style="--fill:rgba(34, 87, 218, 0.8)"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </p> </div> <div class="flex-shrink-0"> <img src="https://www.nouvelobs.com/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/menu/menu-img-apps.png" alt="" width="75" height="75" loading="eager"> </div> </div> </div> </div> </nav> <div class="obs_overlay"></div> </header> </section> <script> const obsBody = document.body; const obsMenu = document.querySelector('.obs_menu'); const obsMenuLinks = document.querySelectorAll('.obs_menu a'); const obsOverlay = document.querySelector('.obs_overlay'); const obsMenuBtn = document.querySelectorAll('.obs_menu_btn'); const obsMenuCloseBtn = document.querySelector('.obs_menu_close_btn'); function tabIndex(items,index){ for (item of items) { item.tabIndex = index; } } function openMenu() { obsMenu.classList.add('obs_menu--open'); obsOverlay.classList.add('obs_overlay--active'); obsBody.classList.add('overflow-y-hidden'); tabIndex(obsMenuLinks,'0'); obsMenuCloseBtn.focus(); } function closeMenu() { obsMenu.classList.remove('obs_menu--open'); obsOverlay.classList.remove('obs_overlay--active'); obsBody.classList.remove('overflow-y-hidden'); tabIndex(obsMenuLinks,'-1'); } for (menuTrigger of obsMenuBtn){ menuTrigger.addEventListener('click', (e) => { e.preventDefault(); if (obsMenu.classList.contains('obs_menu--open')) { closeMenu(); } else { openMenu(); } }); } obsOverlay.addEventListener('click', () => { closeMenu(); }); obsMenuCloseBtn.addEventListener('click', () => { closeMenu(); }); tabIndex(obsMenuLinks,'-1'); document.addEventListener("DOMContentLoaded", () => { const el_html = document.documentElement, el_body = document.querySelector('body'), headerHeight = document.querySelector("#header").getBoundingClientRect().height, navIsSticky = function() { const wScrollTop = window.pageYOffset || el_body.scrollTop, classSticky = 'scrolling', classFound = el_html.classList.contains(classSticky), bodyRect = el_body.getBoundingClientRect(), treshold = 200; if ( wScrollTop > (treshold + headerHeight) && !classFound ) { el_body.style.paddingTop = headerHeight; el_html.classList.add(classSticky); } if ( wScrollTop < 2 && classFound) { el_body.style.paddingTop = 0; el_html.classList.remove(classSticky); } }, onScrolling = function() { navIsSticky(); }; function onResize(){ const obsNavList = document.querySelector('.obs_nav-inner'); const obsNavSrollTrigger = document.querySelector('.obs_nav__scroll-trigger .btn'); if(window.innerWidth > '1024' && window.innerWidth < '1280'){ obsNavSrollTrigger.style.display = 'flex'; obsNavSrollTrigger.addEventListener('click',function(e){ obsNavList.scrollLeft += 100; }); }else{ if(obsNavSrollTrigger) obsNavSrollTrigger.style.display = 'none'; } } onResize(); window.addEventListener('resize',function (e) { onResize() }) window.addEventListener('scroll', function(){ setTimeout(() => { window.requestAnimationFrame( onScrolling ); },200); }); }); </script> <div id="dfp-habillage" class="dfp-slot" data-format="habillage"></div> <div class="habillagepub" id="ObsMain"> <div id="banniere_haute" class="dfp-slot dfp-unloaded" data-format="banniere_haute"></div> <div class="page"> <main> <article class=""> <header> <div class="highlights"> <div class="highlights-title container wrapper d-flex flex-column align-items-start align-items-lg-center text-lg-center"> <span class="text-decoration-none latino-50 mb-10">Vidéo</span> <h1 class="antonia-600b antonia-lg-800">Le ministre de la Pêche répond sur un naufrage de migrants, la gauche s'indigne</h1> </div> </div> <div class="snippet container wrapper"> <div class="snippet__video" style="position:relative"> <div class="embed-container"> <script data-gdpr-purposes="mediaPlatforms" data-gdpr-src="https://geo.dailymotion.com/player/x8ymq.js" data-video="x99uirm" data-params="mute=true&customConfig[customParams]=preroll%253Darticle_preroll_autoplay" ></script> <div class="cmp-disclaimer cmp-disclaimer--video" data-item="" style="background-image:url(https://s1.dmcdn.net/v/XR2U21dHm-8qAdekq);width:966px;height:542px;"> <div class="cmp-disclaimer__inner"> <div class="cmp-disclaimer__text"> Le visionnage de cette vidéo est susceptible d'entraîner un dépôt de cookies de la part de l'opérateur de la plate-forme vidéo vers laquelle vous serez dirigé(e). Compte-tenu du refus du dépôt de cookies que vous avez exprimé, afin de respecter votre choix, nous avons bloqué la lecture de cette vidéo. Si vous souhaitez continuer et lire la vidéo, vous devez nous donner votre accord en cliquant sur le bouton ci-dessous. </div> <button class="cmp-disclaimer__button" data-gdpr-accept="mediaPlatforms" data-item=""> Lire la vidéo </button> </div> </div> </div> </div> </div> </header> <div class="container"> <div class="wrapper"> <div class="article-page media"> <div class="article-page__body"> <div class="content"> <p class="article__description latino-800 pb-20 pb-md-25"> A l'Assemblée nationale, la députée communiste Elsa Faucillon a interrogé le gouvernement sur les naufrages de migrants dans la Manche, qui ont fait 71 morts depuis le début 2024. Alors qu'elle s'adressait au ministre de l'Intérieur Bruno Retailleau, en charge de la politique migratoire, c'est le ministre chargé de la Mer et de la Pêche, Fabrice Loher, qui a répondu. De quoi susciter l'indignation sur les bancs du Nouveau Front populaire. Regardez. </p> <div class="article__author pb-20 pb-md-30"> <p class="latino-400b text-grey-800">Le Nouvel Obs Vidéo</p> <p class="latino-400 text-grey-600"> <time datetime="27 novembre 2024">27 novembre 2024</time> </p> </div> <div class="article__share d-flex align-items-center gap-20 pt-30"> <div class="d-flex flex-wrap gap-15"> <button data-article-key="x99uirm.DMT" aria-label="lire plus tard" data-section="Vidéos" data-piano="Page_Article,Sous_date_publi,A_lire_plus_tard,1er_clic,action" class="popover-trigger btn btn--small btn--secondary read-later"> <i class="icon icon-read-after" aria-hidden="true"></i> <span class="latino-300 mt-2 ">Lire plus tard</span> </button> <a aria-label="Nous suivre sur Google News" href="https://news.google.com/publications/CAAqBwgKMJe4nQkw3dFs?hl=fr&gl=FR&ceid=FR%3Afr" target="_blank" data-piano="Page_Article,Sous_date_publi,Nous_suivre_sur_google_news,1er_clic,action" class="btn btn--small btn--secondary"> <svg class="icon icon--star " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#star"></use> </svg> <span class="latino-300 mt-2 ">Google Actualités</span> </a> <button id="share" aria-label="Partager" class="popover-trigger btn btn--small btn--secondary" data-piano="Page_Article,Sous_date_publi,Partager,1er_clic,action"> <svg class="icon icon--share-alt " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#share-alt"></use> </svg> <span class="latino-300 mt-2">Partager</span> </button> <div id="popover-share" data-url="https://www.nouvelobs.com/videos/x99uirm.DMT/le-ministre-de-la-peche-repond-sur-un-naufrage-de-migrants-la-gauche-s-indigne.html" data-id="x99uirm.DMT" data-popover-for="share" class="popover p-30" role="tooltip" style="width: 375px"> <div class="floating-close"> <button class="popover-close btn btn--small btn--icon-only btn--transparent"> <div class="sr-only">Masquer ce message</div> <svg class="icon icon--navigation_croix " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#navigation_croix"></use> </svg> </button> </div> <p class="popover-header antonia-300eb text-grey-800 pb-20 pe-30"> Vous souhaitez partager cet article ? </p> <div class="popover-body gap-15 d-flex flex-wrap"> <button onclick="setToFacebook(); __forecast.collectShareFacebook();" class="btn btn--large btn--secondary" aria-label="Facebook" piano-context-origin="Page_Article,Sous_date_publi,Partager,Facebook,action"> <svg class="icon icon--facebook " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#facebook"></use> </svg> <span class="latino-300">Facebook</span> </button> <button onclick="setToX(); __forecast.collectShareTwitter();" class="btn btn--large btn--secondary" aria-label="X (Twitter)" piano-context-origin="Page_Article,Sous_date_publi,Partager,X,action"> <svg class="icon icon--x " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#x"></use> </svg> <span class="latino-300">Twitter</span> </button> <button id="mail-button" onclick="setToMail(true)" class="btn btn--large btn--secondary" aria-label="Mail" piano-context-origin="Page_Article,Sous_date_publi,Partager,Email,action"> <svg class="icon icon--mail " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#mail"></use> </svg> <span class="latino-300">E-mail</span> </button> <button onclick="setToClipboard(); __forecast.collectShare();" class="copy-button btn btn--large btn--secondary" aria-label="copier le lien" piano-context-origin="Page_Article,Sous_date_publi,Partager,Copier_lien,action"> <svg class="icon icon--link " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#link"></use> </svg> <span class="latino-300">Copier le lien</span> </button> </div> <form id="mail-form" method="POST" action="/sendON" class="popover-body gap-15 pt-30 d-none" novalidate> <div class="d-flex flex-column w-100"> <div class="input-group pb-15 d-flex flex-column"> <label for="input-name" class="latino-300 text-grey-600 pb-2"> Saisir ici votre nom </label> <input type="text" name="name" id="input-name" class="latino-300 w-100 box-sizing-border" placeholder="Saisir ici votre nom..." autocomplete="off" pattern="^[a-zA-ZàâäæáãåāèéêëęėēîïīįíìôōøõóòöœùûüūúÿçćčńñÀÂÄÆÁÃÅĀÈÉÊËĘĖĒÎÏĪĮÍÌÔŌØÕÓÒÖŒÙÛÜŪÚŸÇĆČŃÑ0-9\.\-_ ]{2,40}$" required> </div> <div class="input-group pb-15 d-flex flex-column"> <label for="input-email-1" class="latino-300 text-grey-600 pb-2"> Adresse email des ou du destinataire </label> <input pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" type="text" name="friend1" id="input-email-1" class="latino-300 w-100 box-sizing-border mb-20" placeholder="Saisir ici l'adresse email..." required> <input pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" type="text" name="friend2" id="input-email-2" class="latino-300 w-100 box-sizing-border mb-20" placeholder="Saisir ici l'adresse email..." disabled> <input pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" type="text" name="friend3" id="input-email-3" class="latino-300 w-100 box-sizing-border" placeholder="Saisir ici l'adresse email..." disabled> </div> <div class="input-group pb-15 d-flex flex-column"> <label for="input-message" class="latino-300 text-grey-600 pb-2"> Votre message </label> <textarea id="input-message" name="message" class="latino-300 w-100 box-sizing-border" placeholder="Saisir ici votre message..."></textarea> </div> </div> <input type="hidden" name="article_key" value="x99uirm.DMT"> </form> <div id="mail-form-error" class="form__alert"></div> <div id="mail-action" class="popover-footer d-none flex-column"> <button id="share-mail-submit" type="submit" form="mail-form" onclick="__forecast.collectShareMail()" class="latino-300 btn btn--large btn--black btn--fit"> Envoyer </button> </div> </div> </div> </div> </div> <aside class="sidecol"> <div class="js-ads-container"> <div class="pb-25"> <div class="advertising mb-20 mb-md-40 pb-40**" style="position:sticky;top:12rem;"> <p class="latino-100b text-violet-200 p-10">Publicité</p> <div id="pave_haut" class="dfp-slot dfp-unloaded dfp-mention-desktop sticky" data-format="pave_haut"></div> </div> </div> </div> <script> window.addEventListener('load', function(e){ // On recupère tout les layouts de la page const articlePageBody = document.querySelectorAll('.article-page__body,.section__content-inner'); // On parcours chaque layout articlePageBody.forEach((layout)=>{ // on recupère les enfants directs let childs = layout.children let content,aside for(let child of childs){ if(child.classList.contains('content')) content = child if(child.classList.contains('sidecol')) aside = child } // si on a bien une colonne de pub on ajuste la hauteur // de la colonne aside a celle du contenu if(aside && content){ let contentHeight = content.getBoundingClientRect().height aside.style.minHeight = contentHeight + 'px' // on récupère le container des pubs et on ajuste la taille des blocs // pour répartir l'effet sticky/scroll let adsContainer = aside.querySelector('.js-ads-container') for(ads of adsContainer.children){ ads.style.minHeight = contentHeight / adsContainer.children.length + 'px' } } }); }); </script> </aside> </div> </div> </div> </div> </article> <div class="container"> <div class="wrapper"> <div class="article-page"> <div class="article-page__body"> <div class="content"> <div class="pt-30 pb-30 pb-md-60"> <div class="my-40**" style=""> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/videos/x99uirm.DMT/le-ministre-de-la-peche-repond-sur-un-naufrage-de-migrants-la-gauche-s-indigne.html" data-widget-id="AR_31" ></div> <style type="text/css"> .OUTBRAIN .SB_1.ob-widget .ob-widget-header { font-family: Oswald-regular !important; font-size: 2.5rem !important; font-weight: normal !important; color: #acacac !important; text-align: left !important; text-transform: initial !important; } .OUTBRAIN .SB_1.ob-widget .ob-widget-header::after { content: unset !important; } .OUTBRAIN .SB_1.ob-widget .ob-widget-header .ob-header { padding: 0 4.5rem 0 0 !important; } </style> </div> </div> <section> <h2 class="latino-800b latino-lg-1100b "> Vidéos les plus récentes </h2> <div class="d-flex flex-column row-gap-30 grid-md-2 gap-md-30 row-gap-md-40 mt-20 mt-md-30"> <a href="https://www.nouvelobs.com/videos/x99uirm.DMT/le-ministre-de-la-peche-repond-sur-un-naufrage-de-migrants-la-gauche-s-indigne.html" class="link--box" data-piano="Home_Section,,,,navigation,x99uirm.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XR2U21dHm-8qAdekq 1x, https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XR2U21dHm-8qAdekq 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss1.dmcdn.net/v/XR2U21dHm-8qAdekq" alt="Le ministre de la Pêche répond sur un naufrage de migrants, la gauche s'indigne" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> Le ministre de la Pêche répond sur un naufrage de migrants, la gauche s'indigne </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> <a href="https://www.nouvelobs.com/videos/x99qhkq.DMT/proces-du-rn-quand-marine-le-pen-fustigeait-les-politiques-meles-a-des-affaires-judiciaires.html" class="link--box" data-piano="Home_Section,,,,navigation,x99qhkq.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XQKXw1dHnQcnauep4 1x, https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XQKXw1dHnQcnauep4 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss2.dmcdn.net/v/XQKXw1dHnQcnauep4" alt="Procès du RN : quand Marine Le Pen fustigeait les politiques mêlés à des affaires judiciaires" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> Procès du RN : quand Marine Le Pen fustigeait les politiques mêlés à des affaires judiciaires </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> <a href="https://www.nouvelobs.com/videos/x99tbkk.DMT/le-festival-du-nouvel-obs-en-video.html" class="link--box" data-piano="Home_Section,,,,navigation,x99tbkk.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XQqpK1dHZN5zD14Zn 1x, https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XQqpK1dHZN5zD14Zn 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss2.dmcdn.net/v/XQqpK1dHZN5zD14Zn" alt="Le Festival du "Nouvel Obs" en vidéo" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> Le Festival du "Nouvel Obs" en vidéo </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> <a href="https://www.nouvelobs.com/videos/x99suyw.DMT/colere-des-agriculteurs-contre-le-mercosur-manon-philippe-et-francois-s-expliquent.html" class="link--box" data-piano="Home_Section,,,,navigation,x99suyw.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XQlZ81dHo0OoVTUqQ 1x, https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XQlZ81dHo0OoVTUqQ 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss1.dmcdn.net/v/XQlZ81dHo0OoVTUqQ" alt="Colère des agriculteurs contre le Mercosur : Manon, Philippe et François s'expliquent" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> Colère des agriculteurs contre le Mercosur : Manon, Philippe et François s'expliquent </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> <a href="https://www.nouvelobs.com/videos/x99paaa.DMT/quand-daniel-morin-et-tanguy-pastureau-philosophent-sur-la-joie.html" class="link--box" data-piano="Home_Section,,,,navigation,x99paaa.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XQ6rI1dHCbjVpXNMi 1x, https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XQ6rI1dHCbjVpXNMi 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss1.dmcdn.net/v/XQ6rI1dHCbjVpXNMi" alt="Quand Daniel Morin et Tanguy Pastureau philosophent sur la joie" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> Quand Daniel Morin et Tanguy Pastureau philosophent sur la joie </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> <a href="https://www.nouvelobs.com/videos/x99p3ie.DMT/paul-magnette-ma-grande-joie-les-citoyens-qui-se-mobilisent-encore.html" class="link--box" data-piano="Home_Section,,,,navigation,x99p3ie.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XQ4i61dH4QaH0ReyW 1x, https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XQ4i61dH4QaH0ReyW 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss2.dmcdn.net/v/XQ4i61dH4QaH0ReyW" alt="Paul Magnette : "Ma grande joie, les citoyens qui se mobilisent encore"" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> Paul Magnette : "Ma grande joie, les citoyens qui se mobilisent encore" </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> </div> <h2 class="latino-800b latino-lg-1100b mt-40 mt-md-60">Vidéos les plus lues</h2> <div class="d-flex flex-column row-gap-30 grid-md-2 gap-md-30 row-gap-md-40 mt-20 mt-md-30"> <a href="https://www.nouvelobs.com/videos/x99l134.DMT/vladimir-poutine-menace-les-occidentaux-de-frappes.html" class="link--box" data-piano="Home_Section,,,,navigation,x99l134.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XPMN01dG9I8i8J3d5 1x, https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XPMN01dG9I8i8J3d5 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss2.dmcdn.net/v/XPMN01dG9I8i8J3d5" alt="Vladimir Poutine menace les Occidentaux de frappes" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> Vladimir Poutine menace les Occidentaux de frappes </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> <a href="https://www.nouvelobs.com/videos/x97gt0k.DMT/france-algerie-pourquoi-les-relations-entre-ces-deux-pays-sont-elles-si-compliquees.html" class="link--box" data-piano="Home_Section,,,,navigation,x97gt0k.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XBo7a1d9Ammca5Ix3 1x, https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XBo7a1d9Ammca5Ix3 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss1.dmcdn.net/v/XBo7a1d9Ammca5Ix3" alt="France-Algérie : pourquoi les relations entre ces deux pays sont-elles si compliquées ?" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> France-Algérie : pourquoi les relations entre ces deux pays sont-elles si compliquées ? </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> <a href="https://www.nouvelobs.com/videos/x995zxi.DMT/un-haka-memorable-au-parlement-de-nouvelle-zelande-contre-un-projet-de-loi-controverse.html" class="link--box" data-piano="Home_Section,,,,navigation,x995zxi.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XMh8c1dDaDuHM1aM9 1x, https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XMh8c1dDaDuHM1aM9 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss2.dmcdn.net/v/XMh8c1dDaDuHM1aM9" alt="Un haka mémorable au Parlement de Nouvelle-Zélande contre un projet de loi controversé" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> Un haka mémorable au Parlement de Nouvelle-Zélande contre un projet de loi controversé </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> <a href="https://www.nouvelobs.com/videos/x99jfk2.DMT/chutes-de-neige-et-vents-violents-les-images-des-effets-de-la-tempete-caetano-sur-le-nord-ouest.html" class="link--box" data-piano="Home_Section,,,,navigation,x99jfk2.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XP4A21dG2frvR25SS 1x, https://media.nouvelobs.com/ext/348x195/uri/ss2.dmcdn.net/v/XP4A21dG2frvR25SS 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss2.dmcdn.net/v/XP4A21dG2frvR25SS" alt="Chutes de neige et vents violents : les images des effets de la tempête Caetano sur le nord-ouest" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> Chutes de neige et vents violents : les images des effets de la tempête Caetano sur le nord-ouest </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> <a href="https://www.nouvelobs.com/videos/x99p2vi.DMT/sandrine-rousseau-la-manif-du-23-novembre-c-est-ca-le-feminisme-que-j-aime.html" class="link--box" data-piano="Home_Section,,,,navigation,x99p2vi.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XQ4VE1dGs-VJ5Gqz_ 1x, https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XQ4VE1dGs-VJ5Gqz_ 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss1.dmcdn.net/v/XQ4VE1dGs-VJ5Gqz_" alt="Sandrine Rousseau : "la manif du 23 novembre, c'est ça le féminisme que j'aime"" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> Sandrine Rousseau : "la manif du 23 novembre, c'est ça le féminisme que j'aime" </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> <a href="https://www.nouvelobs.com/videos/x99hahc.DMT/comment-dessiner-madeleine-riffaud-resistante-sur-les-toits-de-paris.html" class="link--box" data-piano="Home_Section,,,,navigation,x99hahc.DMT"> <article class="d-flex flex-column gap-20"> <picture> <source media="(max-width: 768px)" srcset="https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XOhnG1dFnfb6wK86_ 1x, https://media.nouvelobs.com/ext/348x195/uri/ss1.dmcdn.net/v/XOhnG1dFnfb6wK86_ 2x" width="348" height="195"/> <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%22%23e4e4e4%22%20viewBox%3D%270%200%20300%20168%27%20width%3D%22300%22%20height%3D%22168%22%3E%3Cpath%20d%3D%27M0%200h300v168H0z%27%2F%3E%3C%2Fsvg%3E" srcset="https://media.nouvelobs.com/ext/300x168/uri/ss1.dmcdn.net/v/XOhnG1dFnfb6wK86_" alt="Comment dessiner Madeleine Riffaud, résistante, sur les toits de Paris" width="300" height="168" loading="lazy" class="w-100"/> </picture> <div class="d-flex flex-column gap-20"> <h3 class="latino-600 latino-lg-400"> Comment dessiner Madeleine Riffaud, résistante, sur les toits de Paris </h3> <p class="latino-50 text-grey-600 py-10">En accès libre</p> </div> </article> </a> </div> </section> <div class="my-40" style=""> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/videos/x99uirm.DMT/le-ministre-de-la-peche-repond-sur-un-naufrage-de-migrants-la-gauche-s-indigne.html" data-widget-id="AR_31" ></div> </div> </div> <aside class="sidecol"> <div class="js-ads-container"> <div class="pb-25"> <div class="advertising mb-20 mb-md-40 pb-40**" style="position:sticky;top:12rem;"> <p class="latino-100b text-violet-200 p-10">Publicité</p> <div id="pave_haut" class="dfp-slot dfp-unloaded dfp-mention-desktop sticky" data-format="pave_haut"></div> </div> </div> <div class="pb-25"> <div class="" style="position:sticky;top:10rem;"> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/videos/x99uirm.DMT/le-ministre-de-la-peche-repond-sur-un-naufrage-de-migrants-la-gauche-s-indigne.html" data-widget-id="SB_11" ></div> </div> </div> <div class="pb-25"> <div class="advertising mb-20 mb-md-40" style="position:sticky;top:12rem;"> <p class="latino-100b text-violet-200 p-10">Publicité</p> <div id="pave_bas" class="dfp-slot dfp-unloaded dfp-mention-desktop sticky" data-format="pave_bas"></div> </div> </div> </div> <script> window.addEventListener('load', function(e){ // On recupère tout les layouts de la page const articlePageBody = document.querySelectorAll('.article-page__body,.section__content-inner'); // On parcours chaque layout articlePageBody.forEach((layout)=>{ // on recupère les enfants directs let childs = layout.children let content,aside for(let child of childs){ if(child.classList.contains('content')) content = child if(child.classList.contains('sidecol')) aside = child } // si on a bien une colonne de pub on ajuste la hauteur // de la colonne aside a celle du contenu if(aside && content){ let contentHeight = content.getBoundingClientRect().height aside.style.minHeight = contentHeight + 'px' // on récupère le container des pubs et on ajuste la taille des blocs // pour répartir l'effet sticky/scroll let adsContainer = aside.querySelector('.js-ads-container') for(ads of adsContainer.children){ ads.style.minHeight = contentHeight / adsContainer.children.length + 'px' } } }); }); </script> </aside> </div> </div> </div> </div> <div class="pre_footer d-flex flex-column align-items-center pt-20 pb-60 gap-30 gap-md-60 "> <div class="container"> <div class="wrapper"> <div class="advertising d-block w-100"> <p class="p-10 latino-100b text-violet-200">Publicité</p> <div id="banniere_basse" class="dfp-slot dfp-unloaded" data-format="banniere_basse"></div> </div> </div> </div> <div class="container wrapper gap-30 gap-lg-60 grid-1 grid-md-2 w-100"> <div id="codes_promo"> <div class="d-flex flex-shrink-0 gap-15 align-items-center justify-content-start"> <p class="latino-600m">Codes Promos</p> <span class="badge badge--content-partners latino-100m">Service partenaire</span> </div> <div class="grid-1 mt-20 p-20 border border-violet-200 rounded-5"> <ul class="d-flex flex-column"> <li> <a href="https://www.nouvelobs.com/codepromo/lego-shop" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,article_bas_page_L1_P1,desktop"> Code promo LEGO </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/reduction-the-north-face" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,article_bas_page_L1_P2,desktop"> Code promo The North Face </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/acer" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,article_bas_page_L1_P3,desktop"> Code promo Acer </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/oceans-apart" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,article_bas_page_L1_P4,desktop"> Code promo OCEANSAPART </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/adidas" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,article_bas_page_L1_P5,desktop"> Code promo adidas </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/prive-by-zalando" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,article_bas_page_L1_P6,desktop"> Code promo Privé by Zalando </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/amazon" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,article_bas_page_L1_P7,desktop"> Code promo Amazon </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/jd-sports" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,article_bas_page_L1_P8,desktop"> Code promo JD Sports </a> </li> </ul> </div> </div> <div id="cours_langues"> <div class="d-flex flex-shrink-0 gap-15 align-items-center justify-content-start"> <p class="latino-600m">Cours de langue</p> <span class="badge badge--content-partners latino-100m">Service partenaire</span> </div> <div class="grid-1 mt-20 p-20 border border-violet-200 rounded-5"> <ul class="d-flex flex-column"> <li> <a href="https://language-courses.nouvelobs.com/test" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,article_bas_page_L1_P1,desktop"> Test gratuit </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://language-courses.nouvelobs.com/" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,article_bas_page_L1_P2,desktop"> Toutes nos langues </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://french-courses.nouvelobs.com" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,article_bas_page_L1_P3,desktop"> Cours de français </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://language-courses.nouvelobs.com/hotel-borbollon" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,article_bas_page_L1_P4,desktop"> Cours d'espagnol </a> </li> </ul> </div> </div> </div> </div> </main> </div> <style>.obs_footer__socials a.btn{--btn-label-color:#FFF;--btn-border-color:#FFF !important;--btn-color:#FFF !important;}</style> <section> <footer class="obs_footer " style="--link-default-color:#bfbfbf"> <nav class="container wrapper d-flex flex-column align-items-center mw-lg-1000 pb-65 pt-50 pt-md-50 gap-30 gap-md-40"> <div class="obs_footer_social-medias w-100 d-flex flex-column flex-md-row align-items-left align-items-lg-center justify-content-md-between gap-30"> <a href="/videos/x99uirm.DMT/le-ministre-de-la-peche-repond-sur-un-naufrage-de-migrants-la-gauche-s-indigne.html " class="obs_footer__logo" data-piano="Footer,,,Logo,navigation" title="Retourner à l'accueil"> <svg class="logo logo-lenouvelobs" style="--fill:#FFF;height:3.8rem;width:19.3rem;" preserveAspectRatio="xMinYMin slice"> <title>Le Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#lenouvelobs"></use> </svg> </a> <div class="obs_footer__socials d-flex flex-row flex-wrap gap-10 gap-md-15"> <a href="/rss" target="_blank" data-piano="Footer,Reseaux_sociaux,,RSS,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--rss " style="--fill:currentColor"> <title>Accéder à la page des fluxs RSS</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#rss"></use> </svg> <span>RSS</span> </a> <a href="https://www.facebook.com/lenouvelobservateur" target="_blank" data-piano="Footer,Reseaux_sociaux,,Facebook,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--facebook " style="--fill:currentColor"> <title>Accéder à la page Facebook du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#facebook"></use> </svg> <span>Facebook</span> </a> <a href="https://www.instagram.com/nouvelobs" target="_blank" data-piano="Footer,Reseaux_sociaux,,Instagram,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--instagram " style="--fill:currentColor"> <title>Accéder à la page Instagram du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#instagram"></use> </svg> <span>Instagram</span> </a> <a href="https://twitter.com/Le_NouvelObs" target="_blank" data-piano="Footer,Reseaux_sociaux,,X,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--x " style="--fill:currentColor"> <title>Accéder à la page X (anciènnement Twitter) du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#x"></use> </svg> <span>X</span> </a> <a href="https://www.tiktok.com/@nouvelobs" target="_blank" data-piano="Footer,Reseaux_sociaux,,TiKTok,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--tiktok " style="--fill:currentColor"> <title>Accéder à la page TikTok du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#tiktok"></use> </svg> <span>TiKTok</span> </a> <a href="https://www.youtube.com/channel/UC1ObaaFz4XHVPN2T5IFsU4w" target="_blank" data-piano="Footer,Reseaux_sociaux,,Youtube,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--youtube " style="--fill:currentColor"> <title>Accéder à la page Youtube du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#youtube"></use> </svg> <span>Youtube</span> </a> <a href="https://t.snapchat.com/rwMJi93J" target="_blank" data-piano="Footer,Reseaux_sociaux,,Snapchat,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--snapchat " style="--fill:currentColor"> <title>Accéder à la page Snapchat du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#snapchat"></use> </svg> <span>Snapchat</span> </a> <a href="https://bsky.app/profile/nouvelobs.bsky.social" target="_blank" data-piano="Footer,Reseaux_sociaux,,Bluesky,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--bluesky " style="--fill:currentColor"> <title>Accéder à la page Bluesky du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#bluesky"></use> </svg> <span>Bluesky</span> </a> </div> </div> <div class="gap-30 grid-1 grid-md-6 w-100 mt-lg-40**"> <div id="footer-univers"> <p class="latino-300b text-grey-100"> Les univers </p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="/ecologie/" data-piano="Footer,Les_univers,,EcoloObs,navigation" class="latino-100m text-grey-400 link--nav">EcoloObs</a> </li> <li> <a href="/bibliobs/" data-piano="Footer,Les_univers,,BibliObs,navigation" class="latino-100m text-grey-400 link--nav">BibliObs</a> </li> <li> <a href="/rue89/" data-piano="Footer,Les_univers,,Rue89,navigation" class="latino-100m text-grey-400 link--nav">Rue89</a> </li> <li> <a href="/teleobs/" data-piano="Footer,Les_univers,,TeleObs,navigation" class="latino-100m text-grey-400 link--nav">TéléObs</a> </li> <li> <a href="/tendances/" data-piano="Footer,Les_univers,,Tendances,navigation" class="latino-100m text-grey-400 link--nav">Tendances</a> </li> <li> <a href="/culture/" data-piano="Footer,Les_univers,,Culture,navigation" class="latino-100m text-grey-400 link--nav">Culture</a> </li> <li> <a href="/horoscope/" data-piano="Footer,Les_univers,,Horoscope,navigation" class="latino-100m text-grey-400 link--nav">L’horoscope</a> </li> <li> <a href="/lab-o/" data-piano="Footer,Les_univers,,LabO,navigation" class="latino-100m text-grey-400 link--nav">Lab'O</a> </li> </ul> </div> <div id="footer-dans_l_actu"> <p class="latino-300b text-grey-100"> Dans l’actu </p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="/cop-climat/" data-piano="Footer,Dans_l_actu,,cop29,navigation" class="latino-100m text-grey-400 link--nav">COP29</a> </li> <li> <a href="/budget/" data-piano="Footer,Dans_l_actu,,budget,navigation" class="latino-100m text-grey-400 link--nav">Budget</a> </li> <li> <a href="/justice/20240925.OBS94110/proces-des-viols-de-mazan-l-onde-de-choc.html" data-piano="Footer,Dans_l_actu,,le-proces-des-viols-de-mazan,navigation" class="latino-100m text-grey-400 link--nav">Le procès des viols de Mazan</a> </li> </ul> </div> <div id="footer-services"> <p class="latino-300b text-grey-100">Les services</p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="/kiosque" data-piano="Footer,Services_abonnes,,Le_mag_numerique,navigation" class="latino-100m text-grey-400 link--nav" >Le magazine numérique</a> </li> <li> <a href="/abonnement" data-piano="Footer,Services_abonnes,,s_abonner_se_desabonner,navigation" class="latino-100m text-grey-400 link--nav" >S’abonner / se désabonner</a> </li> <li> <a href="/club-abonnes" data-piano="Footer,Services_abonnes,,Club_abonnes,navigation" class="latino-100m text-grey-400 link--nav" >Le Club Abonnés</a> </li> <li> <a href="https://compte.nouvelobs.com/dashboard/newsletters" data-piano="Footer,Services_abonnes,,Newsletters,navigation" class="latino-100m text-grey-400 link--nav" >Newsletters</a> </li> <li> <a href="https://jeux.nouvelobs.com/" data-piano="Footer,Services_abonnes,,Mots_croises,navigation" class="latino-100m text-grey-400 link--nav" >Les mots croisés</a> </li> <li> <a href="https://boutique.nouvelobs.com/" data-piano="Footer,Services_abonnes,,Boutique,navigation" class="latino-100m text-grey-400 link--nav" >La boutique</a> </li> <li> <a href="/index" data-piano="Footer,Services_abonnes,,Archives,navigation" class="latino-100m text-grey-400 link--nav" >Les archives</a> </li> <li> <a href="https://www.retraite.com/partenariat-lobs/simulation/?track=TR7" data-piano="Footer,Services_abonnes,,Bilan_Retraite,navigation" class="latino-100m text-grey-400 link--nav" rel="sponsored,nofollow">Bilan retraite</a> </li> <li> <span class="latino-100m text-grey-400"> L’appli :<br> <a href="https://apps.apple.com/fr/app/le-nouvel-obs-actus-et-infos/id361705445" data-piano="Footer,Autres_services,,Appli_iOS,navigation" class="latino-100m link--nav text-grey-400">iOS</a> | <a href="https://play.google.com/store/apps/details?id=com.nouvelobs.androidapp" data-piano="Footer,Autres_services,,Appli_Android,navigation" class="latino-100m link--nav text-grey-400">Android</a> </span> </li> </ul> </div> <div id="footer-group_websites"> <p class="latino-300b text-grey-100">Les sites du groupe</p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="https://www.lemonde.fr/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,Le_Monde,navigation" class="link--nav latino-100m text-grey-400">Le Monde</a> </li> <li> <a href="https://www.telerama.fr/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,Telerama,navigation" class="link--nav latino-100m text-grey-400">Télérama</a> </li> <li> <a href="https://www.courrierinternational.com/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,Courrier_International,navigation" class="link--nav latino-100m text-grey-400">Courrier international</a> </li> <li> <a href="https://www.huffingtonpost.fr/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,HuffPost,navigation" class="link--nav latino-100m text-grey-400">Le HuffPost</a> </li> <li> <a href="https://www.lavie.fr/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,La_vie,navigation" class="link--nav latino-100m text-grey-400">La Vie</a> </li> <li> <a href="https://www.monde-diplomatique.fr/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,Le_Monde_diplo,navigation" class="link--nav latino-100m text-grey-400">Le Monde diplomatique</a> </li> </ul> </div> <div id="footer-quick-links"> <p class="latino-300b text-grey-100">Accès rapide</p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="https://programme-tv.nouvelobs.com/" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Acces_rapides,,Programme_TV,navigation" > Programme TV<br class="d-none d-md-block"> gratuit et complet </a> </li> <li> <a href="https://la-conjugaison.nouvelobs.com/" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Acces_rapides,,La_conjugaison,navigation" > La conjugaison </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Acces_rapides,,Codes_promo,navigation" > Codes promo </a> </li> </ul> </div> <div id="footer-good-deals"> <p class="latino-300b text-grey-100">Bons plans</p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="https://www.nouvelobs.com/codepromo/reduction/bons-plans-shopping" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Blog,navigation" > Le Blog </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo/reduction/black-friday" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Black_Friday,navigation" > Black Friday </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo/reduction/soldes" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Soldes,navigation" > Soldes </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo/emma-matelas" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Emma_Matelas,navigation" > Code promo Emma<br class="d-none d-md-block"> Matelas </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo/nike" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Nike,navigation" > Code promo Nike </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo/reduction-foot-locker" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Foot_Locker,navigation" > Code promo Foot<br class="d-none d-md-block"> Locker </a> </li> </ul> </div> </div> <div class="w-100 mt-lg-20"> <ul class="d-flex flex-column gap-12 flex-md-row gap-md-0 justify-content-start"> <li class="flex-shrink-0"> <a href="/mentions-legales" data-piano="Footer,Liens_utiles,,Mentions_legales,navigation" class="latino-100m text-grey-400 link--nav "> Mentions légales </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="/cgv" data-piano="Footer,Liens_utiles,,CGV,navigation" class="latino-100m text-grey-400 link--nav "> CGV </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="/licence" data-piano="Footer,Liens_utiles,,Copyright,navigation" class="latino-100m text-grey-400 link--nav "> Copyright </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="https://mpublicite.fr/contact/" data-piano="Footer,Liens_utiles,,Publicite,navigation" class="latino-100m text-grey-400 link--nav "> Publicité </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="/donnees-personnelles" data-piano="Footer,Liens_utiles,,Politique_Confidentialite,navigation" class="latino-100m text-grey-400 link--nav "> Politique de confidentialité </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="#" data-piano="Footer,Liens_utiles,,Gestion_Cookies,navigation" class="latino-100m text-grey-400 link--nav iubenda-cs-preferences-link"> Gestion des cookies </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="https://abo.nouvelobs.com/faq" data-piano="Footer,Liens_utiles,,Aide_Contact,navigation" class="latino-100m text-grey-400 link--nav "> Aide / Contact </a> </li> </ul> </div> <div class="obs_footer_copyright w-100 d-flex flex-column flex-md-row gap-10"> <span class="latino-100m text-grey-400">© Le Nouvel Obs - 2024</span> <span class="latino-100m text-grey-400">Les marques ou contenus du site nouvelobs.com sont soumis à la protection de la propriété intellectuelle.</span> </div> </nav> <div class="floating-logo"> <svg class="logo logo-lenouvelobs" style="--fill:#FFF;" preserveAspectRatio="xMinYMin slice"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#lenouvelobs"></use> </svg> </div> </footer> </section> </div> <div class="toast-container"> <div class="toast d-flex justify-content-between align-items-center"> <p class="latino-400"> <span class="toast_text"></span> <a class="toast_undoable" href="#">Annuler</a> </p> <button aria-label="Masquer ce message" class="toast_close btn btn--small btn--icon-only btn--transparent"> <svg class="icon icon--navigation_croix " style="--fill:#F6F6F6"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#navigation_croix"></use> </svg> </button> </div> </div> <div class="notifications d-flex flex-column gap-30 py-15 pb-lg-30 px-15 px-lg-0"></div> <script>var jsCookies={get:function(e){if(document.cookie.length>0){var o=document.cookie.indexOf(e+"=");if(-1!=o){o=o+e.length+1;var i=document.cookie.indexOf(";",o);return -1==i&&(i=document.cookie.length),decodeURIComponent(document.cookie.substring(o,i))}}return""},set:function(e,o,i,n,t){var r=new Date;r.setDate(r.getDate()+i);var a="";void 0!==n&&(a+=";path="+n),void 0!==t&&(a+=";domain="+t),document.cookie=e+"="+encodeURIComponent(o)+(null==i?"":";expires="+r.toUTCString())+a},check:function(e){var o=jsCookies.get(e);return null!=o&&""!=o},delete:function(e,o,i){jsCookies.get(e)&&(document.cookie=e+"="+(o?";path="+o:"")+(i?";domain="+i:"")+";expires=Thu, 01-Jan-1970 00:00:01 GMT")}};</script> <script type="text/javascript" src="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/js/common.bundle.js" defer="true"></script> <script>setTimeout(function () { window.location.reload(); }, 900000);</script> <script async="async" subscriptions-control="manual" type="text/plain" data-gdpr-purposes="analytics" data-gdpr-src="https://news.google.com/swg/js/v1/swg.js"></script> <script type="text/javascript" src="https://www.nouvelobs.com/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/js/swg_subscription.bundle.js" id="subscriptions-swg-script" async="async"></script> <script type="text/javascript" src="https://www.nouvelobs.com/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/js/swg_entitlement.bundle.js" async="async"></script> <div data-popover-for="read-later" class="popover p-30" role="tooltip" style="width: 375px"> <div class="floating-close"> <button class="popover-close btn btn--small btn--icon-only btn--secondary"> <div class="sr-only">Masquer ce message</div> <svg class="icon icon--navigation_croix " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#navigation_croix"></use> </svg> </button> </div> <p class="popover-header antonia-300eb text-grey-800 pb-10 pe-30">Vous préférez lire plus tard cet article ?</p> <p class="popover-body pb-30 latino-400 text-grey-700"> Créer un compte permet d’enregistrer des articles à lire plus tard. Et pas que : vous pouvez profiter gratuitement de tous les articles offerts. </p> <div class="popover-footer d-flex flex-column gap-15 align-items-center"> <a href="https://sec.nouvelobs.com/sfuser/register" class="btn btn--large btn--conversion-secondary flex-1 justify-content-center" piano-context-origin="Page_Article,Popover,A_lire_plus_tard,Creer_un_compte,action" style="--btn-width:100%;"> <span class="latino-300b">Créer un compte gratuit</span> </a> <a href="https://sec.nouvelobs.com/sfuser/connexion" class="flex-1 justify-content-center text-decoration-none latino-300b text-grey-700" piano-context-origin="Page_Article,Popover,A_lire_plus_tard,Se_connecter,action"> Se connecter </a> </div> </div> <script type="text/javascript" src="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/js/article.bundle.js"></script> <script type="text/plain" data-gdpr-purposes="personalization" data-gdpr-inline> var autoShowValue = true; (function(b,a,t,c,h,e,r){h='batchSDK';b[h]=b[h]||function() { (b[h].q=b[h].q||[]).push(arguments)};e=a.createElement(t),r=a.getElementsByTagName(t)[0]; e.async=1;e.src=c;r.parentNode.insertBefore(e,r);})(window,document,'script','https://via.batch.com/v3/bootstrap.min.js'); var batchSDKUIConfig = { native: { autoShow: autoShowValue, } } if ((navigator.userAgent.indexOf("Firefox") !== -1 || (navigator.userAgent.indexOf("Safari") !== -1) && navigator.userAgent.indexOf("Chrome") === -1)){ batchSDKUIConfig = { alert: { autoShow: autoShowValue, attach: 'bottom left', icon: 'https://www.nouvelobs.com/icons/nouvelobs/lobs-pwa-192.png', text: "\nVous souhaitez recevoir les infos en temps réel ? Activez dès maintenant les alertes", backgroundColor: '#FFFFFF', textColor: '#000000', fontFamily: 'sans-serif', fontSize: 16, btnFontSize: 16, positiveSubBtnLabel: "Activer", positiveBtnStyle: { shadow: false, backgroundColor: '#171717', hoverBackgroundColor: '#323232', textColor: '#ffffff' }, negativeBtnLabel: "Non, merci", negativeBtnStyle: { shadow: false, }, zIndex: 999 } } } batchSDK('setup', { apiKey: '0C9EC15AC7C545E29756DFB3FE7D0C4D', subdomain: 'nouvelobs', authKey: '2.D6kqa80QxZa/O8pp5SmxDRnNBO21nN2wQARY2DdYb28=', dev: false, vapidPublicKey: 'BPEzsH2CS4XM/And7oDh7h3h01/WRqlZpLDViceKPMLxHNd+28i6UYxIwfntlJqLZe5g8sUcCVPxlVLXhEMhQf0=', defaultIcon: 'https://www.nouvelobs.com/icons/nouvelobs/lobs-pwa-192.png', smallIcon: 'https://www.nouvelobs.com/icons/nouvelobs/lobs-pwa-96.png', ui: batchSDKUIConfig, useExistingServiceWorker: true, safari: { 'https://www.nouvelobs.com': 'web.www.nouvelons.com', } }); </script> <script type="text/plain" data-gdpr-purposes="personalization" data-gdpr-src="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/js/personalization.bundle.js"></script> <script> var _sf_async_config = _sf_async_config || {}; _sf_async_config.uid = 28421; _sf_async_config.domain = 'nouvelobs.com'; _sf_async_config.useCanonical = true; </script> <script type="text/plain" data-gdpr-purposes="analytics" data-gdpr-src="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/js/analytics.bundle.js"></script> <script type="text/javascript" src="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/js/piano.bundle.js" async="async"></script> <script async="async" type="text/plain" data-gdpr-purposes="essential" data-gdpr-src="https://widgets.outbrain.com/outbrain.js?i=fabb8bca"></script> </body> </html>