|
|
|
|
@ -0,0 +1,170 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<link rel="stylesheet" href="grid.css">
|
|
|
|
|
<title>Grid</title>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div id="pj-popin-register" class="pj-popin pj-popin-register pj-popin-big-authent" role="dialog">
|
|
|
|
|
<div class="pjpopin-overlay pjpopin-closer"></div>
|
|
|
|
|
<div class="pj-popin-container pj-popin-authent ">
|
|
|
|
|
<a href="https://www.cd.pagesjaunes.fr/close-authentication" role="button" class="button normal-button btn btn_close btn_secondary btn_ico_only pjpopin-closer">
|
|
|
|
|
<i class="icon icon-fermer"></i>
|
|
|
|
|
<span class="value">Fermer la popin</span>
|
|
|
|
|
</a>
|
|
|
|
|
<div class="authent-container">
|
|
|
|
|
<section class="authent-banner">
|
|
|
|
|
<h1 id="kc-page-title" class="sen">
|
|
|
|
|
<span class="title-authent">
|
|
|
|
|
<span>
|
|
|
|
|
Inscription
|
|
|
|
|
</span>
|
|
|
|
|
<img src="/assets/images/arrow_draw-b6d09d328e.svg" alt="" width="120">
|
|
|
|
|
</span>
|
|
|
|
|
</h1>
|
|
|
|
|
<h2 class="sen marg-btm-m">Créez un compte et profitez de tous nos services</h2>
|
|
|
|
|
<p class="marg-btm-s hidden-phone">Accédez à bien plus que des coordonnées :</p>
|
|
|
|
|
<p class="hidden-phone marg-btm-m"> Accessible depuis tous vos écrans !</p>
|
|
|
|
|
<p class="sen">Déjà membre ? <a class="pj-connection-link pj-link" href="/auth/realms/pj/login-actions/authenticate?client_id=browsing&tab_id=-xEI09G6C6g" data-pjstats="{"pjscript": "pa.sendEvent('click.action',{'click_chapter1':'COMPTE_UTILISATEUR','click_chapter2':'authentification','click':'connectez_vous','site_level2':'Compte Utilisateur'}) "}">Connectez-vous !</a></p>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="authent-footer">
|
|
|
|
|
<div id="kc-inner-wrap" class="">
|
|
|
|
|
<header class="">
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<div id="kc-content">
|
|
|
|
|
<div id="kc-content-wrapper" class="pj-form">
|
|
|
|
|
|
|
|
|
|
<form id="kc-register-form" class="pj-form" action="https://sso.cd.pagesjaunes.fr/auth/realms/pj/login-actions/registration?session_code=0vlvKsC92yba41YEUQAADneoowvdixEDLG59zV1iaso&execution=bcb687e1-98d2-48ef-84d0-f62585ff0a49&client_id=browsing&tab_id=-xEI09G6C6g" method="post" data-np-autofill-form-type="register" data-np-checked="1" data-np-watching="1">
|
|
|
|
|
<div class=" pjinputerase pj-email ">
|
|
|
|
|
<div class="">
|
|
|
|
|
<label for="register_mail" class="">Email</label>
|
|
|
|
|
<input type="text" id="register_mail" class="" name="email" required="required" value="" autocomplete="email" autofocus="" placeholder="nom@email.fr" aria-invalid="false">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="">
|
|
|
|
|
<div class=" visible-pwd-container pj-password ">
|
|
|
|
|
<label for="register_password_first" class="">Mot de passe</label>
|
|
|
|
|
<input type="password" id="register_password_first" class="" name="password" autocomplete="off" required="required" placeholder="••••••••••••" aria-invalid="false" data-pjrobustpwd="{"sel":"#rp-register_password_first"}" data-np-autofill-field-type="newPassword" data-np-uid="95d46918-b078-4e4b-8101-deda1f0906f6"><button type="button" class="icon-preview" data-pjshowpwd="{"sel":"#register_password_first","klass":"icon-eye_close","hiddenlabel":"Afficher le mot de passe","shownlabel":"Masquer le mot de passe"}" aria-label="Afficher le mot de passe"></button>
|
|
|
|
|
<span class="robust-pwd" id="rp-register_password_first">
|
|
|
|
|
<span class="level level-1"></span>
|
|
|
|
|
<span class="level level-2"></span>
|
|
|
|
|
<span class="level level-3"></span>
|
|
|
|
|
<span class="level level-4"></span>
|
|
|
|
|
<span class="screenreader">Niveau de sécurité</span>
|
|
|
|
|
<span class="value faible">Faible</span>
|
|
|
|
|
<span class="value moyen">Moyen</span>
|
|
|
|
|
<span class="value bon">Bon</span>
|
|
|
|
|
<span class="value eleve">Elevé</span>
|
|
|
|
|
</span>
|
|
|
|
|
<div>
|
|
|
|
|
<p class="txt_sm no-margin">Votre mot de passe doit contenir au minimum :</p>
|
|
|
|
|
<ul class="txt_sm">
|
|
|
|
|
<li>- 8 caractères</li>
|
|
|
|
|
<li>- 1 lettre et 1 chiffre</li>
|
|
|
|
|
<li>- 1 caractère spécial</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<nordpass-icon data-np-uid="95d46918-b078-4e4b-8101-deda1f0906f6"></nordpass-icon></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="">
|
|
|
|
|
<div class=" visible-pwd-container pj-password ">
|
|
|
|
|
<label for="register_password_second" class="">Confirmez votre mot de passe</label>
|
|
|
|
|
<input type="password" id="register_password_second" class="" name="password-confirm" autocomplete="off" required="required" placeholder="••••••••••••" aria-invalid="false" data-pjrobustpwd="{"sel":"#rp-register_password_second"}" data-np-autofill-field-type="newPassword" data-np-uid="fff0f0d9-7b3a-424b-95a7-18ea89c48a40"><button type="button" class="icon-preview" data-pjshowpwd="{"sel":"#register_password_second","klass":"icon-eye_close","hiddenlabel":"Afficher le mot de passe","shownlabel":"Masquer le mot de passe"}" aria-label="Afficher le mot de passe"></button>
|
|
|
|
|
<span class="robust-pwd" id="rp-register_password_second">
|
|
|
|
|
<span class="level level-1"></span>
|
|
|
|
|
<span class="level level-2"></span>
|
|
|
|
|
<span class="level level-3"></span>
|
|
|
|
|
<span class="level level-4"></span>
|
|
|
|
|
<span class="screenreader">Niveau de sécurité</span>
|
|
|
|
|
<span class="value faible">Faible</span>
|
|
|
|
|
<span class="value moyen">Moyen</span>
|
|
|
|
|
<span class="value bon">Bon</span>
|
|
|
|
|
<span class="value eleve">Elevé</span>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<nordpass-icon data-np-uid="fff0f0d9-7b3a-424b-95a7-18ea89c48a40"></nordpass-icon></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class=" ">
|
|
|
|
|
<div id="kc-form-options">
|
|
|
|
|
<div class="pj-checkbox">
|
|
|
|
|
<input id="register_cgu" name="termsAndConditions" type="checkbox" value="true">
|
|
|
|
|
<label for="register_cgu"> J’accepte les conditions générales d’utilisation du
|
|
|
|
|
<a id="account_cgu_link" target="_blank" href="https://www.cd.pagesjaunes.fr/infoslegales/cgu-solocal/" rel="noopener" class="pj-link" data-pjstats="{"pjscript": "pa.sendEvent('click.action',{'click_chapter1':'COMPTE_UTILISATEUR','click_chapter2':'authentification','click':'cgu_solocal','site_level2':'Compte Utilisateur'}) "}" aria-label="Conditions Générales d’Utilisation du compte Solocal">compte</a>
|
|
|
|
|
et des
|
|
|
|
|
<a id="services_cgu_link" target="_blank" href="https://www.cd.pagesjaunes.fr/infoslegales/cgu-compte/" rel="noopener" class="pj-link" data-pjstats="{"pjscript": "pa.sendEvent('click.action',{'click_chapter1':'COMPTE_UTILISATEUR','click_chapter2':'authentification','click':'cgu_pagesjaunes','site_level2':'Compte Utilisateur'}) "}" aria-label="Conditions Générales d’Utilisation des services du compte PagesJaunes">services du compte</a>
|
|
|
|
|
PagesJaunes.
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="kc-form-options">
|
|
|
|
|
<div class="pj-checkbox">
|
|
|
|
|
<input id="register_newsletter" name="newsletter" type="checkbox" value="true">
|
|
|
|
|
<label for="register_newsletter"> J’accepte de recevoir des communications personnalisées de la part de Solocal, éditeur de PagesJaunes.
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="">
|
|
|
|
|
<div id="kc-form-buttons" class="">
|
|
|
|
|
<button id="btn_register" data-pjstats="{"pjscript": "pa.sendEvent('click.action',{'click_chapter1':'COMPTE_UTILISATEUR','click_chapter2':'authentification','click':'creation_valider','site_level2':'Compte Utilisateur'}) "}" class="button normal-button btn btn_authent btn_accident btn_primary " type="submit">
|
|
|
|
|
Inscrivez-vous par ici !
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<hr>
|
|
|
|
|
<div id="kc-social-providers" class="social-providers ">
|
|
|
|
|
<h4>Connectez-vous à PagesJaunes </h4>
|
|
|
|
|
<ul class="authent-rs ">
|
|
|
|
|
<li class="btn-rs-wrap">
|
|
|
|
|
<a id="social-google" title="Se connecter avec Google" aria-label="Se connecter avec Google" class="btn btn-rs btn-google " href="/auth/realms/pj/broker/google/login?client_id=browsing&tab_id=-xEI09G6C6g&session_code=0vlvKsC92yba41YEUQAADneoowvdixEDLG59zV1iaso">
|
|
|
|
|
<img src="/assets/images/rs/google-bb771a0494.svg" alt="" width="32" height="32">
|
|
|
|
|
<span class="value ">Se connecter avec</span>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="btn-rs-wrap">
|
|
|
|
|
<a id="social-apple" title="Se connecter avec Apple" aria-label="Se connecter avec Apple" class="btn btn-rs btn-apple " href="/auth/realms/pj/broker/apple/login?client_id=browsing&tab_id=-xEI09G6C6g&session_code=0vlvKsC92yba41YEUQAADneoowvdixEDLG59zV1iaso">
|
|
|
|
|
<img src="/assets/images/rs/apple-e3930e0e27.svg" alt="" width="32" height="32">
|
|
|
|
|
<span class="value ">Se connecter avec</span>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="kc-info" class="">
|
|
|
|
|
<div id="kc-info-wrapper" class="">
|
|
|
|
|
<h2 class="sen">
|
|
|
|
|
Déjà membre ?<br>
|
|
|
|
|
<a class="pj-connection-link pj-link" href="/auth/realms/pj/login-actions/authenticate?client_id=browsing&tab_id=-xEI09G6C6g" data-pjstats="{"pjscript": "pa.sendEvent('click.action',{'click_chapter1':'COMPTE_UTILISATEUR','click_chapter2':'authentification','click':'connectez_vous','site_level2':'Compte Utilisateur'}) "}">Connectez-vous !</a>
|
|
|
|
|
</h2>
|
|
|
|
|
|
|
|
|
|
<p class="txt_sm" id="legal_mentions">
|
|
|
|
|
Nous vous informons que les données personnelles communiquées sont nécessaires pour vous permettre de bénéficier du service et sont strictement destinées à PagesJaunes et ses prestataires. Les données peuvent être transmises à nos prestataires en-dehors de l’Union européenne, desquels nous avons exigé des garanties appropriées de protection des données personnelles. Vous disposez de droits d’accès, de rectification, d’effacement, de portabilité, de limitation, d’opposition, de retrait de votre consentement à tout moment et du droit d’introduire une réclamation auprès d’une autorité de contrôle, ainsi que d’organiser le sort de vos données post-mortem. Vous pouvez exercer ces droits par voie postale à l’adresse PagesJaunes - Data Protection Officer - Citylights, 204, Rond-point du Pont de Sèvres, 92649 Boulogne Billancourt Cedex, ou par courrier électronique à l’adresse <a href="mailto:cil-pjg@pagesjaunes.fr">cil-pjg@pagesjaunes.fr</a>. Un justificatif d’identité pourra vous être demandé. Nous conservons vos données pendant une durée de 3 ans à compter de la dernière trace d’activité sur votre compte.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
