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: 128px;" 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: 127px;" 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: 95px;" 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: 191px;" 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: 140px;" 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: 125px;" 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="07-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="08-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="09-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="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> <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="15-04-2025" data-href="/programme-tv/15-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" >mardi 15 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="07-04-2025" data-href="/programme-tv/hier" > Hier </option> <option value="08-04-2025" data-href="/programme-tv" selected="selected" > Aujourd'hui </option> <option value="09-04-2025" data-href="/programme-tv/demain" > Demain </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> <option value="15-04-2025" data-href="/programme-tv/15-04-2025" > mardi 15 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":"20250408","period":"ce-soir","bouquet":"tnt","@attributes":{"id":"live-247413349-0"},"@checksum":"z5wBXZOjbaIuP77uUhuNXAsvmjoF1fhv4SARnNxks7I="}" > <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="904947" data-brodcast-start="1744139400" data-brodcast-end="1744148400" 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">Emission / Divertissement</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/koh-lanta/357485" target="_self" class="line-clamp-3 inline " data-seo-target > Koh-Lanta </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">L'aventure n'est pas de tout repos, comme en témoignait Mehdi, membre de l'équipe violet, avant son abandon il y a quelques semaines. Après la répartition des quatre tribus en deux nouvelles équipes, rouge et jaune, comment les alliances vont-elles se nouer dans les deux groupes tout juste formés ?</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>2h30</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zMzVhYTJhZjk3Zjc0YmQ5YmE2M2RkM2RmNzI0NjU5OA==?w=98&h=139&fit=crop&fm=webp&s=07ef6bf685614b63d02f3d90899090b6, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zMzVhYTJhZjk3Zjc0YmQ5YmE2M2RkM2RmNzI0NjU5OA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=a15c10015a49423e56a7ac9d66a30880 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zMzVhYTJhZjk3Zjc0YmQ5YmE2M2RkM2RmNzI0NjU5OA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=b2c43a3b2c280e2c384a3c063109c9cf 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zMzVhYTJhZjk3Zjc0YmQ5YmE2M2RkM2RmNzI0NjU5OA==?w=98&h=139&fit=crop&fm=pjpg&s=1d5173cd6d898177f982f5e5187be19b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zMzVhYTJhZjk3Zjc0YmQ5YmE2M2RkM2RmNzI0NjU5OA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=91052a2b47c3cf19497f879abcc045e4 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zMzVhYTJhZjk3Zjc0YmQ5YmE2M2RkM2RmNzI0NjU5OA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=5608ecb76034cea1b7065752b2e20126 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zMzVhYTJhZjk3Zjc0YmQ5YmE2M2RkM2RmNzI0NjU5OA==?w=98&h=139&fit=crop&fm=pjpg&s=1d5173cd6d898177f982f5e5187be19b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zMzVhYTJhZjk3Zjc0YmQ5YmE2M2RkM2RmNzI0NjU5OA==?w=98&h=139&fit=crop&fm=pjpg&s=1d5173cd6d898177f982f5e5187be19b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zMzVhYTJhZjk3Zjc0YmQ5YmE2M2RkM2RmNzI0NjU5OA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=91052a2b47c3cf19497f879abcc045e4 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zMzVhYTJhZjk3Zjc0YmQ5YmE2M2RkM2RmNzI0NjU5OA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=5608ecb76034cea1b7065752b2e20126 3x" alt="Koh-Lanta" 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="1744139400" data-end="1744148400" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904948" data-brodcast-start="1744148400" data-brodcast-end="1744151700" 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">23h40</p> <p class="text-contrast-medium">Emission / Divertissement</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/une-famille-en-or/357486" target="_self" class="line-clamp-3 inline " data-seo-target > Une famille en or </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Pour célébrer sa fausse 8000e émission, l'émission s'offre une plongée dans les plus grands faux moments de l'émission. D'un côté, la famille Peret, menée par Laurie Peret, accompagnée de Paul de Saint Sernin, Nash et AZ. Une équipe prête à marquer l'histoire par sa victoire. De l'autre, la famille Noguerra, avec Helena Noguerra, entourée de Vincent Desagnat, Jérémy Nadeau et Jason Brokerss.</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNjMyZDNlYTgyNWI0N2MzODc4ZmMxYWRjMjVjYjZmOQ==?w=98&h=139&fit=crop&fm=webp&s=4d3726513b5be37535ea89f4a171e1c9, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNjMyZDNlYTgyNWI0N2MzODc4ZmMxYWRjMjVjYjZmOQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=06ab1a882f11472bde46c92980355465 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNjMyZDNlYTgyNWI0N2MzODc4ZmMxYWRjMjVjYjZmOQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=5c7ad67facb302009ac29a0a34c68803 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNjMyZDNlYTgyNWI0N2MzODc4ZmMxYWRjMjVjYjZmOQ==?w=98&h=139&fit=crop&fm=pjpg&s=333a544559657617396585f6d58d3ad0, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNjMyZDNlYTgyNWI0N2MzODc4ZmMxYWRjMjVjYjZmOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5bb9922d0b4951c8137cf8855acf4a1c 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNjMyZDNlYTgyNWI0N2MzODc4ZmMxYWRjMjVjYjZmOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=1a9c6c47ade985b6d0f8cf337ca8b286 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNjMyZDNlYTgyNWI0N2MzODc4ZmMxYWRjMjVjYjZmOQ==?w=98&h=139&fit=crop&fm=pjpg&s=333a544559657617396585f6d58d3ad0" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNjMyZDNlYTgyNWI0N2MzODc4ZmMxYWRjMjVjYjZmOQ==?w=98&h=139&fit=crop&fm=pjpg&s=333a544559657617396585f6d58d3ad0, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNjMyZDNlYTgyNWI0N2MzODc4ZmMxYWRjMjVjYjZmOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5bb9922d0b4951c8137cf8855acf4a1c 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNjMyZDNlYTgyNWI0N2MzODc4ZmMxYWRjMjVjYjZmOQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=1a9c6c47ade985b6d0f8cf337ca8b286 3x" alt="Une famille en or" 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="1744148400" data-end="1744151700" 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="908095" data-brodcast-start="1744139400" data-brodcast-end="1744142400" 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 / Historique</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/le-proces-de-klaus-barbie/358107" target="_self" class="line-clamp-3 inline " data-seo-target > Le procès de Klaus Barbie </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Le 11 mai 1987 s'ouvre à Lyon le procès de Klaus Barbie, ancien chef de la Gestapo, premier officier nazi jugé en France pour crime contre l'humanité. Traqué et confondu par Beate et Serge Klarsfeld, il est extradé de Bolivie grâce à des accords entre gouvernements. L'accusation porte sur trois crimes majeurs : les rafles de la rue Sainte-Catherine, la rafle des enfants d'Izieu et le dernier convoi de déportés du 11 août 1944. Durant 37 audiences, filmées en intégralité, les témoignages des survivants révèlent un tortionnaire implacable et cruel. Barbie, absent sur les conseils de son avocat Jacques Vergès, est condamné le 4 juillet 1987 à la réclusion à perpétuité. Ce verdict marque une étape clé contre l'impunité des criminels nazis.</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zYjVhOWY5YTcyM2I0NzE3OGNmMmVjN2EzMzI2Njk1Yw==?w=98&h=139&fit=crop&fm=webp&s=531aae7a6e05daf16002bb8b98ca4170, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zYjVhOWY5YTcyM2I0NzE3OGNmMmVjN2EzMzI2Njk1Yw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=bbf05c56842154ba1964fce6c2ece0b8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zYjVhOWY5YTcyM2I0NzE3OGNmMmVjN2EzMzI2Njk1Yw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=37908161703a4197af5edfc79edb9b2d 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zYjVhOWY5YTcyM2I0NzE3OGNmMmVjN2EzMzI2Njk1Yw==?w=98&h=139&fit=crop&fm=pjpg&s=c9e9ef25bd55ad43e97903a0f27fa2f2, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zYjVhOWY5YTcyM2I0NzE3OGNmMmVjN2EzMzI2Njk1Yw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=1444f754afa34a37b19a5bcd7092c7cc 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zYjVhOWY5YTcyM2I0NzE3OGNmMmVjN2EzMzI2Njk1Yw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=e6d29a63d0aa7f57f0d2308c45fcb69d 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zYjVhOWY5YTcyM2I0NzE3OGNmMmVjN2EzMzI2Njk1Yw==?w=98&h=139&fit=crop&fm=pjpg&s=c9e9ef25bd55ad43e97903a0f27fa2f2" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zYjVhOWY5YTcyM2I0NzE3OGNmMmVjN2EzMzI2Njk1Yw==?w=98&h=139&fit=crop&fm=pjpg&s=c9e9ef25bd55ad43e97903a0f27fa2f2, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zYjVhOWY5YTcyM2I0NzE3OGNmMmVjN2EzMzI2Njk1Yw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=1444f754afa34a37b19a5bcd7092c7cc 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zYjVhOWY5YTcyM2I0NzE3OGNmMmVjN2EzMzI2Njk1Yw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=e6d29a63d0aa7f57f0d2308c45fcb69d 3x" alt="Le procès de Klaus Barbie" 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="1744139400" data-end="1744142400" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="908098" data-brodcast-start="1744149300" data-brodcast-end="1744152600" 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">23h55</p> <p class="text-contrast-medium">Documentaire / Historique</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/la-memoire-pour-sepulture/167678" target="_self" class="line-clamp-3 inline " data-seo-target > La mémoire pour sépulture </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Survivre envers et contre tout. En 1940, Benjamin Oreinstein, tout juste adolescent, est envoyé dans son premier camp de concentration en Pologne. C'est le début d'un périple qui le marquera à vie. Après des années de silence, Benjamin témoigne sur l'une des pages les plus sombres de l'histoire.</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>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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yYTc0MjNlNDE2MDQ0ZDhjYjQ4MGE5MmU1NmE4ZjZlZA==?w=98&h=139&fit=crop&fm=webp&s=b3cbad4b22ebf4d34f25b47abbc7fce8, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yYTc0MjNlNDE2MDQ0ZDhjYjQ4MGE5MmU1NmE4ZjZlZA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=b79fb50b25f6f99855cc2f539a327031 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yYTc0MjNlNDE2MDQ0ZDhjYjQ4MGE5MmU1NmE4ZjZlZA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=c7e18067d3361b83935cdec6d2b97a25 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yYTc0MjNlNDE2MDQ0ZDhjYjQ4MGE5MmU1NmE4ZjZlZA==?w=98&h=139&fit=crop&fm=pjpg&s=67c034def1c6edc7c790e086479b554a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yYTc0MjNlNDE2MDQ0ZDhjYjQ4MGE5MmU1NmE4ZjZlZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=dbfbc9037d8fa98ce206f68e0eb6877a 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yYTc0MjNlNDE2MDQ0ZDhjYjQ4MGE5MmU1NmE4ZjZlZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=e444628b33b5957edd9f71389f110dbf 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yYTc0MjNlNDE2MDQ0ZDhjYjQ4MGE5MmU1NmE4ZjZlZA==?w=98&h=139&fit=crop&fm=pjpg&s=67c034def1c6edc7c790e086479b554a" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yYTc0MjNlNDE2MDQ0ZDhjYjQ4MGE5MmU1NmE4ZjZlZA==?w=98&h=139&fit=crop&fm=pjpg&s=67c034def1c6edc7c790e086479b554a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yYTc0MjNlNDE2MDQ0ZDhjYjQ4MGE5MmU1NmE4ZjZlZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=dbfbc9037d8fa98ce206f68e0eb6877a 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yYTc0MjNlNDE2MDQ0ZDhjYjQ4MGE5MmU1NmE4ZjZlZA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=e444628b33b5957edd9f71389f110dbf 3x" alt="La mémoire pour sépulture" 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="1744149300" data-end="1744152600" 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="909634" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="909635" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="907749" data-brodcast-start="1744139400" data-brodcast-end="1744146240" 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 / 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/hors-saison" target="_self" class="line-clamp-3 inline " data-seo-target > Hors-saison </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Mathieu habite Paris, Alice vit dans une petite cité balnéaire de l’Ouest de la France. Il caresse la cinquantaine, c’est un acteur connu. Elle a dépassé la quarantaine, elle est professeure de piano. Ils se sont aimés il y a une quinzaine d’années. Puis séparés. Depuis, le temps a passé, chacun a suivi sa route et les plaies se sont refermées peu à peu. Quand Mathieu vient diluer sa mélancolie dans les bains à remous d’une thalasso, il retrouve Alice par hasard.</p> <div class="flex items-center gap-4"> <p>1h54</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/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82VDNnRGZjeHZ6TGdNS2JTUTFHbXhpUkJOclUuanBn?w=98&h=139&fit=crop&fm=webp&s=58e6ddf63cbd570d735e6adc53e060bc, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82VDNnRGZjeHZ6TGdNS2JTUTFHbXhpUkJOclUuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=4d8b06354d7afbf0c9171ee1f77b808f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82VDNnRGZjeHZ6TGdNS2JTUTFHbXhpUkJOclUuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=1123810782d6f704660c8776bdc79060 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82VDNnRGZjeHZ6TGdNS2JTUTFHbXhpUkJOclUuanBn?w=98&h=139&fit=crop&fm=pjpg&s=7ec4975d2e854a876e5b7656c1fc5fcb, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82VDNnRGZjeHZ6TGdNS2JTUTFHbXhpUkJOclUuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=f0d76294ed9a0c0d319875191bf1529f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82VDNnRGZjeHZ6TGdNS2JTUTFHbXhpUkJOclUuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=dc3f675ba2ff15429bdeb9231a6fea7d 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82VDNnRGZjeHZ6TGdNS2JTUTFHbXhpUkJOclUuanBn?w=98&h=139&fit=crop&fm=pjpg&s=7ec4975d2e854a876e5b7656c1fc5fcb" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82VDNnRGZjeHZ6TGdNS2JTUTFHbXhpUkJOclUuanBn?w=98&h=139&fit=crop&fm=pjpg&s=7ec4975d2e854a876e5b7656c1fc5fcb, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82VDNnRGZjeHZ6TGdNS2JTUTFHbXhpUkJOclUuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=f0d76294ed9a0c0d319875191bf1529f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82VDNnRGZjeHZ6TGdNS2JTUTFHbXhpUkJOclUuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=dc3f675ba2ff15429bdeb9231a6fea7d 3x" alt="Hors-saison" 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="1744139400" data-end="1744146240" 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="908415" data-brodcast-start="1744139100" data-brodcast-end="1744145400" 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 / Santé</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/enquete-de-sante/358278" target="_self" class="line-clamp-3 inline " data-seo-target > Enquête de santé </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Chaque année en France, environ 50 000 maladies sont reconnues comme étant d'origine professionnelle. Ces pathologies graves ou chroniques restent un sujet tabou. Le parcours de quatre travailleurs confrontés à des épreuves qui ont bouleversé leur vie lève le voile sur la réalité des maladies professionnelles.</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>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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mMjBmNzgzZTkyMGE0Mzc2YTczY2NlODFhODc0ZjE5Nw==?w=98&h=139&fit=crop&fm=webp&s=bf11daffbf9185276ac699af9cf03534, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mMjBmNzgzZTkyMGE0Mzc2YTczY2NlODFhODc0ZjE5Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=05864bd6d7283b9530d071abc805d976 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mMjBmNzgzZTkyMGE0Mzc2YTczY2NlODFhODc0ZjE5Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=efeaaa3b0ed4ee2a2500d8e24ce0d290 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mMjBmNzgzZTkyMGE0Mzc2YTczY2NlODFhODc0ZjE5Nw==?w=98&h=139&fit=crop&fm=pjpg&s=7e9b215a19e7a2a8de4d7d5b41308908, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mMjBmNzgzZTkyMGE0Mzc2YTczY2NlODFhODc0ZjE5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=0ca2a3a06830fa477e182febbc77f6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mMjBmNzgzZTkyMGE0Mzc2YTczY2NlODFhODc0ZjE5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=9284cef670d4d76c3c392bb29575ac61 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mMjBmNzgzZTkyMGE0Mzc2YTczY2NlODFhODc0ZjE5Nw==?w=98&h=139&fit=crop&fm=pjpg&s=7e9b215a19e7a2a8de4d7d5b41308908" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mMjBmNzgzZTkyMGE0Mzc2YTczY2NlODFhODc0ZjE5Nw==?w=98&h=139&fit=crop&fm=pjpg&s=7e9b215a19e7a2a8de4d7d5b41308908, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mMjBmNzgzZTkyMGE0Mzc2YTczY2NlODFhODc0ZjE5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=0ca2a3a06830fa477e182febbc77f6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mMjBmNzgzZTkyMGE0Mzc2YTczY2NlODFhODc0ZjE5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=9284cef670d4d76c3c392bb29575ac61 3x" alt="Enquête de santé" 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="1744139100" data-end="1744145400" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="908416" data-brodcast-start="1744145400" data-brodcast-end="1744149300" 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">22h50</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/358279" 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="1744145400" data-end="1744149300" 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="904272" data-brodcast-start="1744139400" data-brodcast-end="1744143600" 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 / 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/appel-a-temoins/357123" target="_self" class="line-clamp-3 inline " data-seo-target > Appel à témoins </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">En 2017, Laurence Mangué disparaît dans le Tarn sans laisser de traces. Son mari, sa famille et les enquêteurs se mobilisent mais l'affaire est classée, faute de corps, et faute de preuves sur ce qui aurait pu se passer. Aujourd'hui, ses proches tentent de mobiliser l'opinion sur le cas de Laurence.</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> <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>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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yM2Q4YjI3YTI2Nzc0YzI4YTE0ZTViMTRlNTE2YTQzYw==?w=98&h=139&fit=crop&fm=webp&s=18173dc3580f1745e020244f6d925001, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yM2Q4YjI3YTI2Nzc0YzI4YTE0ZTViMTRlNTE2YTQzYw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=3921342eb608565733bec65e9df1d927 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yM2Q4YjI3YTI2Nzc0YzI4YTE0ZTViMTRlNTE2YTQzYw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=09b64ac0b7e9498d273e7eec174cbddd 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yM2Q4YjI3YTI2Nzc0YzI4YTE0ZTViMTRlNTE2YTQzYw==?w=98&h=139&fit=crop&fm=pjpg&s=5b0e7706314e640f73dcb1e65d2df312, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yM2Q4YjI3YTI2Nzc0YzI4YTE0ZTViMTRlNTE2YTQzYw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=99e276a1e33368bfda1f2bbf99f8ca92 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yM2Q4YjI3YTI2Nzc0YzI4YTE0ZTViMTRlNTE2YTQzYw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=978c4cb037efa890a4860b181210c5b5 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yM2Q4YjI3YTI2Nzc0YzI4YTE0ZTViMTRlNTE2YTQzYw==?w=98&h=139&fit=crop&fm=pjpg&s=5b0e7706314e640f73dcb1e65d2df312" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yM2Q4YjI3YTI2Nzc0YzI4YTE0ZTViMTRlNTE2YTQzYw==?w=98&h=139&fit=crop&fm=pjpg&s=5b0e7706314e640f73dcb1e65d2df312, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yM2Q4YjI3YTI2Nzc0YzI4YTE0ZTViMTRlNTE2YTQzYw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=99e276a1e33368bfda1f2bbf99f8ca92 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8yM2Q4YjI3YTI2Nzc0YzI4YTE0ZTViMTRlNTE2YTQzYw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=978c4cb037efa890a4860b181210c5b5 3x" alt="Appel à témoins" 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="1744139400" data-end="1744143600" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904274" data-brodcast-start="1744147800" data-brodcast-end="1744152000" 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">Documentaire / Justice</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/appel-a-temoins-lenquete-continue/357125" target="_self" class="line-clamp-3 inline " data-seo-target > Appel à témoins : l'enquête continue </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Grâce à l'émission "Appel à témoins" du 1er octobre 2024, l'enquête sur la disparition de Vanessa Melet a connu des avancées cruciales qui pourraient mener à sa résolution. Pour rappel, en 2016, cette femme disparaît de son domicile de Langrune-sur-Mer dans le Calvados sans laisser de traces. Depuis sa mère se bat pour résoudre l'affaire, persuadée que sa fille était sous l'emprise psychologique d'une tierce personne. Cette dernière pourrait être un thérapeute que Vanessa fréquentait. Où en est l'enquête officielle et quels sont les nouveaux éléments qui ont émergé ces derniers mois dans ce cas précis ?</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>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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jNDM3M2QzZWFiZjU0YzljOTUxMTYxNjgyODlkMDRmZg==?w=98&h=139&fit=crop&fm=webp&s=c95ea49198c35fc7583654cbcc957cd4, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jNDM3M2QzZWFiZjU0YzljOTUxMTYxNjgyODlkMDRmZg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=719b4313a7dda351c095582b9d2921a4 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jNDM3M2QzZWFiZjU0YzljOTUxMTYxNjgyODlkMDRmZg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=67e66dc47a0e9795cbddb19691f81438 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jNDM3M2QzZWFiZjU0YzljOTUxMTYxNjgyODlkMDRmZg==?w=98&h=139&fit=crop&fm=pjpg&s=c82ce937324c177e9d104fe292dd94ef, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jNDM3M2QzZWFiZjU0YzljOTUxMTYxNjgyODlkMDRmZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=0761635cc9c05f8124b3ea4a2456e4a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jNDM3M2QzZWFiZjU0YzljOTUxMTYxNjgyODlkMDRmZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=7877afce90e871b73244b2decd2b8782 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jNDM3M2QzZWFiZjU0YzljOTUxMTYxNjgyODlkMDRmZg==?w=98&h=139&fit=crop&fm=pjpg&s=c82ce937324c177e9d104fe292dd94ef" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jNDM3M2QzZWFiZjU0YzljOTUxMTYxNjgyODlkMDRmZg==?w=98&h=139&fit=crop&fm=pjpg&s=c82ce937324c177e9d104fe292dd94ef, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jNDM3M2QzZWFiZjU0YzljOTUxMTYxNjgyODlkMDRmZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=0761635cc9c05f8124b3ea4a2456e4a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jNDM3M2QzZWFiZjU0YzljOTUxMTYxNjgyODlkMDRmZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=7877afce90e871b73244b2decd2b8782 3x" alt="Appel à témoins : l'enquête continue" 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="1744147800" data-end="1744152000" 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="904139" data-brodcast-start="1744138800" data-brodcast-end="1744144500" 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">Documentaire / Géopolitique</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/russie-chine-iran-la-revanche-des-empires/11945" target="_self" class="line-clamp-3 inline " data-seo-target > Russie, Chine, Iran : La revanche des empires </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Depuis le début de la guerre en Ukraine, jamais la Chine, la Russie et l'Iran n'avaient été aussi alignés sur la scène internationale contre un ennemi commun : l'Occident. Après des années de rapprochement silencieux, ils signent des partenariats historiques et cherchent à peser sur l'échiquier mondial. Ces trois régimes autocratiques ont une feuille de route commune : mettre fin à l'hégémonie occidentale et restaurer leur zone d'influence respective, particulièrement au Moyen-Orient, en Eurasie et en Asie du Sud. Ils souhaitent aussi imposer une vision du monde remettant en cause le système de droit international d'après-guerre - à commencer par les droits de l'homme, dont ils récusent l'universalisme.</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC83YWIxMjkxNzcxM2M0MTMzOWM0OTBjZjgwNzc0ODliNA==?w=98&h=139&fit=crop&fm=webp&s=32091790a91f7863a4e2dda097bb2fe1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC83YWIxMjkxNzcxM2M0MTMzOWM0OTBjZjgwNzc0ODliNA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=ce5c62a8a64d3133be290a62b9ea6d1a 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC83YWIxMjkxNzcxM2M0MTMzOWM0OTBjZjgwNzc0ODliNA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=8370282165e8813ed7f95c175626bf95 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC83YWIxMjkxNzcxM2M0MTMzOWM0OTBjZjgwNzc0ODliNA==?w=98&h=139&fit=crop&fm=pjpg&s=cc3b58487253ddd0d75a623ad0096895, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC83YWIxMjkxNzcxM2M0MTMzOWM0OTBjZjgwNzc0ODliNA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=456ea2494e99120c2aeceeb7612bb463 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC83YWIxMjkxNzcxM2M0MTMzOWM0OTBjZjgwNzc0ODliNA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=cb1a2cc5ba465f95bc65e373ae2dca31 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC83YWIxMjkxNzcxM2M0MTMzOWM0OTBjZjgwNzc0ODliNA==?w=98&h=139&fit=crop&fm=pjpg&s=cc3b58487253ddd0d75a623ad0096895" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC83YWIxMjkxNzcxM2M0MTMzOWM0OTBjZjgwNzc0ODliNA==?w=98&h=139&fit=crop&fm=pjpg&s=cc3b58487253ddd0d75a623ad0096895, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC83YWIxMjkxNzcxM2M0MTMzOWM0OTBjZjgwNzc0ODliNA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=456ea2494e99120c2aeceeb7612bb463 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC83YWIxMjkxNzcxM2M0MTMzOWM0OTBjZjgwNzc0ODliNA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=cb1a2cc5ba465f95bc65e373ae2dca31 3x" alt="Russie, Chine, Iran : La revanche des empires" 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="1744138800" data-end="1744144500" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904140" data-brodcast-start="1744144500" data-brodcast-end="1744148100" 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 / Economie</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/l-inde-miracle-ou-mirage-economique/357023" target="_self" class="line-clamp-3 inline " data-seo-target > L'Inde, miracle ou mirage économique ? </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Vendue par la machine à propagande du Premier ministre Narendra Modi, "l'ascension de l'Inde" semble tenir du miracle. Avec 6 % à 7 % de croissance, le pays désormais le plus peuplé au monde affiche un développement vertigineux. Métros, autoroutes, ponts, lignes ferroviaires : un énorme plan gouvernemental d'infrastructures est censé doper la compétitivité de l'Inde, quand un programme vise à attirer les investisseurs étrangers. Les contrastes de l'Inde du XXIe siècle pourraient in fine menacer son avenir. Si le pays fait preuve d'un prodigieux dynamisme, certains économistes alertent sur la bombe à retardement de ses légions d'oubliés, qui risque de l'entraîner vers une crise sociale et politique explosive.</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hYzQ0NGMwODFlOWE0Y2ZlOWZiNDY4YjU5N2E1MGNlZQ==?w=98&h=139&fit=crop&fm=webp&s=b13c9dc981f00ccdace1eb25e8d3be0e, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hYzQ0NGMwODFlOWE0Y2ZlOWZiNDY4YjU5N2E1MGNlZQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=6bb7638b41b7f5fa0795feca22ad97f6 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hYzQ0NGMwODFlOWE0Y2ZlOWZiNDY4YjU5N2E1MGNlZQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=11bb22b5ebcf0aad9d801268d84a20fc 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hYzQ0NGMwODFlOWE0Y2ZlOWZiNDY4YjU5N2E1MGNlZQ==?w=98&h=139&fit=crop&fm=pjpg&s=37173d5cd6e9fcdfb2dee0818a583289, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hYzQ0NGMwODFlOWE0Y2ZlOWZiNDY4YjU5N2E1MGNlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=b8835d332d00e4f0a6f91e2157c0788e 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hYzQ0NGMwODFlOWE0Y2ZlOWZiNDY4YjU5N2E1MGNlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=91066c3d1ece1733823282bac1cfeb34 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hYzQ0NGMwODFlOWE0Y2ZlOWZiNDY4YjU5N2E1MGNlZQ==?w=98&h=139&fit=crop&fm=pjpg&s=37173d5cd6e9fcdfb2dee0818a583289" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hYzQ0NGMwODFlOWE0Y2ZlOWZiNDY4YjU5N2E1MGNlZQ==?w=98&h=139&fit=crop&fm=pjpg&s=37173d5cd6e9fcdfb2dee0818a583289, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hYzQ0NGMwODFlOWE0Y2ZlOWZiNDY4YjU5N2E1MGNlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=b8835d332d00e4f0a6f91e2157c0788e 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hYzQ0NGMwODFlOWE0Y2ZlOWZiNDY4YjU5N2E1MGNlZQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=91066c3d1ece1733823282bac1cfeb34 3x" alt="L'Inde, miracle ou mirage économique ?" 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="1744144500" data-end="1744148100" 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="904293" data-brodcast-start="1744139400" data-brodcast-end="1744142400" 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> </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/series/tulsa-king/une-question-de-territoire" target="_self" class="line-clamp-3 inline " data-seo-target > Tulsa King </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">À la Tulsa Arena, Dwight et sa société testent leur nouveau plan, jusqu'à ce qu'un barrage routier les oblige à s'adapter et à défendre leur territoire. Tyson et son père se disputent sur son avenir. Dwight reçoit un appel inattendu.</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>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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wMTg1Y2M5OTdmYjM0MzFlYjVjNWZmNGU0YThmMjZhMg==?w=98&h=139&fit=crop&fm=webp&s=8d3bedf4fe8117390085f81b24519e53, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wMTg1Y2M5OTdmYjM0MzFlYjVjNWZmNGU0YThmMjZhMg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=973bf56cccd9c80da8af60b1e09136e7 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wMTg1Y2M5OTdmYjM0MzFlYjVjNWZmNGU0YThmMjZhMg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=43e4906e5f89e9603df607b7734eecb6 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wMTg1Y2M5OTdmYjM0MzFlYjVjNWZmNGU0YThmMjZhMg==?w=98&h=139&fit=crop&fm=pjpg&s=ee9c1b8fbad6ebf17ac30002948129bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wMTg1Y2M5OTdmYjM0MzFlYjVjNWZmNGU0YThmMjZhMg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=f5d1a0005f3ca8f1dfcf8dedadf9fc40 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wMTg1Y2M5OTdmYjM0MzFlYjVjNWZmNGU0YThmMjZhMg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=1e5c5d762e23c56806927aa8c0ffd8a9 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wMTg1Y2M5OTdmYjM0MzFlYjVjNWZmNGU0YThmMjZhMg==?w=98&h=139&fit=crop&fm=pjpg&s=ee9c1b8fbad6ebf17ac30002948129bf" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wMTg1Y2M5OTdmYjM0MzFlYjVjNWZmNGU0YThmMjZhMg==?w=98&h=139&fit=crop&fm=pjpg&s=ee9c1b8fbad6ebf17ac30002948129bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wMTg1Y2M5OTdmYjM0MzFlYjVjNWZmNGU0YThmMjZhMg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=f5d1a0005f3ca8f1dfcf8dedadf9fc40 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8wMTg1Y2M5OTdmYjM0MzFlYjVjNWZmNGU0YThmMjZhMg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=1e5c5d762e23c56806927aa8c0ffd8a9 3x" alt="Tulsa King" 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="1744139400" data-end="1744142400" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904296" data-brodcast-start="1744147200" data-brodcast-end="1744153800" 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">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/precious-cargo/59463" target="_self" class="line-clamp-3 inline " data-seo-target > Precious Cargo </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Après un braquage raté, Eddie, chef d'une bande de criminels, se lance à la poursuite de Karen, séduisante voleuse, qui n'a pas tenu ses engagements. Afin de regagner la confiance d'Eddie, Karen fait appel à Jack, un ancien amant et complice, pour voler une cargaison de pierres précieuses...</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>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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84YTE0MzE1NDhiYjk0MzE3OTcyZWNjNGExZGRkZWVmMg==?w=98&h=139&fit=crop&fm=webp&s=a25f05e5965fc7633c73e9cdb7f599d3, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84YTE0MzE1NDhiYjk0MzE3OTcyZWNjNGExZGRkZWVmMg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=51c4d9aabf0eed0e01ef66531bc0ca94 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84YTE0MzE1NDhiYjk0MzE3OTcyZWNjNGExZGRkZWVmMg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=967c80e7d3912bf0d935b6336b6ff4dd 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84YTE0MzE1NDhiYjk0MzE3OTcyZWNjNGExZGRkZWVmMg==?w=98&h=139&fit=crop&fm=pjpg&s=ca4414fea896cd408fd2fcc0e8d5193b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84YTE0MzE1NDhiYjk0MzE3OTcyZWNjNGExZGRkZWVmMg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=93f0bf425cb9988f8657fde912ac6e31 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84YTE0MzE1NDhiYjk0MzE3OTcyZWNjNGExZGRkZWVmMg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=1e4af1583dec2e4210e8d3c32e8b7b20 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84YTE0MzE1NDhiYjk0MzE3OTcyZWNjNGExZGRkZWVmMg==?w=98&h=139&fit=crop&fm=pjpg&s=ca4414fea896cd408fd2fcc0e8d5193b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84YTE0MzE1NDhiYjk0MzE3OTcyZWNjNGExZGRkZWVmMg==?w=98&h=139&fit=crop&fm=pjpg&s=ca4414fea896cd408fd2fcc0e8d5193b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84YTE0MzE1NDhiYjk0MzE3OTcyZWNjNGExZGRkZWVmMg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=93f0bf425cb9988f8657fde912ac6e31 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84YTE0MzE1NDhiYjk0MzE3OTcyZWNjNGExZGRkZWVmMg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=1e4af1583dec2e4210e8d3c32e8b7b20 3x" alt="Precious Cargo" 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="1744147200" data-end="1744153800" 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="906377" data-brodcast-start="1744140300" data-brodcast-end="1744145100" 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">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/90-enquetes/357725" target="_self" class="line-clamp-3 inline " data-seo-target > 90' Enquêtes </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Trois mille agents d'Etat parcourent la France pour contrôler les 179 000 restaurants présents. Xavier, Anaelle et Salif sont enquêteurs à la direction départementale de la protection des populations en Seine-Saint-Denis. Une équipe les a suivis dans leurs missions. Leurs découvertes peuvent être catastrophiques.</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kYzY0ZTk3MDE4MmM0NWQ0ODMyNmEwODQwOTc3NzRjNg==?w=98&h=139&fit=crop&fm=webp&s=339a0541505b35339be2a903d98f90dc, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kYzY0ZTk3MDE4MmM0NWQ0ODMyNmEwODQwOTc3NzRjNg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=5e2fa5092f0848539582f51bc520eee7 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kYzY0ZTk3MDE4MmM0NWQ0ODMyNmEwODQwOTc3NzRjNg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=ba5b818bcef0a077fd2643c5d545e865 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kYzY0ZTk3MDE4MmM0NWQ0ODMyNmEwODQwOTc3NzRjNg==?w=98&h=139&fit=crop&fm=pjpg&s=f8c48b6179c179a802387be1886f5350, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kYzY0ZTk3MDE4MmM0NWQ0ODMyNmEwODQwOTc3NzRjNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=7b7196653fe296e96fb88e62308d6951 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kYzY0ZTk3MDE4MmM0NWQ0ODMyNmEwODQwOTc3NzRjNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=316e5e144a2bfd4406a768400fb1e8ca 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kYzY0ZTk3MDE4MmM0NWQ0ODMyNmEwODQwOTc3NzRjNg==?w=98&h=139&fit=crop&fm=pjpg&s=f8c48b6179c179a802387be1886f5350" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kYzY0ZTk3MDE4MmM0NWQ0ODMyNmEwODQwOTc3NzRjNg==?w=98&h=139&fit=crop&fm=pjpg&s=f8c48b6179c179a802387be1886f5350, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kYzY0ZTk3MDE4MmM0NWQ0ODMyNmEwODQwOTc3NzRjNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=7b7196653fe296e96fb88e62308d6951 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kYzY0ZTk3MDE4MmM0NWQ0ODMyNmEwODQwOTc3NzRjNg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=316e5e144a2bfd4406a768400fb1e8ca 3x" alt="90' Enquêtes" 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="1744140300" data-end="1744145100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="906378" data-brodcast-start="1744145100" data-brodcast-end="1744150440" 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"> <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/90-enquetes/357726" target="_self" class="line-clamp-3 inline " data-seo-target > 90' Enquêtes </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Une équipe a suivi ceux que l'on surnomme les "policiers de nos assiettes", qui visitent les arrière-cuisines des commerces alimentaires. Quatre mille agents contrôlent ce que l'on mange. Mais leurs journées ne sont pas toujours appétissantes. Ces inspecteurs de l'hygiène ont parfois de mauvaises surprises.</p> <div class="flex items-center gap-4"> <p>1h29</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80M2FkOGRlNDNiMGU0ZGM3OWJkYjdjZTZjYzQ3NzQxZg==?w=98&h=139&fit=crop&fm=webp&s=1cdb50023a69e631a80008912bdb7208, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80M2FkOGRlNDNiMGU0ZGM3OWJkYjdjZTZjYzQ3NzQxZg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=890d1bac735eb27a0336700a85454cb1 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80M2FkOGRlNDNiMGU0ZGM3OWJkYjdjZTZjYzQ3NzQxZg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=c00f61527e98b6fae3d7b0278497f2be 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80M2FkOGRlNDNiMGU0ZGM3OWJkYjdjZTZjYzQ3NzQxZg==?w=98&h=139&fit=crop&fm=pjpg&s=b027648a8feb4b7eda932ac14ae415c4, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80M2FkOGRlNDNiMGU0ZGM3OWJkYjdjZTZjYzQ3NzQxZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=23e74136070b9dd2b3c4e0d37e338c20 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80M2FkOGRlNDNiMGU0ZGM3OWJkYjdjZTZjYzQ3NzQxZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=6a459845e118ad9a84acefe1dfdca673 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80M2FkOGRlNDNiMGU0ZGM3OWJkYjdjZTZjYzQ3NzQxZg==?w=98&h=139&fit=crop&fm=pjpg&s=b027648a8feb4b7eda932ac14ae415c4" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80M2FkOGRlNDNiMGU0ZGM3OWJkYjdjZTZjYzQ3NzQxZg==?w=98&h=139&fit=crop&fm=pjpg&s=b027648a8feb4b7eda932ac14ae415c4, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80M2FkOGRlNDNiMGU0ZGM3OWJkYjdjZTZjYzQ3NzQxZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=23e74136070b9dd2b3c4e0d37e338c20 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80M2FkOGRlNDNiMGU0ZGM3OWJkYjdjZTZjYzQ3NzQxZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=6a459845e118ad9a84acefe1dfdca673 3x" alt="90' Enquêtes" 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="1744145100" data-end="1744150440" 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="908317" data-brodcast-start="1744139400" data-brodcast-end="1744145700" 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 / 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> <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/shrek" target="_self" class="line-clamp-3 inline " data-seo-target > Shrek </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Shrek, un ogre verdâtre, cynique et malicieux, a élu domicile dans un marécage qu’il croit être un havre de paix. Un matin, alors qu’il sort faire sa toilette, il découvre de petites créatures agaçantes qui errent dans son marais. Shrek se rend alors au château du seigneur Lord Farquaad, qui aurait soi‐disant expulsé ces êtres de son royaume. Ce dernier souhaite épouser la princesse Fiona, mais celle‐ci est retenue prisonnière par un abominable dragon. Il lui faut un chevalier assez brave pour secourir la belle. Shrek accepte d’accomplir cette mission. En échange, le seigneur devra débarrasser son marécage de ces créatures envahissantes. Or, la princesse Fiona cache un secret terrifiant qui va entraîner Shrek et son compagnon l’âne dans une palpitante et périlleuse aventure.</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/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9pQjY0dnBMM2RJT2JPdE1aZ1gzUnFkVmRRRGMuanBn?w=98&h=139&fit=crop&fm=webp&s=4fc437b2fd2a7e3fc77dda8b544d81da, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9pQjY0dnBMM2RJT2JPdE1aZ1gzUnFkVmRRRGMuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=91566c59a9435dd0fa203161ace79a71 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9pQjY0dnBMM2RJT2JPdE1aZ1gzUnFkVmRRRGMuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=1aff06de1d01a41729123f99a2ce0d13 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9pQjY0dnBMM2RJT2JPdE1aZ1gzUnFkVmRRRGMuanBn?w=98&h=139&fit=crop&fm=pjpg&s=5c20dff5ae929ab63b0fa330c2cb88ba, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9pQjY0dnBMM2RJT2JPdE1aZ1gzUnFkVmRRRGMuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=098fd5e95dfd69d5a7ebe826bfa8791e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9pQjY0dnBMM2RJT2JPdE1aZ1gzUnFkVmRRRGMuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=f8de1f35c2ea209831b5999be2125ed7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9pQjY0dnBMM2RJT2JPdE1aZ1gzUnFkVmRRRGMuanBn?w=98&h=139&fit=crop&fm=pjpg&s=5c20dff5ae929ab63b0fa330c2cb88ba" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9pQjY0dnBMM2RJT2JPdE1aZ1gzUnFkVmRRRGMuanBn?w=98&h=139&fit=crop&fm=pjpg&s=5c20dff5ae929ab63b0fa330c2cb88ba, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9pQjY0dnBMM2RJT2JPdE1aZ1gzUnFkVmRRRGMuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=098fd5e95dfd69d5a7ebe826bfa8791e 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9pQjY0dnBMM2RJT2JPdE1aZ1gzUnFkVmRRRGMuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=f8de1f35c2ea209831b5999be2125ed7 3x" alt="Shrek" 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="1744139400" data-end="1744145700" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="908318" data-brodcast-start="1744145700" data-brodcast-end="1744152780" 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">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/percy-jackson-la-mer-des-monstres" target="_self" class="line-clamp-3 inline " data-seo-target > Percy Jackson : La mer des monstres </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Même s'il a sauvé le monde, Percy Jackson, fils de Poséidon, n'a pas l'âme d'un héros. Mais le destin en décide autrement : le jour où le camp des Sang-Mêlés est attaqué par des créatures, Percy et ses amis doivent se mettre en quête de la Toison d'Or : une périlleuse odyssée vers le Triangle des Bermudes...</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>1h58</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/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oemE0cnh3bkd2aXpjZVRrUnhNcnA0YlMzOEIuanBn?w=98&h=139&fit=crop&fm=webp&s=462dfd8bd7b71785dca9f6292e3a74b6, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oemE0cnh3bkd2aXpjZVRrUnhNcnA0YlMzOEIuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=90ff96b152f71ae19eae8a6204fae0d3 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oemE0cnh3bkd2aXpjZVRrUnhNcnA0YlMzOEIuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=689e554db42dc3d2a8a038bd2fec41c4 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oemE0cnh3bkd2aXpjZVRrUnhNcnA0YlMzOEIuanBn?w=98&h=139&fit=crop&fm=pjpg&s=089f04e0c49527a1f952b26500659227, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oemE0cnh3bkd2aXpjZVRrUnhNcnA0YlMzOEIuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=4d089d44949116faa878e416848094aa 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oemE0cnh3bkd2aXpjZVRrUnhNcnA0YlMzOEIuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=ecf93da3ab21068a8727ab1496030e2b 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oemE0cnh3bkd2aXpjZVRrUnhNcnA0YlMzOEIuanBn?w=98&h=139&fit=crop&fm=pjpg&s=089f04e0c49527a1f952b26500659227" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oemE0cnh3bkd2aXpjZVRrUnhNcnA0YlMzOEIuanBn?w=98&h=139&fit=crop&fm=pjpg&s=089f04e0c49527a1f952b26500659227, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oemE0cnh3bkd2aXpjZVRrUnhNcnA0YlMzOEIuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=4d089d44949116faa878e416848094aa 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy9oemE0cnh3bkd2aXpjZVRrUnhNcnA0YlMzOEIuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=ecf93da3ab21068a8727ab1496030e2b 3x" alt="Percy Jackson : La mer des monstres" 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="1744145700" data-end="1744152780" 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="906907" data-brodcast-start="1744137120" data-brodcast-end="1744140720" 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">20h32</p> <p class="text-contrast-medium">Film / Documentaire</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/birmanie-le-rappeur-qui-defia-la-junte/357885" target="_self" class="line-clamp-3 inline " data-seo-target > Birmanie : le rappeur qui défia la junte </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Zayar Thaw fut d'abord un précurseur du rap birman, devenu star avec son groupe Acid, qu'il avait fondé au début des années 2000, avant de rejoindre le collectif prodémocratie Generation Wave, ce qui lui avait valu trois années de prison assorties de tortures. Charismatique activiste, il a été élu en 2015 pour siéger au Parlement aux côtés d'Aung San Suu Kyi, lors de la brève parenthèse libérale.</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDEyZWVmMDVlZDQ0NzQwOGMwNGEyNjQxODU3NDM5Nw==?w=98&h=139&fit=crop&fm=webp&s=1eebf254157959f41263316b8d6b87c5, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDEyZWVmMDVlZDQ0NzQwOGMwNGEyNjQxODU3NDM5Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=85cfc89b9ad314cfff7836596878c43f 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDEyZWVmMDVlZDQ0NzQwOGMwNGEyNjQxODU3NDM5Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=b29c0bf14c6c6e403537e098bcb1f9eb 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDEyZWVmMDVlZDQ0NzQwOGMwNGEyNjQxODU3NDM5Nw==?w=98&h=139&fit=crop&fm=pjpg&s=eb0594fdfccd3ecc685cd82388681d91, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDEyZWVmMDVlZDQ0NzQwOGMwNGEyNjQxODU3NDM5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=911049f4b456d352c57d234bef254c7e 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDEyZWVmMDVlZDQ0NzQwOGMwNGEyNjQxODU3NDM5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=f01903f3a41f81cf24a85dcb7f693d0d 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDEyZWVmMDVlZDQ0NzQwOGMwNGEyNjQxODU3NDM5Nw==?w=98&h=139&fit=crop&fm=pjpg&s=eb0594fdfccd3ecc685cd82388681d91" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDEyZWVmMDVlZDQ0NzQwOGMwNGEyNjQxODU3NDM5Nw==?w=98&h=139&fit=crop&fm=pjpg&s=eb0594fdfccd3ecc685cd82388681d91, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDEyZWVmMDVlZDQ0NzQwOGMwNGEyNjQxODU3NDM5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=911049f4b456d352c57d234bef254c7e 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDEyZWVmMDVlZDQ0NzQwOGMwNGEyNjQxODU3NDM5Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=f01903f3a41f81cf24a85dcb7f693d0d 3x" alt="Birmanie : le rappeur qui défia la junte" 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="1744137120" data-end="1744140720" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="906909" data-brodcast-start="1744142460" data-brodcast-end="1744147920" 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">22h01</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/357883" 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>1h31</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="1744142460" data-end="1744147920" 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="909574" data-brodcast-start="1744138800" data-brodcast-end="1744143900" 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">Contemporain</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/soiree-george-balanchine-par-le-ballet-de-l-opera-national-de-paris/96341" target="_self" class="line-clamp-3 inline " data-seo-target > George Balanchine : "Ballet impérial" et "Who Cares ?" </a> </h3> </div> <div class="flex items-center gap-4"> <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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zNzc5NjUxMWI0YmQ0ZTJjOGE3MmUxMmM4YjRjNjYzZg==?w=98&h=139&fit=crop&fm=webp&s=5334ba529c40f517a09da427eeca441e, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zNzc5NjUxMWI0YmQ0ZTJjOGE3MmUxMmM4YjRjNjYzZg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=29a22aa8f1c12b2bac593fb83782d7fd 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zNzc5NjUxMWI0YmQ0ZTJjOGE3MmUxMmM4YjRjNjYzZg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=dfb033410b2bd8df7a87a64b5c875a37 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zNzc5NjUxMWI0YmQ0ZTJjOGE3MmUxMmM4YjRjNjYzZg==?w=98&h=139&fit=crop&fm=pjpg&s=e3b29a457bceaf3bf2f3fe3a061abc32, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zNzc5NjUxMWI0YmQ0ZTJjOGE3MmUxMmM4YjRjNjYzZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=9917afc57b9749b595c00528fd665a45 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zNzc5NjUxMWI0YmQ0ZTJjOGE3MmUxMmM4YjRjNjYzZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=3f7aae122daca09cfa8e4c77536d3f28 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zNzc5NjUxMWI0YmQ0ZTJjOGE3MmUxMmM4YjRjNjYzZg==?w=98&h=139&fit=crop&fm=pjpg&s=e3b29a457bceaf3bf2f3fe3a061abc32" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zNzc5NjUxMWI0YmQ0ZTJjOGE3MmUxMmM4YjRjNjYzZg==?w=98&h=139&fit=crop&fm=pjpg&s=e3b29a457bceaf3bf2f3fe3a061abc32, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zNzc5NjUxMWI0YmQ0ZTJjOGE3MmUxMmM4YjRjNjYzZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=9917afc57b9749b595c00528fd665a45 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8zNzc5NjUxMWI0YmQ0ZTJjOGE3MmUxMmM4YjRjNjYzZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=3f7aae122daca09cfa8e4c77536d3f28 3x" alt="George Balanchine : "Ballet impérial" et "Who Cares ?"" 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="1744138800" data-end="1744143900" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="909575" data-brodcast-start="1744143900" data-brodcast-end="1744149600" 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">22h25</p> <p class="text-contrast-medium">Classique</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/hommage-a-jerome-robbins/359075" target="_self" class="line-clamp-3 inline " data-seo-target > Hommage à Jerome Robbins </a> </h3> </div> <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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MTIzODEwYzQ1NWU0ZDk3OWU2MjJmMzlhOTUxZjFiMQ==?w=98&h=139&fit=crop&fm=webp&s=2f6e11048687f0751af7c8aa6dd7bf31, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MTIzODEwYzQ1NWU0ZDk3OWU2MjJmMzlhOTUxZjFiMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=2e47d33eda7407cef937e05323401f16 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MTIzODEwYzQ1NWU0ZDk3OWU2MjJmMzlhOTUxZjFiMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=c8b10fbb7b044dfb4ce7956f46d666ac 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MTIzODEwYzQ1NWU0ZDk3OWU2MjJmMzlhOTUxZjFiMQ==?w=98&h=139&fit=crop&fm=pjpg&s=987f4337a761e928ffb9e16127a3da69, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MTIzODEwYzQ1NWU0ZDk3OWU2MjJmMzlhOTUxZjFiMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=4a65b629457330526495e7e37529ea53 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MTIzODEwYzQ1NWU0ZDk3OWU2MjJmMzlhOTUxZjFiMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=ce1cce98a6d8cc74d1e48c5f72dabf99 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MTIzODEwYzQ1NWU0ZDk3OWU2MjJmMzlhOTUxZjFiMQ==?w=98&h=139&fit=crop&fm=pjpg&s=987f4337a761e928ffb9e16127a3da69" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MTIzODEwYzQ1NWU0ZDk3OWU2MjJmMzlhOTUxZjFiMQ==?w=98&h=139&fit=crop&fm=pjpg&s=987f4337a761e928ffb9e16127a3da69, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MTIzODEwYzQ1NWU0ZDk3OWU2MjJmMzlhOTUxZjFiMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=4a65b629457330526495e7e37529ea53 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MTIzODEwYzQ1NWU0ZDk3OWU2MjJmMzlhOTUxZjFiMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=ce1cce98a6d8cc74d1e48c5f72dabf99 3x" alt="Hommage à Jerome Robbins" 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="1744143900" data-end="1744149600" 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="908456" data-brodcast-start="1744135200" data-brodcast-end="1744142400" 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/358294" 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="1744135200" data-end="1744142400" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="908457" data-brodcast-start="1744142400" data-brodcast-end="1744149600" 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/358295" 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="1744142400" data-end="1744149600" 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="906683" data-brodcast-start="1744135440" data-brodcast-end="1744139040" 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">20h04</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/357809" 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="1744135440" data-end="1744139040" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="925889" data-brodcast-start="1744135440" data-brodcast-end="1744139040" 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">20h04</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/364700" 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="1744135440" data-end="1744139040" 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="908344" data-brodcast-start="1744139340" data-brodcast-end="1744145520" 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">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/la-folie-du-camping-car/358254" target="_self" class="line-clamp-3 inline " data-seo-target > La folie du camping-car </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Frédéric et Audrey voyagent vers l'Allemagne avec leurs deux enfants dans leur grand camping-car. Eric et Sylvie parcourent les routes dans leur Wanderlodge américain vintage, tandis que les jeunes mariés Camille et Oliver explorent la Gironde dans leur modeste combi T3. Alix et Jeanne, de leur côté, entreprennent une aventure de six mois à travers huit pays jusqu'aux Balkans dans leur camping-car rénové.</p> <div class="flex items-center gap-4"> <p>1h43</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDQ2M2Q2MGRlNmU0OTdhOTRiN2I2Mzc3MzI3ZjY3Yg==?w=98&h=139&fit=crop&fm=webp&s=83e2f467aa2d212b4a54d5c62abc1754, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDQ2M2Q2MGRlNmU0OTdhOTRiN2I2Mzc3MzI3ZjY3Yg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=e5f7ba801a461034d4ac4ea58163a25d 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDQ2M2Q2MGRlNmU0OTdhOTRiN2I2Mzc3MzI3ZjY3Yg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=d35c0497bbbf7844392a870964cbc316 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDQ2M2Q2MGRlNmU0OTdhOTRiN2I2Mzc3MzI3ZjY3Yg==?w=98&h=139&fit=crop&fm=pjpg&s=ceaeab40c4162e157799381cc57c72d2, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDQ2M2Q2MGRlNmU0OTdhOTRiN2I2Mzc3MzI3ZjY3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=fb1ba8dbc91edb4daa5cc8f0f1c1a273 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDQ2M2Q2MGRlNmU0OTdhOTRiN2I2Mzc3MzI3ZjY3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=40115f6c2b5c4104aac5e7591fc0ec72 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDQ2M2Q2MGRlNmU0OTdhOTRiN2I2Mzc3MzI3ZjY3Yg==?w=98&h=139&fit=crop&fm=pjpg&s=ceaeab40c4162e157799381cc57c72d2" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDQ2M2Q2MGRlNmU0OTdhOTRiN2I2Mzc3MzI3ZjY3Yg==?w=98&h=139&fit=crop&fm=pjpg&s=ceaeab40c4162e157799381cc57c72d2, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDQ2M2Q2MGRlNmU0OTdhOTRiN2I2Mzc3MzI3ZjY3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=fb1ba8dbc91edb4daa5cc8f0f1c1a273 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kZDQ2M2Q2MGRlNmU0OTdhOTRiN2I2Mzc3MzI3ZjY3Yg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=40115f6c2b5c4104aac5e7591fc0ec72 3x" alt="La folie du camping-car" 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="1744139340" data-end="1744145520" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="908345" data-brodcast-start="1744145520" data-brodcast-end="1744151580" 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">22h52</p> <p class="text-contrast-medium">Documentaire / Société</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/la-folie-du-camping-car/340605" target="_self" class="line-clamp-3 inline " data-seo-target > La folie du camping-car </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Symbole de liberté, d'escapades au gré des paysages et des couchers de soleil, le camping-car semble être le compagnon idéal pour des vacanciers désireux de s'essayer à la vie nomade. Vérification à bord d'un véhicule classique mais découverte également d'autres modèles construits sur mesure : un camion de pompier transformé en maison sur roues, un bus totalement reconverti en appartement design et un foodtruck devenu un confortable van aménagé.</p> <div class="flex items-center gap-4"> <p>1h41</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MGU5Njk4OTUxNjU0ZTk1ODc0MzJjZjY2MTM1ZTkwMw==?w=98&h=139&fit=crop&fm=webp&s=5bf45aed8fec2c3a6143c61015da960a, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MGU5Njk4OTUxNjU0ZTk1ODc0MzJjZjY2MTM1ZTkwMw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=54a86102975e9638bcf9fa9ebe5381a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MGU5Njk4OTUxNjU0ZTk1ODc0MzJjZjY2MTM1ZTkwMw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=ef596f72267b285d666fc4694c14b14c 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MGU5Njk4OTUxNjU0ZTk1ODc0MzJjZjY2MTM1ZTkwMw==?w=98&h=139&fit=crop&fm=pjpg&s=0a2eaaa2bbd6c92d0a411dbee0328d8f, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MGU5Njk4OTUxNjU0ZTk1ODc0MzJjZjY2MTM1ZTkwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=3bfc0bfd29c0bdc9ac197a70e6a46656 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MGU5Njk4OTUxNjU0ZTk1ODc0MzJjZjY2MTM1ZTkwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d4b0a5c35b9a2411003dc6f7bfd90488 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MGU5Njk4OTUxNjU0ZTk1ODc0MzJjZjY2MTM1ZTkwMw==?w=98&h=139&fit=crop&fm=pjpg&s=0a2eaaa2bbd6c92d0a411dbee0328d8f" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MGU5Njk4OTUxNjU0ZTk1ODc0MzJjZjY2MTM1ZTkwMw==?w=98&h=139&fit=crop&fm=pjpg&s=0a2eaaa2bbd6c92d0a411dbee0328d8f, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MGU5Njk4OTUxNjU0ZTk1ODc0MzJjZjY2MTM1ZTkwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=3bfc0bfd29c0bdc9ac197a70e6a46656 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80MGU5Njk4OTUxNjU0ZTk1ODc0MzJjZjY2MTM1ZTkwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=d4b0a5c35b9a2411003dc6f7bfd90488 3x" alt="La folie du camping-car" 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="1744145520" data-end="1744151580" 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="908487" data-brodcast-start="1744139100" data-brodcast-end="1744145100" 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 / 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> <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-schtroumpfs-et-le-village-perdu" target="_self" class="line-clamp-3 inline " data-seo-target > Les Schtroumpfs et le village perdu </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">La Schtroumpfette est l'unique fille du village des Schtroumpfs et cette situation lui pèse. Elle est persuadée que d'autres petits êtres bleus existent ailleurs dans un village perdu. Elle tente de convaincre le Grand Schtroumpf de partir en expédition et de découvrir ce lieu mythique...</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/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82Mk53alFqTHBpT2NtOVBYY2FHZFcxbElDRE8uanBn?w=98&h=139&fit=crop&fm=webp&s=95d4011900d0989fbe18cd63084e248b, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82Mk53alFqTHBpT2NtOVBYY2FHZFcxbElDRE8uanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=3fff5430163115d5fb279309906f4f98 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82Mk53alFqTHBpT2NtOVBYY2FHZFcxbElDRE8uanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9defdfc7a09c9e020f7af2d4ec6fe682 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82Mk53alFqTHBpT2NtOVBYY2FHZFcxbElDRE8uanBn?w=98&h=139&fit=crop&fm=pjpg&s=bc5abfd8e5829f1fdddc031ae5535ef8, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82Mk53alFqTHBpT2NtOVBYY2FHZFcxbElDRE8uanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=ffcc5bae0e2d8a404d7110d0e70414c2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82Mk53alFqTHBpT2NtOVBYY2FHZFcxbElDRE8uanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=a06c4ffd34e2ce0d0fe021f65e1753e8 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82Mk53alFqTHBpT2NtOVBYY2FHZFcxbElDRE8uanBn?w=98&h=139&fit=crop&fm=pjpg&s=bc5abfd8e5829f1fdddc031ae5535ef8" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82Mk53alFqTHBpT2NtOVBYY2FHZFcxbElDRE8uanBn?w=98&h=139&fit=crop&fm=pjpg&s=bc5abfd8e5829f1fdddc031ae5535ef8, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82Mk53alFqTHBpT2NtOVBYY2FHZFcxbElDRE8uanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=ffcc5bae0e2d8a404d7110d0e70414c2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy82Mk53alFqTHBpT2NtOVBYY2FHZFcxbElDRE8uanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=a06c4ffd34e2ce0d0fe021f65e1753e8 3x" alt="Les Schtroumpfs et le village perdu" 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="1744139100" data-end="1744145100" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="908488" data-brodcast-start="1744145100" data-brodcast-end="1744148400" 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">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/tiny-house-mini-maison-sur-mesure/20751" target="_self" class="line-clamp-3 inline " data-seo-target > Tiny House : mini maison sur mesure </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un couple du Colorado décide de s'installer dans une mini-maison, après que leur ancienne maison a été totalement ravagée par un incendie de forêt.</p> <div class="flex items-center gap-4"> <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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMzg5YTZkMTczYmI0YWJmODExNDY1NzY0NmVhMDA5OQ==?w=98&h=139&fit=crop&fm=webp&s=7a032bd51d82e5ec4c324c55a26a7e7e, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMzg5YTZkMTczYmI0YWJmODExNDY1NzY0NmVhMDA5OQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=59ca7ed3045dfbdaaa30f9917cbaa81f 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMzg5YTZkMTczYmI0YWJmODExNDY1NzY0NmVhMDA5OQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=df18145f2767ed2a476a204e347cebcb 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMzg5YTZkMTczYmI0YWJmODExNDY1NzY0NmVhMDA5OQ==?w=98&h=139&fit=crop&fm=pjpg&s=df3cf3e16801d5cb5246992de02f01c5, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMzg5YTZkMTczYmI0YWJmODExNDY1NzY0NmVhMDA5OQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=fc7e96ad9be1d4aa499a3b021957e508 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMzg5YTZkMTczYmI0YWJmODExNDY1NzY0NmVhMDA5OQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=adc52cae1245400fd496d60c6cfbf360 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMzg5YTZkMTczYmI0YWJmODExNDY1NzY0NmVhMDA5OQ==?w=98&h=139&fit=crop&fm=pjpg&s=df3cf3e16801d5cb5246992de02f01c5" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMzg5YTZkMTczYmI0YWJmODExNDY1NzY0NmVhMDA5OQ==?w=98&h=139&fit=crop&fm=pjpg&s=df3cf3e16801d5cb5246992de02f01c5, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMzg5YTZkMTczYmI0YWJmODExNDY1NzY0NmVhMDA5OQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=fc7e96ad9be1d4aa499a3b021957e508 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMzg5YTZkMTczYmI0YWJmODExNDY1NzY0NmVhMDA5OQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=adc52cae1245400fd496d60c6cfbf360 3x" alt="Tiny House : mini maison sur mesure" 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="1744145100" data-end="1744148400" 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="904680" data-brodcast-start="1744139400" data-brodcast-end="1744145700" 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/series/camping-paradis/lorsque-lenfant-parait-4" target="_self" class="line-clamp-3 inline " data-seo-target > Camping Paradis </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Tom est bien embarrassé. Un magnifique bébé vient d'être abandonné devant son bungalow, avec un petit mot laissant entendre que son papa se trouverait dans le camping. Mais l'enfant a boulotté la partie du message où figuraient son nom et son numéro de téléphone. Après avoir mûrement réfléchi Tom décide de ne pas avertir la police et de découvrir qui, au camping, pourrait être le géniteur du nourrisson. Par ailleurs, Jean-Pierre file le parfait amour avec Hervé à qui il n'a jamais pu avouer qu'avant de le connaître il a été marié et qu'il a un fils...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NjM0NDE4NjJmMjk0Njc5YjYzZDRlYzY2MWEyZGFkYg==?w=98&h=139&fit=crop&fm=webp&s=5bcd3713200319788b0bdc7424dc52a9, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NjM0NDE4NjJmMjk0Njc5YjYzZDRlYzY2MWEyZGFkYg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=259ebf3a363ba8356dc51a68d45c416d 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NjM0NDE4NjJmMjk0Njc5YjYzZDRlYzY2MWEyZGFkYg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=fde8e7e94066262d4c2408c40620bfe2 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NjM0NDE4NjJmMjk0Njc5YjYzZDRlYzY2MWEyZGFkYg==?w=98&h=139&fit=crop&fm=pjpg&s=4e88dbde8f804ff8c8553fc6ed1b41fc, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NjM0NDE4NjJmMjk0Njc5YjYzZDRlYzY2MWEyZGFkYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=ba58edf46ef306366e298296b36b640a 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NjM0NDE4NjJmMjk0Njc5YjYzZDRlYzY2MWEyZGFkYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=38d9046fa6a037298ff7a1fda8e353c3 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NjM0NDE4NjJmMjk0Njc5YjYzZDRlYzY2MWEyZGFkYg==?w=98&h=139&fit=crop&fm=pjpg&s=4e88dbde8f804ff8c8553fc6ed1b41fc" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NjM0NDE4NjJmMjk0Njc5YjYzZDRlYzY2MWEyZGFkYg==?w=98&h=139&fit=crop&fm=pjpg&s=4e88dbde8f804ff8c8553fc6ed1b41fc, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NjM0NDE4NjJmMjk0Njc5YjYzZDRlYzY2MWEyZGFkYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=ba58edf46ef306366e298296b36b640a 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC84NjM0NDE4NjJmMjk0Njc5YjYzZDRlYzY2MWEyZGFkYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=38d9046fa6a037298ff7a1fda8e353c3 3x" alt="Camping Paradis" 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="1744139400" data-end="1744145700" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904681" data-brodcast-start="1744145700" data-brodcast-end="1744149900" 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/series/camping-paradis/une-star-au-camping" target="_self" class="line-clamp-3 inline " data-seo-target > Camping Paradis </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Cette semaine, tout le monde peut être une star au Camping Paradis. En effet, un concours de talents cachés a été organisé, concours que Parizot est décidé à remporter ! Mais Tom et son équipe n'avaient pas prévu qu'une vraie star de la chanson, victime d'un burn-out, était venue se réfugier incognito au camping...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85ZDVkNzA3Yzg5Njc0NWQ1YjVmYWJkNDg0ODhmODg0MA==?w=98&h=139&fit=crop&fm=webp&s=203a7cd282c878a623cd4ef514972edb, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85ZDVkNzA3Yzg5Njc0NWQ1YjVmYWJkNDg0ODhmODg0MA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=bf5974b7c6242fab3e7cca27696ed88b 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85ZDVkNzA3Yzg5Njc0NWQ1YjVmYWJkNDg0ODhmODg0MA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=60926a1d86a5a84077637bddb5c6525b 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85ZDVkNzA3Yzg5Njc0NWQ1YjVmYWJkNDg0ODhmODg0MA==?w=98&h=139&fit=crop&fm=pjpg&s=1689c792abf0ee6a019b38241f8e3f66, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85ZDVkNzA3Yzg5Njc0NWQ1YjVmYWJkNDg0ODhmODg0MA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=8fb7c14134833bec7e8c6bdc6ab6139b 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85ZDVkNzA3Yzg5Njc0NWQ1YjVmYWJkNDg0ODhmODg0MA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdc4c2d78cf2c9ea3200d7805a019da7 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85ZDVkNzA3Yzg5Njc0NWQ1YjVmYWJkNDg0ODhmODg0MA==?w=98&h=139&fit=crop&fm=pjpg&s=1689c792abf0ee6a019b38241f8e3f66" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85ZDVkNzA3Yzg5Njc0NWQ1YjVmYWJkNDg0ODhmODg0MA==?w=98&h=139&fit=crop&fm=pjpg&s=1689c792abf0ee6a019b38241f8e3f66, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85ZDVkNzA3Yzg5Njc0NWQ1YjVmYWJkNDg0ODhmODg0MA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=8fb7c14134833bec7e8c6bdc6ab6139b 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC85ZDVkNzA3Yzg5Njc0NWQ1YjVmYWJkNDg0ODhmODg0MA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdc4c2d78cf2c9ea3200d7805a019da7 3x" alt="Camping Paradis" 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="1744145700" data-end="1744149900" 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="904617" data-brodcast-start="1744139220" data-brodcast-end="1744145640" 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">21h07</p> <p class="text-contrast-medium">Téléfilm / Action</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/ransom-games/357340" target="_self" class="line-clamp-3 inline " data-seo-target > Ransom Games </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Des enfants, issus de familles fortunées, sont envoyés dans un pensionnat à la discipline très stricte. Leurs parents espèrent ainsi que leur progéniture obtienne une éducation qui les remette dans le droit chemin. A leur arrivée, les enfants sont pris en otage par des criminels, qui ont assiégé l'école...</p> <div class="flex items-center gap-4"> <p>1h47</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzFmMDI4ZmQwNTY0NmJlOWI5ODQyZTYyOTE1YTEyOA==?w=98&h=139&fit=crop&fm=webp&s=c46172dfa0e9ed39397d46058a763650, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzFmMDI4ZmQwNTY0NmJlOWI5ODQyZTYyOTE1YTEyOA==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=824300e7f7fcac8905a333d45c5a84f6 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzFmMDI4ZmQwNTY0NmJlOWI5ODQyZTYyOTE1YTEyOA==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=128b7bfcfd91b5d2a36a9f85e38ccb57 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzFmMDI4ZmQwNTY0NmJlOWI5ODQyZTYyOTE1YTEyOA==?w=98&h=139&fit=crop&fm=pjpg&s=75dc7344d21fceeae378c53e1329cf0e, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzFmMDI4ZmQwNTY0NmJlOWI5ODQyZTYyOTE1YTEyOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=c4d365ad42fd66a2b6f50814c0ba10da 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzFmMDI4ZmQwNTY0NmJlOWI5ODQyZTYyOTE1YTEyOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=4cf790228a29bd32411f223af78481d8 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzFmMDI4ZmQwNTY0NmJlOWI5ODQyZTYyOTE1YTEyOA==?w=98&h=139&fit=crop&fm=pjpg&s=75dc7344d21fceeae378c53e1329cf0e" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzFmMDI4ZmQwNTY0NmJlOWI5ODQyZTYyOTE1YTEyOA==?w=98&h=139&fit=crop&fm=pjpg&s=75dc7344d21fceeae378c53e1329cf0e, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzFmMDI4ZmQwNTY0NmJlOWI5ODQyZTYyOTE1YTEyOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=c4d365ad42fd66a2b6f50814c0ba10da 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9iMzFmMDI4ZmQwNTY0NmJlOWI5ODQyZTYyOTE1YTEyOA==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=4cf790228a29bd32411f223af78481d8 3x" alt="Ransom Games" 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="1744139220" data-end="1744145640" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904618" data-brodcast-start="1744145640" data-brodcast-end="1744153140" 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">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/lequipe-du-soir/357341" target="_self" class="line-clamp-3 inline " data-seo-target > L'Equipe du soir </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Au menu de ce talk sportif, des débats souvent passionnés et des points de vue sans concession sur celles et ceux qui font le sport en France et à l'étranger.</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>2h05</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MTg3YmI3ZDUxOWU0ODU0OTJmZDg3MzZlNGNiYTU1Nw==?w=98&h=139&fit=crop&fm=webp&s=8a9489a27975173c2cf1a06012ba8b37, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MTg3YmI3ZDUxOWU0ODU0OTJmZDg3MzZlNGNiYTU1Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=975b8534d07935a550bf990a237c4f19 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MTg3YmI3ZDUxOWU0ODU0OTJmZDg3MzZlNGNiYTU1Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=0dd1f636b3d5af56e513f34d690a840e 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MTg3YmI3ZDUxOWU0ODU0OTJmZDg3MzZlNGNiYTU1Nw==?w=98&h=139&fit=crop&fm=pjpg&s=6aa50b054cc2db56a8507776671b82da, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MTg3YmI3ZDUxOWU0ODU0OTJmZDg3MzZlNGNiYTU1Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=11aaa3bb5d3a83cb85c6d42f451badae 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MTg3YmI3ZDUxOWU0ODU0OTJmZDg3MzZlNGNiYTU1Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=76b50429222773d9ef6b52ea4dec9fc3 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MTg3YmI3ZDUxOWU0ODU0OTJmZDg3MzZlNGNiYTU1Nw==?w=98&h=139&fit=crop&fm=pjpg&s=6aa50b054cc2db56a8507776671b82da" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MTg3YmI3ZDUxOWU0ODU0OTJmZDg3MzZlNGNiYTU1Nw==?w=98&h=139&fit=crop&fm=pjpg&s=6aa50b054cc2db56a8507776671b82da, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MTg3YmI3ZDUxOWU0ODU0OTJmZDg3MzZlNGNiYTU1Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=11aaa3bb5d3a83cb85c6d42f451badae 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81MTg3YmI3ZDUxOWU0ODU0OTJmZDg3MzZlNGNiYTU1Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=76b50429222773d9ef6b52ea4dec9fc3 3x" alt="L'Equipe du 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="1744145640" data-end="1744153140" 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="904650" data-brodcast-start="1744139400" data-brodcast-end="1744146600" 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-chasseur-et-la-reine-des-glaces" target="_self" class="line-clamp-3 inline " data-seo-target > Le chasseur et la reine des glaces </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Il y a fort longtemps, bien avant qu’elle ne tombe sous l’épée de Blanche Neige, la reine Ravenna avait dû assister, sans mot dire, à la trahison amoureuse qui avait contraint sa sœur Freya à quitter leur royaume, le cœur brisé.</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/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83Q1hDYktmZk1RaDlmYlAyaE5XSzNXczNUUjUuanBn?w=98&h=139&fit=crop&fm=webp&s=1c6a80219e8d564e6ad3b43630b4c590, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83Q1hDYktmZk1RaDlmYlAyaE5XSzNXczNUUjUuanBn?w=98&h=139&fit=crop&fm=webp&dpr=2&s=69cd9966593c6ea20d7ea68d8a2d9a7f 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83Q1hDYktmZk1RaDlmYlAyaE5XSzNXczNUUjUuanBn?w=98&h=139&fit=crop&fm=webp&dpr=3&s=551a95c5d9bc1eaa801aa6d02cc28229 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83Q1hDYktmZk1RaDlmYlAyaE5XSzNXczNUUjUuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f52d6e019295ba0d5275bd7b4744698d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83Q1hDYktmZk1RaDlmYlAyaE5XSzNXczNUUjUuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=db2a3ca78fbeb46a367ff67837f03fb2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83Q1hDYktmZk1RaDlmYlAyaE5XSzNXczNUUjUuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=dc95e48cf4c74fc1c0aeaccb753bde1f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83Q1hDYktmZk1RaDlmYlAyaE5XSzNXczNUUjUuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f52d6e019295ba0d5275bd7b4744698d" srcset="https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83Q1hDYktmZk1RaDlmYlAyaE5XSzNXczNUUjUuanBn?w=98&h=139&fit=crop&fm=pjpg&s=f52d6e019295ba0d5275bd7b4744698d, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83Q1hDYktmZk1RaDlmYlAyaE5XSzNXczNUUjUuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=db2a3ca78fbeb46a367ff67837f03fb2 2x, https://assets.diverto.tv/media/remote/aHR0cHM6Ly9pbWFnZS50bWRiLm9yZy90L3AvL29yaWdpbmFsLy83Q1hDYktmZk1RaDlmYlAyaE5XSzNXczNUUjUuanBn?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=dc95e48cf4c74fc1c0aeaccb753bde1f 3x" alt="Le chasseur et la reine des glaces" 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="1744139400" data-end="1744146600" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904651" data-brodcast-start="1744146600" data-brodcast-end="1744149600" 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/bones/un-cri-dans-le-silence" target="_self" class="line-clamp-3 inline " data-seo-target > Bones </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Une adolescente muette est soupçonnée d'agression après que l'arme du crime et le sang de la victime ont été retrouvés sur elle. Booth, Brennan et l'équipe de l'Institut Jefferson doivent identifier la jeune fille et tenter de retrouver la victime de l'agression, qui a perdu beaucoup de sang...</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>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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZTNlZDZjY2I1OTg0Y2IxYjlhYzc1YjliMWM2Nzk3OQ==?w=98&h=139&fit=crop&fm=webp&s=9c3f2594e3ff7db3d03e0bda28c82af7, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZTNlZDZjY2I1OTg0Y2IxYjlhYzc1YjliMWM2Nzk3OQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=1b51421c8462c4434eb2486969da134a 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZTNlZDZjY2I1OTg0Y2IxYjlhYzc1YjliMWM2Nzk3OQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=49ededda233370f5081a0bd4b34da6b0 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZTNlZDZjY2I1OTg0Y2IxYjlhYzc1YjliMWM2Nzk3OQ==?w=98&h=139&fit=crop&fm=pjpg&s=c97f0de8163cf2ccdb139dcc68cfec11, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZTNlZDZjY2I1OTg0Y2IxYjlhYzc1YjliMWM2Nzk3OQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=e356e7ef2b29c41af23747f9da3d9b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZTNlZDZjY2I1OTg0Y2IxYjlhYzc1YjliMWM2Nzk3OQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=49f500642f9f6c23bc316485357394f4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZTNlZDZjY2I1OTg0Y2IxYjlhYzc1YjliMWM2Nzk3OQ==?w=98&h=139&fit=crop&fm=pjpg&s=c97f0de8163cf2ccdb139dcc68cfec11" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZTNlZDZjY2I1OTg0Y2IxYjlhYzc1YjliMWM2Nzk3OQ==?w=98&h=139&fit=crop&fm=pjpg&s=c97f0de8163cf2ccdb139dcc68cfec11, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZTNlZDZjY2I1OTg0Y2IxYjlhYzc1YjliMWM2Nzk3OQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=e356e7ef2b29c41af23747f9da3d9b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC8xZTNlZDZjY2I1OTg0Y2IxYjlhYzc1YjliMWM2Nzk3OQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=49f500642f9f6c23bc316485357394f4 3x" alt="Bones" 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="1744146600" data-end="1744149600" 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="904629" data-brodcast-start="1744139400" data-brodcast-end="1744142400" 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 / Découvertes</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/alien-theory/357348" target="_self" class="line-clamp-3 inline " data-seo-target > Alien Fiction </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">D'énormes structures mégalithiques aux origines mystérieuses. Un vaste complexe souterrain contenant les restes de ce que certains croient être des êtres d'un autre monde. Les anciens mystères qui existent sur les îles méditerranéennes de Malte pourraient-ils être liés à des légendes locales de visites extraterrestres et d'êtres hybrides géants ?</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82OWRkNzgzNzZkN2Q0ZTAxOTZjMjY2Nzg5YzA4NTBjZg==?w=98&h=139&fit=crop&fm=webp&s=dbb72f9534cba26757b8ef82cd1b89dd, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82OWRkNzgzNzZkN2Q0ZTAxOTZjMjY2Nzg5YzA4NTBjZg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=96624bb8aafa88fa1758ff3c73b5fe51 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82OWRkNzgzNzZkN2Q0ZTAxOTZjMjY2Nzg5YzA4NTBjZg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=ee3b87f1864c29f704b90eb4a597b35a 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82OWRkNzgzNzZkN2Q0ZTAxOTZjMjY2Nzg5YzA4NTBjZg==?w=98&h=139&fit=crop&fm=pjpg&s=7085c315ae14c604ab410fa940b4dd35, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82OWRkNzgzNzZkN2Q0ZTAxOTZjMjY2Nzg5YzA4NTBjZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=4193ca3a58e8ee869cb61256b11ceed8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82OWRkNzgzNzZkN2Q0ZTAxOTZjMjY2Nzg5YzA4NTBjZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=0072a884ed33e12ecc6517851751a618 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82OWRkNzgzNzZkN2Q0ZTAxOTZjMjY2Nzg5YzA4NTBjZg==?w=98&h=139&fit=crop&fm=pjpg&s=7085c315ae14c604ab410fa940b4dd35" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82OWRkNzgzNzZkN2Q0ZTAxOTZjMjY2Nzg5YzA4NTBjZg==?w=98&h=139&fit=crop&fm=pjpg&s=7085c315ae14c604ab410fa940b4dd35, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82OWRkNzgzNzZkN2Q0ZTAxOTZjMjY2Nzg5YzA4NTBjZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=4193ca3a58e8ee869cb61256b11ceed8 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC82OWRkNzgzNzZkN2Q0ZTAxOTZjMjY2Nzg5YzA4NTBjZg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=0072a884ed33e12ecc6517851751a618 3x" alt="Alien Fiction" 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="1744139400" data-end="1744142400" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904631" data-brodcast-start="1744146000" data-brodcast-end="1744149300" 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">23h00</p> <p class="text-contrast-medium">Documentaire / Découvertes</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/alien-theory/357350" target="_self" class="line-clamp-3 inline " data-seo-target > Alien Fiction </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Des études ont montré que jusqu'à 70 % de toutes les observations d'ovnis se produisent dans ce que l'on appelle des "points chauds", où des visions, des lumières mystérieuses et des phénomènes inhabituels sont régulièrement rapportés, et ce non seulement à l'époque moderne, mais aussi depuis des milliers d'années. Ces lieux pourraient-ils attirer des visiteurs extraterrestres ?</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>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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jMjhiZGYwZjQxZDY0OTBiYTllYmQyOGFlNzFiYzhiMQ==?w=98&h=139&fit=crop&fm=webp&s=939d50386704077dca33a4d7a528d3cd, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jMjhiZGYwZjQxZDY0OTBiYTllYmQyOGFlNzFiYzhiMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=4b0b87a499c839d6ce69c925138c6f75 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jMjhiZGYwZjQxZDY0OTBiYTllYmQyOGFlNzFiYzhiMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=85319776fe5b3563a235fc4641c574d3 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jMjhiZGYwZjQxZDY0OTBiYTllYmQyOGFlNzFiYzhiMQ==?w=98&h=139&fit=crop&fm=pjpg&s=a4689cea0d43a1dc1382a6c32fb75fdb, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jMjhiZGYwZjQxZDY0OTBiYTllYmQyOGFlNzFiYzhiMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=ec558ce4c1818b8e8fca940ffc1c3722 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jMjhiZGYwZjQxZDY0OTBiYTllYmQyOGFlNzFiYzhiMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=b55f663ddd347f84223230816de069b3 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jMjhiZGYwZjQxZDY0OTBiYTllYmQyOGFlNzFiYzhiMQ==?w=98&h=139&fit=crop&fm=pjpg&s=a4689cea0d43a1dc1382a6c32fb75fdb" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jMjhiZGYwZjQxZDY0OTBiYTllYmQyOGFlNzFiYzhiMQ==?w=98&h=139&fit=crop&fm=pjpg&s=a4689cea0d43a1dc1382a6c32fb75fdb, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jMjhiZGYwZjQxZDY0OTBiYTllYmQyOGFlNzFiYzhiMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=ec558ce4c1818b8e8fca940ffc1c3722 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9jMjhiZGYwZjQxZDY0OTBiYTllYmQyOGFlNzFiYzhiMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=b55f663ddd347f84223230816de069b3 3x" alt="Alien Fiction" 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="1744146000" data-end="1744149300" 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="904602" data-brodcast-start="1744139700" data-brodcast-end="1744143600" 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/a7-le-quotidien-de-l-autoroute-lyon-marseille/357332" target="_self" class="line-clamp-3 inline " data-seo-target > A7 : le quotidien de l'autoroute Lyon / Marseille </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">L'Autoroute du soleil est un axe emblématique de l'Hexagone. Dans l'imaginaire des Français, l'A7 est à la fois synonyme de vacances et d'enfer routier. Au quotidien, c'est une moyenne de 75 000 véhicules qui l'emprunte mais, en été, elle peut voir sa fréquentation frôler les 200 000 véhicules par jour. Comment dès lors faire circuler tous ces usagers en leur assurant sécurité et fluidité ? Pour relever ce défi, de nombreux professionnels veillent sur l'A7 : les ouvriers des chantiers et leurs maîtres d'oeuvre entretiennent une infrastructure soumise à rude épreuve. Les superviseurs scrutent le trafic en temps réel pour anticiper et tenter d'éviter les bouchons. Les dépanneurs et les patrouilleurs interviennent au plus près de usagers pour les sauver de situations parfois dangereuses.</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81NzU4ZGEwM2U4NDk0YzI0OTE5NDVmNTZkOTFkM2UwMw==?w=98&h=139&fit=crop&fm=webp&s=e1d562a3ac251e47b405cf4d684a6d6b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81NzU4ZGEwM2U4NDk0YzI0OTE5NDVmNTZkOTFkM2UwMw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=69f9a73247a8337727755051bb0b08a4 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81NzU4ZGEwM2U4NDk0YzI0OTE5NDVmNTZkOTFkM2UwMw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=7ef579686b655f63a468c5fbb319429d 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81NzU4ZGEwM2U4NDk0YzI0OTE5NDVmNTZkOTFkM2UwMw==?w=98&h=139&fit=crop&fm=pjpg&s=ddd3c827f7805c6fb3f8fcbfbf40d6e1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81NzU4ZGEwM2U4NDk0YzI0OTE5NDVmNTZkOTFkM2UwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=ff93af48e4245afb533513178fe5ce13 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81NzU4ZGEwM2U4NDk0YzI0OTE5NDVmNTZkOTFkM2UwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=041be6acfa6171df2aa1df9f29322d2c 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81NzU4ZGEwM2U4NDk0YzI0OTE5NDVmNTZkOTFkM2UwMw==?w=98&h=139&fit=crop&fm=pjpg&s=ddd3c827f7805c6fb3f8fcbfbf40d6e1" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81NzU4ZGEwM2U4NDk0YzI0OTE5NDVmNTZkOTFkM2UwMw==?w=98&h=139&fit=crop&fm=pjpg&s=ddd3c827f7805c6fb3f8fcbfbf40d6e1, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81NzU4ZGEwM2U4NDk0YzI0OTE5NDVmNTZkOTFkM2UwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=ff93af48e4245afb533513178fe5ce13 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC81NzU4ZGEwM2U4NDk0YzI0OTE5NDVmNTZkOTFkM2UwMw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=041be6acfa6171df2aa1df9f29322d2c 3x" alt="A7 : le quotidien de l'autoroute Lyon / Marseille" 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="1744139700" data-end="1744143600" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904603" data-brodcast-start="1744143600" data-brodcast-end="1744147500" 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 / Sciences et technique</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/a7-les-defis-de-l-autoroute-lyon-marseille/357333" target="_self" class="line-clamp-3 inline " data-seo-target > A7 : les défis de l'autoroute Lyon / Marseille </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">L'A7, aussi appelée autoroute du Sud, est un axe majeur du réseau français. Pour des millions d'automobilistes, son tracé de 311 kilomètres entre Lyon et Marseille est synonyme de vacances chaque été. Mais c'est avant tout une infrastructure essentielle à l'économie du pays, une des autoroutes les plus chargées de France, et un des axes les plus importants de poids lourds en Europe. On estime le trafic à 80 millions de passages de véhicules par an. Cette circulation exige des infrastructures hors normes, comme le péage de Vienne Reventin, un des plus grands de France, ou l'aire de Montélimar, qui est la plus grande aire de service d'Europe. </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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNDdmZDA1MjNiMTE0ZmNjYWFjM2M4YmU2NmViNzAwMQ==?w=98&h=139&fit=crop&fm=webp&s=384c0e9beb5bf99d33fa830cccdd5899, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNDdmZDA1MjNiMTE0ZmNjYWFjM2M4YmU2NmViNzAwMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=a965a740288f0a0d0433283f582c691b 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNDdmZDA1MjNiMTE0ZmNjYWFjM2M4YmU2NmViNzAwMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=ff8b341d8c6f159b7fd670ac36be6429 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNDdmZDA1MjNiMTE0ZmNjYWFjM2M4YmU2NmViNzAwMQ==?w=98&h=139&fit=crop&fm=pjpg&s=6b55d5ae2d19087a28abbd2acd2c5dc9, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNDdmZDA1MjNiMTE0ZmNjYWFjM2M4YmU2NmViNzAwMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5bc656ac3c0439f47a5362d87a60ca3c 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNDdmZDA1MjNiMTE0ZmNjYWFjM2M4YmU2NmViNzAwMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=e716641aaff0132ddb020598f996a728 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNDdmZDA1MjNiMTE0ZmNjYWFjM2M4YmU2NmViNzAwMQ==?w=98&h=139&fit=crop&fm=pjpg&s=6b55d5ae2d19087a28abbd2acd2c5dc9" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNDdmZDA1MjNiMTE0ZmNjYWFjM2M4YmU2NmViNzAwMQ==?w=98&h=139&fit=crop&fm=pjpg&s=6b55d5ae2d19087a28abbd2acd2c5dc9, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNDdmZDA1MjNiMTE0ZmNjYWFjM2M4YmU2NmViNzAwMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=5bc656ac3c0439f47a5362d87a60ca3c 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hNDdmZDA1MjNiMTE0ZmNjYWFjM2M4YmU2NmViNzAwMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=e716641aaff0132ddb020598f996a728 3x" alt="A7 : les défis de l'autoroute Lyon / Marseille" 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="1744143600" data-end="1744147500" 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="904582" data-brodcast-start="1744139100" data-brodcast-end="1744142400" 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 / Justice</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/massacre-en-famille/357323" target="_self" class="line-clamp-3 inline " data-seo-target > Massacre en famille </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Le 23 mars 1997, à Pelham, en Alabama, Mark Duke, 16 ans, appelle la police : il vient de découvrir les corps de son père, de sa belle-mère et des deux petites filles de cette dernière. Les enquêteurs accourus sur place découvrent une scène de crime particulièrement abominable.</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>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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80ZDBlM2NiZjVmYjk0M2I5YmIxMzgzZmZmMjJjYzBhYg==?w=98&h=139&fit=crop&fm=webp&s=43df55352ad136be689b800e961c85c4, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80ZDBlM2NiZjVmYjk0M2I5YmIxMzgzZmZmMjJjYzBhYg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=5cc4918282e984d0eb7e1b121bd42526 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80ZDBlM2NiZjVmYjk0M2I5YmIxMzgzZmZmMjJjYzBhYg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=07c347cefcdc98cdd2ab99abd07848cb 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80ZDBlM2NiZjVmYjk0M2I5YmIxMzgzZmZmMjJjYzBhYg==?w=98&h=139&fit=crop&fm=pjpg&s=4c2abb9d8b86c1a170896c62b1bfa535, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80ZDBlM2NiZjVmYjk0M2I5YmIxMzgzZmZmMjJjYzBhYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=3d8d1969186e37b641d7c86594f820b6 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80ZDBlM2NiZjVmYjk0M2I5YmIxMzgzZmZmMjJjYzBhYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=b8b3167c96bcfa74f7fab921ef7ea0bc 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80ZDBlM2NiZjVmYjk0M2I5YmIxMzgzZmZmMjJjYzBhYg==?w=98&h=139&fit=crop&fm=pjpg&s=4c2abb9d8b86c1a170896c62b1bfa535" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80ZDBlM2NiZjVmYjk0M2I5YmIxMzgzZmZmMjJjYzBhYg==?w=98&h=139&fit=crop&fm=pjpg&s=4c2abb9d8b86c1a170896c62b1bfa535, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80ZDBlM2NiZjVmYjk0M2I5YmIxMzgzZmZmMjJjYzBhYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=3d8d1969186e37b641d7c86594f820b6 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC80ZDBlM2NiZjVmYjk0M2I5YmIxMzgzZmZmMjJjYzBhYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=b8b3167c96bcfa74f7fab921ef7ea0bc 3x" alt="Massacre en famille" 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="1744139100" data-end="1744142400" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904584" data-brodcast-start="1744145700" data-brodcast-end="1744149000" 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">Documentaire / Justice</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/snapped-les-femmes-tueuses/306191" target="_self" class="line-clamp-3 inline " data-seo-target > Snapped : les femmes tueuses </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Patricia Olsen avait tout l'air d'être une maman modèle, une bonne femme au foyer et une épouse accomplie. Et pourtant elle a tout fait pour éliminer son mari, allant même jusqu'à faire participer ses enfants.</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>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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lMTUzMmFjZTVjMTU0N2E2ODhlODcxM2RjMDFiNTYzYg==?w=98&h=139&fit=crop&fm=webp&s=8966c1d1957cead178822f3e74d0a81b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lMTUzMmFjZTVjMTU0N2E2ODhlODcxM2RjMDFiNTYzYg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=0c1733af9b9c67bbaa67ca14bcf768de 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lMTUzMmFjZTVjMTU0N2E2ODhlODcxM2RjMDFiNTYzYg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=e971ad01bf6a8636d5a955e8e95f0118 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lMTUzMmFjZTVjMTU0N2E2ODhlODcxM2RjMDFiNTYzYg==?w=98&h=139&fit=crop&fm=pjpg&s=228227a8b656707680b590fd6b273c2e, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lMTUzMmFjZTVjMTU0N2E2ODhlODcxM2RjMDFiNTYzYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=f8e6c29208d11fcd6f82670a42c7b69d 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lMTUzMmFjZTVjMTU0N2E2ODhlODcxM2RjMDFiNTYzYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=dbe8406f8dd78f54a0eb9b1b4bbe7f43 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lMTUzMmFjZTVjMTU0N2E2ODhlODcxM2RjMDFiNTYzYg==?w=98&h=139&fit=crop&fm=pjpg&s=228227a8b656707680b590fd6b273c2e" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lMTUzMmFjZTVjMTU0N2E2ODhlODcxM2RjMDFiNTYzYg==?w=98&h=139&fit=crop&fm=pjpg&s=228227a8b656707680b590fd6b273c2e, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lMTUzMmFjZTVjMTU0N2E2ODhlODcxM2RjMDFiNTYzYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=f8e6c29208d11fcd6f82670a42c7b69d 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9lMTUzMmFjZTVjMTU0N2E2ODhlODcxM2RjMDFiNTYzYg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=dbe8406f8dd78f54a0eb9b1b4bbe7f43 3x" alt="Snapped : les femmes tueuses" 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="1744145700" data-end="1744149000" 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="904153" data-brodcast-start="1744135200" data-brodcast-end="1744142400" 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/357033" 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="1744135200" data-end="1744142400" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904154" data-brodcast-start="1744142400" data-brodcast-end="1744149600" 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/357034" 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="1744142400" data-end="1744149600" 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="906601" data-brodcast-start="1744135380" data-brodcast-end="1744138500" 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/357756" 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="1744135380" data-end="1744138500" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="906602" data-brodcast-start="1744138500" data-brodcast-end="1744140600" 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">Emission / Journal</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-21h-22h/357757" target="_self" class="line-clamp-3 inline " data-seo-target > Le 21h/22h </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Le talk environnement, une heure de débat sur les grands thèmes environnementaux et leurs moyens d'action face au réchauffement climatique.</p> <div class="flex items-center gap-4"> <p>35min</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kY2RiYjRmNTA5OTg0Njg4ODlmMTNlMjRhYjJiMjg5Zg==?w=98&h=139&fit=crop&fm=webp&s=01b906bdec7b2cc52dd60452439a1921, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kY2RiYjRmNTA5OTg0Njg4ODlmMTNlMjRhYjJiMjg5Zg==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=7f3b361627547d9a43bbffe478218d2e 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kY2RiYjRmNTA5OTg0Njg4ODlmMTNlMjRhYjJiMjg5Zg==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=acc5f40bca3f0527d7da286af5be4d35 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kY2RiYjRmNTA5OTg0Njg4ODlmMTNlMjRhYjJiMjg5Zg==?w=98&h=139&fit=crop&fm=pjpg&s=eda0b2d0c56665306b57c59f62b81a3b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kY2RiYjRmNTA5OTg0Njg4ODlmMTNlMjRhYjJiMjg5Zg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d9f0e64c0a40c2d57062d7f766ec9cf6 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kY2RiYjRmNTA5OTg0Njg4ODlmMTNlMjRhYjJiMjg5Zg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=c726ee9cd201e0a3eab0bc29071103df 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kY2RiYjRmNTA5OTg0Njg4ODlmMTNlMjRhYjJiMjg5Zg==?w=98&h=139&fit=crop&fm=pjpg&s=eda0b2d0c56665306b57c59f62b81a3b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kY2RiYjRmNTA5OTg0Njg4ODlmMTNlMjRhYjJiMjg5Zg==?w=98&h=139&fit=crop&fm=pjpg&s=eda0b2d0c56665306b57c59f62b81a3b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kY2RiYjRmNTA5OTg0Njg4ODlmMTNlMjRhYjJiMjg5Zg==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d9f0e64c0a40c2d57062d7f766ec9cf6 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9kY2RiYjRmNTA5OTg0Njg4ODlmMTNlMjRhYjJiMjg5Zg==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=c726ee9cd201e0a3eab0bc29071103df 3x" alt="Le 21h/22h" 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="1744138500" data-end="1744140600" 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="904989" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="904990" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905056" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905057" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905110" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905111" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905174" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905175" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905295" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905296" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905365" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905366" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905434" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905435" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905501" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905502" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="909634" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="909635" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905570" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905571" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905621" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905622" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905738" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905739" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905793" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905794" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905859" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905860" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905907" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905908" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905977" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905978" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905244" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905245" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="905691" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="905692" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="906033" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="906034" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="906103" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="906104" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="906172" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="906173" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="906229" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="906230" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="906297" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="906298" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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="906348" data-brodcast-start="1744139100" data-brodcast-end="1744144800" 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">Télé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> </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/la-malediction-du-lys/357518" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du lys </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">Un promoteur immobilier, candidat à la mairie de Bordeaux, est retrouvé assassiné à son domicile selon un rituel réservé, deux siècles plus tôt, aux esclaves noirs fugitifs. Les amis de la victime sont tous, comme lui, issus de grandes familles bordelaises au passé trouble durant la traite négrière...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&s=633e300b59e93d8d4325d03e9b1d233d, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=be0be4b8d9d112d7e2e36e9d2dd7e6a9 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=94fc8e105115c5d8ec657dfaeeaa1b79 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&s=c2b1198289e9510d8fd17d501746549b, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=d98bbc85f80bd3c31c05a0860bdbcc04 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9hMmQ4MmRlZGRmMDc0NDg1YTQwN2Y5NWMwNTE5ODU2Nw==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=96b67d39b252170e09b17e7354ae28b4 3x" alt="La malédiction du lys" 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="1744139100" data-end="1744144800" data-controller="progress" ></div> </div> </div> </article> <article data-molecules="Program" data-brodcast-id="906349" data-brodcast-start="1744144800" data-brodcast-end="1744150200" 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">Téléfilm / 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/programmes/la-malediction-du-volcan/357519" target="_self" class="line-clamp-3 inline " data-seo-target > La malédiction du volcan </a> </h3> </div> <p class="text-contrast-medium line-clamp-2">A La Réunion, Bruno de Richebourg, le fils d'un propriétaire terrien fortuné, est retrouvé mort au fond d'un ravin. Juliette Gentil, officier de police judiciaire sur l'île, est chargée d'élucider ce drame, sous la responsabilité de Zac Bellême, un jeune enquêteur, fraîchement arrivé de métropole...</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/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&s=27838935d08d9965c228d7af476ef7bf, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=2&s=92075b3ef1927999feacde0ab1ffbfb0 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=webp&dpr=3&s=9625dbf5cf80b6fdb37e8b2dca7536a5 3x" > <source srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" > <img src="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327" srcset="https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&s=2837fd65a19bb6452f25559751711327, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=2&s=81c7a582eed4de8448c4133663d12b05 2x, https://assets.diverto.tv/media/remote/aHR0cDovL2ltYWdlcy5tZWRpYS1wcmVzcy5jbG91ZC9mNmY0YjdmMzMzZGY0YTc0YmNmYmU0NTE1MzkzYTlhMQ==?w=98&h=139&fit=crop&fm=pjpg&dpr=3&s=fdaee15fcf9c6c4e2dcc7a3be2dbc53f 3x" alt="La malédiction du volcan" 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="1744144800" data-end="1744150200" 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-67f4d7fb1e439-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-67f4d7fb1e439-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-67f4d7fb1e439-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-67f4d7fb1e439-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