PageSourceSearch

https://www.francetelevisions.fr/groupe/notre-actualite

html francetelevisions.fr collected 2026-09-24 08:42:31 UTC 82,507 bytes, 776 lines download raw bytes

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&#039;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&#039;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&#039;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&#039;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&#039;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&#039;é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&#039;é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&#039;écran qui inspire du temps sans écran</h2><p>Face à l&#039;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&#039;équipe de France de Cécifoot championne d&#039;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&#039;équipe de France de Cécifoot championne d&#039;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&#039;équipe de France de Cécifoot championne d&#039;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&#039;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&#039;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&#039;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&#039;édition du Tour de France vient de s&#039;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.