   <!DOCTYPE html> <html lang="fr" class="" > <head> <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">   <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="referrer" content="no-referrer-when-downgrade"> <link rel="preconnect" href="https://focus.nouvelobs.com/">   <link rel="preconnect" href="https://use.typekit.net/" crossorigin> <link rel="preconnect" href="https://p.typekit.net" crossorigin> <link rel="preload" href="https://use.typekit.net/gxe2bfx.css" as="style"/> <link rel="stylesheet" href="https://use.typekit.net/gxe2bfx.css" media="print" onload="this.media='all'"/> <noscript> <link rel="stylesheet" href="https://use.typekit.net/gxe2bfx.css"/> </noscript>  <link rel="preload" href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg" as="image"/>    <title>Le Nouvel Obs - Actualités en France et dans le monde</title>  <meta name="description" content="Le Nouvel Obs - Magazine d’actualité français. Découvrez toutes les analyses en direct de l’actualité politique, sociale, culturelle, en France et dans le monde." />  <link rel="manifest" href="https://www.nouvelobs.com/manifest.json" />  <link rel="search" type="application/opensearchdescription+xml" href="https://www.nouvelobs.com/opensearch.xml" title="Le Nouvel Obs" />  <link rel="shortcut icon" href="https://www.nouvelobs.com/bucket/resources/web/img/icons/nouvelobs/6d2119066454f05224b2.ico" />  <link rel="icon" type="image/png" sizes="16x16" href="https://www.nouvelobs.com/bucket/resources/web/img/icons/nouvelobs/8947f07cdadd2dfff717.png" />  <link rel="icon" type="image/png" sizes="32x32" href="https://www.nouvelobs.com/bucket/resources/web/img/icons/nouvelobs/7c66b921a225b2971363.png" />  <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://www.nouvelobs.com/bucket/resources/web/img/icons/nouvelobs/a7889d3ceeca0d2a6307.png" />  <meta name="application-name" content="Le Nouvel Obs : actus et infos" />  <link rel="canonical" href="https://www.nouvelobs.com/" />  <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 name="theme-color" content="#FFFFFF" />  <link rel="alternate" href="nobsfr://home?at_medium=deeplink&amp;at_campaign=Fenetre_navigateur&amp;at_creation=home_page&amp;source=applink" />  <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:android:url" content="nobsfr://home?at_medium=deeplink&amp;at_campaign=Fenetre_navigateur&amp;at_creation=home_page&amp;source=applink" />  <meta property="al:ios:app_name" content="Le Nouvel Obs infos &amp; analyses" />  <meta property="al:ios:app_store_id" content="361705445" />  <meta property="al:ios:url" content="nobsfr://home?at_medium=deeplink&amp;at_campaign=Fenetre_navigateur&amp;at_creation=home_page&amp;source=applink" />  <meta property="al:ipad:app_name" content="Le Nouvel Obs infos &amp; analyses" />  <meta property="al:ipad:app_store_id" content="361705445" />  <meta property="al:ipad:url" content="nobsfr://home?at_medium=deeplink&amp;at_campaign=Fenetre_navigateur&amp;at_creation=home_page&amp;source=applink" />  <meta name="apple-itunes-app" content="app-id=361705445, app-argument=nobsfr://home?at_medium=deeplink&amp;at_campaign=Fenetre_navigateur&amp;at_creation=home_page&amp;source=applink" />  <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="Le Nouvel Obs - Magazine d’actualité français. Découvrez toutes les analyses en direct de l’actualité politique, sociale, culturelle, en France et dans le monde." />  <meta property="og:image" content="https://www.nouvelobs.com/bucket/resources/web/img/icons/nouvelobs/ce9a3e813fb8de69dc92.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 Nouvel Obs - Actualités en France et dans le monde" />  <meta property="og:type" content="website" />  <meta property="og:url" content="https://www.nouvelobs.com/" />  <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 &amp; analyses" />  <meta name="twitter:app:name:iphone" content="Le Nouvel Obs infos &amp; analyses" />  <meta name="twitter:app:url:googleplay" content="nobsfr://home?at_medium=deeplink&amp;at_campaign=Fenetre_navigateur&amp;at_creation=home_page&amp;source=applink" />  <meta name="twitter:app:url:ipad" content="nobsfr://home?at_medium=deeplink&amp;at_campaign=Fenetre_navigateur&amp;at_creation=home_page&amp;source=applink" />  <meta name="twitter:app:url:iphone" content="nobsfr://home?at_medium=deeplink&amp;at_campaign=Fenetre_navigateur&amp;at_creation=home_page&amp;source=applink" />  <meta name="twitter:card" content="summary_large_image" />  <meta name="twitter:creator" content="@Le_NouvelObs" />  <meta name="twitter:description" content="Le Nouvel Obs - Magazine d’actualité français. Découvrez toutes les analyses en direct de l’actualité politique, sociale, culturelle, en France et dans le monde." />  <meta name="twitter:image" content="https://www.nouvelobs.com/bucket/resources/web/img/icons/nouvelobs/ce9a3e813fb8de69dc92.png" />  <meta name="twitter:site" content="@Le_NouvelObs" />  <meta name="twitter:title" content="Le Nouvel Obs - Actualités en France et dans le monde" />  <meta name="twitter:url" content="https://www.nouvelobs.com/" />  <meta name="twitter:widgets:csp" content="on" />    <link rel="stylesheet" type="text/css" href="/bucket/resources/web/css/ce4246976015ea140edf.css" />
 <style>
    .section .recirculating-series.recirculating-series--header .recirculating-series__entry{
      --gap: 2.4rem;
      --card-width: calc(27rem + var(--gap));
      flex: 1 0 var(--card-width);
      max-width:var(--card-width);
      padding-left: var(--gap);
    }
    @media screen and (min-width: 1024px) {
      .section .recirculating-series.recirculating-series--header .recirculating-series__actions .controls{
        display: flex;
        opacity: 1;
        pointer-events: auto;
      }
      .section .recirculating-series.recirculating-series--header .recirculating-series__entry{
        flex: 1 0 33rem;
        max-width:33rem;
        padding-left: 0;
      }

    }
  </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\/bucket\/resources\/web\/img\/icons\/nouvelobs\/2e297198a7ea34236cfd.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.com","https:\/\/www.snapchat.com\/add\/disoncleobs","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":"WebSite","name":"Le Nouvel Obs","alternateName":"L'Obs","url":"https:\/\/www.nouvelobs.com","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.com","https:\/\/www.snapchat.com\/add\/disoncleobs","https:\/\/www.tiktok.com\/@nouvelobs"],"potentialAction":{"@type":"SearchAction","target":"https:\/\/www.nouvelobs.com\/recherche?referer=jsonld&q={q}","query-input":"required name=q"}}</script>      <script>
      /*  */
      window.lobs = {"env":"prod","user":false,"isAbo":false,"device":"desktop","isShowcaseRequest":false,"app":false,"consent":null,"urls":{"swgEntitlements":"https:\/\/abo.nouvelobs.com\/swg\/entitlements","connection":"https:\/\/sec.nouvelobs.com\/sfuser\/connexion?redirectionUrl=https%3A%2F%2Fwww.nouvelobs.com%2F","swgSubscription":"https:\/\/www.nouvelobs.com\/bucket\/resources\/web\/js\/536aebc172230ce72ce9.js"},"analytics":{"chartbeat_mab":true},"context":{"analytics":{"forecast":{"pageType":"home","domain":"https:\/\/forecast.nouvelobs.com","brand":"lobs","campaigns":true}},"isEmbed":false,"page_type":"Autres","page_subtype":"Home"}};
    </script>  <script async id="ebx" src="//applets.ebxcdn.com/ebx.js"></script><script>
  if ('serviceWorker' in navigator) {
    var path = "/service-worker.js?personalization="  + encodeURIComponent(false ? 1 : 0);
    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="home"/>   <meta name="pbstck_context:subsection" content="home"/>   <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="accueil"/> <meta name="ad:rubriques" content="accueil"/>     <script type="text/plain"
        data-gdpr-purposes="ads"
        data-gdpr-src="/bucket/resources/web/js/e850aed187f022fe8e48.js"
        async></script> <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) {
        ad_log.bind({channel: slotname})(e.slot.getAdUnitPath(), slotHtmlElement);
        if (slotname.indexOf('banniere_haute') > -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 ('+slotname+')', {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"
          async></script>    <script>
        /*  */
        window.lobs_piano = {"collectPath":"e8f57f024171d2a88797fe6652287fd715bdc940","site":561552,"properties":{"site_level2":"NOTR - Web","canal_plateforme":"Responsive","user_agent":"Fixe","type_contenu":"Home_Page","sous_type_contenu":"Home_Routine","b:projet_on":true,"consent":"not found","authentification":"Non loggu\u00e9","type_visiteur":"Anonyme","edito_vs_service":"Edito","profil_contenu":"Redaction_Web"},"event_page":{"page_chapter1":"HomePage","page":"HomePage"},"full_page":"","user":null};
      </script> <script type="text/javascript">
  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: {
        mandatory: ["Piano", "Capping", "Outbrain"],
        analytics: ["Chartbeat", "Subscribe With Google"],
        social: ["Facebook", "Instagram", "Twitter", "Pinterest", "LinkedIn"],
        mediaPlatforms: ["Dailymotion", "Youtube", "Digiteka"],
        personalization: ["Batch", "Forecast", "Selligent"],
        ads: ["Amazon Ads", "Facebook Ads", "Google Ads", "Pubstack", "TikTok"],
      },
    },
  };
