45 ans au service des libertés

<!DOCTYPE html> <html lang="fr"> <head> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="apple-touch-icon" href="https://sites.ina.fr/ressource/cnil/images/apple-touch-icon.png"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <title>45 ans au service des libertés - CNIL </title>  <meta name="description" content="Les données personnelles sont désormais massivement confiées par les citoyens et utilisées par les États et les entreprises dans des usages et services du quotidien. Dans cet univers numérique, la Commission Nationale de l'Informatique et des Libertés (CNIL) est le régulateur des données personnelles. À ce titre, elle doit trouver un équilibre entre le respect des droits fondamentaux et des libertés individuelles et les intérêts économiques et les impératifs de sécurité publique."> <meta name="keywords" content="Archives audiovisuelles, vidéos, INA, Institut national de l'audiovisuel, cnil, 40, ans, libertés, vie privée, confidentialité, données personnelles">  <meta property="fb:app_id" content="">  <meta property="og:site_name" content="CNIL"> <meta property="og:url" content="https://sites.ina.fr/cnil/focus/chapitre/1"> <meta property="og:title" content="45 ans au service des libertés - CNIL "> <meta property="og:description" content="Les données personnelles sont désormais massivement confiées par les citoyens et utilisées par les États et les entreprises dans des usages et services du quotidien. Dans cet univers numérique, la Commission Nationale de l'Informatique et des Libertés (CNIL) est le régulateur des données personnelles. À ce titre, elle doit trouver un équilibre entre le respect des droits fondamentaux et des libertés individuelles et les intérêts économiques et les impératifs de sécurité publique."> <meta property="og:image" content="https://sites.ina.fr/cnil/media/imagette/640x480/Chapitre00"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@Inafr_officiel" /> <meta name="twitter:url" content="https://sites.ina.fr/cnil/focus/chapitre/1"> <meta name="twitter:title" content="45 ans au service des libertés - CNIL "> <meta name="twitter:description" content="Les données personnelles sont désormais massivement confiées par les citoyens et utilisées par les États et les entreprises dans des usages et services du quotidien. Dans cet univers numérique, la Commission Nationale de l'Informatique et des Libertés (CNIL) est le régulateur des données personnelles. À ce titre, elle doit trouver un équilibre entre le respect des droits fondamentaux et des libertés individuelles et les intérêts économiques et les impératifs de sécurité publique."> <meta name="twitter:image" content="https://sites.ina.fr/cnil/media/imagette/640x480/Chapitre00"> <meta name="twitter:account_id" content="14430936" /> <meta name="google-site-verification" content="4cOXXmzKk6DnFdiG507EQSOlxEW0GZrsLqI3WpCI-ww" />  <meta name="include_timeout" content="20"/> <meta name="include_mode" content="async"/> <link rel="stylesheet" href="/bundles/hypermediaframeworkjs/compass/stylesheets/framework.css?0.1.9.0"/> <link rel="stylesheet" href="/bundles/hypermediaminisitecnil/compass/stylesheets/all-compiled.css?0.1.9.0"/> <link href="/bundles/hypermediaframeworkjs/js/libs/jqueryfullpage/2.6.2/css/jquery.fullPage.css" rel="stylesheet" type="text/css" /> <style> #ux-focus-footer{ opacity:1 !important; } </style> <div id="styleSection1" style="display:none"> @media (orientation: landscape) and (max-width: 640px) { #section1 { background-image: url('/cnil/media/imagette/640x480/Chapitre00'); background-size: cover; } } @media (orientation: landscape) and (min-width: 641px) { #section1 { background-image: url('/cnil/media/imagette/1024x768/Chapitre00'); background-size: cover; } } /*---------------------------------------------------------------------------------------------------------*/ @media (orientation: portrait) and (max-height: 640px) { #section1 { background-image: url('/cnil/media/imagette/480x640/Chapitre00'); background-size: cover; } } @media (orientation: portrait) and (min-height: 641px) { #section1 { background-image: url('/cnil/media/imagette/768x1024/Chapitre00'); background-size: cover; } } @media (min-aspect-ratio:14/9){ #section1 { background-image: url('/cnil/media/imagette/1024x576/Chapitre00'); background-size: cover; } } </div> <div id="styleSection2" style="display:none"> @media (orientation: landscape) and (max-width: 640px) { #section2 { background-image: url('/cnil/media/imagette/640x480/Chapitre01'); background-size: cover; } } @media (orientation: landscape) and (min-width: 641px) { #section2 { background-image: url('/cnil/media/imagette/1024x768/Chapitre01'); background-size: cover; } } /*---------------------------------------------------------------------------------------------------------*/ @media (orientation: portrait) and (max-height: 640px) { #section2 { background-image: url('/cnil/media/imagette/480x640/Chapitre01'); background-size: cover; } } @media (orientation: portrait) and (min-height: 641px) { #section2 { background-image: url('/cnil/media/imagette/768x1024/Chapitre01'); background-size: cover; } } @media (min-aspect-ratio:14/9){ #section2 { background-image: url('/cnil/media/imagette/1024x576/Chapitre01'); background-size: cover; } } </div> <div id="styleSection3" style="display:none"> @media (orientation: landscape) and (max-width: 640px) { #section3 { background-image: url('/cnil/media/imagette/640x480/Chapitre02'); background-size: cover; } } @media (orientation: landscape) and (min-width: 641px) { #section3 { background-image: url('/cnil/media/imagette/1024x768/Chapitre02'); background-size: cover; } } /*---------------------------------------------------------------------------------------------------------*/ @media (orientation: portrait) and (max-height: 640px) { #section3 { background-image: url('/cnil/media/imagette/480x640/Chapitre02'); background-size: cover; } } @media (orientation: portrait) and (min-height: 641px) { #section3 { background-image: url('/cnil/media/imagette/768x1024/Chapitre02'); background-size: cover; } } @media (min-aspect-ratio:14/9){ #section3 { background-image: url('/cnil/media/imagette/1024x576/Chapitre02'); background-size: cover; } } </div> <div id="styleSection4" style="display:none"> @media (orientation: landscape) and (max-width: 640px) { #section4 { background-image: url('/cnil/media/imagette/640x480/Chapitre03'); background-size: cover; } } @media (orientation: landscape) and (min-width: 641px) { #section4 { background-image: url('/cnil/media/imagette/1024x768/Chapitre03'); background-size: cover; } } /*---------------------------------------------------------------------------------------------------------*/ @media (orientation: portrait) and (max-height: 640px) { #section4 { background-image: url('/cnil/media/imagette/480x640/Chapitre03'); background-size: cover; } } @media (orientation: portrait) and (min-height: 641px) { #section4 { background-image: url('/cnil/media/imagette/768x1024/Chapitre03'); background-size: cover; } } @media (min-aspect-ratio:14/9){ #section4 { background-image: url('/cnil/media/imagette/1024x576/Chapitre03'); background-size: cover; } } </div> <div id="styleSection5" style="display:none"> @media (orientation: landscape) and (max-width: 640px) { #section5 { background-image: url('/cnil/media/imagette/640x480/Chapitre04'); background-size: cover; } } @media (orientation: landscape) and (min-width: 641px) { #section5 { background-image: url('/cnil/media/imagette/1024x768/Chapitre04'); background-size: cover; } } /*---------------------------------------------------------------------------------------------------------*/ @media (orientation: portrait) and (max-height: 640px) { #section5 { background-image: url('/cnil/media/imagette/480x640/Chapitre04'); background-size: cover; } } @media (orientation: portrait) and (min-height: 641px) { #section5 { background-image: url('/cnil/media/imagette/768x1024/Chapitre04'); background-size: cover; } } @media (min-aspect-ratio:14/9){ #section5 { background-image: url('/cnil/media/imagette/1024x576/Chapitre04'); background-size: cover; } } </div> <div id="styleSection6" style="display:none"> @media (orientation: landscape) and (max-width: 640px) { #section6 { background-image: url('/cnil/media/imagette/640x480/Chapitre05'); background-size: cover; } } @media (orientation: landscape) and (min-width: 641px) { #section6 { background-image: url('/cnil/media/imagette/1024x768/Chapitre05'); background-size: cover; } } /*---------------------------------------------------------------------------------------------------------*/ @media (orientation: portrait) and (max-height: 640px) { #section6 { background-image: url('/cnil/media/imagette/480x640/Chapitre05'); background-size: cover; } } @media (orientation: portrait) and (min-height: 641px) { #section6 { background-image: url('/cnil/media/imagette/768x1024/Chapitre05'); background-size: cover; } } @media (min-aspect-ratio:14/9){ #section6 { background-image: url('/cnil/media/imagette/1024x576/Chapitre05'); background-size: cover; } } </div> <script type="didomi/javascript" data-vendor="c:googleana-4TXnJigR"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-97832474-2', {'cookieExpires': 31557600}); ga('send', 'pageview'); </script> <div id="fb-root"></div> <script type="didomi/javascript" data-vendor="didomi:facebook"> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId="; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <script type="didomi/javascript" data-vendor="didomi:twitter"> !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs"); </script> <script type="text/javascript"> window.environment ="prod"; var env = "prod"; var subdomain = ''; switch(env){ case 'dev': subdomain = 'minisites.web-studio-dev.ina.fr'; break; case 'edition': subdomain = 'minisites.web01.edition-studio.d.priv.ina'; break; case 'int': case 'int2': case 'intsas': subdomain = 'sites-int.ina.fr'; break; default: subdomain = 'sites.ina.fr'; } window.didomiConfig = { cookies: { local: { customDomain: subdomain } } }; </script> <script type="text/javascript"> window.gdprAppliesGlobally=true;(function(){function a(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)} 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,tgt){ 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_type=notice&target="+tgt;t.charset="utf-8";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)})("8a0a8597-0863-4821-9fdc-f24a0a783a3d","UBrmQa8x")})(); </script> </head> <body class="ux-fullpage is-iframe-"> <div id="splashscreen"> <div class="ux-content"> <img class="ux-baseline lozad" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" data-src="https://sites.ina.fr/ressource/cnil/images/logo.png"> <div class="ux-throbber"> <div class="ux-spinner"> <div class="spinner-container container1"> <div class="circle1"></div> <div class="circle2"></div> <div class="circle3"></div> <div class="circle4"></div> </div> <div class="spinner-container container2"> <div class="circle1"></div> <div class="circle2"></div> <div class="circle3"></div> <div class="circle4"></div> </div> <div class="spinner-container container3"> <div class="circle1"></div> <div class="circle2"></div> <div class="circle3"></div> <div class="circle4"></div> </div> </div> <div class="ux-chargement">Chargement</div> </div> </div> </div> <div id="annexModal" class="annexModal" style="display:none"></div> <div class="ux-share" id="ux-share"> <div class="ux-lien-cookies"> <a href="javascript:Didomi.preferences.show()">Gestion des cookies</a> </div> <div class="ux-social"> <div class="ux-tweeter"> <a href="https://twitter.com/share" class="twitter-share-button" data-url="https://sites.ina.fr/cnil/focus/chapitre/1" data-hashtags="" data-lang="fr"></a> </div>  <div class="ux-facebook fb-like" data-href="https://sites.ina.fr/cnil/focus/chapitre/1" data-width="" data-layout="button" data-action="like" data-size="small" data-share="false"> </div> </div> </div> <header id="ux-focus-header" class="ux-header" > <div class="ux-logo"> <a href="/cnil/" alt="Accueil"> <img class="lozad" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" data-src="https://sites.ina.fr/ressource/cnil/images/logo-40-ans.png"/> </a> </div> <div class="ux-logos-partenaires ux-right"> <a href="https://www.cnil.fr" target="_blank" rel="noopener"> <i class="icon-play"></i> cnil.fr </a> </div> </header> <div id="search-results" class="ux-search-results"></div> <footer id="ux-focus-footer" class="ux-footer ina-affix" > <ul> <li> <a href="/cnil/contact/" data-annex-modal title="Ouvre le formulaire de contact"> Contact </a> </li> <li data-footer-link="credits"> <a href="/cnil/annexe/credits" title="Ouvre la page de l'annexe Crédits" data-annex-modal> Crédits </a> </li> <li data-footer-link="cgu"> <a href="http://www.ina.fr/pages-carrefours/conditions-generales-d-utilisation" title="Conditions générales d'utilisation (nouvelle fenêtre)" target="_blank" rel="noopener">CGU </a> </li> <li> <a href="http://www.ina.fr/pages-statiques/mentions-legales" target="_blank" rel="noopener" title="Mentions légales (nouvelle fenêtre)"> Mentions légales </a> </li> <li data-footer-link="faq"> <a href="/cnil/faq" title="Ouvre la page de la FAQ" data-annex-modal> FAQ </a> </li> <li > <a href="/cnil/vie-privee" title="Ouvre la page de la charte pour la vie privée" data-annex-modal> Charte pour la vie privée </a> </li> </ul> <div class="clearfix"></div> <div class="ux-credits hidden-xs"> <div class="ux-left"> </div> <div class="ux-right"> conçu et développé par <a href="https://www.ina.fr/offres-et-services/studio-web" class="ux-logo-ina" target="_blank" rel="noopener"> <img class="lozad" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" data-src="https://sites.ina.fr/ressource/cnil/images/logo-ina.png" height='40px'/> </a> </div> </div> </footer> <div id="toggle-menu-smartphone" class="icon-menu ux-toggle-menu-smartphone"></div> <nav id="navigation-smartphone"> <ul>  <a onclick="$.fn.fullpage.moveTo(1, 0);" class="icon-home navigation-return-home"></a> <li onclick="$.fn.fullpage.moveTo(2, 0);" > <a class="ux-link-smartphone"> Années 1970-1980 : la vigilance citoyenne face aux gros fichiers de l’État </a> </li> <li onclick="$.fn.fullpage.moveTo(3, 0);" > <a class="ux-link-smartphone"> Années 1990 : les données, carburant du marketing </a> </li> <li onclick="$.fn.fullpage.moveTo(4, 0);" > <a class="ux-link-smartphone"> Années 2000 : le monde change et les données n'ont plus de frontières </a> </li> <li onclick="$.fn.fullpage.moveTo(5, 0);" > <a class="ux-link-smartphone"> Années 2010 : prise de conscience collective et adaptation de la régulation européenne </a> </li> <li onclick="$.fn.fullpage.moveTo(6, 0);" > <a class="ux-link-smartphone"> Années 2020 : la vie privée à l’heure du RGPD </a> </li> </ul> </nav> <nav id="ux-navigation" class="hidden-xs ux-navigation"> <div class="centered-content"> <ul id="menu" class="ux-fullpage-menu ux-parcours-links-in-navigation"> <li onclick="$.fn.fullpage.moveTo(1, 0);" id="menulink-1" style="display:none;"> <a class="ux-list-link"> <div class="ux-navigation-puce-container"> <i class="icon-circle navigation-puce"></i> <i class="icon-circle-empty navigation-puce-empty"></i> </div> <div class="ux-chapitre"> <div id="menu-link-title-1" class="ux-title ina-component" data-events="{'click' : 'show_navigation' }" id="ux-menu-line1"> 45 ans au service des libertés </div> </div> </a> </li> <li onclick="$.fn.fullpage.moveTo(2, 0);" id="menulink-2" > <a class="ux-list-link"> <div class="ux-navigation-puce-container"> <i class="icon-circle navigation-puce"></i> <i class="icon-circle-empty navigation-puce-empty"></i> </div> <div class="ux-chapitre"> <div id="menu-link-title-2" class="ux-title ina-component" data-events="{'click' : 'show_navigation' }" id="ux-menu-line2"> Années 1970-1980 : la vigilance citoyenne face aux gros fichiers de l’État </div> </div> </a> </li> <li onclick="$.fn.fullpage.moveTo(3, 0);" id="menulink-3" > <a class="ux-list-link"> <div class="ux-navigation-puce-container"> <i class="icon-circle navigation-puce"></i> <i class="icon-circle-empty navigation-puce-empty"></i> </div> <div class="ux-chapitre"> <div id="menu-link-title-3" class="ux-title ina-component" data-events="{'click' : 'show_navigation' }" id="ux-menu-line3"> Années 1990 : les données, carburant du marketing </div> </div> </a> </li> <li onclick="$.fn.fullpage.moveTo(4, 0);" id="menulink-4" > <a class="ux-list-link"> <div class="ux-navigation-puce-container"> <i class="icon-circle navigation-puce"></i> <i class="icon-circle-empty navigation-puce-empty"></i> </div> <div class="ux-chapitre"> <div id="menu-link-title-4" class="ux-title ina-component" data-events="{'click' : 'show_navigation' }" id="ux-menu-line4"> Années 2000 : le monde change et les données n'ont plus de frontières </div> </div> </a> </li> <li onclick="$.fn.fullpage.moveTo(5, 0);" id="menulink-5" > <a class="ux-list-link"> <div class="ux-navigation-puce-container"> <i class="icon-circle navigation-puce"></i> <i class="icon-circle-empty navigation-puce-empty"></i> </div> <div class="ux-chapitre"> <div id="menu-link-title-5" class="ux-title ina-component" data-events="{'click' : 'show_navigation' }" id="ux-menu-line5"> Années 2010 : prise de conscience collective et adaptation de la régulation européenne </div> </div> </a> </li> <li onclick="$.fn.fullpage.moveTo(6, 0);" id="menulink-6" > <a class="ux-list-link"> <div class="ux-navigation-puce-container"> <i class="icon-circle navigation-puce"></i> <i class="icon-circle-empty navigation-puce-empty"></i> </div> <div class="ux-chapitre"> <div id="menu-link-title-6" class="ux-title ina-component" data-events="{'click' : 'show_navigation' }" id="ux-menu-line6"> Années 2020 : la vie privée à l’heure du RGPD </div> </div> </a> </li> </ul> </div> </nav> <div id="fullpage"> <script> parcours_ids=["parcours-0","parcours-1","parcours-2","parcours-3","parcours-4","parcours-5",] </script> <div class="section " id="section1"> <div class="slide" id="section1_slide1"> <div class="ux-fullsection"> <div id="ux-fade-background1" class="ux-fade-background"></div> <div style="content: ''; height: 100%" id="resume-parcour1" class="ux-parcours-resume ina-component hidden-xs ux-sans-document" > <div style="display: table-cell;vertical-align: middle"> <div class="ux-parcours-container"> <h1>45 ans au service des libertés</h1> <span>Les données personnelles sont désormais massivement confiées par les citoyens et utilisées par les États et les entreprises dans des usages et services du quotidien. Dans cet univers numérique, la Commission Nationale de l'Informatique et des Libertés (CNIL) est le régulateur des données personnelles. À ce titre, elle doit trouver un équilibre entre le respect des droits fondamentaux et des libertés individuelles et les intérêts économiques et les impératifs de sécurité publique.</span> </div>  </div> </div> <a onclick="$.fn.fullpage.moveSectionDown();" class="ux-link-smartphone ux-link-arrow-chapter" > <div class="icon-down-open ux-mobile-navigation-chapters-arrow ux-navigation-next-chapter"></div> </a> </div> <div class="navigation"> </div> </div> </div> <div class="section " id="section2"> <div class="slide" id="section2_slide1"> <div class="ux-fullsection"> <div id="ux-fade-background2" class="ux-fade-background"></div> <div style="content: ''; height: 100%" id="resume-parcour2" class="ux-parcours-resume ina-component hidden-xs " data-events="{'click' : 'show_documents' }" > <div style="display: table-cell;vertical-align: middle"> <div class="ux-parcours-container"> <h1>Années 1970-1980 : la vigilance citoyenne face aux gros fichiers de l’État</h1> <span>L’informatisation des administrations puis des entreprises soulève des débats sur la protection de la vie privée. Le projet du gouvernement, appelé SAFARI, qui prévoit d’identifier chaque citoyen par un numéro et d'interconnecter sur la base de cet identifiant tous les fichiers de l'administration, crée une vive émotion dans l'opinion publique. Le développement de l'informatique doit se faire dans le respect de la vie privée et des libertés individuelles ! En 1978, la nouvelle loi informatique et libertés donne ainsi naissance à la CNIL, autorité administrative indépendante.</span> </div>  <div class="ux-standard-button"></div> </div> </div> <div class="visible-xs ux-navigation-open-chapter"> <div class="ina-component icon-plus-circled ux-button-show-videos" data-disable-click="true" data-disable-centering="true" data-loop="2" data-events="{'click' : 'show_documents' }" > </div> </div> <span class="titre-smartphone visible-xs">Années 1970-1980 : la vigilance citoyenne face aux gros fichiers de l’État</span> <a onclick="$.fn.fullpage.moveSectionUp();" class="ux-link-smartphone ux-link-arrow-chapter"> <div class="icon-up-open ux-mobile-navigation-chapters-arrow ux-navigation-prev-chapter"></div> </a> <a onclick="$.fn.fullpage.moveSectionDown();" class="ux-link-smartphone ux-link-arrow-chapter" > <div class="icon-down-open ux-mobile-navigation-chapters-arrow ux-navigation-next-chapter"></div> </a> </div> <div class="navigation"> </div> </div> <div class="slide" id="section2_slide2"> <div class="ux-title-container hidden-xs" id="title-bar2"> <h2 class="ux-title-text"> <span id="title2">Années 1970-1980 : la vigilance citoyenne face aux gros fichiers de l’État</span> </h2> </div> <div class="ux-documents"> <div class="ux-documents-wrapper" data-titre="Années 1970-1980 : la vigilance citoyenne face aux gros fichiers de l’État"> <div class="ux-resume-smartphone visible-xs"> <h2> Années 1970-1980 : la vigilance citoyenne face aux gros fichiers de l’État </h2> <p> L’informatisation des administrations puis des entreprises soulève des débats sur la protection de la vie privée. Le projet du gouvernement, appelé SAFARI, qui prévoit d’identifier chaque citoyen par un numéro et d'interconnecter sur la base de cet identifiant tous les fichiers de l'administration, crée une vive émotion dans l'opinion publique. Le développement de l'informatique doit se faire dans le respect de la vie privée et des libertés individuelles ! En 1978, la nouvelle loi informatique et libertés donne ainsi naissance à la CNIL, autorité administrative indépendante. </p> </div> <ul> <li class="ina-component ux-media-focus ux-hm6746c41dea67e" id="item_CAF97060610" data-events="{'click': { 'open_video' : 'CAF97060610'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAF97060610" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>SAFARI : un projet de « mise en fiches » de la population française</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>23 juil 1972 </li> <li><i class="icon-clock"> </i> 03:13</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41deb755" id="item_CAF88045000" data-events="{'click': { 'open_video' : 'CAF88045000'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAF88045000" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Michel Chevalet sur l’interconnexion des fichiers et les enjeux pour les libertés</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>18 avr 1974 </li> <li><i class="icon-clock"> </i> 02:31</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41debf13" id="item_CAB7501179101" data-events="{'click': { 'open_video' : 'CAB7501179101'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAB7501179101" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Informatique : un risque pour les libertés individuelles ?</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>17 sep 1975 </li> <li><i class="icon-clock"> </i> 04:34</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41debf5a" id="item_CAA7601777901" data-events="{'click': { 'open_video' : 'CAA7601777901'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAA7601777901" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Le Gouvernement adopte un projet de loi sur l'informatique et les libertés</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>15 juil 1976 </li> <li><i class="icon-clock"> </i> 03:03</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41debf93" id="item_I17320146" data-events="{'click': { 'open_video' : 'I17320146'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/I17320146" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Présentation de la loi informatique et libertés</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>21 sep 1979 </li> <li><i class="icon-clock"> </i> 03:24</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41debfc9" id="item_CAB8000121801" data-events="{'click': { 'open_video' : 'CAB8000121801'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAB8000121801" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Le rôle de la nouvelle commission Informatique et libertés</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>17 jan 1980 </li> <li><i class="icon-clock"> </i> 02:59</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec032" id="item_RXC02009412" data-events="{'click': { 'open_video' : 'RXC02009412'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/RXC02009412" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Robert Badinter inaugure le casier judiciaire électronique</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>08 juin 1982 </li> <li><i class="icon-clock"> </i> 03:09</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec0ab" id="item_CAB88013556" data-events="{'click': { 'open_video' : 'CAB88013556'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAB88013556" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Une nouvelle carte d'identité quasiment infalsifiable</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>06 avr 1988 </li> <li><i class="icon-clock"> </i> 02:03</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec0e7" id="item_CAB88045387" data-events="{'click': { 'open_video' : 'CAB88045387'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAB88045387" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Des garanties pour la création d'un fichier des personnes séropositives</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>23 nov 1988 </li> <li><i class="icon-clock"> </i> 02:11</li> </ul> </div> </div> </a> </li>  </ul> </div> </div> </div> </div> <div class="section " id="section3"> <div class="slide" id="section3_slide1"> <div class="ux-fullsection"> <div id="ux-fade-background3" class="ux-fade-background"></div> <div style="content: ''; height: 100%" id="resume-parcour3" class="ux-parcours-resume ina-component hidden-xs " data-events="{'click' : 'show_documents' }" > <div style="display: table-cell;vertical-align: middle"> <div class="ux-parcours-container"> <h1>Années 1990 : les données, carburant du marketing</h1> <span>Internet pour tous est lancé, les réseaux s’étendent, les données circulent ! Le marketing innove, l’e-santé fait ses premiers pas, la vidéosurveillance entre en scène, les salariés sont plus étroitement surveillés. Face à l’arrivée de nouveaux enjeux, un nouveau cadre juridique européen apparaît pour favoriser la libre circulation des données personnelles tout en harmonisant le niveau de protection de ces données.</span> </div>  <div class="ux-standard-button"></div> </div> </div> <div class="visible-xs ux-navigation-open-chapter"> <div class="ina-component icon-plus-circled ux-button-show-videos" data-disable-click="true" data-disable-centering="true" data-loop="3" data-events="{'click' : 'show_documents' }" > </div> </div> <span class="titre-smartphone visible-xs">Années 1990 : les données, carburant du marketing</span> <a onclick="$.fn.fullpage.moveSectionUp();" class="ux-link-smartphone ux-link-arrow-chapter"> <div class="icon-up-open ux-mobile-navigation-chapters-arrow ux-navigation-prev-chapter"></div> </a> <a onclick="$.fn.fullpage.moveSectionDown();" class="ux-link-smartphone ux-link-arrow-chapter" > <div class="icon-down-open ux-mobile-navigation-chapters-arrow ux-navigation-next-chapter"></div> </a> </div> <div class="navigation"> </div> </div> <div class="slide" id="section3_slide2"> <div class="ux-title-container hidden-xs" id="title-bar3"> <h2 class="ux-title-text"> <span id="title3">Années 1990 : les données, carburant du marketing</span> </h2> </div> <div class="ux-documents"> <div class="ux-documents-wrapper" data-titre="Années 1990 : les données, carburant du marketing"> <div class="ux-resume-smartphone visible-xs"> <h2> Années 1990 : les données, carburant du marketing </h2> <p> Internet pour tous est lancé, les réseaux s’étendent, les données circulent ! Le marketing innove, l’e-santé fait ses premiers pas, la vidéosurveillance entre en scène, les salariés sont plus étroitement surveillés. Face à l’arrivée de nouveaux enjeux, un nouveau cadre juridique européen apparaît pour favoriser la libre circulation des données personnelles tout en harmonisant le niveau de protection de ces données. </p> </div> <ul> <li class="ina-component ux-media-focus ux-hm6746c41dec172" id="item_CAB93054066" data-events="{'click': { 'open_video' : 'CAB93054066'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAB93054066" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Informatique :<em> Big Brother </em>devenu réalité ?</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>27 aoû 1993 </li> <li><i class="icon-clock"> </i> 02:41</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec1b2" id="item_CAB94104286" data-events="{'click': { 'open_video' : 'CAB94104286'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAB94104286" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Le boom des cartes de fidélité</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>25 nov 1994 </li> <li><i class="icon-clock"> </i> 02:02</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec1e7" id="item_LYC9503141774" data-events="{'click': { 'open_video' : 'LYC9503141774'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/LYC9503141774" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Les premiers pas sur le web</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>13 mar 1995 </li> <li><i class="icon-clock"> </i> 02:34</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec21a" id="item_CAB95023976" data-events="{'click': { 'open_video' : 'CAB95023976'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAB95023976" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>SIS : un fichier partagé par toutes les polices de l'espace Schengen</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>25 mar 1995 </li> <li><i class="icon-clock"> </i> 01:40</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec257" id="item_RN00001251559" data-events="{'click': { 'open_video' : 'RN00001251559'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/RN00001251559" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>La CNIL met en cause la confidentialité de la carte Vitale</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>09 juil 1998 </li> <li><i class="icon-clock"> </i> 02:04</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec288" id="item_CAB98049356" data-events="{'click': { 'open_video' : 'CAB98049356'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAB98049356" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Des salariés surveillés par carte à puce</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>08 déc 1998 </li> <li><i class="icon-clock"> </i> 02:35</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec2b9" id="item_CAB91052578" data-events="{'click': { 'open_video' : 'CAB91052578'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/CAB91052578" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>La légalisation de fichiers des Renseignements Généraux</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>15 oct 1991 </li> <li><i class="icon-clock"> </i> 01:40</li> </ul> </div> </div> </a> </li>  </ul> </div> </div> </div> </div> <div class="section " id="section4"> <div class="slide" id="section4_slide1"> <div class="ux-fullsection"> <div id="ux-fade-background4" class="ux-fade-background"></div> <div style="content: ''; height: 100%" id="resume-parcour4" class="ux-parcours-resume ina-component hidden-xs " data-events="{'click' : 'show_documents' }" > <div style="display: table-cell;vertical-align: middle"> <div class="ux-parcours-container"> <h1>Années 2000 : le monde change et les données n'ont plus de frontières</h1> <span>Après le choc du 11 septembre 2001, les États du monde entier décident de renforcer les mesures sécuritaires contre la menace terroriste. La France crée de nouveaux fichiers de police et élargit l’accès des autorités aux communications privées. Quand le curseur d’un projet de loi penche vers « plus de sécurité », la CNIL réclame des garanties pour préserver les libertés individuelles. C’est aussi la naissance des géants de l’internet qui ingèrent les milliards de données d’utilisateurs de comptes en ligne. « Si c’est gratuit, c’est vous le produit !» devient la règle du jeu implicite.</span> </div>  <div class="ux-standard-button"></div> </div> </div> <div class="visible-xs ux-navigation-open-chapter"> <div class="ina-component icon-plus-circled ux-button-show-videos" data-disable-click="true" data-disable-centering="true" data-loop="4" data-events="{'click' : 'show_documents' }" > </div> </div> <span class="titre-smartphone visible-xs">Années 2000 : le monde change et les données n'ont plus de frontières</span> <a onclick="$.fn.fullpage.moveSectionUp();" class="ux-link-smartphone ux-link-arrow-chapter"> <div class="icon-up-open ux-mobile-navigation-chapters-arrow ux-navigation-prev-chapter"></div> </a> <a onclick="$.fn.fullpage.moveSectionDown();" class="ux-link-smartphone ux-link-arrow-chapter" > <div class="icon-down-open ux-mobile-navigation-chapters-arrow ux-navigation-next-chapter"></div> </a> </div> <div class="navigation"> </div> </div> <div class="slide" id="section4_slide2"> <div class="ux-title-container hidden-xs" id="title-bar4"> <h2 class="ux-title-text"> <span id="title4">Années 2000 : le monde change et les données n'ont plus de frontières</span> </h2> </div> <div class="ux-documents"> <div class="ux-documents-wrapper" data-titre="Années 2000 : le monde change et les données n'ont plus de frontières"> <div class="ux-resume-smartphone visible-xs"> <h2> Années 2000 : le monde change et les données n'ont plus de frontières </h2> <p> Après le choc du 11 septembre 2001, les États du monde entier décident de renforcer les mesures sécuritaires contre la menace terroriste. La France crée de nouveaux fichiers de police et élargit l’accès des autorités aux communications privées. Quand le curseur d’un projet de loi penche vers « plus de sécurité », la CNIL réclame des garanties pour préserver les libertés individuelles. C’est aussi la naissance des géants de l’internet qui ingèrent les milliards de données d’utilisateurs de comptes en ligne. « Si c’est gratuit, c’est vous le produit !» devient la règle du jeu implicite. </p> </div> <ul> <li class="ina-component ux-media-focus ux-hm6746c41dec315" id="item_1932266001011" data-events="{'click': { 'open_video' : '1932266001011'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/1932266001011" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Un nouveau pouvoir de sanction pour la CNIL</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>29 jan 2002 </li> <li><i class="icon-clock"> </i> 02:37</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec34a" id="item_1939844001012" data-events="{'click': { 'open_video' : '1939844001012'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/1939844001012" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Une balise de détresse dans la carte Navigo ?</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>13 fév 2002 </li> <li><i class="icon-clock"> </i> 01:32</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec37b" id="item_2136229001024" data-events="{'click': { 'open_video' : '2136229001024'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/2136229001024" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Inquiétude de la CNIL face à la loi sur la sécurité intérieure</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>25 oct 2002 </li> <li><i class="icon-clock"> </i> 01:35</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec3ac" id="item_I17320147" data-events="{'click': { 'open_video' : 'I17320147'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/I17320147" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Le 11 septembre et la remise en cause de certains droits fondamentaux</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>18 oct 2004 </li> <li><i class="icon-clock"> </i> 05:14</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec3dc" id="item_R17320067" data-events="{'click': { 'open_video' : 'R17320067'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/R17320067" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>De nouveaux correspondants CNIL dans les entreprises</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>23 oct 2004 </li> <li><i class="icon-clock"> </i> 02:47</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec433" id="item_2728282001028" data-events="{'click': { 'open_video' : '2728282001028'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/2728282001028" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Une puce dans le pass Navigo</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>17 déc 2004 </li> <li><i class="icon-clock"> </i> 01:37</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec466" id="item_NY00001362411" data-events="{'click': { 'open_video' : 'NY00001362411'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/NY00001362411" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Quand les nouvelles technologies laissent des traces</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>17 mar 2007 </li> <li><i class="icon-clock"> </i> 07:05</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec497" id="item_PA00001388757" data-events="{'click': { 'open_video' : 'PA00001388757'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/PA00001388757" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Entrée en service du pass Navigo anonyme</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>23 aoû 2007 </li> <li><i class="icon-clock"> </i> 00:30</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec4c6" id="item_3728934001001" data-events="{'click': { 'open_video' : '3728934001001'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/3728934001001" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Le fichier "Edvige" revu et corrigé</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>19 sep 2008 </li> <li><i class="icon-clock"> </i> 02:14</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec4f8" id="item_R17320068" data-events="{'click': { 'open_video' : 'R17320068'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/R17320068" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Un nouveau passeport biométrique qui contient les empreintes digitales</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>31 oct 2008 </li> <li><i class="icon-clock"> </i> 01:48</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec527" id="item_I17320148" data-events="{'click': { 'open_video' : 'I17320148'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/I17320148" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Vers un droit à l'oubli pour effacer ses traces ?</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>04 déc 2008 </li> <li><i class="icon-clock"> </i> 00:47</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec557" id="item_3821689001002" data-events="{'click': { 'open_video' : '3821689001002'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/3821689001002" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>La CNIL met en cause la gestion du fichier des auteurs d'infractions (Stic)</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>22 jan 2009 </li> <li><i class="icon-clock"> </i> 01:37</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec587" id="item_4198699001003" data-events="{'click': { 'open_video' : '4198699001003'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/4198699001003" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Des salariés licenciés pour avoir dénigré leur direction sur Facebook</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>22 mai 2010 </li> <li><i class="icon-clock"> </i> 02:01</li> </ul> </div> </div> </a> </li>  </ul> </div> </div> </div> </div> <div class="section " id="section5"> <div class="slide" id="section5_slide1"> <div class="ux-fullsection"> <div id="ux-fade-background5" class="ux-fade-background"></div> <div style="content: ''; height: 100%" id="resume-parcour5" class="ux-parcours-resume ina-component hidden-xs " data-events="{'click' : 'show_documents' }" > <div style="display: table-cell;vertical-align: middle"> <div class="ux-parcours-container"> <h1>Années 2010 : prise de conscience collective et adaptation de la régulation européenne</h1> <span>Les traces s’accumulent et pas que sur internet ! Bardés de capteurs, les objets connectés nous entourent, nous managent, nous conseillent… En 2013, Edward Snowden révèle au monde que collecte des données par les acteurs privés et espionnage étatique sont les deux faces d’une même pièce. La prise de conscience collective accélère l’arrivée d’un cadre européen plus protecteur pour la vie privée des citoyens. « Se faire oublier », « emporter ses données » sont maintenant des droits qui s’imposent aux grands acteurs du numérique. Et maintenant ? L’intelligence artificielle et les algorithmes plongent la société dans de nouveaux enjeux éthiques. Une fois de plus, la CNIL est chargée d’anticiper les risques pour les libertés dans un monde en constante mutation.</span> </div>  <div class="ux-standard-button"></div> </div> </div> <div class="visible-xs ux-navigation-open-chapter"> <div class="ina-component icon-plus-circled ux-button-show-videos" data-disable-click="true" data-disable-centering="true" data-loop="5" data-events="{'click' : 'show_documents' }" > </div> </div> <span class="titre-smartphone visible-xs">Années 2010 : prise de conscience collective et adaptation de la régulation européenne</span> <a onclick="$.fn.fullpage.moveSectionUp();" class="ux-link-smartphone ux-link-arrow-chapter"> <div class="icon-up-open ux-mobile-navigation-chapters-arrow ux-navigation-prev-chapter"></div> </a> <a onclick="$.fn.fullpage.moveSectionDown();" class="ux-link-smartphone ux-link-arrow-chapter" > <div class="icon-down-open ux-mobile-navigation-chapters-arrow ux-navigation-next-chapter"></div> </a> </div> <div class="navigation"> </div> </div> <div class="slide" id="section5_slide2"> <div class="ux-title-container hidden-xs" id="title-bar5"> <h2 class="ux-title-text"> <span id="title5">Années 2010 : prise de conscience collective et adaptation de la régulation européenne</span> </h2> </div> <div class="ux-documents"> <div class="ux-documents-wrapper" data-titre="Années 2010 : prise de conscience collective et adaptation de la régulation européenne"> <div class="ux-resume-smartphone visible-xs"> <h2> Années 2010 : prise de conscience collective et adaptation de la régulation européenne </h2> <p> Les traces s’accumulent et pas que sur internet ! Bardés de capteurs, les objets connectés nous entourent, nous managent, nous conseillent… En 2013, Edward Snowden révèle au monde que collecte des données par les acteurs privés et espionnage étatique sont les deux faces d’une même pièce. La prise de conscience collective accélère l’arrivée d’un cadre européen plus protecteur pour la vie privée des citoyens. « Se faire oublier », « emporter ses données » sont maintenant des droits qui s’imposent aux grands acteurs du numérique. Et maintenant ? L’intelligence artificielle et les algorithmes plongent la société dans de nouveaux enjeux éthiques. Une fois de plus, la CNIL est chargée d’anticiper les risques pour les libertés dans un monde en constante mutation. </p> </div> <ul> <li class="ina-component ux-media-focus ux-hm6746c41dec5d4" id="item_4424451001017" data-events="{'click': { 'open_video' : '4424451001017'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/4424451001017" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>La CNIL sanctionne la politique de confidentialité de Google</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>21 mar 2011 </li> <li><i class="icon-clock"> </i> 01:51</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec607" id="item_4603208001009" data-events="{'click': { 'open_video' : '4603208001009'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/4603208001009" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Les Français stockent des données très personnelles sur leur smartphone</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>13 déc 2011 </li> <li><i class="icon-clock"> </i> 02:06</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec645" id="item_5037775001015" data-events="{'click': { 'open_video' : '5037775001015'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/5037775001015" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>L'affaire Snowden : tous espionnés sur Internet ?</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>23 juin 2013 </li> <li><i class="icon-clock"> </i> 02:30</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec676" id="item_5041769001018" data-events="{'click': { 'open_video' : '5041769001018'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/5041769001018" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Les GAFA et les données personnelles</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>27 juin 2013 </li> <li><i class="icon-clock"> </i> 02:41</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec6a7" id="item_I17320149" data-events="{'click': { 'open_video' : 'I17320149'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/I17320149" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>La surveillance quotidienne des internautes français</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>15 jan 2014 </li> <li><i class="icon-clock"> </i> 02:35</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec6d6" id="item_5220820_001_016" data-events="{'click': { 'open_video' : '5220820_001_016'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/5220820_001_016" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Surveillance des salariés : la technologie au service des employeurs</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>25 mar 2014 </li> <li><i class="icon-clock"> </i> 03:15</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec706" id="item_5274518_001_014" data-events="{'click': { 'open_video' : '5274518_001_014'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/5274518_001_014" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Le droit à l'oubli numérique consacré par l’Europe</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>31 mai 2014 </li> <li><i class="icon-clock"> </i> 02:25</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec739" id="item_5458885_001_011" data-events="{'click': { 'open_video' : '5458885_001_011'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/5458885_001_011" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Le projet de loi relatif au renseignement</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>19 mar 2015 </li> <li><i class="icon-clock"> </i> 01:06</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec769" id="item_5823342_001_014" data-events="{'click': { 'open_video' : '5823342_001_014'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/5823342_001_014" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Des millions de comptes Yahoo! piratés en 2014</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>23 sep 2016 </li> <li><i class="icon-clock"> </i> 02:00</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec798" id="item_5850768_001_010" data-events="{'click': { 'open_video' : '5850768_001_010'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/5850768_001_010" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Création du fichier des Titres électroniques Sécurisés (TES)</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>07 nov 2016 </li> <li><i class="icon-clock"> </i> 02:06</li> </ul> </div> </div> </a> </li>  </ul> </div> </div> </div> </div> <div class="section " id="section6"> <div class="slide" id="section6_slide1"> <div class="ux-fullsection"> <div id="ux-fade-background6" class="ux-fade-background"></div> <div style="content: ''; height: 100%" id="resume-parcour6" class="ux-parcours-resume ina-component hidden-xs " data-events="{'click' : 'show_documents' }" > <div style="display: table-cell;vertical-align: middle"> <div class="ux-parcours-container"> <h1>Années 2020 : la vie privée à l’heure du RGPD</h1> <span>Avec le règlement général sur la protection des données (RGPD) désormais en vigueur, les droits des personnes sont renforcés ainsi que les pouvoirs de la CNIL.<br />Reconnaissance faciale, suivi des mesures sanitaires, des réseaux sociaux et des services numériques, intelligence artificielle… la protection des données et de la vie privée est au cœur des sujets de société. Son respect constitue désormais un enjeu de confiance dans la relation entre les utilisateurs et les acteurs du numérique/les gestionnaires de fichiers.<br />La régulation s’effectue désormais à une échelle européenne en lien avec les autres CNIL européennes. En cas de non-conformité, les amendes prononcées peuvent atteindre des centaines de millions d’euros. La digitalisation de notre environnement s’accélère et la CNIL évolue en même temps que les technologies et le cadre juridique.</span> </div>  <div class="ux-standard-button"></div> </div> </div> <div class="visible-xs ux-navigation-open-chapter"> <div class="ina-component icon-plus-circled ux-button-show-videos" data-disable-click="true" data-disable-centering="true" data-loop="6" data-events="{'click' : 'show_documents' }" > </div> </div> <span class="titre-smartphone visible-xs">Années 2020 : la vie privée à l’heure du RGPD</span> <a onclick="$.fn.fullpage.moveSectionUp();" class="ux-link-smartphone ux-link-arrow-chapter"> <div class="icon-up-open ux-mobile-navigation-chapters-arrow ux-navigation-prev-chapter"></div> </a> </div> <div class="navigation"> </div> </div> <div class="slide" id="section6_slide2"> <div class="ux-title-container hidden-xs" id="title-bar6"> <h2 class="ux-title-text"> <span id="title6">Années 2020 : la vie privée à l’heure du RGPD</span> </h2> </div> <div class="ux-documents"> <div class="ux-documents-wrapper" data-titre="Années 2020 : la vie privée à l’heure du RGPD"> <div class="ux-resume-smartphone visible-xs"> <h2> Années 2020 : la vie privée à l’heure du RGPD </h2> <p> Avec le règlement général sur la protection des données (RGPD) désormais en vigueur, les droits des personnes sont renforcés ainsi que les pouvoirs de la CNIL.<br />Reconnaissance faciale, suivi des mesures sanitaires, des réseaux sociaux et des services numériques, intelligence artificielle… la protection des données et de la vie privée est au cœur des sujets de société. Son respect constitue désormais un enjeu de confiance dans la relation entre les utilisateurs et les acteurs du numérique/les gestionnaires de fichiers.<br />La régulation s’effectue désormais à une échelle européenne en lien avec les autres CNIL européennes. En cas de non-conformité, les amendes prononcées peuvent atteindre des centaines de millions d’euros. La digitalisation de notre environnement s’accélère et la CNIL évolue en même temps que les technologies et le cadre juridique. </p> </div> <ul> <li class="ina-component ux-media-focus ux-hm6746c41dec7ff" id="item_G3543753_001_017" data-events="{'click': { 'open_video' : 'G3543753_001_017'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/G3543753_001_017" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Qu'est-ce que le RGPD ?</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>25 mai 2018 </li> <li><i class="icon-clock"> </i> 03:25</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec83b" id="item_G4529490_001_006" data-events="{'click': { 'open_video' : 'G4529490_001_006'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/G4529490_001_006" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>La CNIL refuse l’installation de caméras à comparaison faciale dans des lycées</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>30 oct 2019 </li> <li><i class="icon-clock"> </i> 01:54</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec86c" id="item_7386752_001_011" data-events="{'click': { 'open_video' : '7386752_001_011'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/7386752_001_011" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Les dérives du télétravail</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>17 aoû 2020 </li> <li><i class="icon-clock"> </i> 03:14</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec89c" id="item_7448767_001_004" data-events="{'click': { 'open_video' : '7448767_001_004'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/7448767_001_004" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>Une commune de 8 000 habitants victime d'une cyberattaque</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>23 nov 2020 </li> <li><i class="icon-clock"> </i> 01:58</li> </ul> </div> </div> </a> </li> <li class="ina-component ux-media-focus ux-hm6746c41dec8cc" id="item_7462525_001_020" data-events="{'click': { 'open_video' : '7462525_001_020'} }"> <a> <div class="row ux-item ux-type-video"> <div class="col-xs-12 col-sm-12 no-padding ux-img-container"> <img data-src="/cnil/media/imagette/512x384/7462525_001_020" src="https://sites.ina.fr/ressource/cnil/images/placeholder.gif" class="img-responsive ux_img lozad"/> <i class="icon-play ux-video-arrow"></i> </div> <div class="col-xs-12 col-sm-12 ux-item-infos-content"> <div class="ux-title"> <h2>La CNIL sanctionne Google et Amazon</h2> </div> <ul class="ux-infos"> <li> <i class="icon-calendar"> </i>10 déc 2020 </li> <li><i class="icon-clock"> </i> 01:21</li> </ul> </div> </div> </a> </li>  </ul> </div> </div> </div> </div> </div> <div id="close-button"> <div class="ina-component ux-standard-button" data-events="{'click' : 'hide_documents' }"> <i class="icon-left-open"></i>RETOUR </div> </div> <script> //on garde les valiables xiti, mais à priori elles ne servent plus à rien.... le projet etant mourrant, on va pas tout revoir var xtsd = window.location.protocol=='https:'? 'https://logs2': 'http://logi12'; var xtsite = 413399; var xtn2 = 3; var xtdi = ""; var xtnv = document; var xtpage = "Minisites::cnil::Focus"; var UX_CONFIG = { API: { xiti: { baseMarker: ["Minisites", "cnil"] } } }; // nouvelles variables piano analytics // config piano var paOptions = { log: 'logc409', logSSL: 'logs1409', site: 413399, domain: 'xiti.com', collectDomain: 'https://logs1409.xiti.com', collectDomainSSL: 'https://logs1409.xiti.com', userIdOrigin: 'server', secure: true, pixelPath: '/hit.xiti', disableCookie: false, disableStorage: false, cookieSecure: false, cookieDomain: '', preview: false, addEventURL: true, plgs: ['Tracker', 'Campaigns', 'Clicks', 'ClientSideUserId', 'ContextVariables', 'IdentifiedVisitor', 'InternalSearch', 'MvTesting', 'OnSiteAds', 'Page', 'RichMedia', 'SalesTracker', 'Storage', 'TechClicks', 'Utils' ], lazyLoadingPath: '', documentLevel: 'document', redirect: false, activateCallbacks: true, medium: '', ignoreEmptyChapterValue: true, base64Storage: false, sendHitWhenOptOut: true }; var paSiteType = 'Minisites' var paSiteKey = 'cnil'; var paPage = 'Focus'; </script> <script src="/bundles/hypermediaframeworkjs/js/footer-misc-sf-compiled.js?0.1.9.0"></script> <script type="text/javascript" src="/bundles/hypermediaframeworkjs/js/framework/bootstrap/hypermedia.js?0.1.9.0"></script> <script type="text/javascript" src="/bundles/hypermediaframeworkjs/js/framework/bootstrap/hypermedia.js?0.1.9.0"></script> <script type="text/javascript" src="/bundles/hypermediaframeworkjs/js/libs/piano/piano-analytics.js"></script> <script type="text/javascript"> function loadAsync(src, callback, relative){ var baseUrl = "/resources/script/"; var script = document.createElement('script'); if(relative === true){ script.src = baseUrl + src; }else{ script.src = src; } if(callback !== null){ if (script.readyState) { // IE, incl. IE9 script.onreadystatechange = function() { if (script.readyState == "loaded" || script.readyState == "complete") { script.onreadystatechange = null; callback(); } }; } else { script.onload = function() { // Other browsers callback(); }; } } document.getElementsByTagName('head')[0].appendChild(script); } </script> <script src="/bundles/hypermediaminisitecore/js/focus-sf-compiled.js?0.1.9.0"></script> <script> var extCommon = { initAnnexEvents : function() { Ext.select("[data-annex-modal]").on("click", function (evt, domElt) { evt.stopPropagation(); evt.preventDefault(); Ext.Ajax.request({ method: "GET", url: domElt.getAttribute('href'), success: function (data) { Ext.get('annexModal').update(data.responseText, true).show(); Ext.select('.closeAnnexButton').on("click", function (e) { e.preventDefault(); Ext.get('annexModal').hide(); }); } }); return false; }); } }; </script> <script> $(function() { shm.appFolder = "/bundles/hypermediaframeworkjs/js/framework/application"; shm.baseUrl = "https://sites.ina.fr/cnil/focus/"; shm.playerUrl = "/cnil/player/{0}/autoplay" ; shm.fullpageFocus.init(); }); </script> <script> var imgObserver = lozad(); // lazy loads elements with default selector as '.lozad' imgObserver.observe(); </script> </body> </html>

CINXE.COM

45 ans au service des libertés - CNIL