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/63246f6ff331ff23b55b40e52e74586efc5193a7/v3/img/sprite.svg" as="image"/> <title>High-tech : innovations et actualités numériques - page 5</title> <meta name="description" content="Découvrez les dernières innovations technologiques : smartphones, intelligence artificielle (IA), objets connectés. L'actu high-tech décryptée par nos experts." /> <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/high-tech/page/5" /> <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/high-tech/page/6" /> <link rel="prev" href="https://www.nouvelobs.com/high-tech/page/4" /> <link rel="alternate" title="high-tech" type="application/rss+xml" href="https://www.nouvelobs.com/high-tech/rss.xml" /> <meta property="al:android:app_name" content="Le Nouvel Obs : actus et infos" /> <meta property="al:android:package" content="com.nouvelobs.androidapp" /> <meta property="al:ios:app_name" content="Le Nouvel Obs infos & analyses" /> <meta property="al:ios:app_store_id" content="361705445" /> <meta property="al:ipad:app_name" content="Le Nouvel Obs infos & analyses" /> <meta property="al:ipad:app_store_id" content="361705445" /> <meta name="apple-itunes-app" content="app-id=361705445" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" /> <meta property="fb:admins" content="617448404" /> <meta property="fb:app_id" content="221722803985" /> <meta property="og:description" content="Découvrez les dernières innovations technologiques : smartphones, intelligence artificielle (IA), objets connectés. L'actu high-tech décryptée par nos experts." /> <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="High-tech : innovations et actualités numériques - page 5" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.nouvelobs.com/high-tech/page/5" /> <meta name="twitter:app:country" content="FR" /> <meta name="twitter:app:id:googleplay" content="com.nouvelobs.androidapp" /> <meta name="twitter:app:id:ipad" content="361705445" /> <meta name="twitter:app:id:iphone" content="361705445" /> <meta name="twitter:app:name:googleplay" content="Le Nouvel Obs : actus et infos" /> <meta name="twitter:app:name:ipad" content="Le Nouvel Obs infos & analyses" /> <meta name="twitter:app:name:iphone" content="Le Nouvel Obs infos & analyses" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@Le_NouvelObs" /> <meta name="twitter:description" content="Découvrez les dernières innovations technologiques : smartphones, intelligence artificielle (IA), objets connectés. L'actu high-tech décryptée par nos experts." /> <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="High-tech : innovations et actualités numériques - page 5" /> <meta name="twitter:url" content="https://www.nouvelobs.com/high-tech/page/5" /> <meta name="twitter:widgets:csp" content="on" /> <link rel="stylesheet" type="text/css" href="/bucket/63246f6ff331ff23b55b40e52e74586efc5193a7/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":"Tendances","item":"https:\/\/www.nouvelobs.com\/tendances\/"},{"@type":"ListItem","position":3,"name":"High-Tech","item":"https:\/\/www.nouvelobs.com\/high-tech\/"}]}</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\/high-tech\/page\/5","description":"High-Tech","itemListElement":[{"@type":"ListItem","position":1,"url":"https:\/\/www.nouvelobs.com\/societe\/20220804.OBS61695\/archie-dans-le-coma-apres-un-black-out-challenge-les-ados-vont-instrumentaliser-la-mort-pour-se-sentir-vivants.html"},{"@type":"ListItem","position":2,"url":"https:\/\/www.nouvelobs.com\/societe\/20220729.OBS61472\/sous-le-feu-des-critiques-instagram-met-ses-changements-sur-pause.html"},{"@type":"ListItem","position":3,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220728.OBS61428\/la-maison-mere-de-facebook-encaisse-pour-la-premiere-fois-une-baisse-de-ses-recettes.html"},{"@type":"ListItem","position":4,"url":"https:\/\/www.nouvelobs.com\/politique\/20220717.OBS61014\/un-senateur-lr-bloque-sur-wikipedia-apres-avoir-tente-de-censurer-son-article.html"},{"@type":"ListItem","position":5,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220716.OBS60986\/4-enceintes-bluetooth-et-portables-pour-ambiancer-les-vacances.html"},{"@type":"ListItem","position":6,"url":"https:\/\/www.nouvelobs.com\/homo-digitalis\/20220709.OBS60759\/mais-pourquoi-nos-ancetres-avaient-ils-la-passion-de-la-deconnexion.html"},{"@type":"ListItem","position":7,"url":"https:\/\/www.nouvelobs.com\/bibliobs\/20220708.OBS60727\/t-choupi-se-lance-dans-les-nft-l-ane-trotro-n-aurait-jamais-ose.html"},{"@type":"ListItem","position":8,"url":"https:\/\/www.nouvelobs.com\/monde\/20220708.OBS60684\/tiktok-poursuivi-en-justice-apres-la-mort-de-deux-fillettes-americaines-a-cause-du-jeu-du-foulard.html"},{"@type":"ListItem","position":9,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220706.OBS60584\/parce-qu-en-vacances-les-francais-sont-loin-de-deconnecter-voici-notre-selection-tech.html"},{"@type":"ListItem","position":10,"url":"https:\/\/www.nouvelobs.com\/chine\/20220705.OBS60548\/un-pirate-informatique-affirme-avoir-vole-les-informations-numeriques-d-un-milliard-de-chinois.html"},{"@type":"ListItem","position":11,"url":"https:\/\/www.nouvelobs.com\/histoire\/20220630.OBS60364\/mieux-que-les-demoiselles-du-telephone-puis-l-annuaire-quand-le-minitel-se-mit-au-langage-naturel.html"},{"@type":"ListItem","position":12,"url":"https:\/\/www.nouvelobs.com\/societe\/20220630.OBS60363\/ils-draguent-comme-des-betes-la-fievre-du-minitel-dans-les-annees-1980.html"},{"@type":"ListItem","position":13,"url":"https:\/\/www.nouvelobs.com\/societe\/20220630.OBS60358\/le-minitel-est-ne-il-y-a-40-ans-les-archives-de-l-obs-sur-ce-dinosaure-de-la-tech-bien-francais.html"},{"@type":"ListItem","position":14,"url":"https:\/\/www.nouvelobs.com\/histoire\/20220630.OBS60357\/a-l-aube-de-l-annee-1982-le-minitel-s-apprete-a-bouleverser-la-vie-des-francais.html"},{"@type":"ListItem","position":15,"url":"https:\/\/www.nouvelobs.com\/societe\/20220630.OBS60356\/les-francais-cobayes-du-futur-en-1987-le-minitel-trone-comme-un-roi-dans-les-foyers-francais.html"},{"@type":"ListItem","position":16,"url":"https:\/\/www.nouvelobs.com\/societe\/20220630.OBS60354\/en-1997-la-france-s-accroche-a-l-e-commerce-sur-le-minitel-mais-la-concurrence-d-internet-se-fait-deja-sentir.html"},{"@type":"ListItem","position":17,"url":"https:\/\/www.nouvelobs.com\/homo-digitalis\/20220625.OBS60169\/mais-pourquoi-nos-ancetres-aimaient-ils-quitter-twitter.html"},{"@type":"ListItem","position":18,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220620.OBS59934\/4-jours-a-vivatech-en-10-innovations.html"},{"@type":"ListItem","position":19,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220615.OBS59702\/vivatech-est-de-retour-a-paris-car-il-n-y-a-pas-que-la-silicon-valley.html"},{"@type":"ListItem","position":20,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220613.OBS59642\/bienvenue-dans-l-ere-des-drones-a-selfies.html"},{"@type":"ListItem","position":21,"url":"https:\/\/www.nouvelobs.com\/homo-digitalis\/20220611.OBS59560\/mais-pourquoi-nos-ancetres-etaient-ils-obsedes-par-les-zones-blanches.html"},{"@type":"ListItem","position":22,"url":"https:\/\/www.nouvelobs.com\/homo-digitalis\/20220528.OBS59032\/mais-pourquoi-nos-aieux-se-livraient-ils-a-de-laborieux-travaux-d-ecriture-collective-sans-se-voir.html"},{"@type":"ListItem","position":23,"url":"https:\/\/www.nouvelobs.com\/lifestyle\/20220519.OBS58666\/cannes-2022-quand-tiktok-et-instagram-reveillent-le-festival.html"},{"@type":"ListItem","position":24,"url":"https:\/\/www.nouvelobs.com\/homo-digitalis\/20220507.OBS58149\/mais-pourquoi-les-humains-n-avaient-ils-pas-conscience-de-la-fragilite-de-leur-univers-numerique.html"},{"@type":"ListItem","position":25,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220505.OBS58039\/kinetix-la-plateforme-francaise-qui-va-vous-faire-danser-dans-le-metavers.html"},{"@type":"ListItem","position":26,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220503.OBS57983\/des-ong-appellent-a-empecher-elon-musk-de-demolir-la-moderation-sur-twitter.html"},{"@type":"ListItem","position":27,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220426.OBS57690\/barres-de-son-a-tous-les-prix-et-accessoires-audio-haut-de-gamme-on-monte-le-volume.html"},{"@type":"ListItem","position":28,"url":"https:\/\/www.nouvelobs.com\/femina-heroica\/20220423.OBS57552\/qu-ai-je-pense-le-jour-ou-j-ai-desactive-la-fonction-vu-de-mon-compte-whatsapp.html"},{"@type":"ListItem","position":29,"url":"https:\/\/www.nouvelobs.com\/food\/20220423.OBS57538\/7-conseils-d-un-photographe-culinaire-pour-reussir-ses-photos-de-plats.html"},{"@type":"ListItem","position":30,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220423.OBS57528\/l-union-europeenne-elimine-les-zones-de-non-droit-sur-internet.html"},{"@type":"ListItem","position":31,"url":"https:\/\/www.nouvelobs.com\/homo-digitalis\/20220416.OBS57230\/mais-comment-un-beau-jour-une-vieille-dame-mit-fin-a-l-omnipresence-d-internet.html"},{"@type":"ListItem","position":32,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220416.OBS57214\/barbecue-connecte-appli-de-permaculture-tondeuse-robot-la-tech-s-invite-au-jardin.html"},{"@type":"ListItem","position":33,"url":"https:\/\/www.nouvelobs.com\/mode\/20220410.OBS56892\/mode-et-metavers-l-extension-du-domaine-de-l-apparence.html"},{"@type":"ListItem","position":34,"url":"https:\/\/www.nouvelobs.com\/guerre-en-ukraine\/20220401.OBS56518\/confrontee-a-une-fuite-des-cerveaux-massive-la-russie-tente-de-reagir.html"},{"@type":"ListItem","position":35,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220330.OBS56377\/dyson-lance-un-casque-audio-purificateur-d-air-un-symbole-inquietant-du-monde-d-apres.html"},{"@type":"ListItem","position":36,"url":"https:\/\/www.nouvelobs.com\/homo-digitalis\/20220326.OBS56233\/mais-quel-role-jouait-internet-lors-de-la-guerre-contre-l-ancienne-ukraine.html"},{"@type":"ListItem","position":37,"url":"https:\/\/www.nouvelobs.com\/justice\/20220325.OBS56201\/les-poursuites-en-diffamation-du-maroc-en-france-dans-l-affaire-pegasus-jugees-irrecevables.html"},{"@type":"ListItem","position":38,"url":"https:\/\/www.nouvelobs.com\/homo-digitalis\/20220227.OBS55044\/mais-pourquoi-au-xxie-siecle-certains-echanges-necessitaient-ils-l-usage-d-une-camera-comme-jadis-au-cinema.html"},{"@type":"ListItem","position":39,"url":"https:\/\/www.nouvelobs.com\/high-tech\/20220215.OBS54497\/boxe-en-vr-et-tapis-de-yoga-connecte-la-tech-joue-les-coachs-sportifs.html"},{"@type":"ListItem","position":40,"url":"https:\/\/www.nouvelobs.com\/homo-digitalis\/20220211.OBS54329\/mais-pourquoi-nos-ancetres-ne-comprirent-ils-pas-que-scroller-a-l-infini-allait-causer-leur-perte.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%2Fhigh-tech%2Fpage%2F5","swgSubscription":"https:\/\/www.nouvelobs.com\/bucket\/63246f6ff331ff23b55b40e52e74586efc5193a7\/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\/63246f6ff331ff23b55b40e52e74586efc5193a7\/"); 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="o"/> <meta name="pbstck_context:subsection" content="o"/> <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="tendances,high-tech"/> <meta name="ad:rubriques" content="tendances,high-tech"/> <meta name="ad:rub" content="high-tech"/> <meta name="ad:rubrique_id" content="84"/> <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":"63246f6ff331ff23b55b40e52e74586efc5193a7","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":"High_Tech","thematique_2":"High_Tech"},"event_page":{"page_chapter1":"High_Tech","page_chapter2":"High_Tech","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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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="/politique/20240904.OBS93171/le-premier-ministre.html" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Le_Gouvernement_Barnier,navigation"> Le gouvernement Barnier <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/63246f6ff331ff23b55b40e52e74586efc5193a7/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/politique/20241011.OBS94837/ca-se-passe-a-l-assemblee.html" class="link--nav d-flex align-items-center justify-content-between latino-300r text-blue-400" data-piano="Menu,A_la_une,,Ca_Se_Passe_A_L_Assemblee,navigation"> Ça se passe à l’Assemblée <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/63246f6ff331ff23b55b40e52e74586efc5193a7/v3/img/sprite.svg#arrow-right"></use> </svg> </a> <a href="/justice/20241114.OBS96358/le-proces-de-l-assassinat-de-samuel-paty.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_De_L_Assassinat_De_Samuel_Paty,navigation"> Le procès de l’assassinat de Samuel Paty <svg class="icon icon--arrow-right me-2" style="--fill:#56668A"> <use href="/bucket/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </p> </div> <div class="flex-shrink-0"> <img src="https://www.nouvelobs.com/bucket/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/v3/img/sprite.svg#arrow-right"></use> </svg> </a> </p> </div> <div class="flex-shrink-0"> <img src="https://www.nouvelobs.com/bucket/63246f6ff331ff23b55b40e52e74586efc5193a7/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 latino-450r py-15 py-lg-20 d-flex flex-wrap align-items-center" 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="https://www.nouvelobs.com/tendances/" class="link--nav text-grey-500" data-piano="Home_Section,Fil_Ariane,,1,navigation"> Tendances </a> <div class="pt-5"> <svg class="icon icon--chevron-right icon--small " style="--fill:#171717"> <use href="/bucket/63246f6ff331ff23b55b40e52e74586efc5193a7/v3/img/sprite.svg#chevron-right"></use> </svg> </div> </li> <li> <span class="text-grey-800" aria-current="page">High-Tech</span> </li> </ol> </nav> <h1 class="section__header__title headline-underline headline-underline--lg-bolder antonia-4050e" > <span>High-Tech</span> </h1> </div> </div> </header> <section class="section__content mt-30" 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="/societe/20220804.OBS61695/archie-dans-le-coma-apres-un-black-out-challenge-les-ados-vont-instrumentaliser-la-mort-pour-se-sentir-vivants.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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">Entretien </span> <h2 class="latino-600m text-grey-800 d-inline"> Archie dans le coma après un « black-out challenge » : « Les ados vont instrumentaliser la mort pour se sentir vivants » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-08-04T18:00" class="latino-100m text-grey-500"> 4 août 2022 à 18h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/08/04/0/112/5776/3851/110/73/75/0/f0ddf56_1659619375351-sipa-sipausa30273273-000004.jpg 1x,https://focus.nouvelobs.com/2022/08/04/0/112/5776/3851/220/146/75/0/f0ddf56_1659619375351-sipa-sipausa30273273-000004.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/08/04/0/112/5776/3851/210/140/75/0/f0ddf56_1659619375351-sipa-sipausa30273273-000004.jpg" srcset="https://focus.nouvelobs.com/2022/08/04/0/112/5776/3851/210/140/75/0/f0ddf56_1659619375351-sipa-sipausa30273273-000004.jpg 1x,https://focus.nouvelobs.com/2022/08/04/0/112/5776/3851/420/280/75/0/f0ddf56_1659619375351-sipa-sipausa30273273-000004.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Les familles des deux jeunes enfants, morts après s’être auto-asphyxiés, ont porté plainte contre TikTok. Elles accusent l’algorithme du réseau social de mettre en avant du contenu dangereux."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-08-04T18:00" class="latino-100m text-grey-500"> 4 août 2022 à 18h00 </time> </div> </a> </article> <div class="" style=""> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/high-tech/page/5" 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="/societe/20220729.OBS61472/sous-le-feu-des-critiques-instagram-met-ses-changements-sur-pause.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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> <h2 class="latino-600m text-grey-800 d-inline"> Sous le feu des critiques, Instagram met ses changements sur pause </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-07-29T09:09" class="latino-100m text-grey-500"> 29 juillet 2022 à 9h09 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/07/27/130/0/4924/3282/110/73/75/0/8f31831_1658924206696-sipa-00999860-000012.jpg 1x,https://focus.nouvelobs.com/2022/07/27/130/0/4924/3282/220/146/75/0/8f31831_1658924206696-sipa-00999860-000012.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/07/27/130/0/4924/3282/210/140/75/0/8f31831_1658924206696-sipa-00999860-000012.jpg" srcset="https://focus.nouvelobs.com/2022/07/27/130/0/4924/3282/210/140/75/0/8f31831_1658924206696-sipa-00999860-000012.jpg 1x,https://focus.nouvelobs.com/2022/07/27/130/0/4924/3282/420/280/75/0/8f31831_1658924206696-sipa-00999860-000012.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Instagram va faire une pause dans sa transformation à la TikTok."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-07-29T09:09" class="latino-100m text-grey-500"> 29 juillet 2022 à 9h09 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220728.OBS61428/la-maison-mere-de-facebook-encaisse-pour-la-premiere-fois-une-baisse-de-ses-recettes.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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"> La maison mère de Facebook encaisse pour la première fois une baisse de ses recettes </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-07-28T08:05" class="latino-100m text-grey-500"> 28 juillet 2022 à 8h05 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/07/27/0/0/1936/1290/110/73/75/0/3f2714a_afp-32fk7xp.jpg 1x,https://focus.nouvelobs.com/2022/07/27/0/0/1936/1290/220/146/75/0/3f2714a_afp-32fk7xp.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/07/27/0/0/1936/1290/210/140/75/0/3f2714a_afp-32fk7xp.jpg" srcset="https://focus.nouvelobs.com/2022/07/27/0/0/1936/1290/210/140/75/0/3f2714a_afp-32fk7xp.jpg 1x,https://focus.nouvelobs.com/2022/07/27/0/0/1936/1290/420/280/75/0/3f2714a_afp-32fk7xp.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Facebook est en crise. Passagère ou existantielle ?"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-07-28T08:05" class="latino-100m text-grey-500"> 28 juillet 2022 à 8h05 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/politique/20220717.OBS61014/un-senateur-lr-bloque-sur-wikipedia-apres-avoir-tente-de-censurer-son-article.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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> <h2 class="latino-600m text-grey-800 d-inline"> Un sénateur LR bloqué sur Wikipédia après avoir tenté de censurer son article </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-07-17T15:19" class="latino-100m text-grey-500"> 17 juillet 2022 à 15h19 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2021/04/16/2/0/4000/2666/110/73/75/0/03e5579_72832510-sipa-sipausa30198299-000011.jpg 1x,https://focus.nouvelobs.com/2021/04/16/2/0/4000/2666/220/146/75/0/03e5579_72832510-sipa-sipausa30198299-000011.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2021/04/16/2/0/4000/2666/210/140/75/0/03e5579_72832510-sipa-sipausa30198299-000011.jpg" srcset="https://focus.nouvelobs.com/2021/04/16/2/0/4000/2666/210/140/75/0/03e5579_72832510-sipa-sipausa30198299-000011.jpg 1x,https://focus.nouvelobs.com/2021/04/16/2/0/4000/2666/420/280/75/0/03e5579_72832510-sipa-sipausa30198299-000011.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Un logo de Wikipédia sur un smartphone"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-07-17T15:19" class="latino-100m text-grey-500"> 17 juillet 2022 à 15h19 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220716.OBS60986/4-enceintes-bluetooth-et-portables-pour-ambiancer-les-vacances.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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> <span class="latino-600m text-grey-500">Sélection </span> <h2 class="latino-600m text-grey-800 d-inline"> 4 enceintes Bluetooth et portables pour ambiancer les vacances </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-07-16T11:00" class="latino-100m text-grey-500"> 16 juillet 2022 à 11h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/07/05/1755/0/4111/2740/110/73/75/0/c8fe85c_1657034976533-aqy-whjm.jpeg 1x,https://focus.nouvelobs.com/2022/07/05/1755/0/4111/2740/220/146/75/0/c8fe85c_1657034976533-aqy-whjm.jpeg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/07/05/1755/0/4111/2740/210/140/75/0/c8fe85c_1657034976533-aqy-whjm.jpeg" srcset="https://focus.nouvelobs.com/2022/07/05/1755/0/4111/2740/210/140/75/0/c8fe85c_1657034976533-aqy-whjm.jpeg 1x,https://focus.nouvelobs.com/2022/07/05/1755/0/4111/2740/420/280/75/0/c8fe85c_1657034976533-aqy-whjm.jpeg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="L’une des plus petites et la plus rock : la Willem de Marshall."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-07-16T11:00" class="latino-100m text-grey-500"> 16 juillet 2022 à 11h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/homo-digitalis/20220709.OBS60759/mais-pourquoi-nos-ancetres-avaient-ils-la-passion-de-la-deconnexion.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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">Chronique </span> <h2 class="latino-600m text-grey-800 d-inline"> Mais pourquoi nos ancêtres avaient-ils la passion de la déconnexion ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-07-09T16:00" class="latino-100m text-grey-500"> 9 juillet 2022 à 16h00 </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/2022/07/07/193/0/4592/3061/110/73/75/0/770560b_1657194577242-sten-ritterfeld-pskil0fks58-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/07/07/193/0/4592/3061/220/146/75/0/770560b_1657194577242-sten-ritterfeld-pskil0fks58-unsplash.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/07/07/193/0/4592/3061/210/140/75/0/770560b_1657194577242-sten-ritterfeld-pskil0fks58-unsplash.jpg" srcset="https://focus.nouvelobs.com/2022/07/07/193/0/4592/3061/210/140/75/0/770560b_1657194577242-sten-ritterfeld-pskil0fks58-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/07/07/193/0/4592/3061/420/280/75/0/770560b_1657194577242-sten-ritterfeld-pskil0fks58-unsplash.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="2022-07-09T16:00" class="latino-100m text-grey-500"> 9 juillet 2022 à 16h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/bibliobs/20220708.OBS60727/t-choupi-se-lance-dans-les-nft-l-ane-trotro-n-aurait-jamais-ose.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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">Chronique </span> <h2 class="latino-600m text-grey-800 d-inline"> T’choupi se lance dans les NFT ? L’âne Trotro n’aurait jamais osé </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-07-08T15:10" class="latino-100m text-grey-500"> 8 juillet 2022 à 15h10 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/07/08/0/567/2265/1510/110/73/75/0/637f56f_1657265956278-capture-d-e-cran-8-juil-9-36-am.png 1x,https://focus.nouvelobs.com/2022/07/08/0/567/2265/1510/220/146/75/0/637f56f_1657265956278-capture-d-e-cran-8-juil-9-36-am.png 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/07/08/0/567/2265/1510/210/140/75/0/637f56f_1657265956278-capture-d-e-cran-8-juil-9-36-am.png" srcset="https://focus.nouvelobs.com/2022/07/08/0/567/2265/1510/210/140/75/0/637f56f_1657265956278-capture-d-e-cran-8-juil-9-36-am.png 1x,https://focus.nouvelobs.com/2022/07/08/0/567/2265/1510/420/280/75/0/637f56f_1657265956278-capture-d-e-cran-8-juil-9-36-am.png 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="250 euros pour être le seul à savoir que vous possédez une illustration de T’choupi : une affaire !"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-07-08T15:10" class="latino-100m text-grey-500"> 8 juillet 2022 à 15h10 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/monde/20220708.OBS60684/tiktok-poursuivi-en-justice-apres-la-mort-de-deux-fillettes-americaines-a-cause-du-jeu-du-foulard.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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> <h2 class="latino-600m text-grey-800 d-inline"> TikTok poursuivi en justice après la mort de deux fillettes américaines à cause du « jeu du foulard » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-07-08T08:42" class="latino-100m text-grey-500"> 8 juillet 2022 à 8h42 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/07/06/1/0/8192/5461/110/73/75/0/2dd170e_afp-32dv9vm.jpg 1x,https://focus.nouvelobs.com/2022/07/06/1/0/8192/5461/220/146/75/0/2dd170e_afp-32dv9vm.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/07/06/1/0/8192/5461/210/140/75/0/2dd170e_afp-32dv9vm.jpg" srcset="https://focus.nouvelobs.com/2022/07/06/1/0/8192/5461/210/140/75/0/2dd170e_afp-32dv9vm.jpg 1x,https://focus.nouvelobs.com/2022/07/06/1/0/8192/5461/420/280/75/0/2dd170e_afp-32dv9vm.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="TikTok poursuivi en justice après la mort de deux fillettes américaines à cause du « jeu du foulard »."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-07-08T08:42" class="latino-100m text-grey-500"> 8 juillet 2022 à 8h42 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220706.OBS60584/parce-qu-en-vacances-les-francais-sont-loin-de-deconnecter-voici-notre-selection-tech.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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"> La tech en goguette : notre sélection pour voyager connecté </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-07-06T12:00" class="latino-100m text-grey-500"> 6 juillet 2022 à 12h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/06/23/0/0/5641/3761/110/73/75/0/b18ed38_1655977317399-gettyimages-629639497.jpeg 1x,https://focus.nouvelobs.com/2022/06/23/0/0/5641/3761/220/146/75/0/b18ed38_1655977317399-gettyimages-629639497.jpeg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/23/0/0/5641/3761/210/140/75/0/b18ed38_1655977317399-gettyimages-629639497.jpeg" srcset="https://focus.nouvelobs.com/2022/06/23/0/0/5641/3761/210/140/75/0/b18ed38_1655977317399-gettyimages-629639497.jpeg 1x,https://focus.nouvelobs.com/2022/06/23/0/0/5641/3761/420/280/75/0/b18ed38_1655977317399-gettyimages-629639497.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="2022-07-06T12:00" class="latino-100m text-grey-500"> 6 juillet 2022 à 12h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/chine/20220705.OBS60548/un-pirate-informatique-affirme-avoir-vole-les-informations-numeriques-d-un-milliard-de-chinois.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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> <h2 class="latino-600m text-grey-800 d-inline"> Un pirate informatique affirme avoir volé les informations d’un milliard de Chinois </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-07-05T16:32" class="latino-100m text-grey-500"> 5 juillet 2022 à 16h32 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/07/05/0/105/3289/2193/110/73/75/0/51d7729_452040917-sipa-00753098-000009.jpg 1x,https://focus.nouvelobs.com/2022/07/05/0/105/3289/2193/220/146/75/0/51d7729_452040917-sipa-00753098-000009.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/07/05/0/105/3289/2193/210/140/75/0/51d7729_452040917-sipa-00753098-000009.jpg" srcset="https://focus.nouvelobs.com/2022/07/05/0/105/3289/2193/210/140/75/0/51d7729_452040917-sipa-00753098-000009.jpg 1x,https://focus.nouvelobs.com/2022/07/05/0/105/3289/2193/420/280/75/0/51d7729_452040917-sipa-00753098-000009.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Si elle est confirmée, cette fuite de données serait l’une des plus importantes de l’histoire."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-07-05T16:32" class="latino-100m text-grey-500"> 5 juillet 2022 à 16h32 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/histoire/20220630.OBS60364/mieux-que-les-demoiselles-du-telephone-puis-l-annuaire-quand-le-minitel-se-mit-au-langage-naturel.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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">Archives </span> <h2 class="latino-600m text-grey-800 d-inline"> Mieux que les demoiselles du téléphone puis l’annuaire : quand le Minitel se mit au « langage naturel » </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-06-30T15:22" class="latino-100m text-grey-500"> 30 juin 2022 à 15h22 </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/2022/06/28/156/0/2950/1966/110/73/75/0/b328a50_1656427543598-minitel-1982-sipa-00037876-000002.jpg 1x,https://focus.nouvelobs.com/2022/06/28/156/0/2950/1966/220/146/75/0/b328a50_1656427543598-minitel-1982-sipa-00037876-000002.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/28/156/0/2950/1966/210/140/75/0/b328a50_1656427543598-minitel-1982-sipa-00037876-000002.jpg" srcset="https://focus.nouvelobs.com/2022/06/28/156/0/2950/1966/210/140/75/0/b328a50_1656427543598-minitel-1982-sipa-00037876-000002.jpg 1x,https://focus.nouvelobs.com/2022/06/28/156/0/2950/1966/420/280/75/0/b328a50_1656427543598-minitel-1982-sipa-00037876-000002.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Chercher un renseignement avec le Minitel : en 1982, fini les annuaires papier pour les adeptes de la télématique."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-06-30T15:22" class="latino-100m text-grey-500"> 30 juin 2022 à 15h22 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <div class="" style=""> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/high-tech/page/5" data-widget-id="SF_4" ></div> </div> <article class="py-lg-25 border-bottom"> <a href="/societe/20220630.OBS60363/ils-draguent-comme-des-betes-la-fievre-du-minitel-dans-les-annees-1980.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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> <span class="latino-600m text-grey-500">Archives </span> <h2 class="latino-600m text-grey-800 d-inline"> « Ils draguent comme des bêtes » : la fièvre du Minitel dans les années 1980 </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-06-30T15:19" class="latino-100m text-grey-500"> 30 juin 2022 à 15h19 </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/2022/06/28/136/0/2465/1643/110/73/75/0/cdbe66a_1656425322646-minitel-sexe-1993-dessin-sipa-00304879-000004.jpg 1x,https://focus.nouvelobs.com/2022/06/28/136/0/2465/1643/220/146/75/0/cdbe66a_1656425322646-minitel-sexe-1993-dessin-sipa-00304879-000004.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/28/136/0/2465/1643/210/140/75/0/cdbe66a_1656425322646-minitel-sexe-1993-dessin-sipa-00304879-000004.jpg" srcset="https://focus.nouvelobs.com/2022/06/28/136/0/2465/1643/210/140/75/0/cdbe66a_1656425322646-minitel-sexe-1993-dessin-sipa-00304879-000004.jpg 1x,https://focus.nouvelobs.com/2022/06/28/136/0/2465/1643/420/280/75/0/cdbe66a_1656425322646-minitel-sexe-1993-dessin-sipa-00304879-000004.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Sexe virtuel : une main vers un sein sortant d’un Minitel."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-06-30T15:19" class="latino-100m text-grey-500"> 30 juin 2022 à 15h19 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/societe/20220630.OBS60358/le-minitel-est-ne-il-y-a-40-ans-les-archives-de-l-obs-sur-ce-dinosaure-de-la-tech-bien-francais.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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">Dossier </span> <h2 class="latino-600m text-grey-800 d-inline"> Le Minitel est né il y a 40 ans : les archives de « l’Obs » sur ce dinosaure de la tech bien français </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-06-30T13:59" class="latino-100m text-grey-500"> 30 juin 2022 à 13h59 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/06/30/0/74/5220/3480/110/73/75/0/04f3474_1656580988503-minitel-2010-sipa-rex40163077-000017.jpg 1x,https://focus.nouvelobs.com/2022/06/30/0/74/5220/3480/220/146/75/0/04f3474_1656580988503-minitel-2010-sipa-rex40163077-000017.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/30/0/74/5220/3480/210/140/75/0/04f3474_1656580988503-minitel-2010-sipa-rex40163077-000017.jpg" srcset="https://focus.nouvelobs.com/2022/06/30/0/74/5220/3480/210/140/75/0/04f3474_1656580988503-minitel-2010-sipa-rex40163077-000017.jpg 1x,https://focus.nouvelobs.com/2022/06/30/0/74/5220/3480/420/280/75/0/04f3474_1656580988503-minitel-2010-sipa-rex40163077-000017.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Un Minitel à côté d’un téléphone. Photo by Jeff Blackler / Rex Features ( 1219920ax )"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-06-30T13:59" class="latino-100m text-grey-500"> 30 juin 2022 à 13h59 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/histoire/20220630.OBS60357/a-l-aube-de-l-annee-1982-le-minitel-s-apprete-a-bouleverser-la-vie-des-francais.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,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">Archives </span> <h2 class="latino-600m text-grey-800 d-inline"> A l’aube de l’année 1982, le Minitel s’apprête à bouleverser la vie des Français </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-06-30T13:57" class="latino-100m text-grey-500"> 30 juin 2022 à 13h57 </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/2022/06/30/0/0/1023/682/110/73/75/0/2e7c60a_1656581455616-minitel-mexandeau-afp-000-17s73l.jpg 1x,https://focus.nouvelobs.com/2022/06/30/0/0/1023/682/220/146/75/0/2e7c60a_1656581455616-minitel-mexandeau-afp-000-17s73l.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/30/0/0/1023/682/210/140/75/0/2e7c60a_1656581455616-minitel-mexandeau-afp-000-17s73l.jpg" srcset="https://focus.nouvelobs.com/2022/06/30/0/0/1023/682/210/140/75/0/2e7c60a_1656581455616-minitel-mexandeau-afp-000-17s73l.jpg 1x,https://focus.nouvelobs.com/2022/06/30/0/0/1023/682/420/280/75/0/2e7c60a_1656581455616-minitel-mexandeau-afp-000-17s73l.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Le 9 juillet 1985 à Paris, Louis Mexandeau, ministre (PS) des PTT, devant l’annuaire électronique sur Minitel (Photo by AFP)"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-06-30T13:57" class="latino-100m text-grey-500"> 30 juin 2022 à 13h57 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/societe/20220630.OBS60356/les-francais-cobayes-du-futur-en-1987-le-minitel-trone-comme-un-roi-dans-les-foyers-francais.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,15,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"> « Les Français, cobayes du futur » : en 1987, le Minitel trône comme un roi dans les foyers français </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-06-30T13:51" class="latino-100m text-grey-500"> 30 juin 2022 à 13h51 </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/2022/06/30/0/9/1005/670/110/73/75/0/b1967ce_1656579453794-minitel-publicites-champs-afp.jpg 1x,https://focus.nouvelobs.com/2022/06/30/0/9/1005/670/220/146/75/0/b1967ce_1656579453794-minitel-publicites-champs-afp.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/30/0/9/1005/670/210/140/75/0/b1967ce_1656579453794-minitel-publicites-champs-afp.jpg" srcset="https://focus.nouvelobs.com/2022/06/30/0/9/1005/670/210/140/75/0/b1967ce_1656579453794-minitel-publicites-champs-afp.jpg 1x,https://focus.nouvelobs.com/2022/06/30/0/9/1005/670/420/280/75/0/b1967ce_1656579453794-minitel-publicites-champs-afp.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Les messageries roses du Minitel ne faisaient pas toujours dans la finesse. Ici, des passants regardent des affiches publicitaires géantes de messageries sur des camions, stationnés le 17 août 1987, près de l'Arc de Triomphe sur l'avenue des Champs Elysées de Paris. Ces véhicules ont été verbalisés pour leur trop gande dimension à côté d'un monument historique et non pour leur caractère pornographique. AFP PHOTO PHILIPPE BOUCHON (Photo by PHILIPPE BOUCHON / AFP)"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-06-30T13:51" class="latino-100m text-grey-500"> 30 juin 2022 à 13h51 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> </div> <div class="sidecol flex-column"> <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 Tendances</span> </p> <a href="https://www.nouvelobs.com/mode/20241202.OBS97261/la-nouvelle-campagne-balenciaga-loro-piana-maitre-des-fibres-les-chemises-artistiques-de-figaret.html" class="link--box mb-20" data-piano="Home_Section,high-tech,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"> La nouvelle campagne Balenciaga, Loro Piana maître des fibres, les chemises artistiques de Figaret… </p> </div> </article> </a> <a href="https://www.nouvelobs.com/tendances/20241202.OBS97258/gastronomie-champagne-le-gout-de-la-fete.html" class="link--box mb-20" data-piano="Home_Section,high-tech,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"> Gastronomie & Champagne : Le goût de la fête </p> </div> </article> </a> <a href="https://www.nouvelobs.com/tendances/20241201.OBS97224/la-classics-premiere-de-f-constant-la-mini-prx-de-tissot-la-black-tie-warhol-de-piaget-couleurs-couleurs.html" class="link--box mb-20" data-piano="Home_Section,high-tech,PlusLus,3,navigation"> <article> <p class="antonia-2050r headline-underline" style="position:relative;"> <span class="px-8p px-md-65 ps-lg-30 pe-lg-0">3</span> </p> <div class="px-8p px-md-65 px-lg-0"> <p class="latino-300m text-grey-800 d-inline"> La Classics première de F. Constant, la mini PRX de Tissot, la Black Tie-Warhol de Piaget… Couleurs, couleurs ! </p> </div> </article> </a> <a href="https://www.nouvelobs.com/tendances/20241201.OBS97218/on-a-teste-le-petit-suv-hybride-lexus-lbx-formule-premium-concentree.html" class="link--box mb-20" data-piano="Home_Section,high-tech,PlusLus,4,navigation"> <article> <p class="antonia-2050r headline-underline" style="position:relative;"> <span class="px-8p px-md-65 ps-lg-30 pe-lg-0">4</span> </p> <div class="px-8p px-md-65 px-lg-0"> <p class="latino-300m text-grey-800 d-inline"> On a testé le petit SUV hybride Lexus LBX : formule premium concentrée </p> </div> </article> </a> <a href="https://www.nouvelobs.com/tendances/20241201.OBS97223/le-grand-hotel-cayre-du-nid-d-espion-au-nid-cocon-au-c-ur-de-saint-germain-des-pres.html" class="link--box mb-20" data-piano="Home_Section,high-tech,PlusLus,5,navigation"> <article> <p class="antonia-2050r headline-underline" style="position:relative;"> <span class="px-8p px-md-65 ps-lg-30 pe-lg-0">5</span> </p> <div class="px-8p px-md-65 px-lg-0"> <p class="latino-300m text-grey-800 d-inline"> Le Grand Hôtel Cayré : du nid d’espion au nid cocon, au cœur de Saint-Germain-des-Prés </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"> <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="/societe/20220630.OBS60354/en-1997-la-france-s-accroche-a-l-e-commerce-sur-le-minitel-mais-la-concurrence-d-internet-se-fait-deja-sentir.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,16,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"> En 1997, la France s’accroche à l’e-commerce sur le Minitel mais la concurrence d’Internet se fait déjà sentir </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-06-30T13:29" class="latino-100m text-grey-500"> 30 juin 2022 à 13h29 </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/2022/06/30/208/0/4288/2858/110/73/75/0/aedbf49_1656578495151-minitel-recyclage-sipa-00606959-000005.jpg 1x,https://focus.nouvelobs.com/2022/06/30/208/0/4288/2858/220/146/75/0/aedbf49_1656578495151-minitel-recyclage-sipa-00606959-000005.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/30/208/0/4288/2858/210/140/75/0/aedbf49_1656578495151-minitel-recyclage-sipa-00606959-000005.jpg" srcset="https://focus.nouvelobs.com/2022/06/30/208/0/4288/2858/210/140/75/0/aedbf49_1656578495151-minitel-recyclage-sipa-00606959-000005.jpg 1x,https://focus.nouvelobs.com/2022/06/30/208/0/4288/2858/420/280/75/0/aedbf49_1656578495151-minitel-recyclage-sipa-00606959-000005.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Minitels à recycler, en septembre 2010 dans l'entreprise de recyclage APR2 (Atelier Pro Réseau Recyclage). Credit:DURAND FLORENCE/SIPA/1010041115"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-06-30T13:29" class="latino-100m text-grey-500"> 30 juin 2022 à 13h29 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/homo-digitalis/20220625.OBS60169/mais-pourquoi-nos-ancetres-aimaient-ils-quitter-twitter.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,17,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">Chronique </span> <h2 class="latino-600m text-grey-800 d-inline"> Mais pourquoi nos ancêtres aimaient-ils quitter Twitter ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-06-25T17:00" class="latino-100m text-grey-500"> 25 juin 2022 à 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/2022/06/24/168/0/4032/2688/110/73/75/0/329969f_1656080122409-chris-j-davis-7ezfz2hxd40-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/06/24/168/0/4032/2688/220/146/75/0/329969f_1656080122409-chris-j-davis-7ezfz2hxd40-unsplash.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/24/168/0/4032/2688/210/140/75/0/329969f_1656080122409-chris-j-davis-7ezfz2hxd40-unsplash.jpg" srcset="https://focus.nouvelobs.com/2022/06/24/168/0/4032/2688/210/140/75/0/329969f_1656080122409-chris-j-davis-7ezfz2hxd40-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/06/24/168/0/4032/2688/420/280/75/0/329969f_1656080122409-chris-j-davis-7ezfz2hxd40-unsplash.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="2022-06-25T17:00" class="latino-100m text-grey-500"> 25 juin 2022 à 17h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220620.OBS59934/4-jours-a-vivatech-en-10-innovations.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,18,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"> 4 jours à VivaTech en 10 innovations </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-06-20T12:12" class="latino-100m text-grey-500"> 20 juin 2022 à 12h12 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/06/16/84/0/2016/1344/110/73/75/0/90a3c54_1655412730287-img-1353-1.jpg 1x,https://focus.nouvelobs.com/2022/06/16/84/0/2016/1344/220/146/75/0/90a3c54_1655412730287-img-1353-1.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/16/84/0/2016/1344/210/140/75/0/90a3c54_1655412730287-img-1353-1.jpg" srcset="https://focus.nouvelobs.com/2022/06/16/84/0/2016/1344/210/140/75/0/90a3c54_1655412730287-img-1353-1.jpg 1x,https://focus.nouvelobs.com/2022/06/16/84/0/2016/1344/420/280/75/0/90a3c54_1655412730287-img-1353-1.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Livi, l’influenceuse de LVMH"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-06-20T12:12" class="latino-100m text-grey-500"> 20 juin 2022 à 12h12 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220615.OBS59702/vivatech-est-de-retour-a-paris-car-il-n-y-a-pas-que-la-silicon-valley.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,19,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"> VivaTech est de retour à Paris : car il n’y a pas que la Silicon Valley… </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-06-15T08:46" class="latino-100m text-grey-500"> 15 juin 2022 à 8h46 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/06/15/0/0/6000/4000/110/73/75/0/772e8d6_42081122-vt-1.jpg 1x,https://focus.nouvelobs.com/2022/06/15/0/0/6000/4000/220/146/75/0/772e8d6_42081122-vt-1.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/15/0/0/6000/4000/210/140/75/0/772e8d6_42081122-vt-1.jpg" srcset="https://focus.nouvelobs.com/2022/06/15/0/0/6000/4000/210/140/75/0/772e8d6_42081122-vt-1.jpg 1x,https://focus.nouvelobs.com/2022/06/15/0/0/6000/4000/420/280/75/0/772e8d6_42081122-vt-1.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Viva Accueil"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-06-15T08:46" class="latino-100m text-grey-500"> 15 juin 2022 à 8h46 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220613.OBS59642/bienvenue-dans-l-ere-des-drones-a-selfies.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,20,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"> Bienvenue dans l’ère des drones à selfies </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-06-13T17:23" class="latino-100m text-grey-500"> 13 juin 2022 à 17h23 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/06/13/0/0/2281/1520/110/73/75/0/6632a6a_1655126461954-pixy-lifestyle-still-1.jpg 1x,https://focus.nouvelobs.com/2022/06/13/0/0/2281/1520/220/146/75/0/6632a6a_1655126461954-pixy-lifestyle-still-1.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/13/0/0/2281/1520/210/140/75/0/6632a6a_1655126461954-pixy-lifestyle-still-1.jpg" srcset="https://focus.nouvelobs.com/2022/06/13/0/0/2281/1520/210/140/75/0/6632a6a_1655126461954-pixy-lifestyle-still-1.jpg 1x,https://focus.nouvelobs.com/2022/06/13/0/0/2281/1520/420/280/75/0/6632a6a_1655126461954-pixy-lifestyle-still-1.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Trois amies utilisent le mini-drone Pixy pour un selfie"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-06-13T17:23" class="latino-100m text-grey-500"> 13 juin 2022 à 17h23 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/homo-digitalis/20220611.OBS59560/mais-pourquoi-nos-ancetres-etaient-ils-obsedes-par-les-zones-blanches.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,21,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">Chronique </span> <h2 class="latino-600m text-grey-800 d-inline"> Mais pourquoi nos ancêtres étaient-ils obsédés par les « zones blanches » ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-06-11T14:00" class="latino-100m text-grey-500"> 11 juin 2022 à 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/2022/06/10/0/0/5760/3840/110/73/75/0/30789d4_221267491-discover-savsat-ag0faufth6i-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/06/10/0/0/5760/3840/220/146/75/0/30789d4_221267491-discover-savsat-ag0faufth6i-unsplash.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/06/10/0/0/5760/3840/210/140/75/0/30789d4_221267491-discover-savsat-ag0faufth6i-unsplash.jpg" srcset="https://focus.nouvelobs.com/2022/06/10/0/0/5760/3840/210/140/75/0/30789d4_221267491-discover-savsat-ag0faufth6i-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/06/10/0/0/5760/3840/420/280/75/0/30789d4_221267491-discover-savsat-ag0faufth6i-unsplash.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="2022-06-11T14:00" class="latino-100m text-grey-500"> 11 juin 2022 à 14h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <div class="" style=""> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/high-tech/page/5" data-widget-id="SF_4" ></div> </div> <article class="py-lg-25 border-bottom"> <a href="/homo-digitalis/20220528.OBS59032/mais-pourquoi-nos-aieux-se-livraient-ils-a-de-laborieux-travaux-d-ecriture-collective-sans-se-voir.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,22,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">Chronique </span> <h2 class="latino-600m text-grey-800 d-inline"> Mais pourquoi nos aïeux se livraient-ils à de laborieux travaux d’écriture collective sans se voir ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-05-28T17:00" class="latino-100m text-grey-500"> 28 mai 2022 à 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/2022/05/27/0/4/4068/2712/110/73/75/0/2927546_554926866-glenn-carstens-peters-npxxwgq33zq-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/05/27/0/4/4068/2712/220/146/75/0/2927546_554926866-glenn-carstens-peters-npxxwgq33zq-unsplash.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/05/27/0/4/4068/2712/210/140/75/0/2927546_554926866-glenn-carstens-peters-npxxwgq33zq-unsplash.jpg" srcset="https://focus.nouvelobs.com/2022/05/27/0/4/4068/2712/210/140/75/0/2927546_554926866-glenn-carstens-peters-npxxwgq33zq-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/05/27/0/4/4068/2712/420/280/75/0/2927546_554926866-glenn-carstens-peters-npxxwgq33zq-unsplash.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="2022-05-28T17:00" class="latino-100m text-grey-500"> 28 mai 2022 à 17h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/lifestyle/20220519.OBS58666/cannes-2022-quand-tiktok-et-instagram-reveillent-le-festival.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,23,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"> A Cannes, tiktokeurs et instagrameurs réveillent le festival </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-05-19T17:04" class="latino-100m text-grey-500"> 19 mai 2022 à 17h04 </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/2022/05/19/0/0/1920/1277/110/73/75/0/15d812d_506467238-unnamed.jpg 1x,https://focus.nouvelobs.com/2022/05/19/0/0/1920/1277/220/146/75/0/15d812d_506467238-unnamed.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/05/19/0/0/1920/1277/210/140/75/0/15d812d_506467238-unnamed.jpg" srcset="https://focus.nouvelobs.com/2022/05/19/0/0/1920/1277/210/140/75/0/15d812d_506467238-unnamed.jpg 1x,https://focus.nouvelobs.com/2022/05/19/0/0/1920/1277/420/280/75/0/15d812d_506467238-unnamed.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Pour sa première montée des marches, la star de TikTok Khaby Lame portait une veste diffusant sur des écrans flexibles ses vidéos les plus virales."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-05-19T17:04" class="latino-100m text-grey-500"> 19 mai 2022 à 17h04 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/homo-digitalis/20220507.OBS58149/mais-pourquoi-les-humains-n-avaient-ils-pas-conscience-de-la-fragilite-de-leur-univers-numerique.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,24,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">Chronique </span> <h2 class="latino-600m text-grey-800 d-inline"> Mais pourquoi les humains n’avaient-ils pas conscience de la fragilité de leur univers numérique ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-05-07T18:40" class="latino-100m text-grey-500"> 7 mai 2022 à 18h40 </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/2022/05/06/0/0/4587/3058/110/73/75/0/953169f_258202199-lars-kienle-ilxx7xnbrf8-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/05/06/0/0/4587/3058/220/146/75/0/953169f_258202199-lars-kienle-ilxx7xnbrf8-unsplash.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/05/06/0/0/4587/3058/210/140/75/0/953169f_258202199-lars-kienle-ilxx7xnbrf8-unsplash.jpg" srcset="https://focus.nouvelobs.com/2022/05/06/0/0/4587/3058/210/140/75/0/953169f_258202199-lars-kienle-ilxx7xnbrf8-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/05/06/0/0/4587/3058/420/280/75/0/953169f_258202199-lars-kienle-ilxx7xnbrf8-unsplash.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="2022-05-07T18:40" class="latino-100m text-grey-500"> 7 mai 2022 à 18h40 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220505.OBS58039/kinetix-la-plateforme-francaise-qui-va-vous-faire-danser-dans-le-metavers.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,25,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"> Kinetix, la plateforme (française) qui va vous faire danser dans le métavers </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-05-05T10:22" class="latino-100m text-grey-500"> 5 mai 2022 à 10h22 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/04/27/0/90/2700/1800/110/73/75/0/04cbc63_990893812-capture-d-e-cran-2022-04-27-a-11-37-36.png 1x,https://focus.nouvelobs.com/2022/04/27/0/90/2700/1800/220/146/75/0/04cbc63_990893812-capture-d-e-cran-2022-04-27-a-11-37-36.png 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/04/27/0/90/2700/1800/210/140/75/0/04cbc63_990893812-capture-d-e-cran-2022-04-27-a-11-37-36.png" srcset="https://focus.nouvelobs.com/2022/04/27/0/90/2700/1800/210/140/75/0/04cbc63_990893812-capture-d-e-cran-2022-04-27-a-11-37-36.png 1x,https://focus.nouvelobs.com/2022/04/27/0/90/2700/1800/420/280/75/0/04cbc63_990893812-capture-d-e-cran-2022-04-27-a-11-37-36.png 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Une application de la solution Kinetix via le jeu Next Dancer. Conçu par Damien Daube (The Garage), il sortira cet été et permettra d’organiser battles et autres concours de danse."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-05-05T10:22" class="latino-100m text-grey-500"> 5 mai 2022 à 10h22 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220503.OBS57983/des-ong-appellent-a-empecher-elon-musk-de-demolir-la-moderation-sur-twitter.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,26,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"> Des ONG appellent à empêcher Elon Musk de démolir la modération sur Twitter </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-05-03T21:45" class="latino-100m text-grey-500"> 3 mai 2022 à 21h45 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/05/03/20/0/4087/2724/110/73/75/0/b8887be_afp-329e7ra.jpg 1x,https://focus.nouvelobs.com/2022/05/03/20/0/4087/2724/220/146/75/0/b8887be_afp-329e7ra.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/05/03/20/0/4087/2724/210/140/75/0/b8887be_afp-329e7ra.jpg" srcset="https://focus.nouvelobs.com/2022/05/03/20/0/4087/2724/210/140/75/0/b8887be_afp-329e7ra.jpg 1x,https://focus.nouvelobs.com/2022/05/03/20/0/4087/2724/420/280/75/0/b8887be_afp-329e7ra.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Le milliardaire Elon Musk au Met Gala à New York, le 2 mai 2022."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-05-03T21:45" class="latino-100m text-grey-500"> 3 mai 2022 à 21h45 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220426.OBS57690/barres-de-son-a-tous-les-prix-et-accessoires-audio-haut-de-gamme-on-monte-le-volume.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,27,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"> Barres de son à tous les prix et accessoires audio haut de gamme : on monte le volume ! </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-04-26T17:00" class="latino-100m text-grey-500"> 26 avril 2022 à 17h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/04/04/0/175/1900/1267/110/73/75/0/372b995_124777093-lg-eclair-white-lifestyle-01.jpg 1x,https://focus.nouvelobs.com/2022/04/04/0/175/1900/1267/220/146/75/0/372b995_124777093-lg-eclair-white-lifestyle-01.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/04/04/0/175/1900/1267/210/140/75/0/372b995_124777093-lg-eclair-white-lifestyle-01.jpg" srcset="https://focus.nouvelobs.com/2022/04/04/0/175/1900/1267/210/140/75/0/372b995_124777093-lg-eclair-white-lifestyle-01.jpg 1x,https://focus.nouvelobs.com/2022/04/04/0/175/1900/1267/420/280/75/0/372b995_124777093-lg-eclair-white-lifestyle-01.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Barre de sonn LGQP5"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-04-26T17:00" class="latino-100m text-grey-500"> 26 avril 2022 à 17h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/femina-heroica/20220423.OBS57552/qu-ai-je-pense-le-jour-ou-j-ai-desactive-la-fonction-vu-de-mon-compte-whatsapp.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,28,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"> Qu’ai-je pensé le jour où j’ai désactivé la fonction « vu » de mon compte WhatsApp ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-04-23T17:00" class="latino-100m text-grey-500"> 23 avril 2022 à 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/2022/04/22/0/0/4500/3000/110/73/75/0/05e5f52_541079593-adem-ay-zs-41br0whq-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/04/22/0/0/4500/3000/220/146/75/0/05e5f52_541079593-adem-ay-zs-41br0whq-unsplash.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/04/22/0/0/4500/3000/210/140/75/0/05e5f52_541079593-adem-ay-zs-41br0whq-unsplash.jpg" srcset="https://focus.nouvelobs.com/2022/04/22/0/0/4500/3000/210/140/75/0/05e5f52_541079593-adem-ay-zs-41br0whq-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/04/22/0/0/4500/3000/420/280/75/0/05e5f52_541079593-adem-ay-zs-41br0whq-unsplash.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="2022-04-23T17:00" class="latino-100m text-grey-500"> 23 avril 2022 à 17h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/food/20220423.OBS57538/7-conseils-d-un-photographe-culinaire-pour-reussir-ses-photos-de-plats.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,29,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"> 7 conseils d’un photographe culinaire pour réussir ses photos de plats </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-04-23T12:00" class="latino-100m text-grey-500"> 23 avril 2022 à 12h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/04/20/53/0/1280/853/110/73/75/0/87234f3_647889352-070422-iphone-fief-mb-00000101.jpeg 1x,https://focus.nouvelobs.com/2022/04/20/53/0/1280/853/220/146/75/0/87234f3_647889352-070422-iphone-fief-mb-00000101.jpeg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/04/20/53/0/1280/853/210/140/75/0/87234f3_647889352-070422-iphone-fief-mb-00000101.jpeg" srcset="https://focus.nouvelobs.com/2022/04/20/53/0/1280/853/210/140/75/0/87234f3_647889352-070422-iphone-fief-mb-00000101.jpeg 1x,https://focus.nouvelobs.com/2022/04/20/53/0/1280/853/420/280/75/0/87234f3_647889352-070422-iphone-fief-mb-00000101.jpeg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Philippe Martineau m’explique les astuces pour des photos culinaires réussies"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-04-23T12:00" class="latino-100m text-grey-500"> 23 avril 2022 à 12h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220423.OBS57528/l-union-europeenne-elimine-les-zones-de-non-droit-sur-internet.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,30,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"> L’Union européenne élimine les zones de non-droit sur Internet </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-04-23T09:12" class="latino-100m text-grey-500"> 23 avril 2022 à 9h12 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/03/08/77/0/4724/3149/110/73/75/0/2604c0f_638120772-sipa-00999860-000011.jpg 1x,https://focus.nouvelobs.com/2022/03/08/77/0/4724/3149/220/146/75/0/2604c0f_638120772-sipa-00999860-000011.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/03/08/77/0/4724/3149/210/140/75/0/2604c0f_638120772-sipa-00999860-000011.jpg" srcset="https://focus.nouvelobs.com/2022/03/08/77/0/4724/3149/210/140/75/0/2604c0f_638120772-sipa-00999860-000011.jpg 1x,https://focus.nouvelobs.com/2022/03/08/77/0/4724/3149/420/280/75/0/2604c0f_638120772-sipa-00999860-000011.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Plusieurs applications de réseaux sociaux."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-04-23T09:12" class="latino-100m text-grey-500"> 23 avril 2022 à 9h12 </time> </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/high-tech/page/5" data-widget-id="SB_11" ></div> </div> </div> </div> </div> </section> <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="/homo-digitalis/20220416.OBS57230/mais-comment-un-beau-jour-une-vieille-dame-mit-fin-a-l-omnipresence-d-internet.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,31,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">Chronique </span> <h2 class="latino-600m text-grey-800 d-inline"> Mais comment, un beau jour, une vieille dame mit fin à l’omniprésence d’internet ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-04-16T18:00" class="latino-100m text-grey-500"> 16 avril 2022 à 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/2022/04/15/1391/0/4819/3212/110/73/75/0/3d84583_71502593-alex-blajan-jh84idj3f1i-unsplash-1.jpg 1x,https://focus.nouvelobs.com/2022/04/15/1391/0/4819/3212/220/146/75/0/3d84583_71502593-alex-blajan-jh84idj3f1i-unsplash-1.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/04/15/1391/0/4819/3212/210/140/75/0/3d84583_71502593-alex-blajan-jh84idj3f1i-unsplash-1.jpg" srcset="https://focus.nouvelobs.com/2022/04/15/1391/0/4819/3212/210/140/75/0/3d84583_71502593-alex-blajan-jh84idj3f1i-unsplash-1.jpg 1x,https://focus.nouvelobs.com/2022/04/15/1391/0/4819/3212/420/280/75/0/3d84583_71502593-alex-blajan-jh84idj3f1i-unsplash-1.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="2022-04-16T18:00" class="latino-100m text-grey-500"> 16 avril 2022 à 18h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <div class="" style=""> <div class="OUTBRAIN" data-src="https://www.nouvelobs.com/high-tech/page/5" data-widget-id="SF_4" ></div> </div> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220416.OBS57214/barbecue-connecte-appli-de-permaculture-tondeuse-robot-la-tech-s-invite-au-jardin.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,32,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"> Barbecue connecté, appli de permaculture, tondeuse robot… la tech s’invite au jardin </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-04-16T11:00" class="latino-100m text-grey-500"> 16 avril 2022 à 11h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/03/24/180/0/1080/720/110/73/75/0/46adcaf_90799734-accueil.png 1x,https://focus.nouvelobs.com/2022/03/24/180/0/1080/720/220/146/75/0/46adcaf_90799734-accueil.png 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/03/24/180/0/1080/720/210/140/75/0/46adcaf_90799734-accueil.png" srcset="https://focus.nouvelobs.com/2022/03/24/180/0/1080/720/210/140/75/0/46adcaf_90799734-accueil.png 1x,https://focus.nouvelobs.com/2022/03/24/180/0/1080/720/420/280/75/0/46adcaf_90799734-accueil.png 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="appli Tomate et Basilic"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-04-16T11:00" class="latino-100m text-grey-500"> 16 avril 2022 à 11h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/mode/20220410.OBS56892/mode-et-metavers-l-extension-du-domaine-de-l-apparence.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,33,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"> Mode et Métavers : l’extension du domaine de l’apparence </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-04-10T11:00" class="latino-100m text-grey-500"> 10 avril 2022 à 11h00 </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/2022/04/01/14/0/2400/1600/110/73/75/0/8739f06_429744390-allessandro-michelle-avatar.png 1x,https://focus.nouvelobs.com/2022/04/01/14/0/2400/1600/220/146/75/0/8739f06_429744390-allessandro-michelle-avatar.png 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/04/01/14/0/2400/1600/210/140/75/0/8739f06_429744390-allessandro-michelle-avatar.png" srcset="https://focus.nouvelobs.com/2022/04/01/14/0/2400/1600/210/140/75/0/8739f06_429744390-allessandro-michelle-avatar.png 1x,https://focus.nouvelobs.com/2022/04/01/14/0/2400/1600/420/280/75/0/8739f06_429744390-allessandro-michelle-avatar.png 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="L'avatar d'Alessandro Michele en visite chez l'artisan digital Wagmi-san - Gucci"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-04-10T11:00" class="latino-100m text-grey-500"> 10 avril 2022 à 11h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/guerre-en-ukraine/20220401.OBS56518/confrontee-a-une-fuite-des-cerveaux-massive-la-russie-tente-de-reagir.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,34,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"> Confrontée à une fuite des cerveaux massive, la Russie tente de réagir </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-04-01T17:29" class="latino-100m text-grey-500"> 1<sup>er</sup> avril 2022 à 17h29 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/03/22/0/275/3429/2286/110/73/75/0/0206f99_afp-326n4ah.jpg 1x,https://focus.nouvelobs.com/2022/03/22/0/275/3429/2286/220/146/75/0/0206f99_afp-326n4ah.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/03/22/0/275/3429/2286/210/140/75/0/0206f99_afp-326n4ah.jpg" srcset="https://focus.nouvelobs.com/2022/03/22/0/275/3429/2286/210/140/75/0/0206f99_afp-326n4ah.jpg 1x,https://focus.nouvelobs.com/2022/03/22/0/275/3429/2286/420/280/75/0/0206f99_afp-326n4ah.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="A cause de la guerre en Ukraine, de nombreux travailleurs spécialisés dans les hautes technologies ont quitté la Russie."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-04-01T17:29" class="latino-100m text-grey-500"> 1<sup>er</sup> avril 2022 à 17h29 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220330.OBS56377/dyson-lance-un-casque-audio-purificateur-d-air-un-symbole-inquietant-du-monde-d-apres.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,35,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"> Dyson lance un casque audio purificateur d’air : un symbole (inquiétant) du monde d’après ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-03-30T07:00" class="latino-100m text-grey-500"> 30 mars 2022 à 7h00 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/03/30/42/0/1000/666/110/73/75/0/d100a98_936992271-571-rddimagery-frank-ter.jpg 1x,https://focus.nouvelobs.com/2022/03/30/42/0/1000/666/220/146/75/0/d100a98_936992271-571-rddimagery-frank-ter.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/03/30/42/0/1000/666/210/140/75/0/d100a98_936992271-571-rddimagery-frank-ter.jpg" srcset="https://focus.nouvelobs.com/2022/03/30/42/0/1000/666/210/140/75/0/d100a98_936992271-571-rddimagery-frank-ter.jpg 1x,https://focus.nouvelobs.com/2022/03/30/42/0/1000/666/420/280/75/0/d100a98_936992271-571-rddimagery-frank-ter.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Le casque Dyson Zone"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-03-30T07:00" class="latino-100m text-grey-500"> 30 mars 2022 à 7h00 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/homo-digitalis/20220326.OBS56233/mais-quel-role-jouait-internet-lors-de-la-guerre-contre-l-ancienne-ukraine.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,36,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">Chronique </span> <h2 class="latino-600m text-grey-800 d-inline"> Mais quel rôle jouait internet lors de la guerre contre l’ancienne Ukraine ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-03-26T17:00" class="latino-100m text-grey-500"> 26 mars 2022 à 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/2022/03/25/0/4/4248/2832/110/73/75/0/2e5ec92_531181755-nasa-q1p7bh3shj8-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/03/25/0/4/4248/2832/220/146/75/0/2e5ec92_531181755-nasa-q1p7bh3shj8-unsplash.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/03/25/0/4/4248/2832/210/140/75/0/2e5ec92_531181755-nasa-q1p7bh3shj8-unsplash.jpg" srcset="https://focus.nouvelobs.com/2022/03/25/0/4/4248/2832/210/140/75/0/2e5ec92_531181755-nasa-q1p7bh3shj8-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/03/25/0/4/4248/2832/420/280/75/0/2e5ec92_531181755-nasa-q1p7bh3shj8-unsplash.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Photo by NASA on Unsplash"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-03-26T17:00" class="latino-100m text-grey-500"> 26 mars 2022 à 17h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/justice/20220325.OBS56201/les-poursuites-en-diffamation-du-maroc-en-france-dans-l-affaire-pegasus-jugees-irrecevables.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,37,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 poursuites en diffamation du Maroc en France dans l’affaire Pegasus jugées irrecevables </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-03-25T18:22" class="latino-100m text-grey-500"> 25 mars 2022 à 18h22 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2021/07/29/0/0/5472/3648/110/73/75/0/85d1fd6_876647722-000-9fk8z4.jpg 1x,https://focus.nouvelobs.com/2021/07/29/0/0/5472/3648/220/146/75/0/85d1fd6_876647722-000-9fk8z4.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2021/07/29/0/0/5472/3648/210/140/75/0/85d1fd6_876647722-000-9fk8z4.jpg" srcset="https://focus.nouvelobs.com/2021/07/29/0/0/5472/3648/210/140/75/0/85d1fd6_876647722-000-9fk8z4.jpg 1x,https://focus.nouvelobs.com/2021/07/29/0/0/5472/3648/420/280/75/0/85d1fd6_876647722-000-9fk8z4.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Comme d’autres pays, le Maroc a été accusé à l’été 2021 d’avoir utilisé le logiciel espion Pegasus, qui permet d’accéder aux messageries et données d’un téléphone portable."> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-03-25T18:22" class="latino-100m text-grey-500"> 25 mars 2022 à 18h22 </time> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/homo-digitalis/20220227.OBS55044/mais-pourquoi-au-xxie-siecle-certains-echanges-necessitaient-ils-l-usage-d-une-camera-comme-jadis-au-cinema.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,38,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">Chronique </span> <h2 class="latino-600m text-grey-800 d-inline"> Mais que filmaient les humains du XXIe siècle la nuit sous la couette ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-02-27T12:00" class="latino-100m text-grey-500"> 27 février 2022 à 12h00 </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/2022/02/25/0/359/3877/2585/110/73/75/0/6591566_42196863-tommy-tong-wa6lnhpfhim-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/02/25/0/359/3877/2585/220/146/75/0/6591566_42196863-tommy-tong-wa6lnhpfhim-unsplash.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/02/25/0/359/3877/2585/210/140/75/0/6591566_42196863-tommy-tong-wa6lnhpfhim-unsplash.jpg" srcset="https://focus.nouvelobs.com/2022/02/25/0/359/3877/2585/210/140/75/0/6591566_42196863-tommy-tong-wa6lnhpfhim-unsplash.jpg 1x,https://focus.nouvelobs.com/2022/02/25/0/359/3877/2585/420/280/75/0/6591566_42196863-tommy-tong-wa6lnhpfhim-unsplash.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="2022-02-27T12:00" class="latino-100m text-grey-500"> 27 février 2022 à 12h00 </time> <p class="badge badge--content-premium latino-100b">Abonné</p> </div> </a> </article> <article class="py-lg-25 border-bottom"> <a href="/high-tech/20220215.OBS54497/boxe-en-vr-et-tapis-de-yoga-connecte-la-tech-joue-les-coachs-sportifs.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,39,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"> Boxe en VR et tapis de yoga connecté, la tech joue les coachs sportifs </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-02-15T11:41" class="latino-100m text-grey-500"> 15 février 2022 à 11h41 </time> </div> </div> <picture class="flex-shrink-0"> <source media="(max-width:1023px)" srcset="https://focus.nouvelobs.com/2022/02/07/0/312/914/609/110/73/75/0/d2e45ba_203590302-apple-fitness-share-play-11032021.jpg 1x,https://focus.nouvelobs.com/2022/02/07/0/312/914/609/220/146/75/0/d2e45ba_203590302-apple-fitness-share-play-11032021.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/02/07/0/312/914/609/210/140/75/0/d2e45ba_203590302-apple-fitness-share-play-11032021.jpg" srcset="https://focus.nouvelobs.com/2022/02/07/0/312/914/609/210/140/75/0/d2e45ba_203590302-apple-fitness-share-play-11032021.jpg 1x,https://focus.nouvelobs.com/2022/02/07/0/312/914/609/420/280/75/0/d2e45ba_203590302-apple-fitness-share-play-11032021.jpg 2x" width="210" height="140" loading="lazy" decoding="async" fetchpriority="auto" alt="Apple Fitness"> </picture> </div> <div class="d-flex d-lg-none align-items-center gap-15 latino-100b mt-30"> <time datetime="2022-02-15T11:41" class="latino-100m text-grey-500"> 15 février 2022 à 11h41 </time> </div> </a> </article> <article class="py-lg-25 "> <a href="/homo-digitalis/20220211.OBS54329/mais-pourquoi-nos-ancetres-ne-comprirent-ils-pas-que-scroller-a-l-infini-allait-causer-leur-perte.html" class="link--box px-8p px-md-65 px-lg-0 py-25 py-lg-0" data-piano="Home_Section,high-tech,,40,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">Chronique </span> <h2 class="latino-600m text-grey-800 d-inline"> Mais pourquoi nos ancêtres ne comprirent-ils pas que « scroller » à l’infini allait causer leur perte ? </h2> </div> <div class="d-none d-lg-flex align-items-center gap-15 mt-15 latino-100b"> <time datetime="2022-02-11T11:32" class="latino-100m text-grey-500"> 11 février 2022 à 11h32 </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/2022/02/11/0/0/5221/3480/110/73/75/0/d11983b_114522593-074-28107.jpg 1x,https://focus.nouvelobs.com/2022/02/11/0/0/5221/3480/220/146/75/0/d11983b_114522593-074-28107.jpg 2x" width="110" height="74"> <img class="" src="https://focus.nouvelobs.com/2022/02/11/0/0/5221/3480/210/140/75/0/d11983b_114522593-074-28107.jpg" srcset="https://focus.nouvelobs.com/2022/02/11/0/0/5221/3480/210/140/75/0/d11983b_114522593-074-28107.jpg 1x,https://focus.nouvelobs.com/2022/02/11/0/0/5221/3480/420/280/75/0/d11983b_114522593-074-28107.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="2022-02-11T11:32" class="latino-100m text-grey-500"> 11 février 2022 à 11h32 </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"> <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"> <a href="https://www.nouvelobs.com/high-tech/" class="btn btn--edito-tertiary btn--medium btn--icon-only" aria-label="naviguer à la première page"> <svg class="icon icon--top-left icon--small " style="--fill:curentColor"> <use href="/bucket/63246f6ff331ff23b55b40e52e74586efc5193a7/v3/img/sprite.svg#top-left"></use> </svg> </a> <a href="https://www.nouvelobs.com/high-tech/page/4" class="btn btn--edito-tertiary 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/63246f6ff331ff23b55b40e52e74586efc5193a7/v3/img/sprite.svg#chevron-left"></use> </svg> </a> <a href="https://www.nouvelobs.com/high-tech/" class="btn btn--edito-tertiary btn--medium btn--icon-only " aria-label="naviguer à la page 1"> 1 </a> <a href="https://www.nouvelobs.com/high-tech/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/high-tech/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/high-tech/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/high-tech/page/5" class="btn btn--edito-tertiary btn--medium btn--icon-only active" aria-label="naviguer à la page 5"> 5 </a> <a href="https://www.nouvelobs.com/high-tech/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/high-tech/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/high-tech/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/high-tech/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/high-tech/page/6" 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/63246f6ff331ff23b55b40e52e74586efc5193a7/v3/img/sprite.svg#chevron-right"></use> </svg> </a> <a href="https://www.nouvelobs.com/high-tech/page/126" 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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/nike" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,Home_Rubrique_L1_P7,desktop"> Code promo Nike </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://www.nouvelobs.com/codepromo/huawei-store" class="sponsored-item link--nav latino-100m text-grey-800" data-piano-publisher="BizDev,SavingsUnited,Home_Rubrique_L1_P8,desktop"> Code promo Huawei </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/hotel-borbollon" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,Home_Rubrique_L1_P1,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/" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,Home_Rubrique_L1_P2,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/saga-baldoria" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,Home_Rubrique_L1_P3,desktop"> Cours d’italien </a> </li> <li class="my-10 border-bottom border-violet-200 opacity-25"></li> <li> <a href="https://language-courses.nouvelobs.com/gymglish" class="sponsored-item link--nav latino-200 text-grey-800" data-piano-publisher="BizDev,Gymglish,Home_Rubrique_L1_P4,desktop"> Cours d’anglais </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="/high-tech/page/5 " 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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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="/politique/20240904.OBS93171/le-premier-ministre.html" data-piano="Footer,Dans_l_actu,,le-gouvernement-barnier,navigation" class="latino-100m text-grey-400 link--nav">Le gouvernement Barnier</a> </li> <li> <a href="/politique/20241011.OBS94837/ca-se-passe-a-l-assemblee.html" data-piano="Footer,Dans_l_actu,,ca-se-passe-a-l-assemblee,navigation" class="latino-100m text-grey-400 link--nav">Ça se passe à l’Assemblée</a> </li> <li> <a href="/justice/20241114.OBS96358/le-proces-de-l-assassinat-de-samuel-paty.html" data-piano="Footer,Dans_l_actu,,le-proces-de-l-assassinat-de-samuel-paty,navigation" class="latino-100m text-grey-400 link--nav">Le procès de l’assassinat de Samuel Paty</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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/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/63246f6ff331ff23b55b40e52e74586efc5193a7/v3/js/analytics.bundle.js"></script> <script type="text/javascript" src="/bucket/63246f6ff331ff23b55b40e52e74586efc5193a7/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>