Programme TV ce soir, TNT, box télé par Diverto

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="language" content="fr"> <title>Programme TV ce soir, TNT, box télé par Diverto</title> <meta name="description" content="Retrouvez le programme TV, TNT, box télé pour ce soir ainsi que nos recommandations sur Diverto."> <meta name="robots" content="follow,index,max-image-preview:large,max-snippet:-1,max-video-preview:-1"> <meta property="og:type" content="website"> <meta property="og:title" content="Diverto - Actu télé, plateformes de streaming et divertissements"> <meta property="og:description" content="Diverto le média d'information consacré aux divertissements, incluant la télévision, les plateformes de streaming et la pop culture."> <meta property="og:url" content="https://www.diverto.tv/programme-tv"> <meta property="og:site_name" content="Diverto"> <meta name="twitter:title" content="Diverto - Actu télé, plateformes de streaming et divertissements"> <meta name="twitter:description" content="Diverto le média d'information consacré aux divertissements, incluant la télévision, les plateformes de streaming et la pop culture."> <meta name="twitter:url" content="https://www.diverto.tv/programme-tv"> <meta name="twitter:creator" content="Diverto_off"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://www.diverto.tv/", "name": "Accueil" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "/programme-tv", "name": "Programme TV" } } ] } </script> <script> window._dataLayer = window.dataLayer || []; window._dataLayer = {"page_type":"hp","page_environment":"epg","title":"Programme TV ce soir, TNT, box t\u00e9l\u00e9 par Diverto","user_status":"anonyme","user_id":"","user_city":"","user_country":"","user_continent":"","user_region":""}; window._dataLayer.page = window.location.origin + window.location.pathname; </script> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"> <link rel="manifest" href="/favicon/site.webmanifest"> <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#0F0F0F"> <meta name="msapplication-TileColor" content="#FFFF00"> <meta name="theme-color" content="#0F0F0F"> <script type="text/javascript"> window.didomiEventListeners = window.didomiEventListeners || []; window.didomiOnReady = window.didomiOnReady || []; window.runAfterDidomiReady = function (callback) { if (window.didomiIsReady) { setTimeout(() => { callback(); }, 0); } else { window.startAfterDidomi = window.startAfterDidomi || []; window.startAfterDidomi.push(callback); } } </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T38CLTM');</script>  <meta data-controller="datalayer" /> <script type="text/javascript">(function(){function i(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)}else{setTimeout(function(){i(e)},5)}}}function e(n,o,r,f,s){function e(e,t,n,i){if(typeof n!=="function"){return}if(!window[o]){window[o]=[]}var a=false;if(s){a=s(e,i,n)}if(!a){window[o].push({command:e,version:t,callback:n,parameter:i})}}e.stub=true;e.stubVersion=2;function t(i){if(!window[n]||window[n].stub!==true){return}if(!i.data){return}var a=typeof i.data==="string";var e;try{e=a?JSON.parse(i.data):i.data}catch(t){return}if(e[r]){var o=e[r];window[n](o.command,o.version,function(e,t){var n={};n[f]={returnValue:e,success:t,callId:o.callId};if(i.source){i.source.postMessage(a?JSON.stringify(n):n,"*")}},o.parameter)}}if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");i("__tcfapiLocator")})();</script> <script type="text/javascript">(function(){(function(e,r){var t=document.createElement("link");t.rel="preconnect";t.as="script";var n=document.createElement("link");n.rel="dns-prefetch";n.as="script";var i=document.createElement("script");i.id="spcloader";i.type="text/javascript";i["async"]=true;i.charset="utf-8";var o="https://sdk.privacy-center.org/"+e+"/loader.js?target_type=notice&target="+r;if(window.didomiConfig&&window.didomiConfig.user){var a=window.didomiConfig.user;var c=a.country;var d=a.region;if(c){o=o+"&country="+c;if(d){o=o+"&region="+d}}}t.href="https://sdk.privacy-center.org/";n.href="https://sdk.privacy-center.org/";i.src=o;var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s);s.parentNode.insertBefore(n,s);s.parentNode.insertBefore(i,s)})("c385e8e6-c5ef-464a-9c8e-74a250ca73d4","riMdBLdp")})();</script> <script type="text/javascript"> window.didomiOnReady.push(function () { console.log('[cmp] didomiOnReady'); window.didomiIsReady = true; window.startAfterDidomi = window.startAfterDidomi || []; for (let i = 0; i < window.startAfterDidomi.length; i++) { setTimeout(() => { try { window.startAfterDidomi[i](); } catch (e) { window.consola.error('Error while starting', e); } }, 0); } }); </script> <script type="text/javascript" crossorigin="anonymous" src="https://tag.aticdn.net/piano-analytics.js" ></script> <script type="text/javascript"> window.startPianoAnalytics= function() { console.log('[Piano] startPianoAnalytics'); window._dataLayer = window._dataLayer || {}; console.log(window._dataLayer); // - Initialize Piano Analytics pa.setConfigurations({"site":632117,"collectDomain":"https:\/\/logc412.xiti.com","campaignPrefix":["atm_","utm_"],"enableUTMTracking":true}) // - Set the default privacy mode const userStatus = Didomi.getCurrentUserStatus(); const defaultStatus = userStatus.vendors.hasOwnProperty("piano") && userStatus.vendors["piano"].enabled; if (defaultStatus) { pa.privacy.setMode("optin"); window._dataLayer.consent = 'oui'; } else { pa.privacy.setMode("exempt"); window._dataLayer.consent = 'non'; } pa.privacy.include.events(["element.*", "product.*", "transaction.confirmation"], ["exempt"]); pa.privacy.include.properties("page_type page_environment content_type titre gtmtag gtm_container_id gtm_container_version event_level_1 event_level_2 event_level_3 event_level_4 title article_author video_integrated article_number_paragraphs article_signs_count article_reading_time page_type article_tag article_destination_main article_destination_all".split(" "), ["exempt"]); pa.privacy.exclude.property(["id_sso", "emailhash", "user_id"], ["exempt"]); // - Page display pa.setProperties(window._dataLayer || {}); pa.sendEvent("page.display"); console.log('[Piano] page.display sent'); // - on bind les clicks sur pa_search_event document.addEventListener('click', function(event) { try { const link = event.target.closest('a'); if (link.classList.contains('pa_search_event')) { const data = link.getAttribute('data-event'); let pa_event = JSON.parse(data); pa.sendEvent('internal_search_result.display', pa_event); window.consola.trace('[Piano] search event', pa_event); } } catch (e){ window.consola.error('[Piano] search event error', e); } }); } window.runAfterDidomiReady(window.startPianoAnalytics); </script> <link rel="stylesheet" href="/assets/styles/tailwind/tailwind-rNKbcPx.css"> <script type="importmap"> { "imports": { "front": "/assets/app-qwKig0y.js", "@hotwired/stimulus": "/assets/vendor/@hotwired/stimulus/stimulus.index-S4zNcea.js", "/assets/bootstrap.js": "/assets/bootstrap-xCO4u8H.js", "consola": "/assets/vendor/consola/consola.index-oPDFOwY.js", "@symfony/stimulus-bundle": "/assets/@symfony/stimulus-bundle/loader-djqeLqa.js", "/assets/@symfony/stimulus-bundle/controllers.js": "/assets/@symfony/stimulus-bundle/controllers-Q0Pa-Q3.js", "/assets/@symfony/ux-live-component/live_controller.js": "/assets/@symfony/ux-live-component/live_controller-ZPUcqp6.js", "/assets/controllers/carousel-episodes_controller.js": "/assets/controllers/carousel-episodes_controller-o__pX8w.js", "/assets/controllers/grid-program_controller.js": "/assets/controllers/grid-program_controller-ifTnbch.js", "/assets/controllers/parallax_controller.js": "/assets/controllers/parallax_controller-J7Sunyy.js", "/assets/controllers/facet-programs_controller.js": "/assets/controllers/facet-programs_controller-E_rNDsY.js", "/assets/controllers/ad_controller.js": "/assets/controllers/ad_controller-Qffczcs.js", "/assets/controllers/swiper_controller.js": "/assets/controllers/swiper_controller-rjSmE7k.js", "/assets/controllers/page-magazine_controller.js": "/assets/controllers/page-magazine_controller-AyoMLvv.js", "@symfony/ux-live-component": "/assets/@symfony/ux-live-component/live_controller-ZPUcqp6.js", "stimulus-use": "/assets/vendor/stimulus-use/stimulus-use.index-f5RN5zm.js", "swiper": "/assets/vendor/swiper/swiper.index-Z1tNY_8.js", "swiper/modules": "/assets/vendor/swiper/modules-VmrsUCA.js", "/assets/controllers/sticky-news_controller.js": "/assets/controllers/sticky-news_controller-Ygj_--t.js", "/assets/controllers/footer-details_controller.js": "/assets/controllers/footer-details_controller-LUsT7M7.js", "/assets/controllers/modal_controller.js": "/assets/controllers/modal_controller-mSF9Ir0.js", "/assets/controllers/readmore_controller.js": "/assets/controllers/readmore_controller-LoIZnli.js", "/assets/controllers/datalayer_controller.js": "/assets/controllers/datalayer_controller-MjLqInk.js", "/assets/controllers/newsletter_controller.js": "/assets/controllers/newsletter_controller-5WcjUHq.js", "/assets/controllers/dropdown_controller.js": "/assets/controllers/dropdown_controller-BynvOhB.js", "/assets/controllers/carousel_controller.js": "/assets/controllers/carousel_controller-xdWhWFF.js", "/assets/controllers/header_controller.js": "/assets/controllers/header_controller-NS8ogy2.js", "/assets/controllers/search_controller.js": "/assets/controllers/search_controller-lJkXPq9.js", "/assets/controllers/progress_controller.js": "/assets/controllers/progress_controller-fbnzAG_.js", "iframe": "/assets/iframe-zyaB1VC.js", "chart.js": "/assets/vendor/chart.js/chart.js.index-06TNMkm.js", "tom-select": "/assets/vendor/tom-select/tom-select.index-glUFqPA.js", "@hotwired/turbo": "/assets/vendor/@hotwired/turbo/turbo.index-pT15T6h.js", "swiper/css": "/assets/vendor/swiper/css-p_bDUAL.js", "swiper/css/navigation": "/assets/vendor/swiper/css/navigation-N1jz5K_.js" } } </script> <link rel="modulepreload" href="/assets/app-qwKig0y.js"> <link rel="modulepreload" href="/assets/vendor/@hotwired/stimulus/stimulus.index-S4zNcea.js"> <link rel="modulepreload" href="/assets/bootstrap-xCO4u8H.js"> <link rel="modulepreload" href="/assets/vendor/consola/consola.index-oPDFOwY.js"> <link rel="modulepreload" href="/assets/@symfony/stimulus-bundle/loader-djqeLqa.js"> <link rel="modulepreload" href="/assets/@symfony/stimulus-bundle/controllers-Q0Pa-Q3.js"> <link rel="modulepreload" href="/assets/@symfony/ux-live-component/live_controller-ZPUcqp6.js"> <link rel="modulepreload" href="/assets/controllers/carousel-episodes_controller-o__pX8w.js"> <link rel="modulepreload" href="/assets/controllers/grid-program_controller-ifTnbch.js"> <link rel="modulepreload" href="/assets/controllers/parallax_controller-J7Sunyy.js"> <link rel="modulepreload" href="/assets/controllers/facet-programs_controller-E_rNDsY.js"> <link rel="modulepreload" href="/assets/controllers/ad_controller-Qffczcs.js"> <link rel="modulepreload" href="/assets/controllers/swiper_controller-rjSmE7k.js"> <link rel="modulepreload" href="/assets/controllers/page-magazine_controller-AyoMLvv.js"> <link rel="modulepreload" href="/assets/@symfony/ux-live-component/live_controller-ZPUcqp6.js"> <link rel="modulepreload" href="/assets/vendor/stimulus-use/stimulus-use.index-f5RN5zm.js"> <link rel="modulepreload" href="/assets/vendor/swiper/swiper.index-Z1tNY_8.js"> <link rel="modulepreload" href="/assets/vendor/swiper/modules-VmrsUCA.js"> <script type="module">import 'front';</script> <script type="didomi/javascript" data-vendor="iab:284"> setTimeout(() => { console.log('[cmp] startWam'); window.wamid = '9395'; window.WfirstParty = true; window.typ = '1'; window.Wam2gamConf = { token: "Gi2z6jGZBNYt", Idcrm: '' , cookieless: false, useXdevice: true, }; window.WextraIDsConfs = [ { name: 'firstId', }, { name: 'utiqId', }, ]; window.Wvar=[]; window.Wvar.push('editor_group','Diverto'); window.Wvar.push('environnement','Diverto'); window.Wvar.push('title_article',''); window.Wvar.push('keywords',''); window.Wvar.push('topics',''); window.Wvar.push('publication_date',''); window.Wvar.push('media_enrichment',''); window.Wvar.push('blocked_article',''); window.Wvar.push('premium_article',''); window.Wvar.push('length_words',''); window.Wvar.push('nb_paragraph',''); window.Wvar.push('reading_time',''); window.Wvar.push('sponsored',''); window.Wvar.push('sponsored_by',''); window.Wvar.push('INSEE_code',''); window.Wvar.push('zipcode',''); window.Wvar.push('departement_id',''); window.Wvar.push('departement_label',''); window.Wvar.push('region',''); window.Wvar.push('city',''); window.Wvar.push('editor_user_id',''); window.Wvar.push('website_user_id',''); window.Wvar.push('email_hashed',''); window.Wvar.push('inscription_date',''); window.Wvar.push('user_connected',''); window.Wvar.push('user_subscriber',''); window.Wvar.push('type_subscription',''); window.Wvar.push('navigation','WEB'); var w = document.createElement("script"); w.type = "text/javascript"; w.src = document.location.protocol + "//cstatic.weborama.fr/js/wam/customers/wamfactory_dpm.wildcard.min.js?rnd="+new Date().getTime(); w.async = true; var body = document.getElementsByTagName('script')[0]; body.parentNode.insertBefore(w,body); }, 0); </script> <script type="text/javascript"> window.startPubstack = function() { console.log('[cmp] startPubstack'); const script = document.createElement("script"); script.async = true; script.src = "https://boot.pbstck.com/v1/adm/f2a07cc3-c0f7-4e52-bb2a-5dc671420ac1"; document.head.appendChild(script); } window.runAfterDidomiReady(window.startPubstack); </script> <meta name="pbstck_context:site_name" content="diverto.tv"/> <meta name="pbstck_context:inventory_type" content="web"/> <meta name="pbstck_context:section" content="epg"/> <meta name="pbstck_context:preview" content="staging"> <script type="didomi/javascript" data-vendor="iab:284"> setTimeout(() => { console.log('[cmp] Digiteka'); var w = document.createElement("script"); w.type = "text/javascript"; w.src = document.location.protocol + "//videofeed.digiteka.com/launcher.min.js"; w.async = true; var body = document.getElementsByTagName('script')[0]; body.parentNode.insertBefore(w,body); }, 0); </script> <script type="didomi/javascript" data-vendor="iab:1178"> setTimeout(() => { console.log('[cmp] startFirstId'); var cookieName = 'firstid-euconsent-v2'; var cookieValue = '1'; var daysToExpire = 182; var w = document.createElement("script"); w.type = "text/javascript"; w.src = "https://cdn.first-id.fr/sdk/loader/loader.min.js"; w.async = true; var body = document.getElementsByTagName('script')[0]; body.parentNode.insertBefore(w,body); window.firstId = window.firstId || { callbacks: [], debug: false, cookieName: 'firstid' }; if (!document.cookie.split(';').some((item) => item.trim().startsWith(cookieName + '='))) { var date = new Date(); date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000)); var expires = "expires=" + date.toUTCString(); var hostnameParts = location.hostname.split('.'); var domain = hostnameParts.slice(-2).join('.'); document.cookie = cookieName + "=" + cookieValue + "; " + expires + "; path=/; domain=" + domain + "; Secure; SameSite=None"; console.log('[cmp] FirstId cookie set'); } else { console.log('[cmp] FirstId cookie already set'); } }, 0) </script> <script type="text/javascript"> window.startPianoESP = function() { console.log('[cmp] startPianoESP'); window.PianoESPConfig = { id: 365, } var e=document.createElement("script");e.setAttribute("id","pnesplucidsdksel"),e.type="text/javascript",e.src="//api-esp-eu.piano.io/public/sdk/v04/sdk.js?v="+(localStorage&&localStorage.lucidsdkver||"xxx"),e.async=!0,document.getElementsByTagName("script")[0].parentNode.appendChild(e); } window.runAfterDidomiReady(window.startPianoESP); </script> </head> <body class="group/body ">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T38CLTM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header data-mobile="false" data-search="false" data-sub="false" data-scrolled="false" data-molecules="Header" data-controller="header" data-action="header:click:outside->header#closeSearch" class="group/header !fixed top-0 inset-x-0 z-200 lg:container lg:translate-y-20 lg:transition-transform lg:data-[scrolled=true]:translate-y-0 " > <nav class="relative z-50 flex items-center justify-between gap-20 bg-contrast-highest h-72 px-16 text-contrast-no-contrast lg:px-28 lg:gap-28 lg:rounded-lg group-data-[sub=true]/header:rounded-b-none group-data-[search=true]/header:rounded-b-none lg:group-data-[scrolled=true]/header:rounded-t-none"> <div class="flex-1 flex items-center"> <button aria-pressed="false" data-action="header#toggleMobile" data-header-target="buttonMobile" class="pa-menu_mobile_toggle lg:hidden"> <div data-atoms="Icon" data-name="burger" class="grid items-center justify-center w-24 h-24 group-data-[mobile=true]/header:hidden" > <svg aria-label="Ouvrir le menu" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M4 6H20V8H4V6Z" /> <path d="M4 16H20V18H4V16Z" /> <path d="M4 11H20V13H4V11Z" /> </svg> </div> <div data-atoms="Icon" data-name="close" class="items-center justify-center w-24 h-24 hidden group-data-[mobile=true]/header:block" > <svg aria-label="Fermer le menu" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 10.1335L5.46676 3.6001L3.6001 5.46676L10.1335 12.0001L3.6001 18.5335L5.46676 20.4002L12.0001 13.8668L18.5334 20.4L20.4 18.5334L13.8668 12.0001L20.4 5.46689L18.5334 3.60023L12.0001 10.1335Z" /> </svg> </div> </button> <ul class="hidden items-center lg:flex"> <li data-header-target="menuItem" class="group/submenu px-8"> <a href="/programme-tv" target="_self" class="pa-menu_section relative flex items-center gap-4 py-24 cursor-pointer after:absolute after:inset-x-0 after:bottom-0 after:bg-brand-accent after:h-4 after:scale-x-0 after:transition-transform group-hover/submenu:text-brand-accent group-hover/submenu:after:scale-x-100 "> <p data-atoms="Action" class="font-heading font-black text-action-m" >Programme TV</p> <div data-atoms="Icon" data-name="arrow_down" class="grid items-center justify-center w-24 h-24" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12.5024L6.9977 7.5L5 9.4977L12.0001 16.4978L19 9.49781L17.0023 7.5001L12.0001 12.5024Z" /> </svg> </div> </a> <div data-header-target="submenu" class="hidden absolute z-10 inset-x-0 top-full bg-contrast-high bg-gradient-to-r from-brand-accent/10 via-10% via-transparent rounded-b-lg group-hover/submenu:block"> <div class="overflow-x-hidden"> <div class="grid grid-cols-4 gap-28"> <div class="col-span-1 p-28"> <p class="text-body-s font-medium"></p> <ul class="mt-20 flex flex-col gap-8"> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="/programme-tv"> <span class="text-center" > Voir tout le programme TV </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="/programme-tv?period=maintenant"> <span class="text-center" > En ce moment à la TV </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/programmes/"> <span class="text-center" > Les programmes TV à ne pas rater </span> </a> </li> </ul> </div> <div class="col-span-3 p-28"> <p class="text-body-s font-medium">Toutes les chaines</p> <ul class="mt-20 flex flex-wrap gap-12"> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/tf1"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&s=3e26311ec7daa5b4c4ae26d7839da4ad, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=aaa481446d91474368a3463ab201e465 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=d3619789e1a8e90adc2b7d9af88877ce 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=eb7f087c8175cef32a50696d638a77f3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=febab0dfe77e55ed0e3b619676897c51 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=bd97d2d242b43eb2bdfe05fc4f593368 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=eb7f087c8175cef32a50696d638a77f3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=eb7f087c8175cef32a50696d638a77f3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=febab0dfe77e55ed0e3b619676897c51 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=bd97d2d242b43eb2bdfe05fc4f593368 3x" alt="192" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/france-2"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=webp&s=ae11c7b46d74cbb25ee900262e845330, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=9a1a2625a30c88e2a82996011b9f5b4b 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=cdc5bc88a737b675b83237e74fab6914 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1036f753eeeead0bcae7a2d3f4585011, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=809186896ccd17b6d9c291b05e7d6411 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a869299bde6dbe5bf85e0c7edb713fc9 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1036f753eeeead0bcae7a2d3f4585011" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1036f753eeeead0bcae7a2d3f4585011, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=809186896ccd17b6d9c291b05e7d6411 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a869299bde6dbe5bf85e0c7edb713fc9 3x" alt="4" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/france-3"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=webp&s=b3a82a81f99e3d03876503eae4545fcc, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=f46cd89189b744503fd7bea24f450942 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=4bbe6872ebb99f25fc3cfce8c2826473 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=ea09a986b16fc103d7251a3f0b431321, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=129a4a296b29b9fa241e0d0c575ca499 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=c7f3a49ed99fd1697734d82365b1a117 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=ea09a986b16fc103d7251a3f0b431321" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=ea09a986b16fc103d7251a3f0b431321, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=129a4a296b29b9fa241e0d0c575ca499 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=c7f3a49ed99fd1697734d82365b1a117 3x" alt="80" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/canal"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=webp&s=684f41dcb5f5046503b2e43b242ee9ca, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=6732677da30bcc36e8fd34a1c6ab641a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=3bb3dc16212c55a263bb914f489ea719 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=95f50cafa4731602a6c766249ef90817, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=3fc0a7903137149c9f13e46ad922773f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=8c42d8ada75e4176972640bf20b09efe 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=95f50cafa4731602a6c766249ef90817" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=95f50cafa4731602a6c766249ef90817, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=3fc0a7903137149c9f13e46ad922773f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=8c42d8ada75e4176972640bf20b09efe 3x" alt="34" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/france-5"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=webp&s=8753b33fdc9c691183949b2d091445f1, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=d7d26bcc9e96159a1bd8fa029a734297 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=171c3d39c4325de2236d11526f727175 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=75facd07482ba110f85c768db1e64df9, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=49c8a5a3f5c0affaf4efdbeeba793054 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2bf4feb2dc2c695daee1b7ab74fea2fe 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=75facd07482ba110f85c768db1e64df9" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=75facd07482ba110f85c768db1e64df9, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=49c8a5a3f5c0affaf4efdbeeba793054 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2bf4feb2dc2c695daee1b7ab74fea2fe 3x" alt="47" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/m6"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=webp&s=249929c7478809ba96d1724af1e48186, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=4d6cd131998138b3dd7f1cd48b1360cf 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=c26a9220d9dbec12b632405180da1314 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=4ea1ecced0b0f941c6aa9c485ccd8c71, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=d36b8d29fb095c68583c2ccf48d2ba7d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a522139ee8cc9f7b2707de64fd8e1ff2 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=4ea1ecced0b0f941c6aa9c485ccd8c71" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=4ea1ecced0b0f941c6aa9c485ccd8c71, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=d36b8d29fb095c68583c2ccf48d2ba7d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a522139ee8cc9f7b2707de64fd8e1ff2 3x" alt="118" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/arte"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=4d2d08267b5b1dda6406ed5fb137a148, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=e007cda723020cd4922c5ae4c8d31e1e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=3282f9047ea1c3c15fa3bed29947a976 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=f8767f4d99ce387f5e19906592e50cb7, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=bc7abb0e5e45940be25dfc9c3efaa0ac 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=68eccaf351ec80d50b86a05e9e80e771 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=f8767f4d99ce387f5e19906592e50cb7" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=f8767f4d99ce387f5e19906592e50cb7, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=bc7abb0e5e45940be25dfc9c3efaa0ac 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=68eccaf351ec80d50b86a05e9e80e771 3x" alt="111" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/w9"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=bf201ded59f909292241145bb0a22c07, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=187919b9b6449bf2fb8bff808e247dd8 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=b7ceb0341eece26cb687575d80734c06 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=26eb777bf84d0b54b10025ea9c89767f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=688eae7272e4f55f26c3fce26fbd8acc 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2f3f1d23496914f2c81eaa12daccfdf1 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=26eb777bf84d0b54b10025ea9c89767f" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=26eb777bf84d0b54b10025ea9c89767f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=688eae7272e4f55f26c3fce26fbd8acc 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2f3f1d23496914f2c81eaa12daccfdf1 3x" alt="119" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/tmc"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=8d1336b5ddf948a003fc82d64311cd3f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=c051ef608d28f698a281dabf3f153267 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=4e97ad57abbda4cac75f944001b8f644 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=c6830e79bcc1b2550ff3cb0ba3e38084, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=2677d59780babdb70cb696efb1b1a636 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=58d75cc980a661acfe6803a2cc16cc83 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=c6830e79bcc1b2550ff3cb0ba3e38084" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=c6830e79bcc1b2550ff3cb0ba3e38084, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=2677d59780babdb70cb696efb1b1a636 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=58d75cc980a661acfe6803a2cc16cc83 3x" alt="195" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/tfx"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=webp&s=c3769c07fe52659d5966e92b815fefd0, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=2425f5e0015ea55958b434bf14a5cf2e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=fc7bafbe5ea0ad4455eab00bac4bb76b 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=ff6a2dcd37743a6069a5940ee2a4e49a, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4fd6c54d80f890b165c1f59ff972b132 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=7fe5df1e32b8866db0cb4ffc305ee3ed 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=ff6a2dcd37743a6069a5940ee2a4e49a" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=ff6a2dcd37743a6069a5940ee2a4e49a, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4fd6c54d80f890b165c1f59ff972b132 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=7fe5df1e32b8866db0cb4ffc305ee3ed 3x" alt="446" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/lcp"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=webp&s=fbf77c26b0bd421efc9683da5768f7ac, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=f894cc5e6aeab0c950d94a6c149c543d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=63b9a84cd8c4df96673206da1a8c6c1d 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=34c15d6265c2f8c12999a6059e79ae7c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4768357a863ed7be0fd58a98e54121f9 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=81dad11b576c6636875c2497f2d7549d 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=34c15d6265c2f8c12999a6059e79ae7c" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=34c15d6265c2f8c12999a6059e79ae7c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4768357a863ed7be0fd58a98e54121f9 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=81dad11b576c6636875c2497f2d7549d 3x" alt="234" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/france-4"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=webp&s=f34fed9e2ccdd8c95d674085b97857cd, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=b10545fc1fca33686d36b85fba435820 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=a6239ec5b659cea30d2d7f67e8dd1a16 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=71bfdb81b37491c3b707e4c745a64a40, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=357e909f8c4442a7ecf6859d1dbac089 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=4b879b290fec1410de7bee38970d0065 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=71bfdb81b37491c3b707e4c745a64a40" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=71bfdb81b37491c3b707e4c745a64a40, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=357e909f8c4442a7ecf6859d1dbac089 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=4b879b290fec1410de7bee38970d0065 3x" alt="78" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/bfm-tv"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=a4c76d6a261d76d688a9ebd0b9b649c2, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=3e8ddf90d3d7eabcc166600ff5e83c26 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=95c12ea7676518e2e53a74175c193241 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=28f462fae661f0f3697c8c50c770070c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=5daf60911a2fb2b2beb37a80815f61c0 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=d3a617e0ebb769ac25f44b72418ed4e1 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=28f462fae661f0f3697c8c50c770070c" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=28f462fae661f0f3697c8c50c770070c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=5daf60911a2fb2b2beb37a80815f61c0 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=d3a617e0ebb769ac25f44b72418ed4e1 3x" alt="481" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/programme-tv/chaine/cnews"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=webp&s=7527cc3df07ca309c495694863fe3386, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=85283215850ea83cddfc1a660cf9ebda 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=343581970d2dfad27290e960eeff8336 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=232b12334038a4d6cc41c4a56d368e59, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=e93e255fe41d0909e23c8e17805678d2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=1d573df82fcfbb0bca3a1d43fb0d847d 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=232b12334038a4d6cc41c4a56d368e59" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=232b12334038a4d6cc41c4a56d368e59, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=e93e255fe41d0909e23c8e17805678d2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=1d573df82fcfbb0bca3a1d43fb0d847d 3x" alt="226" loading="lazy" class="pointer-events-none" > </picture> </a> </li> </ul> </div> </div> </div> </div> </li> <li data-header-target="menuItem" class="group/submenu px-8"> <a href="/plateformes" target="_self" class="pa-menu_section relative flex items-center gap-4 py-24 cursor-pointer after:absolute after:inset-x-0 after:bottom-0 after:bg-brand-accent after:h-4 after:scale-x-0 after:transition-transform group-hover/submenu:text-brand-accent group-hover/submenu:after:scale-x-100 "> <p data-atoms="Action" class="font-heading font-black text-action-m" >Plateformes</p> <div data-atoms="Icon" data-name="arrow_down" class="grid items-center justify-center w-24 h-24" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12.5024L6.9977 7.5L5 9.4977L12.0001 16.4978L19 9.49781L17.0023 7.5001L12.0001 12.5024Z" /> </svg> </div> </a> <div data-header-target="submenu" class="hidden absolute z-10 inset-x-0 top-full bg-contrast-high bg-gradient-to-r from-brand-accent/10 via-10% via-transparent rounded-b-lg group-hover/submenu:block"> <div class="overflow-x-hidden"> <div class="grid grid-cols-4 gap-28"> <div class="col-span-1 p-28"> <p class="text-body-s font-medium"></p> <ul class="mt-20 flex flex-col gap-8"> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/plateformes"> <span class="text-center" > Tous les programmes </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/selections/la-selection-diverto"> <span class="text-center" > La sélection Diverto </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/series"> <span class="text-center" > Les meilleures séries à la télé </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/films"> <span class="text-center" > Les meilleurs films en streaming </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/selections/"> <span class="text-center" > Les sélections thématiques </span> </a> </li> </ul> </div> <div class="col-span-3 p-28"> <p class="text-body-s font-medium">Toutes les plateformes</p> <ul class="mt-20 flex flex-wrap gap-12"> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/plateformes/netflix"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=webp&s=356133ab0de5fdc7587b1e4f01077691, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=cd187dd603275751652257c181700cea 2x, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=7aa5c4ccabe563bac95e97abfce20711 3x" > <source srcset="https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&s=64cf89c06d3b5bc95a816256f1cb27f5, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a0533b49986c6b00ba80a6892cbb3821 2x, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=29cf669559f6402a0ac095006a9da8b6 3x" > <img src="https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&s=64cf89c06d3b5bc95a816256f1cb27f5" srcset="https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&s=64cf89c06d3b5bc95a816256f1cb27f5, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a0533b49986c6b00ba80a6892cbb3821 2x, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=29cf669559f6402a0ac095006a9da8b6 3x" alt="Netflix 2015 n logo svg 1733744259" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="/plateformes/amazon-prime-video"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=webp&s=b8c3616cf6fa76c85bb05f14d7c210d4, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=8f86b2aac9bd33561f00c20179be57e6 2x, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=32fb7f8a5a8ad85f22e1f1ebb412872c 3x" > <source srcset="https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&s=a0eaa91f8d9986fde018c1282c8c9cbe, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=1d948b769e62790e03b0a4c69afa1701 2x, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=28ce8882dbc58406aba82a538d35bdbd 3x" > <img src="https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&s=a0eaa91f8d9986fde018c1282c8c9cbe" srcset="https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&s=a0eaa91f8d9986fde018c1282c8c9cbe, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=1d948b769e62790e03b0a4c69afa1701 2x, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=28ce8882dbc58406aba82a538d35bdbd 3x" alt="Prime" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/plateformes/disney-plus"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=webp&s=826f02dc497e1fc4ebbff31556b7252e, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=e1b0caeb4d04fc03e9a74220af4ee8f6 2x, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=19e2ce9fab3652a5789a5c67515b97c7 3x" > <source srcset="https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&s=1d95510eef22ec2d496d6d9d06fd08b5, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=39fc19514dc1601d3baa1804f9456bb2 2x, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=163b292843a3bb90db8dd2d88b2914c0 3x" > <img src="https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&s=1d95510eef22ec2d496d6d9d06fd08b5" srcset="https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&s=1d95510eef22ec2d496d6d9d06fd08b5, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=39fc19514dc1601d3baa1804f9456bb2 2x, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=163b292843a3bb90db8dd2d88b2914c0 3x" alt="Disney plus 3" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="/plateformes/mycanal"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=webp&s=db2c3b671a23770772c8148da45ad49d, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=1ab28b3e3fa8d30e8036c5d2b8daef83 2x, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=16d90ef6c4a40d0fb51c5d0c57d3ce3b 3x" > <source srcset="https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&s=de82b1f2277165da58c3cb41336c7646, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a86fc3c4bf3c137d2ffda3b0b5e81b59 2x, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=93ded20531cc6ca74b452aba4f6bba4d 3x" > <img src="https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&s=de82b1f2277165da58c3cb41336c7646" srcset="https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&s=de82b1f2277165da58c3cb41336c7646, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a86fc3c4bf3c137d2ffda3b0b5e81b59 2x, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=93ded20531cc6ca74b452aba4f6bba4d 3x" alt="Canal plus 1733756875" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/plateformes/tf1-plus"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=webp&s=4e2f7100985a1071b485506301ec4562, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=87d7a940af5517a9a457e2ebbbfd91b1 2x, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=4516fd3575403d4b03b9eafd1104ed6c 3x" > <source srcset="https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&s=830f344693266f308589b2b47be48407, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=cd0aa7abaa8d2910f6ec691cd78e1888 2x, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=7733fb8c6312c8483c6e8411b30a78a6 3x" > <img src="https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&s=830f344693266f308589b2b47be48407" srcset="https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&s=830f344693266f308589b2b47be48407, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=cd0aa7abaa8d2910f6ec691cd78e1888 2x, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=7733fb8c6312c8483c6e8411b30a78a6 3x" alt="Tf1 plus 1733756963" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/plateformes/m6-plus"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=webp&s=add167f290a2bee29f899db8e24e58c2, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=46f32d587a73241aecf0c368611bc33d 2x, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=06f4fd4d7f291dbbc0c7898461fffdd0 3x" > <source srcset="https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&s=ce10c996e71598d15aae2722e339dea9, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=b5e35b96b1d241ee90e7783133badb34 2x, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=5b7e70119a9a3af0bc26c58834c041d3 3x" > <img src="https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&s=ce10c996e71598d15aae2722e339dea9" srcset="https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&s=ce10c996e71598d15aae2722e339dea9, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=b5e35b96b1d241ee90e7783133badb34 2x, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=5b7e70119a9a3af0bc26c58834c041d3 3x" alt="M6 plus 1733757048" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/plateformes/france-tv"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=webp&s=86a0bd8b0595fc8be0507b347bdf09cb, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=090010205951562ff953699ce4c4a549 2x, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=0b7d169c066137fa26083f6f5b3b15e4 3x" > <source srcset="https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&s=91669f4b98b9eee60e6cdde6147ec213, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a3080e8362422841b5f722eda2785d0e 2x, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=3865361cb2e22a56d2ed5ee209821ee5 3x" > <img src="https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&s=91669f4b98b9eee60e6cdde6147ec213" srcset="https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&s=91669f4b98b9eee60e6cdde6147ec213, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a3080e8362422841b5f722eda2785d0e 2x, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=3865361cb2e22a56d2ed5ee209821ee5 3x" alt="France tv 1733757134" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/plateformes/arte-tv"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=webp&s=07c24c70b9f5cf2f1ca5a07651ddac6a, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=6ab47342f3dc8d20e3e4bc1ca687d95c 2x, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=f27086b496b59fc7267e8829e7c5243a 3x" > <source srcset="https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&s=44e8c46f7c00cb6e934d2c56366640b7, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=528dd3cf8ce206e280793145190f8079 2x, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=abde45cb8714c41dfb438c4c960b896e 3x" > <img src="https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&s=44e8c46f7c00cb6e934d2c56366640b7" srcset="https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&s=44e8c46f7c00cb6e934d2c56366640b7, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=528dd3cf8ce206e280793145190f8079 2x, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=abde45cb8714c41dfb438c4c960b896e 3x" alt="Arte tv 1733757205" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/plateformes/apple-tv-plus"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=webp&s=18803097c5aa5615e3e8104825829675, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=2a1773e756ee328566f92f4d91ce40c2 2x, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=9adf4e945bd02f0c2cfd045723c22f24 3x" > <source srcset="https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&s=37f7721d4bc09766f42089e30137ac8d, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c8f846eee52510122a2d7f7050ad47d7 2x, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=fb92cb88509a9004156a277fe7b849f6 3x" > <img src="https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&s=37f7721d4bc09766f42089e30137ac8d" srcset="https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&s=37f7721d4bc09766f42089e30137ac8d, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c8f846eee52510122a2d7f7050ad47d7 2x, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=fb92cb88509a9004156a277fe7b849f6 3x" alt="Apple tv plus 1733757248" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/plateformes/max"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=webp&s=b80ac69b52c132281828380fee701f4c, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=cdbe088475feae40716956b0a168fc38 2x, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=585491e73a5749ac27751d11aa583988 3x" > <source srcset="https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&s=853d2fc684aa07f7a853db20daa70989, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c12b1b0fdc81a4ad7039517ae3b2a31a 2x, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=40c4393597fa9cd767dc8aff31861144 3x" > <img src="https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&s=853d2fc684aa07f7a853db20daa70989" srcset="https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&s=853d2fc684aa07f7a853db20daa70989, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c12b1b0fdc81a4ad7039517ae3b2a31a 2x, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=40c4393597fa9cd767dc8aff31861144 3x" alt="Max 1733757295" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/plateformes/paramount-plus"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=webp&s=e4666bcb35c2d44a9ce49d438a65d838, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=792f68196f51df1481751bcd4947c731 2x, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=ee16cc3b94a813a90ac10aa3e6de27dd 3x" > <source srcset="https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&s=b8aeb5fff2fd6c9b5ea087306eab3654, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=90a1d163e7a11d4267f1915d696ab17b 2x, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=ed4cc548b8f9979d384fd26f688b8242 3x" > <img src="https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&s=b8aeb5fff2fd6c9b5ea087306eab3654" srcset="https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&s=b8aeb5fff2fd6c9b5ea087306eab3654, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=90a1d163e7a11d4267f1915d696ab17b 2x, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=ed4cc548b8f9979d384fd26f688b8242 3x" alt="Paramount plus 1733757341" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_91px]"> <a class="pa-menu_section_item_media group " href="https://www.diverto.tv/plateformes/crunchyroll"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=webp&s=c6ef1832fef2c44646f38c83e25c946f, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=6e660ec62b0fab9c39f3af4709e73397 2x, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=8071f7e66c9a1b429cc9395f2e461a53 3x" > <source srcset="https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&s=867df38c8a9644bd615d2e1bde4537a9, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=013ee8920420b254b720778086464f1f 2x, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=86554d087145e0055a7ebeeb023ce981 3x" > <img src="https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&s=867df38c8a9644bd615d2e1bde4537a9" srcset="https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&s=867df38c8a9644bd615d2e1bde4537a9, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=013ee8920420b254b720778086464f1f 2x, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=86554d087145e0055a7ebeeb023ce981 3x" alt="Crunchyroll 1733757393" loading="lazy" class="pointer-events-none" > </picture> </a> </li> </ul> </div> </div> </div> </div> </li> <li data-header-target="menuItem" class="group/submenu px-8"> <a href="/actualites" target="_self" class="pa-menu_section relative flex items-center gap-4 py-24 cursor-pointer after:absolute after:inset-x-0 after:bottom-0 after:bg-brand-accent after:h-4 after:scale-x-0 after:transition-transform group-hover/submenu:text-brand-accent group-hover/submenu:after:scale-x-100 "> <p data-atoms="Action" class="font-heading font-black text-action-m" >Actus</p> <div data-atoms="Icon" data-name="arrow_down" class="grid items-center justify-center w-24 h-24" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12.5024L6.9977 7.5L5 9.4977L12.0001 16.4978L19 9.49781L17.0023 7.5001L12.0001 12.5024Z" /> </svg> </div> </a> <div data-header-target="submenu" class="hidden absolute z-10 inset-x-0 top-full bg-contrast-high bg-gradient-to-r from-brand-accent/10 via-10% via-transparent rounded-b-lg group-hover/submenu:block"> <div class="overflow-x-hidden"> <ul class="grid grid-cols-4 gap-x-28 gap-y-8 p-28"> <li class="py-6"> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/actualites/series"> <span class="text-center" > Séries </span> </a> </li> <li class="py-6"> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/actualites/cinema"> <span class="text-center" > Cinéma </span> </a> </li> <li class="py-6"> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/actualites/tele"> <span class="text-center" > Télé </span> </a> </li> <li class="py-6"> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/actualites/jeux-video"> <span class="text-center" > Jeux vidéo </span> </a> </li> <li class="py-6"> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/actualites/musique"> <span class="text-center" > Musique </span> </a> </li> <li class="py-6"> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/actualites/livres"> <span class="text-center" > Livres </span> </a> </li> <li class="py-6"> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/actualites/radio-podcast"> <span class="text-center" > Radio/podcast </span> </a> </li> <li class="py-6"> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_section_item" href="https://www.diverto.tv/actualites/jeux-et-jouets"> <span class="text-center" > Jeux et jouets </span> </a> </li> <li class="py-6"> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex dtk-videofeed pa-menu_section_item" href> <span class="text-center" > Vidéos </span> </a> </li> </ul> </div> </div> </li> </ul> </div> <a href="/" title="Retour à la page d'accueil"> <div data-atoms="Icon" data-name="diverto" class="grid items-center justify-center w-111 h-25 text-brand-accent" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 80 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M4.94131 13.7123C7.96592 13.7123 9.19029 13.1096 9.90505 12.2517C10.529 11.4871 10.7598 10.4673 10.7598 9.37771C10.7598 7.8013 10.2747 6.66565 9.32812 5.94715C8.31208 5.18254 6.78855 4.99701 4.9178 4.99701H4.75647V13.7112H4.94131V13.7123ZM0 0.964844H4.80241C8.26614 0.964844 10.8751 1.54393 12.6529 2.8887C14.5002 4.27959 15.5162 6.54983 15.5162 9.37771C15.5162 11.8807 14.731 13.9665 13.138 15.427C11.4756 16.9337 8.91251 17.7445 4.89536 17.7445H0V0.964844Z" /> <path d="M21.2128 6.3418H16.6411V17.7445H21.2128V6.3418Z" /> <path d="M22.0129 6.3418H26.7234L27.6935 9.3552C28.0632 10.4909 28.3858 11.5107 28.686 12.5531H28.732C29.0781 11.5096 29.4243 10.5134 29.8399 9.37772L30.9478 6.3418H35.2652L30.6936 17.7445H26.5599L22.0107 6.3418H22.0129Z" /> <path d="M42.4098 10.7227C42.2025 9.67931 41.4856 9.33186 40.8168 9.33186C40.0091 9.33186 39.4546 9.84124 39.2473 10.7227H42.4108H42.4098ZM45.8735 17.1195C44.6726 17.6761 42.9878 18 41.4397 18C37.4225 18 34.6746 15.7748 34.6746 12.1597C34.6746 8.54473 37.6073 6.08789 40.8392 6.08789C43.6331 6.08789 46.5188 7.82623 46.5188 11.9281C46.5188 12.2992 46.4953 12.7624 46.4493 13.0874H39.3146C39.7537 14.2927 40.8382 14.7099 42.0625 14.7099C43.1245 14.7099 44.5102 14.386 45.8724 13.6439V17.1206L45.8735 17.1195Z" /> <path d="M65.9077 17.444C65.2614 17.7453 64.1534 18.0005 63.068 18.0005C61.6598 18.0005 60.4589 17.5598 59.7196 16.8188C59.0732 16.17 58.6117 15.1962 58.6117 13.2263V9.9587H56.9258V6.34368H58.6117V3.49328L63.1833 2.70508V6.34368H65.9077V9.9587H63.1833V12.9024C63.1833 13.8064 63.4601 14.3158 64.3148 14.3158C64.8223 14.3158 65.4227 14.1303 65.9077 13.9448V17.444Z" /> <path d="M73.4433 14.1758C74.6207 14.1758 75.4754 13.2493 75.4754 12.0439C75.4754 10.8386 74.6207 9.91202 73.4433 9.91202C72.2659 9.91202 71.4112 10.8386 71.4112 12.0439C71.4112 13.2493 72.2659 14.1758 73.4433 14.1758ZM73.4433 6.08789C77.2532 6.08789 80.0011 8.68414 80.0011 12.0439C80.0011 15.4037 77.2532 18 73.4433 18C69.6334 18 66.8855 15.4048 66.8855 12.0439C66.8855 8.68306 69.6334 6.08789 73.4433 6.08789Z" /> <path d="M21.1208 2.97846L17.2116 5.15434C16.9274 5.31198 16.5791 5.10608 16.5791 4.78007V0.42833C16.5791 0.102324 16.9274 -0.103574 17.2116 0.0540668L21.1208 2.22994C21.4136 2.39294 21.4136 2.81439 21.1208 2.97739" /> <path d="M55.1983 6.25498C53.9515 6.25498 52.9119 6.85766 52.1736 7.7145L52.1277 7.6909V6.34077H47.6479V17.7435H52.2196V11.3756C52.9814 10.6571 53.6331 9.96436 54.7047 9.82388C55.1651 9.76383 55.6139 9.79278 56.0295 9.88501V6.34613C55.8222 6.30002 55.4985 6.25391 55.1983 6.25391" /> </svg> </div> </a> <div class="flex-1 flex items-center gap-20 justify-end"> <button aria-pressed="false" data-action="header#toggleSearch" data-header-target="buttonSearch" class="flex items-center gap-8 hover:text-brand-accent pa_search_header_open"> <p data-atoms="Action" class="font-heading font-black text-action-m hidden pointer-events-none lg:block" >Recherche</p> <div data-atoms="Icon" data-name="search" class="grid items-center justify-center w-24 h-24 pointer-events-none group-data-[search=true]/header:hidden" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1614 4.25898C7.34931 4.25898 4.25898 7.34931 4.25898 11.1614C4.25898 14.9735 7.34931 18.0639 11.1614 18.0639C14.9735 18.0639 18.0639 14.9735 18.0639 11.1614C18.0639 7.34931 14.9735 4.25898 11.1614 4.25898ZM2 11.1614C2 6.10171 6.10171 2 11.1614 2C16.2211 2 20.3228 6.10171 20.3228 11.1614C20.3228 13.2842 19.6009 15.2384 18.3891 16.7917L22 20.4027L20.4027 22L16.7917 18.3891C15.2384 19.6009 13.2842 20.3228 11.1614 20.3228C6.10171 20.3228 2 16.2211 2 11.1614Z" /> </svg> </div> <div data-atoms="Icon" data-name="close" class="items-center justify-center w-24 h-24 hidden pointer-events-none group-data-[search=true]/header:block" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 10.1335L5.46676 3.6001L3.6001 5.46676L10.1335 12.0001L3.6001 18.5335L5.46676 20.4002L12.0001 13.8668L18.5334 20.4L20.4 18.5334L13.8668 12.0001L20.4 5.46689L18.5334 3.60023L12.0001 10.1335Z" /> </svg> </div> </button> </div> <div data-open="false" data-header-target="search" class="hidden group/search absolute top-full inset-x-0 bg-contrast-high rounded-b-lg shadow-md group-data-[search=true]/header:block" data-controller="live" data-live-name-value="organisms:HeaderSearch" data-live-url-value="/_components/organisms:HeaderSearch" id="live-3847562964-0" data-live-request-method-value="get" data-live-props-value="{"query":"","@attributes":{"id":"live-3847562964-0"},"@checksum":"CAFW5FIcU6lUCAgp3dnEMVJEfySsEDB3juebV06aZxg="}"> <form action="/recherche" method="get" class="relative px-16 flex items-center gap-8 text-contrast-no-contrast lg:px-28"> <div class="absolute left-16 top-1/2 -translate-y-1/2 pointer-events-none lg:left-28"> <img class="hidden w-24" data-loading="addClass(!block)" src="/assets/images/loader-contrast-high-bw6a4v_.gif" alt="" loading="lazy"> <div data-atoms="Icon" data-name="search" class="grid items-center justify-center w-24 h-24 group-data" data-loading="addClass(!hidden)"> <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1614 4.25898C7.34931 4.25898 4.25898 7.34931 4.25898 11.1614C4.25898 14.9735 7.34931 18.0639 11.1614 18.0639C14.9735 18.0639 18.0639 14.9735 18.0639 11.1614C18.0639 7.34931 14.9735 4.25898 11.1614 4.25898ZM2 11.1614C2 6.10171 6.10171 2 11.1614 2C16.2211 2 20.3228 6.10171 20.3228 11.1614C20.3228 13.2842 19.6009 15.2384 18.3891 16.7917L22 20.4027L20.4027 22L16.7917 18.3891C15.2384 19.6009 13.2842 20.3228 11.1614 20.3228C6.10171 20.3228 2 16.2211 2 11.1614Z" /> </svg> </div> </div> <input data-header-target="searchInput" class="peer/input w-full py-24 pl-32 bg-transparent text-action-m font-black font-heading outline-none" type="text" name="query" value="" data-model="debounce(350)|query" autocomplete="off" placeholder="Rechercher un film, une série, une actu..." aria-label="Rechercher un film, une série, une actu..."> <button class="peer-placeholder-shown/input:hidden" type="reset" data-action="live#action" data-live-action-param="resetQuery"> <p data-atoms="Action" class="font-heading font-black text-action-m" >Effacer</p> </button> </form> <div class="hidden border-t border-contrast-medium" data-loading="addClass(!block)"> <div data-loading="hide"> <ul class="flex flex-col gap-16 py-24 pl-28 pr-16 lg:pr-28"> <li class="text-center py-24"> <p data-atoms="Heading" class="font-heading font-black text-heading-xs " > Il n'y a aucun résultat pour cette recherche </p> </li> </ul> </div> <div data-loading> <ul class="flex flex-col gap-16 py-24 pl-28 pr-16 lg:pr-28"> <li class="h-24 flex items-center"> <div style="--width: 52px;" class="h-18 w-[--width] max-w-full bg-contrast-low/50 rounded animate-pulse"></div> </li> <li class="h-24 flex items-center"> <div style="--width: 53px;" class="h-18 w-[--width] max-w-full bg-contrast-low/50 rounded animate-pulse"></div> </li> <li class="h-24 flex items-center"> <div style="--width: 87px;" class="h-18 w-[--width] max-w-full bg-contrast-low/50 rounded animate-pulse"></div> </li> <li class="h-24 flex items-center"> <div style="--width: 117px;" class="h-18 w-[--width] max-w-full bg-contrast-low/50 rounded animate-pulse"></div> </li> <li class="h-24 flex items-center"> <div style="--width: 151px;" class="h-18 w-[--width] max-w-full bg-contrast-low/50 rounded animate-pulse"></div> </li> <li class="h-24 flex items-center"> <div style="--width: 179px;" class="h-18 w-[--width] max-w-full bg-contrast-low/50 rounded animate-pulse"></div> </li> </ul> </div> </div> </div> </nav> <div class="fixed z-40 inset-0 flex flex-col gap-40 justify-between bg-contrast-high bg-gradient-to-t from-brand-accent/10 via-transparent via-30% pt-72 pb-28 text-contrast-no-contrast -translate-x-full transition-transform overflow-x-hidden group-data-[mobile=true]/header:translate-x-0 group-data-[sub=true]/header:overflow-hidden lg:hidden"> <ul class="mt-8 px-16"> <li class="py-20 border-b border-contrast-no-contrast/25 overflow-x-hidden"> <button aria-expanded="false" data-action="header#openMobileSub" class="pa-menu_mobile_section peer w-full flex items-center justify-between gap-20"> <p data-atoms="Action" class="font-heading font-black text-action-m" >Programme TV</p> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> <div class="fixed z-50 inset-0 bg-contrast-high bg-gradient-to-t from-brand-accent/10 via-transparent via-30% pt-72 pb-28 text-contrast-no-contrast translate-x-full transition-transform overflow-y-scroll scrollbar-hide peer-aria-expanded:translate-x-0"> <div class="px-16 py-28 border-b border-contrast-no-contrast/25"> <button data-action="header#closeMobileSub" class="pa-menu_mobile_section_back flex items-center gap-8"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> <span data-atoms="Heading" class="font-heading font-black text-heading-xs " > Programme TV </span> </button> </div> <div class="px-16"> <div class="py-20 flex flex-col gap-20 border-b border-contrast-no-contrast/25"> <p class="text-body-s uppercase"></p> <ul class="flex flex-col gap-8"> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="/programme-tv"> <span class="text-center" > Voir tout le programme TV </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="/programme-tv?period=maintenant"> <span class="text-center" > En ce moment à la TV </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/programmes/"> <span class="text-center" > Les programmes TV à ne pas rater </span> </a> </li> </ul> </div> <div class="flex flex-col gap-20 py-20"> <p class="text-body-s uppercase">Toutes les chaines</p> <ul class="flex flex-wrap gap-12"> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/tf1"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&s=3e26311ec7daa5b4c4ae26d7839da4ad, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=aaa481446d91474368a3463ab201e465 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=d3619789e1a8e90adc2b7d9af88877ce 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=eb7f087c8175cef32a50696d638a77f3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=febab0dfe77e55ed0e3b619676897c51 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=bd97d2d242b43eb2bdfe05fc4f593368 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=eb7f087c8175cef32a50696d638a77f3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=eb7f087c8175cef32a50696d638a77f3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=febab0dfe77e55ed0e3b619676897c51 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=bd97d2d242b43eb2bdfe05fc4f593368 3x" alt="192" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/france-2"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=webp&s=ae11c7b46d74cbb25ee900262e845330, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=9a1a2625a30c88e2a82996011b9f5b4b 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=cdc5bc88a737b675b83237e74fab6914 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1036f753eeeead0bcae7a2d3f4585011, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=809186896ccd17b6d9c291b05e7d6411 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a869299bde6dbe5bf85e0c7edb713fc9 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1036f753eeeead0bcae7a2d3f4585011" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1036f753eeeead0bcae7a2d3f4585011, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=809186896ccd17b6d9c291b05e7d6411 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a869299bde6dbe5bf85e0c7edb713fc9 3x" alt="4" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/france-3"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=webp&s=b3a82a81f99e3d03876503eae4545fcc, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=f46cd89189b744503fd7bea24f450942 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=4bbe6872ebb99f25fc3cfce8c2826473 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=ea09a986b16fc103d7251a3f0b431321, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=129a4a296b29b9fa241e0d0c575ca499 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=c7f3a49ed99fd1697734d82365b1a117 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=ea09a986b16fc103d7251a3f0b431321" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=ea09a986b16fc103d7251a3f0b431321, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=129a4a296b29b9fa241e0d0c575ca499 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=c7f3a49ed99fd1697734d82365b1a117 3x" alt="80" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/canal"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=webp&s=684f41dcb5f5046503b2e43b242ee9ca, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=6732677da30bcc36e8fd34a1c6ab641a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=3bb3dc16212c55a263bb914f489ea719 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=95f50cafa4731602a6c766249ef90817, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=3fc0a7903137149c9f13e46ad922773f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=8c42d8ada75e4176972640bf20b09efe 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=95f50cafa4731602a6c766249ef90817" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=95f50cafa4731602a6c766249ef90817, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=3fc0a7903137149c9f13e46ad922773f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=8c42d8ada75e4176972640bf20b09efe 3x" alt="34" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/france-5"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=webp&s=8753b33fdc9c691183949b2d091445f1, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=d7d26bcc9e96159a1bd8fa029a734297 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=171c3d39c4325de2236d11526f727175 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=75facd07482ba110f85c768db1e64df9, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=49c8a5a3f5c0affaf4efdbeeba793054 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2bf4feb2dc2c695daee1b7ab74fea2fe 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=75facd07482ba110f85c768db1e64df9" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=75facd07482ba110f85c768db1e64df9, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=49c8a5a3f5c0affaf4efdbeeba793054 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2bf4feb2dc2c695daee1b7ab74fea2fe 3x" alt="47" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/m6"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=webp&s=249929c7478809ba96d1724af1e48186, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=4d6cd131998138b3dd7f1cd48b1360cf 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=c26a9220d9dbec12b632405180da1314 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=4ea1ecced0b0f941c6aa9c485ccd8c71, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=d36b8d29fb095c68583c2ccf48d2ba7d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a522139ee8cc9f7b2707de64fd8e1ff2 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=4ea1ecced0b0f941c6aa9c485ccd8c71" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=4ea1ecced0b0f941c6aa9c485ccd8c71, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=d36b8d29fb095c68583c2ccf48d2ba7d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a522139ee8cc9f7b2707de64fd8e1ff2 3x" alt="118" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/arte"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=4d2d08267b5b1dda6406ed5fb137a148, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=e007cda723020cd4922c5ae4c8d31e1e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=3282f9047ea1c3c15fa3bed29947a976 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=f8767f4d99ce387f5e19906592e50cb7, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=bc7abb0e5e45940be25dfc9c3efaa0ac 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=68eccaf351ec80d50b86a05e9e80e771 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=f8767f4d99ce387f5e19906592e50cb7" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=f8767f4d99ce387f5e19906592e50cb7, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=bc7abb0e5e45940be25dfc9c3efaa0ac 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=68eccaf351ec80d50b86a05e9e80e771 3x" alt="111" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/w9"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=bf201ded59f909292241145bb0a22c07, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=187919b9b6449bf2fb8bff808e247dd8 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=b7ceb0341eece26cb687575d80734c06 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=26eb777bf84d0b54b10025ea9c89767f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=688eae7272e4f55f26c3fce26fbd8acc 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2f3f1d23496914f2c81eaa12daccfdf1 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=26eb777bf84d0b54b10025ea9c89767f" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=26eb777bf84d0b54b10025ea9c89767f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=688eae7272e4f55f26c3fce26fbd8acc 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2f3f1d23496914f2c81eaa12daccfdf1 3x" alt="119" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/tmc"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=8d1336b5ddf948a003fc82d64311cd3f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=c051ef608d28f698a281dabf3f153267 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=4e97ad57abbda4cac75f944001b8f644 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=c6830e79bcc1b2550ff3cb0ba3e38084, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=2677d59780babdb70cb696efb1b1a636 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=58d75cc980a661acfe6803a2cc16cc83 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=c6830e79bcc1b2550ff3cb0ba3e38084" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=c6830e79bcc1b2550ff3cb0ba3e38084, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=2677d59780babdb70cb696efb1b1a636 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=58d75cc980a661acfe6803a2cc16cc83 3x" alt="195" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/tfx"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=webp&s=c3769c07fe52659d5966e92b815fefd0, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=2425f5e0015ea55958b434bf14a5cf2e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=fc7bafbe5ea0ad4455eab00bac4bb76b 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=ff6a2dcd37743a6069a5940ee2a4e49a, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4fd6c54d80f890b165c1f59ff972b132 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=7fe5df1e32b8866db0cb4ffc305ee3ed 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=ff6a2dcd37743a6069a5940ee2a4e49a" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=ff6a2dcd37743a6069a5940ee2a4e49a, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4fd6c54d80f890b165c1f59ff972b132 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=7fe5df1e32b8866db0cb4ffc305ee3ed 3x" alt="446" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/lcp"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=webp&s=fbf77c26b0bd421efc9683da5768f7ac, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=f894cc5e6aeab0c950d94a6c149c543d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=63b9a84cd8c4df96673206da1a8c6c1d 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=34c15d6265c2f8c12999a6059e79ae7c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4768357a863ed7be0fd58a98e54121f9 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=81dad11b576c6636875c2497f2d7549d 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=34c15d6265c2f8c12999a6059e79ae7c" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=34c15d6265c2f8c12999a6059e79ae7c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4768357a863ed7be0fd58a98e54121f9 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=81dad11b576c6636875c2497f2d7549d 3x" alt="234" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/france-4"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=webp&s=f34fed9e2ccdd8c95d674085b97857cd, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=b10545fc1fca33686d36b85fba435820 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=a6239ec5b659cea30d2d7f67e8dd1a16 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=71bfdb81b37491c3b707e4c745a64a40, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=357e909f8c4442a7ecf6859d1dbac089 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=4b879b290fec1410de7bee38970d0065 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=71bfdb81b37491c3b707e4c745a64a40" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=71bfdb81b37491c3b707e4c745a64a40, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=357e909f8c4442a7ecf6859d1dbac089 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=4b879b290fec1410de7bee38970d0065 3x" alt="78" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/bfm-tv"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=a4c76d6a261d76d688a9ebd0b9b649c2, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=3e8ddf90d3d7eabcc166600ff5e83c26 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=95c12ea7676518e2e53a74175c193241 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=28f462fae661f0f3697c8c50c770070c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=5daf60911a2fb2b2beb37a80815f61c0 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=d3a617e0ebb769ac25f44b72418ed4e1 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=28f462fae661f0f3697c8c50c770070c" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=28f462fae661f0f3697c8c50c770070c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=5daf60911a2fb2b2beb37a80815f61c0 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=d3a617e0ebb769ac25f44b72418ed4e1 3x" alt="481" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/programme-tv/chaine/cnews"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=webp&s=7527cc3df07ca309c495694863fe3386, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=85283215850ea83cddfc1a660cf9ebda 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=343581970d2dfad27290e960eeff8336 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=232b12334038a4d6cc41c4a56d368e59, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=e93e255fe41d0909e23c8e17805678d2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=1d573df82fcfbb0bca3a1d43fb0d847d 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=232b12334038a4d6cc41c4a56d368e59" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=232b12334038a4d6cc41c4a56d368e59, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=e93e255fe41d0909e23c8e17805678d2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=1d573df82fcfbb0bca3a1d43fb0d847d 3x" alt="226" loading="lazy" class="pointer-events-none" > </picture> </a> </li> </ul> </div> </div> </div> </li> <li class="py-20 border-b border-contrast-no-contrast/25 overflow-x-hidden"> <button aria-expanded="false" data-action="header#openMobileSub" class="pa-menu_mobile_section peer w-full flex items-center justify-between gap-20"> <p data-atoms="Action" class="font-heading font-black text-action-m" >Plateformes</p> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> <div class="fixed z-50 inset-0 bg-contrast-high bg-gradient-to-t from-brand-accent/10 via-transparent via-30% pt-72 pb-28 text-contrast-no-contrast translate-x-full transition-transform overflow-y-scroll scrollbar-hide peer-aria-expanded:translate-x-0"> <div class="px-16 py-28 border-b border-contrast-no-contrast/25"> <button data-action="header#closeMobileSub" class="pa-menu_mobile_section_back flex items-center gap-8"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> <span data-atoms="Heading" class="font-heading font-black text-heading-xs " > Plateformes </span> </button> </div> <div class="px-16"> <div class="py-20 flex flex-col gap-20 border-b border-contrast-no-contrast/25"> <p class="text-body-s uppercase"></p> <ul class="flex flex-col gap-8"> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/plateformes"> <span class="text-center" > Tous les programmes </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/selections/la-selection-diverto"> <span class="text-center" > La sélection Diverto </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/series"> <span class="text-center" > Les meilleures séries à la télé </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/films"> <span class="text-center" > Les meilleurs films en streaming </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/selections/"> <span class="text-center" > Les sélections thématiques </span> </a> </li> </ul> </div> <div class="flex flex-col gap-20 py-20"> <p class="text-body-s uppercase">Toutes les plateformes</p> <ul class="flex flex-wrap gap-12"> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/plateformes/netflix"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=webp&s=356133ab0de5fdc7587b1e4f01077691, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=cd187dd603275751652257c181700cea 2x, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=7aa5c4ccabe563bac95e97abfce20711 3x" > <source srcset="https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&s=64cf89c06d3b5bc95a816256f1cb27f5, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a0533b49986c6b00ba80a6892cbb3821 2x, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=29cf669559f6402a0ac095006a9da8b6 3x" > <img src="https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&s=64cf89c06d3b5bc95a816256f1cb27f5" srcset="https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&s=64cf89c06d3b5bc95a816256f1cb27f5, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a0533b49986c6b00ba80a6892cbb3821 2x, https://assets.diverto.tv/media/netflix-2015-n-logo-svg-1733744259.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=29cf669559f6402a0ac095006a9da8b6 3x" alt="Netflix 2015 n logo svg 1733744259" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="/plateformes/amazon-prime-video"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=webp&s=b8c3616cf6fa76c85bb05f14d7c210d4, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=8f86b2aac9bd33561f00c20179be57e6 2x, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=32fb7f8a5a8ad85f22e1f1ebb412872c 3x" > <source srcset="https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&s=a0eaa91f8d9986fde018c1282c8c9cbe, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=1d948b769e62790e03b0a4c69afa1701 2x, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=28ce8882dbc58406aba82a538d35bdbd 3x" > <img src="https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&s=a0eaa91f8d9986fde018c1282c8c9cbe" srcset="https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&s=a0eaa91f8d9986fde018c1282c8c9cbe, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=1d948b769e62790e03b0a4c69afa1701 2x, https://assets.diverto.tv/media/prime.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=28ce8882dbc58406aba82a538d35bdbd 3x" alt="Prime" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/plateformes/disney-plus"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=webp&s=826f02dc497e1fc4ebbff31556b7252e, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=e1b0caeb4d04fc03e9a74220af4ee8f6 2x, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=19e2ce9fab3652a5789a5c67515b97c7 3x" > <source srcset="https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&s=1d95510eef22ec2d496d6d9d06fd08b5, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=39fc19514dc1601d3baa1804f9456bb2 2x, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=163b292843a3bb90db8dd2d88b2914c0 3x" > <img src="https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&s=1d95510eef22ec2d496d6d9d06fd08b5" srcset="https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&s=1d95510eef22ec2d496d6d9d06fd08b5, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=39fc19514dc1601d3baa1804f9456bb2 2x, https://assets.diverto.tv/media/disney-plus-3.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=163b292843a3bb90db8dd2d88b2914c0 3x" alt="Disney plus 3" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="/plateformes/mycanal"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=webp&s=db2c3b671a23770772c8148da45ad49d, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=1ab28b3e3fa8d30e8036c5d2b8daef83 2x, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=16d90ef6c4a40d0fb51c5d0c57d3ce3b 3x" > <source srcset="https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&s=de82b1f2277165da58c3cb41336c7646, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a86fc3c4bf3c137d2ffda3b0b5e81b59 2x, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=93ded20531cc6ca74b452aba4f6bba4d 3x" > <img src="https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&s=de82b1f2277165da58c3cb41336c7646" srcset="https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&s=de82b1f2277165da58c3cb41336c7646, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a86fc3c4bf3c137d2ffda3b0b5e81b59 2x, https://assets.diverto.tv/media/canal-plus-1733756875.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=93ded20531cc6ca74b452aba4f6bba4d 3x" alt="Canal plus 1733756875" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/plateformes/tf1-plus"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=webp&s=4e2f7100985a1071b485506301ec4562, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=87d7a940af5517a9a457e2ebbbfd91b1 2x, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=4516fd3575403d4b03b9eafd1104ed6c 3x" > <source srcset="https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&s=830f344693266f308589b2b47be48407, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=cd0aa7abaa8d2910f6ec691cd78e1888 2x, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=7733fb8c6312c8483c6e8411b30a78a6 3x" > <img src="https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&s=830f344693266f308589b2b47be48407" srcset="https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&s=830f344693266f308589b2b47be48407, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=cd0aa7abaa8d2910f6ec691cd78e1888 2x, https://assets.diverto.tv/media/tf1-plus-1733756963.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=7733fb8c6312c8483c6e8411b30a78a6 3x" alt="Tf1 plus 1733756963" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/plateformes/m6-plus"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=webp&s=add167f290a2bee29f899db8e24e58c2, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=46f32d587a73241aecf0c368611bc33d 2x, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=06f4fd4d7f291dbbc0c7898461fffdd0 3x" > <source srcset="https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&s=ce10c996e71598d15aae2722e339dea9, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=b5e35b96b1d241ee90e7783133badb34 2x, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=5b7e70119a9a3af0bc26c58834c041d3 3x" > <img src="https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&s=ce10c996e71598d15aae2722e339dea9" srcset="https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&s=ce10c996e71598d15aae2722e339dea9, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=b5e35b96b1d241ee90e7783133badb34 2x, https://assets.diverto.tv/media/m6-plus-1733757048.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=5b7e70119a9a3af0bc26c58834c041d3 3x" alt="M6 plus 1733757048" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/plateformes/france-tv"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=webp&s=86a0bd8b0595fc8be0507b347bdf09cb, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=090010205951562ff953699ce4c4a549 2x, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=0b7d169c066137fa26083f6f5b3b15e4 3x" > <source srcset="https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&s=91669f4b98b9eee60e6cdde6147ec213, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a3080e8362422841b5f722eda2785d0e 2x, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=3865361cb2e22a56d2ed5ee209821ee5 3x" > <img src="https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&s=91669f4b98b9eee60e6cdde6147ec213" srcset="https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&s=91669f4b98b9eee60e6cdde6147ec213, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=a3080e8362422841b5f722eda2785d0e 2x, https://assets.diverto.tv/media/france-tv-1733757134.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=3865361cb2e22a56d2ed5ee209821ee5 3x" alt="France tv 1733757134" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/plateformes/arte-tv"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=webp&s=07c24c70b9f5cf2f1ca5a07651ddac6a, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=6ab47342f3dc8d20e3e4bc1ca687d95c 2x, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=f27086b496b59fc7267e8829e7c5243a 3x" > <source srcset="https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&s=44e8c46f7c00cb6e934d2c56366640b7, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=528dd3cf8ce206e280793145190f8079 2x, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=abde45cb8714c41dfb438c4c960b896e 3x" > <img src="https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&s=44e8c46f7c00cb6e934d2c56366640b7" srcset="https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&s=44e8c46f7c00cb6e934d2c56366640b7, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=528dd3cf8ce206e280793145190f8079 2x, https://assets.diverto.tv/media/arte-tv-1733757205.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=abde45cb8714c41dfb438c4c960b896e 3x" alt="Arte tv 1733757205" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/plateformes/apple-tv-plus"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=webp&s=18803097c5aa5615e3e8104825829675, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=2a1773e756ee328566f92f4d91ce40c2 2x, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=9adf4e945bd02f0c2cfd045723c22f24 3x" > <source srcset="https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&s=37f7721d4bc09766f42089e30137ac8d, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c8f846eee52510122a2d7f7050ad47d7 2x, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=fb92cb88509a9004156a277fe7b849f6 3x" > <img src="https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&s=37f7721d4bc09766f42089e30137ac8d" srcset="https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&s=37f7721d4bc09766f42089e30137ac8d, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c8f846eee52510122a2d7f7050ad47d7 2x, https://assets.diverto.tv/media/apple-tv-plus-1733757248.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=fb92cb88509a9004156a277fe7b849f6 3x" alt="Apple tv plus 1733757248" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/plateformes/max"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=webp&s=b80ac69b52c132281828380fee701f4c, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=cdbe088475feae40716956b0a168fc38 2x, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=585491e73a5749ac27751d11aa583988 3x" > <source srcset="https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&s=853d2fc684aa07f7a853db20daa70989, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c12b1b0fdc81a4ad7039517ae3b2a31a 2x, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=40c4393597fa9cd767dc8aff31861144 3x" > <img src="https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&s=853d2fc684aa07f7a853db20daa70989" srcset="https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&s=853d2fc684aa07f7a853db20daa70989, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c12b1b0fdc81a4ad7039517ae3b2a31a 2x, https://assets.diverto.tv/media/max-1733757295.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=40c4393597fa9cd767dc8aff31861144 3x" alt="Max 1733757295" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/plateformes/paramount-plus"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=webp&s=e4666bcb35c2d44a9ce49d438a65d838, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=792f68196f51df1481751bcd4947c731 2x, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=ee16cc3b94a813a90ac10aa3e6de27dd 3x" > <source srcset="https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&s=b8aeb5fff2fd6c9b5ea087306eab3654, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=90a1d163e7a11d4267f1915d696ab17b 2x, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=ed4cc548b8f9979d384fd26f688b8242 3x" > <img src="https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&s=b8aeb5fff2fd6c9b5ea087306eab3654" srcset="https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&s=b8aeb5fff2fd6c9b5ea087306eab3654, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=90a1d163e7a11d4267f1915d696ab17b 2x, https://assets.diverto.tv/media/paramount-plus-1733757341.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=ed4cc548b8f9979d384fd26f688b8242 3x" alt="Paramount plus 1733757341" loading="lazy" class="pointer-events-none" > </picture> </a> </li> <li class="flex-[0_0_78px]"> <a class="group " href="https://www.diverto.tv/plateformes/crunchyroll"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-91 px-12 bg-contrast-no-contrast pa-menu_mobile_section_item_media group-hover:bg-contrast-lowest" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=webp&s=c6ef1832fef2c44646f38c83e25c946f, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=webp&dpr=2&s=6e660ec62b0fab9c39f3af4709e73397 2x, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=webp&dpr=3&s=8071f7e66c9a1b429cc9395f2e461a53 3x" > <source srcset="https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&s=867df38c8a9644bd615d2e1bde4537a9, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=013ee8920420b254b720778086464f1f 2x, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=86554d087145e0055a7ebeeb023ce981 3x" > <img src="https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&s=867df38c8a9644bd615d2e1bde4537a9" srcset="https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&s=867df38c8a9644bd615d2e1bde4537a9, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=013ee8920420b254b720778086464f1f 2x, https://assets.diverto.tv/media/crunchyroll-1733757393.png?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=86554d087145e0055a7ebeeb023ce981 3x" alt="Crunchyroll 1733757393" loading="lazy" class="pointer-events-none" > </picture> </a> </li> </ul> </div> </div> </div> </li> <li class="py-20 border-b border-contrast-no-contrast/25 overflow-x-hidden"> <button aria-expanded="false" data-action="header#openMobileSub" class="pa-menu_mobile_section peer w-full flex items-center justify-between gap-20"> <p data-atoms="Action" class="font-heading font-black text-action-m" >Actus</p> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> <div class="fixed z-50 inset-0 bg-contrast-high bg-gradient-to-t from-brand-accent/10 via-transparent via-30% pt-72 pb-28 text-contrast-no-contrast translate-x-full transition-transform overflow-y-scroll scrollbar-hide peer-aria-expanded:translate-x-0"> <div class="px-16 py-28 border-b border-contrast-no-contrast/25"> <button data-action="header#closeMobileSub" class="pa-menu_mobile_section_back flex items-center gap-8"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> <span data-atoms="Heading" class="font-heading font-black text-heading-xs " > Actus </span> </button> </div> <div class="px-16"> <div class="py-20 border-b border-contrast-no-contrast/25"> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex" href="/actualites" target="_self"> <span class="text-center" > Voir tout </span> </a> </div> <ul class="flex flex-col gap-8 py-20"> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/actualites/series"> <span class="text-center" > Séries </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/actualites/cinema"> <span class="text-center" > Cinéma </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/actualites/tele"> <span class="text-center" > Télé </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/actualites/jeux-video"> <span class="text-center" > Jeux vidéo </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/actualites/musique"> <span class="text-center" > Musique </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/actualites/livres"> <span class="text-center" > Livres </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/actualites/radio-podcast"> <span class="text-center" > Radio/podcast </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex pa-menu_mobile_section_item" href="https://www.diverto.tv/actualites/jeux-et-jouets"> <span class="text-center" > Jeux et jouets </span> </a> </li> <li> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-no-contrast hover:text-brand-accent focus:text-brand-accent group-hover:text-brand-accent disabled:text-contrast-lowest data-[disabled=true]:text-contrast-lowest inline-flex dtk-videofeed pa-menu_mobile_section_item" href> <span class="text-center" > Vidéos </span> </a> </li> </ul> </div> </div> </li> </ul> <div class="flex flex-col gap-20"> <hr aria-hidden="true" class="border-t-contrast-low border-t-contrast-no-contrast/25" > <ul class="flex justify-center gap-20"> <li> <a data-atoms="RoundedButton" class="group/button block p-10 border border-contrast-medium rounded-full cursor-pointer text-contrast-no-contrast hover:bg-contrast-high focus:bg-contrast-high" target="_blank" href="https://www.facebook.com/@DivertoTV/"> <span class="sr-only">Nous suivre sur Facebook</span> <div data-atoms="Icon" data-name="facebook" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M16.7792 13.375L17.3496 9.39352H13.7831V6.80981C13.7831 5.72054 14.2813 4.65879 15.8786 4.65879H17.5V1.26898C17.5 1.26898 16.0286 1 14.6218 1C11.6847 1 9.76486 2.90695 9.76486 6.35906V9.39352H6.5V13.375H9.76486V23H13.7831V13.375H16.7792Z" /> </svg> </div> </a> </li> <li> <a data-atoms="RoundedButton" class="group/button block p-10 border border-contrast-medium rounded-full cursor-pointer text-contrast-no-contrast hover:bg-contrast-high focus:bg-contrast-high" target="_blank" href="https://www.instagram.com/divertotv/"> <span class="sr-only">Nous suivre sur Instagram</span> <div data-atoms="Icon" data-name="instagram" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M6.21683 1.01773C5.96931 1.04008 5.54646 1.11228 5.28863 1.17932C3.27925 1.69673 1.69788 3.27819 1.1805 5.28767C1.11174 5.55755 1.04127 5.9701 1.0172 6.2503C1.00689 6.38438 1.00001 8.40933 1.00001 12.002C1.00001 18.0322 0.996577 17.7812 1.09455 18.3192C1.36442 19.789 2.20495 21.0988 3.4288 21.96C4.2848 22.5617 5.24738 22.9037 6.31137 22.9845C6.67921 23.012 17.711 23 17.9138 22.9708C18.9039 22.8298 19.6482 22.5617 20.3959 22.0786C20.7276 21.8638 20.9511 21.6833 21.2708 21.3687C21.8209 20.8324 22.2128 20.2737 22.5118 19.593C22.7422 19.0739 22.8745 18.584 22.9708 17.9136C23 17.7107 23.012 6.67832 22.9845 6.31046C22.9072 5.30486 22.5978 4.38864 22.0546 3.56869C21.19 2.26227 19.851 1.37528 18.3195 1.09337C17.7815 0.995385 18.0393 0.998823 11.9682 1.00054C8.9 1.00226 6.31137 1.01086 6.21683 1.01773ZM17.7419 2.90689C19.3353 3.10285 20.6262 4.23909 21.0164 5.78617C21.135 6.25717 21.1281 5.83602 21.1281 12.0089C21.1281 16.9183 21.1247 17.6093 21.1024 17.7881C21.0164 18.4396 20.7689 19.0567 20.3753 19.5878C20.2103 19.8113 19.8115 20.2101 19.588 20.3751C19.0569 20.7688 18.4398 21.0163 17.7884 21.1023C17.6096 21.1246 16.9186 21.128 12.0095 21.128C5.83695 21.128 6.25808 21.1349 5.78711 21.0163C4.23495 20.6244 3.08674 19.3145 2.90798 17.7262C2.89422 17.6093 2.89079 15.8955 2.89422 11.9057L2.89938 6.2503L2.94751 6.01308C3.22597 4.61899 4.19198 3.51541 5.51552 3.07878C5.74242 3.00487 6.10854 2.92236 6.31137 2.90173C6.46778 2.88454 17.6062 2.89142 17.7419 2.90689Z" /> <path d="M17.8193 4.68431C17.3414 4.79604 16.9753 5.15187 16.8584 5.62459C16.8189 5.78445 16.8223 6.06293 16.8653 6.23139C17.0544 6.97398 17.8674 7.37623 18.5756 7.07884C18.7664 6.99977 19.0105 6.80381 19.1188 6.64394C19.4196 6.20044 19.4161 5.61599 19.1085 5.18453C18.9555 4.96966 18.7458 4.81495 18.4862 4.72384C18.3573 4.67915 18.304 4.67227 18.1287 4.66712C17.9946 4.66196 17.8863 4.66884 17.8193 4.68431Z" /> <path d="M11.6485 6.54424C10.2975 6.65082 9.08049 7.20433 8.1437 8.14289C7.27738 9.00754 6.74624 10.0939 6.57435 11.3471C6.5331 11.6513 6.5331 12.3716 6.57607 12.6793C6.69812 13.5749 6.97314 14.3123 7.45442 15.0343C8.20386 16.1602 9.32285 16.9647 10.612 17.3033C11.4199 17.5148 12.3 17.5388 13.1164 17.3704C14.1684 17.1538 15.1103 16.6449 15.877 15.8766C16.7484 15.005 17.2778 13.929 17.4446 12.6879C17.4824 12.4008 17.4875 11.6737 17.4532 11.3986C17.2916 10.1197 16.7587 9.02129 15.8684 8.13258C15.0089 7.27481 13.9106 6.73849 12.6798 6.5769C12.4839 6.5494 11.8307 6.53049 11.6485 6.54424ZM12.3361 8.22024C13.0717 8.28213 13.8023 8.57607 14.3901 9.04363C14.5844 9.20006 14.9041 9.5301 15.0536 9.73122C15.4386 10.2469 15.6741 10.8107 15.7773 11.4588C15.8185 11.7235 15.8185 12.2959 15.7773 12.5658C15.516 14.2349 14.2354 15.5156 12.5664 15.7769C12.3034 15.8181 11.7087 15.8181 11.4543 15.7769C10.196 15.574 9.14924 14.8056 8.59748 13.6797C8.02681 12.5177 8.08525 11.1528 8.7539 10.0458C9.05814 9.54386 9.54459 9.05739 10.0465 8.75313C10.7323 8.33885 11.5402 8.15148 12.3361 8.22024Z" /> </svg> </div> </a> </li> <li> <a data-atoms="RoundedButton" class="group/button block p-10 border border-contrast-medium rounded-full cursor-pointer text-contrast-no-contrast hover:bg-contrast-high focus:bg-contrast-high" target="_blank" href="https://www.tiktok.com/@divertotv"> <span class="sr-only">Nous suivre sur TikTok</span> <div data-atoms="Icon" data-name="tiktok" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M21.5 10.02C19.6322 10.0241 17.8104 9.43331 16.292 8.33119V16.0148C16.2915 17.4378 15.8623 18.8268 15.0617 19.9959C14.2611 21.1651 13.1272 22.0587 11.8118 22.5572C10.4964 23.0557 9.06212 23.1354 7.7008 22.7856C6.33948 22.4358 5.11602 21.6731 4.19405 20.5997C3.27208 19.5262 2.69555 18.1931 2.54158 16.7787C2.3876 15.3642 2.66352 13.9358 3.33242 12.6846C4.00132 11.4333 5.03133 10.4188 6.28468 9.77679C7.53802 9.13475 8.95496 8.89577 10.346 9.09181V12.9551C9.70994 12.7522 9.02689 12.7581 8.39437 12.972C7.76185 13.1859 7.2122 13.5969 6.8239 14.1462C6.4356 14.6954 6.22851 15.355 6.2322 16.0307C6.23588 16.7063 6.45016 17.3635 6.84442 17.9084C7.23869 18.4533 7.79279 18.8581 8.42761 19.0649C9.06242 19.2717 9.74549 19.2699 10.3793 19.06C11.0131 18.85 11.5652 18.4424 11.9568 17.8956C12.3484 17.3487 12.5594 16.6904 12.5598 16.0148V1H16.292C16.2899 1.31983 16.3168 1.63918 16.3725 1.954C16.5023 2.65575 16.772 3.32331 17.165 3.91589C17.5581 4.50846 18.0662 5.0136 18.6585 5.40043C19.5015 5.9646 20.4897 6.26499 21.5 6.26419V10.02Z" /> </svg> </div> </a> </li> </ul> </div> </div> </header> <div data-controller="ad" data-state="static" data-atoms="Ad" data-variant="leader_top" class="relative z-50 flex items-center justify-center py-15 max-lg:data-[state=sticky]:sticky max-lg:data-[state=sticky]:top-[--header-height]"> <div class="relative z-0 flex items-center justify-center bg-contrast-lowest before:content-['publicité'] before:absolute before:-z-10 before:top-1/2 before:left-1/2 before:-translate-y-1/2 before:-translate-x-1/2 before:text-body-s before:text-contrast-medium before:uppercase before:font-bold / has-[div]:bg-transparent has-[div]:before:hidden w-320 h-90 lg:min-w-970 lg:min-h-250" id="banniere_haute"></div> </div> <div class="container flex flex-col gap-28 lg:gap-40"> <div> <nav data-molecules="Breadcrumb" class="py-16 text-body-s font-bold lg:py-24" aria-label="Breadcrumb"> <ol class="flex items-center gap-8 whitespace-nowrap overflow-x-scroll scrollbar-hide"> <li class="flex items-center gap-8"> <a class="hover:text-brand-hover-text" href="/" title="Accueil"> <div data-atoms="Icon" data-name="home" class="grid items-center justify-center w-24 h-24" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M19 10.4881L12 4.61137L5 10.4881V22H3V9.55577L12 2L21 9.55577V22H19V10.4881Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15.5C8 14.6716 8.67157 14 9.5 14H14.5C15.3284 14 16 14.6716 16 15.5V22H14V16H10V22H8V15.5Z" /> </svg> </div> </a> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-24 h-24" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </li> <li> <span aria-current="page" class="text-contrast-medium">Programme TV</span> </li> </ol> </nav> <div class="relative z-100 flex flex-col items-start gap-20 pt-20 pb-28 border-b border-contrast-low lg:flex-row lg:justify-between lg:items-center lg:pt-34 lg:pb-36"> <div class="flex-1 flex flex-col gap-16 w-full lg:flex-row lg:items-center lg:gap-12"> <h1 data-atoms="Heading" class="font-heading font-black text-heading-l " > Programme TV </h1> <div data-atoms="Dropdown" data-controller="dropdown" class="group/dropdown relative z-50 " data-layout="mobile-full"> <div class="hidden relative lg:flex"> <button class="group/button flex items-center gap-4 font-heading font-black text-contrast-highest rounded-full px-20 py-8 text-heading-m bg-brand-accent hover:bg-brand-hover-accent focus:bg-brand-hover-accent" role="combobox" data-dropdown-target="trigger" data-action="dropdown#toggle" aria-label="Choisir une date" aria-expanded="false" aria-haspopup="listbox"> <span data-dropdown-target="label">Aujourd'hui</span> <div data-atoms="Icon" data-name="arrow_down" class="grid items-center justify-center w-24 h-24 transition-transform group-aria-expanded/button:rotate-180" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12.5024L6.9977 7.5L5 9.4977L12.0001 16.4978L19 9.49781L17.0023 7.5001L12.0001 12.5024Z" /> </svg> </div> </button> <ul role="listbox" tabindex="-1" data-dropdown-target="menu" data-transition-enter-from="opacity-0 scale-95" data-transition-enter-to="opacity-100 scale-100" data-transition-leave-from="opacity-100 scale-100" data-transition-leave-to="opacity-0 scale-95" class="hidden absolute left-1/2 top-full mt-8 min-w-200 max-h-220 w-full border border-contrast-low rounded shadow-dropdown -translate-x-1/2 transition-all duration-300 overflow-x-hidden overflow-y-auto"> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="06-04-2025" data-href="/programme-tv/hier" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >Hier</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="true" role="option" data-value="07-04-2025" data-href="/programme-tv" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >Aujourd'hui</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="08-04-2025" data-href="/programme-tv/demain" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >Demain</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="09-04-2025" data-href="/programme-tv/09-04-2025" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >mercredi 9 avril</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="10-04-2025" data-href="/programme-tv/10-04-2025" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >jeudi 10 avril</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="11-04-2025" data-href="/programme-tv/11-04-2025" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >vendredi 11 avril</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="12-04-2025" data-href="/programme-tv/12-04-2025" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >samedi 12 avril</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="13-04-2025" data-href="/programme-tv/13-04-2025" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >dimanche 13 avril</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="14-04-2025" data-href="/programme-tv/14-04-2025" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >lundi 14 avril</button> </li> </ul> </div> <div class="relative lg:hidden"> <select data-action="dropdown#selectOption" data-dropdown-target="select" class="group/select w-full relative font-heading font-black text-contrast-highest text-center text-align-last-center rounded-full cursor-pointer appearance-none outline-none ring-offset-2 focus:ring-2 pl-20 pr-44 py-8 text-heading-s group-data-[layout=mobile-full]/dropdown:pl-44 bg-brand-accent ring-offset-contrast-no-contrast hover:bg-brand-hover-accent focus:bg-brand-hover-accent focus:ring-brand-accent"> <option value="06-04-2025" data-href="/programme-tv/hier" > Hier </option> <option value="07-04-2025" data-href="/programme-tv" selected="selected" > Aujourd'hui </option> <option value="08-04-2025" data-href="/programme-tv/demain" > Demain </option> <option value="09-04-2025" data-href="/programme-tv/09-04-2025" > mercredi 9 avril </option> <option value="10-04-2025" data-href="/programme-tv/10-04-2025" > jeudi 10 avril </option> <option value="11-04-2025" data-href="/programme-tv/11-04-2025" > vendredi 11 avril </option> <option value="12-04-2025" data-href="/programme-tv/12-04-2025" > samedi 12 avril </option> <option value="13-04-2025" data-href="/programme-tv/13-04-2025" > dimanche 13 avril </option> <option value="14-04-2025" data-href="/programme-tv/14-04-2025" > lundi 14 avril </option> </select> <div data-atoms="Icon" data-name="arrow_down" class="grid items-center justify-center w-24 h-24 absolute top-1/2 -translate-y-1/2 right-20" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12.5024L6.9977 7.5L5 9.4977L12.0001 16.4978L19 9.49781L17.0023 7.5001L12.0001 12.5024Z" /> </svg> </div> </div> </div> </div> <div data-molecules="ChannelModal" data-controller="modal"> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-highest hover:text-brand-hover-text focus:text-brand-hover-text group-hover:text-brand-hover-text disabled:text-contrast-medium data-[disabled=true]:text-contrast-medium flex-row-reverse inline-flex" data-action="modal#open"> <span class="text-center" > Personnaliser mes chaînes </span> <div data-atoms="Icon" data-name="settings" class="grid items-center justify-center w-24 h-24" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4228 19.3404L22 19.3404V17.6383L12.4228 17.6383C12.0423 16.1063 10.6681 14.9787 9.04017 14.9787C7.41226 14.9787 6.03806 16.1063 5.65751 17.6383H2L2 19.3404H5.65751C6.03805 20.8723 7.41226 22 9.04017 22C10.6681 22 12.0423 20.8723 12.4228 19.3404ZM9.04016 16.6806C8.0465 16.6806 7.24312 17.4891 7.24312 18.4891C7.24312 19.4891 8.0465 20.2976 9.04016 20.2976C10.0338 20.2976 10.8372 19.4891 10.8372 18.4891C10.8372 17.4891 10.0338 16.6806 9.04016 16.6806Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3425 12.8515L22 12.8515V11.1494L18.3425 11.1494C17.9619 9.61744 16.5877 8.48977 14.9598 8.48977C13.3319 8.48977 11.9577 9.61744 11.5772 11.1494L2 11.1494L2 12.8515L11.5772 12.8515C11.9577 14.3834 13.3319 15.5111 14.9598 15.5111C16.5877 15.5111 17.9619 14.3834 18.3425 12.8515ZM14.9599 10.1917C13.9662 10.1917 13.1628 11.0002 13.1628 12.0002C13.1628 13.0002 13.9662 13.8087 14.9599 13.8087C15.9535 13.8087 16.7569 13.0002 16.7569 12.0002C16.7569 11.0002 15.9535 10.1917 14.9599 10.1917Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.65751 4.6596H2L2 6.36175L5.65751 6.36175C6.03805 7.89368 7.41226 9.02135 9.04017 9.02135C10.6681 9.02135 12.0423 7.89368 12.4228 6.36175L22 6.36175V4.6596L12.4228 4.6596C12.0423 3.12767 10.6681 2 9.04017 2C7.41226 2 6.03806 3.12767 5.65751 4.6596ZM9.04016 7.31896C10.0338 7.31896 10.8372 6.51044 10.8372 5.51043C10.8372 4.51042 10.0338 3.7019 9.04016 3.7019C8.0465 3.7019 7.24312 4.51042 7.24312 5.51043C7.24312 6.51044 8.0465 7.31896 9.04016 7.31896Z" /> </svg> </div> </a> <dialog data-modal-target="dialog" class="fixed z-300 mx-0 mb-0 mt-auto w-full max-w-full rounded-t-lg p-16 animate-from-bottom lg:m-auto lg:max-w-638 lg:p-28 lg:rounded-lg lg:animate-scale-in backdrop:bg-contrast-highest/75 backdrop:backdrop-blur-sm backdrop:animate-fade-in"> <header class="flex items-start justify-between gap-20 lg:items-center"> <p data-atoms="Heading" class="font-heading font-black text-heading-m text-balance max-lg:max-w-260 " > Quel est votre fournisseur d’accès ? </p> <button data-action="modal#close"> <div data-atoms="Icon" data-name="close" class="grid items-center justify-center w-24 h-24" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 10.1335L5.46676 3.6001L3.6001 5.46676L10.1335 12.0001L3.6001 18.5335L5.46676 20.4002L12.0001 13.8668L18.5334 20.4L20.4 18.5334L13.8668 12.0001L20.4 5.46689L18.5334 3.60023L12.0001 10.1335Z" /> </svg> </div> <span class="sr-only">Fermer</span> </button> </header> <ul class="mt-14 lg:mt-8"> <li class="py-20 border-b border-contrast-low last:border-b-0"> <div data-atoms="Radio" class="group/radio relative [&_label]:flex [&_label]:items-center [&_label]:justify-between [&_label]:gap-20" > <input class="peer/radio appearance-none hidden" type="radio" id="bouygues" name="channelPackage" data-href="/programme-tv?bouquet=bouygues" value="bouygues" /> <label class="cursor-pointer peer-hover/radio:[&_span]:border-contrast-high peer-checked/radio:[&_span]:bg-brand-accent peer-checked/radio:[&_span]:after:scale-100" for="bouygues"> <div class="flex items-center gap-12"> <picture data-atoms="Image" class="bg-contrast-highest/25 w-60 aspect-square media-contain" > <source type="image/webp" srcset="https://assets.diverto.tv/media/bouygues.png?h=60&fit=crop&fm=webp&s=d92f71868e84efcf70fab761dd0f220d, https://assets.diverto.tv/media/bouygues.png?h=60&fit=crop&fm=webp&dpr=2&s=6a9d4657ed04a77b2263ea5d14366036 2x, https://assets.diverto.tv/media/bouygues.png?h=60&fit=crop&fm=webp&dpr=3&s=b747d2f7b617809a4c763d2f554075ad 3x" > <source srcset="https://assets.diverto.tv/media/bouygues.png?h=60&fit=crop&fm=pjpg&s=863c86bd00d79d0d508f3f8fb5b5f465, https://assets.diverto.tv/media/bouygues.png?h=60&fit=crop&fm=pjpg&dpr=2&s=3431b9df8b5b6e2e322be129ffd98eb9 2x, https://assets.diverto.tv/media/bouygues.png?h=60&fit=crop&fm=pjpg&dpr=3&s=176ebbab6d3fede98aee3ae76a0a0de6 3x" > <img src="https://assets.diverto.tv/media/bouygues.png?h=60&fit=crop&fm=pjpg&s=863c86bd00d79d0d508f3f8fb5b5f465" srcset="https://assets.diverto.tv/media/bouygues.png?h=60&fit=crop&fm=pjpg&s=863c86bd00d79d0d508f3f8fb5b5f465, https://assets.diverto.tv/media/bouygues.png?h=60&fit=crop&fm=pjpg&dpr=2&s=3431b9df8b5b6e2e322be129ffd98eb9 2x, https://assets.diverto.tv/media/bouygues.png?h=60&fit=crop&fm=pjpg&dpr=3&s=176ebbab6d3fede98aee3ae76a0a0de6 3x" alt="Bouygues" loading="lazy" class="" > </picture> <p data-atoms="Heading" class="font-heading font-black text-heading-xs " > Bouygues </p> </div> <span class="relative flex items-center justify-center w-26 h-26 bg-contrast-no-contrast border border-contrast-low after:block after:bg-contrast-highest after:w-12 after:h-12 after:scale-0 after:transition-transform"></span> </label> </div> </li> <li class="py-20 border-b border-contrast-low last:border-b-0"> <div data-atoms="Radio" class="group/radio relative [&_label]:flex [&_label]:items-center [&_label]:justify-between [&_label]:gap-20" > <input class="peer/radio appearance-none hidden" type="radio" id="canal" name="channelPackage" data-href="/programme-tv?bouquet=canal" value="canal" /> <label class="cursor-pointer peer-hover/radio:[&_span]:border-contrast-high peer-checked/radio:[&_span]:bg-brand-accent peer-checked/radio:[&_span]:after:scale-100" for="canal"> <div class="flex items-center gap-12"> <picture data-atoms="Image" class="bg-contrast-highest/25 w-60 aspect-square media-contain" > <source type="image/webp" srcset="https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=webp&s=581b7e283ffdbf8c5c6e23aba7d6a141, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=webp&dpr=2&s=8aa102ab8a5ec31f6d3e4c898870d666 2x, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=webp&dpr=3&s=d4d0f647a9e8d7849c3924fc0f16292a 3x" > <source srcset="https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&s=2589e9cc60a93df32f343c67ec73d705, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&dpr=2&s=876b0ad9a02912bb0565587992600fad 2x, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&dpr=3&s=94ea51cd9e62133492b417b923485f11 3x" > <img src="https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&s=2589e9cc60a93df32f343c67ec73d705" srcset="https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&s=2589e9cc60a93df32f343c67ec73d705, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&dpr=2&s=876b0ad9a02912bb0565587992600fad 2x, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&dpr=3&s=94ea51cd9e62133492b417b923485f11 3x" alt="Canal" loading="lazy" class="" > </picture> <p data-atoms="Heading" class="font-heading font-black text-heading-xs " > Canal </p> </div> <span class="relative flex items-center justify-center w-26 h-26 bg-contrast-no-contrast border border-contrast-low after:block after:bg-contrast-highest after:w-12 after:h-12 after:scale-0 after:transition-transform"></span> </label> </div> </li> <li class="py-20 border-b border-contrast-low last:border-b-0"> <div data-atoms="Radio" class="group/radio relative [&_label]:flex [&_label]:items-center [&_label]:justify-between [&_label]:gap-20" > <input class="peer/radio appearance-none hidden" type="radio" id="canal-alternatif" name="channelPackage" data-href="/programme-tv?bouquet=canal-alternatif" value="canal-alternatif" /> <label class="cursor-pointer peer-hover/radio:[&_span]:border-contrast-high peer-checked/radio:[&_span]:bg-brand-accent peer-checked/radio:[&_span]:after:scale-100" for="canal-alternatif"> <div class="flex items-center gap-12"> <picture data-atoms="Image" class="bg-contrast-highest/25 w-60 aspect-square media-contain" > <source type="image/webp" srcset="https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=webp&s=581b7e283ffdbf8c5c6e23aba7d6a141, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=webp&dpr=2&s=8aa102ab8a5ec31f6d3e4c898870d666 2x, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=webp&dpr=3&s=d4d0f647a9e8d7849c3924fc0f16292a 3x" > <source srcset="https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&s=2589e9cc60a93df32f343c67ec73d705, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&dpr=2&s=876b0ad9a02912bb0565587992600fad 2x, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&dpr=3&s=94ea51cd9e62133492b417b923485f11 3x" > <img src="https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&s=2589e9cc60a93df32f343c67ec73d705" srcset="https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&s=2589e9cc60a93df32f343c67ec73d705, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&dpr=2&s=876b0ad9a02912bb0565587992600fad 2x, https://assets.diverto.tv/media/canal.png?h=60&fit=crop&fm=pjpg&dpr=3&s=94ea51cd9e62133492b417b923485f11 3x" alt="Canal" loading="lazy" class="" > </picture> <p data-atoms="Heading" class="font-heading font-black text-heading-xs " > Canal Alternatif </p> </div> <span class="relative flex items-center justify-center w-26 h-26 bg-contrast-no-contrast border border-contrast-low after:block after:bg-contrast-highest after:w-12 after:h-12 after:scale-0 after:transition-transform"></span> </label> </div> </li> <li class="py-20 border-b border-contrast-low last:border-b-0"> <div data-atoms="Radio" class="group/radio relative [&_label]:flex [&_label]:items-center [&_label]:justify-between [&_label]:gap-20" > <input class="peer/radio appearance-none hidden" type="radio" id="free" name="channelPackage" data-href="/programme-tv?bouquet=free" value="free" /> <label class="cursor-pointer peer-hover/radio:[&_span]:border-contrast-high peer-checked/radio:[&_span]:bg-brand-accent peer-checked/radio:[&_span]:after:scale-100" for="free"> <div class="flex items-center gap-12"> <picture data-atoms="Image" class="bg-contrast-highest/25 w-60 aspect-square media-contain" > <source type="image/webp" srcset="https://assets.diverto.tv/media/free.png?h=60&fit=crop&fm=webp&s=fa8de6ca3ac65a904551dcaaacd421cc, https://assets.diverto.tv/media/free.png?h=60&fit=crop&fm=webp&dpr=2&s=a52a23121d039683618334e79dd2c6fb 2x, https://assets.diverto.tv/media/free.png?h=60&fit=crop&fm=webp&dpr=3&s=e495e3eb9b4a5d7961e980f1a1947360 3x" > <source srcset="https://assets.diverto.tv/media/free.png?h=60&fit=crop&fm=pjpg&s=f6ab12887e95e5c1444d99e659ad7034, https://assets.diverto.tv/media/free.png?h=60&fit=crop&fm=pjpg&dpr=2&s=c7ed6353dfa2ef0bd2c2c7e94f0ea0df 2x, https://assets.diverto.tv/media/free.png?h=60&fit=crop&fm=pjpg&dpr=3&s=594473264d1fc6f814ef99017b6201e8 3x" > <img src="https://assets.diverto.tv/media/free.png?h=60&fit=crop&fm=pjpg&s=f6ab12887e95e5c1444d99e659ad7034" srcset="https://assets.diverto.tv/media/free.png?h=60&fit=crop&fm=pjpg&s=f6ab12887e95e5c1444d99e659ad7034, https://assets.diverto.tv/media/free.png?h=60&fit=crop&fm=pjpg&dpr=2&s=c7ed6353dfa2ef0bd2c2c7e94f0ea0df 2x, https://assets.diverto.tv/media/free.png?h=60&fit=crop&fm=pjpg&dpr=3&s=594473264d1fc6f814ef99017b6201e8 3x" alt="Free" loading="lazy" class="" > </picture> <p data-atoms="Heading" class="font-heading font-black text-heading-xs " > Free </p> </div> <span class="relative flex items-center justify-center w-26 h-26 bg-contrast-no-contrast border border-contrast-low after:block after:bg-contrast-highest after:w-12 after:h-12 after:scale-0 after:transition-transform"></span> </label> </div> </li> <li class="py-20 border-b border-contrast-low last:border-b-0"> <div data-atoms="Radio" class="group/radio relative [&_label]:flex [&_label]:items-center [&_label]:justify-between [&_label]:gap-20" > <input class="peer/radio appearance-none hidden" type="radio" id="orange" name="channelPackage" data-href="/programme-tv?bouquet=orange" value="orange" /> <label class="cursor-pointer peer-hover/radio:[&_span]:border-contrast-high peer-checked/radio:[&_span]:bg-brand-accent peer-checked/radio:[&_span]:after:scale-100" for="orange"> <div class="flex items-center gap-12"> <picture data-atoms="Image" class="bg-contrast-highest/25 w-60 aspect-square media-contain" > <source type="image/webp" srcset="https://assets.diverto.tv/media/orange.png?h=60&fit=crop&fm=webp&s=25d2f966170f7bdeaa5aec0500be4c1d, https://assets.diverto.tv/media/orange.png?h=60&fit=crop&fm=webp&dpr=2&s=9e901d7a3cc330639d912f152dab853b 2x, https://assets.diverto.tv/media/orange.png?h=60&fit=crop&fm=webp&dpr=3&s=970e0b32f58c486187ea37f6f2efc24e 3x" > <source srcset="https://assets.diverto.tv/media/orange.png?h=60&fit=crop&fm=pjpg&s=c415f916d8750223b25262f73c91454b, https://assets.diverto.tv/media/orange.png?h=60&fit=crop&fm=pjpg&dpr=2&s=16b356e1f923d337513928093dbea11d 2x, https://assets.diverto.tv/media/orange.png?h=60&fit=crop&fm=pjpg&dpr=3&s=f6227a1ef80a45529f18f5e4fc4d02de 3x" > <img src="https://assets.diverto.tv/media/orange.png?h=60&fit=crop&fm=pjpg&s=c415f916d8750223b25262f73c91454b" srcset="https://assets.diverto.tv/media/orange.png?h=60&fit=crop&fm=pjpg&s=c415f916d8750223b25262f73c91454b, https://assets.diverto.tv/media/orange.png?h=60&fit=crop&fm=pjpg&dpr=2&s=16b356e1f923d337513928093dbea11d 2x, https://assets.diverto.tv/media/orange.png?h=60&fit=crop&fm=pjpg&dpr=3&s=f6227a1ef80a45529f18f5e4fc4d02de 3x" alt="Orange" loading="lazy" class="" > </picture> <p data-atoms="Heading" class="font-heading font-black text-heading-xs " > Orange </p> </div> <span class="relative flex items-center justify-center w-26 h-26 bg-contrast-no-contrast border border-contrast-low after:block after:bg-contrast-highest after:w-12 after:h-12 after:scale-0 after:transition-transform"></span> </label> </div> </li> <li class="py-20 border-b border-contrast-low last:border-b-0"> <div data-atoms="Radio" class="group/radio relative [&_label]:flex [&_label]:items-center [&_label]:justify-between [&_label]:gap-20" > <input class="peer/radio appearance-none hidden" type="radio" id="sfr" name="channelPackage" data-href="/programme-tv?bouquet=sfr" value="sfr" /> <label class="cursor-pointer peer-hover/radio:[&_span]:border-contrast-high peer-checked/radio:[&_span]:bg-brand-accent peer-checked/radio:[&_span]:after:scale-100" for="sfr"> <div class="flex items-center gap-12"> <picture data-atoms="Image" class="bg-contrast-highest/25 w-60 aspect-square media-contain" > <source type="image/webp" srcset="https://assets.diverto.tv/media/sfr.png?h=60&fit=crop&fm=webp&s=a39d2a4826f511ba633fba7c420e077e, https://assets.diverto.tv/media/sfr.png?h=60&fit=crop&fm=webp&dpr=2&s=ef9b08d94e2b07a76e7fbb2590712b52 2x, https://assets.diverto.tv/media/sfr.png?h=60&fit=crop&fm=webp&dpr=3&s=d9b254186992dcc08603b82aa23e08de 3x" > <source srcset="https://assets.diverto.tv/media/sfr.png?h=60&fit=crop&fm=pjpg&s=30bc9736adbe1bd7e2f31aa206abeeac, https://assets.diverto.tv/media/sfr.png?h=60&fit=crop&fm=pjpg&dpr=2&s=71d96db72b50733c5e6aec2dceec48ca 2x, https://assets.diverto.tv/media/sfr.png?h=60&fit=crop&fm=pjpg&dpr=3&s=272fa86709a0c5f4287a84c468b38cc0 3x" > <img src="https://assets.diverto.tv/media/sfr.png?h=60&fit=crop&fm=pjpg&s=30bc9736adbe1bd7e2f31aa206abeeac" srcset="https://assets.diverto.tv/media/sfr.png?h=60&fit=crop&fm=pjpg&s=30bc9736adbe1bd7e2f31aa206abeeac, https://assets.diverto.tv/media/sfr.png?h=60&fit=crop&fm=pjpg&dpr=2&s=71d96db72b50733c5e6aec2dceec48ca 2x, https://assets.diverto.tv/media/sfr.png?h=60&fit=crop&fm=pjpg&dpr=3&s=272fa86709a0c5f4287a84c468b38cc0 3x" alt="Sfr" loading="lazy" class="" > </picture> <p data-atoms="Heading" class="font-heading font-black text-heading-xs " > SFR </p> </div> <span class="relative flex items-center justify-center w-26 h-26 bg-contrast-no-contrast border border-contrast-low after:block after:bg-contrast-highest after:w-12 after:h-12 after:scale-0 after:transition-transform"></span> </label> </div> </li> <li class="py-20 border-b border-contrast-low last:border-b-0"> <div data-atoms="Radio" class="group/radio relative [&_label]:flex [&_label]:items-center [&_label]:justify-between [&_label]:gap-20" > <input class="peer/radio appearance-none hidden" type="radio" id="tnt" name="channelPackage" data-href="/programme-tv" checked="checked" value="tnt" /> <label class="cursor-pointer peer-hover/radio:[&_span]:border-contrast-high peer-checked/radio:[&_span]:bg-brand-accent peer-checked/radio:[&_span]:after:scale-100" for="tnt"> <div class="flex items-center gap-12"> <picture data-atoms="Image" class="bg-contrast-highest/25 w-60 aspect-square media-contain" > <source type="image/webp" srcset="https://assets.diverto.tv/media/tnt.png?h=60&fit=crop&fm=webp&s=03e491ad26fe6c6876f0cc656ec368c2, https://assets.diverto.tv/media/tnt.png?h=60&fit=crop&fm=webp&dpr=2&s=d33f4568108e726e3e8479ee5ee33836 2x, https://assets.diverto.tv/media/tnt.png?h=60&fit=crop&fm=webp&dpr=3&s=766e7ef31c4ba5f82f924dffb9812ee7 3x" > <source srcset="https://assets.diverto.tv/media/tnt.png?h=60&fit=crop&fm=pjpg&s=7784648c09890ad55f84a5cc20e4b33e, https://assets.diverto.tv/media/tnt.png?h=60&fit=crop&fm=pjpg&dpr=2&s=eb5e35b99a9c8a5de39cd56476ba4f5b 2x, https://assets.diverto.tv/media/tnt.png?h=60&fit=crop&fm=pjpg&dpr=3&s=c7046da2691d552ab1e1e2e8a4d138b1 3x" > <img src="https://assets.diverto.tv/media/tnt.png?h=60&fit=crop&fm=pjpg&s=7784648c09890ad55f84a5cc20e4b33e" srcset="https://assets.diverto.tv/media/tnt.png?h=60&fit=crop&fm=pjpg&s=7784648c09890ad55f84a5cc20e4b33e, https://assets.diverto.tv/media/tnt.png?h=60&fit=crop&fm=pjpg&dpr=2&s=eb5e35b99a9c8a5de39cd56476ba4f5b 2x, https://assets.diverto.tv/media/tnt.png?h=60&fit=crop&fm=pjpg&dpr=3&s=c7046da2691d552ab1e1e2e8a4d138b1 3x" alt="Tnt" loading="lazy" class="" > </picture> <p data-atoms="Heading" class="font-heading font-black text-heading-xs " > TNT </p> </div> <span class="relative flex items-center justify-center w-26 h-26 bg-contrast-no-contrast border border-contrast-low after:block after:bg-contrast-highest after:w-12 after:h-12 after:scale-0 after:transition-transform"></span> </label> </div> </li> </ul> <div class="sticky bottom-0 py-16 inset-x-0 bg-contrast-no-contrast flex justify-end items-center gap-12 lg:pt-8 lg:pb-28 after:absolute after:bottom-full after:inset-x-0 after:bg-gradient-to-t after:from-contrast-no-contrast after:to-transparent after:h-30"> <button data-atoms="Button" class="group inline-flex items-center justify-center gap-4 font-heading font-black rounded-full cursor-pointer disabled:cursor-not-allowed px-24 text-action-m [&_span]:py-14 bg-contrast-highest text-contrast-no-contrast hover:bg-contrast-high focus:bg-contrast-high disabled:bg-contrast-neutral" data-action="modal#close"> <span class="text-center" > Annuler </span> </button> <button data-atoms="Button" class="group inline-flex items-center justify-center gap-4 font-heading font-black rounded-full cursor-pointer disabled:cursor-not-allowed px-24 text-action-m [&_span]:py-14 bg-brand-accent text-brand-on-accent hover:bg-brand-hover-accent focus:bg-brand-hover-accent disabled:bg-brand-disabled-accent" data-action="modal#submit"> <span class="text-center" > Appliquer </span> </button> </div> </dialog> </div> </div> </div> <div class="relative flex gap-28"> <div class="flex flex-col gap-28 flex-1 min-w-0 lg:gap-40"> <div class="relative flex flex-col gap-28 flex-1 min-w-0 lg:gap-40" data-controller="grid-program live" data-live-name-value="blocks:TVProgramBlock" data-live-url-value="/_components/blocks:TVProgramBlock" id="live-247413349-0" data-live-request-method-value="get" data-live-query-mapping-value="{"period":{"name":"period"},"bouquet":{"name":"bouquet"}}" data-live-props-value="{"onlyOneChannel":false,"channelPackage":3,"channels":[42,2,22,10,14,30,27,31,43,70,50,21,75,47,72,76,102,99,101,100,98,97,28,133,107,108,109,110,112,113,114,115,60,116,117,119,120,121,122,123,111,118,124,125,126,127,128,129],"date":"20250407","period":"ce-soir","bouquet":"tnt","@attributes":{"id":"live-247413349-0"},"@checksum":"Iq+QZB6wOtlvB6uwVbO3atpVHGVpYw9jEDP8UaGmCfc="}" > <div class="flex items-center gap-8 py-2 overflow-x-scroll scrollbar-hide max-lg:fullwidth max-lg:px-16 lg:overflow-x-visible"> <button data-atoms="Button" class="group inline-flex items-center justify-center gap-4 font-heading font-black rounded-full cursor-pointer disabled:cursor-not-allowed px-16 text-action-m [&_span]:py-10 bg-contrast-lowest text-contrast-highest hover:bg-contrast-low focus:bg-contrast-low aria-pressed:bg-brand-hover-accent aria-pressed:text-brand-on-accent disabled:bg-contrast-low disabled:text-contrast-medium flex-none shrink-0" data-value="all"> <span class="text-center" > Tout </span> </button> <a data-atoms="Button" class="group inline-flex items-center justify-center gap-4 font-heading font-black rounded-full cursor-pointer disabled:cursor-not-allowed px-16 text-action-m [&_span]:py-10 bg-contrast-lowest text-contrast-highest hover:bg-contrast-low focus:bg-contrast-low aria-pressed:bg-brand-hover-accent aria-pressed:text-brand-on-accent disabled:bg-contrast-low disabled:text-contrast-medium flex-none shrink-0" target="_self" href="/programme-tv/en-ce-moment?bouquet=tnt"> <span class="text-center" > Maintenant </span> </a> <h2 class="sr-only">Ce soir</h2> <button data-atoms="Button" class="group inline-flex items-center justify-center gap-4 font-heading font-black rounded-full cursor-pointer disabled:cursor-not-allowed px-16 text-action-m [&_span]:py-10 bg-brand-accent text-brand-on-accent hover:bg-brand-hover-accent focus:bg-brand-hover-accent disabled:bg-brand-disabled-accent flex-none shrink-0" data-value="ce-soir"> <span class="text-center" > Ce soir </span> </button> <div data-atoms="Dropdown" data-controller="dropdown" class="group/dropdown relative z-50 flex-none shrink-0" data-placeholder="Autre horaire"> <div class="hidden relative lg:flex"> <button class="group/button flex items-center gap-4 font-heading font-black text-contrast-highest rounded-full px-16 py-8 text-action-m bg-contrast-lowest hover:bg-contrast-low focus:bg-contrast-low" role="combobox" data-dropdown-target="trigger" data-action="dropdown#toggle" aria-label="Choisir une date" aria-expanded="false" aria-haspopup="listbox"> <span data-dropdown-target="label">Autre horaire</span> <div data-atoms="Icon" data-name="arrow_down" class="grid items-center justify-center w-24 h-24 transition-transform group-aria-expanded/button:rotate-180" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12.5024L6.9977 7.5L5 9.4977L12.0001 16.4978L19 9.49781L17.0023 7.5001L12.0001 12.5024Z" /> </svg> </div> </button> <ul role="listbox" tabindex="-1" data-dropdown-target="menu" data-transition-enter-from="opacity-0 scale-95" data-transition-enter-to="opacity-100 scale-100" data-transition-leave-from="opacity-100 scale-100" data-transition-leave-to="opacity-0 scale-95" class="hidden absolute left-1/2 top-full mt-8 min-w-200 max-h-220 w-full border border-contrast-low rounded shadow-dropdown -translate-x-1/2 transition-all duration-300 overflow-x-hidden overflow-y-auto"> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="" disabled class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >Autre horaire</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="00:00-05:00" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >De 00:00 à 05:00</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="05:00-08:00" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >De 05:00 à 08:00</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="08:00-12:00" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >De 08:00 à 12:00</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="12:00-16:00" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >De 12:00 à 16:00</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="16:00-20:00" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >De 16:00 à 20:00</button> </li> <li class="border-b border-contrast-low last:border-b-0"> <button data-action="dropdown#selectOption" data-dropdown-target="option" aria-selected="false" role="option" data-value="20:00-00:00" class="w-full bg-contrast-lowest p-12 text-left text-body-m hover:bg-contrast-no-contrast focus:bg-contrast-no-contrast aria-selected:bg-contrast-no-contrast disabled:pointer-events-none disabled:text-contrast-highest/50" >De 20:00 à 00:00</button> </li> </ul> </div> <div class="relative lg:hidden"> <select data-action="dropdown#selectOption" data-dropdown-target="select" class="group/select w-full relative font-heading font-black text-contrast-highest text-center text-align-last-center rounded-full cursor-pointer appearance-none outline-none ring-offset-2 focus:ring-2 pl-16 pr-40 py-10 text-action-m group-data-[layout=mobile-full]/dropdown:pl-40 bg-contrast-lowest ring-offset-contrast-highest hover:bg-contrast-low focus:bg-contrast-low focus:ring-contrast-low"> <option value="" disabled > Autre horaire </option> <option value="00:00-05:00" > De 00:00 à 05:00 </option> <option value="05:00-08:00" > De 05:00 à 08:00 </option> <option value="08:00-12:00" > De 08:00 à 12:00 </option> <option value="12:00-16:00" > De 12:00 à 16:00 </option> <option value="16:00-20:00" > De 16:00 à 20:00 </option> <option value="20:00-00:00" > De 20:00 à 00:00 </option> </select> <div data-atoms="Icon" data-name="arrow_down" class="grid items-center justify-center w-24 h-24 absolute top-1/2 -translate-y-1/2 right-16" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12.5024L6.9977 7.5L5 9.4977L12.0001 16.4978L19 9.49781L17.0023 7.5001L12.0001 12.5024Z" /> </svg> </div> </div> </div> </div> <div class="flex flex-col gap-28 lg:gap-40" data-loading="addClass(opacity-50)"> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&s=3e26311ec7daa5b4c4ae26d7839da4ad, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=aaa481446d91474368a3463ab201e465 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=d3619789e1a8e90adc2b7d9af88877ce 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=eb7f087c8175cef32a50696d638a77f3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=febab0dfe77e55ed0e3b619676897c51 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=bd97d2d242b43eb2bdfe05fc4f593368 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=eb7f087c8175cef32a50696d638a77f3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=eb7f087c8175cef32a50696d638a77f3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=febab0dfe77e55ed0e3b619676897c51 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=bd97d2d242b43eb2bdfe05fc4f593368 3x" alt="TF1" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/tf1" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 1 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897163" data-brodcast-start="1744053000" data-brodcast-end="1744059900" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h10</p> <p class="text-contrast-medium">Film / Aventure</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/asterix-obelix-contre-cesar" target="_self" class="line-clamp-3 inline " data-seo-target > Astérix & Obélix contre César </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">La Gaule en l'an 50 avant Jésus-Christ, est occupée par les Romains. Un seul village résiste, grâce à la potion magique, préparée par le druide Panoramix, qui rend ses habitants invincibles pendant plusieurs minutes. Parmi eux, nos héros Astérix et Obélix, ridiculisent n'importe quel assaillant. Au moment où César se prépare à envahir l'Angleterre, il apprend que ce village tient en échec ses troupes et refuse de payer l'impôt.</p> <div class="flex items-center gap-4"> <p>1h55</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8yeEZvNHdPNHpBR2IzS2N5dkJzQzJpZ0xMZEYuanBn?w=98&h=139&fit=crop&fm=webp&s=a057b2d5553532ae53412834b9dec7f2, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8yeEZvNHdPNHpBR2IzS2N5dkJzQzJpZ0xMZEYuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=dbb5870a1314be4176c43efda9ca0f48 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8yeEZvNHdPNHpBR2IzS2N5dkJzQzJpZ0xMZEYuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=fb7e15ac13fcaff721fdd730e6c8a1c6 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8yeEZvNHdPNHpBR2IzS2N5dkJzQzJpZ0xMZEYuanBn?w=98&h=139&fit=crop&fm=pjpg&s=9a3ff6310c9e463088ce262ab76cbeb1, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8yeEZvNHdPNHpBR2IzS2N5dkJzQzJpZ0xMZEYuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5369cc33d3cee37a608b4567d23ca51d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8yeEZvNHdPNHpBR2IzS2N5dkJzQzJpZ0xMZEYuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d0321d175b61ca7e5f1275d9cb9635a8 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8yeEZvNHdPNHpBR2IzS2N5dkJzQzJpZ0xMZEYuanBn?w=98&h=139&fit=crop&fm=pjpg&s=9a3ff6310c9e463088ce262ab76cbeb1" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8yeEZvNHdPNHpBR2IzS2N5dkJzQzJpZ0xMZEYuanBn?w=98&h=139&fit=crop&fm=pjpg&s=9a3ff6310c9e463088ce262ab76cbeb1, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8yeEZvNHdPNHpBR2IzS2N5dkJzQzJpZ0xMZEYuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5369cc33d3cee37a608b4567d23ca51d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8yeEZvNHdPNHpBR2IzS2N5dkJzQzJpZ0xMZEYuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d0321d175b61ca7e5f1275d9cb9635a8 3x" alt="Astérix & Obélix contre César" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744053000" data-end="1744059900" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897165" data-brodcast-start="1744060200" data-brodcast-end="1744063200" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">23h10</p> <p class="text-contrast-medium">Série / Policier</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/series/new-york-unite-speciale/place-au-doute" target="_self" class="line-clamp-3 inline " data-seo-target > New York Unité Spéciale </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Frank Maddox, un célèbre producteur télévisé, est accusé par son ex-femme d’avoir agressé leur fille de huit ans. Les inspecteurs de l'Unité Spéciale ne tardent pas à soupçonner cette dernière d'avoir porté de fausses accusations contre son ex-mari afin d'obtenir la garde exclusive de sa fille...</p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_12" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 12" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 9.76446V16.8001H10.0392V7.09806L5.99995 8.56326V10.4641L7.94035 9.76446Z" /> <path d="M13.7827 12.9193L10.8655 16.7737L10.8787 16.8001H17.6767V14.9653H14.6935L14.6803 14.9389L15.8287 13.4209C16.7923 12.1273 17.3335 11.1241 17.3335 10.0417C17.3335 8.24646 15.8419 7.09806 14.0203 7.09806C12.9115 7.09806 12.0799 7.53366 11.5519 7.98246V10.0021C12.2119 9.38166 13.0435 8.97246 13.7959 8.97246C14.6275 8.97246 15.2083 9.43446 15.2083 10.2265C15.2083 10.9657 14.7199 11.6653 13.7827 12.9193Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886Z" /> </svg> </div> <p>50min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xODQzYjBhMzFkMzM0YjUyYWU2NzkyYzU5NDZlM2E0YQ==?w=98&h=139&fit=crop&fm=webp&s=19490b852e75367e49e404d13ba1d3b2, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xODQzYjBhMzFkMzM0YjUyYWU2NzkyYzU5NDZlM2E0YQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=8a77b17838d7da00a47c7ce002d768a6 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xODQzYjBhMzFkMzM0YjUyYWU2NzkyYzU5NDZlM2E0YQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=99bb707bcd6744f1096db1695582e05f 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xODQzYjBhMzFkMzM0YjUyYWU2NzkyYzU5NDZlM2E0YQ==?w=98&h=139&fit=crop&fm=pjpg&s=b48cbd8005158bde9442e94e49bd68ee, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xODQzYjBhMzFkMzM0YjUyYWU2NzkyYzU5NDZlM2E0YQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=dbf174d485103e3caf6dc1d9d10e7c53 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xODQzYjBhMzFkMzM0YjUyYWU2NzkyYzU5NDZlM2E0YQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=981ecf05388a67a1226157ca5755cc27 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xODQzYjBhMzFkMzM0YjUyYWU2NzkyYzU5NDZlM2E0YQ==?w=98&h=139&fit=crop&fm=pjpg&s=b48cbd8005158bde9442e94e49bd68ee" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xODQzYjBhMzFkMzM0YjUyYWU2NzkyYzU5NDZlM2E0YQ==?w=98&h=139&fit=crop&fm=pjpg&s=b48cbd8005158bde9442e94e49bd68ee, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xODQzYjBhMzFkMzM0YjUyYWU2NzkyYzU5NDZlM2E0YQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=dbf174d485103e3caf6dc1d9d10e7c53 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xODQzYjBhMzFkMzM0YjUyYWU2NzkyYzU5NDZlM2E0YQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=981ecf05388a67a1226157ca5755cc27 3x" alt="New York Unité Spéciale" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744060200" data-end="1744063200" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=webp&s=ae11c7b46d74cbb25ee900262e845330, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=9a1a2625a30c88e2a82996011b9f5b4b 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=cdc5bc88a737b675b83237e74fab6914 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1036f753eeeead0bcae7a2d3f4585011, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=809186896ccd17b6d9c291b05e7d6411 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a869299bde6dbe5bf85e0c7edb713fc9 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1036f753eeeead0bcae7a2d3f4585011" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1036f753eeeead0bcae7a2d3f4585011, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=809186896ccd17b6d9c291b05e7d6411 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a869299bde6dbe5bf85e0c7edb713fc9 3x" alt="France 2" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-2" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 2 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="900283" data-brodcast-start="1744053000" data-brodcast-end="1744056000" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h10</p> <p class="text-contrast-medium">Série / Drame</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/kaboul/354894" target="_self" class="line-clamp-3 inline " data-seo-target > Kaboul </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un convoi diplomatique cache Zahara et un Mohamad, un Taliban coopératif, tandis que l'Etat Islamique prépare un attentat. Vera et ses équipiers orchestrent leur fuite du campement taliban, pendant qu'à Abbey Gate, Giovanni, assisté de Joe, tente de secourir des réfugiés et trouve un enfant égaré...</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <div data-atoms="Icon" data-name="pegi_10" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 10" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 16.8001V9.76446L5.99995 10.4641V8.56326L10.0392 7.09806V16.8001H7.94035Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7859 16.9453C13.7299 16.9453 12.7663 16.4965 12.1459 15.6517C11.5519 14.8333 11.2747 13.6981 11.2747 12.0217C11.2747 10.3453 11.5519 9.21006 12.1459 8.39166C12.7663 7.54686 13.7299 7.09806 14.7859 7.09806C15.8551 7.09806 16.8055 7.54686 17.4259 8.39166C18.0199 9.21006 18.2971 10.3453 18.2971 12.0217C18.2971 13.6981 18.0199 14.8333 17.4259 15.6517C16.8055 16.4965 15.8551 16.9453 14.7859 16.9453ZM14.7859 15.0709C15.2215 15.0709 15.5383 14.8465 15.7495 14.5561C16.0663 14.1073 16.1983 13.3549 16.1983 12.0085C16.1983 10.8073 16.0927 9.97566 15.7495 9.48726C15.5383 9.18366 15.2215 8.97246 14.7859 8.97246C14.3635 8.97246 14.0335 9.18366 13.8223 9.48726C13.4923 9.96246 13.3735 10.8073 13.3735 12.0349C13.3735 13.3417 13.5055 14.1073 13.8223 14.5561C14.0335 14.8465 14.3635 15.0709 14.7859 15.0709Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4Z" /> </svg> </div> <p>50min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MWZkMGFkZjFiNjY0MmE2YmYxYWNiMTRhNDU2ZWRhMQ==?w=98&h=139&fit=crop&fm=webp&s=a6182bc57881234d1d5a17e1f62aa1ca, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MWZkMGFkZjFiNjY0MmE2YmYxYWNiMTRhNDU2ZWRhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=3d3ab728279ed2d1362f8dd2d7dc0d85 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MWZkMGFkZjFiNjY0MmE2YmYxYWNiMTRhNDU2ZWRhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=8e9630018413fc733ee556601260c896 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MWZkMGFkZjFiNjY0MmE2YmYxYWNiMTRhNDU2ZWRhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=a77fe849c3df42bb718da499b343948e, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MWZkMGFkZjFiNjY0MmE2YmYxYWNiMTRhNDU2ZWRhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5061881943ce10252cc4bbd66aaac8e6 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MWZkMGFkZjFiNjY0MmE2YmYxYWNiMTRhNDU2ZWRhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=9e8cd137400a87f1e9b6fcb201e3d3b6 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MWZkMGFkZjFiNjY0MmE2YmYxYWNiMTRhNDU2ZWRhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=a77fe849c3df42bb718da499b343948e" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MWZkMGFkZjFiNjY0MmE2YmYxYWNiMTRhNDU2ZWRhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=a77fe849c3df42bb718da499b343948e, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MWZkMGFkZjFiNjY0MmE2YmYxYWNiMTRhNDU2ZWRhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5061881943ce10252cc4bbd66aaac8e6 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MWZkMGFkZjFiNjY0MmE2YmYxYWNiMTRhNDU2ZWRhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=9e8cd137400a87f1e9b6fcb201e3d3b6 3x" alt="Kaboul" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744053000" data-end="1744056000" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="900286" data-brodcast-start="1744062600" data-brodcast-end="1744065900" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">23h50</p> <p class="text-contrast-medium">Série</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/series/les-rivieres-pourpres/kovenkore-1" target="_self" class="line-clamp-3 inline " data-seo-target > Les rivières pourpres </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Sous une pluie battante, un car roule prudemment, dans la nuit. Dedans, des adultes, des enfants, qui parlent en retournant chez eux. Soudain, le car s’immobilise. Jacques, le conducteur, descend vérifier. Une herse a été posée à terre : les quatre roues sont crevées. Et alors qu’il se relève, Jacques est brusquement attaqué par une silhouette sortant de l’ombre, qui lui assène un coup de griffes en métal dans les cuisses. Une cloche retentit. Jacques regarde autour de lui : ils sont sur un passage à niveau, et un train leur fonce droit dessus.</p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_12" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 12" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 9.76446V16.8001H10.0392V7.09806L5.99995 8.56326V10.4641L7.94035 9.76446Z" /> <path d="M13.7827 12.9193L10.8655 16.7737L10.8787 16.8001H17.6767V14.9653H14.6935L14.6803 14.9389L15.8287 13.4209C16.7923 12.1273 17.3335 11.1241 17.3335 10.0417C17.3335 8.24646 15.8419 7.09806 14.0203 7.09806C12.9115 7.09806 12.0799 7.53366 11.5519 7.98246V10.0021C12.2119 9.38166 13.0435 8.97246 13.7959 8.97246C14.6275 8.97246 15.2083 9.43446 15.2083 10.2265C15.2083 10.9657 14.7199 11.6653 13.7827 12.9193Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886Z" /> </svg> </div> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzgxMTFmODYyMTY0ZmFiOWMzY2JhNGI5MTUwZjdlZQ==?w=98&h=139&fit=crop&fm=webp&s=be1556c0b6d3436b23914284fcc6e615, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzgxMTFmODYyMTY0ZmFiOWMzY2JhNGI5MTUwZjdlZQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=76b4ee7dbba8d9474b2c189b4e997d28 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzgxMTFmODYyMTY0ZmFiOWMzY2JhNGI5MTUwZjdlZQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=0432e053b1578076437e356cc543c31f 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzgxMTFmODYyMTY0ZmFiOWMzY2JhNGI5MTUwZjdlZQ==?w=98&h=139&fit=crop&fm=pjpg&s=c2f0eb8792af696559bb2436778c6ba0, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzgxMTFmODYyMTY0ZmFiOWMzY2JhNGI5MTUwZjdlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=dd93beddac9315ea7e24cdcf7eb8dd47 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzgxMTFmODYyMTY0ZmFiOWMzY2JhNGI5MTUwZjdlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=027a5bebd0edd61cd03970a1de307a44 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzgxMTFmODYyMTY0ZmFiOWMzY2JhNGI5MTUwZjdlZQ==?w=98&h=139&fit=crop&fm=pjpg&s=c2f0eb8792af696559bb2436778c6ba0" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzgxMTFmODYyMTY0ZmFiOWMzY2JhNGI5MTUwZjdlZQ==?w=98&h=139&fit=crop&fm=pjpg&s=c2f0eb8792af696559bb2436778c6ba0, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzgxMTFmODYyMTY0ZmFiOWMzY2JhNGI5MTUwZjdlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=dd93beddac9315ea7e24cdcf7eb8dd47 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzgxMTFmODYyMTY0ZmFiOWMzY2JhNGI5MTUwZjdlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=027a5bebd0edd61cd03970a1de307a44 3x" alt="Les rivières pourpres" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744062600" data-end="1744065900" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=webp&s=b3a82a81f99e3d03876503eae4545fcc, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=f46cd89189b744503fd7bea24f450942 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=4bbe6872ebb99f25fc3cfce8c2826473 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=ea09a986b16fc103d7251a3f0b431321, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=129a4a296b29b9fa241e0d0c575ca499 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=c7f3a49ed99fd1697734d82365b1a117 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=ea09a986b16fc103d7251a3f0b431321" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=ea09a986b16fc103d7251a3f0b431321, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=129a4a296b29b9fa241e0d0c575ca499 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzgwLnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=c7f3a49ed99fd1697734d82365b1a117 3x" alt="France 3" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 3 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="901675" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="901676" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div class="flex items-center justify-center"> <div data-atoms="Ad" class="relative z-0 flex items-center justify-center bg-contrast-lowest before:content-['publicité'] before:absolute before:-z-10 before:top-1/2 before:left-1/2 before:-translate-y-1/2 before:-translate-x-1/2 before:text-body-s before:text-contrast-medium before:uppercase before:font-bold / has-[div]:bg-transparent has-[div]:before:hidden w-300 h-310 lg:min-w-728 lg:min-h-100" id="banniere_middle_1"></div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=webp&s=684f41dcb5f5046503b2e43b242ee9ca, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=6732677da30bcc36e8fd34a1c6ab641a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=3bb3dc16212c55a263bb914f489ea719 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=95f50cafa4731602a6c766249ef90817, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=3fc0a7903137149c9f13e46ad922773f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=8c42d8ada75e4176972640bf20b09efe 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=95f50cafa4731602a6c766249ef90817" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=95f50cafa4731602a6c766249ef90817, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=3fc0a7903137149c9f13e46ad922773f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzM0LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=8c42d8ada75e4176972640bf20b09efe 3x" alt="Canal+" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/canal" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 4 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="899933" data-brodcast-start="1744052940" data-brodcast-end="1744055940" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h09</p> <p class="text-contrast-medium">Série / Suspense</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/cimetiere-indien/354832" target="_self" class="line-clamp-3 inline " data-seo-target > Cimetière indien </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A Peranne, petite ville du bassin marseillais, en 1995, Lidia Achour jeune recrue de l'anti-terrorisme, enquête avec Jean Benefro, gendarme hanté par la guerre d'Algérie, sur le meurtre violent d'un imam. Aujourd'hui, Lidia retourne à Peranne pour retrouver Jean, mystérieusement disparu...</p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_12" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 12" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 9.76446V16.8001H10.0392V7.09806L5.99995 8.56326V10.4641L7.94035 9.76446Z" /> <path d="M13.7827 12.9193L10.8655 16.7737L10.8787 16.8001H17.6767V14.9653H14.6935L14.6803 14.9389L15.8287 13.4209C16.7923 12.1273 17.3335 11.1241 17.3335 10.0417C17.3335 8.24646 15.8419 7.09806 14.0203 7.09806C12.9115 7.09806 12.0799 7.53366 11.5519 7.98246V10.0021C12.2119 9.38166 13.0435 8.97246 13.7959 8.97246C14.6275 8.97246 15.2083 9.43446 15.2083 10.2265C15.2083 10.9657 14.7199 11.6653 13.7827 12.9193Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886Z" /> </svg> </div> <p>50min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mZDEyOWUxZGIyMmY0OWY3OTFkMmEyMmJlZjYyOWMzOQ==?w=98&h=139&fit=crop&fm=webp&s=6ee60c1675d081476123f695743ae51a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mZDEyOWUxZGIyMmY0OWY3OTFkMmEyMmJlZjYyOWMzOQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=5db44c80a7a053d68b6b9b1fd6e24480 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mZDEyOWUxZGIyMmY0OWY3OTFkMmEyMmJlZjYyOWMzOQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=564f48375ce1edf0e8c0dc1ffd780145 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mZDEyOWUxZGIyMmY0OWY3OTFkMmEyMmJlZjYyOWMzOQ==?w=98&h=139&fit=crop&fm=pjpg&s=0ed10e0d7b80e931302a8d72e1f66f5a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mZDEyOWUxZGIyMmY0OWY3OTFkMmEyMmJlZjYyOWMzOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5981192d498f25937fee58c3f94cbf9f 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mZDEyOWUxZGIyMmY0OWY3OTFkMmEyMmJlZjYyOWMzOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=b9eb744a049385d91e5dca663001b611 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mZDEyOWUxZGIyMmY0OWY3OTFkMmEyMmJlZjYyOWMzOQ==?w=98&h=139&fit=crop&fm=pjpg&s=0ed10e0d7b80e931302a8d72e1f66f5a" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mZDEyOWUxZGIyMmY0OWY3OTFkMmEyMmJlZjYyOWMzOQ==?w=98&h=139&fit=crop&fm=pjpg&s=0ed10e0d7b80e931302a8d72e1f66f5a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mZDEyOWUxZGIyMmY0OWY3OTFkMmEyMmJlZjYyOWMzOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5981192d498f25937fee58c3f94cbf9f 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mZDEyOWUxZGIyMmY0OWY3OTFkMmEyMmJlZjYyOWMzOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=b9eb744a049385d91e5dca663001b611 3x" alt="Cimetière indien" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052940" data-end="1744055940" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="899935" data-brodcast-start="1744059240" data-brodcast-end="1744062480" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h54</p> <p class="text-contrast-medium">Série / Policier</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/dope-girls/345037" target="_self" class="line-clamp-3 inline " data-seo-target > Dope Girls </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Evie prend part à un rituel terrifiant dans une tentative désespérée de communiquer avec son père. Kate découvre qu'un membre de la famille Salucci connaît son terrible secret. Violet, elle, apprend qu'elle a été renvoyée de la police sur ordre de Turner. Elle décide alors de révéler qu'il est corrompu...</p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_10" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 10" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 16.8001V9.76446L5.99995 10.4641V8.56326L10.0392 7.09806V16.8001H7.94035Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7859 16.9453C13.7299 16.9453 12.7663 16.4965 12.1459 15.6517C11.5519 14.8333 11.2747 13.6981 11.2747 12.0217C11.2747 10.3453 11.5519 9.21006 12.1459 8.39166C12.7663 7.54686 13.7299 7.09806 14.7859 7.09806C15.8551 7.09806 16.8055 7.54686 17.4259 8.39166C18.0199 9.21006 18.2971 10.3453 18.2971 12.0217C18.2971 13.6981 18.0199 14.8333 17.4259 15.6517C16.8055 16.4965 15.8551 16.9453 14.7859 16.9453ZM14.7859 15.0709C15.2215 15.0709 15.5383 14.8465 15.7495 14.5561C16.0663 14.1073 16.1983 13.3549 16.1983 12.0085C16.1983 10.8073 16.0927 9.97566 15.7495 9.48726C15.5383 9.18366 15.2215 8.97246 14.7859 8.97246C14.3635 8.97246 14.0335 9.18366 13.8223 9.48726C13.4923 9.96246 13.3735 10.8073 13.3735 12.0349C13.3735 13.3417 13.5055 14.1073 13.8223 14.5561C14.0335 14.8465 14.3635 15.0709 14.7859 15.0709Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4Z" /> </svg> </div> <p>54min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmJmODYzZjJhZjk0NjhjYjJkOWQ1ZmRmOGFjNWEwNw==?w=98&h=139&fit=crop&fm=webp&s=bdb1a4481536f768131be2c606aa597d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmJmODYzZjJhZjk0NjhjYjJkOWQ1ZmRmOGFjNWEwNw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=c76b7251ac26a197e2ca0a9b848c7a37 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmJmODYzZjJhZjk0NjhjYjJkOWQ1ZmRmOGFjNWEwNw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=578a49080400c52ff90a7333cc7d48b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmJmODYzZjJhZjk0NjhjYjJkOWQ1ZmRmOGFjNWEwNw==?w=98&h=139&fit=crop&fm=pjpg&s=c64bde86850459bcb4e1e54381d4dc4d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmJmODYzZjJhZjk0NjhjYjJkOWQ1ZmRmOGFjNWEwNw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=548c0e063cde67898bd11d681001a26b 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmJmODYzZjJhZjk0NjhjYjJkOWQ1ZmRmOGFjNWEwNw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=100db3a7b3035e609e7099b59255843b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmJmODYzZjJhZjk0NjhjYjJkOWQ1ZmRmOGFjNWEwNw==?w=98&h=139&fit=crop&fm=pjpg&s=c64bde86850459bcb4e1e54381d4dc4d" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmJmODYzZjJhZjk0NjhjYjJkOWQ1ZmRmOGFjNWEwNw==?w=98&h=139&fit=crop&fm=pjpg&s=c64bde86850459bcb4e1e54381d4dc4d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmJmODYzZjJhZjk0NjhjYjJkOWQ1ZmRmOGFjNWEwNw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=548c0e063cde67898bd11d681001a26b 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmJmODYzZjJhZjk0NjhjYjJkOWQ1ZmRmOGFjNWEwNw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=100db3a7b3035e609e7099b59255843b 3x" alt="Dope Girls" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744059240" data-end="1744062480" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=webp&s=8753b33fdc9c691183949b2d091445f1, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=d7d26bcc9e96159a1bd8fa029a734297 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=171c3d39c4325de2236d11526f727175 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=75facd07482ba110f85c768db1e64df9, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=49c8a5a3f5c0affaf4efdbeeba793054 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2bf4feb2dc2c695daee1b7ab74fea2fe 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=75facd07482ba110f85c768db1e64df9" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=75facd07482ba110f85c768db1e64df9, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=49c8a5a3f5c0affaf4efdbeeba793054 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ3LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2bf4feb2dc2c695daee1b7ab74fea2fe 3x" alt="France 5" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-5" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 5 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="900599" data-brodcast-start="1744052700" data-brodcast-end="1744058400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Documentaire / Sciences et technique</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/le-monde-de-jamy/355060" target="_self" class="line-clamp-3 inline " data-seo-target > Le monde de Jamy </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Coulées de lave, explosions, gigantesques nuages de cendres, de l'Atlantique nord à la Méditerranée, les volcans d'Europe sont particulièrement actifs en ce moment. Faut-il s'en inquiéter ? Pourquoi se réveillent-ils ? Que se passe-t-il à des kilomètres sous nos pieds ? Le changement climatique augmente-t-il le risque d'éruption dans certaines régions ? Jamy se rend au plus près de ces géants à Stromboli, Naples et en Islande. Avec l'aide de vulcanologues, l'animateur explique le fonctionnement de ces volcans d'Europe et la façon dont ils sont surveillés pour faire face à leur éventuel réveil.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>1h35</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84MGZiN2E3NmNmZWI0Y2VhYjI2Njg3Y2QyYzVkYWE5ZQ==?w=98&h=139&fit=crop&fm=webp&s=a1d20258abc1850a9c6d56a747f5d7ba, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84MGZiN2E3NmNmZWI0Y2VhYjI2Njg3Y2QyYzVkYWE5ZQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=48cbda35ba1130b2713edaecb40c67cb 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84MGZiN2E3NmNmZWI0Y2VhYjI2Njg3Y2QyYzVkYWE5ZQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=5f73dd54f09bbddf40124fe4e369f13b 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84MGZiN2E3NmNmZWI0Y2VhYjI2Njg3Y2QyYzVkYWE5ZQ==?w=98&h=139&fit=crop&fm=pjpg&s=262265194a0dc892f7b75405ee9deb46, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84MGZiN2E3NmNmZWI0Y2VhYjI2Njg3Y2QyYzVkYWE5ZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=3085abac9a8c728f3415a92c1083f4df 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84MGZiN2E3NmNmZWI0Y2VhYjI2Njg3Y2QyYzVkYWE5ZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=2a4b95f28880a6a4cefa5169fcf17ae3 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84MGZiN2E3NmNmZWI0Y2VhYjI2Njg3Y2QyYzVkYWE5ZQ==?w=98&h=139&fit=crop&fm=pjpg&s=262265194a0dc892f7b75405ee9deb46" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84MGZiN2E3NmNmZWI0Y2VhYjI2Njg3Y2QyYzVkYWE5ZQ==?w=98&h=139&fit=crop&fm=pjpg&s=262265194a0dc892f7b75405ee9deb46, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84MGZiN2E3NmNmZWI0Y2VhYjI2Njg3Y2QyYzVkYWE5ZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=3085abac9a8c728f3415a92c1083f4df 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84MGZiN2E3NmNmZWI0Y2VhYjI2Njg3Y2QyYzVkYWE5ZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=2a4b95f28880a6a4cefa5169fcf17ae3 3x" alt="Le monde de Jamy" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058400" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="900600" data-brodcast-start="1744058400" data-brodcast-end="1744062300" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h40</p> <p class="text-contrast-medium">Emission / Talk-Show</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/c-ce-soir/355061" target="_self" class="line-clamp-3 inline " data-seo-target > C ce soir </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">"C ce soir" propose un débat d'idées sur l'actualité politique ou sociale du jour avec comme objectif d'éclairer la complexité du monde. Karim Rissouli reçoit des intellectuels, artistes et protagonistes au centre de l'actualité pour approfondir la réflexion. Le journaliste est entouré d'une équipe de chroniqueurs : Laure Adler, Camille Diao et Arthur Chevallier.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">DIRECT</span> </span> <p>1h05</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82NTQ1YWFlZmYyNTk0ODU4YTY2ZGYyZjgzM2I1ZmVjYw==?w=98&h=139&fit=crop&fm=webp&s=f040c3e1f12d74cd4a83554e9c72dac9, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82NTQ1YWFlZmYyNTk0ODU4YTY2ZGYyZjgzM2I1ZmVjYw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=b4047d22fc4ac90bfb77145c783e5654 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82NTQ1YWFlZmYyNTk0ODU4YTY2ZGYyZjgzM2I1ZmVjYw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=49621cccb6c09f14c3a9c796b53ca174 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82NTQ1YWFlZmYyNTk0ODU4YTY2ZGYyZjgzM2I1ZmVjYw==?w=98&h=139&fit=crop&fm=pjpg&s=8429f2b37643ec70074e9a6819fbfafb, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82NTQ1YWFlZmYyNTk0ODU4YTY2ZGYyZjgzM2I1ZmVjYw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=7f29a614d83a397d77c2383c9829bff2 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82NTQ1YWFlZmYyNTk0ODU4YTY2ZGYyZjgzM2I1ZmVjYw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=bf8e98246bad31f16250ff69fc7da46f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82NTQ1YWFlZmYyNTk0ODU4YTY2ZGYyZjgzM2I1ZmVjYw==?w=98&h=139&fit=crop&fm=pjpg&s=8429f2b37643ec70074e9a6819fbfafb" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82NTQ1YWFlZmYyNTk0ODU4YTY2ZGYyZjgzM2I1ZmVjYw==?w=98&h=139&fit=crop&fm=pjpg&s=8429f2b37643ec70074e9a6819fbfafb, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82NTQ1YWFlZmYyNTk0ODU4YTY2ZGYyZjgzM2I1ZmVjYw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=7f29a614d83a397d77c2383c9829bff2 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82NTQ1YWFlZmYyNTk0ODU4YTY2ZGYyZjgzM2I1ZmVjYw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=bf8e98246bad31f16250ff69fc7da46f 3x" alt="C ce soir" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058400" data-end="1744062300" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=webp&s=249929c7478809ba96d1724af1e48186, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=4d6cd131998138b3dd7f1cd48b1360cf 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=c26a9220d9dbec12b632405180da1314 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=4ea1ecced0b0f941c6aa9c485ccd8c71, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=d36b8d29fb095c68583c2ccf48d2ba7d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a522139ee8cc9f7b2707de64fd8e1ff2 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=4ea1ecced0b0f941c6aa9c485ccd8c71" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=4ea1ecced0b0f941c6aa9c485ccd8c71, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=d36b8d29fb095c68583c2ccf48d2ba7d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a522139ee8cc9f7b2707de64fd8e1ff2 3x" alt="M6" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/m6" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 6 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="896484" data-brodcast-start="1744053000" data-brodcast-end="1744056600" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h10</p> <p class="text-contrast-medium">Documentaire / Téléréalité</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/maries-au-premier-regard/353952" target="_self" class="line-clamp-3 inline " data-seo-target > Mariés au premier regard </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Pour les célibataires qui ont fait le pari de "Mariés au premier regard", l'histoire de leur couple commence avec l'engagement le plus fort qu'il soit possible de prendre : le mariage. C'est ce jour-là, et pour la première fois, qu'ils se rencontrent devant le maire et leur famille. Une fois ce cap passé, les nouveaux époux apprennent à se connaître lors d'un voyage de noces. Entre appréhension et incompréhension, la lune de miel n'est pas toujours idyllique. De retour chez eux, les mariés doivent faire le point pour savoir s'ils souhaitent poursuivre l'aventure de la vie de couples dont ils rêvaient tant.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>1h00</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMjI1ZWI0NDQzNzY0YWU4YmUxNDg5Y2JmMDk1YzQ4OA==?w=98&h=139&fit=crop&fm=webp&s=69af425352f6b2365159badb17213c6e, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMjI1ZWI0NDQzNzY0YWU4YmUxNDg5Y2JmMDk1YzQ4OA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=23121935d2e6b8d6c99da8d5b451b97f 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMjI1ZWI0NDQzNzY0YWU4YmUxNDg5Y2JmMDk1YzQ4OA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=071bcdc016d371cc6681b25bd5a93a25 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMjI1ZWI0NDQzNzY0YWU4YmUxNDg5Y2JmMDk1YzQ4OA==?w=98&h=139&fit=crop&fm=pjpg&s=8f898f921533c4e75bc81a6fdaebed94, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMjI1ZWI0NDQzNzY0YWU4YmUxNDg5Y2JmMDk1YzQ4OA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=01f20eef8aea45fcd625cdd3ab3a9108 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMjI1ZWI0NDQzNzY0YWU4YmUxNDg5Y2JmMDk1YzQ4OA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=506ed71da2d63bec29a4ce6ae37cd30e 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMjI1ZWI0NDQzNzY0YWU4YmUxNDg5Y2JmMDk1YzQ4OA==?w=98&h=139&fit=crop&fm=pjpg&s=8f898f921533c4e75bc81a6fdaebed94" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMjI1ZWI0NDQzNzY0YWU4YmUxNDg5Y2JmMDk1YzQ4OA==?w=98&h=139&fit=crop&fm=pjpg&s=8f898f921533c4e75bc81a6fdaebed94, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMjI1ZWI0NDQzNzY0YWU4YmUxNDg5Y2JmMDk1YzQ4OA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=01f20eef8aea45fcd625cdd3ab3a9108 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMjI1ZWI0NDQzNzY0YWU4YmUxNDg5Y2JmMDk1YzQ4OA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=506ed71da2d63bec29a4ce6ae37cd30e 3x" alt="Mariés au premier regard" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744053000" data-end="1744056600" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="896486" data-brodcast-start="1744060800" data-brodcast-end="1744064700" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">23h20</p> <p class="text-contrast-medium">Emission</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/maries-au-premier-regard-nouveau-rendez-vous-avec-lamour/353954" target="_self" class="line-clamp-3 inline " data-seo-target > Mariés au premier regard : nouveau rendez-vous avec l'amour </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Six célibataires qui ont osé miser sur la science pour trouver leur conjoint ont malheureusement vu l'expérience tourné court. Malgré leur désillusion, ils sont prêts à retenter leur chance. Parmi les téléspectateurs qui ont suivi leurs aventures, certains ont eu un coup de coeur pour eux.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>1h05</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZWQzYzAxMDE4Zjc0MDczOGUxNDY1MzJiYjc0YzQzZA==?w=98&h=139&fit=crop&fm=webp&s=5ce08ae7a77a53b2c463520528e92f0c, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZWQzYzAxMDE4Zjc0MDczOGUxNDY1MzJiYjc0YzQzZA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=2b07a99419ce69288da2b98fda0de1bf 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZWQzYzAxMDE4Zjc0MDczOGUxNDY1MzJiYjc0YzQzZA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=fb99d8f065f638c5b27df5825cc934fa 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZWQzYzAxMDE4Zjc0MDczOGUxNDY1MzJiYjc0YzQzZA==?w=98&h=139&fit=crop&fm=pjpg&s=b0e423179d265f36c0dac2faaea388f0, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZWQzYzAxMDE4Zjc0MDczOGUxNDY1MzJiYjc0YzQzZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=ae98a01d22d06ab3411838adecb8db11 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZWQzYzAxMDE4Zjc0MDczOGUxNDY1MzJiYjc0YzQzZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=c9a76389b8308a3aa678577b7eb94ffe 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZWQzYzAxMDE4Zjc0MDczOGUxNDY1MzJiYjc0YzQzZA==?w=98&h=139&fit=crop&fm=pjpg&s=b0e423179d265f36c0dac2faaea388f0" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZWQzYzAxMDE4Zjc0MDczOGUxNDY1MzJiYjc0YzQzZA==?w=98&h=139&fit=crop&fm=pjpg&s=b0e423179d265f36c0dac2faaea388f0, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZWQzYzAxMDE4Zjc0MDczOGUxNDY1MzJiYjc0YzQzZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=ae98a01d22d06ab3411838adecb8db11 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZWQzYzAxMDE4Zjc0MDczOGUxNDY1MzJiYjc0YzQzZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=c9a76389b8308a3aa678577b7eb94ffe 3x" alt="Mariés au premier regard : nouveau rendez-vous avec l'amour" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744060800" data-end="1744064700" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div class="flex items-center justify-center"> <div data-atoms="Ad" class="relative z-0 flex items-center justify-center bg-contrast-lowest before:content-['publicité'] before:absolute before:-z-10 before:top-1/2 before:left-1/2 before:-translate-y-1/2 before:-translate-x-1/2 before:text-body-s before:text-contrast-medium before:uppercase before:font-bold / has-[div]:bg-transparent has-[div]:before:hidden w-300 h-310 lg:min-w-728 lg:min-h-100" id="banniere_middle_2"></div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=4d2d08267b5b1dda6406ed5fb137a148, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=e007cda723020cd4922c5ae4c8d31e1e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=3282f9047ea1c3c15fa3bed29947a976 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=f8767f4d99ce387f5e19906592e50cb7, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=bc7abb0e5e45940be25dfc9c3efaa0ac 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=68eccaf351ec80d50b86a05e9e80e771 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=f8767f4d99ce387f5e19906592e50cb7" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=f8767f4d99ce387f5e19906592e50cb7, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=bc7abb0e5e45940be25dfc9c3efaa0ac 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=68eccaf351ec80d50b86a05e9e80e771 3x" alt="Arte" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/arte" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 7 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="896352" data-brodcast-start="1744052100" data-brodcast-end="1744057800" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">20h55</p> <p class="text-contrast-medium">Film / Drame</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-grandes-familles" target="_self" class="line-clamp-3 inline " data-seo-target > Les grandes familles </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Noël Schoudler, chef d’une grande famille bourgeoise, dirige en autocrate un empire économique, dont les activités s’étendent de la banque et de la finance au monde de la presse en passant par le sucre. Les scrupules lui sont inconnus et il ne recule devant aucune manœuvre pour augmenter les profits de ses entreprises et la fortune de la famille. François, son fils, juge les méthodes paternelles un peu archaïques et prône quelques réformes qui ne sont pas appréciées. Afin de lui donner une leçon, Noël confie de nouvelles responsabilités à François, si bien que mal préparé, et un peu naïf, François se trouve dans une situation difficile et a un impérieux besoin d’argent. Il se tourne alors vers le cousin Maublanc, son père lui ayant refusé son aide. Maublanc est un débauché, c'est le parent indigne, sa façon de vivre est en contradiction avec les principes de la famille.</p> <div class="flex items-center gap-4"> <p>1h35</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9nRWZOeGlyNTVqOTNaWGdWcEpiemt2OHhxN3guanBn?w=98&h=139&fit=crop&fm=webp&s=db6c12fe954fc9ea2df4960eb96c0caa, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9nRWZOeGlyNTVqOTNaWGdWcEpiemt2OHhxN3guanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=72c82b31c7c162b5d57be9776f96e3b9 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9nRWZOeGlyNTVqOTNaWGdWcEpiemt2OHhxN3guanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=ef852bd850098f526af6ec738aa5d514 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9nRWZOeGlyNTVqOTNaWGdWcEpiemt2OHhxN3guanBn?w=98&h=139&fit=crop&fm=pjpg&s=9a757f3938c4c00f17179de677c35680, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9nRWZOeGlyNTVqOTNaWGdWcEpiemt2OHhxN3guanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=2892d7d7c4b7273c85cd0051e7bef2be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9nRWZOeGlyNTVqOTNaWGdWcEpiemt2OHhxN3guanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=59be543a0e9169573b6eed13d9563655 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9nRWZOeGlyNTVqOTNaWGdWcEpiemt2OHhxN3guanBn?w=98&h=139&fit=crop&fm=pjpg&s=9a757f3938c4c00f17179de677c35680" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9nRWZOeGlyNTVqOTNaWGdWcEpiemt2OHhxN3guanBn?w=98&h=139&fit=crop&fm=pjpg&s=9a757f3938c4c00f17179de677c35680, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9nRWZOeGlyNTVqOTNaWGdWcEpiemt2OHhxN3guanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=2892d7d7c4b7273c85cd0051e7bef2be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9nRWZOeGlyNTVqOTNaWGdWcEpiemt2OHhxN3guanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=59be543a0e9169573b6eed13d9563655 3x" alt="Les grandes familles" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052100" data-end="1744057800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="929994" data-brodcast-start="1744052100" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">20h55</p> <p class="text-contrast-medium">Film / Thriller</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/espion-leve-toi" target="_self" class="line-clamp-3 inline " data-seo-target > Espion, lève-toi </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Sébastien Grenier, directeur d'une société fiduciaire à Zurich, vit avec Anna Gretz, une enseignante. Grenier, jadis membre du SDECE, le service de renseignements français, reste un espion "en sommeil". Un certain Chance, qui dit être un envoyé de Paris, lui demande un jour d'enquêter sur des attentats...</p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_12" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 12" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 9.76446V16.8001H10.0392V7.09806L5.99995 8.56326V10.4641L7.94035 9.76446Z" /> <path d="M13.7827 12.9193L10.8655 16.7737L10.8787 16.8001H17.6767V14.9653H14.6935L14.6803 14.9389L15.8287 13.4209C16.7923 12.1273 17.3335 11.1241 17.3335 10.0417C17.3335 8.24646 15.8419 7.09806 14.0203 7.09806C12.9115 7.09806 12.0799 7.53366 11.5519 7.98246V10.0021C12.2119 9.38166 13.0435 8.97246 13.7959 8.97246C14.6275 8.97246 15.2083 9.43446 15.2083 10.2265C15.2083 10.9657 14.7199 11.6653 13.7827 12.9193Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886Z" /> </svg> </div> <p>1h40</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9mOEx4b3RIc0w2eTBSYjZpalBNM1ZjeHBEbDAuanBn?w=98&h=139&fit=crop&fm=webp&s=73ac9090ddbfd3ea40d5391154eb2b76, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9mOEx4b3RIc0w2eTBSYjZpalBNM1ZjeHBEbDAuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=d41b88efd1ac6e25da92454ae4e2a221 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9mOEx4b3RIc0w2eTBSYjZpalBNM1ZjeHBEbDAuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=f6141a6578fbecbc7e0894f57dc1f517 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9mOEx4b3RIc0w2eTBSYjZpalBNM1ZjeHBEbDAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=db30c217c7411204f84d8b38d2ed3ad2, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9mOEx4b3RIc0w2eTBSYjZpalBNM1ZjeHBEbDAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=650163309385bc652c695c5c30595bba 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9mOEx4b3RIc0w2eTBSYjZpalBNM1ZjeHBEbDAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=8ec334e1c61c3fb32942b8dfc6e6dd55 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9mOEx4b3RIc0w2eTBSYjZpalBNM1ZjeHBEbDAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=db30c217c7411204f84d8b38d2ed3ad2" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9mOEx4b3RIc0w2eTBSYjZpalBNM1ZjeHBEbDAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=db30c217c7411204f84d8b38d2ed3ad2, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9mOEx4b3RIc0w2eTBSYjZpalBNM1ZjeHBEbDAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=650163309385bc652c695c5c30595bba 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9mOEx4b3RIc0w2eTBSYjZpalBNM1ZjeHBEbDAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=8ec334e1c61c3fb32942b8dfc6e6dd55 3x" alt="Espion, lève-toi" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052100" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=bf201ded59f909292241145bb0a22c07, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=187919b9b6449bf2fb8bff808e247dd8 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=b7ceb0341eece26cb687575d80734c06 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=26eb777bf84d0b54b10025ea9c89767f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=688eae7272e4f55f26c3fce26fbd8acc 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2f3f1d23496914f2c81eaa12daccfdf1 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=26eb777bf84d0b54b10025ea9c89767f" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=26eb777bf84d0b54b10025ea9c89767f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=688eae7272e4f55f26c3fce26fbd8acc 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExOS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2f3f1d23496914f2c81eaa12daccfdf1 3x" alt="W9" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/w9" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 9 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="896505" data-brodcast-start="1744053000" data-brodcast-end="1744060200" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h10</p> <p class="text-contrast-medium">Film / Action</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/le-flic-de-beverly-hills-2" target="_self" class="line-clamp-3 inline " data-seo-target > Le flic de Beverly Hills II </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Axel Foley, inspecteur de police à Detroit, revient à Beverly Hills pour enquêter sur un trafic de cartes de crédit. Dans le même temps, une série de hold-up sanglants, signés chacun d'une lettre de l'alphabet, met la police sur les dents. Le capitaine confie l'enquête aux sergents Taggart et Rosewood...</p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_10" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 10" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 16.8001V9.76446L5.99995 10.4641V8.56326L10.0392 7.09806V16.8001H7.94035Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7859 16.9453C13.7299 16.9453 12.7663 16.4965 12.1459 15.6517C11.5519 14.8333 11.2747 13.6981 11.2747 12.0217C11.2747 10.3453 11.5519 9.21006 12.1459 8.39166C12.7663 7.54686 13.7299 7.09806 14.7859 7.09806C15.8551 7.09806 16.8055 7.54686 17.4259 8.39166C18.0199 9.21006 18.2971 10.3453 18.2971 12.0217C18.2971 13.6981 18.0199 14.8333 17.4259 15.6517C16.8055 16.4965 15.8551 16.9453 14.7859 16.9453ZM14.7859 15.0709C15.2215 15.0709 15.5383 14.8465 15.7495 14.5561C16.0663 14.1073 16.1983 13.3549 16.1983 12.0085C16.1983 10.8073 16.0927 9.97566 15.7495 9.48726C15.5383 9.18366 15.2215 8.97246 14.7859 8.97246C14.3635 8.97246 14.0335 9.18366 13.8223 9.48726C13.4923 9.96246 13.3735 10.8073 13.3735 12.0349C13.3735 13.3417 13.5055 14.1073 13.8223 14.5561C14.0335 14.8465 14.3635 15.0709 14.7859 15.0709Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4Z" /> </svg> </div> <p>2h00</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9BNHloZ01TYjBUdXlXaFV4YlcyU3ZGWHpyQzQuanBn?w=98&h=139&fit=crop&fm=webp&s=ba0d24adc1adabd380788a32ab0e780e, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9BNHloZ01TYjBUdXlXaFV4YlcyU3ZGWHpyQzQuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=6cb859f4f228c1cd942669655fc82abb 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9BNHloZ01TYjBUdXlXaFV4YlcyU3ZGWHpyQzQuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=73b9d98c3296204bb2f88c5a6c673554 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9BNHloZ01TYjBUdXlXaFV4YlcyU3ZGWHpyQzQuanBn?w=98&h=139&fit=crop&fm=pjpg&s=04b472035474a020aeebbac00a1fd223, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9BNHloZ01TYjBUdXlXaFV4YlcyU3ZGWHpyQzQuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=c8c7e81ff1ac80364a7500441132ccf8 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9BNHloZ01TYjBUdXlXaFV4YlcyU3ZGWHpyQzQuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=c6b5e9dd26d0c080553ca2a6dbc2a74f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9BNHloZ01TYjBUdXlXaFV4YlcyU3ZGWHpyQzQuanBn?w=98&h=139&fit=crop&fm=pjpg&s=04b472035474a020aeebbac00a1fd223" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9BNHloZ01TYjBUdXlXaFV4YlcyU3ZGWHpyQzQuanBn?w=98&h=139&fit=crop&fm=pjpg&s=04b472035474a020aeebbac00a1fd223, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9BNHloZ01TYjBUdXlXaFV4YlcyU3ZGWHpyQzQuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=c8c7e81ff1ac80364a7500441132ccf8 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9BNHloZ01TYjBUdXlXaFV4YlcyU3ZGWHpyQzQuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=c6b5e9dd26d0c080553ca2a6dbc2a74f 3x" alt="Le flic de Beverly Hills II" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744053000" data-end="1744060200" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="896506" data-brodcast-start="1744060200" data-brodcast-end="1744067400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">23h10</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/le-flic-de-beverly-hills" target="_self" class="line-clamp-3 inline " data-seo-target > Le flic de Beverly Hills </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Les méthodes particulières d'Axel Foley, un policier excentrique, ont le don d'agacer son supérieur, Todd. Après le meurtre de son meilleur ami, Foley, mis en vacances forcées, se rend à Beverly Hills, où le conduisent les dernières traces laissées par son défunt ami, pour retrouver les coupables...</p> <div class="flex items-center gap-4"> <p>2h00</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy96WnpkY1hLWkF2cjNiY2ZxdGtvSFdtaUduVDMuanBn?w=98&h=139&fit=crop&fm=webp&s=b5f31e73671a1cfc59c33044fbdf15b8, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy96WnpkY1hLWkF2cjNiY2ZxdGtvSFdtaUduVDMuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=10d1f146020b4a53251a8118612f36d3 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy96WnpkY1hLWkF2cjNiY2ZxdGtvSFdtaUduVDMuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6dc4aef1148a4fe896eeecf6cd76d123 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy96WnpkY1hLWkF2cjNiY2ZxdGtvSFdtaUduVDMuanBn?w=98&h=139&fit=crop&fm=pjpg&s=13de3fe1cf7c6959926e03545501895f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy96WnpkY1hLWkF2cjNiY2ZxdGtvSFdtaUduVDMuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=2cd2269c5813a369b21540092982520c 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy96WnpkY1hLWkF2cjNiY2ZxdGtvSFdtaUduVDMuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d77d9ffc62b62970d1e5d3fd05efa146 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy96WnpkY1hLWkF2cjNiY2ZxdGtvSFdtaUduVDMuanBn?w=98&h=139&fit=crop&fm=pjpg&s=13de3fe1cf7c6959926e03545501895f" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy96WnpkY1hLWkF2cjNiY2ZxdGtvSFdtaUduVDMuanBn?w=98&h=139&fit=crop&fm=pjpg&s=13de3fe1cf7c6959926e03545501895f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy96WnpkY1hLWkF2cjNiY2ZxdGtvSFdtaUduVDMuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=2cd2269c5813a369b21540092982520c 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy96WnpkY1hLWkF2cjNiY2ZxdGtvSFdtaUduVDMuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d77d9ffc62b62970d1e5d3fd05efa146 3x" alt="Le flic de Beverly Hills" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744060200" data-end="1744067400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=8d1336b5ddf948a003fc82d64311cd3f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=c051ef608d28f698a281dabf3f153267 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=4e97ad57abbda4cac75f944001b8f644 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=c6830e79bcc1b2550ff3cb0ba3e38084, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=2677d59780babdb70cb696efb1b1a636 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=58d75cc980a661acfe6803a2cc16cc83 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=c6830e79bcc1b2550ff3cb0ba3e38084" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=c6830e79bcc1b2550ff3cb0ba3e38084, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=2677d59780babdb70cb696efb1b1a636 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=58d75cc980a661acfe6803a2cc16cc83 3x" alt="TMC" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/tmc" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 10 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898566" data-brodcast-start="1744053900" data-brodcast-end="1744061700" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h25</p> <p class="text-contrast-medium">Film / Action</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/black-adam" target="_self" class="line-clamp-3 inline " data-seo-target > Black Adam </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Il y a 5000 ans, Black Adam a été emprisonné pour avoir vengé le meurtre de son fils. Aujourd'hui libéré, il décide d'utiliser les super-pouvoirs dont il a hérité des anciens dieux afin de rendre la justice selon ses critères. Mais ses agissements ne passent pas inaperçus auprès de la Justice Society...</p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_10" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 10" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 16.8001V9.76446L5.99995 10.4641V8.56326L10.0392 7.09806V16.8001H7.94035Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7859 16.9453C13.7299 16.9453 12.7663 16.4965 12.1459 15.6517C11.5519 14.8333 11.2747 13.6981 11.2747 12.0217C11.2747 10.3453 11.5519 9.21006 12.1459 8.39166C12.7663 7.54686 13.7299 7.09806 14.7859 7.09806C15.8551 7.09806 16.8055 7.54686 17.4259 8.39166C18.0199 9.21006 18.2971 10.3453 18.2971 12.0217C18.2971 13.6981 18.0199 14.8333 17.4259 15.6517C16.8055 16.4965 15.8551 16.9453 14.7859 16.9453ZM14.7859 15.0709C15.2215 15.0709 15.5383 14.8465 15.7495 14.5561C16.0663 14.1073 16.1983 13.3549 16.1983 12.0085C16.1983 10.8073 16.0927 9.97566 15.7495 9.48726C15.5383 9.18366 15.2215 8.97246 14.7859 8.97246C14.3635 8.97246 14.0335 9.18366 13.8223 9.48726C13.4923 9.96246 13.3735 10.8073 13.3735 12.0349C13.3735 13.3417 13.5055 14.1073 13.8223 14.5561C14.0335 14.8465 14.3635 15.0709 14.7859 15.0709Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4Z" /> </svg> </div> <p>2h10</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oWUFMSDVOUE03eGsyWFFkMko4d3JmbWxpSVcuanBn?w=98&h=139&fit=crop&fm=webp&s=7d2990a64c269c6e2f6390d3402e396a, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oWUFMSDVOUE03eGsyWFFkMko4d3JmbWxpSVcuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=f544f41ea5648acb9657cc190d87a142 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oWUFMSDVOUE03eGsyWFFkMko4d3JmbWxpSVcuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=e01198e537a8db75f3a01a20598880b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oWUFMSDVOUE03eGsyWFFkMko4d3JmbWxpSVcuanBn?w=98&h=139&fit=crop&fm=pjpg&s=b4c3521c0a14d422f4f817ce760237de, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oWUFMSDVOUE03eGsyWFFkMko4d3JmbWxpSVcuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=7d4a918203843c314919a8d93abdb83d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oWUFMSDVOUE03eGsyWFFkMko4d3JmbWxpSVcuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=50bfcd3a4fcc77d2569aec16a901c8eb 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oWUFMSDVOUE03eGsyWFFkMko4d3JmbWxpSVcuanBn?w=98&h=139&fit=crop&fm=pjpg&s=b4c3521c0a14d422f4f817ce760237de" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oWUFMSDVOUE03eGsyWFFkMko4d3JmbWxpSVcuanBn?w=98&h=139&fit=crop&fm=pjpg&s=b4c3521c0a14d422f4f817ce760237de, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oWUFMSDVOUE03eGsyWFFkMko4d3JmbWxpSVcuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=7d4a918203843c314919a8d93abdb83d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oWUFMSDVOUE03eGsyWFFkMko4d3JmbWxpSVcuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=50bfcd3a4fcc77d2569aec16a901c8eb 3x" alt="Black Adam" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744053900" data-end="1744061700" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="898567" data-brodcast-start="1744061700" data-brodcast-end="1744069800" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">23h35</p> <p class="text-contrast-medium">Film / Fantastique</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/doctor-strange-in-the-multiverse-of-madness/301615" target="_self" class="line-clamp-3 inline " data-seo-target > Doctor Strange in the Multiverse of Madness </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A force de jouer avec le feu et de provoquer toujours plus de dégâts à travers ses diverses expériences, le docteur Strange doit désormais faire face aux conséquences de ses actes. Grandement affecté, le multivers menace d'exterminer l'humanité entière. Le magicien doit agir au plus vite...</p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_10" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 10" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 16.8001V9.76446L5.99995 10.4641V8.56326L10.0392 7.09806V16.8001H7.94035Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7859 16.9453C13.7299 16.9453 12.7663 16.4965 12.1459 15.6517C11.5519 14.8333 11.2747 13.6981 11.2747 12.0217C11.2747 10.3453 11.5519 9.21006 12.1459 8.39166C12.7663 7.54686 13.7299 7.09806 14.7859 7.09806C15.8551 7.09806 16.8055 7.54686 17.4259 8.39166C18.0199 9.21006 18.2971 10.3453 18.2971 12.0217C18.2971 13.6981 18.0199 14.8333 17.4259 15.6517C16.8055 16.4965 15.8551 16.9453 14.7859 16.9453ZM14.7859 15.0709C15.2215 15.0709 15.5383 14.8465 15.7495 14.5561C16.0663 14.1073 16.1983 13.3549 16.1983 12.0085C16.1983 10.8073 16.0927 9.97566 15.7495 9.48726C15.5383 9.18366 15.2215 8.97246 14.7859 8.97246C14.3635 8.97246 14.0335 9.18366 13.8223 9.48726C13.4923 9.96246 13.3735 10.8073 13.3735 12.0349C13.3735 13.3417 13.5055 14.1073 13.8223 14.5561C14.0335 14.8465 14.3635 15.0709 14.7859 15.0709Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4Z" /> </svg> </div> <p>2h15</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mYjgxOGUzYTM0NWY0ZTI0YjA3ZDcwZjljNzhkMmIyNQ==?w=98&h=139&fit=crop&fm=webp&s=8287e529ae2a2fb5253420d2eba773ec, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mYjgxOGUzYTM0NWY0ZTI0YjA3ZDcwZjljNzhkMmIyNQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=69231816cb6f0b6c6889597145c3ff56 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mYjgxOGUzYTM0NWY0ZTI0YjA3ZDcwZjljNzhkMmIyNQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=42f5a244e0b1fff6a896a8abf5b41256 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mYjgxOGUzYTM0NWY0ZTI0YjA3ZDcwZjljNzhkMmIyNQ==?w=98&h=139&fit=crop&fm=pjpg&s=f56121dc5005992582a9f3234ae86a39, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mYjgxOGUzYTM0NWY0ZTI0YjA3ZDcwZjljNzhkMmIyNQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=b479b5dfbe43d95e7b27c313fdd86b3e 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mYjgxOGUzYTM0NWY0ZTI0YjA3ZDcwZjljNzhkMmIyNQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=83fd467c441bb0dcd05b06b050d8bd8c 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mYjgxOGUzYTM0NWY0ZTI0YjA3ZDcwZjljNzhkMmIyNQ==?w=98&h=139&fit=crop&fm=pjpg&s=f56121dc5005992582a9f3234ae86a39" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mYjgxOGUzYTM0NWY0ZTI0YjA3ZDcwZjljNzhkMmIyNQ==?w=98&h=139&fit=crop&fm=pjpg&s=f56121dc5005992582a9f3234ae86a39, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mYjgxOGUzYTM0NWY0ZTI0YjA3ZDcwZjljNzhkMmIyNQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=b479b5dfbe43d95e7b27c313fdd86b3e 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mYjgxOGUzYTM0NWY0ZTI0YjA3ZDcwZjljNzhkMmIyNQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=83fd467c441bb0dcd05b06b050d8bd8c 3x" alt="Doctor Strange in the Multiverse of Madness" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744061700" data-end="1744069800" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-block="selected_programs" style="--gradient-color-start: rgba(255, 220, 0, 0.5);" class="relative pt-8 pb-20 max-lg:fullwidth lg:pt-20 " data-controller="swiper" data-swiper-options="{"slidesPerView":"auto","grabCursor":true,"freeMode":true,"spaceBetween":8,"breakpoints":{"992":{"spaceBetween":28}}}" > <div class="absolute inset-y-0 left-0 w-195 bg-gradient-to-r from-[--gradient-color-start] to-transparent"></div> <header class="relative z-10 flex items-center justify-between gap-20 px-16 lg:px-28"> <div class="flex items-center gap-8"> <h2 data-atoms="Heading" class="font-heading font-black text-heading-m " > La sélection Diverto </h2> </div> <a data-atoms="Link" class="group/button items-center justify-center gap-4 font-heading font-black text-action-m rounded-full cursor-pointer outline-none disabled:pointer-events-none data-[disabled=true]:pointer-events-none text-contrast-highest hover:text-brand-hover-text focus:text-brand-hover-text group-hover:text-brand-hover-text disabled:text-contrast-medium data-[disabled=true]:text-contrast-medium flex-row max-md:px-0 inline-flex" href="https://www.diverto.tv/selections/la-selection-diverto" target="_self"> <span class="text-center sr-only md:not-sr-only" > Voir tout </span> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-24 h-24" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </a> </header> <div class="relative"> <div data-swiper-target="slider" data-initialized="false" class="swiper mt-24 relative overflow-hidden px-16 lg:px-28"> <div data-carousel-target="items" class="swiper-wrapper mt-8 flex items-start gap-8 lg:gap-28"> <div class="swiper-slide shrink-0 !mr-0"> <article data-molecules="CardProgram" class="group relative shrink-0 swiper-slide w-card-carousel-plateform !mr-0" data-seo-container > <div class="block relative overflow-hidden transition-transform duration-700 group-hover:scale-102 shrink-0 swiper-slide w-card-carousel-plateform !mr-0"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover rounded overflow-hidden aspect-vertical shrink-0 swiper-slide w-card-carousel-plateform !mr-0" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jODI3NGFiOTQxZmE0MThmOGZiMDU1MmU4ZDlmYTMzZQ==?w=305&h=433&fit=crop&fm=webp&s=441fe065697d66b9f03d9a89500b212d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jODI3NGFiOTQxZmE0MThmOGZiMDU1MmU4ZDlmYTMzZQ==?w=305&h=433&fit=crop&fm=webp&dpr=2&s=b83e379df0927e4e0bd230e047a6b35b 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jODI3NGFiOTQxZmE0MThmOGZiMDU1MmU4ZDlmYTMzZQ==?w=305&h=433&fit=crop&fm=webp&dpr=3&s=8d7255601c77e4edd8e12cee1fa6a9c7 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jODI3NGFiOTQxZmE0MThmOGZiMDU1MmU4ZDlmYTMzZQ==?w=305&h=433&fit=crop&fm=pjpg&s=cc69821bc322791d0f2a2ed4896fd0ac, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jODI3NGFiOTQxZmE0MThmOGZiMDU1MmU4ZDlmYTMzZQ==?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=a06e3e43cd6e4c838594b8f5f802bdc5 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jODI3NGFiOTQxZmE0MThmOGZiMDU1MmU4ZDlmYTMzZQ==?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=4f455942439ab4bc9c875463a979ddd2 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jODI3NGFiOTQxZmE0MThmOGZiMDU1MmU4ZDlmYTMzZQ==?w=305&h=433&fit=crop&fm=pjpg&s=cc69821bc322791d0f2a2ed4896fd0ac" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jODI3NGFiOTQxZmE0MThmOGZiMDU1MmU4ZDlmYTMzZQ==?w=305&h=433&fit=crop&fm=pjpg&s=cc69821bc322791d0f2a2ed4896fd0ac, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jODI3NGFiOTQxZmE0MThmOGZiMDU1MmU4ZDlmYTMzZQ==?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=a06e3e43cd6e4c838594b8f5f802bdc5 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jODI3NGFiOTQxZmE0MThmOGZiMDU1MmU4ZDlmYTMzZQ==?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=4f455942439ab4bc9c875463a979ddd2 3x" alt="" loading="lazy" class="" > </picture> </div> <div class="flex flex-col gap-4 mt-8"> <p class="text-body-s text-contrast-medium">Emission / Jeu</p> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-3 group-hover:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/top-chef" target="_self" class="line-clamp-3 inline pa-card_program" data-seo-target > Top chef </a> </h3> </div> <div class="flex items-center gap-4"> </div> </div> </article> </div> <div class="swiper-slide shrink-0 !mr-0"> <article data-molecules="CardProgram" class="group relative shrink-0 swiper-slide w-card-carousel-plateform !mr-0" data-seo-container > <div class="block relative overflow-hidden transition-transform duration-700 group-hover:scale-102 shrink-0 swiper-slide w-card-carousel-plateform !mr-0"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover rounded overflow-hidden aspect-vertical shrink-0 swiper-slide w-card-carousel-plateform !mr-0" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83akVWcVhDMTRiaGZBelNQZ3I4OTZkTWREdjYuanBn?w=305&h=433&fit=crop&fm=webp&s=aef5cd073323d0bf828b4c1a7256c19d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83akVWcVhDMTRiaGZBelNQZ3I4OTZkTWREdjYuanBn?w=305&h=433&fit=crop&fm=webp&dpr=2&s=584f497f0a0262b608b7aa57263724d4 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83akVWcVhDMTRiaGZBelNQZ3I4OTZkTWREdjYuanBn?w=305&h=433&fit=crop&fm=webp&dpr=3&s=f41e3180d02611de065f9dde761d5199 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83akVWcVhDMTRiaGZBelNQZ3I4OTZkTWREdjYuanBn?w=305&h=433&fit=crop&fm=pjpg&s=10ac120fdc38d3ea3481803af1a7f407, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83akVWcVhDMTRiaGZBelNQZ3I4OTZkTWREdjYuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=bf7b23e1934dd28350e3c7366b0c1abe 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83akVWcVhDMTRiaGZBelNQZ3I4OTZkTWREdjYuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=9f42fa16f4fc11eec0da47b472ed5da0 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83akVWcVhDMTRiaGZBelNQZ3I4OTZkTWREdjYuanBn?w=305&h=433&fit=crop&fm=pjpg&s=10ac120fdc38d3ea3481803af1a7f407" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83akVWcVhDMTRiaGZBelNQZ3I4OTZkTWREdjYuanBn?w=305&h=433&fit=crop&fm=pjpg&s=10ac120fdc38d3ea3481803af1a7f407, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83akVWcVhDMTRiaGZBelNQZ3I4OTZkTWREdjYuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=bf7b23e1934dd28350e3c7366b0c1abe 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83akVWcVhDMTRiaGZBelNQZ3I4OTZkTWREdjYuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=9f42fa16f4fc11eec0da47b472ed5da0 3x" alt="" loading="lazy" class="" > </picture> </div> <div class="flex flex-col gap-4 mt-8"> <p class="text-body-s text-contrast-medium">Série / Drame</p> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-3 group-hover:text-brand-hover-text " > <a href="https://www.diverto.tv/series/greys-anatomy" target="_self" class="line-clamp-3 inline pa-card_program" data-seo-target > Grey's Anatomy </a> </h3> </div> <div class="flex items-center gap-4"> </div> </div> </article> </div> <div class="swiper-slide shrink-0 !mr-0"> <article data-molecules="CardProgram" class="group relative shrink-0 swiper-slide w-card-carousel-plateform !mr-0" data-seo-container > <div class="block relative overflow-hidden transition-transform duration-700 group-hover:scale-102 shrink-0 swiper-slide w-card-carousel-plateform !mr-0"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover rounded overflow-hidden aspect-vertical shrink-0 swiper-slide w-card-carousel-plateform !mr-0" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy92MkhiMlVoa043M09FVWQzZnNtUU90aVpxcXMuanBn?w=305&h=433&fit=crop&fm=webp&s=7303bc9664dd527415d35ffc061f70cd, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy92MkhiMlVoa043M09FVWQzZnNtUU90aVpxcXMuanBn?w=305&h=433&fit=crop&fm=webp&dpr=2&s=ad4d826ce0d576b60b688692de59a6ba 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy92MkhiMlVoa043M09FVWQzZnNtUU90aVpxcXMuanBn?w=305&h=433&fit=crop&fm=webp&dpr=3&s=11fb97ab3e99b9883c7dd9b144353310 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy92MkhiMlVoa043M09FVWQzZnNtUU90aVpxcXMuanBn?w=305&h=433&fit=crop&fm=pjpg&s=5fb1dc3fc508a87c156532c059f3b169, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy92MkhiMlVoa043M09FVWQzZnNtUU90aVpxcXMuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=2e5ddfe293054a8132643f839f2a4257 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy92MkhiMlVoa043M09FVWQzZnNtUU90aVpxcXMuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=143e4dd9419d5499876e00e74d77dfb5 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy92MkhiMlVoa043M09FVWQzZnNtUU90aVpxcXMuanBn?w=305&h=433&fit=crop&fm=pjpg&s=5fb1dc3fc508a87c156532c059f3b169" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy92MkhiMlVoa043M09FVWQzZnNtUU90aVpxcXMuanBn?w=305&h=433&fit=crop&fm=pjpg&s=5fb1dc3fc508a87c156532c059f3b169, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy92MkhiMlVoa043M09FVWQzZnNtUU90aVpxcXMuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=2e5ddfe293054a8132643f839f2a4257 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy92MkhiMlVoa043M09FVWQzZnNtUU90aVpxcXMuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=143e4dd9419d5499876e00e74d77dfb5 3x" alt="" loading="lazy" class="" > </picture> </div> <div class="flex flex-col gap-4 mt-8"> <p class="text-body-s text-contrast-medium">Série / Drame</p> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-3 group-hover:text-brand-hover-text " > <a href="https://www.diverto.tv/series/adolescence" target="_self" class="line-clamp-3 inline pa-card_program" data-seo-target > Adolescence </a> </h3> </div> <div class="flex items-center gap-4"> </div> </div> </article> </div> <div class="swiper-slide shrink-0 !mr-0"> <article data-molecules="CardProgram" class="group relative shrink-0 swiper-slide w-card-carousel-plateform !mr-0" data-seo-container > <div class="block relative overflow-hidden transition-transform duration-700 group-hover:scale-102 shrink-0 swiper-slide w-card-carousel-plateform !mr-0"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover rounded overflow-hidden aspect-vertical shrink-0 swiper-slide w-card-carousel-plateform !mr-0" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy85bEx1aFY3MDNIR0Nibno2RnhucUN3SXd6QVouanBn?w=305&h=433&fit=crop&fm=webp&s=00a6af9927d7e2256750b55856c48d77, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy85bEx1aFY3MDNIR0Nibno2RnhucUN3SXd6QVouanBn?w=305&h=433&fit=crop&fm=webp&dpr=2&s=2a09e0a97258ac3383b7b479e8d41d5b 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy85bEx1aFY3MDNIR0Nibno2RnhucUN3SXd6QVouanBn?w=305&h=433&fit=crop&fm=webp&dpr=3&s=9952c1abe07ede5115666256a95f0e48 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy85bEx1aFY3MDNIR0Nibno2RnhucUN3SXd6QVouanBn?w=305&h=433&fit=crop&fm=pjpg&s=6886d5e88eb4c1aaf7a48e125fd658b8, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy85bEx1aFY3MDNIR0Nibno2RnhucUN3SXd6QVouanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=cd2ad2c884f1463c6a33ad91036d180f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy85bEx1aFY3MDNIR0Nibno2RnhucUN3SXd6QVouanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=a4fa3a4237ba0a4f46d54f636d8e8c23 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy85bEx1aFY3MDNIR0Nibno2RnhucUN3SXd6QVouanBn?w=305&h=433&fit=crop&fm=pjpg&s=6886d5e88eb4c1aaf7a48e125fd658b8" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy85bEx1aFY3MDNIR0Nibno2RnhucUN3SXd6QVouanBn?w=305&h=433&fit=crop&fm=pjpg&s=6886d5e88eb4c1aaf7a48e125fd658b8, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy85bEx1aFY3MDNIR0Nibno2RnhucUN3SXd6QVouanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=cd2ad2c884f1463c6a33ad91036d180f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy85bEx1aFY3MDNIR0Nibno2RnhucUN3SXd6QVouanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=a4fa3a4237ba0a4f46d54f636d8e8c23 3x" alt="" loading="lazy" class="" > </picture> </div> <div class="flex flex-col gap-4 mt-8"> <p class="text-body-s text-contrast-medium">Série / Drame</p> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-3 group-hover:text-brand-hover-text " > <a href="https://www.diverto.tv/series/daredevil-born-again" target="_self" class="line-clamp-3 inline pa-card_program" data-seo-target > Daredevil : Born Again </a> </h3> </div> <div class="flex items-center gap-4"> </div> </div> </article> </div> <div class="swiper-slide shrink-0 !mr-0"> <article data-molecules="CardProgram" class="group relative shrink-0 swiper-slide w-card-carousel-plateform !mr-0" data-seo-container > <div class="block relative overflow-hidden transition-transform duration-700 group-hover:scale-102 shrink-0 swiper-slide w-card-carousel-plateform !mr-0"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover rounded overflow-hidden aspect-vertical shrink-0 swiper-slide w-card-carousel-plateform !mr-0" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9tRnJMSEFQalZzak9NME82NVNYZzQ5QlJqVEIuanBn?w=305&h=433&fit=crop&fm=webp&s=233193309d017c4690a57b17ae2b40bf, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9tRnJMSEFQalZzak9NME82NVNYZzQ5QlJqVEIuanBn?w=305&h=433&fit=crop&fm=webp&dpr=2&s=206325920115ee337bc7506dfeddc139 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9tRnJMSEFQalZzak9NME82NVNYZzQ5QlJqVEIuanBn?w=305&h=433&fit=crop&fm=webp&dpr=3&s=71279f6f785e0fa2b115fbdccc577678 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9tRnJMSEFQalZzak9NME82NVNYZzQ5QlJqVEIuanBn?w=305&h=433&fit=crop&fm=pjpg&s=d1cd4da772967769e5d5b00a089879cc, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9tRnJMSEFQalZzak9NME82NVNYZzQ5QlJqVEIuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=36b87fe1db3b08463581633ccd813600 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9tRnJMSEFQalZzak9NME82NVNYZzQ5QlJqVEIuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=b75a50c88d07cab63a33188758eaa81e 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9tRnJMSEFQalZzak9NME82NVNYZzQ5QlJqVEIuanBn?w=305&h=433&fit=crop&fm=pjpg&s=d1cd4da772967769e5d5b00a089879cc" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9tRnJMSEFQalZzak9NME82NVNYZzQ5QlJqVEIuanBn?w=305&h=433&fit=crop&fm=pjpg&s=d1cd4da772967769e5d5b00a089879cc, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9tRnJMSEFQalZzak9NME82NVNYZzQ5QlJqVEIuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=36b87fe1db3b08463581633ccd813600 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9tRnJMSEFQalZzak9NME82NVNYZzQ5QlJqVEIuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=b75a50c88d07cab63a33188758eaa81e 3x" alt="" loading="lazy" class="" > </picture> </div> <div class="flex flex-col gap-4 mt-8"> <p class="text-body-s text-contrast-medium">Série / Comédie</p> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-3 group-hover:text-brand-hover-text " > <a href="https://www.diverto.tv/series/liars-club" target="_self" class="line-clamp-3 inline pa-card_program" data-seo-target > Liars Club </a> </h3> </div> <div class="flex items-center gap-4"> </div> </div> </article> </div> <div class="swiper-slide shrink-0 !mr-0"> <article data-molecules="CardProgram" class="group relative shrink-0 swiper-slide w-card-carousel-plateform !mr-0" data-seo-container > <div class="block relative overflow-hidden transition-transform duration-700 group-hover:scale-102 shrink-0 swiper-slide w-card-carousel-plateform !mr-0"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover rounded overflow-hidden aspect-vertical shrink-0 swiper-slide w-card-carousel-plateform !mr-0" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82aXdLeVU3MG5kdmZId3cwVHBoQmc4TFF6SjkuanBn?w=305&h=433&fit=crop&fm=webp&s=757915d89acb6a0d87c5a098f9bfcfa5, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82aXdLeVU3MG5kdmZId3cwVHBoQmc4TFF6SjkuanBn?w=305&h=433&fit=crop&fm=webp&dpr=2&s=eb1786b1ad4b0966d1839e968932798a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82aXdLeVU3MG5kdmZId3cwVHBoQmc4TFF6SjkuanBn?w=305&h=433&fit=crop&fm=webp&dpr=3&s=c07211ca6bf6e9c2adab7d0680832562 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82aXdLeVU3MG5kdmZId3cwVHBoQmc4TFF6SjkuanBn?w=305&h=433&fit=crop&fm=pjpg&s=b98546975fffc2323fc7560f3f1aa421, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82aXdLeVU3MG5kdmZId3cwVHBoQmc4TFF6SjkuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=e52a67bb1f0c2351e2446c733a5cad2f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82aXdLeVU3MG5kdmZId3cwVHBoQmc4TFF6SjkuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=ac3249e38aba517084f7216f9b833da4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82aXdLeVU3MG5kdmZId3cwVHBoQmc4TFF6SjkuanBn?w=305&h=433&fit=crop&fm=pjpg&s=b98546975fffc2323fc7560f3f1aa421" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82aXdLeVU3MG5kdmZId3cwVHBoQmc4TFF6SjkuanBn?w=305&h=433&fit=crop&fm=pjpg&s=b98546975fffc2323fc7560f3f1aa421, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82aXdLeVU3MG5kdmZId3cwVHBoQmc4TFF6SjkuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=e52a67bb1f0c2351e2446c733a5cad2f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82aXdLeVU3MG5kdmZId3cwVHBoQmc4TFF6SjkuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=ac3249e38aba517084f7216f9b833da4 3x" alt="" loading="lazy" class="" > </picture> </div> <div class="flex flex-col gap-4 mt-8"> <p class="text-body-s text-contrast-medium">Série / Comédie</p> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-3 group-hover:text-brand-hover-text " > <a href="https://www.diverto.tv/series/the-white-lotus" target="_self" class="line-clamp-3 inline pa-card_program" data-seo-target > The White Lotus </a> </h3> </div> <div class="flex items-center gap-4"> </div> </div> </article> </div> <div class="swiper-slide shrink-0 !mr-0"> <article data-molecules="CardProgram" class="group relative shrink-0 swiper-slide w-card-carousel-plateform !mr-0" data-seo-container > <div class="block relative overflow-hidden transition-transform duration-700 group-hover:scale-102 shrink-0 swiper-slide w-card-carousel-plateform !mr-0"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover rounded overflow-hidden aspect-vertical shrink-0 swiper-slide w-card-carousel-plateform !mr-0" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oMjROR3lvMzdGSTVFaTNCcW1tQmFya1lNMy5qcGc=?w=305&h=433&fit=crop&fm=webp&s=62a84617a212a52a78f1034ccb9d9ba2, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oMjROR3lvMzdGSTVFaTNCcW1tQmFya1lNMy5qcGc=?w=305&h=433&fit=crop&fm=webp&dpr=2&s=d0e26e91794c65b855a3210bb5478157 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oMjROR3lvMzdGSTVFaTNCcW1tQmFya1lNMy5qcGc=?w=305&h=433&fit=crop&fm=webp&dpr=3&s=9673621d40f0b2cb42f108092cd7d9a9 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oMjROR3lvMzdGSTVFaTNCcW1tQmFya1lNMy5qcGc=?w=305&h=433&fit=crop&fm=pjpg&s=d4069724a3091e625fcc5bc8fa7b6e84, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oMjROR3lvMzdGSTVFaTNCcW1tQmFya1lNMy5qcGc=?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=1564e0b3c6864a78b027dae4e90af9c2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oMjROR3lvMzdGSTVFaTNCcW1tQmFya1lNMy5qcGc=?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=8f0e9f1032ab111535c00618dcea9573 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oMjROR3lvMzdGSTVFaTNCcW1tQmFya1lNMy5qcGc=?w=305&h=433&fit=crop&fm=pjpg&s=d4069724a3091e625fcc5bc8fa7b6e84" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oMjROR3lvMzdGSTVFaTNCcW1tQmFya1lNMy5qcGc=?w=305&h=433&fit=crop&fm=pjpg&s=d4069724a3091e625fcc5bc8fa7b6e84, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oMjROR3lvMzdGSTVFaTNCcW1tQmFya1lNMy5qcGc=?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=1564e0b3c6864a78b027dae4e90af9c2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oMjROR3lvMzdGSTVFaTNCcW1tQmFya1lNMy5qcGc=?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=8f0e9f1032ab111535c00618dcea9573 3x" alt="" loading="lazy" class="" > </picture> </div> <div class="flex flex-col gap-4 mt-8"> <p class="text-body-s text-contrast-medium">Film / Thriller</p> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-3 group-hover:text-brand-hover-text " > <a href="https://www.diverto.tv/films/trap-1" target="_self" class="line-clamp-3 inline pa-card_program" data-seo-target > Trap </a> </h3> </div> <div class="flex items-center gap-4"> </div> </div> </article> </div> <div class="swiper-slide shrink-0 !mr-0"> <article data-molecules="CardProgram" class="group relative shrink-0 swiper-slide w-card-carousel-plateform !mr-0" data-seo-container > <div class="block relative overflow-hidden transition-transform duration-700 group-hover:scale-102 shrink-0 swiper-slide w-card-carousel-plateform !mr-0"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover rounded overflow-hidden aspect-vertical shrink-0 swiper-slide w-card-carousel-plateform !mr-0" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oVzBhMERyWDFFbE9tN1ZIVjVEQVN1SzFUdFAuanBn?w=305&h=433&fit=crop&fm=webp&s=d412996ea856a960da0df3d0b2ae73a5, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oVzBhMERyWDFFbE9tN1ZIVjVEQVN1SzFUdFAuanBn?w=305&h=433&fit=crop&fm=webp&dpr=2&s=873c0c6cc0332f5f823ef95a5c6284da 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oVzBhMERyWDFFbE9tN1ZIVjVEQVN1SzFUdFAuanBn?w=305&h=433&fit=crop&fm=webp&dpr=3&s=c44b6876518392776235d73879624513 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oVzBhMERyWDFFbE9tN1ZIVjVEQVN1SzFUdFAuanBn?w=305&h=433&fit=crop&fm=pjpg&s=df44106fe157cfb2fcba9d3122f63304, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oVzBhMERyWDFFbE9tN1ZIVjVEQVN1SzFUdFAuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=d3efd77a5d12a03fc3a254aa40497cc1 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oVzBhMERyWDFFbE9tN1ZIVjVEQVN1SzFUdFAuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=ce16cf3ee084701f13d8f2186d9d9957 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oVzBhMERyWDFFbE9tN1ZIVjVEQVN1SzFUdFAuanBn?w=305&h=433&fit=crop&fm=pjpg&s=df44106fe157cfb2fcba9d3122f63304" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oVzBhMERyWDFFbE9tN1ZIVjVEQVN1SzFUdFAuanBn?w=305&h=433&fit=crop&fm=pjpg&s=df44106fe157cfb2fcba9d3122f63304, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oVzBhMERyWDFFbE9tN1ZIVjVEQVN1SzFUdFAuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=2&s=d3efd77a5d12a03fc3a254aa40497cc1 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oVzBhMERyWDFFbE9tN1ZIVjVEQVN1SzFUdFAuanBn?w=305&h=433&fit=crop&fm=pjpg&dpr=3&s=ce16cf3ee084701f13d8f2186d9d9957 3x" alt="" loading="lazy" class="" > </picture> </div> <div class="flex flex-col gap-4 mt-8"> <p class="text-body-s text-contrast-medium">Série / Drame</p> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-3 group-hover:text-brand-hover-text " > <a href="https://www.diverto.tv/series/severance" target="_self" class="line-clamp-3 inline pa-card_program" data-seo-target > Severance </a> </h3> </div> <div class="flex items-center gap-4"> </div> </div> </article> </div> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-0 w-40 h-40 items-center justify-center bg-brand-accent -translate-y-1/2 -translate-x-1/2 rounded-full transition-opacity disabled:opacity-0 lg:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-40 h-40 items-center justify-center bg-brand-accent -translate-y-1/2 translate-x-1/2 rounded-full transition-opacity disabled:opacity-0 lg:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <hr aria-hidden="true" class="border-t-contrast-low " > <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=webp&s=c3769c07fe52659d5966e92b815fefd0, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=2425f5e0015ea55958b434bf14a5cf2e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=fc7bafbe5ea0ad4455eab00bac4bb76b 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=ff6a2dcd37743a6069a5940ee2a4e49a, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4fd6c54d80f890b165c1f59ff972b132 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=7fe5df1e32b8866db0cb4ffc305ee3ed 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=ff6a2dcd37743a6069a5940ee2a4e49a" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=ff6a2dcd37743a6069a5940ee2a4e49a, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4fd6c54d80f890b165c1f59ff972b132 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ0Ni5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=7fe5df1e32b8866db0cb4ffc305ee3ed 3x" alt="TFX" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/tfx" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 11 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="900499" data-brodcast-start="1744053000" data-brodcast-end="1744056900" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h10</p> <p class="text-contrast-medium">Magazine / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/appels-durgence/355022" target="_self" class="line-clamp-3 inline " data-seo-target > Appels d'urgence </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A moins de 40 km du nord de la France, Charleroi, en Belgique, est une des plus importantes métropoles du pays. Un quartier général ultra-moderne gère 1000 agents des forces de l'ordre toujours sur la brèche : police-secours, la BAC, la brigade anticriminalité, et même l'équivalent du GIGN local, avec 31 policiers d'élite.</p> <div class="flex items-center gap-4"> <p>1h05</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjM2NWZhMWI0ZWQ0YWQxYmE0MTEzOGI3NzEwMzQxZA==?w=98&h=139&fit=crop&fm=webp&s=9e770648123f8e12dbb6d6c91ce8bdd4, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjM2NWZhMWI0ZWQ0YWQxYmE0MTEzOGI3NzEwMzQxZA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=a52ffc168d8e39193a81a019e456d920 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjM2NWZhMWI0ZWQ0YWQxYmE0MTEzOGI3NzEwMzQxZA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=254d5d852ac0cab6c6c70b4899af031b 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjM2NWZhMWI0ZWQ0YWQxYmE0MTEzOGI3NzEwMzQxZA==?w=98&h=139&fit=crop&fm=pjpg&s=1e792b95f75120cb384fe3e9e0633839, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjM2NWZhMWI0ZWQ0YWQxYmE0MTEzOGI3NzEwMzQxZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=8803f25178f87399e28a2ce5ad725e79 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjM2NWZhMWI0ZWQ0YWQxYmE0MTEzOGI3NzEwMzQxZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=e2130148ea768cfab44740af2ccd7491 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjM2NWZhMWI0ZWQ0YWQxYmE0MTEzOGI3NzEwMzQxZA==?w=98&h=139&fit=crop&fm=pjpg&s=1e792b95f75120cb384fe3e9e0633839" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjM2NWZhMWI0ZWQ0YWQxYmE0MTEzOGI3NzEwMzQxZA==?w=98&h=139&fit=crop&fm=pjpg&s=1e792b95f75120cb384fe3e9e0633839, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjM2NWZhMWI0ZWQ0YWQxYmE0MTEzOGI3NzEwMzQxZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=8803f25178f87399e28a2ce5ad725e79 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjM2NWZhMWI0ZWQ0YWQxYmE0MTEzOGI3NzEwMzQxZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=e2130148ea768cfab44740af2ccd7491 3x" alt="Appels d'urgence" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744053000" data-end="1744056900" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="900500" data-brodcast-start="1744056900" data-brodcast-end="1744060800" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h15</p> <p class="text-contrast-medium">Magazine / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/appels-durgence/320038" target="_self" class="line-clamp-3 inline " data-seo-target > Appels d'urgence </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Les gendarmes de la compagnie d'Evry, dans l'Essonne, font la chasse aux délits : cambriolages nocturnes, vols de deux-roues ou encore dealers souhaitant faire la loi sur leur territoire. Sur les grands axes du sud de la capitale, les gendarmes traquent la violence routière, spécialité des fous du volant.</p> <div class="flex items-center gap-4"> <p>1h05</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMTQxZTM4M2E4YTI0ZTkxOWQ2MTM4NDkwNDZkMDgwNg==?w=98&h=139&fit=crop&fm=webp&s=3d55dddba6cb8e9da68b6091ad598e8c, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMTQxZTM4M2E4YTI0ZTkxOWQ2MTM4NDkwNDZkMDgwNg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=6effb56b4c29b22d2ce9e49efbb7a02a 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMTQxZTM4M2E4YTI0ZTkxOWQ2MTM4NDkwNDZkMDgwNg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=8cb84e8791a29b98e9277635c4e639a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMTQxZTM4M2E4YTI0ZTkxOWQ2MTM4NDkwNDZkMDgwNg==?w=98&h=139&fit=crop&fm=pjpg&s=60cb6c75de4a7ca7a240b5eee51e8bc4, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMTQxZTM4M2E4YTI0ZTkxOWQ2MTM4NDkwNDZkMDgwNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=db699610faa2c2b7977d728e0f153e9b 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMTQxZTM4M2E4YTI0ZTkxOWQ2MTM4NDkwNDZkMDgwNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=5f4258b2bb346ef6ec64966f7f792c49 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMTQxZTM4M2E4YTI0ZTkxOWQ2MTM4NDkwNDZkMDgwNg==?w=98&h=139&fit=crop&fm=pjpg&s=60cb6c75de4a7ca7a240b5eee51e8bc4" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMTQxZTM4M2E4YTI0ZTkxOWQ2MTM4NDkwNDZkMDgwNg==?w=98&h=139&fit=crop&fm=pjpg&s=60cb6c75de4a7ca7a240b5eee51e8bc4, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMTQxZTM4M2E4YTI0ZTkxOWQ2MTM4NDkwNDZkMDgwNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=db699610faa2c2b7977d728e0f153e9b 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMTQxZTM4M2E4YTI0ZTkxOWQ2MTM4NDkwNDZkMDgwNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=5f4258b2bb346ef6ec64966f7f792c49 3x" alt="Appels d'urgence" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744056900" data-end="1744060800" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=webp&s=fbf77c26b0bd421efc9683da5768f7ac, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=f894cc5e6aeab0c950d94a6c149c543d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=63b9a84cd8c4df96673206da1a8c6c1d 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=34c15d6265c2f8c12999a6059e79ae7c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4768357a863ed7be0fd58a98e54121f9 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=81dad11b576c6636875c2497f2d7549d 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=34c15d6265c2f8c12999a6059e79ae7c" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=34c15d6265c2f8c12999a6059e79ae7c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4768357a863ed7be0fd58a98e54121f9 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIzNC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=81dad11b576c6636875c2497f2d7549d 3x" alt="LCP" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/lcp" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 13 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="899101" data-brodcast-start="1744050660" data-brodcast-end="1744054260" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">20h31</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/les-ombres-de-dora/354683" target="_self" class="line-clamp-3 inline " data-seo-target > Les ombres de Dora </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Parmi les innombrables représentations de la déportation, rien ou presque n'est accordé au camp de concentration de Dora, pourtant unique. Unique car souterrain et particulièrement inhumain. Unique aussi parce que, dans le ventre de la terre, avec le martyre des déportés, commençait l'histoire de la conquête spatiale. C'est là que sont nées, en 1943, les fusées V1 puis V2, les ancêtres du lanceur de la mission Apollo 11 et de la fusée Ariane.</p> <div class="flex items-center gap-4"> <p>1h00</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jYWQ2YWI4MjM2ODE0NjI4OTRlYTEzNWExNjhkZDVlNg==?w=98&h=139&fit=crop&fm=webp&s=98d9c0094d0048ab3cfcf869a59b6699, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jYWQ2YWI4MjM2ODE0NjI4OTRlYTEzNWExNjhkZDVlNg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=56d1c22c2144de890b331a70e86747b3 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jYWQ2YWI4MjM2ODE0NjI4OTRlYTEzNWExNjhkZDVlNg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=225465f95ed8c9220955aff784c1eb66 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jYWQ2YWI4MjM2ODE0NjI4OTRlYTEzNWExNjhkZDVlNg==?w=98&h=139&fit=crop&fm=pjpg&s=528ddbf37038ca9a1818a6200fb23a37, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jYWQ2YWI4MjM2ODE0NjI4OTRlYTEzNWExNjhkZDVlNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=8d4b6f1f581eb02d7b0861709ff03b38 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jYWQ2YWI4MjM2ODE0NjI4OTRlYTEzNWExNjhkZDVlNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d736e2a7092941386100daaaf1291577 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jYWQ2YWI4MjM2ODE0NjI4OTRlYTEzNWExNjhkZDVlNg==?w=98&h=139&fit=crop&fm=pjpg&s=528ddbf37038ca9a1818a6200fb23a37" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jYWQ2YWI4MjM2ODE0NjI4OTRlYTEzNWExNjhkZDVlNg==?w=98&h=139&fit=crop&fm=pjpg&s=528ddbf37038ca9a1818a6200fb23a37, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jYWQ2YWI4MjM2ODE0NjI4OTRlYTEzNWExNjhkZDVlNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=8d4b6f1f581eb02d7b0861709ff03b38 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jYWQ2YWI4MjM2ODE0NjI4OTRlYTEzNWExNjhkZDVlNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d736e2a7092941386100daaaf1291577 3x" alt="Les ombres de Dora" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744050660" data-end="1744054260" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="899103" data-brodcast-start="1744056000" data-brodcast-end="1744061520" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h00</p> <p class="text-contrast-medium">Magazine / Politique</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/sens-public/354681" target="_self" class="line-clamp-3 inline " data-seo-target > Sens public </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Les sujets d'actualité et les grandes questions qui animent la société sont débattus par les invités de Thomas Hugues. Experts, personnalités politiques ou observateurs, ils analysent les problématiques et confrontent leurs idées afin d'offrir à chacun les clés pour comprendre les enjeux du moment.</p> <div class="flex items-center gap-4"> <p>1h32</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OGNjYWFlMDEyMWU0NmM1YWZhNzE2MTcxYzkyNzhjNg==?w=98&h=139&fit=crop&fm=webp&s=560137c9b56e0c73d1ced863b27330b4, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OGNjYWFlMDEyMWU0NmM1YWZhNzE2MTcxYzkyNzhjNg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9af5a16680e228154334d8181e8af7e2 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OGNjYWFlMDEyMWU0NmM1YWZhNzE2MTcxYzkyNzhjNg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=db92d41cc2c7eea9f97c7f7d8a4c27c4 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OGNjYWFlMDEyMWU0NmM1YWZhNzE2MTcxYzkyNzhjNg==?w=98&h=139&fit=crop&fm=pjpg&s=05621c4bc8989457d4a2fa4b55dc3bc4, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OGNjYWFlMDEyMWU0NmM1YWZhNzE2MTcxYzkyNzhjNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=b95c78c171c98f1df0a0034e8c8023df 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OGNjYWFlMDEyMWU0NmM1YWZhNzE2MTcxYzkyNzhjNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=a187360297fca749fedad79deb7a1d96 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OGNjYWFlMDEyMWU0NmM1YWZhNzE2MTcxYzkyNzhjNg==?w=98&h=139&fit=crop&fm=pjpg&s=05621c4bc8989457d4a2fa4b55dc3bc4" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OGNjYWFlMDEyMWU0NmM1YWZhNzE2MTcxYzkyNzhjNg==?w=98&h=139&fit=crop&fm=pjpg&s=05621c4bc8989457d4a2fa4b55dc3bc4, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OGNjYWFlMDEyMWU0NmM1YWZhNzE2MTcxYzkyNzhjNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=b95c78c171c98f1df0a0034e8c8023df 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OGNjYWFlMDEyMWU0NmM1YWZhNzE2MTcxYzkyNzhjNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=a187360297fca749fedad79deb7a1d96 3x" alt="Sens public" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744056000" data-end="1744061520" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=webp&s=f34fed9e2ccdd8c95d674085b97857cd, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=2&s=b10545fc1fca33686d36b85fba435820 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=webp&dpr=3&s=a6239ec5b659cea30d2d7f67e8dd1a16 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=71bfdb81b37491c3b707e4c745a64a40, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=357e909f8c4442a7ecf6859d1dbac089 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=4b879b290fec1410de7bee38970d0065 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=71bfdb81b37491c3b707e4c745a64a40" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&s=71bfdb81b37491c3b707e4c745a64a40, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=357e909f8c4442a7ecf6859d1dbac089 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzc4LnBuZw==?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=4b879b290fec1410de7bee38970d0065 3x" alt="France 4" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-4" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 14 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="901616" data-brodcast-start="1744052400" data-brodcast-end="1744057200" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h00</p> <p class="text-contrast-medium">Magazine</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/culturebox-le-show/355728" target="_self" class="line-clamp-3 inline " data-seo-target > Culturebox, le show </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Le rendez-vous hebdomadaire "Culturebox, le show" offre une expérience sur scène et en coulisses du monde de la culture depuis la Maison des Métallos à Paris.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>1h20</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDgzZTY1ZTRlOTA0MmNlYTdlNzdlNDcyY2M1MjhjOA==?w=98&h=139&fit=crop&fm=webp&s=e283848aaf716b296e1c812c008aa234, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDgzZTY1ZTRlOTA0MmNlYTdlNzdlNDcyY2M1MjhjOA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=8ba7dab064052a565782a1b8028ee0f5 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDgzZTY1ZTRlOTA0MmNlYTdlNzdlNDcyY2M1MjhjOA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=4378ee58cd72776aee0e9b8ce7964fd2 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDgzZTY1ZTRlOTA0MmNlYTdlNzdlNDcyY2M1MjhjOA==?w=98&h=139&fit=crop&fm=pjpg&s=c4c15b49e888cbdf35ffc10c9a960522, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDgzZTY1ZTRlOTA0MmNlYTdlNzdlNDcyY2M1MjhjOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5dd7a8412c56808b9e649a6e3e5c49bb 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDgzZTY1ZTRlOTA0MmNlYTdlNzdlNDcyY2M1MjhjOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=664c877aa7498e716c4fc6c7a89390ca 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDgzZTY1ZTRlOTA0MmNlYTdlNzdlNDcyY2M1MjhjOA==?w=98&h=139&fit=crop&fm=pjpg&s=c4c15b49e888cbdf35ffc10c9a960522" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDgzZTY1ZTRlOTA0MmNlYTdlNzdlNDcyY2M1MjhjOA==?w=98&h=139&fit=crop&fm=pjpg&s=c4c15b49e888cbdf35ffc10c9a960522, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDgzZTY1ZTRlOTA0MmNlYTdlNzdlNDcyY2M1MjhjOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5dd7a8412c56808b9e649a6e3e5c49bb 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDgzZTY1ZTRlOTA0MmNlYTdlNzdlNDcyY2M1MjhjOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=664c877aa7498e716c4fc6c7a89390ca 3x" alt="Culturebox, le show" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052400" data-end="1744057200" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="901617" data-brodcast-start="1744057200" data-brodcast-end="1744060500" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h20</p> <p class="text-contrast-medium">Emission / Divertissement</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/planete-rap/355729" target="_self" class="line-clamp-3 inline " data-seo-target > Planète Rap </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">J9ueve revient sur son rôle de chef de file de la nouvelle génération, sur ses collaborations prestigieuses avec La Fève, Leto, Genezio, Green Montana ou encore Zamdane.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OWEzYzc5ZmFiZjA0YTRjYmUzZjk4ODQ2ZGE4ZDc0Nw==?w=98&h=139&fit=crop&fm=webp&s=a1d39ded207434652c13568c8f92f244, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OWEzYzc5ZmFiZjA0YTRjYmUzZjk4ODQ2ZGE4ZDc0Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=b003dab4018de8ecb8e0566c118489b0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OWEzYzc5ZmFiZjA0YTRjYmUzZjk4ODQ2ZGE4ZDc0Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=f1b00dfbf267d4ac15aba5f06127f529 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OWEzYzc5ZmFiZjA0YTRjYmUzZjk4ODQ2ZGE4ZDc0Nw==?w=98&h=139&fit=crop&fm=pjpg&s=63558a3486a5bc8c67095c4526ffeaa9, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OWEzYzc5ZmFiZjA0YTRjYmUzZjk4ODQ2ZGE4ZDc0Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=87e427313cc08c6275472f5ca27f7469 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OWEzYzc5ZmFiZjA0YTRjYmUzZjk4ODQ2ZGE4ZDc0Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=ac02fc01a43c5a3c51c634fffcea6d7b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OWEzYzc5ZmFiZjA0YTRjYmUzZjk4ODQ2ZGE4ZDc0Nw==?w=98&h=139&fit=crop&fm=pjpg&s=63558a3486a5bc8c67095c4526ffeaa9" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OWEzYzc5ZmFiZjA0YTRjYmUzZjk4ODQ2ZGE4ZDc0Nw==?w=98&h=139&fit=crop&fm=pjpg&s=63558a3486a5bc8c67095c4526ffeaa9, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OWEzYzc5ZmFiZjA0YTRjYmUzZjk4ODQ2ZGE4ZDc0Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=87e427313cc08c6275472f5ca27f7469 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85OWEzYzc5ZmFiZjA0YTRjYmUzZjk4ODQ2ZGE4ZDc0Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=ac02fc01a43c5a3c51c634fffcea6d7b 3x" alt="Planète Rap" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744057200" data-end="1744060500" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=webp&s=a4c76d6a261d76d688a9ebd0b9b649c2, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=3e8ddf90d3d7eabcc166600ff5e83c26 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=95c12ea7676518e2e53a74175c193241 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=28f462fae661f0f3697c8c50c770070c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=5daf60911a2fb2b2beb37a80815f61c0 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=d3a617e0ebb769ac25f44b72418ed4e1 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=28f462fae661f0f3697c8c50c770070c" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=28f462fae661f0f3697c8c50c770070c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=5daf60911a2fb2b2beb37a80815f61c0 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4MS5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=d3a617e0ebb769ac25f44b72418ed4e1 3x" alt="BFM TV" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/bfm-tv" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 15 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="900640" data-brodcast-start="1744048800" data-brodcast-end="1744056000" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">20h00</p> <p class="text-contrast-medium">Magazine / Actualité</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/20h-bfm/355074" target="_self" class="line-clamp-3 inline " data-seo-target > 20h BFM </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Le rendez-vous d'info incontournable. Maxime Switek et Alice Darfeuille présentent un grand journal de deux heures, accompagnés de plusieurs chroniqueurs.</p> <div class="flex items-center gap-4"> <p>2h00</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hZDM3MmI5MjZkZTQ0YjA0YWY4YjE3ZjBiOWE2MGYxOA==?w=98&h=139&fit=crop&fm=webp&s=e63bfc90aa5adfdee5b71a7616c11e17, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hZDM3MmI5MjZkZTQ0YjA0YWY4YjE3ZjBiOWE2MGYxOA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=93ae4546a8db232452b28eaa887bc8a8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hZDM3MmI5MjZkZTQ0YjA0YWY4YjE3ZjBiOWE2MGYxOA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=45a6298c809a5d73abe3f3c4141ba34b 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hZDM3MmI5MjZkZTQ0YjA0YWY4YjE3ZjBiOWE2MGYxOA==?w=98&h=139&fit=crop&fm=pjpg&s=7b70081cabca21ef0ae186b52e0ebe28, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hZDM3MmI5MjZkZTQ0YjA0YWY4YjE3ZjBiOWE2MGYxOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=df710da0aaa0c1e481611ec783fddf5c 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hZDM3MmI5MjZkZTQ0YjA0YWY4YjE3ZjBiOWE2MGYxOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=44e8369fa96f22089ec582576133520c 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hZDM3MmI5MjZkZTQ0YjA0YWY4YjE3ZjBiOWE2MGYxOA==?w=98&h=139&fit=crop&fm=pjpg&s=7b70081cabca21ef0ae186b52e0ebe28" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hZDM3MmI5MjZkZTQ0YjA0YWY4YjE3ZjBiOWE2MGYxOA==?w=98&h=139&fit=crop&fm=pjpg&s=7b70081cabca21ef0ae186b52e0ebe28, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hZDM3MmI5MjZkZTQ0YjA0YWY4YjE3ZjBiOWE2MGYxOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=df710da0aaa0c1e481611ec783fddf5c 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hZDM3MmI5MjZkZTQ0YjA0YWY4YjE3ZjBiOWE2MGYxOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=44e8369fa96f22089ec582576133520c 3x" alt="20h BFM" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744048800" data-end="1744056000" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="900641" data-brodcast-start="1744056000" data-brodcast-end="1744063200" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h00</p> <p class="text-contrast-medium">Magazine / Information</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/perrine-jusqua-minuit/355075" target="_self" class="line-clamp-3 inline " data-seo-target > Perrine jusqu'à minuit </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Du lundi au jeudi, Perrine Storme fait le tour des images marquantes et des déclarations fortes de la journée, avec chroniqueurs, invités et éditorialistes.</p> <div class="flex items-center gap-4"> <p>2h00</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zOGYxNmJhMjkxZWE0MGI3YjcwMjBjNWRjMGMzODZhZQ==?w=98&h=139&fit=crop&fm=webp&s=489929d6a81a8df44be7165b9fc2d09c, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zOGYxNmJhMjkxZWE0MGI3YjcwMjBjNWRjMGMzODZhZQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=1c7b645214e2ab160c3c233fe971a8d7 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zOGYxNmJhMjkxZWE0MGI3YjcwMjBjNWRjMGMzODZhZQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=244cfd9eb00cd0c9f5eb0d4cd687cf69 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zOGYxNmJhMjkxZWE0MGI3YjcwMjBjNWRjMGMzODZhZQ==?w=98&h=139&fit=crop&fm=pjpg&s=611c4dad6afffbb6662ebd730b7c3450, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zOGYxNmJhMjkxZWE0MGI3YjcwMjBjNWRjMGMzODZhZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=58d394c37410994c431e7412c57f3101 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zOGYxNmJhMjkxZWE0MGI3YjcwMjBjNWRjMGMzODZhZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=c2ce00eb9288914ac3553fe82ffefef0 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zOGYxNmJhMjkxZWE0MGI3YjcwMjBjNWRjMGMzODZhZQ==?w=98&h=139&fit=crop&fm=pjpg&s=611c4dad6afffbb6662ebd730b7c3450" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zOGYxNmJhMjkxZWE0MGI3YjcwMjBjNWRjMGMzODZhZQ==?w=98&h=139&fit=crop&fm=pjpg&s=611c4dad6afffbb6662ebd730b7c3450, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zOGYxNmJhMjkxZWE0MGI3YjcwMjBjNWRjMGMzODZhZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=58d394c37410994c431e7412c57f3101 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zOGYxNmJhMjkxZWE0MGI3YjcwMjBjNWRjMGMzODZhZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=c2ce00eb9288914ac3553fe82ffefef0 3x" alt="Perrine jusqu'à minuit" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744056000" data-end="1744063200" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=webp&s=7527cc3df07ca309c495694863fe3386, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=85283215850ea83cddfc1a660cf9ebda 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=343581970d2dfad27290e960eeff8336 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=232b12334038a4d6cc41c4a56d368e59, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=e93e255fe41d0909e23c8e17805678d2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=1d573df82fcfbb0bca3a1d43fb0d847d 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=232b12334038a4d6cc41c4a56d368e59" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=232b12334038a4d6cc41c4a56d368e59, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=e93e255fe41d0909e23c8e17805678d2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIyNi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=1d573df82fcfbb0bca3a1d43fb0d847d 3x" alt="CNews" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/cnews" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 16 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898850" data-brodcast-start="1744049100" data-brodcast-end="1744052640" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">20h05</p> <p class="text-contrast-medium">Magazine / Actualité</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/lheure-des-pros-2/354594" target="_self" class="line-clamp-3 inline " data-seo-target > L'Heure des Pros 2 </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Les invités de #HDPros2 débattent des grands thèmes de l'actualité. Présenté par Pascal Praud du lundi au jeudi et Julien Pasquet le vendredi.</p> <div class="flex items-center gap-4"> <p>59min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=webp&s=f4d2f754b589ff5d971e68a45ee45afd, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=ec423a3b01cf309d1d5eedad9b4076dc 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=c5062cf8f6f8e554482459be765dfda3 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&s=bd056d175db707aac40c6b3ead98daa2, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=dbf8c2add3e0902a5372b68b710524ac 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=3fae6ad58039380729c639038a633dc6 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&s=bd056d175db707aac40c6b3ead98daa2" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&s=bd056d175db707aac40c6b3ead98daa2, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=dbf8c2add3e0902a5372b68b710524ac 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=3fae6ad58039380729c639038a633dc6 3x" alt="L'Heure des Pros 2" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744049100" data-end="1744052640" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="925794" data-brodcast-start="1744049100" data-brodcast-end="1744052700" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">20h05</p> <p class="text-contrast-medium">Magazine / Actualité</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/lheure-des-pros-2/364665" target="_self" class="line-clamp-3 inline " data-seo-target > L'Heure des Pros 2 </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Les invités de #HDPros2 débattent des grands thèmes de l'actualité. Présenté par Pascal Praud du lundi au jeudi et Julien Pasquet le vendredi.</p> <div class="flex items-center gap-4"> <p>1h00</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=webp&s=f4d2f754b589ff5d971e68a45ee45afd, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=ec423a3b01cf309d1d5eedad9b4076dc 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=c5062cf8f6f8e554482459be765dfda3 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&s=bd056d175db707aac40c6b3ead98daa2, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=dbf8c2add3e0902a5372b68b710524ac 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=3fae6ad58039380729c639038a633dc6 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&s=bd056d175db707aac40c6b3ead98daa2" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&s=bd056d175db707aac40c6b3ead98daa2, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=dbf8c2add3e0902a5372b68b710524ac 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iZTBmZWFlZTFiZDI0ZWE3OWQ4YmJhODEwZmE5NTg3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=3fae6ad58039380729c639038a633dc6 3x" alt="L'Heure des Pros 2" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744049100" data-end="1744052700" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ1OC5wbmc=?w=38&h=38&fit=crop&fm=webp&s=000aacef2f8790914c72bd92ac473d23, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ1OC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=6095e12e5049fc1b894ef0b14982edcf 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ1OC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=58ee6b598117e3dc493dddc2a8868ded 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ1OC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=6544dabc0ca573f431f493bcf6b41e30, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ1OC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=2fac01d833d9fd5bbc70e9bd3fc5ade3 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ1OC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=1b42f3b9ce206bf8e4e18745ee4310d0 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ1OC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=6544dabc0ca573f431f493bcf6b41e30" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ1OC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=6544dabc0ca573f431f493bcf6b41e30, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ1OC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=2fac01d833d9fd5bbc70e9bd3fc5ade3 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ1OC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=1b42f3b9ce206bf8e4e18745ee4310d0 3x" alt="CSTAR" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/cstar" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 17 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="900529" data-brodcast-start="1744052940" data-brodcast-end="1744058940" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h09</p> <p class="text-contrast-medium">One man show</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/laura-felpin-ca-passe/121094" target="_self" class="line-clamp-3 inline " data-seo-target > Laura Felpin : Ça passe </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un spectacle capté au Trianon, à Paris. Laura Felpin, récompensée d'un Molière de l'humour en 2023, est seule en scène dans ce one-woman-show qui selon ses mots "va passer". En observant la vie quotidienne de ses contemporains, l'humoriste parvient à en capter les moments absurdes et surréalistes qui jalonnent les existences. Avec sa gouaille et toute une galerie de personnages, Laura Felpin emmène son public dans tous les petits travers de la vie, tout en y incrustant des passages de sa propre vie. Avec malice et ingéniosité, la jeune femme l'assure "ça va passer" au final !</p> <div class="flex items-center gap-4"> <p>1h40</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NWYwMWM4NDAzNzc0NzRmYjlkYTMwYzRlZTY5MzEzMQ==?w=98&h=139&fit=crop&fm=webp&s=a5b0ecb3ab76c60bd5a92ffed144f46e, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NWYwMWM4NDAzNzc0NzRmYjlkYTMwYzRlZTY5MzEzMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=f25ada7bd841a009caa270eafe6d1e47 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NWYwMWM4NDAzNzc0NzRmYjlkYTMwYzRlZTY5MzEzMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9ff9530a7227662f46399fa3e4b16108 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NWYwMWM4NDAzNzc0NzRmYjlkYTMwYzRlZTY5MzEzMQ==?w=98&h=139&fit=crop&fm=pjpg&s=4b6b98fc3f182dc52f50b8474efc7667, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NWYwMWM4NDAzNzc0NzRmYjlkYTMwYzRlZTY5MzEzMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=7538a1bc35924f86adbac6a9ec3cb2dd 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NWYwMWM4NDAzNzc0NzRmYjlkYTMwYzRlZTY5MzEzMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d8cc755bd71feb7899021c3ad8cd2442 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NWYwMWM4NDAzNzc0NzRmYjlkYTMwYzRlZTY5MzEzMQ==?w=98&h=139&fit=crop&fm=pjpg&s=4b6b98fc3f182dc52f50b8474efc7667" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NWYwMWM4NDAzNzc0NzRmYjlkYTMwYzRlZTY5MzEzMQ==?w=98&h=139&fit=crop&fm=pjpg&s=4b6b98fc3f182dc52f50b8474efc7667, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NWYwMWM4NDAzNzc0NzRmYjlkYTMwYzRlZTY5MzEzMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=7538a1bc35924f86adbac6a9ec3cb2dd 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NWYwMWM4NDAzNzc0NzRmYjlkYTMwYzRlZTY5MzEzMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d8cc755bd71feb7899021c3ad8cd2442 3x" alt="Laura Felpin : Ça passe" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052940" data-end="1744058940" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="900530" data-brodcast-start="1744058940" data-brodcast-end="1744070220" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h49</p> <p class="text-contrast-medium">Spectacle</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/les-duos-impossibles-de-jeremy-ferrari/16100" target="_self" class="line-clamp-3 inline " data-seo-target > Les duos impossibles de Jérémy Ferrari </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Jérémy Ferrari s'entoure de Florence Foresti, Alban Ivanov, Paul Mirabel, Ahmed Sylla, Artus, Baptiste Lecaplain, Arnaud Tsamere et Alexandre Komin, pour célébrer les 10 ans de ses "Duos impossibles". Sur scène, Jérémy Ferrari forme avec l'un de ses complices du rire un duo inédit dans un sketch qui est tout aussi inédit. Avec de tels experts de l'humour, les sketches prennent des allures inattendues et des moments de rigolade surgissent très rapidement. Cette formule des duos a fait ses preuves depuis 10 ans et Jérémy Ferrari , maître absolu de l'humour taquin, compte bien prolonger les tranches de rire. </p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_10" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 10" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 16.8001V9.76446L5.99995 10.4641V8.56326L10.0392 7.09806V16.8001H7.94035Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7859 16.9453C13.7299 16.9453 12.7663 16.4965 12.1459 15.6517C11.5519 14.8333 11.2747 13.6981 11.2747 12.0217C11.2747 10.3453 11.5519 9.21006 12.1459 8.39166C12.7663 7.54686 13.7299 7.09806 14.7859 7.09806C15.8551 7.09806 16.8055 7.54686 17.4259 8.39166C18.0199 9.21006 18.2971 10.3453 18.2971 12.0217C18.2971 13.6981 18.0199 14.8333 17.4259 15.6517C16.8055 16.4965 15.8551 16.9453 14.7859 16.9453ZM14.7859 15.0709C15.2215 15.0709 15.5383 14.8465 15.7495 14.5561C16.0663 14.1073 16.1983 13.3549 16.1983 12.0085C16.1983 10.8073 16.0927 9.97566 15.7495 9.48726C15.5383 9.18366 15.2215 8.97246 14.7859 8.97246C14.3635 8.97246 14.0335 9.18366 13.8223 9.48726C13.4923 9.96246 13.3735 10.8073 13.3735 12.0349C13.3735 13.3417 13.5055 14.1073 13.8223 14.5561C14.0335 14.8465 14.3635 15.0709 14.7859 15.0709Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4Z" /> </svg> </div> <p>3h08</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xMjRiZmFmZjY4MTA0NTEzYmUxODdjNGY3NWUxZGFlZQ==?w=98&h=139&fit=crop&fm=webp&s=a413228b9ba58f901c6f35e536af4498, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xMjRiZmFmZjY4MTA0NTEzYmUxODdjNGY3NWUxZGFlZQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=8abf1a3b36f4bd12802e42d77c785f5f 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xMjRiZmFmZjY4MTA0NTEzYmUxODdjNGY3NWUxZGFlZQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=f5542396f1748c0ae5b898f4af5e2ac0 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xMjRiZmFmZjY4MTA0NTEzYmUxODdjNGY3NWUxZGFlZQ==?w=98&h=139&fit=crop&fm=pjpg&s=fc442b18ca5c8c49e0e3eef0960a0ee8, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xMjRiZmFmZjY4MTA0NTEzYmUxODdjNGY3NWUxZGFlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=c13f00759d92008abf753be4d835a1f1 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xMjRiZmFmZjY4MTA0NTEzYmUxODdjNGY3NWUxZGFlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=9c8a662bdff355a69698d3c08c706dcf 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xMjRiZmFmZjY4MTA0NTEzYmUxODdjNGY3NWUxZGFlZQ==?w=98&h=139&fit=crop&fm=pjpg&s=fc442b18ca5c8c49e0e3eef0960a0ee8" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xMjRiZmFmZjY4MTA0NTEzYmUxODdjNGY3NWUxZGFlZQ==?w=98&h=139&fit=crop&fm=pjpg&s=fc442b18ca5c8c49e0e3eef0960a0ee8, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xMjRiZmFmZjY4MTA0NTEzYmUxODdjNGY3NWUxZGFlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=c13f00759d92008abf753be4d835a1f1 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xMjRiZmFmZjY4MTA0NTEzYmUxODdjNGY3NWUxZGFlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=9c8a662bdff355a69698d3c08c706dcf 3x" alt="Les duos impossibles de Jérémy Ferrari" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058940" data-end="1744070220" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&s=967da54cb59b87b1992b3e49628f2888, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=70ceb533d361cdd28154e690b200d129 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4Mi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=dc829438c4f4234d97ce7bab4b47fc9e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=2237c448f9010105793a52cbc4a3e387, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=1af0b2e0cccf28846d031f0ccd633085 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=5f3efaddad2a17ed8ba65d7ce6bf24c9 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=2237c448f9010105793a52cbc4a3e387" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=2237c448f9010105793a52cbc4a3e387, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=1af0b2e0cccf28846d031f0ccd633085 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzQ4Mi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=5f3efaddad2a17ed8ba65d7ce6bf24c9 3x" alt="Gulli" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/gulli" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 18 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="900669" data-brodcast-start="1744052700" data-brodcast-end="1744059300" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/playmobil-le-film" target="_self" class="line-clamp-3 inline " data-seo-target > Playmobil : Le film </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Très inquiète, Marla a perdu la trace de son petit frère Charlie, 10 ans. Elle va tout tenter pour le retrouver dans le monde merveilleux de Playmobil. En chemin, elle rencontre Del, au volant de son food truck, qui lui propose de faire équipe avec Rex Dasher, un agent secret élégant à la James Bond...</p> <div class="flex items-center gap-4"> <p>1h50</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMThjODdiZTI4NzM0NmUxYjFkY2M4M2M3YmZhY2NlOA==?w=98&h=139&fit=crop&fm=webp&s=335863e99987273f74f64258d61db496, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMThjODdiZTI4NzM0NmUxYjFkY2M4M2M3YmZhY2NlOA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=98db82d9fbdb4e76e7f6b7d30834d039 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMThjODdiZTI4NzM0NmUxYjFkY2M4M2M3YmZhY2NlOA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=111aa4c44f6b5cde5ad6b65c5dc21d6e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMThjODdiZTI4NzM0NmUxYjFkY2M4M2M3YmZhY2NlOA==?w=98&h=139&fit=crop&fm=pjpg&s=808b7d66a866c23e258b552c15ccc7d8, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMThjODdiZTI4NzM0NmUxYjFkY2M4M2M3YmZhY2NlOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=686de1481d6bc5cafe8ce008b0e2cf03 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMThjODdiZTI4NzM0NmUxYjFkY2M4M2M3YmZhY2NlOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d59b24c8e2076036ccb551cd35132300 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMThjODdiZTI4NzM0NmUxYjFkY2M4M2M3YmZhY2NlOA==?w=98&h=139&fit=crop&fm=pjpg&s=808b7d66a866c23e258b552c15ccc7d8" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMThjODdiZTI4NzM0NmUxYjFkY2M4M2M3YmZhY2NlOA==?w=98&h=139&fit=crop&fm=pjpg&s=808b7d66a866c23e258b552c15ccc7d8, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMThjODdiZTI4NzM0NmUxYjFkY2M4M2M3YmZhY2NlOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=686de1481d6bc5cafe8ce008b0e2cf03 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMThjODdiZTI4NzM0NmUxYjFkY2M4M2M3YmZhY2NlOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d59b24c8e2076036ccb551cd35132300 3x" alt="Playmobil : Le film" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744059300" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="900670" data-brodcast-start="1744059300" data-brodcast-end="1744062000" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h55</p> <p class="text-contrast-medium">Téléfilm</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/beethoven-chasseur-de-tresor/82809" target="_self" class="line-clamp-3 inline " data-seo-target > Beethoven, chasseur de trésor </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Beethoven part en vacances, avec Sara et son oncle Freddy, dans un ancien village de mineurs. Toujours aussi curieux, le saint-bernard déterre un vieux billet de dix dollars, indice menant à une fortune cachée. Les habitants du village se précipitent alors à la recherche du trésor perdu...</p> <div class="flex items-center gap-4"> <p>45min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmNjMDE5MmY0MGE0MjhiOTQ5NTg3ODhiNTNhMjgwMw==?w=98&h=139&fit=crop&fm=webp&s=d891b3f38b38348930798abe22b63dd7, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmNjMDE5MmY0MGE0MjhiOTQ5NTg3ODhiNTNhMjgwMw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=e5fc5702bfbe7aef6ec557f3fc1e8662 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmNjMDE5MmY0MGE0MjhiOTQ5NTg3ODhiNTNhMjgwMw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=2ee9b59105a22d2f3a768b06f34732f6 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmNjMDE5MmY0MGE0MjhiOTQ5NTg3ODhiNTNhMjgwMw==?w=98&h=139&fit=crop&fm=pjpg&s=c9099c40cd01e4e3dd24a904dd4d2fb9, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmNjMDE5MmY0MGE0MjhiOTQ5NTg3ODhiNTNhMjgwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=6d987048d236306ee4165e8e65d9c309 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmNjMDE5MmY0MGE0MjhiOTQ5NTg3ODhiNTNhMjgwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=476b6369c533f5ed1fc4d7d2029efca1 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmNjMDE5MmY0MGE0MjhiOTQ5NTg3ODhiNTNhMjgwMw==?w=98&h=139&fit=crop&fm=pjpg&s=c9099c40cd01e4e3dd24a904dd4d2fb9" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmNjMDE5MmY0MGE0MjhiOTQ5NTg3ODhiNTNhMjgwMw==?w=98&h=139&fit=crop&fm=pjpg&s=c9099c40cd01e4e3dd24a904dd4d2fb9, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmNjMDE5MmY0MGE0MjhiOTQ5NTg3ODhiNTNhMjgwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=6d987048d236306ee4165e8e65d9c309 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmNjMDE5MmY0MGE0MjhiOTQ5NTg3ODhiNTNhMjgwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=476b6369c533f5ed1fc4d7d2029efca1 3x" alt="Beethoven, chasseur de trésor" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744059300" data-end="1744062000" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDQucG5n?w=38&h=38&fit=crop&fm=webp&s=79590f5480be94490edc11cb2aaac756, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=5d83f607b8d616150972c28d5b336e8e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=79678075d3d51cc2f3d4a7aa2bc5ec16 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=661095dfe7ce44b55cdd7d918b48452f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=cbdd535d469681628adb1567df6982e6 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=fd1b075778bd0d29ebb75bc401c0b7b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=661095dfe7ce44b55cdd7d918b48452f" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=661095dfe7ce44b55cdd7d918b48452f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=cbdd535d469681628adb1567df6982e6 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=fd1b075778bd0d29ebb75bc401c0b7b4 3x" alt="TF1 Séries Films" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/tf1-series-films" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 20 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="896899" data-brodcast-start="1744053000" data-brodcast-end="1744061100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h10</p> <p class="text-contrast-medium">Film</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/mort-sur-le-nil" target="_self" class="line-clamp-3 inline " data-seo-target > Mort sur le Nil </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Linnet Ridgeway a épousé Simon Doyle, le fiancé de Jacqueline, sa meilleure amie. Le couple effectue son voyage de noces en Egypte à bord du "Karnak". Une galerie de personnages inquiétants assombrit l'atmosphère. Lorsqu'un premier meurtre est commis, le détective Hercule Poirot se charge de l'enquête...</p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_10" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 10" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 16.8001V9.76446L5.99995 10.4641V8.56326L10.0392 7.09806V16.8001H7.94035Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7859 16.9453C13.7299 16.9453 12.7663 16.4965 12.1459 15.6517C11.5519 14.8333 11.2747 13.6981 11.2747 12.0217C11.2747 10.3453 11.5519 9.21006 12.1459 8.39166C12.7663 7.54686 13.7299 7.09806 14.7859 7.09806C15.8551 7.09806 16.8055 7.54686 17.4259 8.39166C18.0199 9.21006 18.2971 10.3453 18.2971 12.0217C18.2971 13.6981 18.0199 14.8333 17.4259 15.6517C16.8055 16.4965 15.8551 16.9453 14.7859 16.9453ZM14.7859 15.0709C15.2215 15.0709 15.5383 14.8465 15.7495 14.5561C16.0663 14.1073 16.1983 13.3549 16.1983 12.0085C16.1983 10.8073 16.0927 9.97566 15.7495 9.48726C15.5383 9.18366 15.2215 8.97246 14.7859 8.97246C14.3635 8.97246 14.0335 9.18366 13.8223 9.48726C13.4923 9.96246 13.3735 10.8073 13.3735 12.0349C13.3735 13.3417 13.5055 14.1073 13.8223 14.5561C14.0335 14.8465 14.3635 15.0709 14.7859 15.0709Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4Z" /> </svg> </div> <p>2h15</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9ucEJJZERxT0VlNkV2RTBZTGpBRWo0ekZyMXAuanBn?w=98&h=139&fit=crop&fm=webp&s=c4c699bbd3fd17045b1162803d6cd572, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9ucEJJZERxT0VlNkV2RTBZTGpBRWo0ekZyMXAuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=398b9e6b4e4f7c106c3bf6df45d9a419 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9ucEJJZERxT0VlNkV2RTBZTGpBRWo0ekZyMXAuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=d38e0d40d9bad0b6be34f27ef81bbcc3 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9ucEJJZERxT0VlNkV2RTBZTGpBRWo0ekZyMXAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=6eca8adafa75db59608490bdbc5c64f5, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9ucEJJZERxT0VlNkV2RTBZTGpBRWo0ekZyMXAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=446f68d2b203abfde41ce50b54983870 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9ucEJJZERxT0VlNkV2RTBZTGpBRWo0ekZyMXAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=0efe58cf17b0ec89f99ed47a32064e72 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9ucEJJZERxT0VlNkV2RTBZTGpBRWo0ekZyMXAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=6eca8adafa75db59608490bdbc5c64f5" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9ucEJJZERxT0VlNkV2RTBZTGpBRWo0ekZyMXAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=6eca8adafa75db59608490bdbc5c64f5, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9ucEJJZERxT0VlNkV2RTBZTGpBRWo0ekZyMXAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=446f68d2b203abfde41ce50b54983870 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9ucEJJZERxT0VlNkV2RTBZTGpBRWo0ekZyMXAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=0efe58cf17b0ec89f99ed47a32064e72 3x" alt="Mort sur le Nil" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744053000" data-end="1744061100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="896900" data-brodcast-start="1744061100" data-brodcast-end="1744068300" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">23h25</p> <p class="text-contrast-medium">Film / Policier</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/le-crime-de-lorient-express" target="_self" class="line-clamp-3 inline " data-seo-target > Le crime de l'Orient-Express </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A Constantinople, Hercule Poirot monte à bord de l'Orient-Express. Au wagon-restaurant, il fait la connaissance d'Edward Ratchett, un gangster notoire. Peu de temps après, le malfrat est retrouvé assassiné. Le coupable est forcément dans le train. Hercule Poirot soupçonne les 13 passagers présents...</p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_10" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 10" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 16.8001V9.76446L5.99995 10.4641V8.56326L10.0392 7.09806V16.8001H7.94035Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7859 16.9453C13.7299 16.9453 12.7663 16.4965 12.1459 15.6517C11.5519 14.8333 11.2747 13.6981 11.2747 12.0217C11.2747 10.3453 11.5519 9.21006 12.1459 8.39166C12.7663 7.54686 13.7299 7.09806 14.7859 7.09806C15.8551 7.09806 16.8055 7.54686 17.4259 8.39166C18.0199 9.21006 18.2971 10.3453 18.2971 12.0217C18.2971 13.6981 18.0199 14.8333 17.4259 15.6517C16.8055 16.4965 15.8551 16.9453 14.7859 16.9453ZM14.7859 15.0709C15.2215 15.0709 15.5383 14.8465 15.7495 14.5561C16.0663 14.1073 16.1983 13.3549 16.1983 12.0085C16.1983 10.8073 16.0927 9.97566 15.7495 9.48726C15.5383 9.18366 15.2215 8.97246 14.7859 8.97246C14.3635 8.97246 14.0335 9.18366 13.8223 9.48726C13.4923 9.96246 13.3735 10.8073 13.3735 12.0349C13.3735 13.3417 13.5055 14.1073 13.8223 14.5561C14.0335 14.8465 14.3635 15.0709 14.7859 15.0709Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4Z" /> </svg> </div> <p>2h00</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9uMVFuTzE2WkxUVDZOWlVVTHRhUkJOcGlnT0wuanBn?w=98&h=139&fit=crop&fm=webp&s=d80b4891b1fb6a28fe62a0f7a4ff33b3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9uMVFuTzE2WkxUVDZOWlVVTHRhUkJOcGlnT0wuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=16a2c7074e36d92421e47024ef1f5225 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9uMVFuTzE2WkxUVDZOWlVVTHRhUkJOcGlnT0wuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9d219dc6bde4a26abf1b5c0063336006 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9uMVFuTzE2WkxUVDZOWlVVTHRhUkJOcGlnT0wuanBn?w=98&h=139&fit=crop&fm=pjpg&s=7f691b347a37a7f5a3a3fbab1e46f3a1, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9uMVFuTzE2WkxUVDZOWlVVTHRhUkJOcGlnT0wuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=f52b6997d5f212d2c221414ea6bfe1fe 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9uMVFuTzE2WkxUVDZOWlVVTHRhUkJOcGlnT0wuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=5c69f0d31390790ea07836e8069575a0 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9uMVFuTzE2WkxUVDZOWlVVTHRhUkJOcGlnT0wuanBn?w=98&h=139&fit=crop&fm=pjpg&s=7f691b347a37a7f5a3a3fbab1e46f3a1" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9uMVFuTzE2WkxUVDZOWlVVTHRhUkJOcGlnT0wuanBn?w=98&h=139&fit=crop&fm=pjpg&s=7f691b347a37a7f5a3a3fbab1e46f3a1, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9uMVFuTzE2WkxUVDZOWlVVTHRhUkJOcGlnT0wuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=f52b6997d5f212d2c221414ea6bfe1fe 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9uMVFuTzE2WkxUVDZOWlVVTHRhUkJOcGlnT0wuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=5c69f0d31390790ea07836e8069575a0 3x" alt="Le crime de l'Orient-Express" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744061100" data-end="1744068300" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDEucG5n?w=38&h=38&fit=crop&fm=webp&s=8a538181b8ff8bf1a376e3ad66a4de60, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDEucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=70bfceaf8e0ce82be0681e7b24f6acd1 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDEucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=d7bea9627c5376842edd6c34f1a5c1d3 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1dba6b3ba997b3f863242f4a2e58dabc, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c3c176ba01819eeaeea1bb30b47ca1d3 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=18e1ffb5ab4212ab59de971858f7d281 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1dba6b3ba997b3f863242f4a2e58dabc" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=1dba6b3ba997b3f863242f4a2e58dabc, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c3c176ba01819eeaeea1bb30b47ca1d3 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=18e1ffb5ab4212ab59de971858f7d281 3x" alt="L'Equipe" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/lequipe" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 21 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="896837" data-brodcast-start="1744053300" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h15</p> <p class="text-contrast-medium">Emission / Football</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/france-argentine/354170" target="_self" class="line-clamp-3 inline " data-seo-target > France - Argentine </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Victorieuse de l'Australie et du Pérou mais tenue en échec par le Danemark, la France sort invaincue de la première partie de la Coupe du monde organisée en Russie et débute la phase des matches à élimination directe face à l'Argentine, 2e de son groupe, battue notamment par la Croatie. A Kazan, Kylian Mbappé et ses coéquipiers vont disputer un 8e de finale tourné vers l'offensive, sept buts seront en effet inscrits durant cette rencontre.</p> <div class="flex items-center gap-4"> <p>2h15</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80NjY2MjYyM2VjZWU0ZGQ5YWE3MTEzNDk5ZjFkNDg4ZQ==?w=98&h=139&fit=crop&fm=webp&s=51406084753f990832b9e2b0d5341db1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80NjY2MjYyM2VjZWU0ZGQ5YWE3MTEzNDk5ZjFkNDg4ZQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=286de3dc02520ad34a36785413086cb6 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80NjY2MjYyM2VjZWU0ZGQ5YWE3MTEzNDk5ZjFkNDg4ZQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=5bd2deb528b9a5a6de9f7f9ac4c5b2d5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80NjY2MjYyM2VjZWU0ZGQ5YWE3MTEzNDk5ZjFkNDg4ZQ==?w=98&h=139&fit=crop&fm=pjpg&s=5cf6600c4fc1ccf48ec2f689e74c21fe, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80NjY2MjYyM2VjZWU0ZGQ5YWE3MTEzNDk5ZjFkNDg4ZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=8be59c2964ca83691797c946470145f7 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80NjY2MjYyM2VjZWU0ZGQ5YWE3MTEzNDk5ZjFkNDg4ZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=15d8d4a3e64f5284ba11ef1781b2d8df 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80NjY2MjYyM2VjZWU0ZGQ5YWE3MTEzNDk5ZjFkNDg4ZQ==?w=98&h=139&fit=crop&fm=pjpg&s=5cf6600c4fc1ccf48ec2f689e74c21fe" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80NjY2MjYyM2VjZWU0ZGQ5YWE3MTEzNDk5ZjFkNDg4ZQ==?w=98&h=139&fit=crop&fm=pjpg&s=5cf6600c4fc1ccf48ec2f689e74c21fe, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80NjY2MjYyM2VjZWU0ZGQ5YWE3MTEzNDk5ZjFkNDg4ZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=8be59c2964ca83691797c946470145f7 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80NjY2MjYyM2VjZWU0ZGQ5YWE3MTEzNDk5ZjFkNDg4ZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=15d8d4a3e64f5284ba11ef1781b2d8df 3x" alt="France - Argentine" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744053300" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="896838" data-brodcast-start="1744061400" data-brodcast-end="1744067400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">23h30</p> <p class="text-contrast-medium">Téléfilm / Action</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/survivre/5119" target="_self" class="line-clamp-3 inline " data-seo-target > Survivre : la vengeance ne dort jamais </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Alors qu'ils sont en fuite, deux cambrioleurs, Jamie et Mathias, commettent un vol à main armée dans une station-service au cours duquel Mathias se blesse. Les brigands suivent alors Rich, un médecin, jusque chez lui et le forcent à opérer Mathias en prenant sa famille en otage. Mais les choses tournent mal...</p> <div class="flex items-center gap-4"> <p>1h40</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iYzU5Y2Y3ZTA2NTQ0N2I2YTljNmE5ZWI0NzZmYmFlNg==?w=98&h=139&fit=crop&fm=webp&s=88b9f7fd69da60cdcf98ec81a0d06943, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iYzU5Y2Y3ZTA2NTQ0N2I2YTljNmE5ZWI0NzZmYmFlNg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=5abe0a64689787756a60b0d6ce09373c 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iYzU5Y2Y3ZTA2NTQ0N2I2YTljNmE5ZWI0NzZmYmFlNg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=adcb467ad24253537d54f911b040ad91 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iYzU5Y2Y3ZTA2NTQ0N2I2YTljNmE5ZWI0NzZmYmFlNg==?w=98&h=139&fit=crop&fm=pjpg&s=fb75e359241e7d00c46b88e184956641, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iYzU5Y2Y3ZTA2NTQ0N2I2YTljNmE5ZWI0NzZmYmFlNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=bc13f6a3db226827386a7a9ad3cac501 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iYzU5Y2Y3ZTA2NTQ0N2I2YTljNmE5ZWI0NzZmYmFlNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=9357d0aa7983866d65883e7e503d6202 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iYzU5Y2Y3ZTA2NTQ0N2I2YTljNmE5ZWI0NzZmYmFlNg==?w=98&h=139&fit=crop&fm=pjpg&s=fb75e359241e7d00c46b88e184956641" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iYzU5Y2Y3ZTA2NTQ0N2I2YTljNmE5ZWI0NzZmYmFlNg==?w=98&h=139&fit=crop&fm=pjpg&s=fb75e359241e7d00c46b88e184956641, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iYzU5Y2Y3ZTA2NTQ0N2I2YTljNmE5ZWI0NzZmYmFlNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=bc13f6a3db226827386a7a9ad3cac501 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iYzU5Y2Y3ZTA2NTQ0N2I2YTljNmE5ZWI0NzZmYmFlNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=9357d0aa7983866d65883e7e503d6202 3x" alt="Survivre : la vengeance ne dort jamais" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744061400" data-end="1744067400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-block="newsletter" data-controller="newsletter modal" class="bg-brand-accent p-20 rounded lg:p-40"> <span data-atoms="Tag" class="inline-block bg-tag bg-cover bg-contrast-no-contrast border-4 border-brand-purple rounded font-heading font-black uppercase text-brand-accent shadow-tag rotate-[-5deg] py-5 px-10 text-heading-s before:text-heading-s after:text-heading-s mb-20" > <span data-label="NEWSLETTER" class="relative col-start-1 col-end-2 row-start-1 row-end-2 text-stroke-brand-on-accent text-brand-cyan before:content-[attr(data-label)] before:w-full before:absolute before:z-20 before:top-[-3.5px] before:left-3 before:text-brand-accent after:content-[attr(data-label)] after:w-full after:absolute after:z-0 after:top-[2.5px] after:-left-3 after:text-brand-purple" aria-hidden="true"> <span class="relative z-10">NEWSLETTER</span> </span> </span> <div class="flex flex-col gap-12"> <p data-atoms="Heading" class="font-heading font-black text-heading-m " > Ce soir sur vos écrans </p> <p class="text-body-m text-contrast-highest">Recevez chaque jour votre programme TV complet et une sélection de séries à découvrir sur les plateformes</p> <form data-action="newsletter#handleFormSubmit" class="max-w-487"> <div class="relative"> <input class="relative z-0 w-[calc(100%-50px)] py-11 pl-16 pr-64 bg-contrast-lowest border border-contrast-low rounded text-body-m font-medium" type="email" name="email" aria-label="Votre adresse email" placeholder="Votre adresse email" data-newsletter-target="input"> <input type="hidden" name="mailingList" value="6012"> <button data-atoms="Button" class="group inline-flex items-center justify-center gap-4 font-heading font-black rounded-full cursor-pointer disabled:cursor-not-allowed px-24 text-action-m [&_span]:py-14 bg-contrast-highest text-contrast-no-contrast hover:bg-contrast-high focus:bg-contrast-high disabled:bg-contrast-neutral absolute z-20 right-0 inset-y-0 pa-suscribe_nl_infeed" > <span class="text-center" > S'inscrire </span> </button> </div> <p class="mt-8 text-body-s text-semantic-alert" data-newsletter-target="error"></p> </form> <p class="mt-8 text-body-s text-contrast-medium">Pour plus d’informations sur l’utilisation de mes données personnelles, consultez notre <a href="https://www.diverto.tv/politique-des-cookies-et-gestion-donnees-personnelles" style="text-decoration:underline;">Charte de gestion des données personnelles.</a></p> </div> <dialog data-newsletter-target="thanksDialog" data-modal-target="dialog" class="fixed z-300 mx-0 mb-0 mt-auto w-full max-w-full rounded-t-lg pt-32 px-16 pb-16 animate-from-bottom text-center lg:m-auto lg:max-w-638 lg:pt-52 lg:px-28 lg:pb-28 lg:rounded-lg lg:animate-scale-in backdrop:bg-contrast-highest/75 backdrop:backdrop-blur-sm backdrop:animate-fade-in"> <button class="absolute top-16 right-16 lg:top-28 lg:right-28" data-action="modal#close"> <div data-atoms="Icon" data-name="close" class="grid items-center justify-center w-24 h-24" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 10.1335L5.46676 3.6001L3.6001 5.46676L10.1335 12.0001L3.6001 18.5335L5.46676 20.4002L12.0001 13.8668L18.5334 20.4L20.4 18.5334L13.8668 12.0001L20.4 5.46689L18.5334 3.60023L12.0001 10.1335Z" /> </svg> </div> <span class="sr-only">Fermer</span> </button> <div class="flex flex-col items-center gap-16 lg:gap-28"> <span data-atoms="Tag" class="inline-block bg-tag bg-cover bg-contrast-no-contrast border-4 border-brand-purple rounded font-heading font-black uppercase text-brand-accent shadow-tag rotate-[-5deg] py-5 px-10 text-heading-s before:text-heading-s after:text-heading-s" > <span data-label="NEWSLETTER" class="relative col-start-1 col-end-2 row-start-1 row-end-2 text-stroke-brand-on-accent text-brand-cyan before:content-[attr(data-label)] before:w-full before:absolute before:z-20 before:top-[-3.5px] before:left-3 before:text-brand-accent after:content-[attr(data-label)] after:w-full after:absolute after:z-0 after:top-[2.5px] after:-left-3 after:text-brand-purple" aria-hidden="true"> <span class="relative z-10">NEWSLETTER</span> </span> </span> <div class="max-w-420 mx-auto"> <p data-atoms="Heading" class="font-heading font-black text-heading-m " > Votre inscription a bien été prise en compte, merci ! </p> </div> <button data-atoms="Button" class="group inline-flex items-center justify-center gap-4 font-heading font-black rounded-full cursor-pointer disabled:cursor-not-allowed px-24 text-action-m [&_span]:py-14 bg-brand-accent text-brand-on-accent hover:bg-brand-hover-accent focus:bg-brand-hover-accent disabled:bg-brand-disabled-accent" data-action="modal#close"> <span class="text-center" > Ok </span> </button> </div> </dialog> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDMucG5n?w=38&h=38&fit=crop&fm=webp&s=26a1b12866a809e897166992e2193644, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDMucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=8698957cbea5690838828955979183aa 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDMucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=ec3b02f2c6490d5a0ca7846ac0ba491a 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=3c23534e1d6a71574bee459ef3447797, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=704ee4b6ed8958ea9fab5b9d1b3ae659 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=6dd9d90883d659de4ba5ed69f59aa1ad 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=3c23534e1d6a71574bee459ef3447797" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=3c23534e1d6a71574bee459ef3447797, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=704ee4b6ed8958ea9fab5b9d1b3ae659 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=6dd9d90883d659de4ba5ed69f59aa1ad 3x" alt="6ter" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/6ter" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 22 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="896870" data-brodcast-start="1744053000" data-brodcast-end="1744059300" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h10</p> <p class="text-contrast-medium">Série / Humoristique</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/kaamelott/354182" target="_self" class="line-clamp-3 inline " data-seo-target > Kaamelott </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Britannia, Ve siècle après J.-C. Alors que l'empire romain s'effondre, le royaume de Kaamelott s'organise autour de son souverain, le roi Arthur. Entouré de ses fidèles chevaliers de la Table Ronde, le monarque s'attelle à la mission que les Dieux lui ont confiée : partir à la recherche du Saint Graal.</p> <div class="flex items-center gap-4"> <p>1h45</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=webp&s=b4c3648cf7477fd29e1c564a0db27f5e, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=e09bd32c3e556ba63f846d00c25febee 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=59a1d163ed6d8797bdf6cefa3254e778 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f232dedbb1cd654f5c6a2272d1c43911, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=67cbee69812ff3d5fe588c29f7e1547c 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=68a938827505bae852cfaa30ec2568c0 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f232dedbb1cd654f5c6a2272d1c43911" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f232dedbb1cd654f5c6a2272d1c43911, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=67cbee69812ff3d5fe588c29f7e1547c 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=68a938827505bae852cfaa30ec2568c0 3x" alt="Kaamelott" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744053000" data-end="1744059300" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="896871" data-brodcast-start="1744059300" data-brodcast-end="1744065900" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h55</p> <p class="text-contrast-medium">Série / Humoristique</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/kaamelott/354183" target="_self" class="line-clamp-3 inline " data-seo-target > Kaamelott </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Britannia, Ve siècle après J.-C. Alors que l'empire romain s'effondre, le royaume de Kaamelott s'organise autour de son souverain, le roi Arthur. Entouré de ses fidèles chevaliers de la Table Ronde, le monarque s'attelle à la mission que les Dieux lui ont confiée : partir à la recherche du Saint Graal.</p> <div class="flex items-center gap-4"> <p>1h50</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=webp&s=b4c3648cf7477fd29e1c564a0db27f5e, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=e09bd32c3e556ba63f846d00c25febee 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=59a1d163ed6d8797bdf6cefa3254e778 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f232dedbb1cd654f5c6a2272d1c43911, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=67cbee69812ff3d5fe588c29f7e1547c 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=68a938827505bae852cfaa30ec2568c0 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f232dedbb1cd654f5c6a2272d1c43911" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f232dedbb1cd654f5c6a2272d1c43911, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=67cbee69812ff3d5fe588c29f7e1547c 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9kNlA0TzBMekU0V0ZwNEduU2t6YXVVVG1DMlAuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=68a938827505bae852cfaa30ec2568c0 3x" alt="Kaamelott" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744059300" data-end="1744065900" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDIucG5n?w=38&h=38&fit=crop&fm=webp&s=02c96f62b0d9cd80baa6589446ffd748, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDIucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=b23f671fc3ff64c7f9a67e30f13c25f8 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDIucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=36941d99da562db9c5916f31d0b1adae 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=59346168f5e174976b0d9a0e02fe52fc, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=437f5903033998e2a7a27a783844d3f9 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=8b69abfacd8aa5b7feba328365729667 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=59346168f5e174976b0d9a0e02fe52fc" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=59346168f5e174976b0d9a0e02fe52fc, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=437f5903033998e2a7a27a783844d3f9 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=8b69abfacd8aa5b7feba328365729667 3x" alt="RMC Story" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/rmc-story" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 23 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="896849" data-brodcast-start="1744053000" data-brodcast-end="1744057200" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h10</p> <p class="text-contrast-medium">Documentaire / Aventure</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/triangle-des-bermudes-disparus-sans-laisser-de-trace/44950" target="_self" class="line-clamp-3 inline " data-seo-target > Le triangle des Bermudes : mythe ou réalité ? </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Le triangle des Bermudes est l'une des zones géographiques les plus célèbres et les plus mystérieuses du globe. Elle se situe dans l'océan Atlantique, à l'intérieur d'un triangle formé par l'archipel des Bermudes, la ville de Miami aux Etats-Unis et celle de San Juan à Porto Rico. Selon une croyance répandue, le triangle des Bermudes serait le théâtre d'un grand nombre de disparitions de navires et d'avions et pour la plupart encore aujourd'hui inexpliquées. </p> <div class="flex items-center gap-4"> <p>1h10</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmZiNTlhYjgyMGI0NWEzYWUzYmFmZGMyMzM1YWY5MA==?w=98&h=139&fit=crop&fm=webp&s=04c959289261269135cdd917fdefbe27, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmZiNTlhYjgyMGI0NWEzYWUzYmFmZGMyMzM1YWY5MA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=0c8ed1f5939c4f0c89bf7e3433f371f2 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmZiNTlhYjgyMGI0NWEzYWUzYmFmZGMyMzM1YWY5MA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=4bff94782d088fc655e25df82e7b1ecf 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmZiNTlhYjgyMGI0NWEzYWUzYmFmZGMyMzM1YWY5MA==?w=98&h=139&fit=crop&fm=pjpg&s=49b480a3664e5d96014ad6bf8fa73e37, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmZiNTlhYjgyMGI0NWEzYWUzYmFmZGMyMzM1YWY5MA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=9ae5b489c6fd50ff421dc333945b5d34 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmZiNTlhYjgyMGI0NWEzYWUzYmFmZGMyMzM1YWY5MA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=bccf94146527e01f7752fd0ead978920 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmZiNTlhYjgyMGI0NWEzYWUzYmFmZGMyMzM1YWY5MA==?w=98&h=139&fit=crop&fm=pjpg&s=49b480a3664e5d96014ad6bf8fa73e37" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmZiNTlhYjgyMGI0NWEzYWUzYmFmZGMyMzM1YWY5MA==?w=98&h=139&fit=crop&fm=pjpg&s=49b480a3664e5d96014ad6bf8fa73e37, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmZiNTlhYjgyMGI0NWEzYWUzYmFmZGMyMzM1YWY5MA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=9ae5b489c6fd50ff421dc333945b5d34 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZmZiNTlhYjgyMGI0NWEzYWUzYmFmZGMyMzM1YWY5MA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=bccf94146527e01f7752fd0ead978920 3x" alt="Le triangle des Bermudes : mythe ou réalité ?" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744053000" data-end="1744057200" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="896850" data-brodcast-start="1744057200" data-brodcast-end="1744060200" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h20</p> <p class="text-contrast-medium">Documentaire / Religion</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/ou-est-le-saint-graal-les-dernieres-theories/354176" target="_self" class="line-clamp-3 inline " data-seo-target > Où est le Saint-Graal : les dernières théories </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Le Saint-Graal est un trésor convoité par tous, des empereurs romains à Adolf Hitler, un objet sacré censé détenir d'incroyables pouvoirs de guérison, de résurrection et d'immortalité. Il s'agit peut-être de la relique la plus recherchée au monde, mais que représente-t-elle exactement ? Pourra-t-on un jour le trouver ?</p> <div class="flex items-center gap-4"> <p>50min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmQxYjA1YWVlMWU0OTQ1YTNhZjAwMTYwM2VmOTQ0YQ==?w=98&h=139&fit=crop&fm=webp&s=85ab5639798e76699b32192cb383fff1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmQxYjA1YWVlMWU0OTQ1YTNhZjAwMTYwM2VmOTQ0YQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=cfc180ce2c639cd086a91e9a24a5b30c 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmQxYjA1YWVlMWU0OTQ1YTNhZjAwMTYwM2VmOTQ0YQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=3c23c0e158ceb220a18643e1507ee621 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmQxYjA1YWVlMWU0OTQ1YTNhZjAwMTYwM2VmOTQ0YQ==?w=98&h=139&fit=crop&fm=pjpg&s=d1136c5f366a14b44be9f94c926cf79c, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmQxYjA1YWVlMWU0OTQ1YTNhZjAwMTYwM2VmOTQ0YQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=724e7746333c040bdf6de95412e58369 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmQxYjA1YWVlMWU0OTQ1YTNhZjAwMTYwM2VmOTQ0YQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=08d2ba515fd7a366d1de58a305046c12 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmQxYjA1YWVlMWU0OTQ1YTNhZjAwMTYwM2VmOTQ0YQ==?w=98&h=139&fit=crop&fm=pjpg&s=d1136c5f366a14b44be9f94c926cf79c" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmQxYjA1YWVlMWU0OTQ1YTNhZjAwMTYwM2VmOTQ0YQ==?w=98&h=139&fit=crop&fm=pjpg&s=d1136c5f366a14b44be9f94c926cf79c, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmQxYjA1YWVlMWU0OTQ1YTNhZjAwMTYwM2VmOTQ0YQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=724e7746333c040bdf6de95412e58369 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xYmQxYjA1YWVlMWU0OTQ1YTNhZjAwMTYwM2VmOTQ0YQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=08d2ba515fd7a366d1de58a305046c12 3x" alt="Où est le Saint-Graal : les dernières théories" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744057200" data-end="1744060200" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDAucG5n?w=38&h=38&fit=crop&fm=webp&s=66af7b8052fb2accbf27e9bcdf8ab8ba, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDAucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=5b4d8294b9c85e3659f85f1361d136f0 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDAucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=0fdda655bcae2503ca06a3a9d6a9af8d 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDAucG5n?w=38&h=38&fit=crop&fm=pjpg&s=4f871f92048cdc4ab866530438f59979, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDAucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c166c813e01882a3f8ff61befa7e8bfc 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDAucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=84e67e2e97248f254194bc0d99f9004b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDAucG5n?w=38&h=38&fit=crop&fm=pjpg&s=4f871f92048cdc4ab866530438f59979" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDAucG5n?w=38&h=38&fit=crop&fm=pjpg&s=4f871f92048cdc4ab866530438f59979, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDAucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=c166c813e01882a3f8ff61befa7e8bfc 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE0MDAucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=84e67e2e97248f254194bc0d99f9004b 3x" alt="RMC Découverte" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/rmc-decouverte" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 24 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="896824" data-brodcast-start="1744053300" data-brodcast-end="1744058400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h15</p> <p class="text-contrast-medium">Documentaire / Sciences et technique</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/vintage-mecanic/354165" target="_self" class="line-clamp-3 inline " data-seo-target > Vintage Mecanic </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">François Allain, toujours en quête de défis mécaniques audacieux, a mis la main sur une perle rare : une Ferrari 456 M GT, une youngtimer italienne avec son mythique moteur V12. Un travail colossal attend l'expert automobile : dépose du moteur/boîte pour accéder au treillis avant, révision complète du moteur incluant l'embrayage, la distribution et l'allumage. La boîte de vitesses manuelle va subir un gros coup de nettoyage. Les pneus et les freins sont également au menu de cette vaste entreprise. Après ce travail minutieux, il faudra tout remonter et effectuer un redémarrage réussi. François parviendra-t-il à faire de cette Ferrari 456 M GT une reine de la route ?</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>1h25</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMDI1MGNkZDIwMzY0MWJkOWVlNDMyYzQ4YzU3OGE5Nw==?w=98&h=139&fit=crop&fm=webp&s=388064d7d6b934f8548fbba09f49a4c8, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMDI1MGNkZDIwMzY0MWJkOWVlNDMyYzQ4YzU3OGE5Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=603a3d64a271dc658113f617e823a15b 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMDI1MGNkZDIwMzY0MWJkOWVlNDMyYzQ4YzU3OGE5Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=7c2acfdc7ef8b26296ac345379ebc364 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMDI1MGNkZDIwMzY0MWJkOWVlNDMyYzQ4YzU3OGE5Nw==?w=98&h=139&fit=crop&fm=pjpg&s=ae8ccb4e4bdb56535007a062a06e0bb3, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMDI1MGNkZDIwMzY0MWJkOWVlNDMyYzQ4YzU3OGE5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=013f104d2d56bbc735c40f4656c064bd 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMDI1MGNkZDIwMzY0MWJkOWVlNDMyYzQ4YzU3OGE5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=996ca5e124299281a26707b3074c8b36 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMDI1MGNkZDIwMzY0MWJkOWVlNDMyYzQ4YzU3OGE5Nw==?w=98&h=139&fit=crop&fm=pjpg&s=ae8ccb4e4bdb56535007a062a06e0bb3" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMDI1MGNkZDIwMzY0MWJkOWVlNDMyYzQ4YzU3OGE5Nw==?w=98&h=139&fit=crop&fm=pjpg&s=ae8ccb4e4bdb56535007a062a06e0bb3, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMDI1MGNkZDIwMzY0MWJkOWVlNDMyYzQ4YzU3OGE5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=013f104d2d56bbc735c40f4656c064bd 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yMDI1MGNkZDIwMzY0MWJkOWVlNDMyYzQ4YzU3OGE5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=996ca5e124299281a26707b3074c8b36 3x" alt="Vintage Mecanic" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744053300" data-end="1744058400" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="896825" data-brodcast-start="1744058400" data-brodcast-end="1744062660" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h40</p> <p class="text-contrast-medium">Documentaire / Sciences et technique</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/vintage-mecanic/218815" target="_self" class="line-clamp-3 inline " data-seo-target > Vintage Mecanic </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Nouveau challenge pour François : tenter de ressusciter une AC Cobra "Continuation", version rééditée et validée par la légende Caroll Shelby lui-même dans les années 80 sur le modèle de la mythique version des années 60. Il s'agit ni plus ni moins de la voiture la plus copiée au monde. Cependant le défi est loin d'être gagné car le véhicule a été copieusement saccagé.</p> <div class="flex items-center gap-4"> <p>1h11</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjBiNTFmODFiNDM0M2ZjOWUxZGUzODM1MmFhODU4Zg==?w=98&h=139&fit=crop&fm=webp&s=aa56e88274fb603f170f3b882f7286f7, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjBiNTFmODFiNDM0M2ZjOWUxZGUzODM1MmFhODU4Zg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=fe33789a26f7081ef963503b2688b19c 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjBiNTFmODFiNDM0M2ZjOWUxZGUzODM1MmFhODU4Zg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=667a48087e4f919e8546cc9ded171741 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjBiNTFmODFiNDM0M2ZjOWUxZGUzODM1MmFhODU4Zg==?w=98&h=139&fit=crop&fm=pjpg&s=9ecfa725b81fcf0c875e8b2e9fa3498d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjBiNTFmODFiNDM0M2ZjOWUxZGUzODM1MmFhODU4Zg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=3c7cf4cdb69355b27344eac9c767a876 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjBiNTFmODFiNDM0M2ZjOWUxZGUzODM1MmFhODU4Zg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=e8f52843a00d0da705d1b95c6e35e8e1 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjBiNTFmODFiNDM0M2ZjOWUxZGUzODM1MmFhODU4Zg==?w=98&h=139&fit=crop&fm=pjpg&s=9ecfa725b81fcf0c875e8b2e9fa3498d" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjBiNTFmODFiNDM0M2ZjOWUxZGUzODM1MmFhODU4Zg==?w=98&h=139&fit=crop&fm=pjpg&s=9ecfa725b81fcf0c875e8b2e9fa3498d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjBiNTFmODFiNDM0M2ZjOWUxZGUzODM1MmFhODU4Zg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=3c7cf4cdb69355b27344eac9c767a876 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85NjBiNTFmODFiNDM0M2ZjOWUxZGUzODM1MmFhODU4Zg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=e8f52843a00d0da705d1b95c6e35e8e1 3x" alt="Vintage Mecanic" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058400" data-end="1744062660" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzEzOTkucG5n?w=38&h=38&fit=crop&fm=webp&s=70ca777f077b057b38128e87e2b6f640, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzEzOTkucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=2bc18f5455f00b40877b5e4a25c85d40 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzEzOTkucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=e789ac9bd399087a4405003d13de6aaf 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzEzOTkucG5n?w=38&h=38&fit=crop&fm=pjpg&s=cace0d85ab56687c6273dc5067c94121, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzEzOTkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=b5ebd5fee8e74e053612ba779b17f376 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzEzOTkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=1d02359936bab79e89616f1af0117961 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzEzOTkucG5n?w=38&h=38&fit=crop&fm=pjpg&s=cace0d85ab56687c6273dc5067c94121" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzEzOTkucG5n?w=38&h=38&fit=crop&fm=pjpg&s=cace0d85ab56687c6273dc5067c94121, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzEzOTkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=b5ebd5fee8e74e053612ba779b17f376 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzEzOTkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=1d02359936bab79e89616f1af0117961 3x" alt="Chérie 25" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/cherie-25" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 25 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="896806" data-brodcast-start="1744052700" data-brodcast-end="1744058700" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Magazine / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/crimes/354155" target="_self" class="line-clamp-3 inline " data-seo-target > Crimes </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Au sommaire : "Meurtre sous perfusion". En juillet 1999, Beatriz, 48 ans, est admise à la clinique d'Eich, dans la ville de Luxembourg. La patiente souffre d'une infection au staphylocoque doré. Cinq jours plus tard, elle fait un malaise et meurt. - "Macabre mise en scène". - "Mystérieuse disparition de Nancy".</p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_10" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 10" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 16.8001V9.76446L5.99995 10.4641V8.56326L10.0392 7.09806V16.8001H7.94035Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7859 16.9453C13.7299 16.9453 12.7663 16.4965 12.1459 15.6517C11.5519 14.8333 11.2747 13.6981 11.2747 12.0217C11.2747 10.3453 11.5519 9.21006 12.1459 8.39166C12.7663 7.54686 13.7299 7.09806 14.7859 7.09806C15.8551 7.09806 16.8055 7.54686 17.4259 8.39166C18.0199 9.21006 18.2971 10.3453 18.2971 12.0217C18.2971 13.6981 18.0199 14.8333 17.4259 15.6517C16.8055 16.4965 15.8551 16.9453 14.7859 16.9453ZM14.7859 15.0709C15.2215 15.0709 15.5383 14.8465 15.7495 14.5561C16.0663 14.1073 16.1983 13.3549 16.1983 12.0085C16.1983 10.8073 16.0927 9.97566 15.7495 9.48726C15.5383 9.18366 15.2215 8.97246 14.7859 8.97246C14.3635 8.97246 14.0335 9.18366 13.8223 9.48726C13.4923 9.96246 13.3735 10.8073 13.3735 12.0349C13.3735 13.3417 13.5055 14.1073 13.8223 14.5561C14.0335 14.8465 14.3635 15.0709 14.7859 15.0709Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4Z" /> </svg> </div> <p>1h40</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMGUzYTRmYmEwZjk0MjFkYTEwZGU0YmU2MjQxMzlkMw==?w=98&h=139&fit=crop&fm=webp&s=8fb101eb662ac04ff8649dc45453c4b4, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMGUzYTRmYmEwZjk0MjFkYTEwZGU0YmU2MjQxMzlkMw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=912fd0c3e039a6c52b09e0337a271a7a 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMGUzYTRmYmEwZjk0MjFkYTEwZGU0YmU2MjQxMzlkMw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=b2bee903bb1163d34f91680b585bc16e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMGUzYTRmYmEwZjk0MjFkYTEwZGU0YmU2MjQxMzlkMw==?w=98&h=139&fit=crop&fm=pjpg&s=dc1123f9f53c401bab83d8163353fe16, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMGUzYTRmYmEwZjk0MjFkYTEwZGU0YmU2MjQxMzlkMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=38b5a152775b43a82b4394b962e2dc75 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMGUzYTRmYmEwZjk0MjFkYTEwZGU0YmU2MjQxMzlkMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=8e168ac7d18626a9f95dc4d517c81a7c 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMGUzYTRmYmEwZjk0MjFkYTEwZGU0YmU2MjQxMzlkMw==?w=98&h=139&fit=crop&fm=pjpg&s=dc1123f9f53c401bab83d8163353fe16" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMGUzYTRmYmEwZjk0MjFkYTEwZGU0YmU2MjQxMzlkMw==?w=98&h=139&fit=crop&fm=pjpg&s=dc1123f9f53c401bab83d8163353fe16, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMGUzYTRmYmEwZjk0MjFkYTEwZGU0YmU2MjQxMzlkMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=38b5a152775b43a82b4394b962e2dc75 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMGUzYTRmYmEwZjk0MjFkYTEwZGU0YmU2MjQxMzlkMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=8e168ac7d18626a9f95dc4d517c81a7c 3x" alt="Crimes" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058700" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="896807" data-brodcast-start="1744058700" data-brodcast-end="1744065000" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h45</p> <p class="text-contrast-medium">Magazine / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/crimes/354156" target="_self" class="line-clamp-3 inline " data-seo-target > Crimes </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Au sommaire : "Coup de sifflet final". En 2010 à Bordeaux, un fervent supporter des Girondins de Bordeaux manque à l'appel lors du coup d'envoi de la saison de football. Après plusieurs jours sans nouvelles, les policiers se lancent à sa recherche. - "Un gendre pas si idéal". - "Le mystère de la chambre d'hôtel". </p> <div class="flex items-center gap-4"> <div data-atoms="Icon" data-name="pegi_10" class="grid items-center justify-center w-24 h-24" focusable="1"> <svg aria-label="Pegi 10" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M7.94035 16.8001V9.76446L5.99995 10.4641V8.56326L10.0392 7.09806V16.8001H7.94035Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7859 16.9453C13.7299 16.9453 12.7663 16.4965 12.1459 15.6517C11.5519 14.8333 11.2747 13.6981 11.2747 12.0217C11.2747 10.3453 11.5519 9.21006 12.1459 8.39166C12.7663 7.54686 13.7299 7.09806 14.7859 7.09806C15.8551 7.09806 16.8055 7.54686 17.4259 8.39166C18.0199 9.21006 18.2971 10.3453 18.2971 12.0217C18.2971 13.6981 18.0199 14.8333 17.4259 15.6517C16.8055 16.4965 15.8551 16.9453 14.7859 16.9453ZM14.7859 15.0709C15.2215 15.0709 15.5383 14.8465 15.7495 14.5561C16.0663 14.1073 16.1983 13.3549 16.1983 12.0085C16.1983 10.8073 16.0927 9.97566 15.7495 9.48726C15.5383 9.18366 15.2215 8.97246 14.7859 8.97246C14.3635 8.97246 14.0335 9.18366 13.8223 9.48726C13.4923 9.96246 13.3735 10.8073 13.3735 12.0349C13.3735 13.3417 13.5055 14.1073 13.8223 14.5561C14.0335 14.8465 14.3635 15.0709 14.7859 15.0709Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19995 12C1.19995 6.03535 6.03529 1.20001 12 1.20001C17.9646 1.20001 22.7999 6.03535 22.7999 12C22.7999 17.9647 17.9646 22.8 12 22.8C6.03529 22.8 1.19995 17.9647 1.19995 12ZM2.21686 11.4H5.90397V13.0368H2.25298C2.77086 17.9624 6.93713 21.8012 12 21.8012C17.413 21.8012 21.8011 17.413 21.8011 12C21.8011 6.587 17.413 2.19886 12 2.19886C6.78841 2.19886 2.52688 6.26642 2.21686 11.4Z" /> </svg> </div> <p>1h45</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDZiOWUxNDJiMDk0MmRjOTkwODdjNWMyNmNkY2VlNA==?w=98&h=139&fit=crop&fm=webp&s=0a00b6bfd71bd2b40f1c6a4fc9c773c9, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDZiOWUxNDJiMDk0MmRjOTkwODdjNWMyNmNkY2VlNA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=6804fe55b407dc30eafdd33e2284c440 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDZiOWUxNDJiMDk0MmRjOTkwODdjNWMyNmNkY2VlNA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=3d2de28cfbd2843cab79e3c26523de13 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDZiOWUxNDJiMDk0MmRjOTkwODdjNWMyNmNkY2VlNA==?w=98&h=139&fit=crop&fm=pjpg&s=a8d2ecf876e286298a79bf0f2f0d0ac3, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDZiOWUxNDJiMDk0MmRjOTkwODdjNWMyNmNkY2VlNA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5387c45673c357aa1553c3d86bf279e7 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDZiOWUxNDJiMDk0MmRjOTkwODdjNWMyNmNkY2VlNA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=0c922a9b890ae2878e97cc25be501294 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDZiOWUxNDJiMDk0MmRjOTkwODdjNWMyNmNkY2VlNA==?w=98&h=139&fit=crop&fm=pjpg&s=a8d2ecf876e286298a79bf0f2f0d0ac3" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDZiOWUxNDJiMDk0MmRjOTkwODdjNWMyNmNkY2VlNA==?w=98&h=139&fit=crop&fm=pjpg&s=a8d2ecf876e286298a79bf0f2f0d0ac3, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDZiOWUxNDJiMDk0MmRjOTkwODdjNWMyNmNkY2VlNA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5387c45673c357aa1553c3d86bf279e7 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wZDZiOWUxNDJiMDk0MmRjOTkwODdjNWMyNmNkY2VlNA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=0c922a9b890ae2878e97cc25be501294 3x" alt="Crimes" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058700" data-end="1744065000" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMi5wbmc=?w=38&h=38&fit=crop&fm=webp&s=73df27088830eef56cb591e9137bac88, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=00766a52d9db3c30061b31fcd19ce839 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMi5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=1534e7d88dfcdc2593bd474e72ed78d7 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=6d2a10f934fc332a52afe8e2cebf54a3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=e83188a42ad54d4360e81929fb2d24e7 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=ab72b10a3f45e6270db16b90d70d4a7b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=6d2a10f934fc332a52afe8e2cebf54a3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=6d2a10f934fc332a52afe8e2cebf54a3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=e83188a42ad54d4360e81929fb2d24e7 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzExMi5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=ab72b10a3f45e6270db16b90d70d4a7b 3x" alt="LCI" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/lci" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 26 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="896360" data-brodcast-start="1744048800" data-brodcast-end="1744056000" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">20h00</p> <p class="text-contrast-medium">Magazine / Actualité</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/face-a-darius-rochebin/353862" target="_self" class="line-clamp-3 inline " data-seo-target > Face à Darius Rochebin </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Darius Rochebin reçoit, le temps d'un grand entretien, les figures politiques qui font l'actualité nationale et internationale. </p> <div class="flex items-center gap-4"> <p>2h00</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNTc4ZjZlNGYwNDE0NGI2OTY3NDA2Zjg3M2Y5YWEzMA==?w=98&h=139&fit=crop&fm=webp&s=41df22979e9dfcd48053e4d2be29a6cd, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNTc4ZjZlNGYwNDE0NGI2OTY3NDA2Zjg3M2Y5YWEzMA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=ff3f2ce5e947617b6250c1b195f96e15 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNTc4ZjZlNGYwNDE0NGI2OTY3NDA2Zjg3M2Y5YWEzMA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=669e9855d77fdb3c4fca49123098ff4f 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNTc4ZjZlNGYwNDE0NGI2OTY3NDA2Zjg3M2Y5YWEzMA==?w=98&h=139&fit=crop&fm=pjpg&s=1edbd8f30e255619a779894ea2c59d57, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNTc4ZjZlNGYwNDE0NGI2OTY3NDA2Zjg3M2Y5YWEzMA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=c2e5bee6911e2e99d4bf298ff07f56b8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNTc4ZjZlNGYwNDE0NGI2OTY3NDA2Zjg3M2Y5YWEzMA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=84e36b2b79f5bdc5a474e3804613be4f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNTc4ZjZlNGYwNDE0NGI2OTY3NDA2Zjg3M2Y5YWEzMA==?w=98&h=139&fit=crop&fm=pjpg&s=1edbd8f30e255619a779894ea2c59d57" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNTc4ZjZlNGYwNDE0NGI2OTY3NDA2Zjg3M2Y5YWEzMA==?w=98&h=139&fit=crop&fm=pjpg&s=1edbd8f30e255619a779894ea2c59d57, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNTc4ZjZlNGYwNDE0NGI2OTY3NDA2Zjg3M2Y5YWEzMA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=c2e5bee6911e2e99d4bf298ff07f56b8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNTc4ZjZlNGYwNDE0NGI2OTY3NDA2Zjg3M2Y5YWEzMA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=84e36b2b79f5bdc5a474e3804613be4f 3x" alt="Face à Darius Rochebin" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744048800" data-end="1744056000" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="896361" data-brodcast-start="1744056000" data-brodcast-end="1744063200" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h00</p> <p class="text-contrast-medium">Magazine / Actualité</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/22h-darius-rochebin/353863" target="_self" class="line-clamp-3 inline " data-seo-target > 22H Rochebin </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Darius Rochebin reçoit une tablée d'éditorialistes et d'invités qui reflètent une diversité d'opinions et de points de vue, en prise constante sur l'actualité nationale et internationale.</p> <div class="flex items-center gap-4"> <p>2h00</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yZDEyNGYwMDY3OGU0NGViYjE0MGNjZjI1MzRjYzIxNw==?w=98&h=139&fit=crop&fm=webp&s=6b4758bfde31d2aae745ef6e28ec3068, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yZDEyNGYwMDY3OGU0NGViYjE0MGNjZjI1MzRjYzIxNw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=d0f4836419c839cce20d88470afd127c 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yZDEyNGYwMDY3OGU0NGViYjE0MGNjZjI1MzRjYzIxNw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=140f6cb290dc3ff6a6d30336885a5245 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yZDEyNGYwMDY3OGU0NGViYjE0MGNjZjI1MzRjYzIxNw==?w=98&h=139&fit=crop&fm=pjpg&s=6eafab71e50d74e627f761b59345c142, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yZDEyNGYwMDY3OGU0NGViYjE0MGNjZjI1MzRjYzIxNw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=8dcb784181e157e34b1abf02b8a53394 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yZDEyNGYwMDY3OGU0NGViYjE0MGNjZjI1MzRjYzIxNw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=60132f970e041189539c92dd45110309 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yZDEyNGYwMDY3OGU0NGViYjE0MGNjZjI1MzRjYzIxNw==?w=98&h=139&fit=crop&fm=pjpg&s=6eafab71e50d74e627f761b59345c142" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yZDEyNGYwMDY3OGU0NGViYjE0MGNjZjI1MzRjYzIxNw==?w=98&h=139&fit=crop&fm=pjpg&s=6eafab71e50d74e627f761b59345c142, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yZDEyNGYwMDY3OGU0NGViYjE0MGNjZjI1MzRjYzIxNw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=8dcb784181e157e34b1abf02b8a53394 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yZDEyNGYwMDY3OGU0NGViYjE0MGNjZjI1MzRjYzIxNw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=60132f970e041189539c92dd45110309 3x" alt="22H Rochebin" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744056000" data-end="1744063200" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIxMTEucG5n?w=38&h=38&fit=crop&fm=webp&s=704ad8d7b7c13bcafbab1459544e36a5, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIxMTEucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=825447f70edc6833576092bf0e9ab9a7 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIxMTEucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=9b87dbc9fc296c2908679f74ada96773 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIxMTEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=74e253245b1fe9ac77b59ecbbfd78c0f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIxMTEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=8571e63b3a26bde9658798ff4f744b6e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIxMTEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=535573faf17d2e96d46ae8644d83c282 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIxMTEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=74e253245b1fe9ac77b59ecbbfd78c0f" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIxMTEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=74e253245b1fe9ac77b59ecbbfd78c0f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIxMTEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=8571e63b3a26bde9658798ff4f744b6e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzIxMTEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=535573faf17d2e96d46ae8644d83c282 3x" alt="Franceinfo" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/franceinfo" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> Chaîne 27 </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898753" data-brodcast-start="1744048980" data-brodcast-end="1744052100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">20h03</p> <p class="text-contrast-medium">Emission / Débat</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/les-informes-du-soir/354541" target="_self" class="line-clamp-3 inline " data-seo-target > Les informés du soir </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">"Les informés" est une émission d'information et de débat durant laquelle 4 invité(e)s commentent l'actualité et développent leurs points de vue.</p> <div class="flex items-center gap-4"> <p>52min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/resources/images/placeholder.png?w=98&h=139&fit=crop&fm=webp&s=9d960964ac3348bd60bef50b24f959d8, https://assets.diverto.tv/media/resources/images/placeholder.png?w=98&h=139&fit=crop&fm=webp&dpr=2&s=df5ce022c8881de5577b57c2498b9e0b 2x, https://assets.diverto.tv/media/resources/images/placeholder.png?w=98&h=139&fit=crop&fm=webp&dpr=3&s=ceb007e386f91563b3946072d70baa0d 3x" > <source srcset="https://assets.diverto.tv/media/resources/images/placeholder.png?w=98&h=139&fit=crop&fm=pjpg&s=e5123e01489994b5c875607e4f2ee417, https://assets.diverto.tv/media/resources/images/placeholder.png?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=334f3e8f115b0a7835e67cc920364ad2 2x, https://assets.diverto.tv/media/resources/images/placeholder.png?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=3bb6464a39f372f80135a076d9178c83 3x" > <img src="https://assets.diverto.tv/media/resources/images/placeholder.png?w=98&h=139&fit=crop&fm=pjpg&s=e5123e01489994b5c875607e4f2ee417" srcset="https://assets.diverto.tv/media/resources/images/placeholder.png?w=98&h=139&fit=crop&fm=pjpg&s=e5123e01489994b5c875607e4f2ee417, https://assets.diverto.tv/media/resources/images/placeholder.png?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=334f3e8f115b0a7835e67cc920364ad2 2x, https://assets.diverto.tv/media/resources/images/placeholder.png?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=3bb6464a39f372f80135a076d9178c83 3x" alt="" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744048980" data-end="1744052100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="898757" data-brodcast-start="1744054200" data-brodcast-end="1744055700" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h30</p> <p class="text-contrast-medium">Magazine / Actualité</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/outre-mer-lactu/354543" target="_self" class="line-clamp-3 inline " data-seo-target > Outremer l'actu </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Vingt minutes d'éclairage quotidien complet sur les Outre-mer.</p> <div class="flex items-center gap-4"> <p>25min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lNzJlYWUyNWUxMGQ0MGU1ODgxOWI0ODNmZDcxMjQyOQ==?w=98&h=139&fit=crop&fm=webp&s=03710c37e8209637b59c1755019118c8, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lNzJlYWUyNWUxMGQ0MGU1ODgxOWI0ODNmZDcxMjQyOQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=c25f1f3bc156a99e031cc902f08eb79e 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lNzJlYWUyNWUxMGQ0MGU1ODgxOWI0ODNmZDcxMjQyOQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=fb1e68bbf0deef7f2e8d2df21545f12d 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lNzJlYWUyNWUxMGQ0MGU1ODgxOWI0ODNmZDcxMjQyOQ==?w=98&h=139&fit=crop&fm=pjpg&s=7e21f136021387bcf750bc37ff072b37, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lNzJlYWUyNWUxMGQ0MGU1ODgxOWI0ODNmZDcxMjQyOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=1a471c015414b99ed43e4edd98c7c4e0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lNzJlYWUyNWUxMGQ0MGU1ODgxOWI0ODNmZDcxMjQyOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=f94ef80c5791d213b505ac8b23a018c3 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lNzJlYWUyNWUxMGQ0MGU1ODgxOWI0ODNmZDcxMjQyOQ==?w=98&h=139&fit=crop&fm=pjpg&s=7e21f136021387bcf750bc37ff072b37" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lNzJlYWUyNWUxMGQ0MGU1ODgxOWI0ODNmZDcxMjQyOQ==?w=98&h=139&fit=crop&fm=pjpg&s=7e21f136021387bcf750bc37ff072b37, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lNzJlYWUyNWUxMGQ0MGU1ODgxOWI0ODNmZDcxMjQyOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=1a471c015414b99ed43e4edd98c7c4e0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lNzJlYWUyNWUxMGQ0MGU1ODgxOWI0ODNmZDcxMjQyOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=f94ef80c5791d213b505ac8b23a018c3 3x" alt="Outremer l'actu" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744054200" data-end="1744055700" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjEucG5n?w=38&h=38&fit=crop&fm=webp&s=3d44f9b1df4a9b4247103140b9e9f715, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjEucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=4a8b901d73faea1efba432b3c9deb928 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjEucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=495077a4b98626d9019a33738c89c6b5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=a2623f907fe1d66990eb5c2ff66e00e6, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=be0d674dd7bf34b1127574c37d7156e8 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=90d9f0559921941ed1d01d09ba693549 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=a2623f907fe1d66990eb5c2ff66e00e6" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=a2623f907fe1d66990eb5c2ff66e00e6, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=be0d674dd7bf34b1127574c37d7156e8 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=90d9f0559921941ed1d01d09ba693549 3x" alt="France 3 Alpes complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-alpes-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Alpes complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897206" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897207" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjIucG5n?w=38&h=38&fit=crop&fm=webp&s=99d53e650ae5dcddf4b515a78c348225, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjIucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=d4a372a40444a21e4e00a5dc73209fc1 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjIucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=57b635b0dd74bb75188d29284759bb81 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=df1bf6c34817dee95dd89914e2eb7a08, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=5f1881e718dfc5359485f85c1997a35d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=96bfeadef50dfb365588d30fd6e95ccf 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=df1bf6c34817dee95dd89914e2eb7a08" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=df1bf6c34817dee95dd89914e2eb7a08, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=5f1881e718dfc5359485f85c1997a35d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=96bfeadef50dfb365588d30fd6e95ccf 3x" alt="France 3 Alsace complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-alsace-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Alsace complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897272" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897273" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjMucG5n?w=38&h=38&fit=crop&fm=webp&s=d41bb841235c4ec6d10010d3f69a7e91, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjMucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=fd4cf9c41e947193651d028a262310d3 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjMucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=fceb870b796d1a9bb013d18d8e86ef32 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=0fac437861513a984d7b17d5ebd38761, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=527243b57a829ae01f94e8ca931d0589 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=5c464d16b3154050a1ef623220b10c06 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=0fac437861513a984d7b17d5ebd38761" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=0fac437861513a984d7b17d5ebd38761, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=527243b57a829ae01f94e8ca931d0589 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=5c464d16b3154050a1ef623220b10c06 3x" alt="France 3 Aquitaine complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-aquitaine-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Aquitaine complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897324" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897325" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjQucG5n?w=38&h=38&fit=crop&fm=webp&s=3b720ba62783c4a68402ff3334939d99, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=4bf5b30a1119607fe48c44e39d301510 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=5d653d28fe90dceaaf315ed0ce5e17f7 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=17757dbed8b9eed19c012469c938828b, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=963183b375508b7d79cc87b2845f21a1 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=def3394560bd77a5e726e217e85ae22b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=17757dbed8b9eed19c012469c938828b" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=17757dbed8b9eed19c012469c938828b, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=963183b375508b7d79cc87b2845f21a1 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=def3394560bd77a5e726e217e85ae22b 3x" alt="France 3 Auvergne" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-auvergne" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Auvergne </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897387" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897388" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjYucG5n?w=38&h=38&fit=crop&fm=webp&s=12ab6a538e43aaec56c6f55f1b7748f7, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjYucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=3dfbbaca30d2f831e6634e449868bc74 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjYucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=8e8167c81ac76c3f69bf41d323cf5e4c 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjYucG5n?w=38&h=38&fit=crop&fm=pjpg&s=b35f4204c8225741ed8b90f738930bd4, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjYucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4a4d9f87c0fb4b464305df18a9b02797 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjYucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=f9674ab2f6b728c06a1d8d50646a97db 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjYucG5n?w=38&h=38&fit=crop&fm=pjpg&s=b35f4204c8225741ed8b90f738930bd4" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjYucG5n?w=38&h=38&fit=crop&fm=pjpg&s=b35f4204c8225741ed8b90f738930bd4, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjYucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=4a4d9f87c0fb4b464305df18a9b02797 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjYucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=f9674ab2f6b728c06a1d8d50646a97db 3x" alt="France 3 Bourgogne complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-bourgogne-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Bourgogne complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897506" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897507" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjcucG5n?w=38&h=38&fit=crop&fm=webp&s=6621b1123fdebe24a405c204ca127b5a, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjcucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=cc6314b6c5cee91ab6e91c28ff403820 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjcucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=35ff78ebdd52c4dfb2e991f571d1341d 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjcucG5n?w=38&h=38&fit=crop&fm=pjpg&s=31354f32f982db2085c8c479cf1cd3ad, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjcucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=80ab792ff90aba0aa1c2cacac27190ec 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjcucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=bfc9e5f15435e0c8272762493aeb3919 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjcucG5n?w=38&h=38&fit=crop&fm=pjpg&s=31354f32f982db2085c8c479cf1cd3ad" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjcucG5n?w=38&h=38&fit=crop&fm=pjpg&s=31354f32f982db2085c8c479cf1cd3ad, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjcucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=80ab792ff90aba0aa1c2cacac27190ec 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjcucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=bfc9e5f15435e0c8272762493aeb3919 3x" alt="France 3 Bretagne complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-bretagne-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Bretagne complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897575" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897576" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjgucG5n?w=38&h=38&fit=crop&fm=webp&s=2dacaa5de50f205ba39eea56e30d687b, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjgucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=3893bd59793035edb91aa42491edc422 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjgucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=6ac6a97375852a57ac2f20d995a1bace 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjgucG5n?w=38&h=38&fit=crop&fm=pjpg&s=638cf73f8325bb813428884772b6b0f4, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjgucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=b71bc177e7d473236013495fcfc214d4 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjgucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=67058ae5178e23fadbd010a925b79a5b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjgucG5n?w=38&h=38&fit=crop&fm=pjpg&s=638cf73f8325bb813428884772b6b0f4" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjgucG5n?w=38&h=38&fit=crop&fm=pjpg&s=638cf73f8325bb813428884772b6b0f4, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjgucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=b71bc177e7d473236013495fcfc214d4 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjgucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=67058ae5178e23fadbd010a925b79a5b 3x" alt="France 3 Centre-Val de Loire complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-centre-val-de-loire-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Centre-Val de Loire complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897639" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897640" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjkucG5n?w=38&h=38&fit=crop&fm=webp&s=cb916cbfc56d3492f07689452e65152a, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjkucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=6dc43f8bf369112a3181cb395fc89f22 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjkucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=762619f729c46d141aeed03069eac07e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjkucG5n?w=38&h=38&fit=crop&fm=pjpg&s=3fbcf982a09b22042ec0ce04febc57de, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=5a888b4eead6778755d54c55b9f098f4 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=43636b09f67bfb9e4ab87a757404af8a 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjkucG5n?w=38&h=38&fit=crop&fm=pjpg&s=3fbcf982a09b22042ec0ce04febc57de" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjkucG5n?w=38&h=38&fit=crop&fm=pjpg&s=3fbcf982a09b22042ec0ce04febc57de, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=5a888b4eead6778755d54c55b9f098f4 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=43636b09f67bfb9e4ab87a757404af8a 3x" alt="France 3 Champagne-Ardennes complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-champagne-ardennes-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Champagne-Ardennes complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897705" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897706" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzMwOC5wbmc=?w=38&h=38&fit=crop&fm=webp&s=77715a0814cf0e26490b9acd9f18634e, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzMwOC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=2&s=1d1447bf4348bc6c5c66e07664d3d52f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzMwOC5wbmc=?w=38&h=38&fit=crop&fm=webp&dpr=3&s=1756a0d7938ef1fd48b4050f1e7b4e83 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzMwOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=5d01195562af292c6cc4800c2321a701, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzMwOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=1956496aedf4270b44a41c07d57105b8 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzMwOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=d85739b68bfb8ece8349b348e00ff8a7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzMwOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=5d01195562af292c6cc4800c2321a701" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzMwOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&s=5d01195562af292c6cc4800c2321a701, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzMwOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=1956496aedf4270b44a41c07d57105b8 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzMwOC5wbmc=?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=d85739b68bfb8ece8349b348e00ff8a7 3x" alt="France 3 Corse Via Stella" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-corse-via-stella" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Corse Via Stella </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="901675" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="901676" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzEucG5n?w=38&h=38&fit=crop&fm=webp&s=cff9d850dcfdcd1c0313b4250fe93e0d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzEucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=d91cdd7612cedd8d6f753a581d9e8adf 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzEucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=2efebf14a5ead28fd4fa28c025bbb80d 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=0838da2a0af90e0dea6be959f4292311, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=32fab0765d59a1e77c3073437d795841 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=86c592c4dd21bf03d6986b9c0a52bcec 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=0838da2a0af90e0dea6be959f4292311" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=0838da2a0af90e0dea6be959f4292311, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=32fab0765d59a1e77c3073437d795841 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=86c592c4dd21bf03d6986b9c0a52bcec 3x" alt="France 3 Côte d'Azur complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-cote-dazur-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Côte d'Azur complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897773" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897774" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzIucG5n?w=38&h=38&fit=crop&fm=webp&s=332667306e75c9b8bf0a6277cd09c93d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzIucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=597943692fa4f7b3eef8d04b699e29b3 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzIucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=1039a886b62ccbbbd26af0785b53e287 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=4a21443b373b574734996d29d90e05b5, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=7ab7c755c6c914b0994d753dfc1fc5eb 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a98b8fee0a37c819c36b36515544f10e 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=4a21443b373b574734996d29d90e05b5" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=4a21443b373b574734996d29d90e05b5, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=7ab7c755c6c914b0994d753dfc1fc5eb 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a98b8fee0a37c819c36b36515544f10e 3x" alt="France 3 Franche-Comté complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-franche-comte-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Franche-Comté complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897823" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897824" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzQucG5n?w=38&h=38&fit=crop&fm=webp&s=0358b6245c3b29c50533576456c2f6c1, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=38aafe14a614deb52bf3f5d234fedd3a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=42231f64fbe7b7a9b8f5b820ec7846ba 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=58574785324325f02ef4a9ff95b6e958, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=ee1e7e4700493cd49657ce785d3643e1 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=d81068b4b6e4f3b78845e934138826a9 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=58574785324325f02ef4a9ff95b6e958" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=58574785324325f02ef4a9ff95b6e958, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=ee1e7e4700493cd49657ce785d3643e1 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=d81068b4b6e4f3b78845e934138826a9 3x" alt="France 3 Languedoc-Roussillon complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-languedoc-roussillon-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Languedoc-Roussillon complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897934" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897935" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzUucG5n?w=38&h=38&fit=crop&fm=webp&s=a09069cf703a1b46927f66ad7e743cd7, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzUucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=22bd8e8feb37315a646c4dfedcaf2ca5 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzUucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=0d94a443bcf24c3eff77d6b7bb6e4645 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzUucG5n?w=38&h=38&fit=crop&fm=pjpg&s=8d3d9f78ec2962c8459ecf9048d22fce, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzUucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=92ab08162b67c9357a0f6534bb3824ca 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzUucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=ddf21697e609ed6665a3858978085d3c 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzUucG5n?w=38&h=38&fit=crop&fm=pjpg&s=8d3d9f78ec2962c8459ecf9048d22fce" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzUucG5n?w=38&h=38&fit=crop&fm=pjpg&s=8d3d9f78ec2962c8459ecf9048d22fce, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzUucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=92ab08162b67c9357a0f6534bb3824ca 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzUucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=ddf21697e609ed6665a3858978085d3c 3x" alt="France 3 Limousin complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-limousin-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Limousin complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897987" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897988" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzYucG5n?w=38&h=38&fit=crop&fm=webp&s=d54be94a1cb26fc6eab7fc21187aa69e, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzYucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=84524e79d35c5b364bd26f43153a16d8 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzYucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=44d95d3fb47cd3721803a3c110883f19 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzYucG5n?w=38&h=38&fit=crop&fm=pjpg&s=184ba9ad3429bfb1e975e426047fc28f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzYucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=9eabf4830c009d39d70c46d0ac2fc9db 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzYucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=51699d0a567ec66f35530b415509e3d2 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzYucG5n?w=38&h=38&fit=crop&fm=pjpg&s=184ba9ad3429bfb1e975e426047fc28f" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzYucG5n?w=38&h=38&fit=crop&fm=pjpg&s=184ba9ad3429bfb1e975e426047fc28f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzYucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=9eabf4830c009d39d70c46d0ac2fc9db 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzYucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=51699d0a567ec66f35530b415509e3d2 3x" alt="France 3 Lorraine complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-lorraine-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Lorraine complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898052" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="898053" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzcucG5n?w=38&h=38&fit=crop&fm=webp&s=c17168e0e75a5ad0fc90e81fa8e30de9, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzcucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=5d20f2db0a4eed1e9dbffd9a1bc68e03 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzcucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=ee7b3d732203f40e782694af9831b343 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzcucG5n?w=38&h=38&fit=crop&fm=pjpg&s=24ecdbff19160eea80757eb463021484, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzcucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=01931326e891c294eb7e029fd696e6d4 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzcucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2e421e721f08c923e0d4cf2db1a9b27a 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzcucG5n?w=38&h=38&fit=crop&fm=pjpg&s=24ecdbff19160eea80757eb463021484" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzcucG5n?w=38&h=38&fit=crop&fm=pjpg&s=24ecdbff19160eea80757eb463021484, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzcucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=01931326e891c294eb7e029fd696e6d4 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzcucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=2e421e721f08c923e0d4cf2db1a9b27a 3x" alt="France 3 Midi-Pyrénées complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-midi-pyrenees-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Midi-Pyrénées complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898100" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="898101" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzgucG5n?w=38&h=38&fit=crop&fm=webp&s=c7dee6528059cad9dd80fe3c71d1f9e4, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzgucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=3d703ed2025f46987b0f251588643da3 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzgucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=f825637dd749dc3c9ec9fa9ed51666b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzgucG5n?w=38&h=38&fit=crop&fm=pjpg&s=8e30b6a42d758da38ff63f11e6f274d5, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzgucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=f573c99b03693706bece6d49da749492 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzgucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=8b9ff3a3527b9fe9872fa28232bb4791 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzgucG5n?w=38&h=38&fit=crop&fm=pjpg&s=8e30b6a42d758da38ff63f11e6f274d5" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzgucG5n?w=38&h=38&fit=crop&fm=pjpg&s=8e30b6a42d758da38ff63f11e6f274d5, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzgucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=f573c99b03693706bece6d49da749492 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzgucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=8b9ff3a3527b9fe9872fa28232bb4791 3x" alt="France 3 Nord Pas-de-Calais complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-nord-pas-de-calais-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Nord Pas-de-Calais complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898169" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="898170" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjUucG5n?w=38&h=38&fit=crop&fm=webp&s=867973f81992edcdcbbb6e3cfad2b707, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjUucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=fda8af5d14d0cc3cc9023a0a9a7bebd7 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjUucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=928467739aedeea6b94515a177038cca 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjUucG5n?w=38&h=38&fit=crop&fm=pjpg&s=c529c31ccebbd712a723d78af3bac16d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjUucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=b5996d436772804c37359916761e0867 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjUucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a4d5d28dca1e49daa6051feaf2e19686 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjUucG5n?w=38&h=38&fit=crop&fm=pjpg&s=c529c31ccebbd712a723d78af3bac16d" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjUucG5n?w=38&h=38&fit=crop&fm=pjpg&s=c529c31ccebbd712a723d78af3bac16d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjUucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=b5996d436772804c37359916761e0867 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MjUucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=a4d5d28dca1e49daa6051feaf2e19686 3x" alt="France 3 Normandie - Caen complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-normandie-caen-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Normandie - Caen complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897456" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897457" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzMucG5n?w=38&h=38&fit=crop&fm=webp&s=0dbf235fad4d168a1e09d4a4525732cf, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzMucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=74c59ee4c99361a7212a77577e6a7278 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzMucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=9bcbe6b45953505d64b3d81c4bc36b96 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=6feebf5326e8f7112f957a9c6edc163f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=879897aaec38c128ba4e7f15e3fa1ffa 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=b6bbb789bbdae4e6c6c157e1479a20a5 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=6feebf5326e8f7112f957a9c6edc163f" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=6feebf5326e8f7112f957a9c6edc163f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=879897aaec38c128ba4e7f15e3fa1ffa 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=b6bbb789bbdae4e6c6c157e1479a20a5 3x" alt="France 3 Normandie - Rouen complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-normandie-rouen-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Normandie - Rouen complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="897887" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="897888" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzkucG5n?w=38&h=38&fit=crop&fm=webp&s=e519c0977300504bb824c6b9c5b3523a, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzkucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=f4d4cce75908f77dae0996cdb6cc35be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzkucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=471bb7808dc9fbe33688041a1bfcd3b7 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzkucG5n?w=38&h=38&fit=crop&fm=pjpg&s=a1a3df252d331131df6ce57d506d5f76, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=f3c6059d41995fba1b4344449b27e22e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=47141a0343997fd64472f7c728cd94de 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzkucG5n?w=38&h=38&fit=crop&fm=pjpg&s=a1a3df252d331131df6ce57d506d5f76" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzkucG5n?w=38&h=38&fit=crop&fm=pjpg&s=a1a3df252d331131df6ce57d506d5f76, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=f3c6059d41995fba1b4344449b27e22e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5MzkucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=47141a0343997fd64472f7c728cd94de 3x" alt="France 3 Paris Ile-de-France complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-paris-ile-de-france-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Paris Ile-de-France complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898222" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="898223" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDAucG5n?w=38&h=38&fit=crop&fm=webp&s=53d310741b239731e5f16dc0506eda7c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDAucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=ea0b83de2c512ef8506843f72adc3f6d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDAucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=f2f33b641f31daac19747c4de5862491 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDAucG5n?w=38&h=38&fit=crop&fm=pjpg&s=b72a2920d41dd0e5223c6f807ad5a786, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDAucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=f5911b99438bea690a0f59c7ab7087f2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDAucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=849b44328a756319869dfe6e74aed92e 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDAucG5n?w=38&h=38&fit=crop&fm=pjpg&s=b72a2920d41dd0e5223c6f807ad5a786" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDAucG5n?w=38&h=38&fit=crop&fm=pjpg&s=b72a2920d41dd0e5223c6f807ad5a786, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDAucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=f5911b99438bea690a0f59c7ab7087f2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDAucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=849b44328a756319869dfe6e74aed92e 3x" alt="France 3 Pays de la Loire complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-pays-de-la-loire-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Pays de la Loire complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898291" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="898292" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDEucG5n?w=38&h=38&fit=crop&fm=webp&s=b1b05ccbac18105ea683becedc2da1c3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDEucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=6e9f9f934b5aa32f421b011aae638f77 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDEucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=9f8b5733285f5550a3846a5eaab746f8 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=c2f8cd34e4132b15f1b919a3d2b75e2f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=d7d3208289d3b47345a71e89b9d870ab 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=81e815758a4bf65cf73d379cb8b08a41 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=c2f8cd34e4132b15f1b919a3d2b75e2f" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDEucG5n?w=38&h=38&fit=crop&fm=pjpg&s=c2f8cd34e4132b15f1b919a3d2b75e2f, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=d7d3208289d3b47345a71e89b9d870ab 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDEucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=81e815758a4bf65cf73d379cb8b08a41 3x" alt="France 3 Picardie complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-picardie-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Picardie complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898355" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="898356" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> <div data-organisms="GridPrograms" class="" > <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDIucG5n?w=38&h=38&fit=crop&fm=webp&s=c25d7053484c4d454fea42ac96ad67cf, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDIucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=7ebf6eeb071d43ab8c674ed886cfd506 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDIucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=dadb440016111e7a279749b94d4a74c4 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=2c8351220c696beb30f486008edcd26e, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=0dc442e4a33f2f0c410cea536f69dec6 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=6fe6ce855f9eea38467d42d7a214647c 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=2c8351220c696beb30f486008edcd26e" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDIucG5n?w=38&h=38&fit=crop&fm=pjpg&s=2c8351220c696beb30f486008edcd26e, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=0dc442e4a33f2f0c410cea536f69dec6 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDIucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=6fe6ce855f9eea38467d42d7a214647c 3x" alt="France 3 Poitou-Charentes complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-poitou-charentes-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Poitou-Charentes complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898411" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="898412" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDMucG5n?w=38&h=38&fit=crop&fm=webp&s=a2af98c6b61d99eb301be8b5bef66f9c, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDMucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=74cf9947961e42242b703340dfd52e3d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDMucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=b394e04b31d702df053a22a775390311 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=61d4dbd6283cdb15e370e03f9996498e, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=8048d8cc2ee4501d92face28ec511c86 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=f6b5000d9460a9a76796b3db96dad634 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=61d4dbd6283cdb15e370e03f9996498e" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDMucG5n?w=38&h=38&fit=crop&fm=pjpg&s=61d4dbd6283cdb15e370e03f9996498e, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=8048d8cc2ee4501d92face28ec511c86 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDMucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=f6b5000d9460a9a76796b3db96dad634 3x" alt="France 3 Provence-Alpes complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-provence-alpes-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Provence-Alpes complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898475" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="898476" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> <div class="border-b border-contrast-low last:border-b-0 pb-12 mb-12 last:mb-0 lg:pb-20 lg:mb-20"> <div data-controller="swiper" data-destroy="true" class="group/swiper relative flex overflow-x-auto scrollbar-hide"> <div data-molecules="Channel" class="relative z-10 flex-[0_0_70px] flex flex-col justify-between items-center gap-8 bg-contrast-no-contrast pt-8 pb-16 border-r border-contrast-low rounded-l overflow-hidden lg:flex-[0_0_123px] lg:px-8 !sticky z-40 left-0 inset-y-0" > <div data-seo-container class="group relative flex flex-col justify-between items-center gap-8 h-full"> <picture data-atoms="Image" class="bg-contrast-highest/25 flex items-center justify-center rounded aspect-badge max-w-full py-4 w-70 px-10 bg-transparent" data-atoms="Badge"> <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDQucG5n?w=38&h=38&fit=crop&fm=webp&s=7e3d7462804feb24d05a6ec1b9bbf296, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=2&s=ed68e51592792287ba653ce63d63732d 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDQucG5n?w=38&h=38&fit=crop&fm=webp&dpr=3&s=3970e84972e9904904d4739bf6d8a2a9 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=adbe2072249a45a06b17fbba47878c86, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=22649f96e72e9df77315f3fc41a9a244 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=08deea931002a6f8f7914946307dcc80 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=adbe2072249a45a06b17fbba47878c86" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDQucG5n?w=38&h=38&fit=crop&fm=pjpg&s=adbe2072249a45a06b17fbba47878c86, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=2&s=22649f96e72e9df77315f3fc41a9a244 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9waG90b3MubWVkaWEtcHJlc3MudHYvbG9nby9wbHVyaW1lZGlhL3BuZ181MDB4NTAwX2NsYWlyLzE5NDQucG5n?w=38&h=38&fit=crop&fm=pjpg&dpr=3&s=08deea931002a6f8f7914946307dcc80 3x" alt="France 3 Rhône-Alpes complète" loading="lazy" class="pointer-events-none" > </picture> <a href="https://www.diverto.tv/programme-tv/chaine/france-3-rhone-alpes-complete" class="px-4 text-body-s text-contrast-medium text-center font-medium lg:px-0 group-hover:text-brand-hover-text" data-seo-target> France 3 Rhône-Alpes complète </a> </div> </div> <div data-swiper-target="slider" data-initialized="false" class="peer/swiper swiper relative pr-28 w-full overflow-hidden touch-pan-y / after:absolute after:z-40 after:right-0 after:inset-y-0 after:w-28 after:bg-gradient-to-l after:from-contrast-no-contrast after:to-transparent / md:pr-16 md:after:w-28 md:group-data-[destroy=true]/swiper:pr-0 md:group-data-[destroy=true]/swiper:after:hidden"> <div class="swiper-wrapper relative w-full h-full flex transition-transform"> <article data-molecules="Program" data-brodcast-id="898539" data-brodcast-start="1744052700" data-brodcast-end="1744058100" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">21h05</p> <p class="text-contrast-medium">Film / Comédie</p> </div> <div class="leading-xs"> <span class="inline-flex items-center gap-2 "> <svg aria-hidden="true" width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 9.47925C2.64063 7.85068 0 5.02211 0 2.77925C0 1.46496 1.01562 0.479248 2.26562 0.479248C3.35938 0.479248 4.125 1.07925 4.5 2.59353C4.85938 1.07925 5.625 0.479248 6.71875 0.479248C7.96875 0.479248 9 1.46496 9 2.77925C9 5.02211 6.34375 7.85068 4.5 9.47925Z" fill="#FF0000"/> </svg> </span> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/films/les-vieux-fourneaux" target="_self" class="line-clamp-3 inline " data-seo-target > Les vieux fourneaux </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Deux septuagénaires se rendent en Toscane afin d’empêcher que leur vieil ami ne tue l’homme qui l’a cocufié cinquante ans auparavant.</p> <div class="flex items-center gap-4"> <p>1h30</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&s=f70d5ec5d595666eb2c962019e0cc65d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=faed58da3dabcd43e4db983c2ea4075a 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=31723ae073d443800e56fc08567526b1 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f025be30aaa24fc61300134cf3824fd3, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=256eddabfee0caf865e6e9aac4c574be 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy8xamRWaGw4TTBQRzE3Ym9tSWNIcEdiZDhzN1MuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d91ee00addef703ad89b65e71d60cae7 3x" alt="Les vieux fourneaux" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744052700" data-end="1744058100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="898540" data-brodcast-start="1744058100" data-brodcast-end="1744061400" class="group/program relative bg-contrast-no-contrast py-8 pl-12 text-body-s border-contrast-low md:border-r md:last:border-r-0 md:py-12 md:px-16 shrink-0 swiper-slide md:group-data-[destroy=true]/swiper:flex-1 md:group-data-[destroy=true]/swiper:shrink" data-seo-container > <div class="relative w-full z-10 flex gap-12"> <div class="flex flex-col gap-8 flex-1"> <div class="flex items-center gap-8"> <p class="font-bold">22h35</p> <p class="text-contrast-medium">Documentaire / Société</p> </div> <div class="leading-xs"> <h3 data-atoms="Heading" class="font-heading font-black text-heading-xs inline line-clamp-2 group-hover/program:text-brand-hover-text " > <a href="https://www.diverto.tv/programmes/martinique-terre-de-centenaires/354350" target="_self" class="line-clamp-3 inline " data-seo-target > Martinique, terre de centenaires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après Okinawa au Japon ou la Sardaigne en Italie, la Martinique est devenue, en 2023, la cinquième zone bleue de la planète, une région où la population jouit d'une longévité hors-norme. Pourquoi l'ile, qui fait face à de multiples enjeux de santé publique, abrite-t-elle paradoxalement autant de centenaires ? A travers les portraits intimistes de ces "immortels" et de leur indéfectible joie de vivre, ce documentaire dévoile les principaux ingrédients de leur longévité : alimentation saine et équilibrée, solidarité entre générations, et résilience hors du commun. Un mode de vie aujourd'hui menacé par de nouvelles habitudes, comme la généralisation de l'alimentation ultra-transformée et les pesticides.</p> <div class="flex items-center gap-4"> <span data-atoms="Tag" class="inline-block px-2 py-0 font-heading text-10 uppercase rounded-sm bg-semantic-alert text-contrast-no-contrast" > <span class="inline-block">INÉDIT</span> </span> <p>55min</p> </div> </div> <div class="flex-[0_0_77px] lg:flex-[0_0_92px]"> <picture data-atoms="Image" class="bg-contrast-highest/25 media-cover aspect-vertical rounded overflow-hidden transition-transform duration-700 group-hover/program:scale-105" > <source type="image/webp" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&s=464743ee13cc3333ab4503a4a0ceaa2a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=9e92dd4ad65bdd841857e355f1b303e8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=6b07eaccdaf7ed336d5c76d0e0dffe4e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&s=ce911370aa966c302df47a72231f86b1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=384934b5292591be2998278c4aadea82 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mY2EzMDk2ZWI2MzU0YmY2OTU0NWZmMTVkNmExNTI0Mw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=06b09ae5100e8c0b0282dd3161efee4b 3x" alt="Martinique, terre de centenaires" loading="lazy" class="" > </picture> <div style="--progress: 0;" class="hidden relative h-4 bg-contrast-low rounded-full before:absolute before:inset-y-0 before:left-0 before:w-[--progress] before:bg-contrast-highest before:rounded-full before:animate-grow-progress mt-4" role="meter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progression en cours" data-start="1744058100" data-end="1744061400" data-controller="progress" ></div> </div> </div> </article> </div> </div> <button data-swiper-target="prev" class="hidden swiper-button-prev absolute z-50 top-1/2 left-107 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_left" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4954 12.0001L16.4978 6.9977L14.5001 5L7.5 12.0001L14.4999 19L16.4976 17.0023L11.4954 12.0001Z" /> </svg> </div> </button> <button data-swiper-target="next" class="hidden swiper-button-next absolute z-50 top-1/2 right-0 w-28 h-28 items-center justify-center bg-brand-accent -translate-y-1/2 rounded-full transition-opacity disabled:opacity-0 md:peer-data-[initialized=true]/swiper:flex"> <div data-atoms="Icon" data-name="arrow_right" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 11.9999L7.5 17.0023L9.4977 19L16.4978 11.9999L9.4978 5L7.5001 6.9977L12.5024 11.9999Z" /> </svg> </div> </button> </div> </div> </div> </div> </div> <div class="items-center justify-center lg:flex"> <div class="OUTBRAIN" data-src="https://www.diverto.tv/programme-tv" data-widget-id="AR_5"></div> <script type="text/javascript"> window.startOutbrain = function() { const script = document.createElement("script"); script.type = "text/javascript"; script.async = true; script.src = "https://widgets.outbrain.com/outbrain.js"; document.body.appendChild(script); } window.runAfterDidomiReady(window.startOutbrain); </script> </div> </div> <div class="hidden flex-sumo lg:block"> <div data-atoms="Ad" class="relative z-0 flex items-center justify-center bg-contrast-lowest before:content-['publicité'] before:absolute before:-z-10 before:top-1/2 before:left-1/2 before:-translate-y-1/2 before:-translate-x-1/2 before:text-body-s before:text-contrast-medium before:uppercase before:font-bold / has-[div]:bg-transparent has-[div]:before:hidden w-300 h-310 lg:min-w-300 lg:min-h-600 sticky top-[--header-height]" id="droite_haute"></div> </div> </div> </div> <div class="container flex flex-col gap-28 lg:gap-40 pt-40"> <div data-block="videos" class="flex flex-col gap-32 lg:gap-28"> <h2 data-atoms="Heading" class="font-heading font-black text-heading-l " > Vidéos </h2> <div id="dtk-videofeed-carrousel"></div> <script> MDTK_videofeed = "01556254"; </script> </div> </div> <footer data-molecules="Footer" class="pt-40"> <div class="relative before:absolute before:-z-10 before:left-1/2 before:right-1/2 before:bottom-0 before:w-screen before:ml-[-50vw] before:mr-[-50vw] before:h-60 before:bg-contrast-highest before:hidden lg:container lg:before:block"> <div data-controller="parallax" data-values="[-400, -100]" class="relative py-40 px-32 bg-brand-accent overflow-hidden lg:rounded"> <div class="relative lg:grid lg:grid-cols-12 lg:gap-28"> <div data-parallax-target="container" class="absolute z-0 -left-48 top-0 flex flex-col pointer-events-none translate-y-[--parallax] md:left-0 lg:left-1/4"> <ul class="flex flex-col justify-around text-heading-2xl font-heading font-black opacity-5 text-nowrap"> <li>Les Immanquables</li> <li>Ce soir sur vos écrans</li> <li>Les Immanquables</li> <li>Ce soir sur vos écrans</li> </ul> </div> <div class="relative z-10 lg:col-start-2 lg:col-span-5"> <div data-atoms="Icon" data-name="diverto" class="grid items-center justify-center w-111 h-25" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 80 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M4.94131 13.7123C7.96592 13.7123 9.19029 13.1096 9.90505 12.2517C10.529 11.4871 10.7598 10.4673 10.7598 9.37771C10.7598 7.8013 10.2747 6.66565 9.32812 5.94715C8.31208 5.18254 6.78855 4.99701 4.9178 4.99701H4.75647V13.7112H4.94131V13.7123ZM0 0.964844H4.80241C8.26614 0.964844 10.8751 1.54393 12.6529 2.8887C14.5002 4.27959 15.5162 6.54983 15.5162 9.37771C15.5162 11.8807 14.731 13.9665 13.138 15.427C11.4756 16.9337 8.91251 17.7445 4.89536 17.7445H0V0.964844Z" /> <path d="M21.2128 6.3418H16.6411V17.7445H21.2128V6.3418Z" /> <path d="M22.0129 6.3418H26.7234L27.6935 9.3552C28.0632 10.4909 28.3858 11.5107 28.686 12.5531H28.732C29.0781 11.5096 29.4243 10.5134 29.8399 9.37772L30.9478 6.3418H35.2652L30.6936 17.7445H26.5599L22.0107 6.3418H22.0129Z" /> <path d="M42.4098 10.7227C42.2025 9.67931 41.4856 9.33186 40.8168 9.33186C40.0091 9.33186 39.4546 9.84124 39.2473 10.7227H42.4108H42.4098ZM45.8735 17.1195C44.6726 17.6761 42.9878 18 41.4397 18C37.4225 18 34.6746 15.7748 34.6746 12.1597C34.6746 8.54473 37.6073 6.08789 40.8392 6.08789C43.6331 6.08789 46.5188 7.82623 46.5188 11.9281C46.5188 12.2992 46.4953 12.7624 46.4493 13.0874H39.3146C39.7537 14.2927 40.8382 14.7099 42.0625 14.7099C43.1245 14.7099 44.5102 14.386 45.8724 13.6439V17.1206L45.8735 17.1195Z" /> <path d="M65.9077 17.444C65.2614 17.7453 64.1534 18.0005 63.068 18.0005C61.6598 18.0005 60.4589 17.5598 59.7196 16.8188C59.0732 16.17 58.6117 15.1962 58.6117 13.2263V9.9587H56.9258V6.34368H58.6117V3.49328L63.1833 2.70508V6.34368H65.9077V9.9587H63.1833V12.9024C63.1833 13.8064 63.4601 14.3158 64.3148 14.3158C64.8223 14.3158 65.4227 14.1303 65.9077 13.9448V17.444Z" /> <path d="M73.4433 14.1758C74.6207 14.1758 75.4754 13.2493 75.4754 12.0439C75.4754 10.8386 74.6207 9.91202 73.4433 9.91202C72.2659 9.91202 71.4112 10.8386 71.4112 12.0439C71.4112 13.2493 72.2659 14.1758 73.4433 14.1758ZM73.4433 6.08789C77.2532 6.08789 80.0011 8.68414 80.0011 12.0439C80.0011 15.4037 77.2532 18 73.4433 18C69.6334 18 66.8855 15.4048 66.8855 12.0439C66.8855 8.68306 69.6334 6.08789 73.4433 6.08789Z" /> <path d="M21.1208 2.97846L17.2116 5.15434C16.9274 5.31198 16.5791 5.10608 16.5791 4.78007V0.42833C16.5791 0.102324 16.9274 -0.103574 17.2116 0.0540668L21.1208 2.22994C21.4136 2.39294 21.4136 2.81439 21.1208 2.97739" /> <path d="M55.1983 6.25498C53.9515 6.25498 52.9119 6.85766 52.1736 7.7145L52.1277 7.6909V6.34077H47.6479V17.7435H52.2196V11.3756C52.9814 10.6571 53.6331 9.96436 54.7047 9.82388C55.1651 9.76383 55.6139 9.79278 56.0295 9.88501V6.34613C55.8222 6.30002 55.4985 6.25391 55.1983 6.25391" /> </svg> </div> </div> <div class="relative z-10 mt-24 lg:col-span-5 lg:mt-0"> <p data-atoms="Heading" class="font-heading font-black text-heading-m " > Les Newsletters Diverto </p> <p class="mt-8 text-body-m font-medium">Pour ne rien rater des actualités de vos programmes et de vos divertissements</p> <div class="mt-20"> <div data-molecules="NewsletterModal" data-controller="modal newsletter"> <a data-atoms="Button" class="group inline-flex items-center justify-center gap-4 font-heading font-black rounded-full cursor-pointer disabled:cursor-not-allowed px-16 text-action-m [&_span]:py-10 bg-contrast-highest text-contrast-no-contrast hover:bg-contrast-high focus:bg-contrast-high disabled:bg-contrast-neutral pa-suscribe_nl_footer" data-action="modal#open"> <span class="text-center" > S'inscrire </span> </a> <dialog data-modal-target="dialog" data-newsletter-target="currentDialog" class="fixed z-300 mx-0 mb-0 mt-auto w-full max-w-full rounded-t-lg p-16 animate-from-bottom lg:m-auto lg:max-w-638 lg:p-28 lg:rounded-lg lg:animate-scale-in backdrop:bg-contrast-highest/75 backdrop:backdrop-blur-sm backdrop:animate-fade-in"> <header class="flex items-start justify-between gap-20 lg:items-center"> <p data-atoms="Heading" class="font-heading font-black text-heading-m text-balance max-lg:max-w-260 " > Newsletters </p> <button data-action="modal#close"> <div data-atoms="Icon" data-name="close" class="grid items-center justify-center w-24 h-24" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 10.1335L5.46676 3.6001L3.6001 5.46676L10.1335 12.0001L3.6001 18.5335L5.46676 20.4002L12.0001 13.8668L18.5334 20.4L20.4 18.5334L13.8668 12.0001L20.4 5.46689L18.5334 3.60023L12.0001 10.1335Z" /> </svg> </div> <span class="sr-only">Fermer</span> </button> </header> <form class="mt-8" data-action="newsletter#handleFormSubmit"> <ul class="mt-14 lg:mt-8"> <li class="py-20 border-b border-contrast-low last:border-b-0"> <div data-atoms="Checkbox" class="group/checkbox relative [&_label]:flex [&_label]:items-center [&_label]:justify-between [&_label]:gap-20" > <input class="peer/checkbox appearance-none hidden" type="checkbox" id="newsletter-67f410efa29a3-1" name="mailingList" value="5485" /> <label class="cursor-pointer peer-hover/checkbox:[&_span]:border-contrast-high peer-checked/checkbox:[&_span]:bg-brand-accent peer-checked/checkbox:[&_span]:after:scale-100" for="newsletter-67f410efa29a3-1"> <div class="flex flex-col"> <p data-atoms="Heading" class="font-heading font-black text-heading-xs " > Les Immanquables </p> <p class="text-body-s font-medium"> Programmes, ciné, séries, musique,… chaque semaine, recevez les événements et actualités à ne pas manquer ! </p> </div> <span class="relative flex items-center justify-center w-26 h-26 bg-contrast-no-contrast border border-contrast-low rounded after:block after:bg-toggle-on after:bg-contain after:bg-no-repeat after:w-12 after:h-10 after:scale-0 after:transition-transform"></span> </label> </div> </li> <li class="py-20 border-b border-contrast-low last:border-b-0"> <div data-atoms="Checkbox" class="group/checkbox relative [&_label]:flex [&_label]:items-center [&_label]:justify-between [&_label]:gap-20" > <input class="peer/checkbox appearance-none hidden" type="checkbox" id="newsletter-67f410efa29a3-3" name="mailingList" value="6012" /> <label class="cursor-pointer peer-hover/checkbox:[&_span]:border-contrast-high peer-checked/checkbox:[&_span]:bg-brand-accent peer-checked/checkbox:[&_span]:after:scale-100" for="newsletter-67f410efa29a3-3"> <div class="flex flex-col"> <p data-atoms="Heading" class="font-heading font-black text-heading-xs " > Ce soir sur vos écrans </p> <p class="text-body-s font-medium"> Recevez chaque jour votre programme TV complet et une sélection de séries à découvrir sur les plateformes </p> </div> <span class="relative flex items-center justify-center w-26 h-26 bg-contrast-no-contrast border border-contrast-low rounded after:block after:bg-toggle-on after:bg-contain after:bg-no-repeat after:w-12 after:h-10 after:scale-0 after:transition-transform"></span> </label> </div> </li> </ul> <div class="relative mt-8"> <input class="relative z-0 w-[calc(100%-50px)] py-11 pl-16 pr-64 bg-contrast-lowest border border-contrast-low rounded text-body-m font-medium" type="email" name="email" required aria-label="Votre adresse email" placeholder="Votre adresse email" data-newsletter-target="input" /> <button data-atoms="Button" class="group inline-flex items-center justify-center gap-4 font-heading font-black rounded-full cursor-pointer disabled:cursor-not-allowed px-24 text-action-m [&_span]:py-14 bg-brand-accent text-brand-on-accent hover:bg-brand-hover-accent focus:bg-brand-hover-accent disabled:bg-brand-disabled-accent absolute z-20 right-0 inset-y-0" > <span class="text-center" > S'inscrire </span> </button> </div> <p class="mt-8 text-body-s text-contrast-medium">Pour plus d’informations sur l’utilisation de mes données personnelles, consultez notre <a href="https://www.diverto.tv/politique-des-cookies-et-gestion-donnees-personnelles" style="text-decoration:underline;">Charte de gestion des données personnelles.</a></p> <p class="mt-8 text-body-s text-semantic-alert" data-newsletter-target="error"></p> </form> </dialog> <dialog data-newsletter-target="thanksDialog" data-modal-target="dialog" class="fixed z-300 mx-0 mb-0 mt-auto w-full max-w-full rounded-t-lg pt-32 px-16 pb-16 animate-from-bottom text-center lg:m-auto lg:max-w-638 lg:pt-52 lg:px-28 lg:pb-28 lg:rounded-lg lg:animate-scale-in backdrop:bg-contrast-highest/75 backdrop:backdrop-blur-sm backdrop:animate-fade-in"> <button class="absolute top-16 right-16 lg:top-28 lg:right-28" data-action="modal#close"> <div data-atoms="Icon" data-name="close" class="grid items-center justify-center w-24 h-24" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 10.1335L5.46676 3.6001L3.6001 5.46676L10.1335 12.0001L3.6001 18.5335L5.46676 20.4002L12.0001 13.8668L18.5334 20.4L20.4 18.5334L13.8668 12.0001L20.4 5.46689L18.5334 3.60023L12.0001 10.1335Z" /> </svg> </div> <span class="sr-only">Fermer</span> </button> <div class="flex flex-col items-center gap-16 lg:gap-28"> <span data-atoms="Tag" class="inline-block bg-tag bg-cover bg-contrast-no-contrast border-4 border-brand-purple rounded font-heading font-black uppercase text-brand-accent shadow-tag rotate-[-5deg] py-5 px-10 text-heading-s before:text-heading-s after:text-heading-s" > <span data-label="NEWSLETTER" class="relative col-start-1 col-end-2 row-start-1 row-end-2 text-stroke-brand-on-accent text-brand-cyan before:content-[attr(data-label)] before:w-full before:absolute before:z-20 before:top-[-3.5px] before:left-3 before:text-brand-accent after:content-[attr(data-label)] after:w-full after:absolute after:z-0 after:top-[2.5px] after:-left-3 after:text-brand-purple" aria-hidden="true"> <span class="relative z-10">NEWSLETTER</span> </span> </span> <div class="max-w-420 mx-auto"> <p data-atoms="Heading" class="font-heading font-black text-heading-m " > Merci pour votre inscription ! </p> </div> <button data-atoms="Button" class="group inline-flex items-center justify-center gap-4 font-heading font-black rounded-full cursor-pointer disabled:cursor-not-allowed px-24 text-action-m [&_span]:py-14 bg-brand-accent text-brand-on-accent hover:bg-brand-hover-accent focus:bg-brand-hover-accent disabled:bg-brand-disabled-accent" data-action="modal#close"> <span class="text-center" > Ok </span> </button> </div> </dialog> </div> </div> </div> </div> </div> </div> <div class="bg-contrast-highest py-40 lg:py-60"> <div class="container grid grid-cols-1 gap-20 lg:grid-cols-4 lg:gap-28"> <details data-controller="footer-details" class="group/details text-contrast-no-contrast"> <summary class="flex items-center justify-between gap-10 cursor-pointer"> <span data-atoms="Heading" class="font-heading font-black text-heading-xs " > Programmes à ne pas rater </span> <div data-atoms="Icon" data-name="arrow_down" class="grid items-center justify-center w-24 h-24 transition-transform group-open/details:rotate-180 lg:hidden" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12.5024L6.9977 7.5L5 9.4977L12.0001 16.4978L19 9.49781L17.0023 7.5001L12.0001 12.5024Z" /> </svg> </div> </summary> <ul class="mt-20 flex flex-col gap-16 text-body-s font-medium"> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/les-douze-coups-de-midi" target="_self" >Les 12 coups de midi</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/koh-lanta" target="_self" >Koh-Lanta</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/pekin-express" target="_self" >Pékin Express</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/un-dimanche-a-la-campagne" target="_self" >Un dimanche à la campagne</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/the-voice" target="_self" >The Voice</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/danse-avec-les-stars" target="_self" >Danse avec les stars</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/top-chef" target="_self" >Top Chef</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/plus-belle-la-vie-encore-plus-belle" target="_self" >Plus belle la vie, encore plus belle</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/ici-tout-commence" target="_self" >Ici tout commence</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/demain-nous-appartient" target="_self" >Demain nous appartient</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/un-si-grand-soleil" target="_self" >Un si grand soleil</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/programmes/maries-au-premier-regard" target="_self" >Mariés au premier regard</a> </li> </ul> </details> <hr aria-hidden="true" class="border-t-contrast-low lg:hidden" > <details data-controller="footer-details" class="group/details text-contrast-no-contrast"> <summary class="flex items-center justify-between gap-10 cursor-pointer"> <span data-atoms="Heading" class="font-heading font-black text-heading-xs " > Nos selections </span> <div data-atoms="Icon" data-name="arrow_down" class="grid items-center justify-center w-24 h-24 transition-transform group-open/details:rotate-180 lg:hidden" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12.5024L6.9977 7.5L5 9.4977L12.0001 16.4978L19 9.49781L17.0023 7.5001L12.0001 12.5024Z" /> </svg> </div> </summary> <ul class="mt-20 flex flex-col gap-16 text-body-s font-medium"> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/selections/tout-lunivers-dasterix-et-obelix-sur-vos-ecrans" target="_self" >Tout l'univers d'Asterix et Obélix sur vos écrans</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/selections/sur-la-piste-les-tops-films-et-series-de-danse" target="_self" >Sur la piste : les tops films et séries de danse</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/selections/les-programmes-qui-donnent-faim" target="_self" >Les programmes qui donnent faim</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/selections/films-daction-notre-selection-des-plus-grosses-explosions-au-cinema" target="_self" >Films d’action : notre sélection des plus grosses explosions au cinéma</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/selections/je-taime-moi-non-plus-ces-films-ou-les-heros-finissent-par-se-detester" target="_self" >Je t'aime, moi non plus : ces films où les héros finissent par se détester</a> </li> </ul> </details> <hr aria-hidden="true" class="border-t-contrast-low lg:hidden" > <details data-controller="footer-details" class="group/details text-contrast-no-contrast"> <summary class="flex items-center justify-between gap-10 cursor-pointer"> <span data-atoms="Heading" class="font-heading font-black text-heading-xs " > Diverto </span> <div data-atoms="Icon" data-name="arrow_down" class="grid items-center justify-center w-24 h-24 transition-transform group-open/details:rotate-180 lg:hidden" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12.5024L6.9977 7.5L5 9.4977L12.0001 16.4978L19 9.49781L17.0023 7.5001L12.0001 12.5024Z" /> </svg> </div> </summary> <ul class="mt-20 flex flex-col gap-16 text-body-s font-medium"> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/a-propos" target="_self" >À propos de Diverto</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/contact" target="_self" >Équipe et contacts</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/lire-le-magazine-diverto" target="_self" >Lire le magazine</a> </li> <li> <a class="hover:underline focus:underline " href="https://www.diverto.tv/archives" target="_self" >Archives</a> </li> </ul> </details> <hr aria-hidden="true" class="border-t-contrast-low lg:hidden" > <div class="flex flex-col gap-20 text-contrast-no-contrast lg:gap-40"> <div class="flex flex-col gap-20"> <span data-atoms="Heading" class="font-heading font-black text-heading-xs " > Suivez-nous </span> <ul class="flex flex-wrap gap-12"> <li> <a data-atoms="RoundedButton" class="group/button block p-10 border border-contrast-medium rounded-full cursor-pointer text-contrast-no-contrast hover:bg-contrast-high focus:bg-contrast-high" target="_blank" rel="nofollow" href="https://www.facebook.com/@DivertoTV/"> <span class="sr-only">Nous suivre sur Facebook</span> <div data-atoms="Icon" data-name="facebook" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M16.7792 13.375L17.3496 9.39352H13.7831V6.80981C13.7831 5.72054 14.2813 4.65879 15.8786 4.65879H17.5V1.26898C17.5 1.26898 16.0286 1 14.6218 1C11.6847 1 9.76486 2.90695 9.76486 6.35906V9.39352H6.5V13.375H9.76486V23H13.7831V13.375H16.7792Z" /> </svg> </div> </a> </li> <li> <a data-atoms="RoundedButton" class="group/button block p-10 border border-contrast-medium rounded-full cursor-pointer text-contrast-no-contrast hover:bg-contrast-high focus:bg-contrast-high" target="_blank" rel="nofollow" href="https://www.instagram.com/divertotv/"> <span class="sr-only">Nous suivre sur Instagram</span> <div data-atoms="Icon" data-name="instagram" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M6.21683 1.01773C5.96931 1.04008 5.54646 1.11228 5.28863 1.17932C3.27925 1.69673 1.69788 3.27819 1.1805 5.28767C1.11174 5.55755 1.04127 5.9701 1.0172 6.2503C1.00689 6.38438 1.00001 8.40933 1.00001 12.002C1.00001 18.0322 0.996577 17.7812 1.09455 18.3192C1.36442 19.789 2.20495 21.0988 3.4288 21.96C4.2848 22.5617 5.24738 22.9037 6.31137 22.9845C6.67921 23.012 17.711 23 17.9138 22.9708C18.9039 22.8298 19.6482 22.5617 20.3959 22.0786C20.7276 21.8638 20.9511 21.6833 21.2708 21.3687C21.8209 20.8324 22.2128 20.2737 22.5118 19.593C22.7422 19.0739 22.8745 18.584 22.9708 17.9136C23 17.7107 23.012 6.67832 22.9845 6.31046C22.9072 5.30486 22.5978 4.38864 22.0546 3.56869C21.19 2.26227 19.851 1.37528 18.3195 1.09337C17.7815 0.995385 18.0393 0.998823 11.9682 1.00054C8.9 1.00226 6.31137 1.01086 6.21683 1.01773ZM17.7419 2.90689C19.3353 3.10285 20.6262 4.23909 21.0164 5.78617C21.135 6.25717 21.1281 5.83602 21.1281 12.0089C21.1281 16.9183 21.1247 17.6093 21.1024 17.7881C21.0164 18.4396 20.7689 19.0567 20.3753 19.5878C20.2103 19.8113 19.8115 20.2101 19.588 20.3751C19.0569 20.7688 18.4398 21.0163 17.7884 21.1023C17.6096 21.1246 16.9186 21.128 12.0095 21.128C5.83695 21.128 6.25808 21.1349 5.78711 21.0163C4.23495 20.6244 3.08674 19.3145 2.90798 17.7262C2.89422 17.6093 2.89079 15.8955 2.89422 11.9057L2.89938 6.2503L2.94751 6.01308C3.22597 4.61899 4.19198 3.51541 5.51552 3.07878C5.74242 3.00487 6.10854 2.92236 6.31137 2.90173C6.46778 2.88454 17.6062 2.89142 17.7419 2.90689Z" /> <path d="M17.8193 4.68431C17.3414 4.79604 16.9753 5.15187 16.8584 5.62459C16.8189 5.78445 16.8223 6.06293 16.8653 6.23139C17.0544 6.97398 17.8674 7.37623 18.5756 7.07884C18.7664 6.99977 19.0105 6.80381 19.1188 6.64394C19.4196 6.20044 19.4161 5.61599 19.1085 5.18453C18.9555 4.96966 18.7458 4.81495 18.4862 4.72384C18.3573 4.67915 18.304 4.67227 18.1287 4.66712C17.9946 4.66196 17.8863 4.66884 17.8193 4.68431Z" /> <path d="M11.6485 6.54424C10.2975 6.65082 9.08049 7.20433 8.1437 8.14289C7.27738 9.00754 6.74624 10.0939 6.57435 11.3471C6.5331 11.6513 6.5331 12.3716 6.57607 12.6793C6.69812 13.5749 6.97314 14.3123 7.45442 15.0343C8.20386 16.1602 9.32285 16.9647 10.612 17.3033C11.4199 17.5148 12.3 17.5388 13.1164 17.3704C14.1684 17.1538 15.1103 16.6449 15.877 15.8766C16.7484 15.005 17.2778 13.929 17.4446 12.6879C17.4824 12.4008 17.4875 11.6737 17.4532 11.3986C17.2916 10.1197 16.7587 9.02129 15.8684 8.13258C15.0089 7.27481 13.9106 6.73849 12.6798 6.5769C12.4839 6.5494 11.8307 6.53049 11.6485 6.54424ZM12.3361 8.22024C13.0717 8.28213 13.8023 8.57607 14.3901 9.04363C14.5844 9.20006 14.9041 9.5301 15.0536 9.73122C15.4386 10.2469 15.6741 10.8107 15.7773 11.4588C15.8185 11.7235 15.8185 12.2959 15.7773 12.5658C15.516 14.2349 14.2354 15.5156 12.5664 15.7769C12.3034 15.8181 11.7087 15.8181 11.4543 15.7769C10.196 15.574 9.14924 14.8056 8.59748 13.6797C8.02681 12.5177 8.08525 11.1528 8.7539 10.0458C9.05814 9.54386 9.54459 9.05739 10.0465 8.75313C10.7323 8.33885 11.5402 8.15148 12.3361 8.22024Z" /> </svg> </div> </a> </li> <li> <a data-atoms="RoundedButton" class="group/button block p-10 border border-contrast-medium rounded-full cursor-pointer text-contrast-no-contrast hover:bg-contrast-high focus:bg-contrast-high" target="_blank" rel="nofollow" href="https://www.tiktok.com/@divertotv"> <span class="sr-only">Nous suivre sur TikTok</span> <div data-atoms="Icon" data-name="tiktok" class="grid items-center justify-center w-18 h-18" > <svg aria-hidden="true" class="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M21.5 10.02C19.6322 10.0241 17.8104 9.43331 16.292 8.33119V16.0148C16.2915 17.4378 15.8623 18.8268 15.0617 19.9959C14.2611 21.1651 13.1272 22.0587 11.8118 22.5572C10.4964 23.0557 9.06212 23.1354 7.7008 22.7856C6.33948 22.4358 5.11602 21.6731 4.19405 20.5997C3.27208 19.5262 2.69555 18.1931 2.54158 16.7787C2.3876 15.3642 2.66352 13.9358 3.33242 12.6846C4.00132 11.4333 5.03133 10.4188 6.28468 9.77679C7.53802 9.13475 8.95496 8.89577 10.346 9.09181V12.9551C9.70994 12.7522 9.02689 12.7581 8.39437 12.972C7.76185 13.1859 7.2122 13.5969 6.8239 14.1462C6.4356 14.6954 6.22851 15.355 6.2322 16.0307C6.23588 16.7063 6.45016 17.3635 6.84442 17.9084C7.23869 18.4533 7.79279 18.8581 8.42761 19.0649C9.06242 19.2717 9.74549 19.2699 10.3793 19.06C11.0131 18.85 11.5652 18.4424 11.9568 17.8956C12.3484 17.3487 12.5594 16.6904 12.5598 16.0148V1H16.292C16.2899 1.31983 16.3168 1.63918 16.3725 1.954C16.5023 2.65575 16.772 3.32331 17.165 3.91589C17.5581 4.50846 18.0662 5.0136 18.6585 5.40043C19.5015 5.9646 20.4897 6.26499 21.5 6.26419V10.02Z" /> </svg> </div> </a> </li> </ul> </div> <hr aria-hidden="true" class="border-t-contrast-low lg:hidden" > <div class="flex flex-col gap-20"> <span data-atoms="Heading" class="font-heading font-black text-heading-xs " > </span> <ul class="flex gap-8"> </ul> </div> </div> </div> </div> <div class="bg-contrast-high py-40"> <div class="container"> <div class="flex flex-col gap-20 text-body-s font-medium text-contrast-low lg:flex-row lg:justify-between"> <p>© 2025 Diverto. Tous droits réservés.</p> <ul class="flex flex-col gap-20 lg:flex-row"> <li> <a class="hover:underline focus:underline " target="_self" href="/conditions-generales-dutilisation" >Conditions générales d'utilisations</a> </li> <li> <a class="hover:underline focus:underline " target="_self" href="/mentions-legales" >Mentions légales</a> </li> <li> <a class="hover:underline focus:underline " target="_self" href="/politique-des-cookies-et-gestion-donnees-personnelles" >Protections des donneés</a> </li> <li> <a class="hover:underline focus:underline " target="_self" href="javascript:Didomi.preferences.show()" >Gérer les cookies</a> </li> <li> <a class="hover:underline focus:underline " target="_self" href="/gerer-utiq" >Gérer utiq</a> </li> </ul> </div> </div> </div> </footer> <script type="didomi/javascript" data-vendor="batch-U7rdxbnB"> window.startBatch = function() { console.log('[cmp] startBatch'); const batchVendorId = 'batch-U7rdxbnB'; const userStatus = Didomi.getCurrentUserStatus(); const batchStatus = userStatus.vendors.hasOwnProperty(batchVendorId) && userStatus.vendors[batchVendorId].enabled; if (batchStatus) { /* Load remote Batch SDK JavaScript code */ (function (b, a, t, c, h, e, r) { h = 'batchSDK'; b[h] = b[h] || function () { (b[h].q = b[h].q || []).push(arguments) }; e = a.createElement(t), r = a.getElementsByTagName(t)[0]; e.async = 1; e.src = c; r.parentNode.insertBefore(e, r); })(window, document, 'script', 'https://via.batch.com/v4/bootstrap.min.js'); /* Initiate Batch SDK opt-in UI configuration (native prompt) */ var batchSDKUIConfig = { native: {} }; /* Use a specific configuration for Firefox and Safari browsers (custom prompt) */ if (navigator.userAgent.indexOf("Firefox") !== -1 || (navigator.userAgent.indexOf("Safari") !== -1 && navigator.userAgent.indexOf("Chrome") === -1)) { } const options = {"enabled":true,"apiKey":"258832A2AD3540008224BC029B5D8A14","subdomain":"diverto","authKey":"2.5zLq0KenWVSkR7adDnD+UG0lUvHaRlgOOlpXduTRD0s=","vapidPublicKey":"BJ7bWLdI1aTNOFCLUEhNEqYtLtGU8Mr\/\/YmIzi0+jeYgAOxA8mN7Ph9PKd0+j1nqn0gHrB57TsY7\/BBIeIavzYs=","dev":false}; options.ui = batchSDKUIConfig; options.serviceWorker = { automaticallyRegister: false, }; // console.log('[cmp] Batch SDK setup', options); batchSDK('setup', options); console.log('[cmp] Batch SDK setup done'); } else { console.log('[cmp] Batch not consented'); } } window.runAfterDidomiReady(window.startBatch); </script> <script type="text/javascript"> window._nli=window._nli||[],window._nli.push(["brand","BNLI-1599"]),function(){var n,e,i=window._nli||(window._nli=[]);i.loaded||((n=document.createElement("script")).defer=!0,n.src="https://l.diverto.tv/sdk.js",(e=document.getElementsByTagName("script")[0]).parentNode.insertBefore(n,e),i.loaded=!0)}(); </script> </body> </html>

CINXE.COM

Programme TV ce soir, TNT, box télé par Diverto