1<!DOCTYPE html><html lang="fr"><head><title> 2 Les actualités du Groupe France Télévisions | Groupe France Télévisions </title>
2<script type="text/javascript" src="/newrelic/snippet.js"></script>
2<meta name="description" content="Site Corporate du Groupe France Télévisions. Actualités et communiqués du Groupe France Télévisions - Offres d'emploi et de stage, politique RH - Informations financières, résultats et rapports."><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="archimade_idsite" content="7"/><meta name="archimade_token" content="france.tv"/><meta name="path" content="all_render_pages"/><meta property="og:type" content="website"><meta property="og:locale:alternate" content="fr_FR"><meta property="og:title" content="Les actualités du Groupe France Télévisions | Groupe France Télévisions"><meta property="og:description" content="Site Corporate du Groupe France Télévisions. Actualités et communiqués du Groupe France Télévisions - Offres d'emploi et de stage, politique RH - Informations financières, résultats et rapports."><meta property="og:url" content="https://www.francetelevisions.fr/groupe/notre-actualite"><meta property="og:site_name" content="Site Corporate du Groupe France Télévisions"><meta property="og:image" content="https://www.francetelevisions.fr/build/images/groupe/logo.png"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@francetele"><meta name="twitter:creator" content="@francetele"><meta name="twitter:title" content="Les actualités du Groupe France Télévisions | Groupe France Télévisions"><meta name="twitter:description" content="Site Corporate du Groupe France Télévisions. Actualités et communiqués du Groupe France Télévisions - Offres d'emploi et de stage, politique RH - Informations financières, résultats et rapports."><meta name="twitter:image" content="https://www.francetelevisions.fr/build/images/groupe/logo.png"><meta name="twitter:image:src" content="https://www.francetelevisions.fr/build/images/groupe/logo.png"><meta name="twitter:image:alt" content="Site Corporate du Groupe France Télévisions">
2<script type="application/ld+json">{"@context" : "http://schema.org","@type" : "WebSite","name" : "France Télévisions","url" : "https://www.francetelevisions.fr/"}</script>
2<script type="application/ld+json">{"@context": "http://schema.org","@type": "BreadcrumbList","itemListElement":[{"@type": "ListItem","position": 1,"item": {"@id": "https://www.francetelevisions.fr/","name": "France Télévisions"}},{"@type": "ListItem","position": 2,"item": {"@id": "https://www.francetelevisions.fr/groupe","name": "Groupe"}},{"@type": "ListItem","position": 3,"item": {"@id": "https://www.francetelevisions.fr/groupe/notre-actualite","name": "Notre actualité"}}]}</script>
2<link rel="stylesheet" href="/build/css/styles-groupe.f03a5817.css"/><style> 3 :focus-visible { 4 outline: 2px solid #3a8eff; 5 } 6 </style><link rel="icon" type="image/x-icon" href="/build/images/favicons/favicon-120.png"><link rel="icon" type="image/png" sizes="16x16" href="/build/images/favicons/favicon-152.png"><link rel="icon" type="image/png" sizes="32x32" href="/build/images/favicons/favicon-192.png"><link rel="apple-touch-icon" sizes="180x180" href="/build/images/apple-touch-icon-ftv.png">
6<script type="text/javascript">window.gdprAppliesGlobally=true;(function(){function a(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)} 7else{setTimeout(function(){a(e)},5)}}}function e(n,r,o,c,s){function e(e,t,n,a){if(typeof n!=="function"){return}if(!window[r]){window[r]=[]}var i=false;if(s){i=s(e,t,n)}if(!i){window[r].push({command:e,parameter:t,callback:n,version:a})}}e.stub=true;function t(a){if(!window[n]||window[n].stub!==true){return}if(!a.data){return} 8var i=typeof a.data==="string";var e;try{e=i?JSON.parse(a.data):a.data}catch(t){return}if(e[o]){var r=e[o];window[n](r.command,r.parameter,function(e,t){var n={};n[c]={returnValue:e,success:t,callId:r.callId};a.source.postMessage(i?JSON.stringify(n):n,"*")},r.version)}} 9if(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");a("__tcfapiLocator");(function(e){ 10var t=document.createElement("script");t.id="spcloader";t.type="text/javascript";t.async=true;t.src="https://sdk.privacy-center.org/"+e+"/loader.js?target="+document.location.hostname;t.charset="utf-8";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)})("fedf8125-d890-4ef1-a017-6700106a71f1")})();</script>
10<script>loadjs=function(){var h=function(){},c={},u={},f={};function o(e,n){if(e){var r=f[e];if(u[e]=n,r)for(;r.length;)r[0](e,n),r.splice(0,1)}}function l(e,n){e.call&&(e={success:e}),n.length?(e.error||h)(n):(e.success||h)(e)}function d(r,t,s,i){var c,o,e=document,n=s.async,u=(s.numRetries||0)+1,f=s.before||h,l=r.replace(/[\?|#].*$/,""),a=r.replace(/^(css|img)!/,"");i=i||0,/(^css!|\.css$)/.test(l)?((o=e.createElement("link")).rel="stylesheet",o.href=a,(c="hideFocus"in o)&&o.relList&&(c=0,o.rel="preload",o.as="style")):/(^img!|\.(png|gif|jpg|svg)$)/.test(l)?(o=e.createElement("img")).src=a:((o=e.createElement("script")).src=r,o.async=void 0===n||n),!(o.onload=o.onerror=o.onbeforeload=function(e){var n=e.type[0];if(c)try{o.sheet.cssText.length||(n="e")}catch(e){18!=e.code&&(n="e")}if("e"==n){if((i+=1)<u)return d(r,t,s,i)}else if("preload"==o.rel&&"style"==o.as)return o.rel="stylesheet";t(r,n,e.defaultPrevented)})!==f(r,o)&&e.head.appendChild(o)}function r(e,n,r){var t,s;if(n&&n.trim&&(t=n),s=(t?r:n)||{},t){if(t in c)throw"LoadJS";c[t]=!0}function i(n,r){!function(e,t,n){var r,s,i=(e=e.push?e:[e]).length,c=i,o=[];for(r=function(e,n,r){if("e"==n&&o.push(e),"b"==n){if(!r)return;o.push(e)}--i||t(o)},s=0;s<c;s++)d(e[s],r,n)}(e,function(e){l(s,e),n&&l({success:n,error:r},e),o(t,e)},s)}if(s.returnPromise)return new Promise(i);i()}return r.ready=function(e,n){return function(e,r){e=e.push?e:[e];var n,t,s,i=[],c=e.length,o=c;
10for(n=function(e,n){n.length&&i.push(e),--o||r(i)};c--;)t=e[c],(s=u[t])?n(t,s):(f[t]=f[t]||[]).push(n)}(e,function(e){l(n,e)}),r},r.done=function(e){o(e,[])},r.reset=function(){c={},u={},f={}},r.isDefined=function(e){return e in c},r}();</script>
10<style>#chatbot-insert, #web-bot-root, .web-bot-root, .embeddedMessagingFrame, [class*="embeddedService"], .embedded-messaging { display: none !important; visibility: hidden !important; }</style></head><body class="l-body l-body__bg"><style> 11 #chatbot-insert { 12 display: none !important; 13 } 14 .section-cards { 15 overflow: unset !important; 16 } 17 .section-media { 18 padding-bottom: 0 !important; 19 } 20 .article__content h2 { 21 display: -webkit-box; 22 -webkit-line-clamp: 3; 23 -webkit-box-orient: vertical; 24 overflow: hidden; 25 text-overflow: ellipsis; 26 } 27 .article__content > p { 28 display: -webkit-box; 29 -webkit-line-clamp: 2; 30 -webkit-box-orient: vertical; 31 overflow: hidden; 32 text-overflow: ellipsis; 33 } 34 /* Added styles for equal height grid items */ 35 .grid--disable-mobile { 36 display: flex; 37 flex-wrap: wrap; 38 } 39 .grid--disable-mobile .grid__col { 40 display: flex; 41 margin-bottom: 30px; 42 } 43 .grid--disable-mobile .article { 44 height: 100%; 45 display: flex; 46 flex-direction: column; 47 width: 100%; 48 position: relative; /* Added for absolute positioning context */ 49 } 50 .grid--disable-mobile .article__link { 51 position: absolute; 52 top: 0; 53 left: 0; 54 right: 0; 55 bottom: 0; 56 z-index: 1; 57 } 58 .grid--disable-mobile .article__content { 59 flex: 1; 60 display: flex; 61 flex-direction: column; 62 } 63 .grid--disable-mobile .article__media { 64 position: relative; 65 padding-bottom: 56.25%; /* 16:9 aspect ratio */ 66 height: 0; 67 overflow: hidden; 68 } 69 .grid--disable-mobile .article__media img { 70 position: absolute; 71 top: 0; 72 left: 0; 73 width: 100%; 74 height: 100%; 75 object-fit: cover; 76 } 77 iframe .fzJEnh { 78 right: 10px; 79 width: 290px; 80 max-width: 290px; 81 } 82 83 84 </style><header class="header" role="banner"><style> 85 .search-container { 86 transition: all 0.3s ease; 87 position: relative; 88 width: 0; 89 overflow: visible; 90 visibility: hidden; 91 } 92 93 .search-container.active { 94 width: 100%; 95 z-index: 10; 96 background-color: var(--c-base); 97 margin-right: 10px; 98 overflow: visible; 99 visibility: visible; 100 } 101 102 .search-input { 103 background: transparent; 104 color: currentcolor; 105 font-size: 14px; 106 width: 100%; 107 height: 35px; 108 outline: none; 109 padding: 5px 10px 5px 35px; 110 border: 1px solid currentcolor; 111 border-radius: 20px; 112 } 113 114 .search-input::placeholder { 115 color: currentcolor; 116 opacity: 0.7; 117 } 118 119 .search-trigger { 120 display: flex; 121 align-items: center; 122 gap: 8px; 123 transition: all 0.3s ease; 124 white-space: nowrap; 125 } 126 127 .search-trigger.active { 128 position: absolute; 129 z-index: 11; 130 left: 10px; 131 top: 50%; 132 transform: translateY(-50%); 133 pointer-events: none; 134 } 135 136 .search-trigger.active .search-label { 137 opacity: 0; 138 } 139 140 .search-trigger.active svg { 141 width: 16px; 142 height: 16px; 143 } 144 145 .search-suggestions { 146 display: none; 147 position: absolute; 148 top: calc(100% + 5px); 149 left: 0; 150 right: 0; 151 background-color: #FFFFFF; 152 border-radius: 8px; 153 box-shadow: 0 4px 12px rgba(0,0,0,0.15); 154 margin-top: 8px; 155 z-index: 9999; 156 max-height: 400px; 157 overflow-y: auto; 158 border: 1px solid #E5E5E5; 159 visibility: inherit; 160 } 161 162 .search-suggestions.active { 163 display: block; 164 } 165 166 .suggestion-item { 167 padding: 12px 16px; 168 transition: background-color 0.2s ease; 169 color: #333; 170 text-decoration: none; 171 display: block; 172 font-size: 14px; 173 cursor: default; 174 } 175 176 .suggestion-item:hover { 177 background-color: #F5F5F5; 178 } 179 180 .see-all-results { 181 padding: 12px 16px; 182 border-top: 1px solid #E5E5E5; 183 color: #666; 184 text-decoration: none; 185 display: block; 186 font-weight: 500; 187 text-align: center; 188 font-size: 14px; 189 cursor: default; 190 } 191 192 .see-all-results:hover { 193 background-color: #F5F5F5; 194 border-bottom-left-radius: 8px; 195 border-bottom-right-radius: 8px; 196 } 197 198 .suggestion-item, .see-all-results { 199 cursor: default; 200 } 201 202 .suggestion-item:hover, .see-all-results:hover { 203 cursor: pointer; 204 } 205 206 /* Override to show link cursor */ 207 a.suggestion-item, a.see-all-results { 208 cursor: pointer; 209 } 210 211 @media (max-width: 768px) { 212 .search-container.active { 213 width: 60vw; 214 } 215 } 216 </style><div class="shell shell--fluid"><div class="header__inner" role="navigation"><div class="header__main-mobile"><div class="header__aside" style="flex: 1;"><a href="#" class="link js-nav-trigger" role="button" title="Menu"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M3 6.00061H21" stroke="currentcolor" stroke-width="2" stroke-linecap="round" />
216<path d="M3 12.0006H21" stroke="currentcolor" stroke-width="2" stroke-linecap="round" /><path d="M3 18.0006H21" stroke="currentcolor" stroke-width="2" stroke-linecap="round" /></svg><span>Menu</span></a><!-- /.nav-trigger --></div><!-- /.header__aside --><div class="header__center" style="text-align: center;"><a href="/groupe" class="logo" title="Groupe France.tv"><img src="/build/images/groupe/logo.png" alt="Groupe France.tv"></a><!-- /.logo --></div><!-- /.header__center --><div style="display: flex; justify-content: end; flex: 1;"><div style="position: relative; width: 100%; max-width: 400px; display: flex; justify-content: flex-end;"><div class="search-container" id="search-container"><input type="text" class="search-input" placeholder="Rechercher"><div class="search-suggestions"></div></div><button type="button" class="link search-trigger js-search-trigger" aria-expanded="false" aria-controls="search-container" style="background: none; border: none; color: inherit; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 0;"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.4992 7.99958C14.4992 11.5892 11.5892 14.4992 7.99958 14.4992C4.40991 14.4992 1.49992 11.5892 1.49992 7.99958C1.49992 4.40992 4.40991 1.49992 7.99958 1.49992C11.5892 1.49992 14.4992 4.40992 14.4992 7.99958ZM13.1014 14.1614C11.7167 15.3092 9.93871 15.9992 7.99958 15.9992C3.58153 15.9992 0 12.4176 0 7.99958C0 3.58153 3.58153 0 7.99958 0C12.4176 0 15.9992 3.58153 15.9992 7.99958C15.9992 9.93837 15.3094 11.7161 14.162 13.1007L19.7803 18.7191C20.0732 19.012 20.0732 19.4868 19.7803 19.7797C19.4875 20.0726 19.0126 20.0726 18.7197 19.7797L13.1014 14.1614Z" fill="currentcolor" /></svg><span class="search-label">Rechercher</span></button></div></div></div><!-- /.header__main-mobile --></div><!-- /.header__inner --><div class="menu"><div class="menu__group"><a href="#" class="menu__btn js-nav-trigger" role="button" title="Fermer le menu"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.12052 9.87946C2.28122 10.0401 2.54175 10.0401 2.70244 9.87946L5.99998 6.58192L9.29753 9.87948C9.45823 10.0402 9.71876 10.0402 9.87946 9.87948C10.0401 9.71879 10.0401 9.45825 9.87945 9.29756L6.5819 6L9.87946 2.70244C10.0402 2.54175 10.0402 2.28121 9.87946 2.12052C9.71877 1.95983 9.45823 1.95983 9.29754 2.12052L5.99998 5.41808L2.70244 2.12054C2.54175 1.95985 2.28121 1.95985 2.12052 2.12054C1.95983 2.28124 1.95983 2.54177 2.12052 2.70246L5.41806 6L2.12052 9.29753C1.95983 9.45823 1.95983 9.71876 2.12052 9.87946Z" fill="currentcolor" /></svg> 217 218 Fermer 219 </a><ul><li><a href="/groupe" title="Le groupe">Le groupe</a><div class="menu__group"><a href="#" class="menu__btn js-menu-back" role="button" title="Retour"><svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.28767 9.39016C5.14122 9.53661 4.90378 9.53661 4.75734 9.39016L0.573055 5.17677C0.524514 5.1279 0.500318 5.06399 0.500443 5.00012C0.500257 4.93618 0.524452 4.87217 0.573054 4.82323L4.75734 0.609835C4.90378 0.463388 5.14122 0.463388 5.28767 0.609835C5.43411 0.756282 5.43411 0.993719 5.28767 1.14017L1.77859 4.625L9.125 4.625C9.33211 4.625 9.5 4.79289 9.5 5C9.5 5.20711 9.33211 5.375 9.125 5.375L1.77859 5.375L5.28767 8.85983C5.43411 9.00628 5.43411 9.24372 5.28767 9.39016Z" fill="currentcolor" /></svg> 220 221 Le groupe 222 </a><ul><li><a href="/groupe/qui-sommes-nous" title="Qui sommes-nous ?">Qui sommes-nous ?</a></li><li><a href="/groupe/qui-sommes-nous/notre-organisation" title="Notre organisation">Notre organisation</a></li><li><a href="/groupe/qui-sommes-nous/nos-activites" title="Nos activités">Nos activités</a></li><li><a href="/groupe/qui-sommes-nous/notre-histoire" title="Notre histoire">Notre histoire</a></li><li>
222<a href="/groupe/qui-sommes-nous/transparence" title="Transparence">Transparence</a></li><li><a href="/groupe/qui-sommes-nous/la-fondation-engagement-medias-pour-les-jeunes-40681" title="La Fondation">La Fondation</a></li></ul></div><!-- /.menu__group --></li><li><a href="/groupe/nos-engagements" title="Nos engagements">Nos engagements</a></li><li><a href="/groupe/notre-actualite" title="Notre actualité">Notre actualité</a></li><li><a href="/groupe/le-lab" title="Nos innovations - Le lab">Nos innovations - Le Lab</a></li></ul><ul><li><a href="https://recrutement.francetelevisions.fr/" target="_blank" style="font-weight: 400;" title="Rejoignez-nous"> 223 Rejoignez-nous 224 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" aria-hidden="true"><path fill="currentcolor" d="M8.705.333c-.342 0-.62.28-.62.625s.278.625.62.625h2.855L7.125 6.146a.628.628 0 0 0 .01.884.617.617 0 0 0 .876-.01l4.415-4.541v2.854c0 .345.278.625.62.625.343 0 .62-.28.62-.625v-3.75c0-.69-.555-1.25-1.24-1.25h-3.72Z" /><path fill="currentcolor" d="M5.294.958a.623.623 0 0 0-.62-.625H1.78C.981.333.333.986.333 1.792v10.416c0 .806.648 1.459 1.447 1.459h10.336c.8 0 1.447-.653 1.447-1.459V9.292a.623.623 0 0 0-.62-.625c-.342 0-.62.28-.62.625v2.916a.207.207 0 0 1-.207.209H1.78a.207.207 0 0 1-.206-.209V1.792c0-.115.092-.209.206-.209h2.894c.343 0 .62-.28.62-.625Z" /></svg></a></li><li><a href="https://www.francetvpro.fr/" target="_blank" style="font-weight: 400;" title="France TV Pro"> 225 France TV Pro 226 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" aria-hidden="true"><path fill="currentcolor" d="M8.705.333c-.342 0-.62.28-.62.625s.278.625.62.625h2.855L7.125 6.146a.628.628 0 0 0 .01.884.617.617 0 0 0 .876-.01l4.415-4.541v2.854c0 .345.278.625.62.625.343 0 .62-.28.62-.625v-3.75c0-.69-.555-1.25-1.24-1.25h-3.72Z" /><path fill="currentcolor" d="M5.294.958a.623.623 0 0 0-.62-.625H1.78C.981.333.333.986.333 1.792v10.416c0 .806.648 1.459 1.447 1.459h10.336c.8 0 1.447-.653 1.447-1.459V9.292a.623.623 0 0 0-.62-.625c-.342 0-.62.28-.62.625v2.916a.207.207 0 0 1-.207.209H1.78a.207.207 0 0 1-.206-.209V1.792c0-.115.092-.209.206-.209h2.894c.343 0 .62-.28.62-.625Z" /></svg></a></li><li><a href="/et-vous" target="_blank" style="font-weight: 400;" title="France TV & Vous"> 227 France TV & Vous 228 229 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" aria-hidden="true"><path fill="currentcolor" d="M8.705.333c-.342 0-.62.28-.62.625s.278.625.62.625h2.855L7.125 6.146a.628.628 0 0 0 .01.884.617.617 0 0 0 .876-.01l4.415-4.541v2.854c0 .345.278.625.62.625.343 0 .62-.28.62-.625v-3.75c0-.69-.555-1.25-1.24-1.25h-3.72Z" /><path fill="currentcolor" d="M5.294.958a.623.623 0 0 0-.62-.625H1.78C.981.333.333.986.333 1.792v10.416c0 .806.648 1.459 1.447 1.459h10.336c.8 0 1.447-.653 1.447-1.459V9.292a.623.623 0 0 0-.62-.625c-.342 0-.62.28-.62.625v2.916a.207.207 0 0 1-.207.209H1.78a.207.207 0 0 1-.206-.209V1.792c0-.115.092-.209.206-.209h2.894c.343 0 .62-.28.62-.625Z" /></svg></a></li></ul></div><!-- /.menu__group --></div><!-- /.menu --></div><!-- /.shell --></header><div class="breadcrumbs"><div class="shell"><div class="breadcrumbs__inner"><a href="https://www.france.tv" target="_blank" class="btn btn--text" title="Regardez nos programmes"> 230 Regardez nos programmes 231 232 <i style="--ico-url:url(/build/images/groupe/icons/ico-share.svg)" aria-hidden="true"><i></i></i></a><!-- /.btn --><a href="https://www.franceinfo.fr" target="_blank" class="btn btn--text" title="Restez informés"> 233 Restez informés 234 235 <i style="--ico-url:url(/build/images/groupe/icons/ico-share.svg)" aria-hidden="true"><i></i></i></a><!-- /.btn --></div><!-- /.breadcrumbs__inner --></div><!-- /.shell --></div><!-- /.breadcrumbs -->
235<script> 236document.addEventListener('DOMContentLoaded', function() { 237 const searchTrigger = document.querySelector('.js-search-trigger'); 238 const searchContainer = document.querySelector('.search-container'); 239 const searchInput = document.querySelector('.search-input'); 240 const suggestionsContainer = document.querySelector('.search-suggestions'); 241 let searchTimeout; 242 243 if (searchTrigger && searchContainer && searchInput) { 244 // Fonction de redirection vers la page de recherche 245 function redirectToSearch() { 246 const searchText = searchInput.value.trim(); 247 if (searchText.length > 0) { 248 window.location.href = `/groupe/recherche?fulltext=${encodeURIComponent(searchText)}`; 249 } 250 } 251 252 searchTrigger.addEventListener('click', function(e) { 253 e.preventDefault(); 254 255 if (searchContainer.classList.contains('active') && searchInput.value.trim().length > 0) { 256 redirectToSearch(); 257 return; 258 } 259 260 searchContainer.classList.toggle('active'); 261 searchTrigger.classList.toggle('active'); 262 263 const isExpanded = searchContainer.classList.contains('active'); 264 searchTrigger.setAttribute('aria-expanded', isExpanded); 265 266 if (isExpanded) { 267 document.body.classList.remove('is-menu-expanded'); 268 searchInput.focus(); 269 } else { 270 suggestionsContainer.classList.remove('active'); 271 } 272 }); 273 274 // Handle Enter key press 275 searchInput.addEventListener('keypress', function(e) { 276 if (e.key === 'Enter') { 277 e.preventDefault(); 278 redirectToSearch(); 279 } 280 }); 281 282 // Handle search input 283 searchInput.addEventListener('input', function(e) { 284 const text = e.target.value.trim(); 285 286 // Clear previous timeout 287 if (searchTimeout) { 288 clearTimeout(searchTimeout); 289 } 290 291 // Hide suggestions if input is less than 3 characters 292 if (text.length < 3) { 293 suggestionsContainer.classList.remove('active'); 294 return; 295 } 296 297 // Set new timeout for API call 298 searchTimeout = setTimeout(() => { 299 fetch(`/et-vous/api/search/groupe/suggestions?fulltext=${encodeURIComponent(text)}`) 300 .then(response => response.json()) 301 .then(data => { 302 // Clear previous suggestions 303 suggestionsContainer.innerHTML = ''; 304 305 // Filter out the "Voir tous les résultats" entry 306 const results = data.content.filter(item => item.title !== "Voir tous les résultats"); 307 308 // Add suggestions 309 results.forEach(item => { 310 const link = document.createElement('a'); 311 link.href = item.alias; 312 link.className = 'suggestion-item'; 313 link.textContent = item.title; 314 suggestionsContainer.appendChild(link); 315 }); 316 317 // Add "Voir tous les résultats" only if there are results 318 if (results.length > 0) { 319 const link = document.createElement('a'); 320 link.href = `/groupe/recherche?fulltext=${encodeURIComponent(text)}`; 321 link.className = 'see-all-results'; 322 link.innerHTML = '<strong>Voir tous les résultats</strong>'; 323 suggestionsContainer.appendChild(link); 324 } 325 326 // Show suggestions if there are any results 327 if (results.length > 0) { 328 suggestionsContainer.classList.add('active'); 329 } else { 330 suggestionsContainer.classList.remove('active'); 331 } 332 }) 333 .catch(error => console.error('Error fetching suggestions:', error)); 334 }, 300); // Debounce time of 300ms 335 }); 336 337 // Close search on click outside 338 document.addEventListener('click', function(e) { 339 if (!searchTrigger.contains(e.target) && !suggestionsContainer.contains(e.target)) { 340 searchContainer.classList.remove('active'); 341 searchTrigger.classList.remove('active'); 342 suggestionsContainer.classList.remove('active'); 343 searchTrigger.setAttribute('aria-expanded', 'false'); 344 searchInput.value = ''; 345 } 346 }); 347 348 // Prevent input clicks from closing 349 searchInput.addEventListener('click', function(e) { 350 e.stopPropagation(); 351 }); 352 353 // Prevent clicks inside suggestions from closing the search 354 suggestionsContainer.addEventListener('click', function(e) { 355 e.stopPropagation(); 356 }); 357 } 358}); 359</script>
359<nav class="breadcrumbs breadcrumbs--alt" aria-label="Fil d'Ariane"><div class="shell shell--large-desktop"><ul><li><a href="/" title="Accueil">Accueil</a></li><li class="is-active" aria-current="page"><a href="#" title="Notre actualité" aria-current="page">Notre actualité</a></li></ul></div><!-- /.shell --></nav><!-- /.breadcrumbs --><section class="section-media"><div class="shell shell--large-desktop"><header class="section__head"><h1>Notre actualité</h1></header><!-- /.section__head --></div><!-- /.shell --></section><!-- /.section-media --><section class="section-cards" id="section-cards"><div class="shell shell--large-desktop"><div class="tabs js-tabs"><div class="tabs__head"><nav class="tabs__nav" aria-label="Catégories d'actualités"><ul class="js-responsive-tabs js-responsive-tabs--wide" role="tablist" aria-label="Catégories d'actualités"><li role="presentation" class="is-active"><a href="#tab0" data-slug="toutes" role="tab" aria-selected="true" aria-controls="tab0" id="tab-btn-tab0" tabindex="0" title="Voir toutes les actualités">Voir tout</a></li><li role="presentation"><a href="#tab1" data-slug="audiences" role="tab" aria-selected="false" aria-controls="tab1" id="tab-btn-tab1" tabindex="-1" title="Audiences">Audiences</a></li><li role="presentation"><a href="#tab2" data-slug="corporate" role="tab" aria-selected="false" aria-controls="tab2" id="tab-btn-tab2" tabindex="-1" title="Corporate">Corporate</a></li><li role="presentation"><a href="#tab3" data-slug="culture-et-creation" role="tab" aria-selected="false" aria-controls="tab3" id="tab-btn-tab3" tabindex="-1" title="Culture et création">Culture et création</a></li><li role="presentation"><a href="#tab4" data-slug="diversite" role="tab" aria-selected="false" aria-controls="tab4" id="tab-btn-tab4" tabindex="-1" title="Diversité">Diversité</a></li><li role="presentation"><a href="#tab5" data-slug="education-et-jeunesse" role="tab" aria-selected="false" aria-controls="tab5" id="tab-btn-tab5" tabindex="-1" title="Education et jeunesse">Education et jeunesse</a></li><li role="presentation"><a href="#tab6" data-slug="environnement" role="tab" aria-selected="false" aria-controls="tab6" id="tab-btn-tab6" tabindex="-1" title="Environnement">Environnement</a></li><li role="presentation"><a href="#tab7" data-slug="grandes-causes" role="tab" aria-selected="false" aria-controls="tab7" id="tab-btn-tab7" tabindex="-1" title="Grandes causes">Grandes causes</a></li><li role="presentation"><a href="#tab8" data-slug="handicap" role="tab" aria-selected="false" aria-controls="tab8" id="tab-btn-tab8" tabindex="-1" title="Handicap">Handicap</a></li><li role="presentation"><a href="#tab9" data-slug="innovation" role="tab" aria-selected="false" aria-controls="tab9" id="tab-btn-tab9" tabindex="-1" title="Innovation">Innovation</a></li><li role="presentation"><a href="#tab10" data-slug="offre" role="tab" aria-selected="false" aria-controls="tab10" id="tab-btn-tab10" tabindex="-1" title="Offre">Offre</a></li><li role="presentation"><a href="#tab11" data-slug="recompenses" role="tab" aria-selected="false" aria-controls="tab11" id="tab-btn-tab11" tabindex="-1" title="Récompenses">Récompenses</a></li></ul></nav><!-- /.nav tabs__nav --></div><!-- /.tabs__head --><div class="tabs__body"><div class="tab is-active" id="tab0" role="tabpanel" aria-labelledby="tab-btn-tab0" tabindex="0"><div class="grid grid--disable-mobile"><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/notre-actualite/les-coulisses-de-france-televisions-a-lhonneur-pour-les-journees-du-patrimoine-60414" class="article__link" title=" Journées européennes du patrimoine 2026 : Les coulisses de France Télévisions à lâhonneur"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-09/JEP_BD.jpg" alt=" Journées européennes du patrimoine 2026 : Les coulisses de France Télévisions à lâhonneur" aria-hidden="true"><ul class="list-tags"><li><p>Corporate</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2> Journées européennes du patrimoine 2026 : Les coulisses de France Télévisions à lâhonneur</h2><p>A lâoccasion des Journées européennes du patrimoine 2026, France Télévisions a ouvert 25 sites au public à Paris, en région et en Outre-mer. Tout au long du week-end, les visiteurs ont pu visiter et découvrir l'envers du décor.</p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/notre-actualite/festival-de-la-fiction-de-la-rochelle-france-televisions-devoile-ses-nouveautes-60369" class="article__link" title="Festival de la Fiction de la Rochelle : France Télévisions dévoile ses nouveautés"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-09/Couv_LaRochelle_2026.jpg" alt="Festival de la Fiction de la Rochelle : France Télévisions dévoile ses nouveautés" aria-hidden="true"><ul class="list-tags"><li><p>
359Offre</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2>Festival de la Fiction de la Rochelle : France Télévisions dévoile ses nouveautés</h2><p>Lors du Festival de la fiction de La Rochelle, France Télévisions a présenté ses nouveautés à ne pas manquer pour la saison 2026-2027.</p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/notre-actualite/le-casting-de-france-televisions-saison-2026-2027-60267" class="article__link" title="France Télévisions présente son casting pour la nouvelle saison"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-09/PHOTO_DE_FAMILLE_1920x1080.jpg" alt="France Télévisions présente son casting pour la nouvelle saison" aria-hidden="true"><ul class="list-tags"><li><p>Corporate</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2>France Télévisions présente son casting pour la nouvelle saison</h2><p>Ils accompagneront les Français toute l'année sur les antennes du Groupe, France Télévisions les a réunis pour la traditionnelle photo de famille.</p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/nos-engagements/responsabilite-environnementale/france-televisions-devoile-son-plan-de-transition-ecologique-60147" class="article__link" title="France Télévisions dévoile son plan de transition écologique"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-09/1920x1080.jpg" alt="France Télévisions dévoile son plan de transition écologique" aria-hidden="true"><ul class="list-tags"><li><p>Environnement</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2>France Télévisions dévoile son plan de transition écologique</h2><p>France Télévisions publie son bilan carbone et dévoile son plan de transition écologique pour atteindre les objectifs de lâAccord de Paris et réduire son empreinte environnementale.</p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/notre-actualite/la-grande-librairie-du-9-septembre-2026-france-televisions-vous-repond-60111" class="article__link" title="La Grande Librairie du 9 septembre 2026 : France Télévisions vous répond"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-09/Dots_Headers (25).png" alt="La Grande Librairie du 9 septembre 2026 : France Télévisions vous répond" aria-hidden="true"><ul class="list-tags"><li><p>Corporate</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2>La Grande Librairie du 9 septembre 2026 : France Télévisions vous répond</h2><p></p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/notre-actualite/france-televisions-accompagne-le-retour-de-celine-dion-et-vous-offre-vos-places-59994" class="article__link" title="France Télévisions accompagne le retour de Céline Dion et vous offre vos places"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-09/CELINE_DION_ON_VOUS_OFFRE_VOS_PLACES_2__2 (1).jpg" alt="France Télévisions accompagne le retour de Céline Dion et vous offre vos places" aria-hidden="true"><ul class="list-tags"><li><p>Offre</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2>France Télévisions accompagne le retour de Céline Dion et vous offre vos places</h2><p>Au rendez-vous de tous les grands évènements, France Télévisions accompagne le retour sur scène de Céline Dion</p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/notre-actualite/france-televisions-au-sommet-des-audiences-59794" class="article__link" title="France Télévisions au sommet des audiences"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-09/AUDIENCE_1920x1080_Aout_0.jpg" alt="France Télévisions au sommet des audiences" aria-hidden="true"><ul class="list-tags"><li><p>Audiences</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2>France Télévisions au sommet des audiences</h2><p>France Télévisions a réalisé de très bonnes audiences en août et consolide sa place de 1ère offre à la demande gratuite et premier média des Français.</p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/notre-actualite/france-televisions-lecran-qui-inspire-du-temps-sans-ecran-59674" class="article__link" title="France Télévisions, l'écran qui inspire du temps sans écran"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-08/MKG-EDITO_FTV_CAMPAGNE_RAPPORT-AUX-ECRANS_FB_16-9_1980X1080.jpg" alt="France Télévisions, l'écran qui inspire du temps sans écran" aria-hidden="true"><ul class="list-tags"><li><p>Education et jeunesse</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2>France Télévisions, l'écran qui inspire du temps sans écran</h2><p>Face à l'enjeu des écrans, France Télévisions accompagne les familles vers un usage positif et inspirant</p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/notre-actualite/lequipe-de-france-de-cecifoot-championne-deuro
359pe-et-championne-des-audiences-59617" class="article__link" title="L'équipe de France de Cécifoot championne d'Europe et championne des audiences"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-08/EQUIDE_DE_FRANCE_DE_CECIFOOT BD @Mélodie Gagneux-FFH.jpg" alt="L'équipe de France de Cécifoot championne d'Europe et championne des audiences" aria-hidden="true"><ul class="list-tags"><li><p>Audiences</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2>L'équipe de France de Cécifoot championne d'Europe et championne des audiences</h2><p></p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/notre-actualite/le-tour-de-france-femmes-franchit-un-cap-historique-en-part-daudience-59323" class="article__link" title="Le Tour de France Femmes franchit un cap historique en part d'audience"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-08/TDF_Femmes_2026_BD.jpg" alt="Le Tour de France Femmes franchit un cap historique en part d'audience" aria-hidden="true"><ul class="list-tags"><li><p>Audiences</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2>Le Tour de France Femmes franchit un cap historique en part d'audience</h2><p>Après une édition record du Tour de France Hommes, le Tour de France femmes a brillé sur les antennes de France Télévisions</p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/notre-actualite/audiences-juillet-2026-59206" class="article__link" title="Audiences juillet 2026 : Maillot jaune pour toutes les antennes de France Télévisions"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-08/mediaf.png" alt="Audiences juillet 2026 : Maillot jaune pour toutes les antennes de France Télévisions" aria-hidden="true"><ul class="list-tags"><li><p>Audiences</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2>Audiences juillet 2026 : Maillot jaune pour toutes les antennes de France Télévisions</h2><p>Performances exceptionnelles pour France 2, première chaîne de France et pour france.tv, première offre à la demande gratuite</p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --><div class="grid__col grid__col--4of12"><div class="article article--mobile-size-2 article--alt"><a href="/groupe/notre-actualite/tour-de-france-2026-france-televisions-signe-une-edition-record-59020" class="article__link" title="Tour de France 2026 : France Télévisions signe une édition record"></a><!-- /.article__link --><div class="article__media"><img src="//static.francetelevisions.fr/2026-07/[email protected]" alt="Tour de France 2026 : France Télévisions signe une édition record" aria-hidden="true"><ul class="list-tags"><li><p>Audiences</p></li></ul><!-- /.tags --></div><!-- /.article__media --><div class="article__content"><h2>Tour de France 2026 : France Télévisions signe une édition record</h2><p>L'édition du Tour de France vient de s'achever et a rassemblé 45,6 millions de Français sur les antennes de France Télévisions.</p></div><!-- /.article__content --></div><!-- /.article --></div><!-- /.grid__col grid__col--4of12 --></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><span class="paging__first paging__btn is-disabled" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.53 2.22a.75.75 0 0 1 0 1.06L3.81 8l4.72 4.72a.75.75 0 1 1-1.06 1.06l-5.25-5.25a.75.75 0 0 1 0-1.06l5.25-5.25a.75.75 0 0 1 1.06 0Z"/><path fill="#fff" fill-rule="evenodd" d="M14.53 2.22a.75.75 0 0 1 0 1.06L9.81 8l4.72 4.72a.75.75 0 1 1-1.06 1.06l-5.25-5.25a.75.75 0 0 1 0-1.06l5.25-5.25a.75.75 0 0 1 1.06 0Z"/></svg></span><span class="paging__prev paging__btn is-disabled" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false">
359<path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></span><ul><li class="is-active"><a href="?page=0" 360 aria-label="Page 1" 361 aria-current="page">1</a></li><li><a href="?page=1" 362 aria-label="Page 2" 363 >2</a></li><li><a href="?page=2" 364 aria-label="Page 3" 365 >3</a></li><li><a href="?page=3" 366 aria-label="Page 4" 367 >4</a></li><li><a href="?page=4" 368 aria-label="Page 5" 369 >5</a></li><li><a href="?page=5" 370 aria-label="Page 6" 371 >6</a></li><li><a href="?page=6" 372 aria-label="Page 7" 373 >7</a></li><li><a href="?page=7" 374 aria-label="Page 8" 375 >8</a></li><li><a href="?page=8" 376 aria-label="Page 9" 377 >9</a></li><li class="paging__spacer" role="presentation"><span aria-hidden="true">...</span></li></ul><a href="?page=1" class="paging__next paging__btn" aria-label="Page suivante" rel="next"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a><a href="?page=14" class="paging__last paging__btn" aria-label="Dernière page"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M9.47 2.22a.75.75 0 0 0 0 1.06L14.19 8l-4.72 4.72a.75.75 0 1 0 1.06 1.06l5.25-5.25a.75.75 0 0 0 0-1.06l-5.25-5.25a.75.75 0 0 0-1.06 0Z"/><path fill="#fff" fill-rule="evenodd" d="M3.47 2.22a.75.75 0 0 0 0 1.06L8.19 8l-4.72 4.72a.75.75 0 1 0 1.06 1.06l5.25-5.25a.75.75 0 0 0 0-1.06L4.53 2.22a.75.75 0 0 0-1.06 0Z"/></svg></a></nav></div><!-- /.tab --><div class="tab" id="tab1" role="tabpanel" aria-labelledby="tab-btn-tab1" tabindex="0"><div class="grid grid--disable-mobile"></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><a href="#" 378 class="paging__prev paging__btn is-disabled" 379 aria-label="Page précédente" 380 aria-disabled="true" 381 tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></a><ul><li class="is-active"><a href="#" aria-current="page" aria-label="Page 1">1</a></li></ul><a href="#" 382 class="paging__next paging__btn" 383 aria-label="Page suivante"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a></nav><!-- /.paging --></div><!-- /.tab --><div class="tab" id="tab2" role="tabpanel" aria-labelledby="tab-btn-tab2" tabindex="0"><div class="grid grid--disable-mobile"></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><a href="#" 384 class="paging__prev paging__btn is-disabled" 385 aria-label="Page précédente" 386 aria-disabled="true" 387 tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false">
387<path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></a><ul><li class="is-active"><a href="#" aria-current="page" aria-label="Page 1">1</a></li></ul><a href="#" 388 class="paging__next paging__btn" 389 aria-label="Page suivante"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a></nav><!-- /.paging --></div><!-- /.tab --><div class="tab" id="tab3" role="tabpanel" aria-labelledby="tab-btn-tab3" tabindex="0"><div class="grid grid--disable-mobile"></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><a href="#" 390 class="paging__prev paging__btn is-disabled" 391 aria-label="Page précédente" 392 aria-disabled="true" 393 tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></a><ul><li class="is-active"><a href="#" aria-current="page" aria-label="Page 1">1</a></li></ul><a href="#" 394 class="paging__next paging__btn" 395 aria-label="Page suivante"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a></nav><!-- /.paging --></div><!-- /.tab --><div class="tab" id="tab4" role="tabpanel" aria-labelledby="tab-btn-tab4" tabindex="0"><div class="grid grid--disable-mobile"></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><a href="#" 396 class="paging__prev paging__btn is-disabled" 397 aria-label="Page précédente" 398 aria-disabled="true" 399 tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></a><ul><li class="is-active"><a href="#" aria-current="page" aria-label="Page 1">1</a></li></ul><a href="#" 400 class="paging__next paging__btn" 401 aria-label="Page suivante"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a></nav><!-- /.paging --></div><!-- /.tab --><div class="tab" id="tab5" role="tabpanel" aria-labelledby="tab-btn-tab5" tabindex="0"><div class="grid grid--disable-mobile"></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><a href="#" 402 class="paging__prev paging__btn is-disabled" 403 aria-label="Page précédente" 404 aria-disabled="true" 405 tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false">
405<path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></a><ul><li class="is-active"><a href="#" aria-current="page" aria-label="Page 1">1</a></li></ul><a href="#" 406 class="paging__next paging__btn" 407 aria-label="Page suivante"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a></nav><!-- /.paging --></div><!-- /.tab --><div class="tab" id="tab6" role="tabpanel" aria-labelledby="tab-btn-tab6" tabindex="0"><div class="grid grid--disable-mobile"></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><a href="#" 408 class="paging__prev paging__btn is-disabled" 409 aria-label="Page précédente" 410 aria-disabled="true" 411 tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></a><ul><li class="is-active"><a href="#" aria-current="page" aria-label="Page 1">1</a></li></ul><a href="#" 412 class="paging__next paging__btn" 413 aria-label="Page suivante"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a></nav><!-- /.paging --></div><!-- /.tab --><div class="tab" id="tab7" role="tabpanel" aria-labelledby="tab-btn-tab7" tabindex="0"><div class="grid grid--disable-mobile"></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><a href="#" 414 class="paging__prev paging__btn is-disabled" 415 aria-label="Page précédente" 416 aria-disabled="true" 417 tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></a><ul><li class="is-active"><a href="#" aria-current="page" aria-label="Page 1">1</a></li></ul><a href="#" 418 class="paging__next paging__btn" 419 aria-label="Page suivante"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a></nav><!-- /.paging --></div><!-- /.tab --><div class="tab" id="tab8" role="tabpanel" aria-labelledby="tab-btn-tab8" tabindex="0"><div class="grid grid--disable-mobile"></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><a href="#" 420 class="paging__prev paging__btn is-disabled" 421 aria-label="Page précédente" 422 aria-disabled="true" 423 tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false">
423<path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></a><ul><li class="is-active"><a href="#" aria-current="page" aria-label="Page 1">1</a></li></ul><a href="#" 424 class="paging__next paging__btn" 425 aria-label="Page suivante"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a></nav><!-- /.paging --></div><!-- /.tab --><div class="tab" id="tab9" role="tabpanel" aria-labelledby="tab-btn-tab9" tabindex="0"><div class="grid grid--disable-mobile"></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><a href="#" 426 class="paging__prev paging__btn is-disabled" 427 aria-label="Page précédente" 428 aria-disabled="true" 429 tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></a><ul><li class="is-active"><a href="#" aria-current="page" aria-label="Page 1">1</a></li></ul><a href="#" 430 class="paging__next paging__btn" 431 aria-label="Page suivante"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a></nav><!-- /.paging --></div><!-- /.tab --><div class="tab" id="tab10" role="tabpanel" aria-labelledby="tab-btn-tab10" tabindex="0"><div class="grid grid--disable-mobile"></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><a href="#" 432 class="paging__prev paging__btn is-disabled" 433 aria-label="Page précédente" 434 aria-disabled="true" 435 tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></a><ul><li class="is-active"><a href="#" aria-current="page" aria-label="Page 1">1</a></li></ul><a href="#" 436 class="paging__next paging__btn" 437 aria-label="Page suivante"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a></nav><!-- /.paging --></div><!-- /.tab --><div class="tab" id="tab11" role="tabpanel" aria-labelledby="tab-btn-tab11" tabindex="0"><div class="grid grid--disable-mobile"></div><!-- /.grid --><nav class="paging" aria-label="Pagination" role="navigation"><a href="#" 438 class="paging__prev paging__btn is-disabled" 439 aria-label="Page précédente" 440 aria-disabled="true" 441 tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false">
441<path fill="#fff" fill-rule="evenodd" d="M9.575.22a.75.75 0 0 0-1.06 0L.146 8.646A.498.498 0 0 0 .001 9c0 .128.048.256.145.354l8.369 8.426a.75.75 0 0 0 1.06-1.06L2.557 9.75H17.25a.75.75 0 0 0 0-1.5H2.557l7.018-6.97a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/></svg></a><ul><li class="is-active"><a href="#" aria-current="page" aria-label="Page 1">1</a></li></ul><a href="#" 442 class="paging__next paging__btn" 443 aria-label="Page suivante"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18" aria-hidden="true" focusable="false"><path fill="#fff" fill-rule="evenodd" d="M8.425.22a.75.75 0 0 1 1.06 0l8.369 8.426a.498.498 0 0 1 .145.354.498.498 0 0 1-.145.354L9.485 17.78a.75.75 0 0 1-1.06-1.06l7.018-6.97H.75a.75.75 0 0 1 0-1.5h14.693L8.425 1.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></a></nav><!-- /.paging --></div><!-- /.tab --></div><!-- /.tabs__body --></div><!-- /.tabs js-tabs --></div><!-- /.shell --></section><!-- /.section-tabs --><footer class="footer" role="contentinfo" id="footer-content"><div class="shell"><div class="footer__inner" role="navigation"><div class="footer__main"><div class="nav-footer"><ul><li><ul><li><a href="/groupe" title="Le groupe"><strong>Le groupe</strong></a></li><li><a href="/groupe/qui-sommes-nous" title="Qui sommes-nous ?">Qui sommes-nous ?</a></li><li><a href="/groupe/qui-sommes-nous/notre-organisation" title="Notre organisation">Notre organisation</a></li><li><a href="/groupe/qui-sommes-nous/nos-activites" title="Nos activités">Nos activités</a></li><li><a href="/groupe/qui-sommes-nous/notre-histoire" title="Notre histoire">Notre histoire</a></li><li><a href="/groupe/qui-sommes-nous/transparence" title="Transparence">Transparence</a></li><li><a href="/groupe/qui-sommes-nous/la-fondation-engagement-medias-pour-les-jeunes-40681" title="La fondation">La fondation</a></li><li aria-hidden="true"></li><li><a href="/groupe/nos-engagements" title="Nos engagements"><strong>Nos engagements</strong></a></li><li><a href="/groupe/notre-actualite" title="Notre actualité"><strong>Notre actualité</strong></a></li><li><a href="/groupe/le-lab" title="Nos innovations - Le Lab"><strong>Nos innovations - Le Lab</strong></a></li></ul></li><li><ul><li><a href="https://recrutement.francetelevisions.fr/" target="_blank" class="btn btn--text" style="font-size: 1.6rem;" title="Rejoignez-nous">Rejoignez-nous 444 <i style="--ico-url:url(/build/images/groupe/icons/ico-share.svg); background-color: var(--c-black-2);" aria-hidden="true"><i></i></i></a></li><li><a href="https://www.francetvpro.fr/" target="_blank" class="btn btn--text" style="font-size: 1.6rem;" title="France TV Pro">France TV Pro 445 <i style="--ico-url:url(/build/images/groupe/icons/ico-share.svg); background-color: var(--c-black-2);" aria-hidden="true"><i></i></i></a></li><li><a href="https://www.francetelevisions.fr/et-vous" target="_blank" class="btn btn--text" style="font-size: 1.6rem;" title="France TV & Vous">France TV & Vous 446 <i style="--ico-url:url(/build/images/groupe/icons/ico-share.svg); background-color: var(--c-black-2);" aria-hidden="true"><i></i></i></a></li></ul></li><li><ul><li>
446<a href="/groupe/espace-pro/appels-doffres-1078" title="Appels d'offres">Appels d'offres</a></li><li><a href="/groupe/espace-pro/guide-de-la-creation-61" title="Guide de la création">Guide de la création</a></li><li><a href="/groupe/publications" title="Publications">Publications</a></li><li><a href="/groupe/espace-pro/ressources-techniques-843" title="Ressources techniques">Ressources techniques</a></li><li><a href="/et-vous/a-votre-ecoute" title="Contacts">Contacts</a></li><li aria-hidden="true"></li><li aria-hidden="true"></li></ul></li></ul></div><!-- /.nav-footer --><div class="socials"><ul><li><a href="https://www.facebook.com/francetele/" title="Facebook"><img src="/build/images/groupe/icons/ico-fb.svg" alt="Facebook"></a></li><li><a href="https://www.instagram.com/francetelevisions/ " title="Instagram"><img src="/build/images/groupe/icons/ico-insta.svg" alt="Instagram"></a></li><li><a href="https://www.youtube.com/@FranceTelevisions " title="YouTube"><img src="/build/images/groupe/icons/ico-yt.svg" alt="YouTube"></a></li><li><a href="https://www.linkedin.com/company/france-televisions/" title="LinkedIn"><img src="/build/images/groupe/icons/ico-in.svg" alt="LinkedIn"></a></li><li><a href="https://x.com/francetele" title="Twitter"><img src="/build/images/groupe/icons/ico-tt.svg" alt="Twitter"></a></li></ul></div><!-- /.socials --></div><!-- /.footer__main --><div class="footer__logo"><a href="https://www.france.tv" title="France.tv"><img src="/build/images/groupe/logo-footer.svg" alt="france.tv"></a></div><!-- /.footer__logo --><div class="footer__foot"><p class="copyright">© 2025 France Télévisions</p><!-- /.copyright --><ul class="list-links"><li><a href="/mentions-legales" title="Mentions Légales">Mentions Légales</a></li><li><button type="button" onclick="Didomi.preferences.show()" title="Gestion des traceurs" style="background: none; border: none; color: inherit; cursor: pointer; text-decoration: underline; font-size: inherit; font-family: inherit;">Gestion des traceurs</button></li><li><a href="/groupe/accessibilite">Accessibilité : Non conforme </a></li><li><a href="/cgu" title="CGU">CGU</a></li><li><a href="/groupe/confidentialite" title="Espace de confidentialité">Espace de confidentialité</a></li></ul><!-- /.list-links --></div><!-- /.footer__foot --></div><!-- /.footer__inner --></div><!-- /.shell --></footer><!-- /.footer -->
446<script> 447 document.addEventListener('DOMContentLoaded', function() { 448 const tabLinks = document.querySelectorAll('.js-tabs .tabs__nav a'); 449 const tabPages = new Map(); 450 const parser = new DOMParser(); 451 452 // Check if URL has a hash and scroll to section-cards 453 if (window.location.hash) { 454 const sectionCards = document.getElementById('section-cards'); 455 if (sectionCards) { 456 const sectionPosition = sectionCards.getBoundingClientRect().top + window.pageYOffset; 457 window.scrollTo({ 458 top: sectionPosition - 300, 459 behavior: 'smooth' 460 }); 461 } 462 } 463 464 const urlParams = new URLSearchParams(window.location.search); 465 const initialCategory = urlParams.get('categorie'); 466 const initialPage = parseInt(urlParams.get('page')) || 0; 467 468 // Initialize tab pages and activate correct tab if category is in URL 469 tabLinks.forEach(function(link) { 470 const slug = link.getAttribute('data-slug'); 471 if (initialCategory && slug === initialCategory) { 472 tabPages.set(slug, initialPage); 473 } else if (!initialCategory && slug === 'toutes') { 474 tabPages.set(slug, initialPage); 475 } else { 476 tabPages.set(slug, 0); 477 } 478 }); 479 480 // Function to update URL parameters 481 function updateUrlParameters(slug, pageNum) { 482 const newUrl = new URL(window.location.href); 483 484 if (slug === 'toutes') { 485 newUrl.searchParams.delete('categorie'); 486 } else { 487 newUrl.searchParams.set('categorie', slug); 488 } 489 490 if (pageNum === 0) { 491 newUrl.searchParams.delete('page'); 492 } else { 493 newUrl.searchParams.set('page', pageNum); 494 } 495 496 window.history.pushState({}, '', newUrl); 497 } 498 499 tabLinks.forEach(function(link) { 500 link.addEventListener('click', function(e) { 501 e.preventDefault(); 502 const slug = this.getAttribute('data-slug'); 503 const targetId = this.getAttribute('href'); 504 const target = document.querySelector(targetId); 505 506 // Update ARIA states on all tabs (roving tabindex) 507 tabLinks.forEach(function(t) { 508 t.setAttribute('aria-selected', 'false'); 509 t.setAttribute('tabindex', '-1'); 510 t.parentNode.classList.remove('is-active'); 511 }); 512 this.setAttribute('aria-selected', 'true'); 513 this.setAttribute('tabindex', '0'); 514 this.parentNode.classList.add('is-active'); 515 516 document.querySelectorAll('.tab').forEach(tab => tab.classList.remove('is-active')); 517 target.classList.add('is-active'); 518 519 // Update URL when switching tabs 520 const page = tabPages.get(slug); 521 updateUrlParameters(slug, page); 522 523 // Make AJAX request using the tab's stored page number 524 const url = slug === 'toutes' 525 ? `/groupe/notre-actualite?page=${page}` 526 : `/groupe/notre-actualite?categorie=${slug}&page=${page}`; 527 528 fetch(url) 529 .then(response => response.text()) 530 .then(html => { 531 // Create a temporary element to parse the HTML 532 const parser = new DOMParser(); 533 const doc = parser.parseFromString(html, 'text/html'); 534 535 // Clear existing content 536 const grid = target.querySelector('.grid'); 537 grid.innerHTML = ''; 538 539 // Find all articles in the first tab (which contains the filtered results) 540 const articles = doc.querySelectorAll('#tab0 .grid__col');
541 articles.forEach(article => { 542 grid.appendChild(article.cloneNode(true)); 543 }); 544 545 replacePager(target, doc, slug); 546 }) 547 .catch(error => { 548 console.error('Error loading articles:', error); 549 }); 550 }); 551 }); 552 553 function getPageFromLink(link) { 554 if (link.dataset.page !== undefined && link.dataset.page !== '') { 555 const fromData = parseInt(link.dataset.page, 10); 556 if (!isNaN(fromData) && fromData >= 0) { 557 return fromData; 558 } 559 } 560 try { 561 const url = new URL(link.getAttribute('href'), window.location.origin); 562 const page = parseInt(url.searchParams.get('page'), 10); 563 return isNaN(page) || page < 0 ? 0 : page; 564 } catch (err) { 565 return 0; 566 } 567 } 568 569 function replacePager(tab, doc, slug) { 570 const sourcePaging = doc.querySelector('#tab0 .paging, #tab0 .pager'); 571 let pagingContainer = tab.querySelector('.paging, .pager'); 572 573 if (!sourcePaging) { 574 if (pagingContainer) { 575 pagingContainer.style.display = 'none'; 576 } 577 return; 578 } 579 580 const nextPager = sourcePaging.cloneNode(true); 581 if (pagingContainer) { 582 pagingContainer.replaceWith(nextPager); 583 } else { 584 const grid = tab.querySelector('.grid'); 585 grid.parentNode.insertBefore(nextPager, grid.nextSibling); 586 } 587 attachPaginationHandlers(nextPager, slug); 588 } 589 590 function attachPaginationHandlers(container, slug) { 591 container.querySelectorAll('a').forEach(link => { 592 link.addEventListener('click', function(e) { 593 e.preventDefault(); 594 595 if ( 596 this.classList.contains('is-disabled') || 597 this.getAttribute('aria-disabled') === 'true' || 598 this.parentNode.classList.contains('paging__spacer') || 599 this.getAttribute('href') === '#' 600 ) { 601 return; 602 } 603 604 const pageNum = getPageFromLink(this); 605 if (isNaN(pageNum) || pageNum < 0) return; 606 607 // Store the new page number for this tab 608 tabPages.set(slug, pageNum); 609 610 // Update URL parameters 611 updateUrlParameters(slug, pageNum); 612 613 // Scroll to section-cards 614 const sectionCards = document.getElementById('section-cards'); 615 if (sectionCards) { 616 const sectionPosition = sectionCards.getBoundingClientRect().top + window.pageYOffset; 617 window.scrollTo({ 618 top: sectionPosition - 300, 619 behavior: 'smooth' 620 }); 621 } 622 623 // Fetch the new page 624 const newPageUrl = slug === 'toutes' 625 ? `/groupe/notre-actualite${pageNum === 0 ? '' : '?page=' + pageNum}` 626 : `/groupe/notre-actualite?categorie=${slug}${pageNum === 0 ? '' : '&page=' + pageNum}`; 627 628 fetch(newPageUrl) 629 .then(response => response.text()) 630 .then(html => { 631 const newDoc = parser.parseFromString(html, 'text/html'); 632 633 // Update articles 634 const grid = container.parentNode.querySelector('.grid'); 635 grid.innerHTML = ''; 636 const newArticles = newDoc.querySelectorAll('#tab0 .grid__col');
637 newArticles.forEach(article => { 638 grid.appendChild(article.cloneNode(true)); 639 }); 640 641 replacePager(container.parentNode, newDoc, slug); 642 }) 643 .catch(error => { 644 console.error('Error loading page:', error); 645 }); 646 }); 647 }); 648 } 649 650 const initialPaging = document.querySelector('#tab0 .paging, #tab0 .pager'); 651 if (initialPaging) { 652 attachPaginationHandlers(initialPaging, 'toutes'); 653 } 654 655 // If we have initial category, trigger click on the corresponding tab 656 if (initialCategory) { 657 const targetTab = document.querySelector(`.js-tabs .tabs__nav a[data-slug="${initialCategory}"]`); 658 if (targetTab) { 659 targetTab.click(); 660 } 661 } else if (initialPage > 0) { 662 // If we only have a page parameter, load that page for the "toutes" tab 663 const toutesTab = document.querySelector('.js-tabs .tabs__nav a[data-slug="toutes"]'); 664 if (toutesTab) { 665 toutesTab.click(); 666 } 667 } 668 }); 669 </script>
669<script type="text/javascript"> 670 var reURLInformation = new RegExp(["^(https?:)//", "(([^:/?#]*)(?::([0-9]+))?)", "(/{0,1}[^?#]*)", "(\\?[^#]*|)", "(#.*|)$"].join("")), 671 match = window.location.href.match(reURLInformation), arguments = match[5].split("/"), urls_vars_1 = "", 672 urls_vars_2 = "", urls_vars_3 = ""; 673 void 0 !== (arguments = arguments.filter(Boolean))[0] && (urls_vars_1 = "/" + arguments[0]), void 0 !== arguments[1] && (urls_vars_2 = "/" + arguments[1]), void 0 !== arguments[2] && (urls_vars_3 = "/" + arguments[2]); 674 675 /** 676 * Helper function to get params query. 677 * 678 * @param name 679 * @returns {string|number|boolean} 680 */ 681 function urlParam(name) { 682 var results = new RegExp('[\?&]' + name + '=([^&#]*)') 683 .exec(window.location.search); 684 return (results !== null) ? results[1] || 0 : false; 685 } 686 687 /** 688 * Set url for front custom pages (registration, connection...). 689 */ 690 691 var keyWord = urlParam('fulltext') ? urlParam('fulltext') : ''; 692 // Get search page. 693 var page = urlParam('page') ? urlParam('page') : 0; 694 // Specify Tealium Environnement. 695 var env = "dev"; 696 if("ftvetvous.ftvg-preprod.fr" === window.location.hostname) { 697 env = "qa"; 698 } 699 else{ 700 if ("www.francetelevisions.fr" === window.location.hostname){ 701 env = "prod"; 702 } 703 } 704 705 // Récupère les valeurs stockées dans le localStorage 706 var originPage = localStorage.getItem("origin_page") || ''; 707 var originPageType = localStorage.getItem("origin_page_type") || ''; 708 709 var tc_vars = { 710 "URL_1": urls_vars_1, 711 "URL_2": urls_vars_2, 712 "URL_3": urls_vars_3, 713 "offre": "FTVVOUS","type_page": 'categorie',"nom_page": 'groupe_notre_actualite',"est_homepage": 'non',"entree": 'groupe',"id_contenu": '1545',"domaine": 'francetelevisions.fr',"environnement": env,"origin_page": originPage, 714 "origin_page_type": originPageType, 715 } 716 717 // Stocke les informations de la page actuelle dans le localStorage 718 document.addEventListener("DOMContentLoaded", function() { 719 var currentPage = "groupe_notre_actualite"; 720 var currentPageType = "categorie"; 721 722 localStorage.setItem("origin_page", currentPage); 723 localStorage.setItem("origin_page_type", currentPageType); 724 }); 725 console.log('nom_page:', tc_vars.nom_page); 726 console.log('type_page:', tc_vars.type_page); 727 728 </script>
728<script src="/build/runtime.7576e7bf.js"></script>
728<script src="/build/scripts/vendor.15faa005.js"></script>
728<script src="/build/scripts/groupe.cda3c42b.js"></script>
728<script src="/build/scripts/didomi-accessibility.d0bc4311.js"></script>
728<script> 729 if (!loadjs.isDefined('smarttag')) { 730 loadjs('https://tag.aticdn.net/598082/smarttag.js', 'smarttag'); 731 loadjs.ready(['smarttag'], { 732 success: function () { 733 window.didomiEventListeners = window.didomiEventListeners || []; 734 window.didomiEventListeners.push({ 735 event: 'notice.shown', 736 listener: function () { 737 tc_vars["notice_shown"] = true; 738 console.log("Event notice.shown catché"); 739 } 740 }); 741 loadjs('/build/scripts/at-optout-popin.58e88e06.js', 'popin-didomi'); 742 loadjs.ready(['popin-didomi'], { 743 success: function () { 744 window.didomiOnReady = window.didomiOnReady || []; 745 window.didomiOnReady.push(function (Didomi) { 746 // Setting user info before sending page tracker 747 loadjs('/build/scripts/tag-commander.e7e268b4.js', 'tag-commander'); 748 // Create script tag. 749 var dynamicScriptTag = document.createElement("script"); 750 dynamicScriptTag.setAttribute("type", "text/javascript"); 751 dynamicScriptTag.setAttribute("src", "https://cdn.tagcommander.com/5435/tc_FTVvous_2.js"); 752 document.head.appendChild(dynamicScriptTag); 753 754 var ATTag = window.ATTag = new ATInternet.Tracker.Tag({secure: true}); 755 // si l'utilisateur a explicitement demande d'etre optout 756 if (window.localStorage.getItem('ftvev:optoutAT') == "true") { 757 ATTag.privacy.setVisitorOptout(); 758 } 759 // si l'utilisateur a consenti au vendor Didomi correspondant a AT Internet 760 else if (didomiState.didomiVendorsConsent.includes("c:atinterne-D22mcTNf")) { 761 ATTag.privacy.setVisitorOptin(); 762 } 763 // si l'utilisateur n'a pas consenti 764 else { 765 ATTag.privacy.setVisitorMode('cnil', 'exempt'); 766 } 767 768 loadjs('/build/scripts/pages-tracking.8b4220a8.js', 'pages-tracking'); 769 loadjs('/build/scripts/clicks-tracking.69284991.js', 'clicks-tracking'); 770 }); 771 } 772 }); 773 } 774 }); 775 } 776 </script>
776<script src="/build/scripts/popin.dceae956.js" defer></script>
776<script src="/build/scripts/notification.a5ff2341.js" defer></script>
776<script src="/build/scripts/authentication-context.5bcfc4a3.js" defer></script>
776<script src="/build/scripts/authentication.9ec7f39f.js" defer></script>
776<script src="/build/scripts/accessibility.d28373b3.js" defer></script>
776<script async src="//www.instagram.com/embed.js"></script>
776</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.