1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4
4<script type="text/javascript"> 5 window.dataLayer = window.dataLayer || []; 6 window.user = {"activeSession":false,"socialData":{"facebook":false,"twitter":false,"google":false},"userData":{"id":null,"uuid":null,"subscriberId":null,"pseudo":null,"title":null,"firstName":null,"lastName":null,"email":null,"emailStatus":null,"inseeCode":null,"zipcode":null,"city":null,"birthday":null,"status":0,"category":"guest","statusLabel":null,"md5":null,"hash":null},"avatarData":{"url":null,"type":"P"},"subscriptionsData":{"isSubscriber":false,"isPremium":false,"isFreeSubscriber":false,"isSwgSubscriber":false,"isRecent":false,"membersClub":false,"sc":0},"mailingsData":[],"extraData":{"emailStatus":null,"enabled":false,"isPro":false,"hasRecentlyChurned":false,"lastChurnedCategory":null}}; 7 window.dataLayer.push({ 8 "xiti": { 9 "page": "connexion-inscription", 10 "chapter1": "espace-client", 11 "chapter2": "", 12 "chapter3": "" 13 }, 14 "user": Object.assign({}, window.user) 15 }); 16 window.dataLayer.push({ webview: null }); 17 let aboUrl = 'https://abonnement.ladepeche.fr'; 18 let isTunnelReferer = false; 19 </script>
19 20 <!-- Google Tag Manager --> 21
21<script>
vendor: 375 bytes, lines 21-25
21(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 22 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 23 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 24 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 25 })(window,document,'script','dataLayer','
25GTM-59RHG8
vendor: 3 bytes, line 25
25');
25</script>
25 26 <!-- End Google Tag Manager --> 27 <meta charset="utf-8"> 28 <title>Mon profil - La Dépêche</title> 29 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 30 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 31 <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> 32 <link rel="stylesheet" href="/build/profile/ddm.73075946.css"> 33 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> 34 <link rel="stylesheet" href="/build/profile/font/icomoon/style.css"> 35</head> 36<body class="invisible"> 37 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 37-38
37 38 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
38GTM-59RHG8
vendor: 87 bytes, lines 38-39
38" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 39
39<!-- End Google Tag Manager (noscript) --> 40 <header class="header gap-2"> 41 <div class="header-brand"> 42 <a class="header-brand" href="https://www.ladepeche.fr"> 43 <img class="img-fluid header-img" src="/build/images/logos/profil/logo-ddm.ac61f087.png" 44 alt="La Dépêche"> 45 46 </a> 47 </div> 48 </header> <div class="d-flex"> 49 <aside class="sidebar sidebar-fixed" id="sidebar"> 50 <ul class="sidebar-nav" data-coreui="navigation"> 51 <li class="nav-item nav-group"> 52 <a class="nav-link disabled opacity-50" data-sidebar-entry="my_account" 53 > 54 <i class="icon-user nav-icon"></i> 55 <span class="nav-link-label">Mon compte</span> 56 </a> 57 </li> 58 <li class="nav-item nav-group"> 59 <a class="nav-link opacity-50" data-sidebar-entry="my_subscription" 60 role="button" 61 data-coreui-toggle="modal" data-coreui-target="#anonymous-modal" 62 > 63 <i class="icon-file-text nav-icon"></i> 64 <span class="nav-link-label">Mon abonnement</span> 65 </a> 66 </li> 67 <li class="nav-item nav-group"> 68 <a class="nav-link disabled opacity-50" data-sidebar-entry="payment_invoices" 69 > 70 <i class="icon-money nav-icon"></i> 71 <span class="nav-link-label">Paiement et factures</span> 72 </a> 73 </li> 74 <li class="nav-item nav-group"> 75 <a class="nav-link disabled opacity-50" data-sidebar-entry="my_content" 76 > 77 <i class="icon-business nav-icon"></i> 78 <span class="nav-link-label">Mes contenus</span> 79 </a> 80 </li> 81 <li class="nav-item"> 82 <a class="nav-link disabled opacity-50" data-sidebar-entry="my_advantages" 83 > 84 <i class="icon-check nav-icon"></i> 85 <span class="nav-link-label">Mes avantages</span> 86 </a> 87 </li> 88 <li class="nav-item nav-group"> 89 <a class="nav-link disabled opacity-50" data-sidebar-entry="customer_service" 90 > 91 <i class="icon-chat nav-icon"></i> 92 <span class="nav-link-label">Service client</span> 93 </a> 94 </li> 95 </ul> 96 <div class="sidebar-body"> 97 <div class="card p-3"> 98 <img class="card-icon img-fluid d-none d-lg-block mb-3" src="/build/images/icons/contact.53901d8f.svg" alt="Aide en ligne"> 99 <p class="card-title fs-4 fw-semibold"> 100 <a class="link-underline-opacity-0 stretched-link link-dark" 101 href="https://aide-groupe.ladepeche.fr/knowledge" 102 target="_blank" 103 >Besoin d'aide ?</a> 104 </p> 105 <p class="mb-0 text-secondary">Cliquez ici pour obtenir de l'aide immédiatement !</p> 106 </div> 107 </div> 108 </aside> 109 <main class="wrapper d-flex flex-column"> 110 <div class="body flex-grow-1"> 111 <div class="container-lg p-3 p-lg-4 px-xxl-6"> 112 113 <div id="alert-container"> 114 </div> 115 <div class="mt-5"> 116 <!-- Errors --> 117 <div data-selector="loginorcreate-feedback"></div> 118 <div class="loginorcreate row"> 119 <div id="selectedSubscription" class="outer-offre col-lg-4 offset-lg-1 mb-1 d-none"></div>
120<script type="text/template" id="selectedSubscriptionTpl"> 121 <div class="offre"> 122 <header class="offre-header"> 123 <h3 id="subscriptionTitle" class="offre-header__title"></h3> 124 <h4 id="subscriptionSubtitle" class="offre-header__subtitle"></h4> 125 <span id="subscriptionPrice" class="offre-header__price"></span> 126 <div id="subscriptionDescPrice" class="offre-header__desc-price"></div> 127 <div id="subscriptionImgContainer" class="offre-header__media"> 128 <img src="data:," alt="Offre sélectionnée" id="subscriptionImg" class="img-fluid flex-shrink-0"> 129 </div> 130 </header> 131 <div id="subscriptionAdvantages" class="offre-advantages"></div> 132 </div> 133</script>
133 <div id="rememberOfferRightCol" class="col-md-12 col-lg-6 offset-lg-3"> 134 <div class="card overflow-hidden"> 135 <form class="form-horizontal ajax" action="/oauth2/login-register" data-action-login="/oauth2/login" data-action-register="/oauth2/register" method="post"> 136 <input type="hidden" name="_csrf_token" value="16.wRCY-P_8NRr2ruh_xg0SNFkPR9VvF6-7TXHd5jEP24k.kHjNsLeYX1GC44oXrzhITi9iFe0rIcLOKgi-okR6lbj1Vs68rp5WUMSDmw"> 137 <input type="hidden" name="customer_registration[_token]" value="d04f8193667bb7204d9aaabb.N4DT32nirhDRK-yKuds-WbDw7ZMRMEqhp6y8GI0spH0.b_LgkESz_UmrG7_p1b1qLemBisNBRQvZ7P3EL8t53BJl0pCNOrSYJYVtnw"> 138 139 <div class="steps-container"> 140 <!-- Step Login/Register --> 141 <div class="step show" data-step="loginOrRegister"> 142 <div class="card-body"> 143 <h2 class="card-title" data-state="loginOrRegister">Renseigner votre email</h2> 144 <p data-state="loginOrRegister">Cela nous permettra de déterminer si vous avez déjà un compte, ou si vous devez le créer.</p> 145 <div class="form-floating mb-4"> 146 <input type="email" class="form-control" id="loginForm_username" name="_username" autocomplete="username" placeholder="Entrez votre email" data-state="loginOrRegister" value="" required> 147 <label class="form-label" for="loginForm_username">Entrez votre email</label> 148 </div> 149 <div class="text-end"> 150 <button type="submit" class="btn btn-primary btn-large float-right">Continuer</button> 151 </div> 152 153 <div class="oauth-connect-links mt-5"> 154 <div class="oauth-connect-links__or"> 155 <span class="oauth-connect-links__or--text">OU</span> 156 </div> 157 <a class="oauth-connect-links__item " data-source="google" href="/connect/google"> 158 <img src="/images/icons/google.svg"/> 159 <span class="d-none d-md-inline-block">Se connecter avec Google</span> 160 <span class="d-inline-block d-md-none">Connexion avec Google</span> 161 </a> 162 <a class="oauth-connect-links__item " data-source="facebook" href="/connect/facebook"> 163 <img src="/images/icons/facebook.svg"/> 164 <span class="d-none d-md-inline-block">Se connecter avec Facebook</span> 165 <span class="d-inline-block d-md-none">Connexion avec Facebook</span> 166 </a> 167 168 </div> 169 </div> 170 </div> 171 172 <!-- Step Login --> 173 <div class="step" data-step="login"> 174 <div class="card-body"> 175 <div data-state="login"> 176 <h2 class="card-title">Indiquer votre mot de passe</h2> 177 <p>Bienvenue, renseignez votre mot de passe afin de vous connecter</p> 178 <div class="mb-4" data-state="login"> 179 <div class="form-floating mb-1"> 180 <input class="form-control" id="loginForm_password" type="password" name="_password" autocomplete="current-password" placeholder="Mot de passe" data-state="login" data-toggle="popover" data-trigger="focus" data-placement="top" data-title="Conseil" data-content='Vous semblez vous être c
180onnecté avec un compte Google, vous pouvez cliquer sur le bouton "Se connecter avec Google" ci-dessous.'> 181 <label class="form-label" for="loginForm_password">Mot de passe</label> 182 <button type="button" class="btn btn-sm toggle-password">Afficher</button> 183 </div> 184 <a href="/mot-de-passe-oublie" class="fs-6 fw-semibold" id="forget-password-link">Mot de passe oublié ?</a> 185 </div> 186 <div class="form-group"> 187 <input class="form-check-input" type="checkbox" id="remember_me" name="_remember_me" checked/> 188 <label class="form-check-label" for="remember_me">Se souvenir de moi</label> 189 </div> 190 </div> 191 192 <div class="align-items-center d-flex flex-wrap gap-2 mt-5"> 193 <a role="button" class="return-loginOrRegister fs-6 fw-medium flex-shrink-0 link-underline link-un
193derline-opacity-0" data-state="login"><i class="icon-chevron-left me-1"></i>Changer d'adresse email</a> 194 <button class="btn btn-primary btn-large flex-shrink-0 ms-auto" type="submit">Continuer</button> 195 </div> 196 </div> 197 </div> 198 199 <!-- Step Register --> 200 <div class="step" data-step="register"> 201 <div class="card-body"> 202 <h2 class="card-title" data-state="register">Créer votre mot de passe</h2> 203 204 <!-- default --> 205 <p data-selector="text-block">Créez votre compte gratuitement et recevez des offres exclusives ainsi que toutes les newsletters qui vous intéressent.</p> 206 207 <!-- canalplus --> 208 <div class="alert alert-warning d-block fs-6 mb-3 p-1 rounded-4 d-none" data-selector="canalplus-block"> 209 <p>Lors de votre dernière connexion, vous vous êtes connecté avec le bouton Canal +.</p> 210 <p class="m-auto">Créez votre mot de passe <span class="fw-bold">pour activer votre compte</span> chez nous et <span class="fw-bold">gérer votre espace personnalisé</span>.</p> 211 </div> 212 213 <!-- google/facebook/apple --> 214 <div id="from-message" class="alert alert-warning d-block fs-6 mb-3 p-1 rounded-4 d-none"> 215 <p>Lors de votre dernière connexion, vous vous êtes connecté avec le bouton [FROM]. 2 options s'offrent à vous :</p> 216 <ul class="m-auto ps-4"> 217 <li> 218 <div class="d-inline-flex align-items-center flex-wrap gap-2"> 219 <span> 220 <span class="fw-bold">Reconnectez-vous</span> avec 221 </span> 222 <a class="oauth-connect-links__item m-0" data-source="google" href="/connect/google"> 223 <img src="/images/icons/google.svg"/> 224 <span class="d-none d-md-inline-block">Se connecter avec Google</span> 225 <span class="d-inline-block d-md-none">Connexion avec Google</span> 226 </a> 227 <a class="oauth-connect-links__item m-0" data-source="facebook" href="/connect/facebook"> 228 <img src="/images/icons/facebook.svg"/> 229 <span class="d-none d-md-inline-block">Se connecter avec Facebook</span> 230 <span class="d-inline-block d-md-none">Connexion avec Facebook</span> 231 </a> 232 <a class="oauth-connect-links__item m-0" data-source="apple" href="/connect/apple"> 233 <img src="/images/icons/apple.svg"/> 234 <span class="d-none d-md-inline-block">Se connecter avec Apple</span> 235 <span class="d-inline-block d-md-none">Connexion avec Apple</span> 236 </a> 237 238 </div> 239 </li> 240 <li class="mt-3"><span class="fw-bold">Créez un mot de passe</span> pour activer votre compte chez nous et <span class="fw-bold">gérer votre espace personnalisé</span>.</li> 241 </ul> 242 </div> 243 <div class="mb-4"> 244 <div class="alert alert-danger mt-2 hide" id="password-error"></div> 245 <div class="form-floating"> 246 <input class="form-control" id="passwordRegister" type="password" name="_password" autocomplete="new-password" placeholder="Mot de passe" data-state="register" data-toggle="password-validator" data-target=".password-validation-list" required disabled> 247 <label class="form-label" for="passwordRegister" data-state="register">Mot de passe</label> 248 <button class="toggle-password btn" tabindex="-1">Afficher</button> 249 </div> 250 <ul class="form-text password-validation-list"> 251 <li class="password-validation-list__item" data-length>8 caractères minimum</li> 252 <li class="password-validation-list__item" data-lowercase>Une minuscule</li> 253 <li class="password-validation-list__item" data-uppercase>Une majuscule</li> 254 <li class="password-validation-list__item" data-number>Un chiffre</li> 255 <li class="password-validation-list__item" data-specialcharacter>Un caractère spécial</li> 256 </ul> 257 </div> 258 <div class="form-floating mb-4"> 259 <input class="form-control" id="password2Register" type="password" name="_password2" autocomplete="new-password" placeholder="Confirmation du mot de passe" data-state="register" required disabled> 260 <label class="form-label" for="password2Register" data-state="register">Confirmation du mot de passe</label> 261 <button class="toggle-password btn" tabindex="-1">Afficher</button> 262 </div> 263 264 <div class="consent" data-selector="optin"> 265 <input type="hidden" name="optin_asked" value="1"> 266 <div class="consent__option"> 267 <input type="checkbox" name="optin_pixel" id="optin-pixel" class="form-check-input consent__check" value="SITE" /> 268 <label for="optin-pixel" class="form-check-label consent__label">J'accepte de recevoir des informations et des offres de LaDepeche.fr, ainsi que le suivi des ouvertures de mes emails</label>
269 <span class="info-tooltip" tabindex="0" role="note" aria-label="Ce choix s'applique à l'ensemble de vos communications"> 270 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"> 271 <circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/> 272</svg> 273 <span class="info-tooltip__bubble" aria-hidden="true">Ce choix s'applique à l'ensemble de vos communications</span> 274</span> 275 <button type="button" class="consent__toggle" data-selector="optin-toggle" aria-expanded="false" aria-controls="optin-alternative" aria-label="Afficher l'autre choix possible"> 276 <i class="icon-chevron-right"></i> 277 </button> 278 </div> 279 <div class="consent__option consent__option--alt" id="optin-alternative" hidden> 280 <input type="checkbox" name="optin" id="optin" class="form-check-input consent__check" value="SITE" /> 281 <label for="optin" class="form-check-label consent__label">J'accepte de recevoir des informations et des offres de LaDepeche.fr uniquement</label> 282 </div> 283 </div> 284 285 <div class="align-items-center d-flex flex-wrap gap-2 mt-5"> 286 <a role="button" class="return-loginOrRegister fs-6 fw-medium flex-shrink-0 link-underline link-un
286derline-opacity-0" data-state="login"><i class="icon-chevron-left me-1"></i>Changer d'adresse email</a> 287 <button class="btn btn-primary btn-large flex-shrink-0 ms-auto" type="submit">Continuer</button> 288 </div> 289 </div> 290 </div> 291 </div> 292 </form> 293 </div> 294 </div> 295 </div> 296 297 <div class="modal fade " id="modal-nopass" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true"> 298 <div class="modal-dialog modal-dialog-centered modal-lg"> 299 <div class="modal-content"> 300 <div class="modal-header border-0"><button type="button" class="btn-close" data-coreui-dismiss="modal" aria-label="Close"></button></div> 301 <div class="modal-body text-center"> 302 <h2 class="mb-4">Consultez vos emails</h2> 303 <p> 304 Afin de bénéficier de votre abonnement, un lien pour créer votre mot de passe a été envoyé à 305 <em><span id="modal-nopass-email-placeholder"></span></em> 306 </p> 307 <p class="mb-0"> 308 Vous n'avez pas reçu cet email ? <a id="modal-nopass-send-create-new-link" href="/send-create-password-email">Cliquez ici</a> pour générer un nouvel envoi. 309 </p> 310 </div> 311 </div> 312 </div> 313 </div> 314 </div> 315 </div> 316 </div> 317 <footer class="footer"> 318 <a class="link-dark link-underline-opacity-0 fw-medium" href="https://abonnement.ladepeche.fr/mentions-legales.html" target="_blank">Mentions légales</a> 319 </footer> 320 </main> 321 322 <div class="modal fade" id="anonymous-modal" tabindex="-1" role="dialog" 323 aria-labelledby="anonymous-modal-title" aria-hidden="true"> 324 <div class="modal-dialog modal-dialog-centered" role="document"> 325 <div class="modal-content row"> 326 <div class="modal-header border-0 position-absolute p-3 z-1"> 327 <button type="button" class="btn-close" data-coreui-dismiss="modal" aria-label="Close"></button> 328 </div> 329 <div class="modal-body text-center"> 330 <p class="h3 m-0 mt-4" id="anonymous-modal-title" data-selector="text">Bienvenue sur votre espace La Dépêche, accédez à votre compte et à lâensemble des services.</p> 331 <div class="mt-4"> 332 <a href="/oauth2/login-register" class="btn btn-primary" data-selector="btn">Se connecter</a> 333 </div> 334 </div> 335 </div> 336 </div> 337 </div> 338 339 340 <div class="modal fade" id="registered-modal" tabindex="-1" role="dialog" 341 aria-labelledby="registered-modal-title" aria-hidden="true"> 342 <div class="modal-dialog modal-dialog-centered" role="document"> 343 <div class="modal-content row"> 344 <div class="modal-header border-0 position-absolute p-3 z-1"> 345 <button type="button" class="btn-close" data-coreui-dismiss="modal" aria-label="Close"></button> 346 </div> 347 <div class="modal-body text-center"> 348 <img class="mb-4" src="/build/images/icons/warning-light.bf8a25ca.svg" data-selector="img"> 349 <p class="h3 m-0" id="registered-modal-title" data-selector="text">Vous ne bénéficiez pas dâabonnement en cours.</p> 350 <div class="mt-4"> 351 <a href="https://abonnement.ladepeche.fr" class="btn btn-primary" data-selector="btn">Découvrir nos offres</a> 352 </div> 353 </div> 354 </div> 355 </div> 356 </div> 357 358 359 <div class="modal fade" id="beneficiary-modal" tabindex="-1" role="dialog"
360 aria-labelledby="beneficiary-modal-title" aria-hidden="true"> 361 <div class="modal-dialog modal-dialog-centered" role="document"> 362 <div class="modal-content row"> 363 <div class="modal-header border-0 position-absolute p-3 z-1"> 364 <button type="button" class="btn-close" data-coreui-dismiss="modal" aria-label="Close"></button> 365 </div> 366 <div class="modal-body text-center"> 367 <img class="mb-4" src="/build/images/icons/warning-light.bf8a25ca.svg" data-selector="img"> 368 <p class="h3 m-0" id="beneficiary-modal-title" data-selector="text">Vous êtes actuellement le bénéficiaire dâun abonnement multi-compte. Pour gérer votre abonnement, merci de vous rapprocher du souscripteur de cet abonnement.</p> 369 </div> 370 </div> 371 </div> 372 </div> 373 374 375 <div class="modal fade" id="google-modal" tabindex="-1" role="dialog" 376 aria-labelledby="google-modal-title" aria-hidden="true"> 377 <div class="modal-dialog modal-dialog-centered" role="document"> 378 <div class="modal-content row"> 379 <div class="modal-header border-0 position-absolute p-3 z-1"> 380 <button type="button" class="btn-close" data-coreui-dismiss="modal" aria-label="Close"></button> 381 </div> 382 <div class="modal-body text-center"> 383 <img class="mb-4" src="/build/images/icons/warning-light.bf8a25ca.svg" data-selector="img"> 384 <p class="h3 m-0" id="google-modal-title" data-selector="text">Vous êtes actuellement abonné via Google. Vous pouvez gérer votre abonnement dans votre Playstore.</p> 385 </div> 386 </div> 387 </div> 388 </div> 389 390 391 <div class="modal fade" id="apple-modal" tabindex="-1" role="dialog" 392 aria-labelledby="apple-modal-title" aria-hidden="true"> 393 <div class="modal-dialog modal-dialog-centered" role="document"> 394 <div class="modal-content row"> 395 <div class="modal-header border-0 position-absolute p-3 z-1"> 396 <button type="button" class="btn-close" data-coreui-dismiss="modal" aria-label="Close"></button> 397 </div> 398 <div class="modal-body text-center"> 399 <img class="mb-4" src="/build/images/icons/warning-light.bf8a25ca.svg" data-selector="img"> 400 <p class="h3 m-0" id="apple-modal-title" data-selector="text">Vous êtes actuellement abonné via Apple. Vous pouvez gérer votre abonnement dans votre Appstore.</p> 401 </div> 402 </div> 403 </div> 404 </div> 405 406 407 <div class="modal fade" id="canal-modal" tabindex="-1" role="dialog" 408 aria-labelledby="canal-modal-title" aria-hidden="true"> 409 <div class="modal-dialog modal-dialog-centered" role="document"> 410 <div class="modal-content row"> 411 <div class="modal-header border-0 position-absolute p-3 z-1"> 412 <button type="button" class="btn-close" data-coreui-dismiss="modal" aria-label="Close"></button> 413 </div> 414 <div class="modal-body text-center"> 415 <img class="mb-4" src="/build/images/icons/warning-light.bf8a25ca.svg" data-selector="img"> 416 <p class="h3 m-0" id="canal-modal-title" data-selector="text">Vous êtes actuellement abonné via Canal+. Vous pouvez gérer votre abonnement directement dans votre espace client Canal+.</p> 417 </div> 418 </div> 419 </div> 420 </div> 421 422 </div> 423
423<script> 424 window.userConnected = false; 425 window.subscriberId = null; 426 </script>
426 427
427<script src="/build/profile/runtime.bfe7dbb0.js"></script>
427<script src="/build/profile/ddm.d5a682fc.js"></script>
427 428 </body> 429</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.