Mon Espace - PlanetHoster

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8" /> <title>Mon Espace - PlanetHoster</title> <meta property="og:url" content="https://my.planethoster.com" /> <meta property="og:type" content="website" /> <meta property="og:image" content="/assets/social_medias/planethoster-fb-3f97893467215d8392694bf54f33f5d08d271ee4f283d0a8eb42a188d6428258.jpg" /> <meta property="og:image:secure_url" content="/assets/social_medias/planethoster-fb-3f97893467215d8392694bf54f33f5d08d271ee4f283d0a8eb42a188d6428258.jpg" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <script> if ((window.devicePixelRatio===undefined?1:window.devicePixelRatio) > 1) { document.cookie='HTTP_IS_RETINA=1;path=/'; } </script> <link rel="stylesheet" media="all" href="/assets/application-4c35432dfed00d9a72fe821f8060c0c87a0ef8219fc78669b61140e358a3b385.css" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="A24DXwYQzOMKvTwHwmdKVq96wb4PaR5DMREW2m7X70iZ19h8g0TZPannLBD035JJipZoqNOBEzwMbgLC+eR4ig==" /> <script src="/assets/application-acf81cc000d94f90bea68156ba01597b43892f3d21b7944e51fccc54b569bac1.js"></script> <script src="/includes/jscript/pwstrength.min.js"></script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KQRG353S');</script>  </head> <body id="ph-lang-fr" class="ph-main-login ph-login-default ph-my_spaces body-login_page ph-client-area ph-s-action-index"> <header id='ph-header' class="text-right d-block"> <ul class="ph-header-items"> <li class="each-item dropdown locale-header-dropdown lang-menu border-r"> <a href="/en">EN</a> </li> <li class="each-item ph-order-menu btn-group"> <a class="dropdown-toggle ph-order-menu-title dropdown-menu-right" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false"> <span class="fa fa-lg fa-shopping-cart"></span> <span>COMMANDER</span> </a> <ul class="dropdown-menu p-0"> <li class="dropdown-item world-item"><a href="/world/new">The World</a></li> <li class="dropdown-item hybrid-item"><a href="/hybridcloud/new">HybridCloud</a></li> <li class="dropdown-item domain-item"><a href="/domains/new">Noms de domaine</a></li> </ul> </li> <li class="each-item ph-contact d-none d-lg-inline-block"> <a href="https://www.planethoster.com/fr/Contact" target="_blank" rel="noopener" id="ph-contact-btn"> </a> </li> </ul> </header> <main id="ph-main-login" class="ph-main-login ph-login-default"> <script src='https://www.google.com/recaptcha/api.js?hl=fr&render=6LeO-YcUAAAAAKIQZDlX7Zx04EePrOsI7UxvotCV'></script> <div class="login-menu"> <a class="ph-menu-logo" href="/"><img src="/assets/logos/ph-logo-fedd07a87b8652f2368e9187a7e55df4415a21d1296c3e6701f3cb3dde6da49b.svg" alt="Member Space" width="200" height="42"></a> <a class="login-menu-item d-none d-sm-block" href="https://kb.planethoster.com/fr" target="_blank">BASE DE CONNAISSANCES</a> </div> <div class="login-container-box-new" id="signin-section" data-show-signup="false"> <div class="login-box rounded-l"> <div class="part-blue text-center hide-mobile part-blue-if-not-captcha"> <img src="/assets/logos/planete_ph-fd3f0c77fa5a9f139b540c0427f97fe3b66c2ac91651ffafa5c3c35e4f2e8607.png" alt="World" class="mt-5" width="100"> <h1 class="title-sign-up font-weight-bold">Pas encore membre ?</h1> <h1 class="title-sign-in font-weight-bold d-none">Bienvenue!</h1> <div class="txt-desc-log text-center"> <span class="desc-sign-up">Inscrivez-vous sur notre espace client <b>SANS</b> commander de services/domaines ! </span> <span class="desc-sign-in d-none">Connectez-vous sur votre compte PlanetHoster afin de gérer vos services et bien plus</span> </div> <a href="#" id="sign-up-btn" class="login-button ph-default-button login-signup-new-acct-btn">S'inscrire</a> <a href="#" id="sign-in-btn" class="login-button ph-default-button login-signup-new-acct-btn d-none">Se connecter</a> </div> <div class="part-white pad-if-not-captcha"> <div class="sign-up-form"> <form action="https://my.planethoster.com/login" method="post" id="login-form-box" class="sign-up-if-not-captcha"> <input type="hidden" name="authenticity_token" value="gCOtBUu2IIKo3creu1Ts0nbXlZA7CXAOgjmNJH3q/HAamnYmzuI1XAuH2smN7DTNUzs8hufhfXG/Rpk86tlrsg==" /> <h1 class="title-login mt-3 font-weight-bold">Connexion Espace Membre</h1> <div class="inputs-sign-up"> <label class="input-txt">Email</label> <input type="email" name="username" id="login-email" class="form-control" size="40" value="" required placeholder="" autocomplete="email"> </div> <div class="form-group-sp"> <label class="input-txt">Mot de passe</label> <input type="password" name="password" id="login-password" class="form-control" size="25" value="" required placeholder="" autocomplete="current-password"> </div> <div class="text-center mt-5"> <input type="submit" id="login-btn" class="ph-default-button orange-button pad-btn mt-4" value="Se connecter" /> <img src="/assets/loader_green-5dd59a8ee8b001a0c9e96b28a65ea041b5c3073f1868b52ad4fd82a2f86dd590.svg" id="loader-ph" alt="World" class="mt-4 d-none " width="30"> </div> <span class="text-center password-reinit"> <a href="/pwreset/email" id="forgot-password-link">Mot de passe oublié ?</a> </span> </form> </div> <div class="sign-in-form d-none"> <form method="post" action="/client-area/new-client" id="detail_form" class="create-new-account-form row" name="create-new-account-form"> <input type="hidden" name="authenticity_token" value="elIIIh6ySmr8SZT7oQeVhEaW2QV6/991Wijl4vPFm9zg69MBm+ZftF8ThOyXv02bY3pwE6YX0gpnV/H6ZPYMHg==" /> <div class="text-center mx-auto col-12"> <h1 class="title-login font-weight-bold">Pas encore membre ?</h1> </div> <div class="form-group-sp col-12 col-md-6 mt-4"> <label class="input-txt">Prénom</label> <input type="text" class="form-control" name="first_name" id="first_name" value="" required placeholder="Lance" autocomplete="new-given-name"> </div> <div class="form-group-sp col-12 col-md-6 mt-4"> <label class="input-txt">Nom de famille</label> <input type="text" class="form-control" name="last_name" id="last_name" value="" required placeholder="Pierre" autocomplete="new-family-name"> </div> <div class="form-group-sp pad-top col-12"> <label class="input-txt">Email</label> <input type="email" class="form-control" name="email" id="email" value="" required placeholder="lancepierre@example.com" autocomplete="new-email"> </div> <div class="form-group-sp col-12"> <label class="input-txt">Réinscrire l'email</label> <input type="email" class="form-control email-confirm" onpaste="return false;" name="email_confirm" id="email_confirm" value="" required placeholder="lancepierre@example.com" autocomplete="confirm-email"> <span class='email-confirm-error-wrapper d-none red-clr'><span class='fa fa-info-circle red-clr'></span><span class='error-text'>Nous ne pouvons pas confirmer votre email</span></span> </div> <div class="col-12"> <div class="d-flex ph-password-new"> <div class="form-group-sp ph-password"> <label class="input-txt">Mot de passe</label> <input type="password" class="form-control password-input" id="password" name="password" required placeholder="" autocomplete="new-password"> <span class="position-absolute password-visible"><i class="gray-dark-clr fa fa-eye" aria-hidden="true"></i></span> <span class="position-absolute password-strength"><i class="fa gray-dark-clr fa-unlock lock-icon" aria-hidden="true"></i></span> </div> <div class="form-group-sp section-generate"> <img src="/assets/logos/renewable-91d1b72a86673aef69b597d22cdd1dae0f0f6855d9e46b0cec17b71b7165449c.svg" data-src="/assets/logos/copy_grey-edcf9a361a9b983a60313bf572f7d68879b26a0afece46b6b5dc39e15c42e669.svg" alt="icon generate" data-toggle="tooltip" title="Générer" class="generate-pw-btn mr-2" width="25"> <img src="/assets/logos/copy_grey-edcf9a361a9b983a60313bf572f7d68879b26a0afece46b6b5dc39e15c42e669.svg" data-src="/assets/logos/copy-ae907b97aa37c1560c8ae4df20444f58fa3060cf7931d73dc1227a846927f89b.svg" alt="icon copy" data-toggle="tooltip" title="Copier" class="copy-pw-btn" width="25"> </div> </div> </div> <div class="form-group-sp currency-box col-12"> <label class="input-txt">Devise</label><br> <input type="radio" id="eur" class="d-none" value="EUR" name="currency"> <span onclick="clickRadio('eur')" class="btn-currency eur ">EUR €</span> <input type="radio" id="cad" class="d-none" value="CAD" name="currency"> <span onclick="clickRadio('cad')" class="btn-currency cad ">CAD $ </span> <input type="radio" id="usd" class="d-none" checked="checked" value="USD" name="currency"> <span onclick="clickRadio('usd')" class="btn-currency usd active-currency">USD $ </span> <input type="radio" id="gbp" class="d-none" value="GBP" name="currency"> <span onclick="clickRadio('gbp')" class="btn-currency gbp ">GBP £</span> <input type="radio" id="chf" class="d-none" value="CHF" name="currency"> <span onclick="clickRadio('chf')" class="btn-currency chf ">CHF</span> </div> <div class="form-group text-center col-12 mt-5""> <input type="submit" class="ph-default-button orange-button pad-btn" value="S’inscrire" /> </div> </form> </div> <div class="part-blue-mobile text-center show-mobile"> <h1 class="title-sign-up">Pas encore membre ?</h1> <h1 class="title-sign-in d-none">Bienvenue!</h1> <div class="txt-desc-log text-center"> <span class="desc-sign-up">Inscrivez-vous sur notre espace client <b>SANS</b> commander de services/domaines ! </span> <span class="desc-sign-in d-none">Connectez-vous sur votre compte PlanetHoster afin de gérer vos services et bien plus</span> </div> <a href="#" id="sign-up-btn-mobile" class="login-button ph-default-button login-signup-new-acct-btn">S'inscrire</a> <a href="#" id="sign-in-btn-mobile" class="login-button ph-default-button login-signup-new-acct-btn d-none">Se connecter</a> </div> </div> </div> </div> <script> login_selector = $(".ph-main-login"); $(document).ready(function(){ var signin_box = false; if (signin_box){ $("#signin-button").trigger('click'); } }); </script> <script> $signInActions = $("#sign-in-btn, .desc-sign-in, .title-sign-in, .sign-in-form"); $signUpActions = $('#sign-up-btn, .desc-sign-up, .title-sign-up, .sign-up-form'); $mobileSignInActions = $("#sign-in-btn-mobile, .desc-sign-in, .title-sign-in, .sign-in-form"); $mobileSignUpActions = $("#sign-up-btn-mobile, .desc-sign-up, .title-sign-up, .sign-up-form"); $("#sign-up-btn").on('click', function() { $('.part-blue').css({"right": "0", "left": "-5px", "border-top-right-radius": "0", "border-top-left-radius": "10px", "border-bottom-right-radius": "0", "border-bottom-left-radius": "10px"}); $('.title-sign-in').addClass('lightSpeedIn'); setTimeout(function(){ $signUpActions.addClass('d-none'); $signInActions.removeClass('d-none'); $('#first_name').focus(); }, 500); return false; }); $("#sign-in-btn").on('click', function() { $('.part-blue').css({"left": "67%", "border-top-right-radius": "10px", "border-top-left-radius": "0", "border-bottom-right-radius": "10px", "border-bottom-left-radius": "0"}); setTimeout(function(){ $signInActions.addClass('d-none'); $signUpActions.removeClass('d-none'); }, 530); return false; }); $("#sign-up-btn-mobile").on('click', function() { $mobileSignUpActions.addClass('d-none'); $mobileSignInActions.removeClass('d-none'); return false; }); $("#sign-in-btn-mobile").on('click', function() { $mobileSignInActions.addClass('d-none'); $mobileSignUpActions.removeClass('d-none'); return false; }); $('.login-button').hover(function(){ $(this).addClass("pulse"); $('.title-sign-in').addClass('flashit'); $('.title-sign-up').addClass('flashit'); }, function(){ $(this).removeClass("pulse"); $('.title-sign-in').removeClass('flashit'); $('.title-sign-up').removeClass('flashit'); }); $('#forgot-password-link').on('click', function() { var email = $('#login-email').val(); if (email && $.trim(email)) { email = $.trim(email); var href = $(this).attr('href'); href = href + '?email=' + encodeURIComponent(email); window.location = href; return false; // stop link from going through because we just used `window.location` } else { return true; // let link go through } }); function clickRadio(value){ $('.btn-currency').removeClass('active-currency'); $('.' + value).addClass('active-currency'); $('#' + value).prop("checked",true); } $("#email_confirm").on('change', function(){ var email = $('#email').val(); var email_confirm = $('#email_confirm').val(); if (email != email_confirm){ $('.email-confirm-error-wrapper').removeClass('d-none'); }else{ $('.email-confirm-error-wrapper').addClass('d-none'); } }); $("#email").on('change', function(){ var email = $('#email').val(); var email_confirm = $('#email_confirm').val(); if (email != email_confirm && email_confirm != ''){ $('.email-confirm-error-wrapper').removeClass('d-none'); }else{ $('.email-confirm-error-wrapper').addClass('d-none'); } }); if($('.login-container-box-new').data('show-signup')){ $("#sign-up-btn").trigger('click'); } var loginForm = document.getElementById('login-form-box'); var signupForm = document.getElementById('detail_form'); loginForm.addEventListener('submit', function(e) { e.preventDefault(); setCaptcha(this); }); signupForm.addEventListener('submit', function(e) { e.preventDefault(); setCaptcha(this); }); function setCaptcha(element) { grecaptcha.execute('6LeO-YcUAAAAAKIQZDlX7Zx04EePrOsI7UxvotCV', {action: 'login'}).then(function(token) { var tokenInput = document.createElement('input'); tokenInput.type = 'hidden'; tokenInput.name = 'g-recaptcha-response'; tokenInput.value = token; element.appendChild(tokenInput); element.submit(); }); } $('#login-btn').on('click', function() { $(this).hide(); $('#loader-ph').removeClass('d-none'); }); </script> </main>    <div id="cookie-banner" class="cookie-banner d-none"> <p>Nous utilisons des témoins (aussi appelés cookies) pour nous assurer que vous bénéficiez de la meilleure expérience possible sur notre site web. En continuant à utiliser notre site, vous acceptez notre politique en matière de témoins <a href="https://www.planethoster.com/fr/Termes-Utilisation">Termes d'utilisation</a>.</p> <button class="ph-default-button orange-button" id="accept-cookies">Accepter</button> <button class="ph-default-button gray-button" id="decline-cookies">Refuser</button> </div> <script> $(function() { var $doc = $(document); $doc.ajaxError(function(evt, err) { if (err.status == 409) { location.reload(); } }); }); $(document).ready(function () { //if (localStorage.getItem('cookieConsent') === null) { //$('#cookie-banner').removeClass('d-none'); //} else { //setCookieConsent(localStorage.getItem('cookieConsent')) //} //$('#accept-cookies').on('click', function () { //setCookieConsent('all'); //$('#cookie-banner').addClass('d-none'); //}); //$('#decline-cookies').on('click', function () { //setCookieConsent('essential'); //$('#cookie-banner').addClass('d-none'); //}); //function setCookieConsent(consent) { //localStorage.setItem('cookieConsent', consent); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'ph.cookieConsent', consent: 'all', }); //} }); </script> </body> </html>

CINXE.COM

Mon Espace - PlanetHoster