CINXE.COM
Connexion | CNIL
<!DOCTYPE html> <html lang="fr" > <head> <meta charset="UTF-8"><!-- 🔥 --> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> Connexion | CNIL </title> <link rel="preconnect" href="https://services.cnil.fr"> <meta name="theme-color" content="#003D8D"> <meta name="msapplication-navbutton-color" content="#003D8D"> <meta name="apple-mobile-web-app-title" content="CNIL"> <link rel="manifest" href="https://services.cnil.fr/manifest.json"> <meta name="apple-mobile-web-app-capable" content="yes"> <script src="https://services.cnil.fr/static/xstatic/jquery.min.js"></script> <link href="/static/authentic2/css/password.css" type="text/css" media="all" rel="stylesheet"> <script src="/static/xstatic/jquery.min.js"></script> <script src="/static/authentic2/js/js_seconds_until.js"></script> <script src="/static/authentic2/js/password.js"></script> <link rel="stylesheet" type="text/css" href="https://services.cnil.fr/static/cnil-2023/style.css?20241123.1721"> <style> html { --portal-profil-color: ; } </style> <script> const PUBLIK_PORTAL_AGENT_URL = "https://agents.services.cnil.fr/"; const PUBLIK_PORTAL_AGENT_TITLE = "Portail agent"; </script> <script src="https://services.cnil.fr/static/js/combo.public.js?20241123.1721" async></script> <script src="https://services.cnil.fr/static/js/combo.back.js?20241123.1721" async></script> <script src="https://services.cnil.fr/static/cnil-2023/extra.js?20241123.1721" async></script> </head> <body class=" page-connexion page-template-standard section-modeles-de-page anonymous-user authentic-page login-page " data-api-root="https://services.cnil.fr/api/" > <nav id="nav-skip" role="navigation" aria-label="accès rapides"> <ul> <li><a href="#main-content">Aller au contenu</a></li> <li><a href="#nav">Aller au menu</a></li> </ul> </nav> <div id="page" > <header role="banner" class="site-header"> <div id="header-wrapper" > <div class="portal-profil"> <div class="header-width"> <p></p> </div> </div> <div id="header" class="header-width"> <div id="top"> <h1 id="logo" class="has-logo"> <a title="Accueil - CNIL" accesskey="1" href="https://www.cnil.fr"> <span class="site-title"> CNIL </span> </a> </h1> <nav role="navigation" class="site-nav"> <div id="nav-wrapper" class="gru-nav-wrapper"> <div id="nav" class="nav-width gru-nav"> <button id="nav-button" class="gru-nav-button" aria-labelledby="nav-button--label"> <span class="sr-only" id="nav-button--label">Ouvrir le menu</span> <span class="icon-bar icon-bar-1"></span> <span class="icon-bar icon-bar-2"></span> <span class="icon-bar icon-bar-3"></span> </button> <ul class="menu "> <li data-menu-page-id="15" class=" menu--item menu-index "><a href="https://services.cnil.fr/" class="menu--link"><span class="menu--label">Services</span></a></li><li data-menu-page-id="16" class=" menu--item menu-mes-demarches "><a href="https://services.cnil.fr/mes-demarches/" class="menu--link"><span class="menu--label">Mes demandes</span></a></li><li data-menu-page-id="17" class="contains-subentries menu--item menu-mon-compte "><a href="https://services.cnil.fr/mon-compte/" class="menu--link"><span class="menu--label">Mon compte</span></a><ul class="submenu hide-on-escape"><li data-menu-page-id="18" class=" submenu--item menu-a-propos-du-compte "><a href="https://services.cnil.fr/mon-compte/a-propos-du-compte/" class="submenu--link"><span class="submenu--label">À propos du compte CNIL</span></a></li></ul></li> </ul> <div class="gru-nav-mask"></div> </div> <!-- nav --> </div> <!-- nav-wrapper --> </nav> <script> (function() { const nav_button = document.getElementById('nav-button'); const nav_button_label = document.getElementById('nav-button--label'); nav_button.addEventListener('click', function() { if (nav_button.classList.toggle('toggled')) { nav_button_label.textContent = 'Fermer le menu'; } else { nav_button_label.textContent = 'Ouvrir le menu'; } }); })(); </script> <div id="toplinks"> <ul class="toplinks--list login"> <li class="toplinks--list-item"> <a accesskey="2" class="login-link" href="#" >Connexion </a> </li><li class="toplinks--list-item"> <a class="registration" href="/register/?next=/idp/saml2/continue%3Fnonce%3D_F3BF34F5812A52A797E4A685875A9D00" >Inscription </a> </li> </ul> </div> </div> </div> <!-- header --> </div> <!-- header-wrapper --> </header> <main role="main"> <div id="main-content-wrapper" class="page-width"> <div id="main-content"> <header class="cnil-page-header"> <p><strong> Ce portail dédié permet de préparer, soumettre et suivre le traitement de vos démarches en tant que particulier auprès de la CNIL. </strong></p> </header> <div id="content" class="central-content gru-content"> <div id="columns-wrapper"> <div class="combo-placeholder combo-placeholder--columns-top"> <div class="cell text-cell textcell " data-ajax-cell-url="https://services.cnil.fr/ajax/cell/40/data_textcell-106/" data-ajax-cell-loading-message="Chargement…" data-ajax-cell-error-message="Erreur au chargement" ><div> <p>Pour l'utilisation de ce service, la création d’un compte est obligatoire et protège la confidentialité des échanges.<br /> Si vous ne souhaitez pas créer un compte, vous pouvez <a href="https://www.cnil.fr/fr/contacter-la-cnil-standard-et-permanences-telephoniques#courrier">adresser un courrier postal à la CNIL</a>.</p> </div></div> </div> <div id="columns" class="clearfix"> <div class="cnil-login-page"> <h1 class="cnil-blue-title">Connectez-vous à votre compte CNIL</h1> <div id="login-page" class="clearfix methods2"> <div class="block block-fc block-fc fc-login"> <h2 class="a2-block-title">S'identifier avec France Connect</h2> <div class="cell--body"> <div id="fc-explanation-text"> <p>FranceConnect est la solution proposée par l’État pour sécuriser et simplifier la connexion à vos services en ligne.</p> </div> <div id="fc-button-wrapper"> <div id="fc-button"> <a href="/fc/callback/?nonce=_F3BF34F5812A52A797E4A685875A9D00&next=/idp/saml2/continue%3Fnonce%3D_F3BF34F5812A52A797E4A685875A9D00" class="button connexion"> <span class="sr-only">S’identifier avec FranceConnect</span> </a> </div> </div> <div id="fc-explanation-link"> <a href="https://franceconnect.gouv.fr/" target="_blank" rel="noopener" title="Qu’est-ce que FranceConnect ? (s’ouvre dans une nouvelle fenêtre)">Qu’est-ce que FranceConnect ?</a> </div> </div> </div> <div class="block block-password block-password "> <h2 class="a2-block-title">S'identifier avec votre courriel</h2> <div class="cell--body"> <form method="post" id="login-password-form" class="pk-mark-optional-fields"> <input type="hidden" name="csrfmiddlewaretoken" value="ZUlpf1vok0mMcpeELqel8Zxwo4j08K2zKrxcXcR2zhaAAkGJO74ihVw8Q4okb0Xw"> <div class="widget django-text-input widget-required" id="id_username_p"> <div class="title" id="id_username_title"> <label for="id_username">Courriel :</label> <span title="Ce champ est obligatoire." class="required">*</span> </div> <div class="content" aria-labelledby="id_username_title" > <input type="text" name="username" autocapitalize="none" autocomplete="username" maxlength="256" aria-required="true" required id="id_username"> </div> </div> <div class="widget django-password-input widget-required gadjo-password-field" id="id_password_p"> <div class="title" id="id_password_title"> <label for="id_password">Mot de passe :</label> <span title="Ce champ est obligatoire." class="required">*</span> </div> <div class="content" aria-labelledby="id_password_title" > <input type="password" name="password" aria-required="true" required id="id_password"> <div class="password-visibility-checkbox"> <input id="password-visibility-checkbox-id_password" type="checkbox" aria-label="Afficher le mot de passe"> <label for="password-visibility-checkbox-id_password">Afficher</label> </div> <script> (function() { const checkbox = document.getElementById('password-visibility-checkbox-id_password'); const password_input = document.querySelector('#id_password_p input[type=password]'); checkbox.addEventListener('change', function(e) { if (this.checked) { password_input.type = 'text'; } else { password_input.type = 'password'; } }); checkbox.checked = false; // force to be hidden on load })(); </script> </div> </div> <div class="buttons"> <button class="submit-button" name="login-password-submit">Connexion</button> </div> </form> <link href="/static/authentic2/css/password.css" type="text/css" media="all" rel="stylesheet"> <script src="/static/xstatic/jquery.min.js"></script> <script src="/static/authentic2/js/js_seconds_until.js"></script> <script src="/static/authentic2/js/password.js"></script> <div class="login-actions"> <ul> <li><p>→ Mot de passe perdu ? <a href="/password/reset/?next=/idp/saml2/continue%3Fnonce%3D_F3BF34F5812A52A797E4A685875A9D00">Récupérez votre accès !</a></p></li> <li><p>→ Pas de compte ? <a href="/register/?next=/idp/saml2/continue%3Fnonce%3D_F3BF34F5812A52A797E4A685875A9D00">Enregistrez-vous !</a></p></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <!-- #content --> </div> <!-- #main-content --> </div> <!-- #main-content-wrapper --> </main> <footer role="contentinfo"> <div id="footer-wrapper"> <div id="footer" class="footer-width clearfix"> <div class="cell link-list-cell linklistcell grid-1-5 " data-ajax-cell-url="https://services.cnil.fr/ajax/cell/15/data_linklistcell-2/" data-ajax-cell-loading-message="Chargement…" data-ajax-cell-error-message="Erreur au chargement" ><div> <div class="links-list"><ul><li class=" grid-1-5"><a href="https://services.cnil.fr/mon-compte/aide-faq/">Aide et FAQ</a></li></ul></div> </div></div> <div class="cell link-list-cell linklistcell grid-2-5 " data-ajax-cell-url="https://services.cnil.fr/ajax/cell/15/data_linklistcell-3/" data-ajax-cell-loading-message="Chargement…" data-ajax-cell-error-message="Erreur au chargement" ><div> <div class="links-list"><ul><li class=" grid-2-5"><a href="https://www.cnil.fr/fr/contacter-la-cnil-standard-et-permanences-telephoniques">Contact</a></li></ul></div> </div></div> <div class="cell link-list-cell linklistcell grid-3-5 " data-ajax-cell-url="https://services.cnil.fr/ajax/cell/15/data_linklistcell-4/" data-ajax-cell-loading-message="Chargement…" data-ajax-cell-error-message="Erreur au chargement" ><div> <div class="links-list"><ul><li class=""><a href="https://services.cnil.fr/mon-compte/accessibilite/">Accessibilité : partiellement conforme</a></li></ul></div> </div></div> <div class="cell link-list-cell linklistcell grid-4-5 " data-ajax-cell-url="https://services.cnil.fr/ajax/cell/15/data_linklistcell-5/" data-ajax-cell-loading-message="Chargement…" data-ajax-cell-error-message="Erreur au chargement" ><div> <div class="links-list"><ul><li class=" grid-4-5"><a href="https://www.cnil.fr/fr/donnees-personnelles-compte-usager-attache-aux-teleservices">Données personnelles</a></li></ul></div> </div></div> <div class="cell link-list-cell linklistcell grid-5-5 " data-ajax-cell-url="https://services.cnil.fr/ajax/cell/15/data_linklistcell-6/" data-ajax-cell-loading-message="Chargement…" data-ajax-cell-error-message="Erreur au chargement" ><div> <div class="links-list"><ul><li class=""><a href="https://www.cnil.fr/">cnil.fr</a></li></ul></div> </div></div> <div class="back-top"> <a class="back-top--link" href="#nav-skip" accesskey="t" aria-label="Retour en haut de page"> <span class="back-top--link-label"> Retour </span> </a> </div> <script> var back_top_scrollY; $(function(){ var back_top_link = document.querySelector('.back-top--link'); var is_fixed = getComputedStyle(back_top_link, null).getPropertyValue("position") === "fixed"; if (is_fixed) { back_top_link.classList.add('back-top-scrollY'); back_top_scroll_Y = new ComboScrollY({ limit: 200, below: function(){ back_top_link.classList.add('below-scroll-limit'); back_top_link.classList.remove('above-scroll-limit'); }, above: function(){ back_top_link.classList.add('above-scroll-limit'); back_top_link.classList.remove('below-scroll-limit'); } }); } }); </script> </div> </div> </footer> </div> <!-- #page --> </body> </html>