Institut national de l'audiovisuel

<!DOCTYPE html> <html lang="fr" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <meta charset="utf-8" /> <script type="text/javascript" id="didomi-integration">window.didomiConfig = {cookies: {local: {customDomain: "www.ina.fr"}}};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)} else{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} var 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)}} if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");a("__tcfapiLocator");(function(e){var 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)})("8a0a8597-0863-4821-9fdc-f24a0a783a3d")})(); window.didomiOnReady = window.didomiOnReady || []; window.didomiOnReady.push(function () { document.body.dataset.didomiLoaded = "1"; });</script> <meta name="robots" content="max-snippet:300" /> <meta name="robots" content="max-image-preview:standard" /> <meta name="robots" content="max-video-preview:0" /> <meta name="description" content="Découvrez les fonds audios et vidéos à consulter gratuitement, des articles qui éclairent l’actualité, les activités de l’INA, ses rendez-vous, ses formations et bien plus encore !" /> <link rel="canonical" href="https://www.ina.fr/" /> <link rel="shortlink" href="https://www.ina.fr/" /> <link rel="icon" href="/themes/custom/hub/images/favicons/favicon.ico" /> <link rel="mask-icon" href="/themes/custom/hub/images/favicons/mask-icon.svg" color="#0086b1" /> <link rel="icon" sizes="16x16" href="/themes/custom/hub/images/favicons/icon-16x16.png" /> <link rel="icon" sizes="32x32" href="/themes/custom/hub/images/favicons/icon-32x32.png" /> <link rel="icon" sizes="96x96" href="/themes/custom/hub/images/favicons/icon-96x96.png" /> <link rel="icon" sizes="192x192" href="/themes/custom/hub/images/favicons/icon-192x192.png" /> <link rel="apple-touch-icon" href="/themes/custom/hub/images/favicons/apple-touch-icon-60x60.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/themes/custom/hub/images/favicons/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="76x76" href="/themes/custom/hub/images/favicons/apple-touch-icon-76x76.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/themes/custom/hub/images/favicons/apple-touch-icon-114x114.png" /> <link rel="apple-touch-icon" sizes="120x120" href="/themes/custom/hub/images/favicons/apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon" sizes="144x144" href="/themes/custom/hub/images/favicons/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon" sizes="152x152" href="/themes/custom/hub/images/favicons/apple-touch-icon-152x152.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/hub/images/favicons/apple-touch-icon-180x180.png" /> <link rel="apple-touch-icon-precomposed" href="/themes/custom/hub/images/favicons/apple-touch-icon-precomposed-57x57.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/themes/custom/hub/images/favicons/apple-touch-icon-precomposed-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/themes/custom/hub/images/favicons/apple-touch-icon-precomposed-76x76.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/themes/custom/hub/images/favicons/apple-touch-icon-precomposed-114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/themes/custom/hub/images/favicons/apple-touch-icon-precomposed-120x120.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/themes/custom/hub/images/favicons/apple-touch-icon-precomposed-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/themes/custom/hub/images/favicons/apple-touch-icon-precomposed-152x152.png" /> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/themes/custom/hub/images/favicons/apple-touch-icon-precomposed-180x180.png" /> <meta property="og:site_name" content="ina.fr" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.ina.fr/node/1" /> <meta property="og:title" content="Institut national de l'audiovisuel | INA" /> <meta property="og:description" content="Découvrez les fonds audios et vidéos à consulter gratuitement, des articles qui éclairent l’actualité, les activités de l’INA, ses rendez-vous, ses formations et bien plus encore !" /> <meta property="og:image" content="https://www.ina.fr/themes/custom/hub/images/ina-institut-national-audiovisuel.png" /> <meta name="google-site-verification" content="FEy2UgENm8GVN7011AINVdJdY5upCpKIPZN1o_T1Aps" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="text/javascript" id="gtm-integration"> window.didomiOnReady = window.didomiOnReady || []; window.didomiOnReady.push(function () { (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[2]; var j = d.createElement(s); var dl = l != "dataLayer" ? "&l=" + l : ""; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; j.async = true; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-TF6427M"); });</script> <script type="text/javascript" id="didomi-loaded-script"> setTimeout(function () { if (document.body && document.body.dataset.didomiLoaded !== '1' && typeof window.didomiOnReady.length !== 'undefined' && window.didomiOnReady.length > 0) { for (let i = 0; i < window.didomiOnReady.length; i += 1) { window.didomiOnReady[i](); window.didomiOnReady.splice(i, 1); } } }, 1000); </script> <title>Institut national de l'audiovisuel | INA</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_zLQiyck6g6wecxrjq6_RtGPYsCfHb8ZdiRdPVBlYQOM.css?delta=0&language=fr&theme=hub&include=eJxFyMEJwDAIAMCFUh2paJPGgKgo7t9n73nSjFudSa-nahyju2slhscxYIfXR1DSTgopnNlBCv9AWzTrKVnzA1m8HWM" /> <link rel="stylesheet" media="all" href="//cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" crossorigin="anonymous" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" /> <link rel="stylesheet" media="all" href="/themes/custom/hub/../dist/hub.min.css?smvsq7" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css__BXFRJBRs4TDLp0lBSe4alsDY34hgy69RH274doAuqQ.css?delta=3&language=fr&theme=hub&include=eJxFyMEJwDAIAMCFUh2paJPGgKgo7t9n73nSjFudSa-nahyju2slhscxYIfXR1DSTgopnNlBCv9AWzTrKVnzA1m8HWM" /> <script src="//applets.ebxcdn.com/ebx.js" id="ebx" async></script> </head> <body> <a href="#main-content" class="visually-hidden focusable"> Aller au contenu principal </a> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TF6427M" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="header js-header header_hub"> <div class="header__fade js-header-close"></div> <div class="menu"> <div class="menu__inner"> <div class="container-fluid d-flex justify-content-between"> <div class="menu__content"> <a href="/" class="logo"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g><g><g><path fill="#0086b1" d="M0 40h40V0H0z"></path></g><g><path fill="#fff" d="M29.392 24.576c-.34.184-1.106.567-1.915.567-.809 0-1.844-.652-1.844-2.014 0-1.36.582-2.957 5.511-3.626v1.787s.107 2.01-1.752 3.286M8.735 10.854a1.364 1.364 0 1 0-2.728 0 1.364 1.364 0 0 0 2.728 0M33.29 23.45v-6.224c0-.851-.538-3.645-4.434-3.645-3.527 0-5.02 2.156-5.02 3.368 0 .702.424 1.51 1.486 1.51 1.063 0 1.339-.755 1.339-1.265 0-.51-.33-.894-.33-.894-1.232-1.308 1.53-1.754 2.093-1.733 2.869.18 2.72 2.297 2.72 2.297v1.786c-7.904.894-7.904 4.17-7.904 4.712 0 1.372.86 1.926.86 1.926-.563 0-1.104-.002-1.508-.406-.404-.404-.383-1.648-.383-1.648v-5.551c0-.394-.095-3.946-3.74-3.946-3.016 0-4.302 2.531-4.302 2.531v-2.307c0-.107-.17-.17-.17-.17h-3.347l.011.531c.404 0 .701.18.903.33.574.574.526 1.489.526 1.489v3.956s-.003 2.592-.005 3.189c.006-.35.059 1.144-.361 1.564-.441.442-1.074.436-1.467.436s-.945.054-1.402-.404c-.457-.457-.393-2.414-.393-2.414V13.95c0-.096-.149-.16-.149-.16H4.87v.532c1.573 0 1.456 2.042 1.456 2.042v6.88c0 .66-.043 2.032-1.456 2.032v.489h10.72v-.479c-.17 0-.563-.005-.871-.244-.627-.51-.553-1.904-.553-1.904v-3.924c0-.936.541-4.073 3.315-4.073 2.773 0 2.656 3.318 2.656 3.318v4.988c0 .149-.035 1.119-.41 1.493-.374.375-1.03.346-1.03.346v.51h6.189c.138.011.478.373 2.114.373 2.71 0 4.207-2.11 4.207-2.11 0 .298.474 1.723 2.033 1.723h1.48v-.494c-1.523 0-1.43-1.546-1.43-1.838"></path></g></g></g></svg> </span> </a> <a class="link title menu__title" href="/"> Institut national de l'audiovisuel <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14"><g><g><path fill="#0686b1" d="M6.36.8L.81 13.4h2.298L8.658.8z"></path></g></g></svg> </span> </a> </div> <div class="menu__aside"> <a href="/recherche" class="btn-search-expander link"> <span class="btn__icon icon d-block d-sm-none"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 20 20"> <g> <g> <g> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="50" stroke-width="1.2" d="M14.68 14.68l4.109 4.109"></path> </g> <g> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="50" stroke-width="1.2" d="M8.92 16.84A7.92 7.92 0 1 0 8.92 1a7.92 7.92 0 0 0 0 15.84z"></path> </g> </g> </g> </svg> </span> <span class="btn__icon icon d-none d-sm-block"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 20 20"> <g> <g> <g> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="50" stroke-width="1.2" d="M14.68 14.68l4.109 4.109"></path> </g> <g> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="50" stroke-width="1.2" d="M8.92 16.84A7.92 7.92 0 1 0 8.92 1a7.92 7.92 0 0 0 0 15.84z"></path> </g> </g> </g> </svg> </span> <span class="btn__text d-none d-lg-block">Recherche</span> </a> <svg class="js-connexion d-block d-sm-none me-3" style="cursor: pointer;" width="15" height="15" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.30652 22.5478C5.30172 22.5662 5.29691 22.5846 5.292 22.603C7.583 24.797 10.57 26 13.75 26C16.929 26 19.916 24.797 22.207 22.603C22.201 22.5808 22.1951 22.5583 22.1892 22.5357C22.1794 22.4983 22.1696 22.4608 22.159 22.424C22.125 22.311 22.09 22.198 22.052 22.086C22.011 21.964 21.967 21.843 21.92 21.724C21.877 21.614 21.833 21.505 21.786 21.397C21.735 21.282 21.682 21.167 21.626 21.054C21.574 20.948 21.521 20.843 21.465 20.74C21.405 20.63 21.342 20.522 21.278 20.415C21.218 20.314 21.157 20.214 21.093 20.117C21.024 20.012 20.953 19.91 20.88 19.809C20.812 19.714 20.744 19.621 20.673 19.529C20.596 19.431 20.516 19.335 20.435 19.24L20.4349 19.2399C20.3599 19.1519 20.285 19.064 20.207 18.979C20.123 18.887 20.035 18.799 19.946 18.71C19.9359 18.6999 19.9258 18.6898 19.9157 18.6797C19.8448 18.6086 19.7735 18.5373 19.7 18.469C19.6246 18.3994 19.5466 18.3331 19.4686 18.2668C19.4514 18.2522 19.4342 18.2376 19.417 18.223C19.33 18.148 19.243 18.074 19.153 18.002C19.0732 17.9399 18.9914 17.8811 18.9098 17.8223C18.8902 17.8082 18.8706 17.7941 18.851 17.78C18.8257 17.762 18.8007 17.7439 18.7757 17.7259C18.7077 17.6768 18.6402 17.6281 18.57 17.582C18.4868 17.5265 18.4011 17.4748 18.3159 17.4234C18.2935 17.41 18.2712 17.3965 18.249 17.383C18.2219 17.3667 18.195 17.3502 18.1681 17.3338C18.0976 17.2907 18.0274 17.2478 17.955 17.208C17.871 17.1615 17.7847 17.1189 17.6987 17.0765C17.6701 17.0624 17.6415 17.0482 17.613 17.034C17.5854 17.0204 17.558 17.0066 17.5306 16.9928C17.4577 16.9561 17.3849 16.9194 17.31 16.886C17.2074 16.8398 17.1027 16.7988 16.9982 16.7579C16.9805 16.7509 16.9627 16.744 16.945 16.737C16.9175 16.726 16.8902 16.7148 16.8628 16.7036C16.7888 16.6733 16.715 16.643 16.639 16.616C16.5456 16.5832 16.4506 16.5546 16.3556 16.526C16.3204 16.5154 16.2852 16.5048 16.25 16.494C16.2158 16.4837 16.182 16.4731 16.1483 16.4625C16.0803 16.4412 16.0128 16.42 15.944 16.402C15.8196 16.3691 15.6928 16.3433 15.5664 16.3177C15.5506 16.3144 15.5348 16.3112 15.519 16.308C15.481 16.3002 15.4432 16.2915 15.4056 16.2829C15.3472 16.2696 15.289 16.2563 15.23 16.246C15.0908 16.2211 14.9501 16.205 14.8092 16.1889C14.7861 16.1863 14.7631 16.1837 14.74 16.181C14.7078 16.177 14.6758 16.1724 14.6437 16.1678C14.5951 16.1608 14.5464 16.1538 14.497 16.149C14.25 16.128 14 16.117 13.75 16.117C13.499 16.117 13.25 16.128 13.002 16.149C12.9526 16.1538 12.9039 16.1608 12.8553 16.1678C12.8232 16.1724 12.7912 16.177 12.759 16.181C12.7369 16.1836 12.7148 16.1861 12.6928 16.1886C12.5511 16.2048 12.4102 16.2209 12.27 16.246C12.2023 16.2572 12.1351 16.2727 12.0681 16.2882C12.039 16.2949 12.01 16.3017 11.981 16.308C11.9675 16.3107 11.954 16.3135 11.9406 16.3162C11.8111 16.3424 11.6818 16.3685 11.555 16.402C11.4906 16.4191 11.4273 16.4389 11.364 16.4588C11.3271 16.4704 11.2902 16.482 11.253 16.493C11.2188 16.5034 11.1845 16.5137 11.1502 16.5239C11.0529 16.5529 10.9553 16.582 10.86 16.616C10.7903 16.6406 10.722 16.6685 10.6536 16.6964C10.6218 16.7094 10.59 16.7223 10.558 16.735C10.5421 16.7413 10.5262 16.7476 10.5102 16.7538C10.4022 16.7964 10.2943 16.8389 10.188 16.886C10.1057 16.923 10.026 16.9635 9.94634 17.004C9.92924 17.0127 9.91214 17.0213 9.895 17.03L9.8949 17.03C9.77594 17.088 9.65697 17.146 9.542 17.209C9.48094 17.2427 9.4215 17.2788 9.36188 17.3151C9.32776 17.3358 9.29358 17.3566 9.259 17.377C9.147 17.444 9.036 17.511 8.927 17.582C8.85835 17.6278 8.79189 17.6757 8.72518 17.7238C8.70152 17.7409 8.67783 17.758 8.654 17.775C8.6382 17.7864 8.62237 17.7978 8.60654 17.8091C8.5182 17.8726 8.4298 17.9362 8.345 18.004C8.26711 18.0651 8.19158 18.1293 8.11561 18.1938C8.10575 18.2022 8.09588 18.2106 8.086 18.219C7.989 18.301 7.892 18.384 7.798 18.471C7.72423 18.5386 7.65361 18.6093 7.58265 18.6803C7.57378 18.6892 7.56489 18.6981 7.556 18.707L7.55596 18.707C7.46598 18.797 7.37699 18.886 7.291 18.979C7.22303 19.0531 7.1574 19.1304 7.09205 19.2073C7.08336 19.2176 7.07468 19.2278 7.066 19.238C6.984 19.334 6.903 19.431 6.825 19.53C6.75502 19.62 6.68804 19.713 6.62105 19.8059L6.621 19.806C6.547 19.909 6.475 20.012 6.405 20.118C6.342 20.214 6.282 20.313 6.222 20.412C6.157 20.52 6.094 20.63 6.033 20.741C5.978 20.844 5.925 20.947 5.874 21.052C5.818 21.166 5.764 21.281 5.713 21.398C5.666 21.505 5.622 21.614 5.579 21.723C5.532 21.843 5.489 21.963 5.447 22.085C5.409 22.197 5.374 22.31 5.34 22.424C5.32821 22.4649 5.31739 22.5063 5.30652 22.5478ZM26 13.75C26 6.996 20.504 1.5 13.75 1.5C6.995 1.5 1.5 6.996 1.5 13.75C1.5 16.522 2.422 19.165 4.122 21.318C4.13633 21.2804 4.1521 21.2442 4.16779 21.2081C4.17838 21.1838 4.18893 21.1596 4.199 21.135C4.242 21.026 4.287 20.918 4.334 20.811C4.399 20.662 4.468 20.514 4.54 20.369C4.591 20.265 4.643 20.162 4.698 20.06C4.775 19.915 4.858 19.774 4.942 19.634C4.95314 19.6156 4.96425 19.5971 4.97535 19.5787C5.02201 19.5012 5.06853 19.4239 5.117 19.348C5.21 19.205 5.309 19.066 5.408 18.928C5.42948 18.8984 5.45059 18.8686 5.47172 18.8387C5.51059 18.7838 5.54954 18.7288 5.591 18.675C5.705 18.526 5.826 18.383 5.948 18.24C5.97211 18.212 5.99547 18.1837 6.01881 18.1553C6.04969 18.1179 6.08054 18.0805 6.113 18.044C6.296 17.842 6.486 17.645 6.684 17.457C6.68738 17.4536 6.69124 17.4505 6.69522 17.4472C6.69947 17.4437 6.70387 17.4401 6.708 17.436C6.898 17.257 7.095 17.085 7.299 16.92C7.34592 16.8819 7.39468 16.8462 7.44373 16.8102C7.46681 16.7933 7.48996 16.7763 7.513 16.759C7.657 16.647 7.803 16.537 7.954 16.433C8.02361 16.385 8.09577 16.3396 8.16794 16.2941C8.18597 16.2828 8.20401 16.2714 8.222 16.26C8.361 16.17 8.501 16.081 8.646 15.998C8.72861 15.9495 8.81413 15.9038 8.89884 15.8586C8.91359 15.8507 8.92832 15.8429 8.943 15.835C9.085 15.759 9.228 15.686 9.373 15.616C9.477 15.566 9.583 15.519 9.688 15.473C9.835 15.409 9.982 15.349 10.131 15.292C10.24 15.25 10.35 15.21 10.46 15.172C10.613 15.12 10.767 15.073 10.922 15.027C10.9456 15.0202 10.9691 15.0134 10.9925 15.0065C11.0794 14.9812 11.1658 14.9561 11.254 14.934C11.417 14.893 11.583 14.858 11.749 14.825C11.7748 14.8196 11.8006 14.8142 11.8265 14.8087C11.9067 14.7917 11.9871 14.7746 12.068 14.761C12.253 14.729 12.44 14.707 12.627 14.686C12.6645 14.6819 12.7018 14.6772 12.739 14.6725C12.7932 14.6656 12.8471 14.6587 12.901 14.654C13.182 14.63 13.464 14.617 13.75 14.617C14.035 14.617 14.317 14.63 14.598 14.654C14.6519 14.6587 14.7058 14.6656 14.76 14.6725C14.7972 14.6772 14.8345 14.6819 14.872 14.686C15.059 14.707 15.246 14.729 15.431 14.761C15.5119 14.7746 15.5923 14.7917 15.6725 14.8087C15.6984 14.8142 15.7242 14.8196 15.75 14.825C15.917 14.858 16.082 14.893 16.245 14.934C16.3383 14.9575 16.431 14.9846 16.5235 15.0117C16.541 15.0168 16.5585 15.0219 16.576 15.027C16.732 15.073 16.887 15.12 17.04 15.172C17.149 15.21 17.258 15.25 17.367 15.291C17.516 15.349 17.664 15.409 17.811 15.473C17.8228 15.4782 17.8345 15.4834 17.8463 15.4886C17.9403 15.5303 18.0336 15.5716 18.126 15.616C18.272 15.686 18.415 15.759 18.557 15.835C18.5873 15.8515 18.6175 15.8678 18.6478 15.8842C18.7165 15.9212 18.785 15.9581 18.853 15.997C18.998 16.081 19.139 16.17 19.279 16.261C19.3036 16.2767 19.3282 16.2923 19.3529 16.3079C19.4175 16.3488 19.482 16.3896 19.545 16.433C19.697 16.537 19.844 16.648 19.99 16.761C20.0133 16.7787 20.0368 16.7961 20.0602 16.8136C20.1071 16.8484 20.154 16.8833 20.2 16.92C20.406 17.087 20.606 17.261 20.799 17.443C20.8015 17.4455 20.8042 17.4477 20.807 17.45C20.8097 17.4522 20.8125 17.4545 20.815 17.457C21.013 17.645 21.203 17.842 21.387 18.045C21.414 18.076 21.4403 18.1077 21.4665 18.1395C21.4927 18.1712 21.519 18.203 21.546 18.234C21.67 18.379 21.793 18.525 21.909 18.677C21.9511 18.7313 21.9909 18.7874 22.0308 18.8439C22.0498 18.8706 22.0687 18.8973 22.088 18.924C22.189 19.064 22.289 19.205 22.383 19.35C22.442 19.442 22.498 19.536 22.554 19.63C22.64 19.772 22.724 19.916 22.803 20.063C22.856 20.163 22.907 20.264 22.958 20.366C23.031 20.513 23.1 20.663 23.167 20.814C23.212 20.919 23.257 21.025 23.299 21.132C23.3098 21.1592 23.3215 21.1858 23.3332 21.2124C23.3486 21.2474 23.3639 21.2822 23.377 21.318C25.077 19.165 26 16.522 26 13.75ZM13.75 0C21.331 0 27.5 6.169 27.5 13.75C27.5 17.217 26.202 20.496 23.858 23.042L23.863 23.066L23.58 23.356L23.575 23.361L22.61 24.348L22.593 24.271C20.119 26.361 17.026 27.5 13.75 27.5C10.474 27.5 7.381 26.361 4.906 24.27L4.889 24.348L3.919 23.355C3.91771 23.3544 3.91683 23.3533 3.91584 23.3521C3.91529 23.3514 3.91471 23.3507 3.914 23.35L3.636 23.065L3.641 23.042C1.297 20.496 0 17.218 0 13.75C0 6.169 6.168 0 13.75 0ZM17.0865 8.6666C17.0865 6.8276 15.5895 5.3306 13.7495 5.3306C11.9095 5.3306 10.4135 6.8276 10.4135 8.6666C10.4135 10.5066 11.9095 12.0036 13.7495 12.0036C15.5895 12.0036 17.0865 10.5066 17.0865 8.6666ZM18.5865 8.6666C18.5865 11.3336 16.4165 13.5036 13.7495 13.5036C11.0825 13.5036 8.9135 11.3336 8.9135 8.6666C8.9135 5.9996 11.0825 3.8306 13.7495 3.8306C16.4165 3.8306 18.5865 5.9996 18.5865 8.6666Z" fill="black"/> </svg> <svg class="js-connexion d-none d-sm-block me-4 ms-4" style="cursor: pointer;" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.30652 22.5478C5.30172 22.5662 5.29691 22.5846 5.292 22.603C7.583 24.797 10.57 26 13.75 26C16.929 26 19.916 24.797 22.207 22.603C22.201 22.5808 22.1951 22.5583 22.1892 22.5357C22.1794 22.4983 22.1696 22.4608 22.159 22.424C22.125 22.311 22.09 22.198 22.052 22.086C22.011 21.964 21.967 21.843 21.92 21.724C21.877 21.614 21.833 21.505 21.786 21.397C21.735 21.282 21.682 21.167 21.626 21.054C21.574 20.948 21.521 20.843 21.465 20.74C21.405 20.63 21.342 20.522 21.278 20.415C21.218 20.314 21.157 20.214 21.093 20.117C21.024 20.012 20.953 19.91 20.88 19.809C20.812 19.714 20.744 19.621 20.673 19.529C20.596 19.431 20.516 19.335 20.435 19.24L20.4349 19.2399C20.3599 19.1519 20.285 19.064 20.207 18.979C20.123 18.887 20.035 18.799 19.946 18.71C19.9359 18.6999 19.9258 18.6898 19.9157 18.6797C19.8448 18.6086 19.7735 18.5373 19.7 18.469C19.6246 18.3994 19.5466 18.3331 19.4686 18.2668C19.4514 18.2522 19.4342 18.2376 19.417 18.223C19.33 18.148 19.243 18.074 19.153 18.002C19.0732 17.9399 18.9914 17.8811 18.9098 17.8223C18.8902 17.8082 18.8706 17.7941 18.851 17.78C18.8257 17.762 18.8007 17.7439 18.7757 17.7259C18.7077 17.6768 18.6402 17.6281 18.57 17.582C18.4868 17.5265 18.4011 17.4748 18.3159 17.4234C18.2935 17.41 18.2712 17.3965 18.249 17.383C18.2219 17.3667 18.195 17.3502 18.1681 17.3338C18.0976 17.2907 18.0274 17.2478 17.955 17.208C17.871 17.1615 17.7847 17.1189 17.6987 17.0765C17.6701 17.0624 17.6415 17.0482 17.613 17.034C17.5854 17.0204 17.558 17.0066 17.5306 16.9928C17.4577 16.9561 17.3849 16.9194 17.31 16.886C17.2074 16.8398 17.1027 16.7988 16.9982 16.7579C16.9805 16.7509 16.9627 16.744 16.945 16.737C16.9175 16.726 16.8902 16.7148 16.8628 16.7036C16.7888 16.6733 16.715 16.643 16.639 16.616C16.5456 16.5832 16.4506 16.5546 16.3556 16.526C16.3204 16.5154 16.2852 16.5048 16.25 16.494C16.2158 16.4837 16.182 16.4731 16.1483 16.4625C16.0803 16.4412 16.0128 16.42 15.944 16.402C15.8196 16.3691 15.6928 16.3433 15.5664 16.3177C15.5506 16.3144 15.5348 16.3112 15.519 16.308C15.481 16.3002 15.4432 16.2915 15.4056 16.2829C15.3472 16.2696 15.289 16.2563 15.23 16.246C15.0908 16.2211 14.9501 16.205 14.8092 16.1889C14.7861 16.1863 14.7631 16.1837 14.74 16.181C14.7078 16.177 14.6758 16.1724 14.6437 16.1678C14.5951 16.1608 14.5464 16.1538 14.497 16.149C14.25 16.128 14 16.117 13.75 16.117C13.499 16.117 13.25 16.128 13.002 16.149C12.9526 16.1538 12.9039 16.1608 12.8553 16.1678C12.8232 16.1724 12.7912 16.177 12.759 16.181C12.7369 16.1836 12.7148 16.1861 12.6928 16.1886C12.5511 16.2048 12.4102 16.2209 12.27 16.246C12.2023 16.2572 12.1351 16.2727 12.0681 16.2882C12.039 16.2949 12.01 16.3017 11.981 16.308C11.9675 16.3107 11.954 16.3135 11.9406 16.3162C11.8111 16.3424 11.6818 16.3685 11.555 16.402C11.4906 16.4191 11.4273 16.4389 11.364 16.4588C11.3271 16.4704 11.2902 16.482 11.253 16.493C11.2188 16.5034 11.1845 16.5137 11.1502 16.5239C11.0529 16.5529 10.9553 16.582 10.86 16.616C10.7903 16.6406 10.722 16.6685 10.6536 16.6964C10.6218 16.7094 10.59 16.7223 10.558 16.735C10.5421 16.7413 10.5262 16.7476 10.5102 16.7538C10.4022 16.7964 10.2943 16.8389 10.188 16.886C10.1057 16.923 10.026 16.9635 9.94634 17.004C9.92924 17.0127 9.91214 17.0213 9.895 17.03L9.8949 17.03C9.77594 17.088 9.65697 17.146 9.542 17.209C9.48094 17.2427 9.4215 17.2788 9.36188 17.3151C9.32776 17.3358 9.29358 17.3566 9.259 17.377C9.147 17.444 9.036 17.511 8.927 17.582C8.85835 17.6278 8.79189 17.6757 8.72518 17.7238C8.70152 17.7409 8.67783 17.758 8.654 17.775C8.6382 17.7864 8.62237 17.7978 8.60654 17.8091C8.5182 17.8726 8.4298 17.9362 8.345 18.004C8.26711 18.0651 8.19158 18.1293 8.11561 18.1938C8.10575 18.2022 8.09588 18.2106 8.086 18.219C7.989 18.301 7.892 18.384 7.798 18.471C7.72423 18.5386 7.65361 18.6093 7.58265 18.6803C7.57378 18.6892 7.56489 18.6981 7.556 18.707L7.55596 18.707C7.46598 18.797 7.37699 18.886 7.291 18.979C7.22303 19.0531 7.1574 19.1304 7.09205 19.2073C7.08336 19.2176 7.07468 19.2278 7.066 19.238C6.984 19.334 6.903 19.431 6.825 19.53C6.75502 19.62 6.68804 19.713 6.62105 19.8059L6.621 19.806C6.547 19.909 6.475 20.012 6.405 20.118C6.342 20.214 6.282 20.313 6.222 20.412C6.157 20.52 6.094 20.63 6.033 20.741C5.978 20.844 5.925 20.947 5.874 21.052C5.818 21.166 5.764 21.281 5.713 21.398C5.666 21.505 5.622 21.614 5.579 21.723C5.532 21.843 5.489 21.963 5.447 22.085C5.409 22.197 5.374 22.31 5.34 22.424C5.32821 22.4649 5.31739 22.5063 5.30652 22.5478ZM26 13.75C26 6.996 20.504 1.5 13.75 1.5C6.995 1.5 1.5 6.996 1.5 13.75C1.5 16.522 2.422 19.165 4.122 21.318C4.13633 21.2804 4.1521 21.2442 4.16779 21.2081C4.17838 21.1838 4.18893 21.1596 4.199 21.135C4.242 21.026 4.287 20.918 4.334 20.811C4.399 20.662 4.468 20.514 4.54 20.369C4.591 20.265 4.643 20.162 4.698 20.06C4.775 19.915 4.858 19.774 4.942 19.634C4.95314 19.6156 4.96425 19.5971 4.97535 19.5787C5.02201 19.5012 5.06853 19.4239 5.117 19.348C5.21 19.205 5.309 19.066 5.408 18.928C5.42948 18.8984 5.45059 18.8686 5.47172 18.8387C5.51059 18.7838 5.54954 18.7288 5.591 18.675C5.705 18.526 5.826 18.383 5.948 18.24C5.97211 18.212 5.99547 18.1837 6.01881 18.1553C6.04969 18.1179 6.08054 18.0805 6.113 18.044C6.296 17.842 6.486 17.645 6.684 17.457C6.68738 17.4536 6.69124 17.4505 6.69522 17.4472C6.69947 17.4437 6.70387 17.4401 6.708 17.436C6.898 17.257 7.095 17.085 7.299 16.92C7.34592 16.8819 7.39468 16.8462 7.44373 16.8102C7.46681 16.7933 7.48996 16.7763 7.513 16.759C7.657 16.647 7.803 16.537 7.954 16.433C8.02361 16.385 8.09577 16.3396 8.16794 16.2941C8.18597 16.2828 8.20401 16.2714 8.222 16.26C8.361 16.17 8.501 16.081 8.646 15.998C8.72861 15.9495 8.81413 15.9038 8.89884 15.8586C8.91359 15.8507 8.92832 15.8429 8.943 15.835C9.085 15.759 9.228 15.686 9.373 15.616C9.477 15.566 9.583 15.519 9.688 15.473C9.835 15.409 9.982 15.349 10.131 15.292C10.24 15.25 10.35 15.21 10.46 15.172C10.613 15.12 10.767 15.073 10.922 15.027C10.9456 15.0202 10.9691 15.0134 10.9925 15.0065C11.0794 14.9812 11.1658 14.9561 11.254 14.934C11.417 14.893 11.583 14.858 11.749 14.825C11.7748 14.8196 11.8006 14.8142 11.8265 14.8087C11.9067 14.7917 11.9871 14.7746 12.068 14.761C12.253 14.729 12.44 14.707 12.627 14.686C12.6645 14.6819 12.7018 14.6772 12.739 14.6725C12.7932 14.6656 12.8471 14.6587 12.901 14.654C13.182 14.63 13.464 14.617 13.75 14.617C14.035 14.617 14.317 14.63 14.598 14.654C14.6519 14.6587 14.7058 14.6656 14.76 14.6725C14.7972 14.6772 14.8345 14.6819 14.872 14.686C15.059 14.707 15.246 14.729 15.431 14.761C15.5119 14.7746 15.5923 14.7917 15.6725 14.8087C15.6984 14.8142 15.7242 14.8196 15.75 14.825C15.917 14.858 16.082 14.893 16.245 14.934C16.3383 14.9575 16.431 14.9846 16.5235 15.0117C16.541 15.0168 16.5585 15.0219 16.576 15.027C16.732 15.073 16.887 15.12 17.04 15.172C17.149 15.21 17.258 15.25 17.367 15.291C17.516 15.349 17.664 15.409 17.811 15.473C17.8228 15.4782 17.8345 15.4834 17.8463 15.4886C17.9403 15.5303 18.0336 15.5716 18.126 15.616C18.272 15.686 18.415 15.759 18.557 15.835C18.5873 15.8515 18.6175 15.8678 18.6478 15.8842C18.7165 15.9212 18.785 15.9581 18.853 15.997C18.998 16.081 19.139 16.17 19.279 16.261C19.3036 16.2767 19.3282 16.2923 19.3529 16.3079C19.4175 16.3488 19.482 16.3896 19.545 16.433C19.697 16.537 19.844 16.648 19.99 16.761C20.0133 16.7787 20.0368 16.7961 20.0602 16.8136C20.1071 16.8484 20.154 16.8833 20.2 16.92C20.406 17.087 20.606 17.261 20.799 17.443C20.8015 17.4455 20.8042 17.4477 20.807 17.45C20.8097 17.4522 20.8125 17.4545 20.815 17.457C21.013 17.645 21.203 17.842 21.387 18.045C21.414 18.076 21.4403 18.1077 21.4665 18.1395C21.4927 18.1712 21.519 18.203 21.546 18.234C21.67 18.379 21.793 18.525 21.909 18.677C21.9511 18.7313 21.9909 18.7874 22.0308 18.8439C22.0498 18.8706 22.0687 18.8973 22.088 18.924C22.189 19.064 22.289 19.205 22.383 19.35C22.442 19.442 22.498 19.536 22.554 19.63C22.64 19.772 22.724 19.916 22.803 20.063C22.856 20.163 22.907 20.264 22.958 20.366C23.031 20.513 23.1 20.663 23.167 20.814C23.212 20.919 23.257 21.025 23.299 21.132C23.3098 21.1592 23.3215 21.1858 23.3332 21.2124C23.3486 21.2474 23.3639 21.2822 23.377 21.318C25.077 19.165 26 16.522 26 13.75ZM13.75 0C21.331 0 27.5 6.169 27.5 13.75C27.5 17.217 26.202 20.496 23.858 23.042L23.863 23.066L23.58 23.356L23.575 23.361L22.61 24.348L22.593 24.271C20.119 26.361 17.026 27.5 13.75 27.5C10.474 27.5 7.381 26.361 4.906 24.27L4.889 24.348L3.919 23.355C3.91771 23.3544 3.91683 23.3533 3.91584 23.3521C3.91529 23.3514 3.91471 23.3507 3.914 23.35L3.636 23.065L3.641 23.042C1.297 20.496 0 17.218 0 13.75C0 6.169 6.168 0 13.75 0ZM17.0865 8.6666C17.0865 6.8276 15.5895 5.3306 13.7495 5.3306C11.9095 5.3306 10.4135 6.8276 10.4135 8.6666C10.4135 10.5066 11.9095 12.0036 13.7495 12.0036C15.5895 12.0036 17.0865 10.5066 17.0865 8.6666ZM18.5865 8.6666C18.5865 11.3336 16.4165 13.5036 13.7495 13.5036C11.0825 13.5036 8.9135 11.3336 8.9135 8.6666C8.9135 5.9996 11.0825 3.8306 13.7495 3.8306C16.4165 3.8306 18.5865 5.9996 18.5865 8.6666Z" fill="black"/> </svg> <span> <div class="openid-connect-login-form" data-drupal-selector="openid-connect-login-form" id="block-openidconnectlogin"> <form action="/login" method="post" id="openid-connect-login-form" accept-charset="UTF-8"> <div> <input data-drupal-selector="edit-openid-connect-client-generic-login" type="submit" id="edit-openid-connect-client-generic-login" name="generic" value="Connexion" class="button js-form-submit form-submit btn__connexion btn__text d-none d-lg-block" /> </div><input data-drupal-selector="form-zlkpsan2kfywvhibaxzz8uwigcivxcn2erjzpgh9edc" type="hidden" name="form_build_id" value="form-zlkPsan2kFywvhiBaXzz8uWIGciVxcN2ERjZpGH9edc" /> <input data-drupal-selector="edit-openid-connect-login-form" type="hidden" name="form_id" value="openid_connect_login_form" /> <input data-drupal-selector="edit-origin-url" type="hidden" name="origin_url" value="/" /> </form> </div> </span> <a href="" class="btn-menu-expander link"> <span></span> <span></span> </a> <span class="adv-varnish-user-blocks-wrapper"> <div id="block-inamenuburger"> <div class="nav-holder"> <div class="d-lg-flex d-block ms-lg-5 ms-3 justify-content-between"> <div class="ms-lg-0 ms-3 d-none d-lg-block"> <div class="mb-lg-0 mb-4 beforePicto"><a class="link menuBurger " href="/ina-eclaire-actu" target="_self"><p>L'INA éclaire l'actu</p></a> </div> <div class="mb-lg-0 mb-4 beforePicto"><a class="link menuBurger " href="/actualites-ina" target="_self"><p>L'agenda et les actualités de l'INA</p></a> </div> <div class="mb-lg-0 mb-4 beforePicto"><a class="link menuBurger " href="/offres-et-services" target="_self"><p>Les offres et services de l'INA</p></a> </div> <div class="mb-lg-0 mb-4 beforePicto"><a class="link menuBurger " href="/institut-national-audiovisuel" target="_self"><p>L'Institut national de l'audiovisuel</p></a> </div> </div> <div> <a href="#" class="js-connexion"> <div class="btn btn-dark btn-menu-connexion"> <span class="btn__icon icon">Connexion <svg class="ms-lg-2 ms-4" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.30652 22.5478C5.30172 22.5662 5.29691 22.5846 5.292 22.603C7.583 24.797 10.57 26 13.75 26C16.929 26 19.916 24.797 22.207 22.603C22.201 22.5808 22.1951 22.5583 22.1892 22.5357C22.1794 22.4983 22.1696 22.4608 22.159 22.424C22.125 22.311 22.09 22.198 22.052 22.086C22.011 21.964 21.967 21.843 21.92 21.724C21.877 21.614 21.833 21.505 21.786 21.397C21.735 21.282 21.682 21.167 21.626 21.054C21.574 20.948 21.521 20.843 21.465 20.74C21.405 20.63 21.342 20.522 21.278 20.415C21.218 20.314 21.157 20.214 21.093 20.117C21.024 20.012 20.953 19.91 20.88 19.809C20.812 19.714 20.744 19.621 20.673 19.529C20.596 19.431 20.516 19.335 20.435 19.24L20.4349 19.2399C20.3599 19.1519 20.285 19.064 20.207 18.979C20.123 18.887 20.035 18.799 19.946 18.71C19.9359 18.6999 19.9258 18.6898 19.9157 18.6797C19.8448 18.6086 19.7735 18.5373 19.7 18.469C19.6246 18.3994 19.5466 18.3331 19.4686 18.2668C19.4514 18.2522 19.4342 18.2376 19.417 18.223C19.33 18.148 19.243 18.074 19.153 18.002C19.0732 17.9399 18.9914 17.8811 18.9098 17.8223C18.8902 17.8082 18.8706 17.7941 18.851 17.78C18.8257 17.762 18.8007 17.7439 18.7757 17.7259C18.7077 17.6768 18.6402 17.6281 18.57 17.582C18.4868 17.5265 18.4011 17.4748 18.3159 17.4234C18.2935 17.41 18.2712 17.3965 18.249 17.383C18.2219 17.3667 18.195 17.3502 18.1681 17.3338C18.0976 17.2907 18.0274 17.2478 17.955 17.208C17.871 17.1615 17.7847 17.1189 17.6987 17.0765C17.6701 17.0624 17.6415 17.0482 17.613 17.034C17.5854 17.0204 17.558 17.0066 17.5306 16.9928C17.4577 16.9561 17.3849 16.9194 17.31 16.886C17.2074 16.8398 17.1027 16.7988 16.9982 16.7579C16.9805 16.7509 16.9627 16.744 16.945 16.737C16.9175 16.726 16.8902 16.7148 16.8628 16.7036C16.7888 16.6733 16.715 16.643 16.639 16.616C16.5456 16.5832 16.4506 16.5546 16.3556 16.526C16.3204 16.5154 16.2852 16.5048 16.25 16.494C16.2158 16.4837 16.182 16.4731 16.1483 16.4625C16.0803 16.4412 16.0128 16.42 15.944 16.402C15.8196 16.3691 15.6928 16.3433 15.5664 16.3177C15.5506 16.3144 15.5348 16.3112 15.519 16.308C15.481 16.3002 15.4432 16.2915 15.4056 16.2829C15.3472 16.2696 15.289 16.2563 15.23 16.246C15.0908 16.2211 14.9501 16.205 14.8092 16.1889C14.7861 16.1863 14.7631 16.1837 14.74 16.181C14.7078 16.177 14.6758 16.1724 14.6437 16.1678C14.5951 16.1608 14.5464 16.1538 14.497 16.149C14.25 16.128 14 16.117 13.75 16.117C13.499 16.117 13.25 16.128 13.002 16.149C12.9526 16.1538 12.9039 16.1608 12.8553 16.1678C12.8232 16.1724 12.7912 16.177 12.759 16.181C12.7369 16.1836 12.7148 16.1861 12.6928 16.1886C12.5511 16.2048 12.4102 16.2209 12.27 16.246C12.2023 16.2572 12.1351 16.2727 12.0681 16.2882C12.039 16.2949 12.01 16.3017 11.981 16.308C11.9675 16.3107 11.954 16.3135 11.9406 16.3162C11.8111 16.3424 11.6818 16.3685 11.555 16.402C11.4906 16.4191 11.4273 16.4389 11.364 16.4588C11.3271 16.4704 11.2902 16.482 11.253 16.493C11.2188 16.5034 11.1845 16.5137 11.1502 16.5239C11.0529 16.5529 10.9553 16.582 10.86 16.616C10.7903 16.6406 10.722 16.6685 10.6536 16.6964C10.6218 16.7094 10.59 16.7223 10.558 16.735C10.5421 16.7413 10.5262 16.7476 10.5102 16.7538C10.4022 16.7964 10.2943 16.8389 10.188 16.886C10.1057 16.923 10.026 16.9635 9.94634 17.004C9.92924 17.0127 9.91214 17.0213 9.895 17.03L9.8949 17.03C9.77594 17.088 9.65697 17.146 9.542 17.209C9.48094 17.2427 9.4215 17.2788 9.36188 17.3151C9.32776 17.3358 9.29358 17.3566 9.259 17.377C9.147 17.444 9.036 17.511 8.927 17.582C8.85835 17.6278 8.79189 17.6757 8.72518 17.7238C8.70152 17.7409 8.67783 17.758 8.654 17.775C8.6382 17.7864 8.62237 17.7978 8.60654 17.8091C8.5182 17.8726 8.4298 17.9362 8.345 18.004C8.26711 18.0651 8.19158 18.1293 8.11561 18.1938C8.10575 18.2022 8.09588 18.2106 8.086 18.219C7.989 18.301 7.892 18.384 7.798 18.471C7.72423 18.5386 7.65361 18.6093 7.58265 18.6803C7.57378 18.6892 7.56489 18.6981 7.556 18.707L7.55596 18.707C7.46598 18.797 7.37699 18.886 7.291 18.979C7.22303 19.0531 7.1574 19.1304 7.09205 19.2073C7.08336 19.2176 7.07468 19.2278 7.066 19.238C6.984 19.334 6.903 19.431 6.825 19.53C6.75502 19.62 6.68804 19.713 6.62105 19.8059L6.621 19.806C6.547 19.909 6.475 20.012 6.405 20.118C6.342 20.214 6.282 20.313 6.222 20.412C6.157 20.52 6.094 20.63 6.033 20.741C5.978 20.844 5.925 20.947 5.874 21.052C5.818 21.166 5.764 21.281 5.713 21.398C5.666 21.505 5.622 21.614 5.579 21.723C5.532 21.843 5.489 21.963 5.447 22.085C5.409 22.197 5.374 22.31 5.34 22.424C5.32821 22.4649 5.31739 22.5063 5.30652 22.5478ZM26 13.75C26 6.996 20.504 1.5 13.75 1.5C6.995 1.5 1.5 6.996 1.5 13.75C1.5 16.522 2.422 19.165 4.122 21.318C4.13633 21.2804 4.1521 21.2442 4.16779 21.2081C4.17838 21.1838 4.18893 21.1596 4.199 21.135C4.242 21.026 4.287 20.918 4.334 20.811C4.399 20.662 4.468 20.514 4.54 20.369C4.591 20.265 4.643 20.162 4.698 20.06C4.775 19.915 4.858 19.774 4.942 19.634C4.95314 19.6156 4.96425 19.5971 4.97535 19.5787C5.02201 19.5012 5.06853 19.4239 5.117 19.348C5.21 19.205 5.309 19.066 5.408 18.928C5.42948 18.8984 5.45059 18.8686 5.47172 18.8387C5.51059 18.7838 5.54954 18.7288 5.591 18.675C5.705 18.526 5.826 18.383 5.948 18.24C5.97211 18.212 5.99547 18.1837 6.01881 18.1553C6.04969 18.1179 6.08054 18.0805 6.113 18.044C6.296 17.842 6.486 17.645 6.684 17.457C6.68738 17.4536 6.69124 17.4505 6.69522 17.4472C6.69947 17.4437 6.70387 17.4401 6.708 17.436C6.898 17.257 7.095 17.085 7.299 16.92C7.34592 16.8819 7.39468 16.8462 7.44373 16.8102C7.46681 16.7933 7.48996 16.7763 7.513 16.759C7.657 16.647 7.803 16.537 7.954 16.433C8.02361 16.385 8.09577 16.3396 8.16794 16.2941C8.18597 16.2828 8.20401 16.2714 8.222 16.26C8.361 16.17 8.501 16.081 8.646 15.998C8.72861 15.9495 8.81413 15.9038 8.89884 15.8586C8.91359 15.8507 8.92832 15.8429 8.943 15.835C9.085 15.759 9.228 15.686 9.373 15.616C9.477 15.566 9.583 15.519 9.688 15.473C9.835 15.409 9.982 15.349 10.131 15.292C10.24 15.25 10.35 15.21 10.46 15.172C10.613 15.12 10.767 15.073 10.922 15.027C10.9456 15.0202 10.9691 15.0134 10.9925 15.0065C11.0794 14.9812 11.1658 14.9561 11.254 14.934C11.417 14.893 11.583 14.858 11.749 14.825C11.7748 14.8196 11.8006 14.8142 11.8265 14.8087C11.9067 14.7917 11.9871 14.7746 12.068 14.761C12.253 14.729 12.44 14.707 12.627 14.686C12.6645 14.6819 12.7018 14.6772 12.739 14.6725C12.7932 14.6656 12.8471 14.6587 12.901 14.654C13.182 14.63 13.464 14.617 13.75 14.617C14.035 14.617 14.317 14.63 14.598 14.654C14.6519 14.6587 14.7058 14.6656 14.76 14.6725C14.7972 14.6772 14.8345 14.6819 14.872 14.686C15.059 14.707 15.246 14.729 15.431 14.761C15.5119 14.7746 15.5923 14.7917 15.6725 14.8087C15.6984 14.8142 15.7242 14.8196 15.75 14.825C15.917 14.858 16.082 14.893 16.245 14.934C16.3383 14.9575 16.431 14.9846 16.5235 15.0117C16.541 15.0168 16.5585 15.0219 16.576 15.027C16.732 15.073 16.887 15.12 17.04 15.172C17.149 15.21 17.258 15.25 17.367 15.291C17.516 15.349 17.664 15.409 17.811 15.473C17.8228 15.4782 17.8345 15.4834 17.8463 15.4886C17.9403 15.5303 18.0336 15.5716 18.126 15.616C18.272 15.686 18.415 15.759 18.557 15.835C18.5873 15.8515 18.6175 15.8678 18.6478 15.8842C18.7165 15.9212 18.785 15.9581 18.853 15.997C18.998 16.081 19.139 16.17 19.279 16.261C19.3036 16.2767 19.3282 16.2923 19.3529 16.3079C19.4175 16.3488 19.482 16.3896 19.545 16.433C19.697 16.537 19.844 16.648 19.99 16.761C20.0133 16.7787 20.0368 16.7961 20.0602 16.8136C20.1071 16.8484 20.154 16.8833 20.2 16.92C20.406 17.087 20.606 17.261 20.799 17.443C20.8015 17.4455 20.8042 17.4477 20.807 17.45C20.8097 17.4522 20.8125 17.4545 20.815 17.457C21.013 17.645 21.203 17.842 21.387 18.045C21.414 18.076 21.4403 18.1077 21.4665 18.1395C21.4927 18.1712 21.519 18.203 21.546 18.234C21.67 18.379 21.793 18.525 21.909 18.677C21.9511 18.7313 21.9909 18.7874 22.0308 18.8439C22.0498 18.8706 22.0687 18.8973 22.088 18.924C22.189 19.064 22.289 19.205 22.383 19.35C22.442 19.442 22.498 19.536 22.554 19.63C22.64 19.772 22.724 19.916 22.803 20.063C22.856 20.163 22.907 20.264 22.958 20.366C23.031 20.513 23.1 20.663 23.167 20.814C23.212 20.919 23.257 21.025 23.299 21.132C23.3098 21.1592 23.3215 21.1858 23.3332 21.2124C23.3486 21.2474 23.3639 21.2822 23.377 21.318C25.077 19.165 26 16.522 26 13.75ZM13.75 0C21.331 0 27.5 6.169 27.5 13.75C27.5 17.217 26.202 20.496 23.858 23.042L23.863 23.066L23.58 23.356L23.575 23.361L22.61 24.348L22.593 24.271C20.119 26.361 17.026 27.5 13.75 27.5C10.474 27.5 7.381 26.361 4.906 24.27L4.889 24.348L3.919 23.355C3.91771 23.3544 3.91683 23.3533 3.91584 23.3521C3.91529 23.3514 3.91471 23.3507 3.914 23.35L3.636 23.065L3.641 23.042C1.297 20.496 0 17.218 0 13.75C0 6.169 6.168 0 13.75 0ZM17.0865 8.6666C17.0865 6.8276 15.5895 5.3306 13.7495 5.3306C11.9095 5.3306 10.4135 6.8276 10.4135 8.6666C10.4135 10.5066 11.9095 12.0036 13.7495 12.0036C15.5895 12.0036 17.0865 10.5066 17.0865 8.6666ZM18.5865 8.6666C18.5865 11.3336 16.4165 13.5036 13.7495 13.5036C11.0825 13.5036 8.9135 11.3336 8.9135 8.6666C8.9135 5.9996 11.0825 3.8306 13.7495 3.8306C16.4165 3.8306 18.5865 5.9996 18.5865 8.6666Z" fill="white"/> </svg> </span> </div> </a> <div class="ms-lg-0 ms-3 d-block d-lg-none"> <div class="mb-lg-0 mb-4"><a class="link menuBurger " href="/ina-eclaire-actu" target="_self"><p>L'INA éclaire l'actu</p></a> </div> <div class="mb-lg-0 mb-4"><a class="link menuBurger " href="/actualites-ina" target="_self"><p>L'agenda et les actualités de l'INA</p></a> </div> <div class="mb-lg-0 mb-4"><a class="link menuBurger " href="/offres-et-services" target="_self"><p>Les offres et services de l'INA</p></a> </div> <div class="mb-lg-0 mb-4"><a class="link menuBurger " href="/institut-national-audiovisuel" target="_self"><p>L'Institut national de l'audiovisuel</p></a> </div> </div> <div class="d-lg-flex justify-content-between" style="min-width: 360px"> <div class="ms-lg-0 ms-3 mt-lg-0 mt-5 text-lg-end links-menu-burger"> <div class="beforePicto"><a class="link linkMenu" href="/nous-rejoindre" target="_self"><p>Nous rejoindre</p></a> </div> <div class="beforePicto"><a class="link linkMenu" href="/contact" target="_self"><p>Nous contacter</p></a> </div> <div class="beforePicto"><a class="link linkMenu" href="/inscription-newsletters" target="_self"><p>S'inscrire à la newsletter</p></a> </div> <div class="beforePicto"><a class="link linkMenu" href="/centre-aide" target="_self"><p>Centre d'aide </p></a> </div> <div class="beforePicto"><a class="link linkMenu" href="https://presse.ina.fr/" target="_blank"><p>Presse</p></a> </div> </div> <div class="d-lg-block d-none" style="width: 1.5px; background: #F2F2F2"></div> <div class="d-lg-none d-block ms-3 me-3 mt-2 mb-3" style="height: 1.5px; background: #F2F2F2"></div> <div class="ms-lg-0 ms-3 text-lg-end links-menu-burger"> <div class="beforePicto"><a class="link linkMenu picto-galaxie-ina" href="/galaxie-ina" target="_self"><p>Galaxie INA</p></a> </div> <div class="beforePicto"><a class="link linkMenu " href="/institut-national-audiovisuel/international-affairs" target="_self"><p>International (EN)</p></a> </div> <div class="beforePicto"><a class="link linkMenu " href="https://podcasts.ina.fr/" target="_blank"><p>INA Podcasts</p></a> </div> </div> </div> </div> </div> </div> <div id="slideOverlay" class="slide-overlay hidden-xs" data-panel="#slideOverlay"></div> </div> </span> </div> </div> </div> </div> </div> <section class="wrapper__inner"> <div class="main-alt"> <div> <div data-drupal-messages-fallback class="hidden"></div><div id="block-hub-content"> <h1 class="visually-hidden">INA : Institut national de l'audiovisuel</h1> <div> <div><div class="container-fluid accordeon position-relative gtm-print-list"> <div class="container-fluid accordeon position-relative d-none d-lg-block"> <a href="/ina-eclaire-actu/camp-de-concentration-struthof-alsace-80e-anniversaire-commemoration-deporte-nazisme" target="_self" class="content-une cardAccordeon activeAccordeon"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/720x720/225/R21251949.jpeg" data-cache-rev="162088"style="background-size: cover; filter: brightness(0.7);height: inherit"></div> <div class="number-une d-inline-block d-lg-none">01</div> <h2 class="title-une title-une--big "> «En arrivant au Struthof, je me suis retrouvé aux portes de l’Enfer» <div class="dateAgenda mt-3"></div> <div class="texte-une visibleCard "> <div class="retour"> </div> <div class=""> <div class="btn btn-voir-une"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" fill="black" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z"/> </svg> <span class="ms-3">Regarder </span> </div> </div> </div> </h2> </a> <a href="/ina-eclaire-actu/violence-faite-aux-femmes-1975-violence-conjugale-femmes-battues" target="_self" class="content-une cardAccordeon inactiveAccordeon"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/720x720/31c/I22027367.jpeg" data-cache-rev="162145"style="background-size: cover; filter: brightness(0.7);height: inherit"></div> <div class="number-une d-inline-block d-lg-none">02</div> <h2 class="title-une title-une--big title-une--small"> Comment la violence faite aux femmes était évoquée en 1975 <div class="dateAgenda mt-3"></div> <div class="texte-une visibleCard hiddenCard"> <div class="retour"> </div> <div class=""> <div class="btn btn-voir-une"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" fill="black" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z"/> </svg> <span class="ms-3">Regarder </span> </div> </div> </div> </h2> </a> <a href="/ina-eclaire-actu/2010-yves-coppens-raconte-pourquoi-lucy-s-appelle-lucy" target="_self" class="content-une cardAccordeon inactiveAccordeon"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/720x720/18e/R19324647.jpeg" data-cache-rev="162190"style="background-size: cover; filter: brightness(0.7);height: inherit"></div> <div class="number-une d-inline-block d-lg-none">03</div> <h2 class="title-une title-une--big title-une--small"> 2010 : Yves Coppens raconte pourquoi Lucy s'appelle Lucy <div class="dateAgenda mt-3"></div> <div class="texte-une visibleCard hiddenCard"> <div class="retour"> </div> <div class=""> <div class="btn btn-voir-une"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" fill="black" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z"/> </svg> <span class="ms-3">Regarder </span> </div> </div> </div> </h2> </a> </div>  <div class="position-relative accordeon d-block d-lg-none"> <div class="swiper swiper-container swiper-container-common" d-role="carrousel"> <div class="swiper-wrapper"> <div class="swiper-slide content-une--first"> <a href="/ina-eclaire-actu/camp-de-concentration-struthof-alsace-80e-anniversaire-commemoration-deporte-nazisme" target="_self" style="width: 100%"> <div class="content-une-img--mobile lozad" data-background-image="https://cdn-hub.ina.fr/notice/720x720/225/R21251949.jpeg" data-cache-rev="162088" style="background-size: cover; width: 100%; height: 560px; background-repeat: no-repeat; filter: brightness(0.7);"></div> <div class="title-une title-une--mobile"> «En arrivant au Struthof, je me suis retrouvé aux portes de l’Enfer» <div class="dateAgenda mt-3"></div> <div class="texte-une texte-une--mobile"> <div class="retour">    </div> <div class=""> <div class="btn btn-voir-une"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" fill="black" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z"/> </svg> <span class="ms-3">Regarder </span> </div> </div> </div> </div> </a> </div> <div class="swiper-slide content-une--second"> <a href="/ina-eclaire-actu/violence-faite-aux-femmes-1975-violence-conjugale-femmes-battues" target="_self" style="width: 100%"> <div class="content-une-img--mobile lozad" data-background-image="https://cdn-hub.ina.fr/notice/720x720/31c/I22027367.jpeg" data-cache-rev="162145" style="background-size: cover; width: 100%; height: 560px; background-repeat: no-repeat; filter: brightness(0.7);"></div> <div class="title-une title-une--mobile"> Comment la violence faite aux femmes était évoquée en 1975 <div class="dateAgenda mt-3"></div> <div class="texte-une texte-une--mobile"> <div class="retour">    </div> <div class=""> <div class="btn btn-voir-une"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" fill="black" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z"/> </svg> <span class="ms-3">Regarder </span> </div> </div> </div> </div> </a> </div> <div class="swiper-slide content-une--third"> <a href="/ina-eclaire-actu/2010-yves-coppens-raconte-pourquoi-lucy-s-appelle-lucy" target="_self" style="width: 100%"> <div class="content-une-img--mobile lozad" data-background-image="https://cdn-hub.ina.fr/notice/720x720/18e/R19324647.jpeg" data-cache-rev="162190" style="background-size: cover; width: 100%; height: 560px; background-repeat: no-repeat; filter: brightness(0.7);"></div> <div class="title-une title-une--mobile"> 2010 : Yves Coppens raconte pourquoi Lucy s'appelle Lucy <div class="dateAgenda mt-3"></div> <div class="texte-une texte-une--mobile"> <div class="retour">    </div> <div class=""> <div class="btn btn-voir-une"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" fill="black" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z"/> </svg> <span class="ms-3">Regarder </span> </div> </div> </div> </div> </a> </div> </div> <div class="swiper-pagination"></div> </div> </div> <div class="blocArticle"> <div class="btn btn-suivre-une"> <a href="/ina-eclaire-actu" target="_self"> <span>L'INA <em>éclaire </em>l'actu <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="black"/> </svg> </span> </a> </div> </div> <div class="d-none d-sm-block "> <div class="position-absolute filigraneUne outline d-none d-sm-block"></div> </div> </div> </div> <div> <div class="blockMadelen position-relative gtm-print-list "> <div class="block-hub"> <div class="row pt-5"> <div class="col-sm-8 col-12"> <h2 class="title-bloc "><em>madelen</em>, la plateforme à remonter le temps </h2> <div class="texte-bloc">Séries et fictions, documentaires, spectacles et concerts, émissions cultes en illimité... Sur le service de vidéo par abonnement de l’Ina </div> </div> <div class="col-sm-4 col-12 d-flex align-items-end justify-content-end"> <div class="d-sm-block d-none"> <a href="https://madelen.ina.fr/" target="_blank"> <button class="btn btn-profiter btn-block-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="#000"/> </svg>    Découvrez madelen </button> </a> </div> </div> </div> </div> <div class="block-slider mt-5" style="background: #ededed"> <div class="swiper-container-madelen position-relative swiper-jwp" style="background: #ededed" d-role="carrousel" carrousel-config="slide-madelen"> <div class="swiper-wrapper position-relative"> <div class="swiper-slide"> <a href="https://madelen.ina.fr/content/abel-gance-et-son-napoleon-103785" target="_blank"> <img class="img-fluid swiper-img lozad" data-src="https://otto-static.cdn.vodfactory.com/pictures/program/1078844/conversions/799c7b1306752a2af908903b0151a345-orange.jpg" alt="Abel Gance et son "Napoléon""> </a> </div> <div class="swiper-slide"> <a href="https://madelen.ina.fr/content/le-cinema-de-jean-pierre-leaud-109036" target="_blank"> <img class="img-fluid swiper-img lozad" data-src="https://otto-static.cdn.vodfactory.com/pictures/program/1068923/conversions/a2325b855c9412f7b78f29774fc39acf-orange.jpg" alt="Le Cinéma de Jean-Pierre Léaud"> </a> </div> <div class="swiper-slide"> <a href="https://madelen.ina.fr/content/piaf-intime-72729" target="_blank"> <img class="img-fluid swiper-img lozad" data-src="https://otto-static.cdn.vodfactory.com/pictures/program/558059/conversions/a77762ae9611061e2b583a561a8c3638-orange.jpg" alt="Piaf intime"> </a> </div> <div class="swiper-slide"> <a href="https://madelen.ina.fr/content/orgueil-et-prejuges-104284" target="_blank"> <img class="img-fluid swiper-img lozad" data-src="https://otto-static.cdn.vodfactory.com/pictures/program/1072990/conversions/a2bfe4dcfe2174561a8f1a9dc0bdffc7-orange.jpg" alt="Orgueil et Préjugés"> </a> </div> <div class="swiper-slide"> <a href="https://madelen.ina.fr/content/cycle-chantal-akerman-cinema-television-1288" target="_blank"> <img class="img-fluid swiper-img lozad" data-src="https://otto-static.cdn.vodfactory.com/pictures/selection/1066058/conversions/000122-1730888835576-09e9015ce1c859963687d4ccd4e20bfa6c2638d86db81c8b13257528bb231a2e1a97eb088e989f710b2a55273f729f50a02692f6a46884f6abe42eba3f278946-orange.jpeg" alt="Cycle Chantal Akerman, cinéma & télévision"> </a> </div> </div> <div class="d-none d-md-block"> <div class="swiper-button-next"> <svg width="45" height="39" viewBox="0 0 45 39" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M45 19.7667C45 19.5096 44.946 19.2577 44.8483 19.0237C44.7506 18.7923 44.6117 18.5815 44.4343 18.4041L27.126 1.0982C26.3726 0.344872 25.1511 0.344872 24.3977 1.0982C23.6443 1.85152 23.6443 3.07278 24.3977 3.8261L38.4146 17.8384L1.92857 17.8384C0.864 17.8384 0 18.7023 0 19.7667C0 20.8312 0.864 21.6951 1.92857 21.6951L38.4146 21.6951L24.3977 35.71C23.6443 36.4633 23.6443 37.682 24.3977 38.4353C24.7757 38.8132 25.2669 39.0009 25.7631 39.0009C26.2569 39.0009 26.748 38.8132 27.126 38.4353L44.4343 21.1294C44.6117 20.952 44.7506 20.7412 44.8483 20.5098C44.946 20.2758 45 20.0239 45 19.7667Z" fill="black"/> </svg> </div> <div class="swiper-button-prev"> <svg width="45" height="39" viewBox="0 0 45 39" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M45 19.7667C45 19.5096 44.946 19.2577 44.8483 19.0237C44.7506 18.7923 44.6117 18.5815 44.4343 18.4041L27.126 1.0982C26.3726 0.344872 25.1511 0.344872 24.3977 1.0982C23.6443 1.85152 23.6443 3.07278 24.3977 3.8261L38.4146 17.8384L1.92857 17.8384C0.864 17.8384 0 18.7023 0 19.7667C0 20.8312 0.864 21.6951 1.92857 21.6951L38.4146 21.6951L24.3977 35.71C23.6443 36.4633 23.6443 37.682 24.3977 38.4353C24.7757 38.8132 25.2669 39.0009 25.7631 39.0009C26.2569 39.0009 26.748 38.8132 27.126 38.4353L44.4343 21.1294C44.6117 20.952 44.7506 20.7412 44.8483 20.5098C44.946 20.2758 45 20.0239 45 19.7667Z" fill="black"/> </svg> </div> </div> <div class="d-md-none d-block"> <div class="swiper-button-next"> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.3333 9.99983C23.3333 9.86616 23.3053 9.73516 23.2547 9.61351C23.204 9.49321 23.132 9.38359 23.04 9.29136L14.0653 0.293749C13.6747 -0.0979164 13.0413 -0.0979164 12.6507 0.293749C12.26 0.685414 12.26 1.32037 12.6507 1.71203L19.9187 8.99728L1 8.99728C0.448 8.99728 0 9.44642 0 9.99983C0 10.5532 0.448 11.0024 1 11.0024L19.9187 11.0024L12.6507 18.289C12.26 18.6806 12.26 19.3142 12.6507 19.7059C12.8467 19.9024 13.1013 20 13.3587 20C13.6147 20 13.8693 19.9024 14.0653 19.7059L23.04 10.7083C23.132 10.6161 23.204 10.5065 23.2547 10.3862C23.3053 10.2645 23.3333 10.1335 23.3333 9.99983Z" fill="black"/> </svg> </div> <div class="swiper-button-prev "> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.3333 9.99983C23.3333 9.86616 23.3053 9.73516 23.2547 9.61351C23.204 9.49321 23.132 9.38359 23.04 9.29136L14.0653 0.293749C13.6747 -0.0979164 13.0413 -0.0979164 12.6507 0.293749C12.26 0.685414 12.26 1.32037 12.6507 1.71203L19.9187 8.99728L1 8.99728C0.448 8.99728 0 9.44642 0 9.99983C0 10.5532 0.448 11.0024 1 11.0024L19.9187 11.0024L12.6507 18.289C12.26 18.6806 12.26 19.3142 12.6507 19.7059C12.8467 19.9024 13.1013 20 13.3587 20C13.6147 20 13.8693 19.9024 14.0653 19.7059L23.04 10.7083C23.132 10.6161 23.204 10.5065 23.2547 10.3862C23.3053 10.2645 23.3333 10.1335 23.3333 9.99983Z" fill="black"/> </svg> </div> </div> </div> </div> <div class="blockMadelen position-relative pb-3"> <div class="d-block d-sm-none d-flex justify-content-center"> <a href="https://madelen.ina.fr/" target="_blank"> <button class="btn btn-profiter btn-block-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="#000"/> </svg>    Découvrez madelen </button> </a> </div> </div> <div class="blockOverflow"> <span class="outline d-xl-block text-end outlineMadelen"></span> </div> </div> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">Les plus <em>consultés </em>en ce moment</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/mercosur-agriculture-france-elevage-poulet-bresil" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/3a6/CAA8300125701.jpeg" data-cache-rev="161890" alt=""> <div class="title-bloc-small mt-4 mb-4">1983 : la guerre du poulet débute entre les éleveurs français et brésiliens</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Une partie des agriculteurs se mobilisent pour dénoncer la concurrence déloyale que fait peser sur eux l’accord du Mercosur, avec, en toile de fond, la crainte d'une casse sociale. La concurrence internationale a débuté bien avant le lancement de la réflexion sur le Mercosur en 1999. Dès les années 1980, les éleveurs de volailles dénonçaient une concurrence déloyale avec le Brésil utilisant un argumentaire assez proche de celui d'aujourd'hui. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/proces-aix-en-provence-gisele-halimi-crime-viol-1978-1980" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/200/CAB7601246901.jpeg" data-cache-rev="155791" alt=""> <div class="title-bloc-small mt-4 mb-4">La médiatisation du procès pour viols d'Aix-en-Provence en 78, un tournant majeur en France </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Gisèle Pélicot, violée et droguée à son insu pendant 10 ans par son mari, a demandé à ce que le procès de ses agresseurs ne se fasse pas à huis clos. Une position qui vise à faire « changer de camp » la honte. En 1978, Anne Tonglet et Araceli Castellano, soutenues par l'avocate Gisèle Halimi, avaient accepté, elles aussi, la publicité du procès de leurs agresseurs.  </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/zoos-humains-pascal-blanchard-xix-kalina" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/1ce/MAN1729585266.jpeg" data-cache-rev="158617" alt=""> <div class="title-bloc-small mt-4 mb-4">L’histoire des zoos humains, du début du XIXe à l’entre-deux-guerres</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Des descendants de Kali’na, Amérindiens de Guyane et du Suriname exhibés comme des sauvages à Paris en 1892, réclament la restitution des restes de leurs ancêtres conservés au musée de l’Homme. Comme eux, des dizaines de milliers de personnes ont été ainsi exposées dans des zoos humains dans le monde, du début du XIXe siècle à l’entre-deux-guerres. Pour l’INA, l'historien spécialiste du fait colonial, Pascal Blanchard, décrypte ce phénomène. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <a href="https://enseignants.lumni.fr/fiche-media/00000006158/madeleine-20-ans-resistante-1-le-choix-de-la-lutte.html" target="_blank" class="children-link"> <div class="block-hub block-hub--zoom marginTop6"> <div class="d-flex justify-content-between align-content-center flex-wrap flex-row-reverse " style="background: #ffe900; color: Black;"> <div class="d-flex align-items-center firstBloc"> <div class="firstBlocMargin"> <h2 class="title-bloc-medium mt-2 widthBloc widthBloc--pleineLargeur"> Madeleine, 20 ans, résistante </h2> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mt-2 widthBloc widthBloc--pleineLargeur"> LUMNI ENSEIGNEMENT - Madeleine, 20 ans, résistante est une web-série d'animation en deux volets sur une combattante hors norme de la Seconde Guerre mondiale qui vient de nous quitter : Madeleine Riffaud.  </div> <div class="mt-3 contentBtn"> <div class="blocArticle"> <div class="btn-n2"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle">Voir sur <em>Lumni enseignement</em></span> </button> </div> </div> </div> </div> </div> <div class="d-flex align-items-center mt-4 mt-lg-0 secondBloc" style="background: #ffe900"> <div class="centerDiv d-none d-lg-block"> <div class="ContImg" style="width: 448px; height: 448px; transform: rotate(0deg);"> <div class="lozad" data-background-image="/hub-p/public/styles/crop_scale_450x450/public/2024-11/Visuel_MR_EP01.jpg?h=31979cc6&itok=xJtexPqA" data-cache-rev="" style="top: -1px; left: -1px; width: 450px; height: 450px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 450px 450px;cursor:pointer;"></div> </div> </div> <div class="centerDiv d-block d-lg-none" style="margin-top:-60px"> <div class="ContImg" style="width: 298px; height: 298px; transform: rotate(0deg);"> <div class="lozad" data-background-image="/hub-p/public/styles/crop_scale_450x450/public/2024-11/Visuel_MR_EP01.jpg?h=31979cc6&itok=xJtexPqA" data-cache-rev="" style="top: -1px; left: -1px; width: 300px; height: 300px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 300px 300px;cursor:pointer;"></div> </div> </div> </div> </div> </div> </a> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">La <em>40e campagne</em> des Restos du cœur</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <a href="/ina-eclaire-actu/1986-coluche-raconte-l-origine-des-restos-du-coeur" target="_self" class="children-link"> <div class="bloc-contenu "> <div class="mt-sm-0 mt-4 block-hub-border widthBlocEncadre"> <div class="d-flex flex-sm-row flex-column-reverse justify-content-between "> <div class="maxWidth360"> <div class="d-flex flex-column bd-highlight mb-3" style="height: calc(100%); min-height: 165px;"> <div class="title-bloc-small mt-3 mt-sm-0">Coluche raconte l'origine des Restos du Cœur </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc texte-bloc--padding-right mt-5"> La 40e campagne hivernale des Restos du Cœur débute le 19 novembre. Lancée en 1985 par Coluche, la distribution de repas a connu une forte progression et les demandes d'aide alimentaire qui devaient être temporaire explosent. Coluche raconte ici la genèse de sa démarche et les débuts de son association caritative. </div> <div class="mt-sm-auto mt-5 d-flex justify-content-end pe-3 text-align-right childUrl"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </div> </div> <div class="divCenter"> <img class="lozad img-fluid" data-src="https://cdn-hub.ina.fr/notice/360x270/364/I16167160.jpeg" data-cache-rev="161638" alt=""> </div> </div> </div> <div class="separatorVertical separatorVertical--blocContenu"> </div> </div> </a> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/restos-du-coeur-coluche-inauguration-chapiteau-gennevilliers-1985" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/0d5/CAB85114010.jpeg" data-cache-rev="161644" alt=""> <div class="title-bloc-small mt-4 mb-4">En 1985, Coluche lance la première campagne des Restos du Cœur sous un chapiteau à Gennevilliers</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> La 40e campagne des Restos du Cœur débute le 19 novembre à Gennevilliers (Hauts-de-Seine). C'est là que Coluche avait installé le chapiteau originel. Retour sur les lieux le 21 décembre 1985, le jour du lancement de l'opération caritative. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <a href="/actualites-ina/passe-compose-figures-du-siecle-grands-entretiens" target="_self" class="children-link"> <div class="block-hub block-hub--zoom marginTop6"> <div class="d-flex justify-content-between align-content-center flex-wrap flex-row-reverse " style="background: #0086b1; color: white;"> <div class="d-flex align-items-center firstBloc"> <div class="firstBlocMargin"> <h2 class="title-bloc-medium mt-2 widthBloc widthBloc--pleineLargeur"> «Passé composé, figures du siècle» : l’INA construit la mémoire de demain </h2> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mt-2 widthBloc widthBloc--pleineLargeur"> Construire la mémoire de demain avec les témoignages des personnalités qui ont marqué l’histoire contemporaine : telle est l’ambition de «Passé composé, figures du siècle», une série d'entretiens filmés par l’INA et désormais accessibles à tous. </div> <div class="mt-3 contentBtn"> <div class=""> <div class="btn-n2"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle">Regarder </span> </button> </div> </div> </div> </div> </div> <div class="d-flex align-items-center mt-4 mt-lg-0 secondBloc" style="background: #0086b1"> <div class="centerDiv d-none d-lg-block"> <div class="ContImg" style="width: 448px; height: 448px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/450x450/226/article-corporate_d8f54f69-6349-4c8b-a75b-45dba75353dc.jpeg" data-cache-rev="158149" style="top: -1px; left: -1px; width: 450px; height: 450px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 450px 450px;cursor:pointer;"></div> </div> </div> <div class="centerDiv d-block d-lg-none" style="margin-top:-60px"> <div class="ContImg" style="width: 298px; height: 298px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/450x450/226/article-corporate_d8f54f69-6349-4c8b-a75b-45dba75353dc.jpeg" data-cache-rev="158149" style="top: -1px; left: -1px; width: 300px; height: 300px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 300px 300px;cursor:pointer;"></div> </div> </div> </div> </div> </div> </a> </div> <div> <a href="/ina-eclaire-actu/bernadette-despres-tom-tom-et-nana-dessinatrice-bande-dessinee-rire-enfant" target="_self" class="children-link"> <div class="block-hub block-hub--zoom marginTop6"> <div class="d-flex justify-content-between align-content-center flex-wrap flex-row-reverse " style="background: #ffe900; color: Black;"> <div class="d-flex align-items-center firstBloc"> <div class="firstBlocMargin"> <h2 class="title-bloc-medium mt-2 widthBloc widthBloc--pleineLargeur"> Bernadette Després, l’espiègle dessinatrice de «Tom Tom et Nana» qui inspirait des bêtises aux enfants </h2> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mt-2 widthBloc widthBloc--pleineLargeur"> Bernadette Després, dessinatrice de BD, est morte à 83 ans. Pendant près de 30 ans, elle a donné vie à «Tom-Tom et Nana», deux gamins espiègles, pas avares de bêtises. Les archives dévoilent le portrait d'une femme, qui comme ses petits héros du quotidien, adorait la vie et les rires. </div> <div class="mt-3 contentBtn"> <div class=""> <div class="btn-n2"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle">Regarder </span> </button> </div> </div> </div> </div> </div> <div class="d-flex align-items-center mt-4 mt-lg-0 secondBloc" style="background: #ffe900"> <div class="centerDiv d-none d-lg-block"> <div class="ContImg" style="width: 448px; height: 448px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/450x450/3fd/R24325398.jpeg" data-cache-rev="162211" style="top: -1px; left: -1px; width: 450px; height: 450px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 450px 450px;cursor:pointer;"></div> </div> </div> <div class="centerDiv d-block d-lg-none" style="margin-top:-60px"> <div class="ContImg" style="width: 298px; height: 298px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/450x450/3fd/R24325398.jpeg" data-cache-rev="162211" style="top: -1px; left: -1px; width: 300px; height: 300px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 300px 300px;cursor:pointer;"></div> </div> </div> </div> </div> </div> </a> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-right"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">L'élection du <em>président </em>américain</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/donald-trump-president-etats-unis-premier-mandat" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/320/7389104_001_015.jpeg" data-cache-rev="161266" alt=""> <div class="title-bloc-small mt-4 mb-4">Le premier mandat de Donald Trump en dix archives</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> À l'issue de l'élection du 5 novembre dernier, Donald Trump a été élu président des États-Unis face à Kamala Harris. Il devrait être investi le 20 janvier prochain. En attendant, retour en archives sur son premier mandat, de 2017 et 2021. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/elections-americains-donald-trump-2016" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/3ff/MAN1730406270.jpeg" data-cache-rev="161263" alt=""> <div class="title-bloc-small mt-4 mb-4">9 novembre 2016 : la surprise de l'élection de Trump dans les matinales</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> L'ancien président Donald Trump est réélu à la tête des États-Unis. En 2016, son élection n'avait pas été prévue par les sondages. La surprise de l'arrivée du magnat de l'immobilier à la tête des États-Unis avait fait l'effet d'une bombe. En France, les résultats étaient tombés à l'heure des matinales. Fabienne Sintes, Mathieu Coache et Patrick Cohen étaient à l'antenne ce jour-là, ils nous racontent.  </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/donald-trump-milliardaire-new-york-immobilier-faillite-divorce-yacht-casino" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/1d6/CAG05070842.jpeg" data-cache-rev="161260" alt=""> <div class="title-bloc-small mt-4 mb-4">De la fortune à la banqueroute : comment Donald Trump a forgé sa force de caractère</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Le 5 novembre 2024, Donald Trump a été élu pour la seconde fois à la tête des États-Unis. Ce pari fou - et réussi - est à l'image de la façon dont le milliardaire mégalomane mène sa vie depuis les années 1990 : avec insolence, autosatisfaction et une bonne dose de chance. Retour en archives sur les débuts de son ascension. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">Au menu : poulet <em>brésilien</em> et pomme <em>chilienne</em></h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <a href="/ina-eclaire-actu/mercosur-agriculture-france-elevage-poulet-bresil" target="_self" class="children-link"> <div class="bloc-contenu "> <div class="mt-sm-0 mt-4 block-hub-border widthBlocEncadre"> <div class="d-flex flex-sm-row flex-column-reverse justify-content-between "> <div class="maxWidth360"> <div class="d-flex flex-column bd-highlight mb-3" style="height: calc(100%); min-height: 165px;"> <div class="title-bloc-small mt-3 mt-sm-0">1983 : la guerre du poulet débute entre les éleveurs français et brésiliens</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc texte-bloc--padding-right mt-5"> Une partie des agriculteurs se mobilisent pour dénoncer la concurrence déloyale que fait peser sur eux l’accord du Mercosur, avec, en toile de fond, la crainte d'une casse sociale. La concurrence internationale a débuté bien avant le lancement de la réflexion sur le Mercosur en 1999. Dès les années 1980, les éleveurs de volailles dénonçaient une concurrence déloyale avec le Brésil utilisant un argumentaire assez proche de celui d'aujourd'hui. </div> <div class="mt-sm-auto mt-5 d-flex justify-content-end pe-3 text-align-right childUrl"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </div> </div> <div class="divCenter"> <img class="lozad img-fluid" data-src="https://cdn-hub.ina.fr/notice/360x270/3a6/CAA8300125701.jpeg" data-cache-rev="161890" alt=""> </div> </div> </div> <div class="separatorVertical separatorVertical--blocContenu"> </div> </div> </a> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/agriculture-libre-echange-arboriculteur-pommes-manifestation-france-communaute-europeenne-chili-concurrence" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/1d2/MAC8809101257.jpeg" data-cache-rev="162334" alt=""> <div class="title-bloc-small mt-4 mb-4">Concurrence internationale : dans les années 1990, le symbole des pommes chiliennes </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Les agriculteurs français, emmenés principalement par la FNSEA, protestent depuis le 18 novembre contre l’accord de libre-échange entre l’Union européenne (UE) et les pays latino-américains du Mercosur (Brésil, Argentine, Paraguay, Uruguay). Ce secteur professionnel alerte depuis plusieurs décennies sur les conséquences de la multiplication d'accords de libre-échange. Exemple avec le cas de l'importation de pommes chiliennes au tournant des années 1990. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">Fairouz <em>90 ans </em>de talent</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <a href="/ina-eclaire-actu/beyrouth-liban-chanson-fairouz-fayrouz-arabe-tube-concert-bercy" target="_self" class="children-link"> <div class="bloc-contenu "> <div class="mt-sm-0 mt-4 block-hub-border widthBlocEncadre"> <div class="d-flex flex-sm-row flex-column-reverse justify-content-between "> <div class="maxWidth360"> <div class="d-flex flex-column bd-highlight mb-3" style="height: calc(100%); min-height: 165px;"> <div class="title-bloc-small mt-3 mt-sm-0">En 1988 à Paris, Fairouz chantait pour Beyrouth, ville martyre</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc texte-bloc--padding-right mt-5"> L’État d'Israël mène une guerre destructrice contre le Hezbollah au Liban et dans certains quartiers de Beyrouth. Des centaines de victimes civiles, dont des enfants, sont à déplorer. Rendons hommage à la capitale libanaise en écoutant la plus grande chanteuse du monde arabe, Fairouz, qui n'a jamais quitté la ville lors de la guerre civile de 1975 à 1990. </div> <div class="mt-sm-auto mt-5 d-flex justify-content-end pe-3 text-align-right childUrl"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </div> </div> <div class="divCenter"> <img class="lozad img-fluid" data-src="https://cdn-hub.ina.fr/notice/360x270/281/CAA88039893.jpeg" data-cache-rev="162163" alt=""> </div> </div> </div> <div class="separatorVertical separatorVertical--blocContenu"> </div> </div> </a> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/liban-fairouz-chanteuse-chanson-liban" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/218/CAB88039934.jpeg" data-cache-rev="162166" alt=""> <div class="title-bloc-small mt-4 mb-4">Fairouz en 1988, «l'ambassadrice du Liban auprès des étoiles»</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> La chanteuse libanaise Fairouz (qu'on peut aussi écrire Fayrouz) fête ses 90 ans le 21 novembre 2024. L'artiste est un monument des mélopées arabes depuis des décennies dans son pays. Elle chante inlassablement l'amour et la paix pour son pays, le Liban. En 1988, Antenne 2 dressait son portrait à l'occasion d'un concert à Bercy.  </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <a href="/ina-eclaire-actu/violences-faites-aux-femmes-lente-evolution-societe" target="_self" class="children-link"> <div class="block-hub block-hub--zoom marginTop6"> <div class="d-flex justify-content-between align-content-center flex-wrap flex-row-reverse " style="background: #ffe900; color: Black;"> <div class="d-flex align-items-center firstBloc"> <div class="firstBlocMargin"> <h2 class="title-bloc-medium mt-2 widthBloc widthBloc--pleineLargeur"> Violences faites aux femmes : une lente évolution </h2> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mt-2 widthBloc widthBloc--pleineLargeur"> Lundi 25 novembre, c'est la journée internationale pour l'élimination de la violence à l'égard des femmes. À cette occasion, les journalistes de l'émission «INAttendu» s'intéressent au point de vue des hommes violents et reçoivent Mathieu Palain, journaliste et romancier. </div> <div class="mt-3 contentBtn"> <div class=""> <div class="btn-n2"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle">Regarder </span> </button> </div> </div> </div> </div> </div> <div class="d-flex align-items-center mt-4 mt-lg-0 secondBloc" style="background: #ffe900"> <div class="centerDiv d-none d-lg-block"> <div class="ContImg" style="width: 448px; height: 448px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/450x450/173/S1368227_001.jpeg" data-cache-rev="162361" style="top: -1px; left: -1px; width: 450px; height: 450px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 450px 450px;cursor:pointer;"></div> </div> </div> <div class="centerDiv d-block d-lg-none" style="margin-top:-60px"> <div class="ContImg" style="width: 298px; height: 298px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/450x450/173/S1368227_001.jpeg" data-cache-rev="162361" style="top: -1px; left: -1px; width: 300px; height: 300px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 300px 300px;cursor:pointer;"></div> </div> </div> </div> </div> </div> </a> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">Chantal Akerman, le <em>cinéma</em> au féminin</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <a href="/actualites-ina/chantal-akerman-exposition-jeu-de-paume-cinema" target="_self" class="children-link"> <div class="bloc-contenu "> <div class="mt-sm-0 mt-4 block-hub-border widthBlocEncadre"> <div class="d-flex flex-sm-row flex-column-reverse justify-content-between "> <div class="maxWidth360"> <div class="d-flex flex-column bd-highlight mb-3" style="height: calc(100%); min-height: 165px;"> <div class="title-bloc-small mt-3 mt-sm-0">«Chantal Akerman parle à chacun d’entre nous»</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc texte-bloc--padding-right mt-5"> <strong>EXPOSITION - </strong>Avec « Chantal Akerman. Travelling », le Jeu de Paume met à l’honneur le travail de la cinéaste, artiste et écrivaine belge Chantal Akerman. Partenaire de l’événement, l’INA s’est entretenu avec Marta Ponsa, co-commissaire de l’exposition. Entretien. </div> <div class="mt-sm-auto mt-5 d-flex justify-content-end pe-3 text-align-right childUrl"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </div> </div> <div class="divCenter"> <img class="lozad img-fluid" data-src="https://cdn-hub.ina.fr/page_hub/360x270/3ac/article-corporate_068f48df-9e6f-4580-8bae-135e49dfad58.jpeg" data-cache-rev="159565" alt="Le sourire de Chantal Akerman, réalisatrice de «&nbsp;Jeanne Dielman, 23 quai du commerce, 1080 Bruxelles&nbsp;», élu «&nbsp;meilleur film de tous les temps&nbsp;» par la revue britannique Sight &amp; Sound du British Film Institute. Crédits : 1978. Collections CINEMATEK &amp; Fondation Chantal Akerman © Babette Mangolte © Adagp, Paris, 2024."> </div> </div> </div> <div class="separatorVertical separatorVertical--blocContenu"> </div> </div> </a> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="https://madelen.ina.fr/content/lhomme-a-la-valise-76148" target="_blank" class="children-link"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x270/public/2024-10/Capture%20d%E2%80%99e%CC%81cran%202024-10-17%20a%CC%80%2010.24.04.png?h=09f43661&itok=VvLEiBu6" data-cache-rev="" alt="Akerman"> <div class="title-bloc-small mt-4 mb-4">«L'Homme à la valise»</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Une femme revient dans son appartement et y découvre un inconnu avec qui elle doit cohabiter. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder sur <em>madelen</em></span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <a href="/actualites-ina/musee-de-la-maison-gainsbourg-serge-gainsbourg-peinture-brigitte-bardot-marseillaise" target="_self" class="children-link"> <div class="block-hub block-hub--zoom marginTop6"> <div class="d-flex justify-content-between align-content-center flex-wrap flex-row-reverse " style="background: #b3ddf4; color: ;"> <div class="d-flex align-items-center firstBloc"> <div class="firstBlocMargin"> <h2 class="title-bloc-medium mt-2 widthBloc widthBloc--pleineLargeur"> Visite (guidée) du musée de la Maison Gainsbourg </h2> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mt-2 widthBloc widthBloc--pleineLargeur"> Partenaires de la Maison Gainsbourg, nous sommes allés à la rencontre de Sébastien Merlet, commissaire du Musée de la Maison Gainsbourg. Ce fin connaisseur de «l'homme à la tête de chou» nous fait découvrir plusieurs objets insolites de la collection : un trésor de plus de 400 objets qui retrace la vie et l’œuvre de l’auteur du «Poinçonneur des Lilas». Visite guidée. </div> <div class="mt-3 contentBtn"> <div class=""> <div class="btn-n2"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle">Regarder </span> </button> </div> </div> </div> </div> </div> <div class="d-flex align-items-center mt-4 mt-lg-0 secondBloc" style="background: #b3ddf4"> <div class="centerDiv d-none d-lg-block"> <div class="ContImg" style="width: 448px; height: 448px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/450x450/285/MAN1722344472.jpeg" data-cache-rev="162247" style="top: -1px; left: -1px; width: 450px; height: 450px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 450px 450px;cursor:pointer;"></div> </div> </div> <div class="centerDiv d-block d-lg-none" style="margin-top:-60px"> <div class="ContImg" style="width: 298px; height: 298px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/450x450/285/MAN1722344472.jpeg" data-cache-rev="162247" style="top: -1px; left: -1px; width: 300px; height: 300px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 300px 300px;cursor:pointer;"></div> </div> </div> </div> </div> </div> </a> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">Une page de <em>pub</em></h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="https://www.ina.fr/ina-eclaire-actu/publicite/pub3250589027/infinitif-tana-ii-automne-81" target="_blank" class="children-link"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x270/public/2024-10/Capture%20d%E2%80%99e%CC%81cran%202024-10-29%20a%CC%80%2012.40.46.png?h=09f5195c&itok=vEoU6i9t" data-cache-rev="" alt="infinitif"> <div class="title-bloc-small mt-4 mb-4">Infinitif</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> 1981 : la mode à tous les temps sur un air de Richard Gotainer   </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Voir</span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="https://www.ina.fr/ina-eclaire-actu/publicite/pub3784144097/knorr-bouillon-de-poule-en-tablettes" target="_blank" class="children-link"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x270/public/2024-10/Capture%20d%E2%80%99e%CC%81cran%202024-10-29%20a%CC%80%2012.41.22.png?h=ff145e7e&itok=H2MS3V2k" data-cache-rev="" alt="knorr"> <div class="title-bloc-small mt-4 mb-4">Bouillon de poule</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> 1988 : ça vous arrange bien les bidons </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Voir</span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="https://www.ina.fr/ina-eclaire-actu/publicite/pub3784055167/publicite-carambar" target="_blank" class="children-link"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x270/public/2024-11/Capture%20d%E2%80%99e%CC%81cran%202024-11-22%20a%CC%80%2012.03.54.png?h=f0a4d229&itok=0tXXQQHI" data-cache-rev="" alt="carambar"> <div class="title-bloc-small mt-4 mb-4">Les 70 ans d’une friandise culte</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> 1986 : Abracarambar ! </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Voir</span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div><div class="gtm-print-list position-relative marginTop6"> <div class="blockOverflow blockOverflow--railActu"> <div class="block-hub block-hub--margin50 position-relative"> <p class="outline rail_actu">Actualités</p> <div class="d-flex justify-content-between"> <h2 class="title-bloc">Les <em>actualités</em> de l'INA</h2> <div class="d-none d-sm-block d-lg-flex align-items-end justify-content-end zIndex"> <div class=""> <div class="btn-n2"> <a href="/actualites-ina" target="_self"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle">Voir toutes les actualités</span> </button> </a> </div> </div> </div> </div> </div> </div> <div class="block-slider block-slider--railActus block-slider--actus mt-3 position-relative"> <div class="container-actualites swiper-jwp" id="jwp-slider" d-role="carrousel" carrousel-config="slide-actualites"> <div class="swiper-wrapper"> <a href="/actualites-ina/l-album-photo/charles-aznavour-album-photo-chanson-ina-chanteur" target="_self" class="swiper-slide children-link carousel-actu" style="background: #B7B1FF; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/1b4/article-corporate_4bc39c80-e43d-4409-96b0-ca28e0f73e63.jpeg" data-cache-rev="158224" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/1b4/article-corporate_4bc39c80-e43d-4409-96b0-ca28e0f73e63.jpeg" data-cache-rev="158224" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> Charles Aznavour, sa vie en photos et en chansons tout en haut de l'affiche <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/mon-archive-preferee/mon-archive-preferee-riad-sattouf-enki-bilal-bande-dessinee" target="_self" class="swiper-slide children-link carousel-actu" style="background: #0057ff; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/288x327/156/MAN1700150109.jpeg" data-cache-rev="156841" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/288x327/156/MAN1700150109.jpeg" data-cache-rev="156841" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> L’archive préférée de Riad Sattouf : Enki Bilal au 20h de France 2 <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/distinction-numerique/distinction-numerique-marin-karmitz-mk2-cinema" target="_self" class="swiper-slide children-link carousel-actu" style="background: #ffbacf; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/1ea/article-corporate_2bf1ad03-d96c-4025-b6dc-0f8385cdc528.jpeg" data-cache-rev="156724" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/1ea/article-corporate_2bf1ad03-d96c-4025-b6dc-0f8385cdc528.jpeg" data-cache-rev="156724" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> L'INA remet la Distinction numérique à Marin Karmitz, figure du cinéma indépendant <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/la-grande-explication-saison-7-webserie-histoire" target="_self" class="swiper-slide children-link carousel-actu" style="background: #ffe900; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/36c/article-corporate_d7cda974-ffcf-4aba-b43b-259e1be66e74.jpeg" data-cache-rev="152047" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/36c/article-corporate_d7cda974-ffcf-4aba-b43b-259e1be66e74.jpeg" data-cache-rev="152047" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> Flore-Anne d'Arcimoles : « La rigueur historique est très importante. On doit être irréprochable » <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="https://www.ina.fr/actualites-ina/ina-coproduction" target="_blank" class="swiper-slide children-link carousel-actu" style="background: #0086b1; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="/hub-p/public/styles/crop_scale_288x327/public/2024-06/Capture%20d%E2%80%99%C3%A9cran%202024-06-25%20092547.png?h=ad190ff3&itok=p3BuoFdT" data-cache-rev="" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="/hub-p/public/styles/crop_scale_288x327/public/2024-06/Capture%20d%E2%80%99%C3%A9cran%202024-06-25%20092547.png?h=ad190ff3&itok=p3BuoFdT" data-cache-rev="" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> Coproduire avec l'INA <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/hugo-pratt-corto-maltese-lundi-de-l-ina-vincent-petit" target="_self" class="swiper-slide children-link carousel-actu" style="background: #ffbacf; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/3cc/article-corporate_52827ed5-7530-471f-aaf3-a4b9594c477e.jpeg" data-cache-rev="149650" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/3cc/article-corporate_52827ed5-7530-471f-aaf3-a4b9594c477e.jpeg" data-cache-rev="149650" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> Vincent Petit : «Corto Maltese est un personnage nécessaire» <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/33-tours-avec-l-ina-serge-gainsbourg-a-la-radio" target="_self" class="swiper-slide children-link carousel-actu" style="background: #b3ddf4; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/288x327/272/MAN1715843681.jpeg" data-cache-rev="144820" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/288x327/272/MAN1715843681.jpeg" data-cache-rev="144820" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> Serge Gainsbourg «à la radio» : en CD, vinyle et digital ! <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/appel-a-temoin-avortement-clandestin-femme" target="_self" class="swiper-slide children-link carousel-actu" style="background: #004940; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/238/article-corporate_a3fe9264-630a-49a9-96af-feba6840400d.jpeg" data-cache-rev="118822" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/238/article-corporate_a3fe9264-630a-49a9-96af-feba6840400d.jpeg" data-cache-rev="118822" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> Vous savez comment on avortait lorsque c'était interdit : l'INA lance un appel à témoins <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/starsky-et-hutch-madelen-serie-ford-torino" target="_self" class="swiper-slide children-link carousel-actu" style="background: #b3ddf4; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/185/article-corporate_74214cc0-6f56-48a2-b421-ae77fb4c7bad.jpeg" data-cache-rev="131089" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/185/article-corporate_74214cc0-6f56-48a2-b421-ae77fb4c7bad.jpeg" data-cache-rev="131089" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> «Starsky & Hutch» : deux chevaliers au grand cœur sur <em>madelen</em> <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/jacques-rozier-cinema-documentaire-festival-de-cannes" target="_self" class="swiper-slide children-link carousel-actu" style="background: #d9d9d9; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/288x327/275/MAN1714639265.jpeg" data-cache-rev="136909" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/notice/288x327/275/MAN1714639265.jpeg" data-cache-rev="136909" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> Le documentaire «Jacques Rozier : d’une vague à l’autre» sélectionné à Cannes <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/memoires-de-la-shoah-serge-klarslfed" target="_self" class="swiper-slide children-link carousel-actu" style="background: #ffe4b1; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/114/article-corporate_850afd4a-6d36-4c7d-8652-3fed2b89b91f.jpeg" data-cache-rev="139843" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/114/article-corporate_850afd4a-6d36-4c7d-8652-3fed2b89b91f.jpeg" data-cache-rev="139843" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> «On pensait qu’il allait revenir» : le témoignage rare de Serge Klarsfeld sur la Shoah <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/serge-viallet-nous-sommes-des-archeologues-de-l-images" target="_self" class="swiper-slide children-link carousel-actu" style="background: #d9d9d9; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/24b/article-corporate_0874f723-3912-478a-8c77-d2fa78dc70d5.jpeg" data-cache-rev="121690" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/24b/article-corporate_0874f723-3912-478a-8c77-d2fa78dc70d5.jpeg" data-cache-rev="121690" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> Serge Viallet : «Nous sommes des archéologues de l’image» <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/le-feminisme-en-ligne" target="_self" class="swiper-slide children-link carousel-actu" style="background: #ffbacf; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/20f/article-corporate_9e228fab-9803-497b-835e-8e58edda1ebe.jpeg" data-cache-rev="81487" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/20f/article-corporate_9e228fab-9803-497b-835e-8e58edda1ebe.jpeg" data-cache-rev="81487" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> Le féminisme en ligne est-il un néo-féminisme ? <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> <a href="/actualites-ina/shoah-lumni-enseignement-lanzmann" target="_self" class="swiper-slide children-link carousel-actu" style="background: #808080; color: ;"> <div class="ContImg d-none d-sm-block" style="margin: 65px auto; border-radius: 0; width: 286px; height: 325px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/0f0/article-corporate_a9773a52-1910-48bd-9b46-490bbdc65bde.jpeg" data-cache-rev="126466" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 288px 327px;"></div> </div> <div class="ContImg d-block d-sm-none" style="margin: 15px auto; border-radius: 0; width: 263px; height: 258px; transform: rotate(0deg);"> <div class="lozad" data-background-image="https://cdn-hub.ina.fr/page_hub/288x327/0f0/article-corporate_a9773a52-1910-48bd-9b46-490bbdc65bde.jpeg" data-cache-rev="126466" style="top: -1px; left: -1px; width:288px; height: 327px; position: absolute; transform: rotate(0deg); background: no-repeat; background-size: 265px 260px;"></div> </div> <div class="title-bloc-small"> «Le film "Shoah" ne répond pas à la question du pourquoi ?» <div class="dateAgenda mt-3" style='display:none;'></div> </div> </a> </div> <div> <div class="d-none d-md-block"> <div class="swiper-button-next"> <svg width="45" height="39" viewBox="0 0 45 39" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M45 19.7667C45 19.5096 44.946 19.2577 44.8483 19.0237C44.7506 18.7923 44.6117 18.5815 44.4343 18.4041L27.126 1.0982C26.3726 0.344872 25.1511 0.344872 24.3977 1.0982C23.6443 1.85152 23.6443 3.07278 24.3977 3.8261L38.4146 17.8384L1.92857 17.8384C0.864 17.8384 0 18.7023 0 19.7667C0 20.8312 0.864 21.6951 1.92857 21.6951L38.4146 21.6951L24.3977 35.71C23.6443 36.4633 23.6443 37.682 24.3977 38.4353C24.7757 38.8132 25.2669 39.0009 25.7631 39.0009C26.2569 39.0009 26.748 38.8132 27.126 38.4353L44.4343 21.1294C44.6117 20.952 44.7506 20.7412 44.8483 20.5098C44.946 20.2758 45 20.0239 45 19.7667Z" fill="black"/> </svg> </div> <div class="swiper-button-prev"> <svg width="45" height="39" viewBox="0 0 45 39" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M45 19.7667C45 19.5096 44.946 19.2577 44.8483 19.0237C44.7506 18.7923 44.6117 18.5815 44.4343 18.4041L27.126 1.0982C26.3726 0.344872 25.1511 0.344872 24.3977 1.0982C23.6443 1.85152 23.6443 3.07278 24.3977 3.8261L38.4146 17.8384L1.92857 17.8384C0.864 17.8384 0 18.7023 0 19.7667C0 20.8312 0.864 21.6951 1.92857 21.6951L38.4146 21.6951L24.3977 35.71C23.6443 36.4633 23.6443 37.682 24.3977 38.4353C24.7757 38.8132 25.2669 39.0009 25.7631 39.0009C26.2569 39.0009 26.748 38.8132 27.126 38.4353L44.4343 21.1294C44.6117 20.952 44.7506 20.7412 44.8483 20.5098C44.946 20.2758 45 20.0239 45 19.7667Z" fill="black"/> </svg> </div> </div> <div class="d-md-none d-block"> <div class="swiper-button-next"> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.3333 9.99983C23.3333 9.86616 23.3053 9.73516 23.2547 9.61351C23.204 9.49321 23.132 9.38359 23.04 9.29136L14.0653 0.293749C13.6747 -0.0979164 13.0413 -0.0979164 12.6507 0.293749C12.26 0.685414 12.26 1.32037 12.6507 1.71203L19.9187 8.99728L1 8.99728C0.448 8.99728 0 9.44642 0 9.99983C0 10.5532 0.448 11.0024 1 11.0024L19.9187 11.0024L12.6507 18.289C12.26 18.6806 12.26 19.3142 12.6507 19.7059C12.8467 19.9024 13.1013 20 13.3587 20C13.6147 20 13.8693 19.9024 14.0653 19.7059L23.04 10.7083C23.132 10.6161 23.204 10.5065 23.2547 10.3862C23.3053 10.2645 23.3333 10.1335 23.3333 9.99983Z" fill="black"/> </svg> </div> <div class="swiper-button-prev"> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.3333 9.99983C23.3333 9.86616 23.3053 9.73516 23.2547 9.61351C23.204 9.49321 23.132 9.38359 23.04 9.29136L14.0653 0.293749C13.6747 -0.0979164 13.0413 -0.0979164 12.6507 0.293749C12.26 0.685414 12.26 1.32037 12.6507 1.71203L19.9187 8.99728L1 8.99728C0.448 8.99728 0 9.44642 0 9.99983C0 10.5532 0.448 11.0024 1 11.0024L19.9187 11.0024L12.6507 18.289C12.26 18.6806 12.26 19.3142 12.6507 19.7059C12.8467 19.9024 13.1013 20 13.3587 20C13.6147 20 13.8693 19.9024 14.0653 19.7059L23.04 10.7083C23.132 10.6161 23.204 10.5065 23.2547 10.3862C23.3053 10.2645 23.3333 10.1335 23.3333 9.99983Z" fill="black"/> </svg> </div> </div> </div> </div> </div> <div class="d-block d-sm-none divCenter mb-5" style="width: fit-content; width: -moz-fit-content"> <div class=""> <div class="btn-n2"> <a href="/actualites-ina" target="_self"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle">Voir toutes les actualités</span> </button> </a> </div> </div> </div> </div> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">INA HIP-HOP : <em>montez</em> le son !</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/deenasty-hip-hop-scratching-dj-rap-musique-france-stalingrad-graffiti" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/186/MAN1729874451.jpeg" data-cache-rev="159121" alt=""> <div class="title-bloc-small mt-4 mb-4">DJ Dee Nasty : «Mes 28 000 disques, ils apprécient que je les joue et j'apprécie de les jouer»</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Dee Nasty, le pionnier du deejaying en France, est dans «ORIGinaL» pour INA HIP-HOP. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/adn-mc-solaar-rap-musique-hip-hop-gainsbourg-lapointe" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/36e/MAN1727861360.jpeg" data-cache-rev="157291" alt=""> <div class="title-bloc-small mt-4 mb-4">MC Solaar, le sage poète du rap français dans «adn»</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> À travers les archives, le rappeur raconte dans «adn», l'émission de l'INA, comment il a trouvé son flow calme, à l’origine de la popularisation du rap en France. Et évoque ses filiations avec ses idoles du rap, de la variété et de la poésie françaises. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/la-haine-mathieu-kassovitz-film-comedie-musicale-rap-hip-hop" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/0c4/S1359963_001.jpeg" data-cache-rev="157282" alt=""> <div class="title-bloc-small mt-4 mb-4">«La Haine» : l'analyse d'un phénomène par Mathieu Kassovitz</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Lancée le 10 octobre 2024, la comédie musicale, «La Haine» est l'adaptation par Mathieu Kassovitz de son film culte sorti en 1995. Un long métrage qui a marqué son époque.  </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <a href="https://larevuedesmedias.ina.fr/fans-feuilleton-helene-et-les-garcons-courriers-helene-rolles" target="_blank" class="children-link"> <div class="block-hub block-hub--zoom marginTop6"> <div class="d-flex justify-content-between align-content-center flex-wrap flex-row-reverse " style="background: #ffe4b1; color: Black;"> <div class="d-flex align-items-center firstBloc"> <div class="firstBlocMargin"> <h2 class="title-bloc-medium mt-2 widthBloc widthBloc--pleineLargeur"> «Hélène, aide-moi !» : plongée dans le courrier des fans d'«Hélène et les garçons» </h2> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mt-2 widthBloc widthBloc--pleineLargeur"> LA REVUE DES MÉDIAS - Quelques milliers de lettres de fans de cette sitcom diffusée de 1992 à 1994 sur TF1 ont été sauvées de la destruction et sont conservées par l'INA. Nous les avons consultées. </div> <div class="mt-3 contentBtn"> <div class="blocArticle"> <div class="btn-n2"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle">Lire sur <em>La revue des médias</em> </span> </button> </div> </div> </div> </div> </div> <div class="d-flex align-items-center mt-4 mt-lg-0 secondBloc" style="background: #ffe4b1"> <div class="centerDiv d-none d-lg-block"> <div class="ContImg" style="width: 448px; height: 448px; transform: rotate(0deg);"> <div class="lozad" data-background-image="/hub-p/public/styles/crop_scale_450x450/public/2024-09/LRDM%20H%C3%A9l%C3%A8ne.jpg?h=f37d28a9&itok=7_7WYh3k" data-cache-rev="" style="top: -1px; left: -1px; width: 450px; height: 450px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 450px 450px;cursor:pointer;"></div> </div> </div> <div class="centerDiv d-block d-lg-none" style="margin-top:-60px"> <div class="ContImg" style="width: 298px; height: 298px; transform: rotate(0deg);"> <div class="lozad" data-background-image="/hub-p/public/styles/crop_scale_450x450/public/2024-09/LRDM%20H%C3%A9l%C3%A8ne.jpg?h=f37d28a9&itok=7_7WYh3k" data-cache-rev="" style="top: -1px; left: -1px; width: 300px; height: 300px; position: absolute; transform: rotate(0deg); background: no-repeat;background-size: 300px 300px;cursor:pointer;"></div> </div> </div> </div> </div> </div> </a> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">Les <em>pépites </em>!</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/retraite-club-troisieme-age-relations-sociales" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/2b8/I24197093.jpeg" data-cache-rev="148225" alt=""> <div class="title-bloc-small mt-4 mb-4">À Lyon en 1977, le club des retraités s'était installé à la maison des jeunes </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Retour en 1977 pour une immersion dans un club de retraités du quartier lyonnais de la Guillotière. Un joli récit sur les relations intergénérationnelles et les remèdes à la solitude. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/course-cycliste-paris-butte-montmartre-sacre-coeur-jeux-olympiques" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/098/AFE85001924.jpeg" data-cache-rev="150049" alt=""> <div class="title-bloc-small mt-4 mb-4">La butte Montmartre : une course cycliste redoutée des coureurs et adorée du public </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Samedi 3 août, le quartier pittoresque de la butte Montmartre a servi de décor à la course en ligne cycliste des Jeux olympiques, donnant lieu à des images d'une ferveur incroyable. Retour en archives sur quelques anciennes courses mémorables de ce quartier. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/18-aout-1959-l-austin-mini-se-devoile" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/0de/1742617001036.jpeg" data-cache-rev="151408" alt=""> <div class="title-bloc-small mt-4 mb-4">18 août 1959 : l'Austin Mini se dévoile </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> L'Austin Mini a 65 ans ! Elle a été révélée pour la première fois au public le 18 août 1959. Portrait d'une petite qui a tout d'une grande.   </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">Les <em>podcasts </em>de l'INA</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <a href="https://podcasts.ina.fr/les-grands-classiques-b340fe7a/#episodes" target="_blank" class="children-link"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x360/public/2024-07/Monte_Cristo_3000_sans_Fculture_0.jpg?h=2e940e88&itok=9rpw-mv-" data-cache-rev="" alt="monte christo"> <div class="title-bloc-small mt-4 mb-4">Le Comte de Monte-Christo </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Trahisons, vengeances, amours et rédemptions, retrouvez les aventures d’Edmond Dantès dans cette adaptation d'Alexandre Dumas diffusée en 1980 et 1981. </div> <div class="d-flex justify-content-between"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Écouter </span> </button> </div> </div> </div> </div> </div> </a> <a href="https://podcasts.ina.fr/la-vie-davant-b4601500/speciale-jo-1984-gilbert-et-claire-en-cure-de-remise-en-forme-2bf2b4f0" target="_blank" class="children-link"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x360/public/2024-07/3000_3000_Vie_d%26%2339%3Bavant_JO_V6_0.jpg?itok=rJVCUuo0" data-cache-rev="" alt="vie d'avant"> <div class="title-bloc-small mt-4 mb-4">La vie d’avant (spéciale JO) </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> 1984. Gilbert et de Claire partent en cure de remise en forme dans un village de vacances du Club Med en Corrèze. Au programme équitation, tir à l'arc, tennis, et body building. </div> <div class="d-flex justify-content-between"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Écouter </span> </button> </div> </div> </div> </div> </div> </a> <a href="https://podcasts.ina.fr/les-archives-du-crime-e3db54e1/#episodes" target="_blank" class="children-link"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x360/public/2024-07/Les_archives_du_crime_Petiot_0.jpg?h=2e940e88&itok=UrY-NZug" data-cache-rev="" alt="petiot"> <div class="title-bloc-small mt-4 mb-4">L’affaire Docteur Petiot </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Après les affaires Landru, Marie Besnard et Christian Ranucci, "Les Archives du Crime" s’intéressent au Dr Petiot, tueur en série sous l’Occupation.  </div> <div class="d-flex justify-content-between"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Écouter  </span> </button> </div> </div> </div> </div> </div> </a> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">Retour <em>vers </em>l'info</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/chouette-d-or-tresor-30-ans-chasse-au-tresor" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/2ee/S1249476_001.jpeg" data-cache-rev="156352" alt=""> <div class="title-bloc-small mt-4 mb-4">«La chouette d’or», la plus longue chasse au trésor </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Jeudi 3 octobre 2024 au matin, l'un des co-organisateur de  «La chouette d’or», la plus longue chasse au trésor du monde, a annoncé sa fin. Elle avait été lancée en France, il y a 31 ans, le 15 mai 1993. Quelqu'un aurait trouvé, quelque part en France, dans un coffre, la statuette tant recherchée. Les chasseurs de trésor s'étaient cassés les dents sur l’emplacement du butin. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/aide-medicale-etat-histoire-etrangers-situation-irreguliere-loi-immigration" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/21d/S1286948_001.jpeg" data-cache-rev="158212" alt=""> <div class="title-bloc-small mt-4 mb-4">L’AME, au cœur des tensions depuis sa création</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Le Premier ministre Michel Barnier va-t-il supprimer l’AME ? L’AME, c'est l'aide médicale d’État destinée aux étrangers en situation irrégulière sur le sol français. Pour la droite, elle cristallise les tensions depuis sa création, il y a plus de 20 ans. La gauche, elle, la défend. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/niki-de-st-phalle-art-peinture-artiste-feministe" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/3bd/S1359894_001.jpeg" data-cache-rev="156898" alt=""> <div class="title-bloc-small mt-4 mb-4">Niki de Saint Phalle, une artiste féministe</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Charlotte Le Bon incarne Niki de Saint Phalle au cinéma. Une artiste phare du XXe siècle qui a fait de la défense des femmes son fil rouge pendant toute sa carrière. Retour en archives. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">Mon archive <em>préférée </em></h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/actualites-ina/archive-preferee-camille-diao-lio-murielle-cerf-marie-trintignant-feminicide" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/253/MAN1711613672.jpeg" data-cache-rev="147244" alt=""> <div class="title-bloc-small mt-4 mb-4">Camille Diao : «Lio avait 10 ans d’avance» sur les violences faites aux femmes </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/actualites-ina/mon-archive-preferee/archive-preferee-pierre-haski-urss-apostrophes-communisme" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/297/MAN1715089307.jpeg" data-cache-rev="137800" alt=""> <div class="title-bloc-small mt-4 mb-4">Pierre Haski : «On pouvait s’engueuler à la télévision française pour savoir si le communisme c’était bien ou pas bien» </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/actualites-ina/mon-archive-preferee/mon-archive-preferee-charles-pepin-yannick-noah-roland-garros-1983" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/2a2/MAN1717761752.jpeg" data-cache-rev="143092" alt=""> <div class="title-bloc-small mt-4 mb-4">Charles Pépin analyse la victoire de Yannick Noah à Roland-Garros en 1983 </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <a href="https://www.ina.fr/inscription-newsletters" target="_blank" class="children-link"> <div class="block-hub block-hub--zoom marginTop6"> <div class="d-flex justify-content-between align-content-center flex-wrap flex-row-reverse" style="background: #0086b1; color: White;"> <div class="d-flex align-items-center firstBloc"> <div class="firstBlocMargin"> <div class="texte-bloc mt-2 widthBloc widthBloc--pleineLargeur"> <h2 class="titre_niveau_1">S'inscrire à la <em>newsletter</em><br /> de l'INA</h2> <p>Chaque samedi matin dans votre boite mail, retrouvez nos archives et nos articles qui éclairent l'actualité ainsi que les pépites et les bons liens de la rédaction.</p> </div> <div class="mt-3 contentBtn"> <div class="blocArticle"> <div class="btn-n2"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle">S'inscrire </span> </button> </div> </div> </div> </div> </div> <div class="d-flex align-items-center mt-4 mt-lg-0 secondBloc h-50" style="background: #0086b1"> <div class="centerDiv d-none d-md-block"> <div class="lozad" data-background-image="/hub-p/public/styles/crop_scale_360x360/public/2022-12/visuelNL_0.png?h=bd907a81&itok=C5goXcNS" style="width: 300px; height: 300px; background-size: 300px;"></div> </div> <div class="centerDiv d-block d-md-none" style="margin-top:-60px"> <div class="lozad" data-background-image="/hub-p/public/styles/crop_scale_360x360/public/2022-12/visuelNL_0.png?h=bd907a81&itok=C5goXcNS" style="width: 300px; height: 300px; background-size: 300px;"></div> </div> </div> </div> </div> </a> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">La <em>revue </em>des médias</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="https://larevuedesmedias.ina.fr/israel-hamas-un-apres-lattaque-du-7-octobre-que-retenir-de-la-mediatisation-du-conflit" target="_blank" class="children-link"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x270/public/2024-10/couv%20un%20an.jpg?h=058174c3&itok=oO1onqNv" data-cache-rev="" alt="ina"> <div class="title-bloc-small mt-4 mb-4">Israël-Hamas : un an après l’attaque du 7 octobre, que retenir de la médiatisation du conflit ?</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Lire sur <em>La revue des médias</em></span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="https://larevuedesmedias.ina.fr/abbe-pierre-revelations-la-croix-lecteurs" target="_blank" class="children-link"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x270/public/2024-10/La%20Croix%20-%20Carine%20Fritel%20%282%29%20%281%29.jpg?h=9efb3b97&itok=EVP1a1GF" data-cache-rev="" alt="ina"> <div class="title-bloc-small mt-4 mb-4">Les révélations sur l'abbé Pierre font réagir les lecteurs de « La Croix »</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Lire sur <em>La revue des médias</em></span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="https://larevuedesmedias.ina.fr/prisons-journalistes-enquetes-infiltration" target="_blank" class="children-link"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x270/public/2024-10/Prison%203.jpg?h=058174c3&itok=BWYkA7XF" data-cache-rev="" alt="ina"> <div class="title-bloc-small mt-4 mb-4">Comment les journalistes enquêtent sur la prison</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Lire sur <em>La revue des médias</em></span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">«adn», l'<em>émission</em> de l'INA</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/farida-khelfa-adn-mannequin-mode" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/page_hub/360x270/26e/article-ina-eclaire-l-actu_5ba641ca-f651-4718-84dc-11f9acafd7a1.jpeg" data-cache-rev="148036" alt=""> <div class="title-bloc-small mt-4 mb-4">Farida Khelfa dans «adn» : «La muse est une artiste» </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Farida Khelfa, «c’est une star !». C’est ainsi que Jean-Paul Gaultier parle de sa «muse» dans une archive diffusée dans «adn». Celle qui a été mannequin vedette de Goude, Gaultier ou Alaïa revient sur cette époque où elle était le visage et le corps qui inspirait les créateurs. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/lio-adn-emission-feminisme" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/page_hub/360x270/239/article-ina-eclaire-l-actu_e210f8be-cff4-4212-8db7-55ca0b91e594.jpeg" data-cache-rev="135100" alt=""> <div class="title-bloc-small mt-4 mb-4">Les mots de Lio, la combattante : «Les grises sont pleines de surprises» </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> L'artiste protéiforme est l'invitée de «adn», l'émission de l'INA. Elle revient sur sa vie, ses douleurs et ses sources d'engagement. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/adn-mazarine-pingeot-francois-mitterrand" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/page_hub/360x270/234/article-ina-eclaire-l-actu_fcdb8840-6dc8-42a6-93fb-03720bf19f46.jpeg" data-cache-rev="159337" alt=""> <div class="title-bloc-small mt-4 mb-4">Mazarine M. Pingeot et «l’identité éclatée»</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Dans «adn», l’émission digitale de l’INA, Mazarine M. Pingeot revient sur la révélation de son existence dans «Paris Match», sur ses liens avec son père, François Mitterrand, mais aussi sur son œuvre d’écrivain et de philosophe. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">L'album <em>photo </em>de l'INA</h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/actualites-ina/l-album-photo/album-photo-paris-sous-la-neige-dans-les-annees-60" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/page_hub/360x270/3c7/article-corporate_531c927f-a66b-4745-9d4f-4cfbdc29e454.jpeg" data-cache-rev="162259" alt="La forte chute de neige du 11 janvier 1966 avait paralysé la capitale. Crédits : INA."> <div class="title-bloc-small mt-4 mb-4">À quoi ressemble vraiment Paris sous la neige</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> ALBUM PHOTO - Voici un retour en images sur les différents épisodes neigeux qui ont touché la capitale dans les années soixante. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/actualites-ina/l-album-photo/l-album-photo-le-couple-mythique-delon-schneider" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/page_hub/360x270/2d6/article-corporate_26404b5f-3ba6-4b66-b31a-7511ef1b6c0b.jpeg" data-cache-rev="151423" alt="Romy Schneider et Alain Delon posent sur une terrasse à Cannes où ils sont tous deux invités pour le Festival.&nbsp;Crédits : Jean-Claude Pierdet 7 mai 1962. "> <div class="title-bloc-small mt-4 mb-4">Romy Schneider et Alain Delon, un couple mythique à Cannes </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/actualites-ina/l-album-photo/album-photo-noel-fete-fin-annee-reveillon-nouvel-an" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/page_hub/360x270/3a2/article-corporate_121546e6-c0d8-4477-a987-7cb82088a5b1.jpeg" data-cache-rev="162235" alt="Jacqueline Joubert fête Noël avec des enfants devant les caméras de l'ORTF en 1955. Crédits :&nbsp;Gérard Landau."> <div class="title-bloc-small mt-4 mb-4">Les fêtes de fin d’année dans les années 50, 60 et 70</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> ALBUM PHOTO - Vitrines, illuminations, cadeaux, Père Noël... L’équipe de la photothèque de l'INA vous propose un voyage dans le monde merveilleux des fêtes de fin d’année. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div><div class="block-hub block-hub--orientation"> <div class="d-flex justify-content-between align-content-center flex-wrap pb-5"> <div class="d-flex align-items-center firstBloc p-2 p-lg-0" style="background: #ffffff; color:Black"> <div class="divCenter blocLeft"> <h2 class="title-bloc-medium mt-md-5 widthBloc"> S'orienter dans la <em>galaxie</em> INA </h2> <div class="texte-bloc mt-4 widthBloc"> <p>Vous êtes particulier, professionnel des médias, enseignant, journaliste... ? Découvrez les sites de l'INA conçus pour vous, suivez-nous sur les réseaux sociaux, inscrivez-vous à nos newsletters.</p> </div> <div class="mt-4 btn-ghost"> <a href="/galaxie-ina" target="_self"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg><span><p>S'orienter</p> </span> </button> </a> </div> </div> </div> <div class="d-flex align-items-center firstBloc p-2 p-lg-0" style="background: #ff7766; color:Black"> <div class="divCenter blocRight"> <h2 class="title-bloc-medium mt-5 widthBloc"> Suivre Lumni Enseignement </h2> <div class="texte-bloc mt-4 widthBloc"> <p>Lumni Enseignement, c'est la plateforme éducative dédiée aux enseignants éditée par l'INA. Des milliers d’archives audio et vidéo recontextualisées, des articles et des parcours pédagogiques pour tous les enseignants et leurs élèves.</p> </div> <div class="mt-4 btn-n2"> <a href="https://enseignants.lumni.fr" target="_blank" id="url-decouvrir"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg><span><p>Découvrir</p> </span> </button> </a> </div> <div class="reseau-sociaux"> <a href="https://www.facebook.com/LumniEnseignant/" class="icon-picto picto_rs_facebook "> </a> <a href="https://twitter.com/lumnienseignant" class="icon-picto picto_rs_twitter "> </a> </div> <div class="btn-link-arrow mt-3"> <a href="https://enseignants-lumni.ina.fr/abonnement-a-la-newsletter-de-lumni-enseignants-et-eleves-int" target="_blank"> <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" xmlns="http://www.w3.org/2000/svg"> <path fill="Black" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z"/> </svg><span style="color:Black;"><p>S'inscrire à la newsletter</p> </span> </button> </a> </div> </div> </div> </div> </div> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">Le temps du <em>cool</em></h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/en-1970-cat-stevens-chante-lady-d-arbanville" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/059/I04212587.jpeg" data-cache-rev="154930" alt=""> <div class="title-bloc-small mt-4 mb-4">En 1970, Cat Stevens chante «Lady d'Arbanville» </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> C'est l'une des plus grandes ballades mélancoliques de Cat Stevens :  «Lady D'Arbanville», écrite en 1970, évoque la fin d'une histoire d'amour, celle que le chanteur vivait alors avec l'actrice Patti D'Arbanville. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/1974-la-premiere-fiac-a-paris" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/163/S761452_001.jpeg" data-cache-rev="157540" alt=""> <div class="title-bloc-small mt-4 mb-4">1974 : la première Fiac à Paris</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Cette année, la grande foire d'art contemporain Art Basel Paris se déroule du 18 au 20 octobre au Grand Palais. Il y a quelques années, cet évènement, c'était la Fiac ! Mais saviez-vous que la première édition s'est déroulée en 1974 ? Retour sur cet événement en images. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="/ina-eclaire-actu/mode-hedi-slimane-dior-celine-chanel-lvmh-pinault" target="_self" class="children-link"> <img class="img-fluid lozad" data-src="https://cdn-hub.ina.fr/notice/360x270/395/PA00001310615.jpeg" data-cache-rev="156805" alt=""> <div class="title-bloc-small mt-4 mb-4">2003 : Hedi Slimane, «le styliste pour homme le plus intéressant au monde»</div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Le créateur Hedi Slimane a quitté Celine où il était entré en 2018. Retour en quelques archives sur ce qu'il a apporté à la mode. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> <div> <div class="block-hub gtm-print-list"> <div class="d-flex align-items-end title-left"> <div class="divArrow"> <svg class="arrowTitle" viewBox="0 0 53 62" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.5004 62C26.8547 62 27.2018 61.9256 27.5242 61.791C27.843 61.6563 28.1335 61.465 28.3779 61.2206L52.2216 37.3736C53.2595 36.3355 53.2595 34.6527 52.2216 33.6146C51.1837 32.5766 49.501 32.5766 48.4631 33.6146L29.1572 52.9267L29.1572 2.65714C29.1572 1.1904 27.967 -1.09423e-06 26.5004 -1.15833e-06C25.0339 -1.22244e-06 23.8437 1.1904 23.8437 2.65714L23.8437 52.9267L4.53423 33.6146C3.49632 32.5766 1.81724 32.5766 0.779326 33.6146C0.258597 34.1354 2.29301e-06 34.8121 2.26312e-06 35.4959C2.23339e-06 36.1761 0.258597 36.8528 0.779326 37.3736L24.623 61.2206C24.8674 61.465 25.1579 61.6563 25.4767 61.791C25.7991 61.9256 26.1462 62 26.5004 62Z" fill="black"/> </svg> </div> <h2 class="title-bloc">Et le jeudi soir, c'est <em>Rembob'INA...</em></h2> </div> <div class="mt-5 blocThematique gtm-print-list"> <div class="d-sm-flex justify-content-around justify-content-xxl-between flex-wrap d-block"> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="https://madelen.ina.fr/content/nina-simone-le-concert-inedit-1965-96377" target="_blank" class="children-link"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x270/public/2024-04/Capture%20d%E2%80%99e%CC%81cran%202024-04-02%20a%CC%80%2010.01.26.png?h=deff3289&itok=NI24KO2G" data-cache-rev="" alt="nina simone"> <div class="title-bloc-small mt-4 mb-4">Nina Simone : le concert inédit </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Rembob'INA met à l'honneur une des plus grandes voix du XXe siècle avec son premier récital en France à Juan Les Pins en 1965. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder sur <em>madelen</em> </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="https://madelen.ina.fr/content/le-cinquantenaire-du-coup-detat-chilien-1973-97724" target="_blank" class="children-link"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x270/public/2024-04/Capture%20d%E2%80%99e%CC%81cran%202024-04-02%20a%CC%80%2009.58.54.png?h=457265de&itok=fQpVpFwZ" data-cache-rev="" alt="alliende"> <div class="title-bloc-small mt-4 mb-4">Le cinquantenaire du coup d'état chilien </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Décryptage, 50 ans après, du putsch qui a renversé le président Salvador Allende et installé le général Augusto Pinochet au pouvoir au Chili. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder sur <em>madelen</em> </span> </button> </div> </div> </div> </a> </div> </div> <div class="bloc-contenu"> <div class="widthObjet widthObjet--blocContenu"> <a href="https://madelen.ina.fr/content/lheure-de-verite-de-labbe-pierre-1993-97757" target="_blank" class="children-link"> <img class="img-fluid lozad" data-src="/hub-p/public/styles/crop_scale_360x270/public/2024-04/Capture%20d%E2%80%99e%CC%81cran%202024-04-02%20a%CC%80%2009.57.48.png?h=f22cf2f6&itok=Jm8hFzDw" data-cache-rev="" alt="abbé Pierre"> <div class="title-bloc-small mt-4 mb-4">«L'Heure de vérité» de l'abbé Pierre </div> <div class="dateAgenda mt-3"></div> <div class="texte-bloc mb-4 mt-2"> Le fondateur d'Emmaüs est en compagnie de deux proches collaborateurs, Martin Hirsch et Laurent Desmard. </div> <div class="d-flex justify-content-end"> <div class=""> <div class="btn-link-arrow" > <button class="btn-hub"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7518 7.48075C17.7518 7.38075 17.7305 7.28275 17.6919 7.19175C17.6534 7.10175 17.5986 7.01975 17.5286 6.95075L10.7008 0.21975C10.4036 -0.07325 9.92173 -0.07325 9.62452 0.21975C9.3273 0.51275 9.3273 0.98775 9.62452 1.28075L15.1539 6.73075H0.760791C0.340834 6.73075 0 7.06675 0 7.48075C0 7.89475 0.340834 8.23075 0.760791 8.23075H15.1539L9.62452 13.6818C9.3273 13.9748 9.3273 14.4487 9.62452 14.7417C9.77363 14.8888 9.96738 14.9618 10.1632 14.9618C10.3579 14.9618 10.5517 14.8888 10.7008 14.7417L17.5286 8.01075C17.5986 7.94175 17.6534 7.85975 17.6919 7.76975C17.7305 7.67875 17.7518 7.58075 17.7518 7.48075Z" fill="$hubsvg"/> </svg> <span class="libelle" >Regarder sur <em>madelen</em> </span> </button> </div> </div> </div> </a> </div> </div> <div class="lastBlocTheme"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <span class="adv-varnish-user-blocks-wrapper"> <div id="block-inafooter"> <div class="footer bg-black color-white gtm-print-list"> <div class="main-alt main-alt--footer"> <div class=" block-hub block-hub--footer"> <div class="row"> <div class="col-12 col-lg-4 d-flex d-lg-block footer__col-small"> <div class="footer__aside accordion-footer js-accordion" id="divIna"> <div class="row"> <div class="col-12"> <h2 class="title footer__title accordion__head js-accordion-toggle"> L'INA <span class="accordion__arrow icon"><a class="js-collapse-ina" data-bs-toggle="collapse" href="#collapseIna" role="button" aria-expanded="false" aria-controls="collapseExample"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><g><g><path fill="none" stroke="#fff" stroke-miterlimit="50" stroke-width="1.5" d="M4 10v0l6-6v0L4-2v0"></path></g></g></svg> </a></span> </h2>  </div>  </div>  <div class="collapse row js-accordion-target accordion__body collapse" id="collapseIna"> <div class="col-auto column-with-title"> <ul class="list-footer"> <li> <a class="link link--footer" href="/ina-eclaire-actu" target="_self">L'INA éclaire l'actu</a> </li> <li> <a class="link link--footer" href="/actualites-ina" target="_self">Agenda et actualités de l'INA</a> </li> <li> <a class="link link--footer" href="/offres-et-services" target="_self">Offres et services de l'INA</a> </li> <li> <a class="link link--footer" href="/institut-national-audiovisuel" target="_self">L'Institut national de l'audiovisuel</a> </li> </ul>  </div>  </div>  </div>  </div>  <div class="col-12 col-lg-8 footer__col-big"> <div class="footer__content accordion-footer js-accordion" id="divGalaxie"> <div class="row"> <div class="col-12"> <h2 class="title footer__title accordion__head js-accordion-toggle"> La galaxie INA <span class="accordion__arrow icon"><a class="js-collapse-galaxie" data-bs-toggle="collapse" href="#collapseGalaxie" role="button" aria-expanded="false" aria-controls="collapseExample"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><g><g><path fill="none" stroke="#fff" stroke-miterlimit="50" stroke-width="1.5" d="M4 10v0l6-6v0L4-2v0"></path></g></g></svg> </a></span> </h2>  </div>  </div>  <div class="collapse row js-accordion-target accordion__body" id="collapseGalaxie"> <div class="col-12 col-lg-3 column-with-title"> <ul class="list-footer"> <li> <a class="link link--footer" href="https://madelen.ina.fr" target="_blank">madelen (offre SVOD)</a> </li> <li> <a class="link link--footer" href="https://mediaclip.ina.fr" target="_blank">mediaclip</a> </li> <li> <a class="link link--footer" href="https://www.inamediapro.com" target="_blank">INA mediapro</a> </li> <li> <a class="link link--footer" href="https://larevuedesmedias.ina.fr" target="_blank">la revue des médias</a> </li> <li> <a class="link link--footer" href="https://campus.ina.fr/" target="_blank">INA campus</a> </li> <li> <a class="link link--footer" href="/expertise-et-conseil" target="_self">Expertise et conseil</a> </li> </ul>  </div>  <div class="col-12 col-lg-3 column-with-title"> <ul class="list-footer"> <li> <a class="link link--footer" href="http://www.inatheque.fr" target="_blank">Catalogue des fonds</a> </li> <li> <a class="link link--footer" href="https://www.ina.fr/institut-national-audiovisuel/equipe-recherche" target="_blank">Recherche et innovation</a> </li> <li> <a class="link link--footer" href="https://inagrm.com" target="_blank">Musiques électroniques</a> </li> <li> <a class="link link--footer" href="http://catalogue-productions.ina.fr" target="_blank">Production tv & web</a> </li> <li> <a class="link link--footer" href="https://data.ina.fr/" target="_blank">data.ina.fr</a> </li> </ul>  </div>  <div class="col-12 col-lg-3"> </div> <div class="col-12 col-lg-3 "> <ul class="list-footer"> <li> <a class="link link--footer" href="/nous-rejoindre" target="_self">Nous rejoindre</a> </li> <li> <a class="link link--footer" href="/contact" target="_self">Nous contacter</a> </li> <li> <a class="link link--footer" href="/institut-national-audiovisuel/nos-adresses" target="_self">Nos adresses</a> </li> <li> <a class="link link--footer" href="/institut-national-audiovisuel/international" target="_self">International</a> </li> <li> <a class="link link--footer" href="https://presse.ina.fr" target="_blank">Presse</a> </li> <li> <a class="link link--footer" href="/centre-aide" target="_self">Centre d'aide</a> </li> <li> <a class="link link--footer" href="/inscription-newsletters" target="_self">S'inscrire à la newsletter</a> </li> </ul>  </div>  </div>  </div>  </div>  </div>  <div class="bar"> <div class="row justify-content-center justify-content-md-start"> <div class="col d-flex d-lg-block"> <div class="nav-footer"> <ul> <li> <a class="link link--footer-bar" href="/mentions-legales" target="_self">Mentions légales</a> </li> <li> <a class="link link--footer-bar" href="/conditions-generales-d-utilisation" target="_self">CGU</a> </li> <li> <a class="link link--footer-bar" href="/charte-pour-la-vie-privee" target="_self">Charte pour la vie privée</a> </li> <li><a class="link link--footer-bar" href="javascript:Didomi.preferences.show()">Gestion des cookies</a></li> </ul> </div>  </div>  </div>  </div>  </div> </div> <div class="bar-logo"> <a href="#" class="logo-slogan"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g><g><g><path fill="#0086b1" d="M0 40h40V0H0z"></path></g><g><path fill="#fff" d="M29.392 24.576c-.34.184-1.106.567-1.915.567-.809 0-1.844-.652-1.844-2.014 0-1.36.582-2.957 5.511-3.626v1.787s.107 2.01-1.752 3.286M8.735 10.854a1.364 1.364 0 1 0-2.728 0 1.364 1.364 0 0 0 2.728 0M33.29 23.45v-6.224c0-.851-.538-3.645-4.434-3.645-3.527 0-5.02 2.156-5.02 3.368 0 .702.424 1.51 1.486 1.51 1.063 0 1.339-.755 1.339-1.265 0-.51-.33-.894-.33-.894-1.232-1.308 1.53-1.754 2.093-1.733 2.869.18 2.72 2.297 2.72 2.297v1.786c-7.904.894-7.904 4.17-7.904 4.712 0 1.372.86 1.926.86 1.926-.563 0-1.104-.002-1.508-.406-.404-.404-.383-1.648-.383-1.648v-5.551c0-.394-.095-3.946-3.74-3.946-3.016 0-4.302 2.531-4.302 2.531v-2.307c0-.107-.17-.17-.17-.17h-3.347l.011.531c.404 0 .701.18.903.33.574.574.526 1.489.526 1.489v3.956s-.003 2.592-.005 3.189c.006-.35.059 1.144-.361 1.564-.441.442-1.074.436-1.467.436s-.945.054-1.402-.404c-.457-.457-.393-2.414-.393-2.414V13.95c0-.096-.149-.16-.149-.16H4.87v.532c1.573 0 1.456 2.042 1.456 2.042v6.88c0 .66-.043 2.032-1.456 2.032v.489h10.72v-.479c-.17 0-.563-.005-.871-.244-.627-.51-.553-1.904-.553-1.904v-3.924c0-.936.541-4.073 3.315-4.073 2.773 0 2.656 3.318 2.656 3.318v4.988c0 .149-.035 1.119-.41 1.493-.374.375-1.03.346-1.03.346v.51h6.189c.138.011.478.373 2.114.373 2.71 0 4.207-2.11 4.207-2.11 0 .298.474 1.723 2.033 1.723h1.48v-.494c-1.523 0-1.43-1.546-1.43-1.838"></path></g></g></g></svg> </span> <span class="icon icon--slogan"> <svg xmlns="http://www.w3.org/2000/svg" width="103" height="20" viewBox="0 0 103 20"><g><g><g><path fill="#fff" d="M6.898 2.676c-.05.017-.096.066-.138.147L4.486 6.936c-.09.175-.169.357-.236.545a8.878 8.878 0 0 0-.112-.277 2.86 2.86 0 0 0-.125-.264L1.696 2.823c-.046-.08-.093-.13-.143-.147a.662.662 0 0 0-.21-.026H.58v6.876h.903V4.633c0-.157-.01-.325-.03-.504l2.352 4.214c.078.156.2.234.368.234h.144a.394.394 0 0 0 .372-.234l2.308-4.2c-.007.087-.012.172-.017.254a4.023 4.023 0 0 0-.007.236v4.893h.898V2.65h-.763a.66.66 0 0 0-.21.026"></path></g><g><path fill="#fff" d="M13.514 6.456h2.626v-.8h-2.626V3.479h3.263V2.65H12.48v6.876h4.297l.005-.829h-3.268z"></path></g><g><path fill="#fff" d="M14.84 2.105a.412.412 0 0 0 .149-.085L16.563.65h-1.062c-.055 0-.103.002-.145.005a.357.357 0 0 0-.285.158L13.98 2.124h.68a.667.667 0 0 0 .18-.019"></path></g><g><path fill="#fff" d="M27.258 2.676c-.05.017-.096.066-.138.147l-2.274 4.113c-.09.175-.169.357-.236.545a10.014 10.014 0 0 0-.112-.277 2.86 2.86 0 0 0-.125-.264l-2.317-4.117c-.046-.08-.093-.13-.143-.147a.662.662 0 0 0-.21-.026h-.763v6.876h.903V4.633c0-.157-.01-.325-.03-.504l2.352 4.214c.078.156.2.234.367.234h.145c.167 0 .291-.078.372-.234l2.308-4.2c-.007.087-.012.172-.017.254a4.023 4.023 0 0 0-.007.236v4.893h.898V2.65h-.763a.66.66 0 0 0-.21.026"></path></g><g><path fill="#fff" d="M38.334 3.558c.302.312.537.683.702 1.114.166.43.25.902.25 1.412 0 .514-.084.986-.25 1.416-.165.428-.4.798-.702 1.11a3.164 3.164 0 0 1-1.087.725c-.422.173-.89.258-1.405.258a3.68 3.68 0 0 1-1.402-.258 3.135 3.135 0 0 1-1.087-.725 3.312 3.312 0 0 1-.702-1.11 3.868 3.868 0 0 1-.251-1.416c0-.51.083-.982.25-1.412.168-.431.402-.802.703-1.114.301-.31.663-.553 1.087-.728.423-.173.89-.26 1.402-.26.515 0 .983.087 1.405.26.422.175.784.417 1.087.728m-.28 3.63c.112-.324.168-.692.168-1.104 0-.409-.056-.775-.168-1.102a2.354 2.354 0 0 0-.48-.827 2.071 2.071 0 0 0-.752-.522 2.554 2.554 0 0 0-.985-.182c-.363 0-.691.06-.985.182a2.093 2.093 0 0 0-.754.522c-.209.227-.37.503-.482.827a3.375 3.375 0 0 0-.169 1.102c0 .412.057.78.169 1.104.112.324.273.6.482.826.208.227.46.4.754.52a2.6 2.6 0 0 0 .985.179 2.6 2.6 0 0 0 .985-.18c.294-.12.545-.292.752-.52.207-.226.367-.5.48-.825"></path></g><g><path fill="#fff" d="M43.46 9.526h1.033V2.65H43.46z"></path></g><g><path fill="#fff" d="M51.08 6.756a.647.647 0 0 0-.29-.05h-.671v2.82H49.09V2.65h1.999c.447 0 .833.045 1.157.136.323.091.59.221.8.388.212.168.368.37.47.607.1.235.151.5.151.794 0 .24-.037.464-.11.675-.075.211-.183.4-.327.567a2.045 2.045 0 0 1-.523.434 2.58 2.58 0 0 1-.7.277c.128.077.239.183.332.32l1.951 2.678h-.917c-.184 0-.317-.072-.4-.216l-1.715-2.384a.51.51 0 0 0-.179-.17zm-.961-.793h.936c.264 0 .497-.032.698-.095.2-.065.37-.155.504-.27.135-.117.237-.256.304-.418.068-.16.102-.339.102-.533 0-.396-.131-.695-.394-.895-.262-.202-.655-.303-1.18-.303h-.97z"></path></g><g><path fill="#fff" d="M62.372 8.697h-3.268v-2.24h2.626v-.8h-2.626V3.477h3.263V2.65H58.07v6.876h4.297z"></path></g><g><path fill="#fff" d="M24.17 12.63l2.761 6.876h-.792a.352.352 0 0 1-.221-.067.378.378 0 0 1-.126-.173l-.613-1.594h-3.057l-.613 1.594a.397.397 0 0 1-.125.166.348.348 0 0 1-.223.074h-.791l2.762-6.876zm.729 4.304l-1.029-2.659a5.876 5.876 0 0 1-.222-.687 8.028 8.028 0 0 1-.109.382 5.27 5.27 0 0 1-.108.315l-1.024 2.65z"></path></g><g><path fill="#fff" d="M34.998 16.79c0 .281-.04.538-.12.77-.08.231-.197.43-.348.598a1.544 1.544 0 0 1-.555.39 1.89 1.89 0 0 1-.744.139c-.277 0-.524-.047-.743-.14a1.548 1.548 0 0 1-.556-.39 1.697 1.697 0 0 1-.345-.6 2.37 2.37 0 0 1-.118-.771V12.63H30.44v4.16c0 .403.065.775.194 1.117.128.341.313.636.555.885.241.25.534.444.878.584.344.14.732.211 1.164.211.431 0 .819-.07 1.164-.211.344-.14.637-.335.879-.584.24-.249.426-.544.555-.885.129-.342.193-.714.193-1.116V12.63h-1.024z"></path></g><g><path fill="#fff" d="M44.02 16.734c0 .058.02.106.061.144.04.038.093.057.157.057h1.024v1.441c-.113.058-.227.111-.34.16a2.718 2.718 0 0 1-.74.192 3.261 3.261 0 0 1-.432.027c-.396 0-.754-.06-1.074-.182a2.207 2.207 0 0 1-.816-.529 2.376 2.376 0 0 1-.52-.847 3.267 3.267 0 0 1-.183-1.132c0-.404.058-.766.174-1.09.116-.324.282-.601.498-.83.215-.231.476-.407.782-.53.305-.123.649-.184 1.028-.184.254 0 .475.02.662.057.186.038.35.084.49.139.14.055.26.114.361.177.102.063.195.12.28.168.085.054.166.072.24.052a.294.294 0 0 0 .178-.139l.295-.459a3.17 3.17 0 0 0-1.043-.636 3.588 3.588 0 0 0-.659-.178 4.427 4.427 0 0 0-.77-.062c-.547 0-1.04.085-1.48.256-.44.171-.814.41-1.123.718-.308.308-.546.679-.712 1.111a3.962 3.962 0 0 0-.248 1.43c0 .516.086.99.258 1.421.172.431.418.801.736 1.11.319.31.704.552 1.157.724.452.172.958.259 1.518.259.467 0 .898-.062 1.294-.185s.77-.309 1.12-.557v-2.682H44.02z"></path></g><g><path fill="#fff" d="M56.787 12.656c-.049.017-.095.066-.137.146l-2.274 4.113c-.09.176-.169.358-.236.546a10.567 10.567 0 0 0-.112-.278 2.846 2.846 0 0 0-.125-.263l-2.317-4.118c-.046-.08-.094-.129-.143-.146a.664.664 0 0 0-.21-.026h-.763v6.875h.903v-4.892c0-.157-.01-.325-.03-.504l2.352 4.213c.077.157.2.235.367.235h.145c.168 0 .291-.078.372-.235l2.308-4.199c-.007.086-.012.172-.017.254a3.977 3.977 0 0 0-.007.236v4.892h.898V12.63h-.763c-.09 0-.16.008-.21.026"></path></g><g><path fill="#fff" d="M63.394 16.436h2.626v-.8h-2.626V13.46h3.263v-.829H62.36v6.875h4.297l.005-.828h-3.268z"></path></g><g><path fill="#fff" d="M75.61 17.312a5.322 5.322 0 0 0 .03.517l-3.926-5.027a.45.45 0 0 0-.15-.141.516.516 0 0 0-.203-.031h-.531v6.875h.903V14.79c0-.073-.002-.15-.007-.234-.005-.083-.01-.168-.017-.254l3.916 5.022a.59.59 0 0 0 .162.14.42.42 0 0 0 .2.042h.521V12.63h-.897z"></path></g><g><path fill="#fff" d="M80.4 13.482h2.211v6.023h1.024v-6.023h2.202v-.852H80.4z"></path></g><g><path fill="#fff" d="M92.09 12.085a.415.415 0 0 0 .15-.085l1.573-1.37h-1.061a1.9 1.9 0 0 0-.145.005.402.402 0 0 0-.111.022.31.31 0 0 0-.09.047.425.425 0 0 0-.084.09l-1.092 1.31h.68a.687.687 0 0 0 .18-.019"></path></g><g><path fill="#fff" d="M90.763 16.436h2.627v-.8h-2.627V13.46h3.264v-.829H89.73v6.876h4.297l.004-.828h-3.268z"></path></g><g><path fill="#fff" d="M99.224 18.677v-2.242h2.626v-.799h-2.626v-2.178h3.263v-.828H98.19v6.875h4.297l.005-.828z"></path></g></g></g></svg> </span> </a> </div>  </div> </div> </span> </div> <script>window.dataLayer = window.dataLayer || []; window.dataLayer.push({"page_category":"Page d\u0027accueil","page_name":"Institut national de l\u0027audiovisuel","visit_status":"unlogged_visit","userId":0,"page_environment":"prod"});</script> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/1","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_environment":false},"tagIds":["GTM-TF6427M"]},"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxPageState":{"libraries":"eJxdju0OgyAMRV_IwSOZy4eAQUtaWLY9_UQz3fan6Tn3pqlDRcbTszY-4p6IZQhEIfuxIuiwjX9WmPH4lcsQm9Ehk0G-WZFvnA-KHs5zp7RitE0qLemFmmjV7C1KtRFqoj2eiJcjOjdljqjJ9muhkrr59HfZRxcFjMAoUbTjVpDVZVRbSzM5SfRukLpdlprsWbzMG8XXa_U","theme":"hub","theme_token":null},"ajaxTrustedUrl":{"\/login":true},"clientside_validation_jquery":{"validate_all_ajax_forms":2,"force_validate_on_blur":false,"messages":{"required":"Ce champ est requis.","remote":"Please fix this field.","email":"Veuillez saisir une adresse de courriel valide.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date (ISO).","number":"Please enter a valid number.","digits":"Please enter only digits.","equalTo":"Please enter the same value again.","maxlength":"Please enter no more than {0} characters.","minlength":"Minimun {0} caract\u00e8res.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","step":"Please enter a multiple of {0}."}},"dataLayer":{"defaultLang":"fr","languages":{"fr":{"id":"fr","name":"French","direction":"ltr","weight":0}}},"statistics":{"data":{"nid":"1"},"url":"\/core\/modules\/statistics\/statistics.php"},"csp":{"nonce":"vpSjtxxz-S-i57P3hI6dSA"},"user":{"uid":null,"permissionsHash":null},"playerHost":"https:\/\/player-hub.ina.fr","newsletterAskCappingMax":0,"node":{"id":"1","revision":"162367"}}</script> <script src="/sites/default/files/js/js_mOPaZ01_Ze_LQT6rOx9Fwl_52nEd9R13KDlYmkRP2q8.js?scope=footer&delta=0&language=fr&theme=hub&include=eJxdjlkOwyAMBS-UwpGiBzhABHFkTNX29M3SRe2P5Xljyw5QFNxJrKOEa2ZpQ-rOxsIO5TKflAiBZKfIHAuNimij1l9E_GeDGbchLxh9b8o1P6CZFyvksapPMBMfemKpp_p0xp2qt-25veyznoVskL6imJBR-HWi6bbTNPv2tt_kCaiOV2M"></script> <script src="/themes/custom/hub/../dist/hub.min.js?smvsq7"></script> <script src="//cdn.jsdelivr.net/npm/@webcomponents/custom-elements@1.6.0/custom-elements.min.js" crossorigin="anonymous" integrity="sha384-O5esIhXUQcDD6TohziEoBWlKbzgaW9zKMNu+axQQu7b4w7DyfclRKFr1USqjPoMh"></script> <script src="//cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" crossorigin="anonymous" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"></script> <script src="//cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" crossorigin="anonymous" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"></script> <script src="//cdn.jsdelivr.net/npm/lozad@1.16.0/dist/lozad.min.js" crossorigin="anonymous" integrity="sha256-mOFREFhqmHeQbXpK2lp4nA3qooVgACfh88fpJftLBbc="></script> <script src="//cdn.jsdelivr.net/npm/loadjs@4.2.0/dist/loadjs.min.js" crossorigin="anonymous" integrity="sha256-nnBqb3vFUd32JsFc12wcJRwACYcbaXfKsLO/JTkcvZo="></script> <script src="/modules/contrib/google_tag/js/gtm.js?smvsq7"></script> <script src="/modules/contrib/google_tag/js/gtag.js?smvsq7"></script> <script src="/sites/default/files/js/js_sAh9x9hc9KT5VBPY6wbrgq8QCmBbxC22Kc7cmsTy1H8.js?scope=footer&delta=9&language=fr&theme=hub&include=eJxdjlkOwyAMBS-UwpGiBzhABHFkTNX29M3SRe2P5Xljyw5QFNxJrKOEa2ZpQ-rOxsIO5TKflAiBZKfIHAuNimij1l9E_GeDGbchLxh9b8o1P6CZFyvksapPMBMfemKpp_p0xp2qt-25veyznoVskL6imJBR-HWi6bbTNPv2tt_kCaiOV2M"></script> </body> </html> <script> (function() { ina.hub.init(); })(); </script>

CINXE.COM

Institut national de l'audiovisuel | INA