CINXE.COM

<!DOCTYPE html> <html lang="fr" class=""> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="preconnect" href="https://use.typekit.net/"> <link rel="preconnect" href="https://p.typekit.net"> <link rel="preload" href="https://use.typekit.net/tsq1pnc.css" as="style"/> <link rel="stylesheet" href="https://use.typekit.net/tsq1pnc.css"/> <link rel="preload" href="https://www.nouvelobs.com/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg" as="image"/> <title>BD : actualités en direct et info en continu</title> <meta name="description" content="Suivez toute l’actualité « BD » en direct. Découvrez tous les articles consacrés à la thématique « BD » : analyses, interviews, vidéos, reportages et témoignages publiés par le Nouvel Obs" /> <link rel="manifest" href="https://www.nouvelobs.com/manifest.json" /> <link rel="shortcut icon" href="https://www.nouvelobs.com/icons/nouvelobs/favicon.ico" /> <link rel="icon" type="image/png" sizes="16x16" href="https://www.nouvelobs.com/icons/nouvelobs/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="32x32" href="https://www.nouvelobs.com/icons/nouvelobs/favicon-32x32.png" /> <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://www.nouvelobs.com/icons/nouvelobs/apple-touch-icon.png" /> <meta name="application-name" content="Le Nouvel Obs : actus et infos" /> <link rel="canonical" href="https://www.nouvelobs.com/bd/" /> <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" /> <link rel="next" href="https://www.nouvelobs.com/bd/page/2" /> <link rel="alternate" title="bd" type="application/rss+xml" href="https://www.nouvelobs.com/bd/rss.xml" /> <link rel="alternate" href="nobsfr://rubrique/bd?at_medium=deeplink_site_mobile&at_campaign=home_rubrique&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://rubrique/bd?at_medium=deeplink_site_mobile&at_campaign=home_rubrique&source=applink" /> <meta property="al:ios:app_name" content="Le Nouvel Obs infos & analyses" /> <meta property="al:ios:app_store_id" content="361705445" /> <meta property="al:ios:url" content="nobsfr://rubrique/bd?at_medium=deeplink_site_mobile&at_campaign=home_rubrique&source=applink" /> <meta property="al:ipad:app_name" content="Le Nouvel Obs infos & analyses" /> <meta property="al:ipad:app_store_id" content="361705445" /> <meta property="al:ipad:url" content="nobsfr://rubrique/bd?at_medium=deeplink_site_mobile&at_campaign=home_rubrique&source=applink" /> <meta name="apple-itunes-app" content="app-id=361705445" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" /> <meta property="fb:admins" content="617448404" /> <meta property="fb:app_id" content="221722803985" /> <meta property="og:description" content="Suivez toute l’actualité « BD » en direct. Découvrez tous les articles consacrés à la thématique « BD » : analyses, interviews, vidéos, reportages et témoignages publiés par le Nouvel Obs" /> <meta property="og:image" content="https://www.nouvelobs.com/icons/nouvelobs/og.png" /> <meta property="og:image:height" content="630" /> <meta property="og:image:width" content="1200" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:site_name" content="Le Nouvel Obs" /> <meta property="og:title" content="BD : actualités en direct et info en continu" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.nouvelobs.com/bd/" /> <meta name="twitter:app:country" content="FR" /> <meta name="twitter:app:id:googleplay" content="com.nouvelobs.androidapp" /> <meta name="twitter:app:id:ipad" content="361705445" /> <meta name="twitter:app:id:iphone" content="361705445" /> <meta name="twitter:app:name:googleplay" content="Le Nouvel Obs : actus et infos" /> <meta name="twitter:app:name:ipad" content="Le Nouvel Obs infos & analyses" /> <meta name="twitter:app:name:iphone" content="Le Nouvel Obs infos & analyses" /> <meta name="twitter:app:url:googleplay" content="nobsfr://rubrique/bd?at_medium=deeplink_site_mobile&at_campaign=home_rubrique&source=applink" /> <meta name="twitter:app:url:ipad" content="nobsfr://rubrique/bd?at_medium=deeplink_site_mobile&at_campaign=home_rubrique&source=applink" /> <meta name="twitter:app:url:iphone" content="nobsfr://rubrique/bd?at_medium=deeplink_site_mobile&at_campaign=home_rubrique&source=applink" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@Le_NouvelObs" /> <meta name="twitter:description" content="Suivez toute l’actualité « BD » en direct. Découvrez tous les articles consacrés à la thématique « BD » : analyses, interviews, vidéos, reportages et témoignages publiés par le Nouvel Obs" /> <meta name="twitter:image" content="https://www.nouvelobs.com/icons/nouvelobs/og.png" /> <meta name="twitter:site" content="@Le_NouvelObs" /> <meta name="twitter:title" content="BD : actualités en direct et info en continu" /> <meta name="twitter:url" content="https://www.nouvelobs.com/bd/" /> <meta name="twitter:widgets:csp" content="on" /> <link rel="stylesheet" type="text/css" href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/css/sections.css" /> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"A la une","item":"https:\/\/www.nouvelobs.com"},{"@type":"ListItem","position":2,"name":"BibliObs","item":"https:\/\/www.nouvelobs.com\/bibliobs\/"},{"@type":"ListItem","position":3,"name":"BD","item":"https:\/\/www.nouvelobs.com\/bd\/"}]}</script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"NewsMediaOrganization","name":"Le Nouvel Obs","alternateName":"L'Obs","url":"https:\/\/www.nouvelobs.com","logo":"https:\/\/www.nouvelobs.com\/icons\/nouvelobs\/tile-wide.png","sameAs":["https:\/\/www.facebook.com\/lenouvelobservateur\/","https:\/\/twitter.com\/Le_NouvelObs","https:\/\/www.instagram.com\/nouvelobs\/","https:\/\/www.youtube.com\/channel\/UC1ObaaFz4XHVPN2T5IFsU4w","https:\/\/www.linkedin.com\/company\/nouvelobs\/","https:\/\/www.dailymotion.com\/nouvelobs","https:\/\/bsky.app\/profile\/nouvelobs.bsky.social","https:\/\/t.snapchat.com\/rwMJi93J","https:\/\/www.tiktok.com\/@nouvelobs"]}</script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"ItemList","url":"https:\/\/www.nouvelobs.com\/bd\/","description":"BD","itemListElement":[{"@type":"ListItem","position":1,"url":"https:\/\/www.nouvelobs.com\/culture\/20241122.OBS96805\/pourquoi-dragon-ball-est-le-pere-de-tous-les-mangas.html"},{"@type":"ListItem","position":2,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241122.OBS96768\/dans-la-maison-de-tom-tom-et-nana-visite-guidee-chez-bernadette-despres.html"},{"@type":"ListItem","position":3,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241120.OBS96654\/bd-decouvrir-la-guerre-de-coree-dans-les-pas-du-grand-journaliste-henri-de-turenne.html"},{"@type":"ListItem","position":4,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241107.OBS96046\/madeleine-riffaud-resistante-reporter-de-guerre-poetesse-et-heroine-de-bande-dessinee.html"},{"@type":"ListItem","position":5,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241105.OBS95940\/moi-ce-que-j-aime-c-est-les-monstres-livre-deuxieme-par-emil-ferris-l-heureux-retour-des-monstres.html"},{"@type":"ListItem","position":6,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241031.OBS95717\/dupuis-retire-une-bd-de-dany-et-yann-accusee-de-racisme-sur-les-reseaux-sociaux.html"},{"@type":"ListItem","position":7,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241019.OBS95207\/les-femmes-n-ont-jamais-pu-parler-depuis-que-le-monde-est-monde-on-commence-a-peine-et-on-ne-compte-pas-s-arreter.html"},{"@type":"ListItem","position":8,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241016.OBS95037\/comment-le-dessinateur-bastien-vives-accuse-de-promouvoir-la-pedopornographie-a-orchestre-son-grand-retour.html"},{"@type":"ListItem","position":9,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241014.OBS94958\/bill-watterson-l-auteur-de-calvin-hobbes-est-de-retour-avec-un-album-intrigant.html"},{"@type":"ListItem","position":10,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241009.OBS94754\/le-scenariste-job-co-createur-de-la-bande-dessinee-yakari-est-mort.html"},{"@type":"ListItem","position":11,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241008.OBS94695\/deux-filles-nues-par-luz-la-seconde-guerre-mondiale-depuis-un-chevalet.html"},{"@type":"ListItem","position":12,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241006.OBS94590\/joe-sacco-sur-la-guerre-a-gaza-nous-creons-en-ce-moment-meme-les-problemes-du-futur.html"},{"@type":"ListItem","position":13,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20241003.OBS94482\/pierre-christin-co-createur-de-valerian-et-laureline-est-mort-a-l-age-de-86-ans.html"},{"@type":"ListItem","position":14,"url":"https:\/\/www.nouvelobs.com\/justice\/20241003.OBS94469\/affaire-gregory-la-vengeance-n-est-pas-une-solution-ecrit-jean-marie-villemin-dans-la-preface-d-une-bande-dessinee-consacree-a-son-proces.html"},{"@type":"ListItem","position":15,"url":"https:\/\/www.nouvelobs.com\/culture\/20241002.OBS94418\/j-ai-grandi-depuis-mes-14-ans-avec-un-frere-fantome-riad-sattouf-raconte-l-histoire-de-fadi-vole-par-son-pere.html"},{"@type":"ListItem","position":16,"url":"https:\/\/www.nouvelobs.com\/rue89\/20240924.OBS94045\/le-concept-de-nouveau-pere-est-une-anarque.html"},{"@type":"ListItem","position":17,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240924.OBS94037\/dans-les-evasions-perdues-thomas-legrand-raconte-la-captivite-de-son-pere-dans-un-stalag.html"},{"@type":"ListItem","position":18,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240920.OBS93850\/les-editions-2024-pensaient-s-arreter-en-2024-et-puis-2024-est-arrive.html"},{"@type":"ListItem","position":19,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240915.OBS93597\/impenetrable-journal-de-1985-deux-filles-nues-nos-bd-preferees-de-la-rentree.html"},{"@type":"ListItem","position":20,"url":"https:\/\/www.nouvelobs.com\/cinema\/20240910.OBS93397\/joann-sfar-releve-le-defi-d-adapter-le-voyage-au-bout-de-la-nuit-au-cinema.html"},{"@type":"ListItem","position":21,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240816.OBS92454\/avec-ana-ana-et-ses-doudous-j-ai-recree-le-microcosme-d-une-societe-dans-une-chambre-d-enfant.html"},{"@type":"ListItem","position":22,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240801.OBS91901\/mort-d-andre-juillard-dessinateur-des-sept-vies-de-l-epervier-et-de-blake-et-mortimer.html"},{"@type":"ListItem","position":23,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240729.OBS91789\/shubeik-lubeik-de-deena-mohamed-faites-un-v-u.html"},{"@type":"ListItem","position":24,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240725.OBS91627\/shubeik-lubeik-racines-zorro-7-bd-qu-il-est-toujours-temps-de-glisser-dans-sa-valise-de-vacances.html"},{"@type":"ListItem","position":25,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240725.OBS91585\/la-fortune-de-poutine-enquete-sur-les-milliards-du-maitre-du-kremlin.html"},{"@type":"ListItem","position":26,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240722.OBS91456\/dix-auteurs-de-bd-integrent-la-collection-permanente-du-centre-pompidou.html"},{"@type":"ListItem","position":27,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240710.OBS90942\/berserk-pendant-vingt-cinq-ans-kentar-miura-m-a-repete-en-boucle-la-fin-de-son-histoire.html"},{"@type":"ListItem","position":28,"url":"https:\/\/www.nouvelobs.com\/culture\/20240706.OBS90749\/romans-films-series-expos-notre-selection-culturelle-pour-l-ete-ou-que-vous-soyez.html"},{"@type":"ListItem","position":29,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240623.OBS90125\/petit-pays-l-odeur-des-pins-on-est-en-finale-12-bd-qui-permettent-d-oublier-un-peu-l-actu.html"},{"@type":"ListItem","position":30,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240623.OBS90116\/riad-sattouf-caroline-o-donoghue-olivia-de-lamberterie-les-livres-de-la-semaine-a-ne-pas-rater.html"},{"@type":"ListItem","position":31,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240622.OBS90107\/art-spiegelman-nous-parle-bd-lichtenstein-n-en-a-pas-fait-plus-pour-la-bande-dessinee-qu-andy-warhol-pour-la-soupe.html"},{"@type":"ListItem","position":32,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240617.OBS89895\/la-communaute-manga-peut-elle-faire-perdre-jordan-bardella.html"},{"@type":"ListItem","position":33,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240614.OBS89749\/cinq-personnes-condamnees-pour-menaces-contre-l-auteur-de-bd-bastien-vives.html"},{"@type":"ListItem","position":34,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240605.OBS89335\/clemence-en-colere-par-mirion-malle-au-lance-flammes.html"},{"@type":"ListItem","position":35,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240601.OBS89127\/l-histoire-de-mahar-le-petit-lionceau-du-califat.html"},{"@type":"ListItem","position":36,"url":"https:\/\/www.nouvelobs.com\/culture\/20240530.OBS89059\/comment-tourner-la-page-apres-une-separation-nos-conseils-de-lecture.html"},{"@type":"ListItem","position":37,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240519.OBS88591\/bd-depression-et-des-bulles.html"},{"@type":"ListItem","position":38,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240512.OBS88257\/manu-larcenet-magali-destruel-denis-lafay-les-livres-de-la-semaine-a-ne-pas-rater.html"},{"@type":"ListItem","position":39,"url":"https:\/\/www.nouvelobs.com\/culture\/20240504.OBS87941\/journee-star-wars-le-dessinateur-des-guerres-de-lucas-vous-apprend-a-dessiner-c-3po.html"},{"@type":"ListItem","position":40,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20240414.OBS87068\/une-transition-de-genre-racontee-en-manga-ma-plus-grande-inquietude-etait-de-blesser-quelqu-un.html"}]}</script> <script> window.lobs = {"env":"prod","user":false,"isAbo":false,"device":"desktop","isShowcaseRequest":false,"app":false,"urls":{"connection":"https:\/\/sec.nouvelobs.com\/sfuser\/connexion?redirectionUrl=https%3A%2F%2Fwww.nouvelobs.com%2Fbd%2F","swgSubscription":"https:\/\/www.nouvelobs.com\/bucket\/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77\/js\/swg_subscription.bundle.js"},"context":{"analytics":{"forecast":{"pageType":"section","domain":"https:\/\/forecast.nouvelobs.com","brand":"lobs","campaigns":true}},"page_type":"Autres","page_subtype":"HomeRubrique"}}; </script> <script> if ('serviceWorker' in navigator) { var path = "/service-worker.js?personalization=" + encodeURIComponent(false ? 1 : 0) + '&bucket=' + encodeURIComponent("\/bucket\/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77\/"); navigator.serviceWorker.register(path, {scope: '/'}) .then(function(registration) {}, function(err) {}); } </script> <meta name="pbstck_context:environment" content="prod"/> <meta name="pbstck_context:device" content="desktop"/> <meta name="pbstck_context:user_status" content="default"/> <meta name="pbstck_context:inventory_type" content="web"/> <meta name="pbstck_context:site_name" content="obs_obs"/> <meta name="pbstck_context:section" content="bibliobs"/> <meta name="pbstck_context:subsection" content="bibliobs"/> <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="bibliobs,bd"/> <meta name="ad:rubriques" content="bibliobs,bd"/> <meta name="ad:rub" content="bd"/> <meta name="ad:rubrique_id" content="75"/> <script> var googletag = window.googletag || {cmd: []}; googletag.cmd.push(function () { googletag.pubads().addEventListener('slotRenderEnded', function (e) { if (e.isEmpty) return; var slotname = e.slot.getSlotElementId(), slotHtmlElement = document.getElementById(slotname); if (slotHtmlElement) { if (slotname.indexOf('cover') > -1) { setTimeout(function () { var sublime = document.querySelector('#sublime-container #sublime-content, #sublime-mobile-top-container'); var style = document.querySelector('style#sublime-menu-height'); if (!style) { style = document.createElement('style'); style.id = 'sublime-menu-height'; document.body.insertAdjacentElement('afterbegin', style); } style.innerHTML = ''; if (sublime) { style.innerHTML = '.obs_menu.obs_menu--open {top:'+sublime.getBoundingClientRect().height+'px !important;}'; } }, 1000) } if (typeof performance !== 'undefined') { performance.mark('render ad', {detail: e.slot.getAdUnitPath()}) } } }) }); </script> <script type="text/plain" data-gdpr-purposes="ads" data-gdpr-src="https://boot.pbstck.com/v1/adm/2bf7e952-475b-490b-8136-c7be8fa3d218" data-gdpr-no-consent-src="https://boot.pbstck.com/v1/adm/2bf7e952-475b-490b-8136-c7be8fa3d218" async></script> <script> window.lobs_piano = {"collectPath":"f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77","site":561552,"properties":{"site_level2":"NOTR - Web","canal_plateforme":"Responsive","user_agent":"Fixe","type_contenu":"Home_Rubrique","sous_type_contenu":"Autres","b:projet_on":true,"consent":"not found","authentification":"Non loggu\u00e9","type_visiteur":"Anonyme","edito_vs_service":"Edito","profil_contenu":"Redaction_Web","thematique_1":"Bd","thematique_2":"Bd"},"event_page":{"page_chapter1":"Bd","page_chapter2":"Bd","page":"Home"},"full_page":"","user":null}; var GDPR_CONFIG = { usePiano: true, usePianoQueue: '_paq', usePianoAsyncCommands: false, content: { siteName: "Le Nouvel Obs", deName: "du Nouvel Obs", aName: "au Nouvel Obs", paramsRefresh: true, policyUrl: "https://www.nouvelobs.com/donnees-personnelles", vendors: { analytics: ["SmartTag", "Chartbeat", "Amplitude", "TikTok"], social: ["Facebook", "Twitter", "Instagram", "Pinterest", "LinkedIn"], mediaPlatforms: ["Dailymotion"], personalization: ["Batch", "Forecast", "Selligent"], }, }, }; </script> <script type="text/javascript">!function(){"use strict";var e;(function(e){e.exports=function(){for(var e,t="__tcfapiLocator",a=[],r=window;r;){try{if(r.frames[t]){e=r;break}}catch(e){}if(r===window.top)break;r=r.parent}e||(function e(){var a=r.document,n=!!r.frames[t];if(!n)if(a.body){var s=a.createElement("iframe");s.style.cssText="display:none",s.name=t,a.body.appendChild(s)}else setTimeout(e,5);return!n}(),r.__tcfapi=function(){for(var e,t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];if(!r.length)return a;if("setGdprApplies"===r[0])r.length>3&&2===parseInt(r[1],10)&&"boolean"==typeof r[3]&&(e=r[3],"function"==typeof r[2]&&r[2]("set",!0));else if("ping"===r[0]){var s={gdprApplies:e,cmpLoaded:!1,cmpStatus:"stub"};"function"==typeof r[2]&&r[2](s)}else a.push(r)},r.addEventListener("message",(function(e){var t="string"==typeof e.data,a={};try{a=t?JSON.parse(e.data):e.data}catch(e){}var r=a&&a.__tcfapiCall;r&&window.__tcfapi(r.command,r.version,(function(a,n){var s={__tcfapiReturn:{returnValue:a,success:n,callId:r.callId}};t&&(s=JSON.stringify(s)),e&&e.source&&e.source.postMessage&&e.source.postMessage(s,"*")}),r.parameter)}),!1))}}(e={exports:{}},e.exports),e.exports)()}();</script> <script src="https://cmp.nouvelobs.com/js/nouvelobs.min.js"></script> <script>function getPurposes() { const cs = RegExp('lmd_consent=[^;]+').exec(document.cookie); if (cs) { try { const cc = JSON.parse(decodeURIComponent(cs ? cs.toString().replace(/^[^=]+./, '') : '')); if (cc.purposes) { return cc.purposes; } } catch (e) { return false; } } return false; } function hasConsent() { return !!getPurposes(); } function getConsents() { var isDefined = hasConsent(); var values = isDefined ? getPurposes() : false; var purposesNames = ["analytics","social","personalization","ads","mediaPlatforms"]; var consent = { isDefined: isDefined, hasNone: true, hasAll: true, hasAny: false }, p, v; for (var i = 0, l = purposesNames.length; i < l; i++) { p = purposesNames[i]; v = values && typeof values[p] === "boolean" ? values[p] : false; consent[p] = v; if (v) { consent.hasNone = false; consent.hasAny = true; } else { consent.hasAll = false; } } return consent; } function updateConsentClasses() { var html = document.documentElement; if (getConsents().isDefined) { html.classList.remove('cmp-not-defined'); } else { html.classList.add('cmp-not-defined'); } if (getConsents().hasNone) { html.classList.add('cmp-refused-all'); } else { html.classList.remove('cmp-refused-all'); } if (getConsents().ads) { html.classList.add('cmp-allowed-ads'); html.classList.remove('cmp-refused-ads'); } else { html.classList.remove('cmp-allowed-ads'); html.classList.add('cmp-refused-ads'); } if (getConsents().analytics) { html.classList.add('cmp-allowed-analytics'); html.classList.remove('cmp-refused-analytics'); } else { html.classList.remove('cmp-allowed-analytics'); html.classList.add('cmp-refused-analytics'); } if (getConsents().mediaPlatforms) { html.classList.add('cmp-allowed-mediaPlatforms'); html.classList.remove('cmp-refused-mediaPlatforms'); } else { html.classList.remove('cmp-allowed-mediaPlatforms'); html.classList.add('cmp-refused-mediaPlatforms'); } if (typeof Event === 'function') { var updateConsentEvent = new Event('updateConsentClasses'); html.dispatchEvent(updateConsentEvent); } } window.addEventListener('load', function() { updateConsentClasses(); }); document.addEventListener('gdprConsentGiven', function() { updateConsentClasses(); }); </script> <script>var xtvisitor = "";</script> </head> <body> <div id="cover" class="dfp-slot dfp-unloaded" data-format="cover"></div> <style> .obs_header{ --link-default-color: #EAEAEA; } .obs_menu_content{ --link-default-color: #171717; } </style> <section id="header" class="obs_header"> <header role="banner" class=""> <div class="obs_header__inner"> <div class="d-flex justify-content-between align-items-start"> <div class="obs-header__left d-flex"> <button type="button" class="obs_menu_btn collapsed-only btn btn--medium btn--icon-only btn--edito-secondary me-15" data-piano="Header,,,Menu,action"> <svg class="icon icon--navigation_menu " style="--fill:#171717"> <title>Menu</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#navigation_menu"></use> </svg> <span>Menu</span> </button> <a href="/" class="obs_header_logo" title="Le Nouvel Obs - Retourner à l'accueil" data-piano="Header,,,Logo,navigation"> <svg class="logo logo-lenouvelobs" style="--fill:#FFFFFF;height:7.14rem;width:36.5rem;" preserveAspectRatio="xMinYMin slice"> <title>Le Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#lenouvelobs"></use> </svg> </a> </div> <div class="obs_header__actions d-flex align-items-center"> <div class="obs_menu_mag"> <a class="link--nav d-none d-lg-flex align-items-center pe-15" href="/kiosque" data-piano="Header,,,Lire_mag_semaine,navigation"> <svg class="icon icon--magazine " style="--fill:#FFF"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#magazine"></use> </svg> <span class="latino-300b pt-5 ps-10">Lire le magazine</span> </a> </div> <div class="action_btns d-flex align-items-center gap-10 ps-10"> <span tabindex="0" class="obs_menu_buddy btn btn--medium btn--edito-secondary" data-piano="Header,,,Connexion,action" data-urlencode="aHR0cHM6Ly9zZWMubm91dmVsb2JzLmNvbS9zZnVzZXIvY29ubmV4aW9u"> <svg class="icon icon--person-connexion " style="--fill:#171717"> <title>Se connecter</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#person-connexion"></use> </svg> <span>Se connecter</span> </span> <span tabindex="0" class="obs_menu_subscribe btn btn--medium btn--conversion-primary" style="--btn-bg:#FEEB6F;--btn-color:#352601;" rel="nofollow" aria-label="Je m’abonne au Nouvel Obs" data-piano="Header,,,S_abonner_FestivalNO,navigation" data-urlencode="aHR0cHM6Ly93d3cubm91dmVsb2JzLmNvbS9hYm9ubmVtZW50"> <svg class="icon icon--arrow-right " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> Offre anniversaire : s'abonner pour 1€ </span> </div> </div> </div> </div> <div class="obs_header__inner"> <nav class="obs_nav"> <ul class="obs_nav-inner d-flex align-items-center justify-content-lg-between scroll-x-snap gap-15 pt-15 pt-lg-20 pb-10 pb-lg-20"> <li class="scroll-x-snap__item flex-shrink-0"> <a href="#" class="obs_menu_btn link--nav d-flex gap-10 latino-300b latino-lg-600m" data-piano="Header,Nav,,Menu,action"> <svg class="icon icon--navigation_menu " style="--fill:#FFF"> <title>Menu</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#navigation_menu"></use> </svg> <span>Menu</span> </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/societe/" data-piano="Header,Nav,,Societe,navigation"> Société </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/politique/" data-piano="Header,Nav,,Politique,navigation"> Politique </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/monde/" data-piano="Header,Nav,,Monde,navigation"> Monde </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/ecologie/" data-piano="Header,Nav,,Ecologie,navigation"> Ecologie </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/economie/" data-piano="Header,Nav,,Economie,navigation"> Economie </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/idees/" data-piano="Header,Nav,,Idees,navigation"> Idées </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/culture/" data-piano="Header,Nav,,Culture,navigation"> Culture </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/tendances/" data-piano="Header,Nav,,Tendances,navigation"> Tendances </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/rue89/" data-piano="Header,Nav,,Rue89,navigation"> Rue89 </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav " href="/bibliobs/" data-piano="Header,Nav,,Bibliobs,navigation"> BibliObs </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a class="latino-300b latino-lg-600m link--nav me-xs-50" href="/teleobs/" data-piano="Header,Nav,,Teleobs,navigation"> TéléObs </a> </li> <li class="scroll-x-snap__item flex-shrink-0"> <a href="/recherche" class="obs_search_btn link--nav d-flex gap-10 latino-300b latino-lg-600m" data-piano="Header,Nav,,Recherche,action"> <svg class="icon icon--magnifier " style="--fill:#FFF"> <title>Rechercher</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#magnifier"></use> </svg> <span>Recherche</span> </a> </li> </ul> <div class="obs_nav__scroll-trigger align-items-center justify-content-end"> <button type="button" class="btn btn--icon-only btn--small btn--edito-secondary me-20" aria-label="faire defiler les thématiques suivantes"> <svg class="icon icon--chevron-right " style="--fill:#FFF"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-right"></use> </svg> </button> </div> </nav> </div> <style> .collapse-content .link--nav{ line-height: 1; padding-top: .9rem; padding-bottom: .9rem; } </style> <nav class="obs_menu" role="navigation" aria-label="Menu principal"> <div role="dialog" aria-modal="true" class="obs_menu_header_actions bg-grey-800 d-flex justify-content-between align-items-center px-30 py-20 ps-lg-65 " style="--btn-label-color: #E1E6F3;"> <p class="antonia-2050b text-grey-100">Menu</p> <div class="d-flex align-items-center"> <a href="https://www.nouvelobs.com/abonnement" class="btn btn--conversion-primary btn--medium latino-300b me-15" style="--btn-bg:#FEEB6F;--btn-color:#352601;" data-piano="Menu,Anonyme,,S_abonner_FestivalNO,action"> <svg class="icon icon--arrow-right " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> <span class="latino-300b">S'abonner</span> </a> <button aria-label="Fermer la navigation" class="obs_menu_close_btn btn btn--edito-secondary btn--medium btn--icon-only" data-piano="Menu,,,Fermer,action"> <svg class="icon icon--navigation_croix " style="--fill:white"> <title>Fermer la navigation</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#navigation_croix"></use> </svg> <span>Fermer</span> </button> </div> </div> <div class="border-top d-flex justify-content-between bg-grey-800 px-60 pt-20 pb-65 px-lg-90" style="--btn-label-color: #E1E6F3;--border-color:#323232"> <span class="btn btn--edito-primary btn--large btn--icon-only show-label" data-piano="Menu,Anonyme,,se_connecter_s_inscrire,action" tabindex="0" data-urlencode="aHR0cHM6Ly9zZWMubm91dmVsb2JzLmNvbS9zZnVzZXIvY29ubmV4aW9u"> <svg class="icon icon--person-connexion " style="--fill:#A5B4D9"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#person-connexion"></use> </svg> <span class="latino-100m text-center">Se connecter<br>S’inscrire</span> </span> <a href="/kiosque" class="btn btn--edito-primary btn--large btn--icon-only show-label" data-piano="Menu,Anonyme,,Lire_le_mag,action"> <svg class="icon icon--magazine " style="--fill:#A5B4D9"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#magazine"></use> </svg> <span class="latino-100m text-center">Lire<br>le magazine</span> </a> <a href="https://abo.nouvelobs.com/faq" class="btn btn--edito-primary btn--large btn--icon-only show-label" data-piano="Menu,Anonyme,,FAQ,action"> <svg class="icon icon--faq " style="--fill:#A5B4D9"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#faq"></use> </svg> <span class="latino-100m text-center">FAQ</span> </a> </div> <div role="document"> <div id="menu-search-block" class="obs_menu_search_box py-20 px-30 px-lg-65" data-piano="Menu,,,Recherche,action"> <a href="/recherche" class="btn btn--edito-tertiary btn--fill"> <svg class="icon icon--magnifier " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#magnifier"></use> </svg> Rechercher un article, un sujet </a> </div> <div class="obs_menu_content d-flex flex-column pt-10 pb-20 gap-10 px-30 px-lg-65"> <div class="collapse"> <button type="button" class="collapse-action link--nav w-100 d-flex justify-content-between" aria-controls="menu-alaune-list" aria-expanded="true"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15"> A la une </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down content-opened" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-alaune-list" class="collapse-content expanded"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-5"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/cop-climat/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Cop29,navigation"> COP29 <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/budget/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Budget,navigation"> Budget <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/justice/20240925.OBS94110/proces-des-viols-de-mazan-l-onde-de-choc.html" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Le_Proces_Des_Viols_De_Mazan,navigation"> Le procès des viols de Mazan <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/depeche/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Actualites_en_continu,navigation"> Actualités en continu <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-societe-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Société </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-societe-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/societe/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe ,,Actualites_Societe,navigation"> Actualités Société <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/justice/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Justice,navigation"> Justice <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/education/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Education,navigation"> Education <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/faits-divers/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Faits_Divers,navigation"> Faits divers <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/sante/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Sante,navigation"> Santé <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/droits-des-femmes/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Droits_Des_Femmes,navigation"> Droits des femmes <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/sciences/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Sciences,navigation"> Sciences <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/parents/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Societe,,Parentalite,navigation"> Parentalité <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-politique-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Politique </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-politique-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/politique/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Politique ,,Actualites_Politique,navigation"> Actualités Politique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/gouvernement/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Politique,,Gouvernement,navigation"> Gouvernement <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/assemblee-nationale/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Politique,,Assemblee_Nationale,navigation"> Assemblée nationale <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-monde-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Monde </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-monde-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/monde/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde ,,Actualites_Monde,navigation"> Actualités Monde <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/afrique/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Afrique,navigation"> Afrique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/amerique/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Amerique,navigation"> Amérique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/asie/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Asie,navigation"> Asie <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/europe/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Europe,navigation"> Europe <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/elections-americaines-de-2024/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Presidentielle_Americaine,navigation"> Présidentielle américaine <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/israel-palestine/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Conflit_Israel_Palestine,navigation"> Conflit Israël-Palestine <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/guerre-en-ukraine/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Monde,,Guerre_En_Ukraine,navigation"> Guerre en Ukraine <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-ecologie-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Ecologie </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-ecologie-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/ecologie/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Ecologie ,,Actualites_Ecologie,navigation"> Actualités Ecologie <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/climat/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Ecologie,,Climat,navigation"> Climat <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/pollution/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Ecologie,,Pollution,navigation"> Pollution <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/la-vie-en-vert/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Ecologie,,Ecologie_Au_Quotidien,navigation"> Écologie au quotidien <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/animaux/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Ecologie,,Animaux,navigation"> Animaux <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-economie-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Economie </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-economie-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/economie/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie ,,Actualites_Economie,navigation"> Actualités Economie <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/numerique/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Numerique,navigation"> Numérique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/social/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Social,navigation"> Social <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/entreprises/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Entreprises,navigation"> Entreprises <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/immobilier/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Immobilier,navigation"> Immobilier <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/conso/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Conso,navigation"> Conso <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/votre-argent/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Argent,navigation"> Argent <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/medias/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Economie,,Medias,navigation"> Médias <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-idees-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Idées </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-idees-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/idees/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Idees ,,Actualites_Idees,navigation"> Actualités Idées <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/philosophie/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Idees,,Philosophie,navigation"> Philosophie <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/histoire/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Idees,,Histoire,navigation"> Histoire <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/feminisme/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Idees,,Feminisme,navigation"> Féminisme <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-culture-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Culture </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-culture-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/culture/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture ,,Actualites_Culture,navigation"> Actualités Culture <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/cinema/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture,,Cinema,navigation"> Cinéma <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/series/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture,,Series,navigation"> Séries <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/musique/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture,,Musique,navigation"> Musique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/theatre/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture,,Theatre,navigation"> Théâtre <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/expositions/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Culture,,Expositions,navigation"> Expositions <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-tendances-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Tendances </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-tendances-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/tendances/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances ,,Actualites_Tendances,navigation"> Actualités Tendances <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/mode/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Mode,navigation"> Mode <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/high-tech/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,High_Tech,navigation"> High-Tech <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/food/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Food,navigation"> Food <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/drinks/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Drinks,navigation"> Drinks <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/vin/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Vins,navigation"> Vins <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/voyage/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Voyage,navigation"> Voyage <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/auto-moto/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Tendances,,Automobile,navigation"> Automobile <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-rue89-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" style="color:var(--rue89,#e1293f) !important"> Rue89 </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-rue89-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/rue89/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Rue89 ,,Actualites_Rue89,navigation"> Actualités Rue89 <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/nos-vies-intimes/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Rue89,,Vies_Intimes,navigation"> Vies intimes <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/notre-epoque/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Rue89,,Notre_Epoque,navigation"> Notre époque <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-bibliobs-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" style="color:var(--bibliobs,#395bd6) !important"> BibliObs </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-bibliobs-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/bibliobs/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Bibliobs ,,Actualites_Bibliobs,navigation"> Actualités BibliObs <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/romans/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Bibliobs,,Romans,navigation"> Romans <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/bd/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Bibliobs,,Bd,navigation"> BD <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/polar/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Bibliobs,,Polars,navigation"> Polars <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/essais/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Bibliobs,,Essais,navigation"> Essais <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-teleobs-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" style="color:var(--teleobs,#00a6e6) !important"> TéléObs </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-teleobs-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/teleobs/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Teleobs ,,Actualites_Teleobs,navigation"> Actualités TéléObs <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/tv/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Teleobs,,Selection_Tv,navigation"> Sélection TV <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/plateformes/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Teleobs,,Plateformes,navigation"> Plateformes <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/podcast/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Teleobs,,Selection_Podcasts,navigation"> Sélection Podcasts <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-lab-o-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Lab-O </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-lab-o-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/lab-o/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Lab_O ,,Actualites_Lab_O,navigation"> Actualités Lab-O <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/2049/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Lab_O,,2049,navigation"> 2049 <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/cycle-ecologie/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Lab_O,,Les_Cycles_Ecoloobs,navigation"> Les Cycles ÉcoloObs <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-opinions-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Opinions </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-opinions-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/opinions/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Opinions ,,Actualites_Opinions,navigation"> Actualités Opinions <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/edito/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Opinions,,Editos,navigation"> Éditos <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/chroniques/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Opinions,,Chroniques,navigation"> Chroniques <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/tribunes/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Opinions,,Tribunes,navigation"> Tribunes <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/billet/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Opinions,,Billets,navigation"> Billets <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-sport-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15" > Sport </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-sport-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-15"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/sport/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Sport ,,Actualites_Sport,navigation"> Actualités Sport <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/jo-2024/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Sport,,Jo_2024,navigation"> JO 2024 <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-formats-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15"> Formats </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-formats-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-5"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="/videos/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Videos,navigation"> Vidéos <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/nos-series/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Toutes_Nos_Series,navigation"> Toutes nos séries <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/grands-entretiens/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Grands_Entretiens,navigation"> Grands entretiens <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/portraits/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Portraits,navigation"> Portraits <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/dossiers/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Dossiers,navigation"> Dossiers <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/les-jeux-de-l-obs/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Formats,,Tous_Les_Jeux,navigation"> Tous les jeux <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-services-list" aria-expanded="false"> <p class="collapse-title d-flex align-items-center antonia-900b-tsv3 text-grey-800 gap-15"> Services </p> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-services-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-5"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="https://programme-tv.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Programme_Tv,navigation" > Programme TV <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://la-conjugaison.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Conjugaison,navigation" > Conjugaison <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/club-abonnes" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Club_Abonnes,navigation" > Club Abonnés <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://boutique.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Boutique,navigation" > Boutique <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://jeux.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Mots_Croises,navigation" > Mots croisés <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.retraite.com/partenariat-lobs/simulation-per/?track=TR62" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Services,,Comparateur_De_Per,navigation" rel="sponsored,nofollow"> Comparateur de PER <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> </div> <div class="border-top border-bottom px-30 px-lg-65 pt-20 pb-25" style="--border-color:#D9D9D9;--link-default-color:#171717"> <div class="collapse"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-promo-code-list" aria-expanded="false"> <div class="collapse-title d-flex align-items-center latino-600m gap-15"> Codes promos <p class="badge latino-100m">Service partenaire</p> </div> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-promo-code-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-5"> <div class="d-flex flex-column" style="column-gap:0.75rem;"> <a href="https://www.nouvelobs.com/bons-plans/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Bons_Plans,navigation"> Bons plans <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo/reduction/bons-plans-shopping" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Blog_Shopping,navigation"> Blog Shopping <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo/reduction/black-friday" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Black_Friday,navigation"> Black Friday <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Codes_Promos,navigation"> Codes promos <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo/cdiscount" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Code_Promo_Cdiscount,navigation"> Code promo Cdiscount <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo/amazon" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Code_Promo_Amazon,navigation"> Code promo Amazon <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/codepromo/rakuten" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Codes_Promo,,Code_Promo_Rakuten,navigation"> Code promo Rakuten <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="collapse mt-20"> <button type="button" class="collapse-action w-100 link--nav d-flex justify-content-between" aria-controls="menu-partners-list" aria-expanded="false"> <div class="collapse-title d-flex align-items-center latino-600m gap-15"> Partenaires <div> <p class="badge latino-100m">Service partenaire</p> </div> </div> <span class="collapse-indicator btn btn--edito-tertiary btn--small btn--icon-only"> <svg class="icon icon--chevron-down" style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-down"></use> </svg> </span> </button> <div id="menu-partners-list" class="collapse-content"> <div class="d-flex flex-column gap-60 flex-shrink-0 pt-5"> <div class="d-flex flex-column mb-30" style="column-gap:0.75rem;"> <a href="https://cours-espagnol.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Partenaires,,Cours_D_Espagnol,navigation"> Cours d'espagnol <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://cours-allemand.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Partenaires,,Cours_D_Allemand,navigation"> Cours d'allemand <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://cours-anglais.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Partenaires,,Cours_D_Anglais,navigation"> Cours d'anglais <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="https://cours-francais.nouvelobs.com/" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,Partenaires,,Cours_De_Francais,navigation"> Cours de français <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div> </div> <div class="pt-20 pb-30 px-30 px-lg-65 align-items-start" style="--link-default-color:rgba(34, 87, 218, 0.80)"> <div class="d-flex gap-20"> <div> <p class="latino-300b text-grey-800">Les newsletters</p> <p class="latino-100m text-grey-500"> Vous vous essoufflez à courir après l’info ? Gagnez du temps avec les sélections de la rédaction. <a href="https://compte.nouvelobs.com/dashboard/newsletters" data-piano="Menu,Les_newsletters,,Decouvrir_toutes_les_newsletters,navigation" class="d-inline-flex link--nav text-blue-600 gap-10"> Découvrir toutes les newsletters <svg class="icon icon--arrow-right " style="--fill:rgba(34, 87, 218, 0.80)"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </p> </div> <div class="flex-shrink-0"> <img src="https://www.nouvelobs.com/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/menu/menu-img-newsletter.png" alt="" width="75" height="75" loading="eager"> </div> </div> <div class="d-flex gap-20 mt-30 align-items-start"> <div> <p class="latino-300b text-grey-800">L’application du Nouvel Obs</p> <p class="latino-100m text-grey-500"> Suivez toute l’actualité française et internationale avec le Nouvel Obs. <br> <a href="https://apps.apple.com/fr/app/le-nouvel-obs-actus-et-infos/id361705445" data-piano="Menu,L_appli_du_NO,,Telecharger_sur_iOS,navigation" class="d-inline-flex link--nav text-blue-600 gap-10"> Télécharger sur iOS <svg class="icon icon--arrow-right " style="--fill:rgba(34, 87, 218, 0.80)"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <br> <a href="https://play.google.com/store/apps/details?id=com.nouvelobs.androidapp" data-piano="Menu,L_appli_du_NO,,Telecharger_sur_Android,navigation" class="d-inline-flex link--nav text-blue-600 gap-10"> Télécharger sur Android <svg class="icon icon--arrow-right " style="--fill:rgba(34, 87, 218, 0.8)"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </p> </div> <div class="flex-shrink-0"> <img src="https://www.nouvelobs.com/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/menu/menu-img-apps.png" alt="" width="75" height="75" loading="eager"> </div> </div> </div> </div> </nav> <div class="obs_overlay"></div> </header> </section> <script> const obsBody = document.body; const obsMenu = document.querySelector('.obs_menu'); const obsMenuLinks = document.querySelectorAll('.obs_menu a'); const obsOverlay = document.querySelector('.obs_overlay'); const obsMenuBtn = document.querySelectorAll('.obs_menu_btn'); const obsMenuCloseBtn = document.querySelector('.obs_menu_close_btn'); function tabIndex(items,index){ for (item of items) { item.tabIndex = index; } } function openMenu() { obsMenu.classList.add('obs_menu--open'); obsOverlay.classList.add('obs_overlay--active'); obsBody.classList.add('overflow-y-hidden'); tabIndex(obsMenuLinks,'0'); obsMenuCloseBtn.focus(); } function closeMenu() { obsMenu.classList.remove('obs_menu--open'); obsOverlay.classList.remove('obs_overlay--active'); obsBody.classList.remove('overflow-y-hidden'); tabIndex(obsMenuLinks,'-1'); } for (menuTrigger of obsMenuBtn){ menuTrigger.addEventListener('click', (e) => { e.preventDefault(); if (obsMenu.classList.contains('obs_menu--open')) { closeMenu(); } else { openMenu(); } }); } obsOverlay.addEventListener('click', () => { closeMenu(); }); obsMenuCloseBtn.addEventListener('click', () => { closeMenu(); }); tabIndex(obsMenuLinks,'-1'); document.addEventListener("DOMContentLoaded", () => { const el_html = document.documentElement, el_body = document.querySelector('body'), headerHeight = document.querySelector("#header").getBoundingClientRect().height, navIsSticky = function() { const wScrollTop = window.pageYOffset || el_body.scrollTop, classSticky = 'scrolling', classFound = el_html.classList.contains(classSticky), bodyRect = el_body.getBoundingClientRect(), treshold = 200; if ( wScrollTop > (treshold + headerHeight) && !classFound ) { el_body.style.paddingTop = headerHeight; el_html.classList.add(classSticky); } if ( wScrollTop < 2 && classFound) { el_body.style.paddingTop = 0; el_html.classList.remove(classSticky); } }, onScrolling = function() { navIsSticky(); }; function onResize(){ const obsNavList = document.querySelector('.obs_nav-inner'); const obsNavSrollTrigger = document.querySelector('.obs_nav__scroll-trigger .btn'); if(window.innerWidth > '1024' && window.innerWidth < '1280'){ obsNavSrollTrigger.style.display = 'flex'; obsNavSrollTrigger.addEventListener('click',function(e){ obsNavList.scrollLeft += 100; }); }else{ if(obsNavSrollTrigger) obsNavSrollTrigger.style.display = 'none'; } } onResize(); window.addEventListener('resize',function (e) { onResize() }) window.addEventListener('scroll', function(){ setTimeout(() => { window.requestAnimationFrame( onScrolling ); },200); }); }); </script> <div id="dfp-habillage" class="dfp-slot" data-format="habillage"></div> <div class="habillagepub" id="ObsMain"> <div id="banniere_haute" class="dfp-slot dfp-unloaded" data-format="banniere_haute"></div> <div class="page"> <main> <section class="section "> <header class="section__header"> <div class="container"> <div class="wrapper"> <nav class="section__header__breadcrumb" aria-label="Breadcrumb"> <ol class="latino-450r py-15 py-lg-20 d-flex flex-wrap align-items-center"> <li class="d-flex flex-nowrap align-items-center"> <a href="/bibliobs/" class="link--nav text-grey-500" data-piano="Home_Section,Fil_Ariane,,1,navigation"> BibliObs </a> <div class="pt-5"> <svg class="icon icon--chevron-right icon--small " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-right"></use> </svg> </div> </li> <li> <span class="text-grey-800" aria-current="page">BD</span> </li> </ol> </nav> <h1 class="section__header__title antonia-3000e antonia-lg-4050e headline-underline headline-underline--bolder" > <span>BD</span> </h1> </div> <div class="px-lg-65"> <article class=" mt-30 mt-lg-50 border-bottom"> <a href="/culture/20241122.OBS96805/pourquoi-dragon-ball-est-le-pere-de-tous-les-mangas.html" class="link--box d-flex flex-column flex-lg-row align-items-center gap-30 pb-30 pb-lg-0 mb-lg-30" data-piano="Home_Section,bd,Grand_article,0,navigation"> <figure class="flex-shrink-0 w-100 w-md-auto"> <picture class="w-100"> <source media="(max-width: 1023px)" srcset="https://focus.nouvelobs.com/2022/09/27/0/0/5247/3498/1023/682/75/0/e92b45f_1664272073510-000-1es1ac.jpg 1x,https://focus.nouvelobs.com/2022/09/27/0/0/5247/3498/2046/1364/75/0/e92b45f_1664272073510-000-1es1ac.jpg 2x" width="1023" height="682"> <img class="w-100" src="https://focus.nouvelobs.com/2022/09/27/0/0/5247/3498/450/300/75/0/e92b45f_1664272073510-000-1es1ac.jpg" srcset="https://focus.nouvelobs.com/2022/09/27/0/0/5247/3498/450/300/75/0/e92b45f_1664272073510-000-1es1ac.jpg 1x,https://focus.nouvelobs.com/2022/09/27/0/0/5247/3498/900/600/75/0/e92b45f_1664272073510-000-1es1ac.jpg 2x" width="450" height="300" loading="eager" decoding="auto" fetchpriority="high" alt="Les livres du manga « Dragon Ball Z » au Salon du Livre de Paris."> </picture> </figure> <div class="w-100 px-8p px-md-65 px-lg-0"> <div class="mb-5"> <span class="latino-900b-tsv3 text-grey-500">Décryptage </span> <h2 class="d-inline text-grey-800 latino-900b-tsv3"> Pourquoi « Dragon Ball » est le père de tous les mangas </h2> </div> <p class="latino-300r text-grey-500 mb-5">Le récit de la quête des boules de cristal a su à la fois imposer le manga en France et poser un modèle pour tous les succès qui suivront, « One Piece » en tête. Alors que le manga célèbre ses quarante ans, nous republions le « Plan culte » que nous lui avions consacré.</p> <div class="d-flex gap-15 mt-15 align-items-center w-100"> <time datetime="2024-11-22T18:37" class="latino-100m text-grey-500"> 22 novembre 2024 à 18h37 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> </a> </article> </div> </div> </header> <section class="section__content" id="flux-antechrono"> <div class="section__content-inner container px-lg-65 gap-40"> <div class="content d-flex flex-column"> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241122.OBS96768/dans-la-maison-de-tom-tom-et-nana-visite-guidee-chez-bernadette-despres.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,1,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Archives </span> <h2 class="latino-600m text-grey-800 d-inline"> Dans la maison de Tom-Tom et Nana : visite guidée chez Bernadette Després </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-11-22T07:30" class="latino-100m text-grey-500"> 22 novembre 2024 à 7h30 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/11/22/0/0/870/580/110/73/75/0/995e9e5_1732250712388-despres.jpg 1x,https://focus.nouvelobs.com/2024/11/22/0/0/870/580/220/146/75/0/995e9e5_1732250712388-despres.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/11/22/0/0/870/580/210/140/75/0/995e9e5_1732250712388-despres.jpg" srcset="https://focus.nouvelobs.com/2024/11/22/0/0/870/580/210/140/75/0/995e9e5_1732250712388-despres.jpg 1x,https://focus.nouvelobs.com/2024/11/22/0/0/870/580/420/280/75/0/995e9e5_1732250712388-despres.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Chez Bernadette Després, une chambre d’enfants dont le plafond mansardé est recouvert de cases de « Tom-Tom et Nana ». "> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-11-22T07:30" class="latino-100m text-grey-500"> 22 novembre 2024 à 7h30 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241120.OBS96654/bd-decouvrir-la-guerre-de-coree-dans-les-pas-du-grand-journaliste-henri-de-turenne.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,2,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Critique </span> <h2 class="latino-600m text-grey-800 d-inline"> BD : découvrir la guerre de Corée dans les pas du grand journaliste Henri de Turenne </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-11-20T10:53" class="latino-100m text-grey-500"> 20 novembre 2024 à 10h53 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/11/20/0/0/1200/800/110/73/75/0/800be7d_1732093949224-000-cs4v3-copie.JPG 1x,https://focus.nouvelobs.com/2024/11/20/0/0/1200/800/220/146/75/0/800be7d_1732093949224-000-cs4v3-copie.JPG 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/11/20/0/0/1200/800/210/140/75/0/800be7d_1732093949224-000-cs4v3-copie.JPG" srcset="https://focus.nouvelobs.com/2024/11/20/0/0/1200/800/210/140/75/0/800be7d_1732093949224-000-cs4v3-copie.JPG 1x,https://focus.nouvelobs.com/2024/11/20/0/0/1200/800/420/280/75/0/800be7d_1732093949224-000-cs4v3-copie.JPG 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Le journaliste Henri de Turenne et son livre « Retour de Corée », en mai 1951. En haut à gauche, la couverture de la BD « Sur le front de Corée »."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-11-20T10:53" class="latino-100m text-grey-500"> 20 novembre 2024 à 10h53 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241107.OBS96046/madeleine-riffaud-resistante-reporter-de-guerre-poetesse-et-heroine-de-bande-dessinee.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,3,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <h2 class="latino-600m text-grey-800 d-inline"> Madeleine Riffaud : résistante, reporter de guerre, poétesse et… héroïne de bande dessinée </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-11-07T15:25" class="latino-100m text-grey-500"> 7 novembre 2024 à 15h25 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/11/06/927/0/2480/1653/110/73/75/0/6d8cf65_1730920845242-dp-madeleine-resistante-2-lr-1.jpg 1x,https://focus.nouvelobs.com/2024/11/06/927/0/2480/1653/220/146/75/0/6d8cf65_1730920845242-dp-madeleine-resistante-2-lr-1.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/11/06/927/0/2480/1653/210/140/75/0/6d8cf65_1730920845242-dp-madeleine-resistante-2-lr-1.jpg" srcset="https://focus.nouvelobs.com/2024/11/06/927/0/2480/1653/210/140/75/0/6d8cf65_1730920845242-dp-madeleine-resistante-2-lr-1.jpg 1x,https://focus.nouvelobs.com/2024/11/06/927/0/2480/1653/420/280/75/0/6d8cf65_1730920845242-dp-madeleine-resistante-2-lr-1.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Détail de la couverture du tome 2 de « Madeleine, Résistante », par Jean-David Morvan, Madeleine Riffaud et Dominique Bertail."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-11-07T15:25" class="latino-100m text-grey-500"> 7 novembre 2024 à 15h25 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241105.OBS95940/moi-ce-que-j-aime-c-est-les-monstres-livre-deuxieme-par-emil-ferris-l-heureux-retour-des-monstres.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,4,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Critique </span> <h2 class="latino-600m text-grey-800 d-inline"> « Moi, ce que j’aime, c’est les monstres, livre deuxième », par Emil Ferris, l’heureux retour des monstres </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-11-05T18:00" class="latino-100m text-grey-500"> 5 novembre 2024 à 18h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/10/30/551/0/1837/1224/110/73/75/0/01018dc_1730306197247-5-monstres-2-int-bat-16-copie.jpg 1x,https://focus.nouvelobs.com/2024/10/30/551/0/1837/1224/220/146/75/0/01018dc_1730306197247-5-monstres-2-int-bat-16-copie.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/10/30/551/0/1837/1224/210/140/75/0/01018dc_1730306197247-5-monstres-2-int-bat-16-copie.jpg" srcset="https://focus.nouvelobs.com/2024/10/30/551/0/1837/1224/210/140/75/0/01018dc_1730306197247-5-monstres-2-int-bat-16-copie.jpg 1x,https://focus.nouvelobs.com/2024/10/30/551/0/1837/1224/420/280/75/0/01018dc_1730306197247-5-monstres-2-int-bat-16-copie.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="« Moi, ce que j’aime, c’est les monstres, livre deuxième », par Emil Ferris."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-11-05T18:00" class="latino-100m text-grey-500"> 5 novembre 2024 à 18h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241031.OBS95717/dupuis-retire-une-bd-de-dany-et-yann-accusee-de-racisme-sur-les-reseaux-sociaux.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,5,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <h2 class="latino-600m text-grey-800 d-inline"> Dupuis retire une BD de Dany et Yann accusée de racisme sur les réseaux sociaux </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-10-31T13:17" class="latino-100m text-grey-500"> 31 octobre 2024 à 13h17 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/10/31/0/0/1200/800/110/73/75/0/071cc05_1730376155837-montage.jpg 1x,https://focus.nouvelobs.com/2024/10/31/0/0/1200/800/220/146/75/0/071cc05_1730376155837-montage.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/10/31/0/0/1200/800/210/140/75/0/071cc05_1730376155837-montage.jpg" srcset="https://focus.nouvelobs.com/2024/10/31/0/0/1200/800/210/140/75/0/071cc05_1730376155837-montage.jpg 1x,https://focus.nouvelobs.com/2024/10/31/0/0/1200/800/420/280/75/0/071cc05_1730376155837-montage.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Les éditions Dupuis ont annoncé ce jeudi 31 octobre le retrait à la vente de l’ouvrage « Spirou et la Gorgone bleue », paru le 8 septembre 2023,"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-10-31T13:17" class="latino-100m text-grey-500"> 31 octobre 2024 à 13h17 </time> </div> </a> </article> <div class="px-8p px-md-65 px-lg-0" style=""> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/bd/" data-widget-id="SF_4" ></div> <style type="text/css"> .OUTBRAIN .SB_1.ob-widget .ob-widget-header { font-family: Oswald-regular !important; font-size: 2.5rem !important; font-weight: normal !important; color: #acacac !important; text-align: left !important; text-transform: initial !important; } .OUTBRAIN .SB_1.ob-widget .ob-widget-header::after { content: unset !important; } .OUTBRAIN .SB_1.ob-widget .ob-widget-header .ob-header { padding: 0 4.5rem 0 0 !important; } </style> </div> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241019.OBS95207/les-femmes-n-ont-jamais-pu-parler-depuis-que-le-monde-est-monde-on-commence-a-peine-et-on-ne-compte-pas-s-arreter.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,6,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Entretien </span> <h2 class="latino-600m text-grey-800 d-inline"> « Les femmes n’ont jamais pu parler depuis que le monde est monde. On commence à peine et on ne compte pas s’arrêter » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-10-19T17:00" class="latino-100m text-grey-500"> 19 octobre 2024 à 17h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/10/18/0/0/1200/800/110/73/75/0/c9c555c_1729247251925-tei-tes.jpg 1x,https://focus.nouvelobs.com/2024/10/18/0/0/1200/800/220/146/75/0/c9c555c_1729247251925-tei-tes.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/10/18/0/0/1200/800/210/140/75/0/c9c555c_1729247251925-tei-tes.jpg" srcset="https://focus.nouvelobs.com/2024/10/18/0/0/1200/800/210/140/75/0/c9c555c_1729247251925-tei-tes.jpg 1x,https://focus.nouvelobs.com/2024/10/18/0/0/1200/800/420/280/75/0/c9c555c_1729247251925-tei-tes.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Alix Garin et Aude Mermilliod."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-10-19T17:00" class="latino-100m text-grey-500"> 19 octobre 2024 à 17h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241016.OBS95037/comment-le-dessinateur-bastien-vives-accuse-de-promouvoir-la-pedopornographie-a-orchestre-son-grand-retour.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,7,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Analyse </span> <h2 class="latino-600m text-grey-800 d-inline"> Comment le dessinateur Bastien Vivès, accusé de promouvoir la pédopornographie, a orchestré son grand retour </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-10-16T07:00" class="latino-100m text-grey-500"> 16 octobre 2024 à 7h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/10/15/24/0/3515/2343/110/73/75/0/458ea64_1728995096645-000-9lw9zt.jpg 1x,https://focus.nouvelobs.com/2024/10/15/24/0/3515/2343/220/146/75/0/458ea64_1728995096645-000-9lw9zt.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/10/15/24/0/3515/2343/210/140/75/0/458ea64_1728995096645-000-9lw9zt.jpg" srcset="https://focus.nouvelobs.com/2024/10/15/24/0/3515/2343/210/140/75/0/458ea64_1728995096645-000-9lw9zt.jpg 1x,https://focus.nouvelobs.com/2024/10/15/24/0/3515/2343/420/280/75/0/458ea64_1728995096645-000-9lw9zt.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Bastien Vivès à Paris, en 2021."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-10-16T07:00" class="latino-100m text-grey-500"> 16 octobre 2024 à 7h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241014.OBS94958/bill-watterson-l-auteur-de-calvin-hobbes-est-de-retour-avec-un-album-intrigant.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,8,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Critique </span> <h2 class="latino-600m text-grey-800 d-inline"> Bill Watterson, l’auteur de « Calvin & Hobbes », est de retour avec un album intrigant </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-10-14T14:00" class="latino-100m text-grey-500"> 14 octobre 2024 à 14h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/10/14/894/657/1223/815/110/73/75/0/66db555_1728895077657-the-mysteries-cover-mech-fr.jpg 1x,https://focus.nouvelobs.com/2024/10/14/894/657/1223/815/220/146/75/0/66db555_1728895077657-the-mysteries-cover-mech-fr.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/10/14/894/657/1223/815/210/140/75/0/66db555_1728895077657-the-mysteries-cover-mech-fr.jpg" srcset="https://focus.nouvelobs.com/2024/10/14/894/657/1223/815/210/140/75/0/66db555_1728895077657-the-mysteries-cover-mech-fr.jpg 1x,https://focus.nouvelobs.com/2024/10/14/894/657/1223/815/420/280/75/0/66db555_1728895077657-the-mysteries-cover-mech-fr.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="« Les Mystères », par Bill Watterson et John Kascht."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-10-14T14:00" class="latino-100m text-grey-500"> 14 octobre 2024 à 14h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241009.OBS94754/le-scenariste-job-co-createur-de-la-bande-dessinee-yakari-est-mort.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,9,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <h2 class="latino-600m text-grey-800 d-inline"> Le scénariste Job, co-créateur de la bande dessinée « Yakari », est mort </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-10-09T17:57" class="latino-100m text-grey-500"> 9 octobre 2024 à 17h57 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/10/09/0/4/3535/2357/110/73/75/0/3bec17c_1728488678445-080-hl-smouchmouche-1846308.jpg 1x,https://focus.nouvelobs.com/2024/10/09/0/4/3535/2357/220/146/75/0/3bec17c_1728488678445-080-hl-smouchmouche-1846308.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/10/09/0/4/3535/2357/210/140/75/0/3bec17c_1728488678445-080-hl-smouchmouche-1846308.jpg" srcset="https://focus.nouvelobs.com/2024/10/09/0/4/3535/2357/210/140/75/0/3bec17c_1728488678445-080-hl-smouchmouche-1846308.jpg 1x,https://focus.nouvelobs.com/2024/10/09/0/4/3535/2357/420/280/75/0/3bec17c_1728488678445-080-hl-smouchmouche-1846308.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Les aventures du petit Indien Yakari ont fait l’objet de 38 albums, parus entre 1973 et 2014, et d’une série animée, diffusée à partir de 2005 en France et en Belgique."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-10-09T17:57" class="latino-100m text-grey-500"> 9 octobre 2024 à 17h57 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241008.OBS94695/deux-filles-nues-par-luz-la-seconde-guerre-mondiale-depuis-un-chevalet.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,10,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Critique </span> <h2 class="latino-600m text-grey-800 d-inline"> « Deux Filles nues », par Luz : la Seconde guerre mondiale depuis un chevalet </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-10-08T19:00" class="latino-100m text-grey-500"> 8 octobre 2024 à 19h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/10/02/1258/0/2490/1660/110/73/75/0/0c07802_1727878072197-extrait-deuxfillesnues-int-pdf-imp-4-1.jpg 1x,https://focus.nouvelobs.com/2024/10/02/1258/0/2490/1660/220/146/75/0/0c07802_1727878072197-extrait-deuxfillesnues-int-pdf-imp-4-1.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/10/02/1258/0/2490/1660/210/140/75/0/0c07802_1727878072197-extrait-deuxfillesnues-int-pdf-imp-4-1.jpg" srcset="https://focus.nouvelobs.com/2024/10/02/1258/0/2490/1660/210/140/75/0/0c07802_1727878072197-extrait-deuxfillesnues-int-pdf-imp-4-1.jpg 1x,https://focus.nouvelobs.com/2024/10/02/1258/0/2490/1660/420/280/75/0/0c07802_1727878072197-extrait-deuxfillesnues-int-pdf-imp-4-1.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="« Deux Filles nues » par Luz."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-10-08T19:00" class="latino-100m text-grey-500"> 8 octobre 2024 à 19h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <div class="px-8p px-md-65 px-lg-0" style=""> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/bd/" data-widget-id="SF_4" ></div> </div> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241006.OBS94590/joe-sacco-sur-la-guerre-a-gaza-nous-creons-en-ce-moment-meme-les-problemes-du-futur.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,11,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Entretien </span> <h2 class="latino-600m text-grey-800 d-inline"> Joe Sacco sur la guerre à Gaza : « Nous créons en ce moment même les problèmes du futur » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-10-06T17:00" class="latino-100m text-grey-500"> 6 octobre 2024 à 17h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/10/01/704/0/3693/2462/110/73/75/0/0c5ef95_1727795689041-joe-sacco-futuropolis.jpg 1x,https://focus.nouvelobs.com/2024/10/01/704/0/3693/2462/220/146/75/0/0c5ef95_1727795689041-joe-sacco-futuropolis.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/10/01/704/0/3693/2462/210/140/75/0/0c5ef95_1727795689041-joe-sacco-futuropolis.jpg" srcset="https://focus.nouvelobs.com/2024/10/01/704/0/3693/2462/210/140/75/0/0c5ef95_1727795689041-joe-sacco-futuropolis.jpg 1x,https://focus.nouvelobs.com/2024/10/01/704/0/3693/2462/420/280/75/0/0c5ef95_1727795689041-joe-sacco-futuropolis.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Joe Sacco."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-10-06T17:00" class="latino-100m text-grey-500"> 6 octobre 2024 à 17h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20241003.OBS94482/pierre-christin-co-createur-de-valerian-et-laureline-est-mort-a-l-age-de-86-ans.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,12,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <h2 class="latino-600m text-grey-800 d-inline"> Pierre Christin, cocréateur de « Valérian et Laureline », est mort à l’âge de 86 ans </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-10-03T15:59" class="latino-100m text-grey-500"> 3 octobre 2024 à 15h59 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/10/03/537/0/2912/1941/110/73/75/0/8076a63_1727960588300-christin-pierre-coul-rita-scaglia.jpg 1x,https://focus.nouvelobs.com/2024/10/03/537/0/2912/1941/220/146/75/0/8076a63_1727960588300-christin-pierre-coul-rita-scaglia.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/10/03/537/0/2912/1941/210/140/75/0/8076a63_1727960588300-christin-pierre-coul-rita-scaglia.jpg" srcset="https://focus.nouvelobs.com/2024/10/03/537/0/2912/1941/210/140/75/0/8076a63_1727960588300-christin-pierre-coul-rita-scaglia.jpg 1x,https://focus.nouvelobs.com/2024/10/03/537/0/2912/1941/420/280/75/0/8076a63_1727960588300-christin-pierre-coul-rita-scaglia.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Pierre Christin."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-10-03T15:59" class="latino-100m text-grey-500"> 3 octobre 2024 à 15h59 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/justice/20241003.OBS94469/affaire-gregory-la-vengeance-n-est-pas-une-solution-ecrit-jean-marie-villemin-dans-la-preface-d-une-bande-dessinee-consacree-a-son-proces.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,13,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Décryptage </span> <h2 class="latino-600m text-grey-800 d-inline"> Affaire Grégory : « La vengeance n’est pas une solution » écrit Jean-Marie Villemin dans la préface d’une bande dessinée consacrée à son procès </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-10-03T10:00" class="latino-100m text-grey-500"> 3 octobre 2024 à 10h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/10/02/1/0/7488/4992/110/73/75/0/68140cf_1727883264402-000-36fy42a.jpg 1x,https://focus.nouvelobs.com/2024/10/02/1/0/7488/4992/220/146/75/0/68140cf_1727883264402-000-36fy42a.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/10/02/1/0/7488/4992/210/140/75/0/68140cf_1727883264402-000-36fy42a.jpg" srcset="https://focus.nouvelobs.com/2024/10/02/1/0/7488/4992/210/140/75/0/68140cf_1727883264402-000-36fy42a.jpg 1x,https://focus.nouvelobs.com/2024/10/02/1/0/7488/4992/420/280/75/0/68140cf_1727883264402-000-36fy42a.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Jean-Marie et Christine Villemin, les parents de Gregory Villemin arrivent au palais de justice de Dijon, le 4 juillet 1989."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-10-03T10:00" class="latino-100m text-grey-500"> 3 octobre 2024 à 10h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/culture/20241002.OBS94418/j-ai-grandi-depuis-mes-14-ans-avec-un-frere-fantome-riad-sattouf-raconte-l-histoire-de-fadi-vole-par-son-pere.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Entretien </span> <h2 class="latino-600m text-grey-800 d-inline"> « J’ai grandi depuis mes 14 ans avec un frère fantôme » : Riad Sattouf raconte l’histoire de Fadi, « volé » par son père </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-10-02T11:30" class="latino-100m text-grey-500"> 2 octobre 2024 à 11h30 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/09/26/233/0/1772/1181/110/73/75/0/2897e36_1727346057782-riad-sattouf-0185.jpg 1x,https://focus.nouvelobs.com/2024/09/26/233/0/1772/1181/220/146/75/0/2897e36_1727346057782-riad-sattouf-0185.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/09/26/233/0/1772/1181/210/140/75/0/2897e36_1727346057782-riad-sattouf-0185.jpg" srcset="https://focus.nouvelobs.com/2024/09/26/233/0/1772/1181/210/140/75/0/2897e36_1727346057782-riad-sattouf-0185.jpg 1x,https://focus.nouvelobs.com/2024/09/26/233/0/1772/1181/420/280/75/0/2897e36_1727346057782-riad-sattouf-0185.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Riad Sattouf à Paris le 17 Septembre 2024"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-10-02T11:30" class="latino-100m text-grey-500"> 2 octobre 2024 à 11h30 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> </div> <div class="sidecol flex-column pt-20"> <div class="mb-lg-40 "> <p class="antonia-2050r headline-underline headline-underline--gradient headline-underline--on-canva mb-30" style="position:relative;"> <span>Les plus lus de BibliObs</span> </p> <a href="https://www.nouvelobs.com/bibliobs/20241126.OBS96964/si-petite-par-frederic-boyer-on-acheve-bien-les-petites-filles.html" class="link--box mb-20" data-piano="Home_Section,bd,PlusLus,1,navigation"> <article> <p class="antonia-2050r headline-underline" style="position:relative;"> <span class="px-8p px-md-65 ps-lg-30 pe-lg-0">1</span> </p> <div class="px-8p px-md-65 px-lg-0"> <p class="latino-300m text-grey-800 d-inline"> « Si petite », par Frédéric Boyer : on achève bien les petites filles </p> </div> </article> </a> <a href="https://www.nouvelobs.com/bibliobs/20241124.OBS96880/carlos-fuentes-en-1982-l-homme-qui-faisait-partie-de-la-nature-a-du-la-quitter-pour-devenir-l-homme.html" class="link--box mb-20" data-piano="Home_Section,bd,PlusLus,2,navigation"> <article> <p class="antonia-2050r headline-underline" style="position:relative;"> <span class="px-8p px-md-65 ps-lg-30 pe-lg-0">2</span> </p> <div class="px-8p px-md-65 px-lg-0"> <p class="latino-300m text-grey-800 d-inline"> Carlos Fuentes en 1982 : « L’homme, qui faisait partie de la nature, a dû la quitter pour devenir l’Homme » </p> </div> </article> </a> </div> <div class="flex-grow-1" style="height:100% ;margin-bottom:3rem;"> <div class="advertising" style="position:sticky;top:12rem;"> <p class="p-10 latino-100b text-violet-200 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> </div> </section> <section class="section__content" id="flux-antechrono-suite-1"> <div class="section__content-inner container px-lg-65 gap-40"> <div class="content d-flex flex-column"> <article class="py-lg-25 border-bottom"> <a href="/rue89/20240924.OBS94045/le-concept-de-nouveau-pere-est-une-anarque.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Entretien </span> <h2 class="latino-600m text-grey-800 d-inline"> « Le concept de “nouveau père” est une arnaque » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-09-24T18:00" class="latino-100m text-grey-500"> 24 septembre 2024 à 18h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/09/20/0/66/724/483/110/73/75/0/4d8a0d8_1726840577790-capture-da-a-cran-20-9-2024-155430.jpeg 1x,https://focus.nouvelobs.com/2024/09/20/0/66/724/483/220/146/75/0/4d8a0d8_1726840577790-capture-da-a-cran-20-9-2024-155430.jpeg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/09/20/0/66/724/483/210/140/75/0/4d8a0d8_1726840577790-capture-da-a-cran-20-9-2024-155430.jpeg" srcset="https://focus.nouvelobs.com/2024/09/20/0/66/724/483/210/140/75/0/4d8a0d8_1726840577790-capture-da-a-cran-20-9-2024-155430.jpeg 1x,https://focus.nouvelobs.com/2024/09/20/0/66/724/483/420/280/75/0/4d8a0d8_1726840577790-capture-da-a-cran-20-9-2024-155430.jpeg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt=""> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-09-24T18:00" class="latino-100m text-grey-500"> 24 septembre 2024 à 18h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240924.OBS94037/dans-les-evasions-perdues-thomas-legrand-raconte-la-captivite-de-son-pere-dans-un-stalag.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Critique </span> <h2 class="latino-600m text-grey-800 d-inline"> Dans « les Evasions perdues », Thomas Legrand raconte la captivité de son père dans un stalag </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-09-24T14:30" class="latino-100m text-grey-500"> 24 septembre 2024 à 14h30 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/09/23/0/0/5472/3648/110/73/75/0/faddb6e_1727083656050-000-32d42wl.jpg 1x,https://focus.nouvelobs.com/2024/09/23/0/0/5472/3648/220/146/75/0/faddb6e_1727083656050-000-32d42wl.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/09/23/0/0/5472/3648/210/140/75/0/faddb6e_1727083656050-000-32d42wl.jpg" srcset="https://focus.nouvelobs.com/2024/09/23/0/0/5472/3648/210/140/75/0/faddb6e_1727083656050-000-32d42wl.jpg 1x,https://focus.nouvelobs.com/2024/09/23/0/0/5472/3648/420/280/75/0/faddb6e_1727083656050-000-32d42wl.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Le journaliste Thomas Legrand."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-09-24T14:30" class="latino-100m text-grey-500"> 24 septembre 2024 à 14h30 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240920.OBS93850/les-editions-2024-pensaient-s-arreter-en-2024-et-puis-2024-est-arrive.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <h2 class="latino-600m text-grey-800 d-inline"> Les éditions 2024 pensaient s’arrêter en 2024. Et puis 2024 est arrivé </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-09-20T11:07" class="latino-100m text-grey-500"> 20 septembre 2024 à 11h07 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/09/18/1738/0/9199/6132/110/73/75/0/84266eb_1726650593380-2024a-christophe-urbain.jpg 1x,https://focus.nouvelobs.com/2024/09/18/1738/0/9199/6132/220/146/75/0/84266eb_1726650593380-2024a-christophe-urbain.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/09/18/1738/0/9199/6132/210/140/75/0/84266eb_1726650593380-2024a-christophe-urbain.jpg" srcset="https://focus.nouvelobs.com/2024/09/18/1738/0/9199/6132/210/140/75/0/84266eb_1726650593380-2024a-christophe-urbain.jpg 1x,https://focus.nouvelobs.com/2024/09/18/1738/0/9199/6132/420/280/75/0/84266eb_1726650593380-2024a-christophe-urbain.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="L’équipe des éditions 2024."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-09-20T11:07" class="latino-100m text-grey-500"> 20 septembre 2024 à 11h07 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240915.OBS93597/impenetrable-journal-de-1985-deux-filles-nues-nos-bd-preferees-de-la-rentree.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Critique </span> <h2 class="latino-600m text-grey-800 d-inline"> « Impénétrable », « Journal de 1985 », « Deux filles nues »… Nos BD préférées de la rentrée </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-09-15T09:30" class="latino-100m text-grey-500"> 15 septembre 2024 à 9h30 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/09/13/1/0/868/578/110/73/75/0/602b2f7_1726242734407-selecbdrentra-e2024.jpg 1x,https://focus.nouvelobs.com/2024/09/13/1/0/868/578/220/146/75/0/602b2f7_1726242734407-selecbdrentra-e2024.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/09/13/1/0/868/578/210/140/75/0/602b2f7_1726242734407-selecbdrentra-e2024.jpg" srcset="https://focus.nouvelobs.com/2024/09/13/1/0/868/578/210/140/75/0/602b2f7_1726242734407-selecbdrentra-e2024.jpg 1x,https://focus.nouvelobs.com/2024/09/13/1/0/868/578/420/280/75/0/602b2f7_1726242734407-selecbdrentra-e2024.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt=""> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-09-15T09:30" class="latino-100m text-grey-500"> 15 septembre 2024 à 9h30 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/cinema/20240910.OBS93397/joann-sfar-releve-le-defi-d-adapter-le-voyage-au-bout-de-la-nuit-au-cinema.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <h2 class="latino-600m text-grey-800 d-inline"> Joann Sfar relève le défi d’adapter « Voyage au bout de la nuit » au cinéma </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-09-10T13:30" class="latino-100m text-grey-500"> 10 septembre 2024 à 13h30 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/09/10/0/0/5535/3690/110/73/75/0/9b95f67_1725967682128-000-342j92e.jpg 1x,https://focus.nouvelobs.com/2024/09/10/0/0/5535/3690/220/146/75/0/9b95f67_1725967682128-000-342j92e.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/09/10/0/0/5535/3690/210/140/75/0/9b95f67_1725967682128-000-342j92e.jpg" srcset="https://focus.nouvelobs.com/2024/09/10/0/0/5535/3690/210/140/75/0/9b95f67_1725967682128-000-342j92e.jpg 1x,https://focus.nouvelobs.com/2024/09/10/0/0/5535/3690/420/280/75/0/9b95f67_1725967682128-000-342j92e.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="L’auteur de bande dessinée et réalisateur Joann Sfar."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-09-10T13:30" class="latino-100m text-grey-500"> 10 septembre 2024 à 13h30 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240816.OBS92454/avec-ana-ana-et-ses-doudous-j-ai-recree-le-microcosme-d-une-societe-dans-une-chambre-d-enfant.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <h2 class="latino-600m text-grey-800 d-inline"> « Avec Ana Ana et ses doudous, j’ai recréé le microcosme d’une société, dans une chambre d’enfant » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-08-16T11:00" class="latino-100m text-grey-500"> 16 août 2024 à 11h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/08/13/0/150/1620/1080/110/73/75/0/504a223_1723551986441-cap-dm-2.png 1x,https://focus.nouvelobs.com/2024/08/13/0/150/1620/1080/220/146/75/0/504a223_1723551986441-cap-dm-2.png 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/08/13/0/150/1620/1080/210/140/75/0/504a223_1723551986441-cap-dm-2.png" srcset="https://focus.nouvelobs.com/2024/08/13/0/150/1620/1080/210/140/75/0/504a223_1723551986441-cap-dm-2.png 1x,https://focus.nouvelobs.com/2024/08/13/0/150/1620/1080/420/280/75/0/504a223_1723551986441-cap-dm-2.png 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Alexis Dormal, le dessinateur d’Ana Ana, dans le studio vidéo du « Nouvel Obs »."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-08-16T11:00" class="latino-100m text-grey-500"> 16 août 2024 à 11h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240801.OBS91901/mort-d-andre-juillard-dessinateur-des-sept-vies-de-l-epervier-et-de-blake-et-mortimer.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <h2 class="latino-600m text-grey-800 d-inline"> Mort d’André Juillard, dessinateur des « Sept Vies de l’Epervier » et de « Blake et Mortimer » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-08-01T12:35" class="latino-100m text-grey-500"> 1<sup>er</sup> août 2024 à 12h35 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/08/01/1/0/8195/5463/110/73/75/0/319720c_1722505562262-000-33be4jl.jpg 1x,https://focus.nouvelobs.com/2024/08/01/1/0/8195/5463/220/146/75/0/319720c_1722505562262-000-33be4jl.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/08/01/1/0/8195/5463/210/140/75/0/319720c_1722505562262-000-33be4jl.jpg" srcset="https://focus.nouvelobs.com/2024/08/01/1/0/8195/5463/210/140/75/0/319720c_1722505562262-000-33be4jl.jpg 1x,https://focus.nouvelobs.com/2024/08/01/1/0/8195/5463/420/280/75/0/319720c_1722505562262-000-33be4jl.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Le dessinateur André Juillard, à Paris en mars 2023."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-08-01T12:35" class="latino-100m text-grey-500"> 1<sup>er</sup> août 2024 à 12h35 </time> </div> </a> </article> <div class="px-8p px-md-65 px-lg-0" style=""> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/bd/" data-widget-id="SF_4" ></div> </div> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240729.OBS91789/shubeik-lubeik-de-deena-mohamed-faites-un-v-u.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Critique </span> <h2 class="latino-600m text-grey-800 d-inline"> « Shubeik Lubeik », de Deena Mohamed : faites un vœu </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-07-29T19:00" class="latino-100m text-grey-500"> 29 juillet 2024 à 19h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/07/25/62/0/750/500/110/73/75/0/5047a9a_1721914247595-deena-mohamed-avatar.png 1x,https://focus.nouvelobs.com/2024/07/25/62/0/750/500/220/146/75/0/5047a9a_1721914247595-deena-mohamed-avatar.png 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/07/25/62/0/750/500/210/140/75/0/5047a9a_1721914247595-deena-mohamed-avatar.png" srcset="https://focus.nouvelobs.com/2024/07/25/62/0/750/500/210/140/75/0/5047a9a_1721914247595-deena-mohamed-avatar.png 1x,https://focus.nouvelobs.com/2024/07/25/62/0/750/500/420/280/75/0/5047a9a_1721914247595-deena-mohamed-avatar.png 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Un bon génie a dû se pencher sur le berceau de la jeune Deena Mohamed pour lui donner cette capacité d’imagination débridée."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-07-29T19:00" class="latino-100m text-grey-500"> 29 juillet 2024 à 19h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240725.OBS91627/shubeik-lubeik-racines-zorro-7-bd-qu-il-est-toujours-temps-de-glisser-dans-sa-valise-de-vacances.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <h2 class="latino-600m text-grey-800 d-inline"> « Shubeik Lubeik », « Racines », « Zorro »… 7 BD qu’il est toujours temps de glisser dans sa valise de vacances </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-07-25T18:00" class="latino-100m text-grey-500"> 25 juillet 2024 à 18h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/07/24/1/0/868/578/110/73/75/0/b30787d_1721822742624-bda-ta-2024.jpg 1x,https://focus.nouvelobs.com/2024/07/24/1/0/868/578/220/146/75/0/b30787d_1721822742624-bda-ta-2024.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/07/24/1/0/868/578/210/140/75/0/b30787d_1721822742624-bda-ta-2024.jpg" srcset="https://focus.nouvelobs.com/2024/07/24/1/0/868/578/210/140/75/0/b30787d_1721822742624-bda-ta-2024.jpg 1x,https://focus.nouvelobs.com/2024/07/24/1/0/868/578/420/280/75/0/b30787d_1721822742624-bda-ta-2024.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt=""> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-07-25T18:00" class="latino-100m text-grey-500"> 25 juillet 2024 à 18h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240725.OBS91585/la-fortune-de-poutine-enquete-sur-les-milliards-du-maitre-du-kremlin.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Critique </span> <h2 class="latino-600m text-grey-800 d-inline"> « La Fortune de Poutine » : enquête sur les milliards du maître du Kremlin </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-07-25T07:00" class="latino-100m text-grey-500"> 25 juillet 2024 à 7h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/07/24/866/0/2716/1810/110/73/75/0/5aef192_1721812615739-in-la-fortune-de-poutine-p.jpg 1x,https://focus.nouvelobs.com/2024/07/24/866/0/2716/1810/220/146/75/0/5aef192_1721812615739-in-la-fortune-de-poutine-p.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/07/24/866/0/2716/1810/210/140/75/0/5aef192_1721812615739-in-la-fortune-de-poutine-p.jpg" srcset="https://focus.nouvelobs.com/2024/07/24/866/0/2716/1810/210/140/75/0/5aef192_1721812615739-in-la-fortune-de-poutine-p.jpg 1x,https://focus.nouvelobs.com/2024/07/24/866/0/2716/1810/420/280/75/0/5aef192_1721812615739-in-la-fortune-de-poutine-p.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Détail d’une planche de « la Fortune de Poutine », par Gildas Java et Yvonnick Denoël."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-07-25T07:00" class="latino-100m text-grey-500"> 25 juillet 2024 à 7h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240722.OBS91456/dix-auteurs-de-bd-integrent-la-collection-permanente-du-centre-pompidou.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <h2 class="latino-600m text-grey-800 d-inline"> Dix auteurs de BD intègrent la collection permanente du Centre Pompidou </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-07-22T18:00" class="latino-100m text-grey-500"> 22 juillet 2024 à 18h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/07/22/1279/0/3929/2619/110/73/75/0/6d70ec1_1721657615176-eric-lamba-le-fils-du-roi-2012-a-eric-lamba-et-frmk.jpg 1x,https://focus.nouvelobs.com/2024/07/22/1279/0/3929/2619/220/146/75/0/6d70ec1_1721657615176-eric-lamba-le-fils-du-roi-2012-a-eric-lamba-et-frmk.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/07/22/1279/0/3929/2619/210/140/75/0/6d70ec1_1721657615176-eric-lamba-le-fils-du-roi-2012-a-eric-lamba-et-frmk.jpg" srcset="https://focus.nouvelobs.com/2024/07/22/1279/0/3929/2619/210/140/75/0/6d70ec1_1721657615176-eric-lamba-le-fils-du-roi-2012-a-eric-lamba-et-frmk.jpg 1x,https://focus.nouvelobs.com/2024/07/22/1279/0/3929/2619/420/280/75/0/6d70ec1_1721657615176-eric-lamba-le-fils-du-roi-2012-a-eric-lamba-et-frmk.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Sept planches du « Fils du Roi » d’Eric Lambé (2012), dessinées au stylo bille, intègrent la collection du Centre Pompidou (détail)."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-07-22T18:00" class="latino-100m text-grey-500"> 22 juillet 2024 à 18h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240710.OBS90942/berserk-pendant-vingt-cinq-ans-kentar-miura-m-a-repete-en-boucle-la-fin-de-son-histoire.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Entretien </span> <h2 class="latino-600m text-grey-800 d-inline"> « Berserk » : « Pendant vingt-cinq ans, Kentarō Miura m’a répété en boucle la fin de son histoire » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-07-10T14:20" class="latino-100m text-grey-500"> 10 juillet 2024 à 14h20 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/07/01/53/3/1427/951/110/73/75/0/8fdc7f0_1719828493944-035-berserk-t42-copyright.jpg 1x,https://focus.nouvelobs.com/2024/07/01/53/3/1427/951/220/146/75/0/8fdc7f0_1719828493944-035-berserk-t42-copyright.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/07/01/53/3/1427/951/210/140/75/0/8fdc7f0_1719828493944-035-berserk-t42-copyright.jpg" srcset="https://focus.nouvelobs.com/2024/07/01/53/3/1427/951/210/140/75/0/8fdc7f0_1719828493944-035-berserk-t42-copyright.jpg 1x,https://focus.nouvelobs.com/2024/07/01/53/3/1427/951/420/280/75/0/8fdc7f0_1719828493944-035-berserk-t42-copyright.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Détail d’une planche du tome 42 de « Berserk », sous la supervision de Kouji Mori."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-07-10T14:20" class="latino-100m text-grey-500"> 10 juillet 2024 à 14h20 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/culture/20240706.OBS90749/romans-films-series-expos-notre-selection-culturelle-pour-l-ete-ou-que-vous-soyez.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Sélection </span> <h2 class="latino-600m text-grey-800 d-inline"> Romans, films, séries, expos… Notre sélection culturelle pour l’été, où que vous soyez </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-07-06T17:00" class="latino-100m text-grey-500"> 6 juillet 2024 à 17h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/07/04/437/0/1378/918/110/73/75/0/3c59fdf_1720088677631-1-obs-culture-v2-copie.jpg 1x,https://focus.nouvelobs.com/2024/07/04/437/0/1378/918/220/146/75/0/3c59fdf_1720088677631-1-obs-culture-v2-copie.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/07/04/437/0/1378/918/210/140/75/0/3c59fdf_1720088677631-1-obs-culture-v2-copie.jpg" srcset="https://focus.nouvelobs.com/2024/07/04/437/0/1378/918/210/140/75/0/3c59fdf_1720088677631-1-obs-culture-v2-copie.jpg 1x,https://focus.nouvelobs.com/2024/07/04/437/0/1378/918/420/280/75/0/3c59fdf_1720088677631-1-obs-culture-v2-copie.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt=""> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-07-06T17:00" class="latino-100m text-grey-500"> 6 juillet 2024 à 17h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240623.OBS90125/petit-pays-l-odeur-des-pins-on-est-en-finale-12-bd-qui-permettent-d-oublier-un-peu-l-actu.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Sélection </span> <h2 class="latino-600m text-grey-800 d-inline"> « Petit pays », « L’odeur des pins », « On est en finale »… 12 BD qui permettent d’oublier (un peu) l’actu </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-06-23T10:30" class="latino-100m text-grey-500"> 23 juin 2024 à 10h30 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/06/18/1/0/868/578/110/73/75/0/4628254_1718718099195-sa-lecbdjuin.jpg 1x,https://focus.nouvelobs.com/2024/06/18/1/0/868/578/220/146/75/0/4628254_1718718099195-sa-lecbdjuin.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/06/18/1/0/868/578/210/140/75/0/4628254_1718718099195-sa-lecbdjuin.jpg" srcset="https://focus.nouvelobs.com/2024/06/18/1/0/868/578/210/140/75/0/4628254_1718718099195-sa-lecbdjuin.jpg 1x,https://focus.nouvelobs.com/2024/06/18/1/0/868/578/420/280/75/0/4628254_1718718099195-sa-lecbdjuin.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt=""> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-06-23T10:30" class="latino-100m text-grey-500"> 23 juin 2024 à 10h30 </time> </div> </a> </article> <article class="py-lg-25 "> <a href="/bibliobs/20240623.OBS90116/riad-sattouf-caroline-o-donoghue-olivia-de-lamberterie-les-livres-de-la-semaine-a-ne-pas-rater.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Sélection </span> <h2 class="latino-600m text-grey-800 d-inline"> Riad Sattouf, Caroline O’Donoghue, Olivia de Lamberterie... Les livres de la semaine à ne pas rater </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-06-23T08:00" class="latino-100m text-grey-500"> 23 juin 2024 à 8h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/06/12/2174/1104/2733/1822/110/73/75/0/81cc2ff_1718205973694-les-cahiers-d-esther-9-p3-rvb.jpg 1x,https://focus.nouvelobs.com/2024/06/12/2174/1104/2733/1822/220/146/75/0/81cc2ff_1718205973694-les-cahiers-d-esther-9-p3-rvb.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/06/12/2174/1104/2733/1822/210/140/75/0/81cc2ff_1718205973694-les-cahiers-d-esther-9-p3-rvb.jpg" srcset="https://focus.nouvelobs.com/2024/06/12/2174/1104/2733/1822/210/140/75/0/81cc2ff_1718205973694-les-cahiers-d-esther-9-p3-rvb.jpg 1x,https://focus.nouvelobs.com/2024/06/12/2174/1104/2733/1822/420/280/75/0/81cc2ff_1718205973694-les-cahiers-d-esther-9-p3-rvb.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Les Cahiers d’Esther. Histoires de mes 18 ans"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-06-23T08:00" class="latino-100m text-grey-500"> 23 juin 2024 à 8h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> </div> <div class="sidecol flex-column "> <div class="flex-grow-1" style="height:100% ;margin-bottom:3rem;"> <div class="" style="position:sticky;top:12rem;"> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/bd/" data-widget-id="SB_11" ></div> </div> </div> </div> </div> </section> <section class="section__content" id="flux-antechrono-suite-2"> <div class="section__content-inner container px-lg-65 gap-40"> <div class="content d-flex flex-column"> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240622.OBS90107/art-spiegelman-nous-parle-bd-lichtenstein-n-en-a-pas-fait-plus-pour-la-bande-dessinee-qu-andy-warhol-pour-la-soupe.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Interview </span> <h2 class="latino-600m text-grey-800 d-inline"> Art Spiegelman nous parle BD : « Lichtenstein n’en a pas fait plus pour la bande dessinée qu’Andy Warhol pour la soupe » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-06-22T17:00" class="latino-100m text-grey-500"> 22 juin 2024 à 17h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/06/14/1405/0/2667/1778/110/73/75/0/518b3b4_1718352066996-cosmos-196155-011.jpg 1x,https://focus.nouvelobs.com/2024/06/14/1405/0/2667/1778/220/146/75/0/518b3b4_1718352066996-cosmos-196155-011.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/06/14/1405/0/2667/1778/210/140/75/0/518b3b4_1718352066996-cosmos-196155-011.jpg" srcset="https://focus.nouvelobs.com/2024/06/14/1405/0/2667/1778/210/140/75/0/518b3b4_1718352066996-cosmos-196155-011.jpg 1x,https://focus.nouvelobs.com/2024/06/14/1405/0/2667/1778/420/280/75/0/518b3b4_1718352066996-cosmos-196155-011.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Art Spiegelman, illustrateur et auteur de bande dessinée américain."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-06-22T17:00" class="latino-100m text-grey-500"> 22 juin 2024 à 17h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240617.OBS89895/la-communaute-manga-peut-elle-faire-perdre-jordan-bardella.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Analyse </span> <h2 class="latino-600m text-grey-800 d-inline"> La communauté manga peut-elle faire perdre Jordan Bardella ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-06-17T20:00" class="latino-100m text-grey-500"> 17 juin 2024 à 20h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/06/17/0/0/4624/3082/110/73/75/0/b6a0dca_1718637662414-080-hl-rmilani-1561065.jpg 1x,https://focus.nouvelobs.com/2024/06/17/0/0/4624/3082/220/146/75/0/b6a0dca_1718637662414-080-hl-rmilani-1561065.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/06/17/0/0/4624/3082/210/140/75/0/b6a0dca_1718637662414-080-hl-rmilani-1561065.jpg" srcset="https://focus.nouvelobs.com/2024/06/17/0/0/4624/3082/210/140/75/0/b6a0dca_1718637662414-080-hl-rmilani-1561065.jpg 1x,https://focus.nouvelobs.com/2024/06/17/0/0/4624/3082/420/280/75/0/b6a0dca_1718637662414-080-hl-rmilani-1561065.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Un rayon manga dans une librairie à Paris."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-06-17T20:00" class="latino-100m text-grey-500"> 17 juin 2024 à 20h00 </time> </div> </a> </article> <div class="px-8p px-md-65 px-lg-0" style=""> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/bd/" data-widget-id="SF_4" ></div> </div> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240614.OBS89749/cinq-personnes-condamnees-pour-menaces-contre-l-auteur-de-bd-bastien-vives.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <h2 class="latino-600m text-grey-800 d-inline"> Cinq personnes condamnées pour menaces contre l’auteur de BD Bastien Vivès </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-06-14T12:07" class="latino-100m text-grey-500"> 14 juin 2024 à 12h07 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/06/14/0/0/5256/3504/110/73/75/0/50267b0_1718359392662-000-34vw7n3.jpg 1x,https://focus.nouvelobs.com/2024/06/14/0/0/5256/3504/220/146/75/0/50267b0_1718359392662-000-34vw7n3.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/06/14/0/0/5256/3504/210/140/75/0/50267b0_1718359392662-000-34vw7n3.jpg" srcset="https://focus.nouvelobs.com/2024/06/14/0/0/5256/3504/210/140/75/0/50267b0_1718359392662-000-34vw7n3.jpg 1x,https://focus.nouvelobs.com/2024/06/14/0/0/5256/3504/420/280/75/0/50267b0_1718359392662-000-34vw7n3.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Bastien Vivès, à Paris en août 2021. "> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-06-14T12:07" class="latino-100m text-grey-500"> 14 juin 2024 à 12h07 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240605.OBS89335/clemence-en-colere-par-mirion-malle-au-lance-flammes.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Critique </span> <h2 class="latino-600m text-grey-800 d-inline"> « Clémence en colère », par Mirion Malle : au lance-flammes ! </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-06-05T18:00" class="latino-100m text-grey-500"> 5 juin 2024 à 18h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/05/29/913/0/3820/2546/110/73/75/0/0214427_1716995286013-mirion-malle-crei-dit-photo-ella-hermei.jpg 1x,https://focus.nouvelobs.com/2024/05/29/913/0/3820/2546/220/146/75/0/0214427_1716995286013-mirion-malle-crei-dit-photo-ella-hermei.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/05/29/913/0/3820/2546/210/140/75/0/0214427_1716995286013-mirion-malle-crei-dit-photo-ella-hermei.jpg" srcset="https://focus.nouvelobs.com/2024/05/29/913/0/3820/2546/210/140/75/0/0214427_1716995286013-mirion-malle-crei-dit-photo-ella-hermei.jpg 1x,https://focus.nouvelobs.com/2024/05/29/913/0/3820/2546/420/280/75/0/0214427_1716995286013-mirion-malle-crei-dit-photo-ella-hermei.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Mirion Malle"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-06-05T18:00" class="latino-100m text-grey-500"> 5 juin 2024 à 18h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240601.OBS89127/l-histoire-de-mahar-le-petit-lionceau-du-califat.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Entretien </span> <h2 class="latino-600m text-grey-800 d-inline"> L’histoire de Mahar, le « petit lionceau du califat » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-06-01T08:00" class="latino-100m text-grey-500"> 1<sup>er</sup> juin 2024 à 8h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/05/30/866/0/2339/1559/110/73/75/0/388b7c3_1717079335723-mahar.jpg 1x,https://focus.nouvelobs.com/2024/05/30/866/0/2339/1559/220/146/75/0/388b7c3_1717079335723-mahar.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/05/30/866/0/2339/1559/210/140/75/0/388b7c3_1717079335723-mahar.jpg" srcset="https://focus.nouvelobs.com/2024/05/30/866/0/2339/1559/210/140/75/0/388b7c3_1717079335723-mahar.jpg 1x,https://focus.nouvelobs.com/2024/05/30/866/0/2339/1559/420/280/75/0/388b7c3_1717079335723-mahar.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Détail de la couverture de « Mahar le lionceau, ou l’enfance perdue des jeunes soldats de Daech », d’Anne Poiret et Lars Horneman."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-06-01T08:00" class="latino-100m text-grey-500"> 1<sup>er</sup> juin 2024 à 8h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/culture/20240530.OBS89059/comment-tourner-la-page-apres-une-separation-nos-conseils-de-lecture.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Sélection </span> <h2 class="latino-600m text-grey-800 d-inline"> Comment tourner la page après une séparation ? Nos conseils de lecture </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-05-30T10:30" class="latino-100m text-grey-500"> 30 mai 2024 à 10h30 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/05/28/56/0/2611/1740/110/73/75/0/1ff2c48_1716884291140-000-app1999110146030.jpg 1x,https://focus.nouvelobs.com/2024/05/28/56/0/2611/1740/220/146/75/0/1ff2c48_1716884291140-000-app1999110146030.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/05/28/56/0/2611/1740/210/140/75/0/1ff2c48_1716884291140-000-app1999110146030.jpg" srcset="https://focus.nouvelobs.com/2024/05/28/56/0/2611/1740/210/140/75/0/1ff2c48_1716884291140-000-app1999110146030.jpg 1x,https://focus.nouvelobs.com/2024/05/28/56/0/2611/1740/420/280/75/0/1ff2c48_1716884291140-000-app1999110146030.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Léon Tolstoï, romancier et auteur dramatique russe, écrit dans son cabinet de travail à Iasnaîa Poliana en 1909. "> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-05-30T10:30" class="latino-100m text-grey-500"> 30 mai 2024 à 10h30 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240519.OBS88591/bd-depression-et-des-bulles.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Critique </span> <h2 class="latino-600m text-grey-800 d-inline"> Dépression et des bulles : quand des autrices mettent toute leur peine dans la BD </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-05-19T17:30" class="latino-100m text-grey-500"> 19 mai 2024 à 17h30 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/05/07/160/0/3898/2598/110/73/75/0/dd34985_1715071022090-pauline-de-tarragon-minuscule-folle-sauvage-ei-ditions-la-ville-brui-le.jpg 1x,https://focus.nouvelobs.com/2024/05/07/160/0/3898/2598/220/146/75/0/dd34985_1715071022090-pauline-de-tarragon-minuscule-folle-sauvage-ei-ditions-la-ville-brui-le.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/05/07/160/0/3898/2598/210/140/75/0/dd34985_1715071022090-pauline-de-tarragon-minuscule-folle-sauvage-ei-ditions-la-ville-brui-le.jpg" srcset="https://focus.nouvelobs.com/2024/05/07/160/0/3898/2598/210/140/75/0/dd34985_1715071022090-pauline-de-tarragon-minuscule-folle-sauvage-ei-ditions-la-ville-brui-le.jpg 1x,https://focus.nouvelobs.com/2024/05/07/160/0/3898/2598/420/280/75/0/dd34985_1715071022090-pauline-de-tarragon-minuscule-folle-sauvage-ei-ditions-la-ville-brui-le.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Extrait du livre de Pauline de Tarragon : « Minuscule folle sauvage »."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-05-19T17:30" class="latino-100m text-grey-500"> 19 mai 2024 à 17h30 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20240512.OBS88257/manu-larcenet-magali-destruel-denis-lafay-les-livres-de-la-semaine-a-ne-pas-rater.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Sélection </span> <h2 class="latino-600m text-grey-800 d-inline"> Manu Larcenet, Magali Destruel, Denis Lafay... Les livres de la semaine à ne pas rater </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-05-12T08:00" class="latino-100m text-grey-500"> 12 mai 2024 à 8h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/05/07/1/0/7488/4992/110/73/75/0/f1694c7_1715092786333-000-34ml8b9.jpg 1x,https://focus.nouvelobs.com/2024/05/07/1/0/7488/4992/220/146/75/0/f1694c7_1715092786333-000-34ml8b9.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/05/07/1/0/7488/4992/210/140/75/0/f1694c7_1715092786333-000-34ml8b9.jpg" srcset="https://focus.nouvelobs.com/2024/05/07/1/0/7488/4992/210/140/75/0/f1694c7_1715092786333-000-34ml8b9.jpg 1x,https://focus.nouvelobs.com/2024/05/07/1/0/7488/4992/420/280/75/0/f1694c7_1715092786333-000-34ml8b9.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Manu Larcenet"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-05-12T08:00" class="latino-100m text-grey-500"> 12 mai 2024 à 8h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/culture/20240504.OBS87941/journee-star-wars-le-dessinateur-des-guerres-de-lucas-vous-apprend-a-dessiner-c-3po.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Vidéo </span> <h2 class="latino-600m text-grey-800 d-inline"> Journée « Star Wars » : le dessinateur des « Guerres de Lucas » vous apprend à dessiner C-3PO </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-05-04T11:00" class="latino-100m text-grey-500"> 4 mai 2024 à 11h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/01/26/0/150/1620/1080/110/73/75/0/c51cf4d_1706279947052-capture-site-vdef.jpg 1x,https://focus.nouvelobs.com/2024/01/26/0/150/1620/1080/220/146/75/0/c51cf4d_1706279947052-capture-site-vdef.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/01/26/0/150/1620/1080/210/140/75/0/c51cf4d_1706279947052-capture-site-vdef.jpg" srcset="https://focus.nouvelobs.com/2024/01/26/0/150/1620/1080/210/140/75/0/c51cf4d_1706279947052-capture-site-vdef.jpg 1x,https://focus.nouvelobs.com/2024/01/26/0/150/1620/1080/420/280/75/0/c51cf4d_1706279947052-capture-site-vdef.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Renaud Roche, dessinateur des « Guerres de Lucas », dessine C-3PO sous la caméra du « Nouvel Obs »."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-05-04T11:00" class="latino-100m text-grey-500"> 4 mai 2024 à 11h00 </time> </div> </a> </article> <article class="py-lg-25 "> <a href="/bibliobs/20240414.OBS87068/une-transition-de-genre-racontee-en-manga-ma-plus-grande-inquietude-etait-de-blesser-quelqu-un.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,bd,Dernieres_Actualites,14,navigation"> <div class="d-flex flex-lg-row-reverse gap-30"> <div class="w-100 d-lg-flex flex-lg-column align-items-lg-start justify-content-lg-center"> <div> <span class="latino-600m text-grey-500">Portrait </span> <h2 class="latino-600m text-grey-800 d-inline"> Une transition de genre racontée en manga : « Ma plus grande inquiétude était de blesser quelqu’un... » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2024-04-14T10:00" class="latino-100m text-grey-500"> 14 avril 2024 à 10h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2024/04/05/213/0/1306/870/110/73/75/0/e5f6170_1712324012633-capture-da-ei-cran-2024-04-05-ai-15-33-11.png 1x,https://focus.nouvelobs.com/2024/04/05/213/0/1306/870/220/146/75/0/e5f6170_1712324012633-capture-da-ei-cran-2024-04-05-ai-15-33-11.png 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2024/04/05/213/0/1306/870/210/140/75/0/e5f6170_1712324012633-capture-da-ei-cran-2024-04-05-ai-15-33-11.png" srcset="https://focus.nouvelobs.com/2024/04/05/213/0/1306/870/210/140/75/0/e5f6170_1712324012633-capture-da-ei-cran-2024-04-05-ai-15-33-11.png 1x,https://focus.nouvelobs.com/2024/04/05/213/0/1306/870/420/280/75/0/e5f6170_1712324012633-capture-da-ei-cran-2024-04-05-ai-15-33-11.png 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Yuna Hirasawa publie ces jours-ci « Devenir enfin moi-même », un manga autobiographique épatant sur sa chirurgie de réassignation sexuelle dans un hôpital thaïlandais."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2024-04-14T10:00" class="latino-100m text-grey-500"> 14 avril 2024 à 10h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> </div> <div class="sidecol flex-column "> <div class="flex-grow-1" style="height:100% ;margin-bottom:3rem;"> <div class="advertising" style="position:sticky;top:12rem;"> <p class="p-10 latino-100b text-violet-200 w-100">Publicité</p> <div id="pave_milieu" class="dfp-slot dfp-unloaded sticky" data-format="pave_milieu"></div> </div> </div> </div> </div> </section> <section class="section__content mb-50"> <div class="container wrapper"> <nav class="pagination d-flex gap-10 align-items-center justify-content-lg-start justify-content-center latino-300b text-neutral_900 pt-30"> <span class="btn btn--edito-tertiary btn--disabled btn--medium btn--icon-only" aria-label="naviguer à la page précédente"> <svg class="icon icon--chevron-left icon--small " style="--fill:curentColor"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-left"></use> </svg> </span> <a href="https://www.nouvelobs.com/bd/" class="btn btn--edito-tertiary btn--medium btn--icon-only active" aria-label="naviguer à la page 1"> 1 </a> <a href="https://www.nouvelobs.com/bd/page/2" class="btn btn--edito-tertiary btn--medium btn--icon-only " aria-label="naviguer à la page 2"> 2 </a> <a href="https://www.nouvelobs.com/bd/page/3" class="btn btn--edito-tertiary btn--medium btn--icon-only " aria-label="naviguer à la page 3"> 3 </a> <a href="https://www.nouvelobs.com/bd/page/4" class="btn btn--edito-tertiary btn--medium btn--icon-only " aria-label="naviguer à la page 4"> 4 </a> <a href="https://www.nouvelobs.com/bd/page/5" class="btn btn--edito-tertiary btn--medium btn--icon-only " aria-label="naviguer à la page 5"> 5 </a> <a href="https://www.nouvelobs.com/bd/page/6" class="btn btn--edito-tertiary btn--medium btn--icon-only " aria-label="naviguer à la page 6"> 6 </a> <a href="https://www.nouvelobs.com/bd/page/7" class="btn btn--edito-tertiary btn--medium btn--icon-only " aria-label="naviguer à la page 7"> 7 </a> <a href="https://www.nouvelobs.com/bd/page/8" class="btn btn--edito-tertiary btn--medium btn--icon-only " aria-label="naviguer à la page 8"> 8 </a> <a href="https://www.nouvelobs.com/bd/page/9" class="btn btn--edito-tertiary btn--medium btn--icon-only " aria-label="naviguer à la page 9"> 9 </a> <a href="https://www.nouvelobs.com/bd/page/2" class="btn btn--edito-tertiary btn--medium btn--icon-only" aria-label="naviguer à la page suivante"> <svg class="icon icon--chevron-right icon--small " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#chevron-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/bd/page/27" class="btn btn--edito-tertiary btn--medium btn--icon-only" aria-label="naviguer à la dernière page"> <svg class="icon icon--top-right icon--small " style="--fill:#171717"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#top-right"></use> </svg> </a> </nav> </div> </section> </section> <div class="pre_footer d-flex flex-column align-items-center pt-20 pb-60 gap-30 gap-md-60 "> <div class="container"> <div class="wrapper"> <div class="advertising d-block w-100"> <p class="p-10 latino-100b text-violet-200">Publicité</p> <div id="banniere_basse" class="dfp-slot dfp-unloaded" data-format="banniere_basse"></div> </div> </div> </div> <div class="container wrapper gap-30 gap-lg-60 grid-1 grid-md-2 w-100"> <div id="codes_promo"> <div class="d-flex flex-shrink-0 gap-15 align-items-center justify-content-start"> <p class="latino-600m">Codes Promos</p> <span class="badge badge--content-partners latino-100m">Service partenaire</span> </div> <div class="grid-1 mt-20 p-20 border border-violet-200 rounded-5"> <ul class="d-flex flex-column"> <li> <a href="https://www.nouvelobs.com/codepromo/lego-shop" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,Home_Rubrique_L1_P1,desktop"> Code promo LEGO </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/reduction-the-north-face" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,Home_Rubrique_L1_P2,desktop"> Code promo The North Face </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/acer" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,Home_Rubrique_L1_P3,desktop"> Code promo Acer </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/oceans-apart" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,Home_Rubrique_L1_P4,desktop"> Code promo OCEANSAPART </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/adidas" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,Home_Rubrique_L1_P5,desktop"> Code promo adidas </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/prive-by-zalando" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,Home_Rubrique_L1_P6,desktop"> Code promo Privé by Zalando </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/amazon" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,Home_Rubrique_L1_P7,desktop"> Code promo Amazon </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/jd-sports" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,Home_Rubrique_L1_P8,desktop"> Code promo JD Sports </a> </li> </ul> </div> </div> <div id="cours_langues"> <div class="d-flex flex-shrink-0 gap-15 align-items-center justify-content-start"> <p class="latino-600m">Cours de langue</p> <span class="badge badge--content-partners latino-100m">Service partenaire</span> </div> <div class="grid-1 mt-20 p-20 border border-violet-200 rounded-5"> <ul class="d-flex flex-column"> <li> <a href="https://language-courses.nouvelobs.com/" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,Home_Rubrique_L1_P1,desktop"> Toutes nos langues </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://language-courses.nouvelobs.com/hotel-borbollon" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,Home_Rubrique_L1_P2,desktop"> Cours d'espagnol </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://language-courses.nouvelobs.com/test" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,Home_Rubrique_L1_P3,desktop"> Test gratuit </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://language-courses.nouvelobs.com/saga-baldoria" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,Home_Rubrique_L1_P4,desktop"> Cours d’italien </a> </li> </ul> </div> </div> </div> </div> </main> </div> <style>.obs_footer__socials a.btn{--btn-label-color:#FFF;--btn-border-color:#FFF !important;--btn-color:#FFF !important;}</style> <section> <footer class="obs_footer " style="--link-default-color:#bfbfbf"> <nav class="container wrapper d-flex flex-column align-items-center mw-lg-1000 pb-65 pt-50 pt-md-50 gap-30 gap-md-40"> <div class="obs_footer_social-medias w-100 d-flex flex-column flex-md-row align-items-left align-items-lg-center justify-content-md-between gap-30"> <a href="/bd/ " class="obs_footer__logo" data-piano="Footer,,,Logo,navigation" title="Retourner à l'accueil"> <svg class="logo logo-lenouvelobs" style="--fill:#FFF;height:3.8rem;width:19.3rem;" preserveAspectRatio="xMinYMin slice"> <title>Le Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#lenouvelobs"></use> </svg> </a> <div class="obs_footer__socials d-flex flex-row flex-wrap gap-10 gap-md-15"> <a href="/rss" target="_blank" data-piano="Footer,Reseaux_sociaux,,RSS,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--rss " style="--fill:currentColor"> <title>Accéder à la page des fluxs RSS</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#rss"></use> </svg> <span>RSS</span> </a> <a href="https://www.facebook.com/lenouvelobservateur" target="_blank" data-piano="Footer,Reseaux_sociaux,,Facebook,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--facebook " style="--fill:currentColor"> <title>Accéder à la page Facebook du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#facebook"></use> </svg> <span>Facebook</span> </a> <a href="https://www.instagram.com/nouvelobs" target="_blank" data-piano="Footer,Reseaux_sociaux,,Instagram,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--instagram " style="--fill:currentColor"> <title>Accéder à la page Instagram du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#instagram"></use> </svg> <span>Instagram</span> </a> <a href="https://twitter.com/Le_NouvelObs" target="_blank" data-piano="Footer,Reseaux_sociaux,,X,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--x " style="--fill:currentColor"> <title>Accéder à la page X (anciènnement Twitter) du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#x"></use> </svg> <span>X</span> </a> <a href="https://www.tiktok.com/@nouvelobs" target="_blank" data-piano="Footer,Reseaux_sociaux,,TiKTok,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--tiktok " style="--fill:currentColor"> <title>Accéder à la page TikTok du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#tiktok"></use> </svg> <span>TiKTok</span> </a> <a href="https://www.youtube.com/channel/UC1ObaaFz4XHVPN2T5IFsU4w" target="_blank" data-piano="Footer,Reseaux_sociaux,,Youtube,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--youtube " style="--fill:currentColor"> <title>Accéder à la page Youtube du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#youtube"></use> </svg> <span>Youtube</span> </a> <a href="https://t.snapchat.com/rwMJi93J" target="_blank" data-piano="Footer,Reseaux_sociaux,,Snapchat,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--snapchat " style="--fill:currentColor"> <title>Accéder à la page Snapchat du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#snapchat"></use> </svg> <span>Snapchat</span> </a> <a href="https://bsky.app/profile/nouvelobs.bsky.social" target="_blank" data-piano="Footer,Reseaux_sociaux,,Bluesky,navigation" class="btn btn--edito-tertiary btn--icon-only flex-shrink-0 btn--medium"> <svg class="icon icon--bluesky " style="--fill:currentColor"> <title>Accéder à la page Bluesky du Nouvel Obs</title> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#bluesky"></use> </svg> <span>Bluesky</span> </a> </div> </div> <div class="gap-30 grid-1 grid-md-6 w-100 mt-lg-40**"> <div id="footer-univers"> <p class="latino-300b text-grey-100"> Les univers </p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="/ecologie/" data-piano="Footer,Les_univers,,EcoloObs,navigation" class="latino-100m text-grey-400 link--nav">EcoloObs</a> </li> <li> <a href="/bibliobs/" data-piano="Footer,Les_univers,,BibliObs,navigation" class="latino-100m text-grey-400 link--nav">BibliObs</a> </li> <li> <a href="/rue89/" data-piano="Footer,Les_univers,,Rue89,navigation" class="latino-100m text-grey-400 link--nav">Rue89</a> </li> <li> <a href="/teleobs/" data-piano="Footer,Les_univers,,TeleObs,navigation" class="latino-100m text-grey-400 link--nav">TéléObs</a> </li> <li> <a href="/tendances/" data-piano="Footer,Les_univers,,Tendances,navigation" class="latino-100m text-grey-400 link--nav">Tendances</a> </li> <li> <a href="/culture/" data-piano="Footer,Les_univers,,Culture,navigation" class="latino-100m text-grey-400 link--nav">Culture</a> </li> <li> <a href="/horoscope/" data-piano="Footer,Les_univers,,Horoscope,navigation" class="latino-100m text-grey-400 link--nav">L’horoscope</a> </li> <li> <a href="/lab-o/" data-piano="Footer,Les_univers,,LabO,navigation" class="latino-100m text-grey-400 link--nav">Lab'O</a> </li> </ul> </div> <div id="footer-dans_l_actu"> <p class="latino-300b text-grey-100"> Dans l’actu </p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="/cop-climat/" data-piano="Footer,Dans_l_actu,,cop29,navigation" class="latino-100m text-grey-400 link--nav">COP29</a> </li> <li> <a href="/budget/" data-piano="Footer,Dans_l_actu,,budget,navigation" class="latino-100m text-grey-400 link--nav">Budget</a> </li> <li> <a href="/justice/20240925.OBS94110/proces-des-viols-de-mazan-l-onde-de-choc.html" data-piano="Footer,Dans_l_actu,,le-proces-des-viols-de-mazan,navigation" class="latino-100m text-grey-400 link--nav">Le procès des viols de Mazan</a> </li> </ul> </div> <div id="footer-services"> <p class="latino-300b text-grey-100">Les services</p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="/kiosque" data-piano="Footer,Services_abonnes,,Le_mag_numerique,navigation" class="latino-100m text-grey-400 link--nav" >Le magazine numérique</a> </li> <li> <a href="/abonnement" data-piano="Footer,Services_abonnes,,s_abonner_se_desabonner,navigation" class="latino-100m text-grey-400 link--nav" >S’abonner / se désabonner</a> </li> <li> <a href="/club-abonnes" data-piano="Footer,Services_abonnes,,Club_abonnes,navigation" class="latino-100m text-grey-400 link--nav" >Le Club Abonnés</a> </li> <li> <a href="https://compte.nouvelobs.com/dashboard/newsletters" data-piano="Footer,Services_abonnes,,Newsletters,navigation" class="latino-100m text-grey-400 link--nav" >Newsletters</a> </li> <li> <a href="https://jeux.nouvelobs.com/" data-piano="Footer,Services_abonnes,,Mots_croises,navigation" class="latino-100m text-grey-400 link--nav" >Les mots croisés</a> </li> <li> <a href="https://boutique.nouvelobs.com/" data-piano="Footer,Services_abonnes,,Boutique,navigation" class="latino-100m text-grey-400 link--nav" >La boutique</a> </li> <li> <a href="/index" data-piano="Footer,Services_abonnes,,Archives,navigation" class="latino-100m text-grey-400 link--nav" >Les archives</a> </li> <li> <a href="https://www.retraite.com/partenariat-lobs/simulation/?track=TR7" data-piano="Footer,Services_abonnes,,Bilan_Retraite,navigation" class="latino-100m text-grey-400 link--nav" rel="sponsored,nofollow">Bilan retraite</a> </li> <li> <span class="latino-100m text-grey-400"> L’appli :<br> <a href="https://apps.apple.com/fr/app/le-nouvel-obs-actus-et-infos/id361705445" data-piano="Footer,Autres_services,,Appli_iOS,navigation" class="latino-100m link--nav text-grey-400">iOS</a> | <a href="https://play.google.com/store/apps/details?id=com.nouvelobs.androidapp" data-piano="Footer,Autres_services,,Appli_Android,navigation" class="latino-100m link--nav text-grey-400">Android</a> </span> </li> </ul> </div> <div id="footer-group_websites"> <p class="latino-300b text-grey-100">Les sites du groupe</p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="https://www.lemonde.fr/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,Le_Monde,navigation" class="link--nav latino-100m text-grey-400">Le Monde</a> </li> <li> <a href="https://www.telerama.fr/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,Telerama,navigation" class="link--nav latino-100m text-grey-400">Télérama</a> </li> <li> <a href="https://www.courrierinternational.com/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,Courrier_International,navigation" class="link--nav latino-100m text-grey-400">Courrier international</a> </li> <li> <a href="https://www.huffingtonpost.fr/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,HuffPost,navigation" class="link--nav latino-100m text-grey-400">Le HuffPost</a> </li> <li> <a href="https://www.lavie.fr/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,La_vie,navigation" class="link--nav latino-100m text-grey-400">La Vie</a> </li> <li> <a href="https://www.monde-diplomatique.fr/" target="_blank" data-piano="Footer,Les_sites_du_groupe,,Le_Monde_diplo,navigation" class="link--nav latino-100m text-grey-400">Le Monde diplomatique</a> </li> </ul> </div> <div id="footer-quick-links"> <p class="latino-300b text-grey-100">Accès rapide</p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="https://programme-tv.nouvelobs.com/" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Acces_rapides,,Programme_TV,navigation" > Programme TV<br class="d-none d-md-block"> gratuit et complet </a> </li> <li> <a href="https://la-conjugaison.nouvelobs.com/" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Acces_rapides,,La_conjugaison,navigation" > La conjugaison </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Acces_rapides,,Codes_promo,navigation" > Codes promo </a> </li> </ul> </div> <div id="footer-good-deals"> <p class="latino-300b text-grey-100">Bons plans</p> <ul class="d-flex flex-column gap-12 mt-20"> <li> <a href="https://www.nouvelobs.com/codepromo/reduction/bons-plans-shopping" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Blog,navigation" > Le Blog </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo/reduction/black-friday" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Black_Friday,navigation" > Black Friday </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo/reduction/soldes" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Soldes,navigation" > Soldes </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo/emma-matelas" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Emma_Matelas,navigation" > Code promo Emma<br class="d-none d-md-block"> Matelas </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo/nike" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Nike,navigation" > Code promo Nike </a> </li> <li> <a href="https://www.nouvelobs.com/codepromo/reduction-foot-locker" class="latino-100m text-grey-400 link--nav" data-piano="Footer,Bons_Plans,,Foot_Locker,navigation" > Code promo Foot<br class="d-none d-md-block"> Locker </a> </li> </ul> </div> </div> <div class="w-100 mt-lg-20"> <ul class="d-flex flex-column gap-12 flex-md-row gap-md-0 justify-content-start"> <li class="flex-shrink-0"> <a href="/mentions-legales" data-piano="Footer,Liens_utiles,,Mentions_legales,navigation" class="latino-100m text-grey-400 link--nav "> Mentions légales </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="/cgv" data-piano="Footer,Liens_utiles,,CGV,navigation" class="latino-100m text-grey-400 link--nav "> CGV </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="/licence" data-piano="Footer,Liens_utiles,,Copyright,navigation" class="latino-100m text-grey-400 link--nav "> Copyright </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="https://mpublicite.fr/contact/" data-piano="Footer,Liens_utiles,,Publicite,navigation" class="latino-100m text-grey-400 link--nav "> Publicité </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="/donnees-personnelles" data-piano="Footer,Liens_utiles,,Politique_Confidentialite,navigation" class="latino-100m text-grey-400 link--nav "> Politique de confidentialité </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="#" data-piano="Footer,Liens_utiles,,Gestion_Cookies,navigation" class="latino-100m text-grey-400 link--nav iubenda-cs-preferences-link"> Gestion des cookies </a> </li> <li class="px-5 text-grey-400">|</li> <li class="flex-shrink-0"> <a href="https://abo.nouvelobs.com/faq" data-piano="Footer,Liens_utiles,,Aide_Contact,navigation" class="latino-100m text-grey-400 link--nav "> Aide / Contact </a> </li> </ul> </div> <div class="obs_footer_copyright w-100 d-flex flex-column flex-md-row gap-10"> <span class="latino-100m text-grey-400">© Le Nouvel Obs - 2024</span> <span class="latino-100m text-grey-400">Les marques ou contenus du site nouvelobs.com sont soumis à la protection de la propriété intellectuelle.</span> </div> </nav> <div class="floating-logo"> <svg class="logo logo-lenouvelobs" style="--fill:#FFF;" preserveAspectRatio="xMinYMin slice"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#lenouvelobs"></use> </svg> </div> </footer> </section> </div> <div class="toast-container"> <div class="toast d-flex justify-content-between align-items-center"> <p class="latino-400"> <span class="toast_text"></span> <a class="toast_undoable" href="#">Annuler</a> </p> <button aria-label="Masquer ce message" class="toast_close btn btn--small btn--icon-only btn--transparent"> <svg class="icon icon--navigation_croix " style="--fill:#F6F6F6"> <use href="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/img/sprite.svg#navigation_croix"></use> </svg> </button> </div> </div> <div class="notifications d-flex flex-column gap-30 py-15 pb-lg-30 px-15 px-lg-0"></div> <script>var jsCookies={get:function(e){if(document.cookie.length>0){var o=document.cookie.indexOf(e+"=");if(-1!=o){o=o+e.length+1;var i=document.cookie.indexOf(";",o);return -1==i&&(i=document.cookie.length),decodeURIComponent(document.cookie.substring(o,i))}}return""},set:function(e,o,i,n,t){var r=new Date;r.setDate(r.getDate()+i);var a="";void 0!==n&&(a+=";path="+n),void 0!==t&&(a+=";domain="+t),document.cookie=e+"="+encodeURIComponent(o)+(null==i?"":";expires="+r.toUTCString())+a},check:function(e){var o=jsCookies.get(e);return null!=o&&""!=o},delete:function(e,o,i){jsCookies.get(e)&&(document.cookie=e+"="+(o?";path="+o:"")+(i?";domain="+i:"")+";expires=Thu, 01-Jan-1970 00:00:01 GMT")}};</script> <script type="text/javascript" src="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/js/common.bundle.js" defer="true"></script> <script type="text/plain" data-gdpr-purposes="personalization" data-gdpr-inline> var autoShowValue = true; (function(b,a,t,c,h,e,r){h='batchSDK';b[h]=b[h]||function() { (b[h].q=b[h].q||[]).push(arguments)};e=a.createElement(t),r=a.getElementsByTagName(t)[0]; e.async=1;e.src=c;r.parentNode.insertBefore(e,r);})(window,document,'script','https://via.batch.com/v3/bootstrap.min.js'); var batchSDKUIConfig = { native: { autoShow: autoShowValue, } } if ((navigator.userAgent.indexOf("Firefox") !== -1 || (navigator.userAgent.indexOf("Safari") !== -1) && navigator.userAgent.indexOf("Chrome") === -1)){ batchSDKUIConfig = { alert: { autoShow: autoShowValue, attach: 'bottom left', icon: 'https://www.nouvelobs.com/icons/nouvelobs/lobs-pwa-192.png', text: "\nVous souhaitez recevoir les infos en temps réel ? Activez dès maintenant les alertes", backgroundColor: '#FFFFFF', textColor: '#000000', fontFamily: 'sans-serif', fontSize: 16, btnFontSize: 16, positiveSubBtnLabel: "Activer", positiveBtnStyle: { shadow: false, backgroundColor: '#171717', hoverBackgroundColor: '#323232', textColor: '#ffffff' }, negativeBtnLabel: "Non, merci", negativeBtnStyle: { shadow: false, }, zIndex: 999 } } } batchSDK('setup', { apiKey: '0C9EC15AC7C545E29756DFB3FE7D0C4D', subdomain: 'nouvelobs', authKey: '2.D6kqa80QxZa/O8pp5SmxDRnNBO21nN2wQARY2DdYb28=', dev: false, vapidPublicKey: 'BPEzsH2CS4XM/And7oDh7h3h01/WRqlZpLDViceKPMLxHNd+28i6UYxIwfntlJqLZe5g8sUcCVPxlVLXhEMhQf0=', defaultIcon: 'https://www.nouvelobs.com/icons/nouvelobs/lobs-pwa-192.png', smallIcon: 'https://www.nouvelobs.com/icons/nouvelobs/lobs-pwa-96.png', ui: batchSDKUIConfig, useExistingServiceWorker: true, safari: { 'https://www.nouvelobs.com': 'web.www.nouvelons.com', } }); </script> <script type="text/plain" data-gdpr-purposes="personalization" data-gdpr-src="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/js/personalization.bundle.js"></script> <script> var _sf_async_config = _sf_async_config || {}; _sf_async_config.uid = 28421; _sf_async_config.domain = 'nouvelobs.com'; _sf_async_config.useCanonical = true; </script> <script type="text/plain" data-gdpr-purposes="analytics" data-gdpr-src="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/js/analytics.bundle.js"></script> <script type="text/javascript" src="/bucket/f481ed1c6062f2a749b67fd22cf1dd1f0d68cf77/v3/js/piano.bundle.js" async="async"></script> <script async="async" type="text/plain" data-gdpr-purposes="essential" data-gdpr-src="https://widgets.outbrain.com/outbrain.js?i=fabb8bca"></script> </body> </html>