You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

170 lines
12 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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&nbsp;:</p>
<p class="hidden-phone marg-btm-m">&nbsp;Accessible depuis tous vos écrans&nbsp;!</p>
<p class="sen">Déjà membre&nbsp;? <a class="pj-connection-link pj-link" href="/auth/realms/pj/login-actions/authenticate?client_id=browsing&amp;tab_id=-xEI09G6C6g" data-pjstats="{&quot;pjscript&quot;: &quot;pa.sendEvent('click.action',{'click_chapter1':'COMPTE_UTILISATEUR','click_chapter2':'authentification','click':'connectez_vous','site_level2':'Compte Utilisateur'}) &quot;}">Connectez-vous&nbsp;!</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&amp;execution=bcb687e1-98d2-48ef-84d0-f62585ff0a49&amp;client_id=browsing&amp;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="{&quot;sel&quot;:&quot;#rp-register_password_first&quot;}" data-np-autofill-field-type="newPassword" data-np-uid="95d46918-b078-4e4b-8101-deda1f0906f6"><button type="button" class="icon-preview" data-pjshowpwd="{&quot;sel&quot;:&quot;#register_password_first&quot;,&quot;klass&quot;:&quot;icon-eye_close&quot;,&quot;hiddenlabel&quot;:&quot;Afficher le mot de passe&quot;,&quot;shownlabel&quot;:&quot;Masquer le mot de passe&quot;}" 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&nbsp;:</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="{&quot;sel&quot;:&quot;#rp-register_password_second&quot;}" data-np-autofill-field-type="newPassword" data-np-uid="fff0f0d9-7b3a-424b-95a7-18ea89c48a40"><button type="button" class="icon-preview" data-pjshowpwd="{&quot;sel&quot;:&quot;#register_password_second&quot;,&quot;klass&quot;:&quot;icon-eye_close&quot;,&quot;hiddenlabel&quot;:&quot;Afficher le mot de passe&quot;,&quot;shownlabel&quot;:&quot;Masquer le mot de passe&quot;}" 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"> Jaccepte les conditions générales dutilisation du
<a id="account_cgu_link" target="_blank" href="https://www.cd.pagesjaunes.fr/infoslegales/cgu-solocal/" rel="noopener" class="pj-link" data-pjstats="{&quot;pjscript&quot;: &quot;pa.sendEvent('click.action',{'click_chapter1':'COMPTE_UTILISATEUR','click_chapter2':'authentification','click':'cgu_solocal','site_level2':'Compte Utilisateur'}) &quot;}" aria-label="Conditions Générales dUtilisation 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="{&quot;pjscript&quot;: &quot;pa.sendEvent('click.action',{'click_chapter1':'COMPTE_UTILISATEUR','click_chapter2':'authentification','click':'cgu_pagesjaunes','site_level2':'Compte Utilisateur'}) &quot;}" aria-label="Conditions Générales dUtilisation 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"> Jaccepte 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="{&quot;pjscript&quot;: &quot;pa.sendEvent('click.action',{'click_chapter1':'COMPTE_UTILISATEUR','click_chapter2':'authentification','click':'creation_valider','site_level2':'Compte Utilisateur'}) &quot;}" 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&amp;tab_id=-xEI09G6C6g&amp;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&amp;tab_id=-xEI09G6C6g&amp;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&nbsp;?<br>
<a class="pj-connection-link pj-link" href="/auth/realms/pj/login-actions/authenticate?client_id=browsing&amp;tab_id=-xEI09G6C6g" data-pjstats="{&quot;pjscript&quot;: &quot;pa.sendEvent('click.action',{'click_chapter1':'COMPTE_UTILISATEUR','click_chapter2':'authentification','click':'connectez_vous','site_level2':'Compte Utilisateur'}) &quot;}">Connectez-vous&nbsp;!</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 lUnion européenne, desquels nous avons exigé des garanties appropriées de protection des données personnelles. Vous disposez de droits daccès, de rectification, deffacement, de portabilité, de limitation, dopposition, de retrait de votre consentement à tout moment et du droit dintroduire une réclamation auprès dune autorité de contrôle, ainsi que dorganiser le sort de vos données post-mortem. Vous pouvez exercer ces droits par voie postale à ladresse PagesJaunes - Data Protection Officer - Citylights, 204, Rond-point du Pont de Sèvres, 92649 Boulogne Billancourt Cedex, ou par courrier électronique à ladresse <a href="mailto:cil-pjg@pagesjaunes.fr">cil-pjg@pagesjaunes.fr</a>. Un justificatif didentité pourra vous être demandé. Nous conservons vos données pendant une durée de 3 ans à compter de la dernière trace dactivité sur votre compte.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</body>
</html>