</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 type="text/javascript">
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>         <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-16" data-piano="Home_Page,Header,,Menu,action">    <svg class="icon icon--navigation_menu  " style="--fill:var(--base-foreground-color,#171717)">  <title>Menu</title>   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#navigation_menu"></use>  </svg>  <span>Menu</span> </button>  <a href="/" class="obs_header_logo" title="Le Nouvel Obs - Retourner à l'accueil" data-piano="Home_Page,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/resources/web/img/e86dad2a9be111d0faac.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-16" href="/kiosque" data-piano="Home_Page,Header,,Lire_mag_semaine,navigation">    <svg class="icon icon--magazine  " style="--fill:#FFF">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#magazine"></use>  </svg>  <span class="latino-300b pt-5 ps-8" style="text-wrap: nowrap;">Lire le magazine</span> </a> </div>  <div class="action_btns d-flex align-items-center gap-8 ps-8">         <span tabindex="0" class="obs_menu_buddy btn btn--medium btn--edito-secondary" data-piano="Home_Page,Header,,Connexion,action" data-urlencode="aHR0cHM6Ly9zZWMubm91dmVsb2JzLmNvbS9zZnVzZXIvY29ubmV4aW9u">    <svg class="icon icon--person-connexion  " style="--fill:var(--base-foreground-color,#171717)">  <title>Se connecter</title>   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#person-connexion"></use>  </svg>  <span>Se connecter</span> </span>       <span tabindex="0" class="obs_menu_subscribe btn btn--medium btn--conversion-primary" rel="nofollow" style="line-height:1;--btn-color:#FFFFFF;--btn-color-hover:#FFFFFF;--btn-bg:#522DF7;--btn-bg-hover:#522DF7;--btn-bg-focus:#522DF7;" aria-label="Je m’abonne au Nouvel Obs" data-piano="Home_Page,Header,,S_abonner_Hebdo_Juin26,navigation" data-batch="clic_s_abonner" data-urlencode="aHR0cHM6Ly93d3cubm91dmVsb2JzLmNvbS9hYm9ubmVtZW50LWhlYmRvLWp1aW4tMjAyNg=="> <span class="d-none d-lg-inline">S’abonner : 1€/semaine</span> <span class="d-lg-none">S’abonner</span> </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-16 pt-16 pt-lg-16 pb-8 pb-lg-16">  <li class="scroll-x-snap__item flex-shrink-0"> <a href="#" class="obs_menu_btn link--nav d-flex gap-8 latino-300b latino-lg-600m" data-piano="Home_Page,Header,Nav,Menu,action">    <svg class="icon icon--navigation_menu  " style="--fill:#FFF">  <title>Menu</title>   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.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="Home_Page,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="Home_Page,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="Home_Page,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="Home_Page,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="Home_Page,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="Home_Page,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="Home_Page,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="Home_Page,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="Home_Page,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="Home_Page,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-48" href="/teleobs/" data-piano="Home_Page,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-8 latino-300b latino-lg-600m" data-piano="Home_Page,Header,Nav,Recherche,action">    <svg class="icon icon--magnifier  " style="--fill:#FFF">  <title>Rechercher</title>   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.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-16" aria-label="faire defiler les thématiques suivantes">    <svg class="icon icon--chevron-right  " style="--fill:#FFF">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-right"></use>  </svg>  </button>  </div> </nav> </div>        <div class="hot-news border-top" style="--border-color:#323232"> <section id="fil-info" class="my-8 obs_header__inner bg-grey-800 text-grey-200"> <div style="position:relative"> <div class="scroll-x-snap grid-md-5 overflow-x-md-auto gap-32">  <article class="scroll-x-snap__item flex-shrink-0"> <a href="/les-jeux-de-l-obs/20260611.OBS115708/quiz-coupe-du-monde-de-foot-11-questions-pour-vous-echauffer-avant-le-coup-d-envoi.html" class="link--box" data-piano="Home_Page,Fil_info,,1,navigation"> <time datetime="2026-06-11T10:00:06+02:00" class="d-inline-block latino-100b py-lg-10"> 10:00 </time> <p class="latino-100m pt-5 pt-lg-0">  Quiz. Coupe du Monde de Foot&nbsp;: 11&nbsp;questions pour vous &eacute;chauffer avant le coup d&rsquo;envoi </p> </a> </article>  <article class="scroll-x-snap__item flex-shrink-0"> <a href="/politique/20260611.OBS115707/exploiter-le-petrole-pour-sortir-la-guyane-de-la-crise-la-proposition-clivante-qui-oppose-la-gauche-aux-elus-d-outre-mer.html" class="link--box" data-piano="Home_Page,Fil_info,,2,navigation"> <time datetime="2026-06-11T08:30:12+02:00" class="d-inline-block latino-100b py-lg-10"> 08:30 </time> <p class="latino-100m pt-5 pt-lg-0">  Exploiter le p&eacute;trole pour sortir la Guyane de la crise&nbsp;? La proposition clivante &hellip; </p> </a> </article>  <article class="scroll-x-snap__item flex-shrink-0"> <a href="/monde/20260611.OBS115706/coupe-du-monde-aux-etats-unis-la-revanche-du-sport-des-immigres-c-est-pour-moi-une-question-d-identite-culturelle.html" class="link--box" data-piano="Home_Page,Fil_info,,3,navigation"> <time datetime="2026-06-11T08:00:10+02:00" class="d-inline-block latino-100b py-lg-10"> 08:00 </time> <p class="latino-100m pt-5 pt-lg-0">  Coupe du Monde aux Etats-Unis, la revanche du &laquo;&nbsp;sport des immigr&eacute;s&nbsp;&raquo;&nbsp;: &laquo;&nbsp;C&rsquo;est &hellip; </p> </a> </article>  <article class="scroll-x-snap__item flex-shrink-0"> <a href="/monde/20260611.OBS115705/donald-trump-l-empereur-empetre.html" class="link--box" data-piano="Home_Page,Fil_info,,4,navigation"> <time datetime="2026-06-11T07:45:07+02:00" class="d-inline-block latino-100b py-lg-10"> 07:45 </time> <p class="latino-100m pt-5 pt-lg-0">  Donald Trump, l&rsquo;empereur emp&ecirc;tr&eacute; </p> </a> </article>  <article class="scroll-x-snap__item flex-shrink-0"> <a href="/monde/20260611.OBS115704/revelations-sur-les-armes-francaises-de-la-repression-en-indonesie.html" class="link--box" data-piano="Home_Page,Fil_info,,5,navigation"> <time datetime="2026-06-11T07:30:14+02:00" class="d-inline-block latino-100b py-lg-10"> 07:30 </time> <p class="latino-100m pt-5 pt-lg-0">  R&eacute;v&eacute;lations sur les armes fran&ccedil;aises de la r&eacute;pression en Indon&eacute;sie </p> </a> </article>  </div> <a class="link--nav d-flex align-items-center latino-100b" style="position: absolute;top:4px;right:0;" href="https://www.nouvelobs.com/depeche/" data-piano="Home_Page,Fil_info,,Voir_tout,navigation" title="Voir tout">    <svg class="icon icon--arrow-right  " style="--fill:#FFF">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  <span class="ms-8 pt-4">Voir tout</span> </a> </div> </section> </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" style="display: none;"> <div role="dialog" aria-modal="true" class="obs_menu_header_actions bg-grey-800 d-flex justify-content-between align-items-center px-32 py-24 ps-lg-56 " 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-hebdo-juin-2026 " class="btn btn--conversion-primary btn--medium latino-300b me-16" style="--btn-color:#FFFFFF;--btn-color-hover:#FFFFFF;--btn-bg:#522DF7;--btn-bg-hover:#522DF7;--btn-bg-focus:#522DF7;" data-piano="Menu,Anonyme,,S_abonner_Hebdo_Juin26,action" data-batch="clic_s_abonner">  <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/resources/web/img/e86dad2a9be111d0faac.svg#navigation_croix"></use>  </svg>  <span>Fermer</span> </button> </div> </div> <div class="border-top d-flex justify-content-between bg-grey-800 px-56 pt-24 pb-64 px-lg-88" 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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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-24 px-32 px-lg-56" data-piano="Menu,,,Recherche,action"> <a href="/recherche" class="btn btn--edito-tertiary btn--fill">    <svg class="icon icon--magnifier  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#magnifier"></use>  </svg>  Rechercher un article, un sujet </a> </div> <div class="obs_menu_content d-flex flex-column pt-8 pb-24 gap-8 px-32 px-lg-56">    <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 text-grey-800 gap-16"> A la une </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-alaune-list" class="collapse-content expanded"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-4"> <div class="d-flex flex-column" style="column-gap:0.75rem;">    <a href="/justice/20260609.OBS115654/l-affaire-lyhanna.html" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,L_Affaire_Lyhanna,navigation"> L’affaire Lyhanna    <svg class="icon icon--arrow-right  me-2" style="--fill:#56668A">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a>    <a href="/election-presidentielle/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Election_Presidentielle_De_2027,navigation"> Election présidentielle de 2027    <svg class="icon icon--arrow-right  me-2" style="--fill:#56668A">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a>    <a href="/societe/20260310.OBS113058/parcoursup-2026-nos-classements-exclusifs.html" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Parcoursup_2026_Nos_Classements_Exclusifs,navigation"> Parcoursup 2026 : nos classements exclusifs    <svg class="icon icon--arrow-right  me-2" style="--fill:#56668A">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       > Société </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-societe-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       > Politique </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-politique-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       > Monde </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-monde-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16" > Ecologie </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-ecologie-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       > Economie </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-economie-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       > Idées </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-idees-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       > Culture </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-culture-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       > Tendances </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-tendances-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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-nouvelle-ere-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b text-grey-800 gap-16"       style="color:var(--nouvelle-ere,#f7a922) !important"> Nouvelle ère </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-nouvelle-ere-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/nouvelle-ere/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Nouvelle_Ere ,,Actualites_Nouvelle_Ere,navigation"> Actualités Nouvelle ère    <svg class="icon icon--arrow-right  me-2" style="--fill:#56668A">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a>  <a href="/transitions-climatiques/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Nouvelle_Ere,,Priorite_Climat,navigation"> Priorité climat    <svg class="icon icon--arrow-right  me-2" style="--fill:#56668A">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a>  <a href="/transitions-numeriques/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Nouvelle_Ere,,Revolution_Numerique,navigation"> Révolution numérique    <svg class="icon icon--arrow-right  me-2" style="--fill:#56668A">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a>  <a href="/transitions-societales/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Nouvelle_Ere,,Mutations_Societales,navigation"> Mutations sociétales    <svg class="icon icon--arrow-right  me-2" style="--fill:#56668A">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       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:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-rue89-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       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:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-bibliobs-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       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:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-teleobs-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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-les-evenements-du-nouvel-obs-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b text-grey-800 gap-16"       > Les événements du Nouvel Obs </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-les-evenements-du-nouvel-obs-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/les-evenements-du-nouvel-obs/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Les_Evenements_Du_Nouvel_Obs ,,Actualites_Les_Evenements_Du_Nouvel_Obs,navigation"> Actualités événements    <svg class="icon icon--arrow-right  me-2" style="--fill:#56668A">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a>  <a href="/rencontres/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Les_Evenements_Du_Nouvel_Obs,,Nos_Rendez_Vous,navigation"> Nos rendez-vous    <svg class="icon icon--arrow-right  me-2" style="--fill:#56668A">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a>  <a href="/cycle-evenementiel/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Les_Evenements_Du_Nouvel_Obs,,Cycles_Evenementiels,navigation"> Cycles événementiels    <svg class="icon icon--arrow-right  me-2" style="--fill:#56668A">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a>  <a href="/club-abonnes/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Les_Evenements_Du_Nouvel_Obs,,Avant_Premieres_Et_Jeux_Concours,navigation"> Avant-premières et jeux concours    <svg class="icon icon--arrow-right  me-2" style="--fill:#56668A">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       > Opinions </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-opinions-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"       > Sport </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-sport-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-16"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"> Formats </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-formats-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-4"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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 text-grey-800 gap-16"> Services </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only">    <svg class="icon icon--chevron-down  " style="--fill:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-services-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-4"> <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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a>  </div> </div> </div> </div> </div>  <div class="border-top border-bottom px-32 px-lg-56 pt-24 pb-24" style="--border-color:#D9D9D9;--link-default-color:#171717">  <div class="collapse mt-24"> <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-16"> 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:var(--base-foreground-color,#171717)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#chevron-down"></use>  </svg>  </span> </button> <div id="menu-partners-list" class="collapse-content"> <div class="d-flex flex-column gap-56 flex-shrink-0 pt-4"> <div class="d-flex flex-column mb-32" 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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.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/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a>  </div> </div> </div> </div> </div>  <div class="pt-24 pb-32 px-32 px-lg-56 align-items-start" style="--link-default-color:rgba(34, 87, 218, 0.80)">  <div class="d-flex gap-24"> <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-8"> Découvrir toutes les newsletters    <svg class="icon icon--arrow-right  " style="--fill:rgba(34, 87, 218, 0.80)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a> </p> </div> <div class="flex-shrink-0"> <img data-src="/bucket/resources/web/img/menu/04f9ba609160e0b8c01b.png" 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%2075%2075%27%20width%3D%2275%22%20height%3D%2275%22%3E%3Cpath%20d%3D%27M0%200h75v75H0z%27%2F%3E%3C%2Fsvg%3E" alt="" width="75" height="75"> </div> </div>  <div class="d-flex gap-24 mt-32 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-8"> Télécharger sur iOS    <svg class="icon icon--arrow-right  " style="--fill:rgba(34, 87, 218, 0.80)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.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-8"> Télécharger sur Android    <svg class="icon icon--arrow-right  " style="--fill:rgba(34, 87, 218, 0.8)">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#arrow-right"></use>  </svg>  </a> </p> </div> <div class="flex-shrink-0"> <img data-src="/bucket/resources/web/img/menu/24c07c6fd98dbed58f30.png" 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%2075%2075%27%20width%3D%2275%22%20height%3D%2275%22%3E%3Cpath%20d%3D%27M0%200h75v75H0z%27%2F%3E%3C%2Fsvg%3E" alt="" width="75" height="75"> </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.setAttribute('style', 'display: initial;');
    setTimeout(function () {
      obsMenu.classList.add('obs_menu--open');
      obsOverlay.classList.add('obs_overlay--active');
      obsBody.classList.add('overflow-y-hidden');
      tabIndex(obsMenuLinks,'0');
      obsMenu.querySelectorAll('img[data-src]:not([loaded])').forEach(function (e) {
        e.setAttribute('src', e.getAttribute('data-src'));
        e.setAttribute('loaded', '');
      })
      obsMenuCloseBtn.focus();
    }, 50);
  }

  function closeMenu() {
    setTimeout(function () {
      obsMenu.setAttribute('style', 'display: none;');
    }, 550);
    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>        <section class="section">  <header class="section__header"> <div class="container">   <nav class="subNavigation scrollableNav pb-24 ps-24 px-md-56" role="navigation" aria-label="Sous rubriques des actualité à la une"> <ul class="scrollableNav__wrapper latino-450r pt-24 gap-8 justify-content-start">  <li class="scrollableNav__entry"> <p class="antonia-750r pe-8 border-end">A la une</p> </li>     <li class="scrollableNav__entry d-flex"> <a class="link--nav flex-shrink-0"  href="/justice/20260609.OBS115654/l-affaire-lyhanna.html"  data-piano="Home_Page,A_la_une,,L_Affaire_Lyhanna,navigation"> L’affaire Lyhanna </a> </li> <li class="pt-2">•</li>    <li class="scrollableNav__entry d-flex"> <a class="link--nav flex-shrink-0"  href="/election-presidentielle/"  data-piano="Home_Page,A_la_une,,Election_Presidentielle_De_2027,navigation"> Election présidentielle de 2027 </a> </li> <li class="pt-2">•</li>    <li class="scrollableNav__entry d-flex"> <a class="link--nav flex-shrink-0"  href="/societe/20260310.OBS113058/parcoursup-2026-nos-classements-exclusifs.html"  data-piano="Home_Page,A_la_une,,Parcoursup_2026_Nos_Classements_Exclusifs,navigation"> Parcoursup 2026 : nos classements exclusifs </a> </li>   </ul> </nav>   </div> </header>   <section class="section__content">   <div class="px-lg-56 " id="routine-a-la-une-3-articles"> <div class="routine-une-container border-bottom-lg pb-lg-32"> <div class="routine-une-center pe-lg-32 border-bottom border-bottom-lg-0 border-end-lg"> <article>  <a  href="/monde/20260611.OBS115704/revelations-sur-les-armes-francaises-de-la-repression-en-indonesie.html" class="link--box pb-16 pb-lg-0" data-piano="Home_Page,Grand_Article_Une,,1,navigation"> <div class="d-flex flex-column flex-lg-column-reverse"> <figure class="flex-shrink-0 w-100"> <picture class="w-100">                             <source media="(max-width: 480px)" srcset="https://focus.nouvelobs.com/2026/06/08/0/0/4903/3268/480/320/75/0/e87ccaf_upload-1-wryjoxuyg23z-000-72ue22e.jpg 1x,https://focus.nouvelobs.com/2026/06/08/0/0/4903/3268/960/640/50/0/e87ccaf_upload-1-wryjoxuyg23z-000-72ue22e.jpg 2x" width="480" height="320">                     <source media="(max-width: 768px)" srcset="https://focus.nouvelobs.com/2026/06/08/0/0/4903/3268/768/512/75/0/e87ccaf_upload-1-wryjoxuyg23z-000-72ue22e.jpg 1x,https://focus.nouvelobs.com/2026/06/08/0/0/4903/3268/1536/1024/50/0/e87ccaf_upload-1-wryjoxuyg23z-000-72ue22e.jpg 2x" width="768" height="512">                     <source media="(max-width: 1023px)" srcset="https://focus.nouvelobs.com/2026/06/08/0/0/4903/3268/880/586/75/0/e87ccaf_upload-1-wryjoxuyg23z-000-72ue22e.jpg 1x,https://focus.nouvelobs.com/2026/06/08/0/0/4903/3268/1760/1173/50/0/e87ccaf_upload-1-wryjoxuyg23z-000-72ue22e.jpg 2x" width="880" height="586">              <img class="w-100" src="https://focus.nouvelobs.com/2026/06/08/0/0/4903/3268/570/380/75/0/e87ccaf_upload-1-wryjoxuyg23z-000-72ue22e.jpg" srcset="https://focus.nouvelobs.com/2026/06/08/0/0/4903/3268/570/380/75/0/e87ccaf_upload-1-wryjoxuyg23z-000-72ue22e.jpg 1x,https://focus.nouvelobs.com/2026/06/08/0/0/4903/3268/1140/760/50/0/e87ccaf_upload-1-wryjoxuyg23z-000-72ue22e.jpg 2x" width="570" height="380" loading="eager" decoding="auto" fetchpriority="high" alt="Manifestation suite au décès d’un conducteur de moto-taxi percuté par un véhicule de police, à Jakarta, le 29 août 2025.">  </picture>  <figcaption class="latino-100m text-grey-600 px-24 px-md-56 px-lg-0"> ADITYA IRAWAN/AFP </figcaption>  </figure> <div class="mb-16 mb-lg-24 mt-16 mt-lg-0 px-24 px-md-56 px-lg-0">  <span class="d-inline latino-1400e latino-lg-2200e text-grey-500">Décryptage </span>   <h1 class="d-inline latino-1400e latino-lg-2200e text-grey-800"> Révélations sur les armes françaises de la répression en Indonésie </h1> </div> </div>  <div class="latino-450r text-grey-600 py-24 px-24 px-md-56 px-lg-0"> Du matériel de fabrication française a servi à mater violemment les manifestations contre le régime du président Prabowo Subianto, un bon client choyé par l’Elysée… L’Observatoire des Armements alerte contre le manque de transparence récurrent des exportations hexagonales. </div>   <div class="d-flex align-items-center gap-16 px-24 px-md-56 px-lg-0">  <time datetime="2026-06-11T07:30" class="latino-100m text-grey-500">  Publié à 7h30  </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div>  </a>  </article>  </div> <div class="routine-une-side pt-lg-0 pe-lg-0 ps-lg-32">     <article class="border-bottom  mb-lg-16"> <a  href="/monde/20260610.OBS115698/comment-donald-trump-tente-de-revenir-dans-le-jeu-avec-la-coupe-du-monde.html" class="link--box px-24 px-md-56 px-lg-0 pt-32 pb-16  pb-lg-32 pt-lg-0" data-piano="Home_Page,Article_Une_Col_Droite,,1,navigation">  <picture class="mb-8">                             <source media="(max-width:480px)" srcset="https://focus.nouvelobs.com/2026/06/09/424/0/3778/2518/450/300/75/0/b9069ad_upload-1-hu3ac3wt88da-063-2231512284.jpg 1x,https://focus.nouvelobs.com/2026/06/09/424/0/3778/2518/900/600/50/0/b9069ad_upload-1-hu3ac3wt88da-063-2231512284.jpg 2x" width="450" height="300">                     <source media="(max-width:768px)" srcset="https://focus.nouvelobs.com/2026/06/09/424/0/3778/2518/650/433/75/0/b9069ad_upload-1-hu3ac3wt88da-063-2231512284.jpg 1x,https://focus.nouvelobs.com/2026/06/09/424/0/3778/2518/1300/866/50/0/b9069ad_upload-1-hu3ac3wt88da-063-2231512284.jpg 2x" width="650" height="433">                     <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2026/06/09/424/0/3778/2518/880/586/75/0/b9069ad_upload-1-hu3ac3wt88da-063-2231512284.jpg 1x,https://focus.nouvelobs.com/2026/06/09/424/0/3778/2518/1760/1173/50/0/b9069ad_upload-1-hu3ac3wt88da-063-2231512284.jpg 2x" width="880" height="586">              <img class="w-100" src="https://focus.nouvelobs.com/2026/06/09/424/0/3778/2518/240/160/75/0/b9069ad_upload-1-hu3ac3wt88da-063-2231512284.jpg" srcset="https://focus.nouvelobs.com/2026/06/09/424/0/3778/2518/240/160/75/0/b9069ad_upload-1-hu3ac3wt88da-063-2231512284.jpg 1x,https://focus.nouvelobs.com/2026/06/09/424/0/3778/2518/480/320/50/0/b9069ad_upload-1-hu3ac3wt88da-063-2231512284.jpg 2x" width="240" height="160" loading="eager" decoding="auto" fetchpriority="auto" alt="Donald Trump brandit le trophée de la Coupe du Monde de Football, dans le bureau Ovale, le 22 août 2025 à Washington.">  </picture>  <div class="pb-16">  <span class="latino-600m text-grey-500"> Récit  </span>  <h2 class="latino-600m d-inline text-grey-800"> Comment Donald Trump tente de revenir dans le jeu avec la Coupe du Monde </h2> </div>  <div class="d-flex align-items-center gap-8">  <time datetime="2026-06-10T18:05" class="latino-100m text-grey-500">  10 juin 2026 à 18h05  </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div>  </a>  </article>   <article class="border-bottom  mb-lg-16"> <a  href="/politique/20260611.OBS115707/exploiter-le-petrole-pour-sortir-la-guyane-de-la-crise-la-proposition-clivante-qui-oppose-la-gauche-aux-elus-d-outre-mer.html" class="link--box px-24 px-md-56 px-lg-0 pt-32 pb-16  pb-lg-32 pt-lg-0" data-piano="Home_Page,Article_Une_Col_Droite,,2,navigation">  <div class="pb-16">  <span class="latino-600m text-grey-500"> Décryptage  </span>  <h2 class="latino-600m d-inline text-grey-800"> Exploiter le pétrole pour sortir la Guyane de la crise ? La proposition clivante qui oppose la gauche aux élus d’outre-mer </h2> </div>  <div class="d-flex align-items-center gap-8">  <time datetime="2026-06-11T08:30" class="latino-100m text-grey-500">  Publié à 8h30  </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div>  </a>  </article>   <article class="border-bottom border-bottom-lg-0 "> <a  href="/justice/20260610.OBS115688/pedocriminalite-pendant-l-affaire-lyhanna-recit-d-une-semaine-tragiquement-ordinaire-en-france.html" class="link--box px-24 px-md-56 px-lg-0 pt-32 pb-16  pb-lg-32 pt-lg-0" data-piano="Home_Page,Article_Une_Col_Droite,,3,navigation">  <div class="pb-16">  <span class="latino-600m text-grey-500"> Enquête  </span>  <h2 class="latino-600m d-inline text-grey-800"> Pédocriminalité : pendant l’affaire Lyhanna, récit d’une semaine tragiquement ordinaire en France </h2> </div>  <div class="d-flex align-items-center gap-8">  <time datetime="2026-06-10T12:30" class="latino-100m text-grey-500">  10 juin 2026 à 12h30  </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div>  </a>  </article>  </div> </div> </div>    </section>  <section class="section__content force-on-canvas"> <section id="relance_une" class="section__content-inner container px-lg-56 pt-lg-32 column-gap-32"> <div class="content d-flex flex-column"> <div class="d-flex flex-column flex-wrap grid-lg-2 column-gap-32">    <article class="border-bottom"> <a  href="/monde/20260611.OBS115706/coupe-du-monde-aux-etats-unis-la-revanche-du-sport-des-immigres-c-est-pour-moi-une-question-d-identite-culturelle.html" class="link--box px-24 px-md-56 px-lg-0 pt-32 pb-16 pt-lg-0" data-piano="Home_Page,Article_Fleuve,,1,navigation"> <div class="d-flex flex-lg-column-reverse"> <div class="flex-grow-1 pe-16 pe-lg-0 pb-lg-16 pt-lg-8">  <span class="latino-600m text-grey-500"> Reportage  </span>  <h2 class="latino-600m text-grey-800 d-inline"> Coupe du Monde aux Etats-Unis, la revanche du « sport des immigrés » : « C’est pour moi une question d’identité culturelle » </h2> </div> <picture class="flex-shrink-0">                             <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2026/06/04/823/0/5404/3602/110/73/75/0/f60a5ad_upload-1-zd2ceen1ku8z-ja-mdfusion-053026-0102.jpg 1x,https://focus.nouvelobs.com/2026/06/04/823/0/5404/3602/220/146/50/0/f60a5ad_upload-1-zd2ceen1ku8z-ja-mdfusion-053026-0102.jpg 2x" width="110" height="73">              <img class="" src="https://focus.nouvelobs.com/2026/06/04/823/0/5404/3602/270/180/75/0/f60a5ad_upload-1-zd2ceen1ku8z-ja-mdfusion-053026-0102.jpg" srcset="https://focus.nouvelobs.com/2026/06/04/823/0/5404/3602/270/180/75/0/f60a5ad_upload-1-zd2ceen1ku8z-ja-mdfusion-053026-0102.jpg 1x,https://focus.nouvelobs.com/2026/06/04/823/0/5404/3602/540/360/50/0/f60a5ad_upload-1-zd2ceen1ku8z-ja-mdfusion-053026-0102.jpg 2x" width="270" height="180" loading="lazy" decoding="async" fetchpriority="auto" alt="Fernando Cuneo, entraîneur de soccer, est originaire d’Argentine où l’on « naît un ballon au pied ».">  </picture> </div>  <div class="d-flex align-items-center gap-16 pt-16">  <time datetime="2026-06-11T08:00" class="latino-100m text-grey-500">  Publié à 8h00  </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div>  </a>  </article>    <article class="border-bottom"> <a  href="/justice/20260610.OBS115703/patrick-bruel-mis-en-examen-pour-viol-tentative-de-viol-agression-sexuelle-et-harcelement-sexuel.html" class="link--box px-24 px-md-56 px-lg-0 pt-32 pb-16 pt-lg-0" data-piano="Home_Page,Article_Fleuve,,2,navigation"> <div class="d-flex flex-lg-column-reverse"> <div class="flex-grow-1 pe-16 pe-lg-0 pb-lg-16 pt-lg-8">  <h2 class="latino-600m text-grey-800 d-inline"> Patrick Bruel mis en examen pour viol, tentative de viol, agression sexuelle et harcèlement sexuel </h2> </div> <picture class="flex-shrink-0">                             <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2026/06/10/0/0/5013/3342/110/73/75/0/008ef4c_upload-1-qbcwmguwde8y-000-b6kd4zq.jpg 1x,https://focus.nouvelobs.com/2026/06/10/0/0/5013/3342/220/146/50/0/008ef4c_upload-1-qbcwmguwde8y-000-b6kd4zq.jpg 2x" width="110" height="73">              <img class="" src="https://focus.nouvelobs.com/2026/06/10/0/0/5013/3342/270/180/75/0/008ef4c_upload-1-qbcwmguwde8y-000-b6kd4zq.jpg" srcset="https://focus.nouvelobs.com/2026/06/10/0/0/5013/3342/270/180/75/0/008ef4c_upload-1-qbcwmguwde8y-000-b6kd4zq.jpg 1x,https://focus.nouvelobs.com/2026/06/10/0/0/5013/3342/540/360/50/0/008ef4c_upload-1-qbcwmguwde8y-000-b6kd4zq.jpg 2x" width="270" height="180" loading="lazy" decoding="async" fetchpriority="auto" alt="Patrick Bruel, à Paris, le 10 décembre 2024.">  </picture> </div>  <div class="d-flex align-items-center gap-16 pt-16">  <time datetime="2026-06-10T23:04" class="latino-100m text-grey-500">  10 juin 2026 à 23h04  </time>  </div>  </a>  </article>    <article class="border-bottom"> <a  href="/politique/20260610.OBS115693/il-alterne-entre-une-image-de-politique-respectable-et-les-violences-de-rue-jean-eudes-gannat-itineraire-d-un-identitaire-devenu-conseiller-municipal.html" class="link--box px-24 px-md-56 px-lg-0 pt-32 pb-16 pt-lg-16" data-piano="Home_Page,Article_Fleuve,,3,navigation"> <div class="d-flex flex-lg-column-reverse"> <div class="flex-grow-1 pe-16 pe-lg-0 pb-lg-16 pt-lg-8">  <span class="latino-600m text-grey-500"> Portrait  </span>  <h2 class="latino-600m text-grey-800 d-inline"> « Il alterne entre une image de politique respectable et les violences de rue » : Jean-Eudes Gannat, itinéraire d’un identitaire devenu conseiller municipal </h2> </div> <picture class="flex-shrink-0">                             <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2026/06/09/1094/0/3750/2500/110/73/75/0/27f6b33_upload-1-zywy0twdwo0a-gannat-trossat-02.jpg 1x,https://focus.nouvelobs.com/2026/06/09/1094/0/3750/2500/220/146/50/0/27f6b33_upload-1-zywy0twdwo0a-gannat-trossat-02.jpg 2x" width="110" height="73">              <img class="" src="https://focus.nouvelobs.com/2026/06/09/1094/0/3750/2500/270/180/75/0/27f6b33_upload-1-zywy0twdwo0a-gannat-trossat-02.jpg" srcset="https://focus.nouvelobs.com/2026/06/09/1094/0/3750/2500/270/180/75/0/27f6b33_upload-1-zywy0twdwo0a-gannat-trossat-02.jpg 1x,https://focus.nouvelobs.com/2026/06/09/1094/0/3750/2500/540/360/50/0/27f6b33_upload-1-zywy0twdwo0a-gannat-trossat-02.jpg 2x" width="270" height="180" loading="lazy" decoding="async" fetchpriority="auto" alt="Jean-Eudes Gannat, le 3 juin 2026 à Segré-en-Anjou Bleu, où il siège dans l’opposition avec six de ses colistiers d’extrême droite radicale. ">  </picture> </div>  <div class="d-flex align-items-center gap-16 pt-16">  <time datetime="2026-06-10T17:30" class="latino-100m text-grey-500">  10 juin 2026 à 17h30  </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div>  </a>  </article>    <article class="border-bottom"> <a  href="/cinema/20260610.OBS115701/steven-soderbergh-chacun-de-mes-films-doit-detruire-celui-d-avant.html" class="link--box px-24 px-md-56 px-lg-0 pt-32 pb-16 pt-lg-16" data-piano="Home_Page,Article_Fleuve,,4,navigation"> <div class="d-flex flex-lg-column-reverse"> <div class="flex-grow-1 pe-16 pe-lg-0 pb-lg-16 pt-lg-8">  <span class="latino-600m text-grey-500"> Entretien  </span>  <h2 class="latino-600m text-grey-800 d-inline"> Steven Soderbergh : « Chacun de mes films doit détruire celui d’avant » </h2> </div> <picture class="flex-shrink-0">                             <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2026/05/28/351/0/1772/1181/110/73/75/0/3593285_upload-1-v1ocrbdhzjdl-steven-soderbergh-c-claudette-barius.jpg 1x,https://focus.nouvelobs.com/2026/05/28/351/0/1772/1181/220/146/50/0/3593285_upload-1-v1ocrbdhzjdl-steven-soderbergh-c-claudette-barius.jpg 2x" width="110" height="73">              <img class="" src="https://focus.nouvelobs.com/2026/05/28/351/0/1772/1181/270/180/75/0/3593285_upload-1-v1ocrbdhzjdl-steven-soderbergh-c-claudette-barius.jpg" srcset="https://focus.nouvelobs.com/2026/05/28/351/0/1772/1181/270/180/75/0/3593285_upload-1-v1ocrbdhzjdl-steven-soderbergh-c-claudette-barius.jpg 1x,https://focus.nouvelobs.com/2026/05/28/351/0/1772/1181/540/360/50/0/3593285_upload-1-v1ocrbdhzjdl-steven-soderbergh-c-claudette-barius.jpg 2x" width="270" height="180" loading="lazy" decoding="async" fetchpriority="auto" alt="Steven Soderbergh sur le tournage de « The Christophers ».">  </picture> </div>  <div class="d-flex align-items-center gap-16 pt-16">  <time datetime="2026-06-10T20:00" class="latino-100m text-grey-500">  10 juin 2026 à 20h00  </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div>  </a>  </article>             <article class="w-100 border-bottom   "> <a  href="/culture/20260610.OBS115691/alexis-michalik-voyez-les-methodes-du-rn-au-niveau-local-et-imaginez-ce-qui-nous-attend-au-niveau-national.html" class="link--box d-flex flex-column align-items-start px-24 px-md-56 px-lg-0 pt-32 pt-lg-0 pb-16" data-piano="Home_Page,Article_Fleuve,,5,navigation"> <div class="pb-16 pt-lg-16">  <span class="latino-600m text-grey-500"> Interview  </span>  <h2 class="latino-600m d-inline text-grey-800"> Alexis Michalik : « Voyez les méthodes du RN au niveau local et imaginez ce qui nous attend au niveau national » </h2>  <p class="latino-300r text-grey-600 mt-8">L’auteur et metteur en scène à succès Alexis Michalik réagit à la déprogrammation par la nouvelle municipalité RN de Castres de sa pièce « Passeport ».</p>  </div>  <div class="d-flex align-items-center gap-16">  <time datetime="2026-06-10T16:53" class="latino-100m text-grey-500">  10 juin 2026 à 16h53  </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div>  </a>  </article>           <article class="w-100 border-bottom   "> <a  href="/societe/20260610.OBS115681/nous-avions-l-impression-que-cette-patiente-etait-un-rat-de-laboratoire-la-reanimation-pediatrique-de-l-hopital-bicetre-au-c-ur-d-un-scandale.html" class="link--box d-flex flex-column align-items-start px-24 px-md-56 px-lg-0 pt-32 pt-lg-0 pb-16" data-piano="Home_Page,Article_Fleuve,,6,navigation"> <div class="pb-16 pt-lg-16">  <span class="latino-600m text-grey-500"> Enquête  </span>  <h2 class="latino-600m d-inline text-grey-800"> « Nous avions l’impression que cette patiente était un rat de laboratoire » : la réanimation pédiatrique de l’hôpital Bicêtre au cœur d’un scandale </h2>  <p class="latino-300r text-grey-600 mt-8">Soupçons d’acharnement thérapeutique, brimades, humiliations, sexisme… Depuis que deux anciennes internes ont lancé l’alerte, le service de réanimation pédiatrique de cet établissement du Val-de-Marne est sous le coup de lourdes accusations, visant tout particulièrement son chef. Une enquête préliminaire a été ouverte.</p>  </div>  <div class="d-flex align-items-center gap-16">  <time datetime="2026-06-10T07:30" class="latino-100m text-grey-500">  10 juin 2026 à 7h30  </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div>  </a>  </article>           <article class="w-100 border-bottom   "> <a  href="/justice/20260610.OBS115700/en-pleine-semaine-noire-darmanin-renonce-au-plaider-coupable-mesure-phare-de-sa-reforme-de-la-justice.html" class="link--box d-flex flex-column align-items-start px-24 px-md-56 px-lg-0 pt-32 pt-lg-0 pb-16" data-piano="Home_Page,Article_Fleuve,,7,navigation"> <div class="pb-16 pt-lg-16">  <h2 class="latino-600m d-inline text-grey-800"> En pleine semaine noire, Darmanin renonce au « plaider-coupable », mesure phare de sa réforme de la justice </h2>  </div>  <div class="d-flex align-items-center gap-16">  <time datetime="2026-06-10T18:38" class="latino-100m text-grey-500">  10 juin 2026 à 18h38  </time>  </div>  </a>  </article>           <article class="w-100 border-bottom   "> <a  href="/culture/20260610.OBS115699/10-choses-a-savoir-sur-emily-blunt-enfant-begue-devenue-superstar-a-hollywood.html" class="link--box d-flex flex-column align-items-start px-24 px-md-56 px-lg-0 pt-32 pt-lg-0 pb-16" data-piano="Home_Page,Article_Fleuve,,8,navigation"> <div class="pb-16 pt-lg-16">  <span class="latino-600m text-grey-500"> Portrait  </span>  <h2 class="latino-600m d-inline text-grey-800"> 10 choses à savoir sur Emily Blunt, enfant bègue devenue superstar à Hollywood </h2>  </div>  <div class="d-flex align-items-center gap-16">  <time datetime="2026-06-10T18:30" class="latino-100m text-grey-500">  10 juin 2026 à 18h30  </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div>  </a>  </article>           <article class="w-100 border-bottom   border-bottom-lg-0 "> <a  href="/politique/20260610.OBS115684/cgt-et-cfdt-reclament-la-transparence-des-salaires-rachida-dati-evite-emmanuel-gregoire-retrouvez-les-indiscretions-du-nouvel-obs.html" class="link--box d-flex flex-column align-items-start px-24 px-md-56 px-lg-0 pt-32 pt-lg-0 pb-16" data-piano="Home_Page,Article_Fleuve,,9,navigation"> <div class="pb-16 pt-lg-16">  <span class="latino-600m text-grey-500"> Sélection  </span>  <h2 class="latino-600m d-inline text-grey-800"> CGT et CFDT réclament la transparence des salaires, Rachida Dati évite Emmanuel Grégoire… Les indiscrétions du « Nouvel Obs » </h2>  </div>  <div class="d-flex align-items-center gap-16">  <time datetime="2026-06-10T11:00" class="latino-100m text-grey-500">  10 juin 2026 à 11h00  </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div>  </a>  </article>           <article class="w-100 border-bottom  border-bottom-lg-0  "> <a  href="/sport/20260610.OBS115697/coupe-du-monde-2026-et-paris-sportifs-le-gouvernement-accuse-de-bloquer-une-campagne-de-prevention.html" class="link--box d-flex flex-column align-items-start px-24 px-md-56 px-lg-0 pt-32 pt-lg-0 pb-16" data-piano="Home_Page,Article_Fleuve,,10,navigation"> <div class="pb-16 pt-lg-16">  <h2 class="latino-600m d-inline text-grey-800"> Coupe du Monde et paris sportifs : le gouvernement accusé de bloquer une campagne de prévention </h2>  </div>  <div class="d-flex align-items-center gap-16">  <time datetime="2026-06-10T18:03" class="latino-100m text-grey-500">  10 juin 2026 à 18h03  </time>  </div>  </a>  </article>   </div> </div> <div class="sidecol">  <div class="flex-grow-1" style="height:100%;"> <div class="advertising" style="position:sticky;top:12rem;"> <p class="p-8 latino-100b text-violet-500 w-100">Publicité</p> <div id="pave_haut" class="dfp-slot  dfp-unloaded dfp-mention-desktop sticky" data-format="pave_haut"></div> </div> </div>  </div> </section> </section>  <div hx-get="hp/block/init?device=desktop" hx-trigger="load delay:500ms" hx-swap="outerHTML"> </div>   </section>    <div class="pre_footer d-flex flex-column align-items-center pt-16 pb-56 gap-32 gap-md-56 ">  <div class="container wrapper gap-32 gap-lg-56 grid-1 grid-md-2 w-100">   <div id="cours_langues"> <div class="d-flex flex-shrink-0 gap-16 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-16 p-16 border border-violet-200 rounded-5"> <ul class="d-flex flex-column">  <li> <a href="https://cours-langues.nouvelobs.com/saga-baldoria" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,Gymglish,HP_L1_P1,desktop"> Cours d&rsquo;italien </a> </li>  <li class="my-8 border-bottom border-violet-200 opacity-25"></li>   <li> <a href="https://cours-anglais.nouvelobs.com/" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,Gymglish,HP_L1_P2,desktop"> Cours d&rsquo;anglais </a> </li>  <li class="my-8 border-bottom border-violet-200 opacity-25"></li>   <li> <a href="https://cours-espagnol.nouvelobs.com/" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,Gymglish,HP_L1_P3,desktop"> Cours d'espagnol </a> </li>  <li class="my-8 border-bottom border-violet-200 opacity-25"></li>   <li> <a href="https://cours-francais.nouvelobs.com/" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,Gymglish,HP_L1_P4,desktop"> Cours de fran&ccedil;ais </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 d-flex flex-column align-items-center px-24 pb-64 pt-48 pt-md-48 pt-lg-50 gap-32 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-32"> <a href="https://www.nouvelobs.com/" 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/resources/web/img/e86dad2a9be111d0faac.svg#lenouvelobs"></use>  </svg>  </a> <div class="obs_footer__socials d-flex flex-row flex-wrap gap-8 gap-md-16">  <a href="https://www.nouvelobs.com/rss" target="_blank" data-piano="Footer,Reseaux_sociaux,,RSS,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--small">    <svg class="icon icon--rss  " style="--fill:currentColor">  <title>Accéder à la page des fluxs RSS</title>   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.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--small">    <svg class="icon icon--facebook  " style="--fill:currentColor">  <title>Accéder à la page Facebook du Nouvel Obs</title>   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.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--small">    <svg class="icon icon--instagram  " style="--fill:currentColor">  <title>Accéder à la page Instagram du Nouvel Obs</title>   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#instagram"></use>  </svg>  <span>Instagram</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--small">    <svg class="icon icon--tiktok  " style="--fill:currentColor">  <title>Accéder à la page TikTok du Nouvel Obs</title>   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.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--small">    <svg class="icon icon--youtube  " style="--fill:currentColor">  <title>Accéder à la page Youtube du Nouvel Obs</title>   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#youtube"></use>  </svg>  <span>Youtube</span> </a>  <a href="https://www.snapchat.com/add/disoncleobs" target="_blank" data-piano="Footer,Reseaux_sociaux,,Snapchat,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--small">    <svg class="icon icon--snapchat  " style="--fill:currentColor">  <title>Accéder à la page Snapchat du Nouvel Obs</title>   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#snapchat"></use>  </svg>  <span>Snapchat</span> </a>  <a href="https://bsky.app/profile/nouvelobs.com" target="_blank" data-piano="Footer,Reseaux_sociaux,,Bluesky,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--small">    <svg class="icon icon--bluesky  " style="--fill:currentColor">  <title>Accéder à la page Bluesky du Nouvel Obs</title>   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#bluesky"></use>  </svg>  <span>Bluesky</span> </a>  </div> </div>  <div class="gap-24 gap-md-32 grid-1 grid-md-5 w-100">  <div id="footer-univers">  <p class="latino-450r text-grey-100"> Les univers </p> <ul class="d-flex flex-column gap-4 mt-8">  <li> <a href="https://www.nouvelobs.com/ecologie/" data-piano="Footer,Les_univers,,EcoloObs,navigation" class="latino-100m text-grey-400 link--nav">EcoloObs </a> </li>  <li> <a href="https://www.nouvelobs.com/bibliobs/" data-piano="Footer,Les_univers,,BibliObs,navigation" class="latino-100m text-grey-400 link--nav">BibliObs </a> </li>  <li> <a href="https://www.nouvelobs.com/rue89/" data-piano="Footer,Les_univers,,Rue89,navigation" class="latino-100m text-grey-400 link--nav">Rue89 </a> </li>  <li> <a href="https://www.nouvelobs.com/teleobs/" data-piano="Footer,Les_univers,,TeleObs,navigation" class="latino-100m text-grey-400 link--nav">TéléObs </a> </li>  <li> <a href="https://www.nouvelobs.com/tendances/" data-piano="Footer,Les_univers,,Tendances,navigation" class="latino-100m text-grey-400 link--nav">Tendances </a> </li>  <li> <a href="https://www.nouvelobs.com/culture/" data-piano="Footer,Les_univers,,Culture,navigation" class="latino-100m text-grey-400 link--nav">Culture </a> </li>  <li> <a href="https://www.nouvelobs.com/nouvelle-ere/" data-piano="Footer,Les_univers,,Nouvelle-ere,navigation" class="latino-100m text-grey-400 link--nav">Nouvelle ère </a> </li>  <li> <a href="https://www.nouvelobs.com/les-evenements-du-nouvel-obs/" data-piano="Footer,Les_univers,,Evenements_Obs,navigation" class="latino-100m text-grey-400 link--nav">Les événements du Nouvel Obs </a> </li>  </ul>  </div>  <div id="footer-dans_l_actu">  <p class="latino-450r text-grey-100"> Dans l’actu </p> <ul class="d-flex flex-column gap-4 mt-8 mb-32">    <li> <a href="/justice/20260609.OBS115654/l-affaire-lyhanna.html" data-piano="Footer,Dans_l_actu,,l-affaire-lyhanna,navigation" class="latino-100m text-grey-400 link--nav">L’affaire Lyhanna</a> </li>    <li> <a href="/election-presidentielle/" data-piano="Footer,Dans_l_actu,,election-presidentielle-de-2027,navigation" class="latino-100m text-grey-400 link--nav">Election présidentielle de 2027</a> </li>    <li> <a href="/societe/20260310.OBS113058/parcoursup-2026-nos-classements-exclusifs.html" data-piano="Footer,Dans_l_actu,,parcoursup-2026-nos-classements-exclusifs,navigation" class="latino-100m text-grey-400 link--nav">Parcoursup 2026 : nos classements exclusifs</a> </li>  </ul>  <div id="footer-quick-links">  <p class="latino-450r text-grey-100">Accès rapide</p> <ul class="d-flex flex-column gap-4 mt-8">  <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 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://fondsindependancepresse.org/" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Acces_rapides,,Fonds_Independance_Presse,navigation" > Fonds pour l’indépendance de la presse </a> </li>  </ul>  </div> </div>  <div id="footer-services">  <p class="latino-450r text-grey-100">Les services</p> <ul class="d-flex flex-column gap-4 mt-8">  <li> <a href="https://www.nouvelobs.com/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="https://abo.nouvelobs.com" 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="https://www.nouvelobs.com/club-abonnes" data-piano="Footer,Services_abonnes,,AVP_jeuxconcours,navigation" class="latino-100m text-grey-400 link--nav" >Avant-premières et jeux concours</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" >Les 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="https://www.nouvelobs.com/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.nouvelobs.com/plan-du-site" data-piano="Footer,Services_abonnes,,Le_plan_du_site,navigation" class="latino-100m text-grey-400 link--nav" >Le plan du site</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>  </ul>  </div>  <div id="footer-group_websites">  <p class="latino-450r text-grey-100">Les sites du groupe</p> <ul class="d-flex flex-column gap-4 mt-8">  <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> <div id="footer-group_magazine"> <p class="latino-450r text-grey-100">Le magazine</p>    <a href="/kiosque" data-piano="Footer,Le_Magazine,,Lire_le_mag,navigation"> <picture class="flex-shrink-0 mt-8"> <source media="(max-width:768px)" srcset="https://focus.nouvelobs.com/2026/06/10/0/0/1728/2249/119/156/75/0/73880e8_upload-1-t0z3i7ajr0zc-3222met-001-w.jpg" width="120" height="156"> <img src="https://focus.nouvelobs.com/2026/06/10/0/0/1728/2249/90/118/75/0/73880e8_upload-1-t0z3i7ajr0zc-3222met-001-w.jpg" alt="Couverture Nouvel Obs du 10 juin 2026" loading="lazy" decoding="async"> </picture> </a>  </div> <div id="footer-group_apps" class="mt-32"> <p class="latino-450r text-grey-100">L'application du Nouvel Obs</p> <div class="d-flex flex-column mt-8 gap-8"> <a href="https://apps.apple.com/fr/app/le-nouvel-obs-actus-et-infos/id361705445" data-piano="Footer,Autres_services,,Appli_iOS,navigation"> <img class="w-100" src="/bucket/resources/web/img/app/679688be1d0e4b78b325.png" alt="Télécharger dans l'App Store" loading="lazy" decoding="async"> </a> <a href="https://play.google.com/store/apps/details?id=com.nouvelobs.androidapp" data-piano="Footer,Autres_services,,Appli_Android,navigation"> <img class="w-100" src="/bucket/resources/web/img/app/877997bd55f0dbb32b16.png" alt="Disponible sur Google Play" loading="lazy" decoding="async"> </a> </div> </div> </div> </div>  <div class="w-100 mt-lg-16"> <ul class="d-flex flex-column gap-12 flex-md-row gap-md-0 justify-content-center"> <li class="d-flex align-items-center"> <p class="latino-450r text-grey-100 pe-4">Liens utiles :</p> </li>   <li class="flex-shrink-0"> <a href="https://www.nouvelobs.com/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-4 text-grey-400">|</li>  <li class="flex-shrink-0"> <a href="https://www.nouvelobs.com/cgv" data-piano="Footer,Liens_utiles,,CGV,navigation" class="latino-100m text-grey-400 link--nav "> CGV </a> </li>   <li class="px-4 text-grey-400">|</li>  <li class="flex-shrink-0"> <a href="https://www.nouvelobs.com/licence" data-piano="Footer,Liens_utiles,,Copyright,navigation" class="latino-100m text-grey-400 link--nav "> Copyright </a> </li>   <li class="px-4 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-4 text-grey-400">|</li>  <li class="flex-shrink-0"> <a href="https://www.nouvelobs.com/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-4 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 gdpr-cs-manage-consent-link"> Gestion des cookies </a> </li>   <li class="px-4 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-24 justify-content-center"> <span class="latino-100m text-grey-400">© Le Nouvel Obs - 2026</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/resources/web/img/e86dad2a9be111d0faac.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-450r"> <span class="toast_text"></span> <a class="toast_undoable" href="#">Annuler</a> </p> <button type="button" aria-label="Masquer ce message" class="toast_close ms-8 btn btn--small btn--icon-only btn--transparent" style="--btn-color:#FFF">    <svg class="icon icon--navigation_croix  " style="--fill:#fff">   <use href="/bucket/resources/web/img/e86dad2a9be111d0faac.svg#navigation_croix"></use>  </svg>  </button> </div> </div>   <div class="notifications d-flex flex-column gap-32 py-8 pb-lg-16 px-16 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 src="/bucket/resources/web/js/b1cacb583a5de6754974.js" defer="true" async="true"></script>
  <script>setTimeout(function () { window.location.reload(); }, 300000);</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 src="/bucket/resources/web/js/121e0f36dfe29f1b6962.js" async="async"></script>
    <script type="application/javascript" src="/bucket/resources/web/js/8a0e0bccea1ca5b61618.js"></script>  <script type="text/plain"
            data-gdpr-purposes="personalization"
            data-gdpr-src="/bucket/resources/web/js/f3bd7f84af5747b05a8b.js"
    ></script>  <script src="/bucket/resources/web/js/7c0b068b09ad4e2e4075.js" defer="true"></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/v4/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/bucket/resources/web/img/icons/nouvelobs/1d6c41a42ca3d6245f75.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/bucket/resources/web/img/icons/nouvelobs/1d6c41a42ca3d6245f75.png',
    smallIcon: 'https://www.nouvelobs.com/bucket/resources/web/img/icons/nouvelobs/317aecd0c6e3403ba526.png',
    ui: batchSDKUIConfig,
    defaultDataCollection: {
        geoIP: true
    },
    serviceWorker: {
      waitTimeout: 10,
      automaticallyRegister: false
    },
    safari: {
      'https://www.nouvelobs.com': 'web.www.nouvelons.com',
    }
});
</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;

    var _cbq = _cbq || [];
    _cbq.push(['_acct', 'anon']);
  </script>   <script>
      _sf_async_config.flickerControl = false;
      var tiktokEditoPage = true;
    </script>   <script type="text/plain" data-gdpr-purposes="analytics" data-gdpr-src="/bucket/resources/web/js/633eca2f39d300bfcb98.js"></script>  <script src="/bucket/resources/web/js/c8b19c6e74c301af022f.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> 