CINXE.COM
Commandez votre Hébergement Web - The World - PlanetHoster
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8" /> <title>Commandez votre Hébergement Web - The World - PlanetHoster</title> <meta name="robots" content="noindex, nofollow"> <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"> <meta name="description" content='Hébergement web illimité avec isolation à 100%'/> <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="w6wmxdfc8mkCOLRGgeVwPnBQ020SEsfWJkjkgwbtwcbHVnJ6BsHviSbEfMcbkgdhI6uvnmEIsckGi+xLw4wXEg==" /> <script src="/assets/application-acf81cc000d94f90bea68156ba01597b43892f3d21b7944e51fccc54b569bac1.js"></script> <script src="/includes/jscript/pwstrength.min.js"></script> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> </head> <body id="ph-lang-fr" class="ph-order body-carts ph-client-area color-general ph-s-action-order_the_world_product"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KQRG353S" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="wrapper" class="ph-wrapper"> <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/world/new">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> <div id="ph-menu" class="ph-menu-bg-order d-none d-lg-block"> <span class="ph-menu-title">COMMANDER</span> <a class="ph-menu-logo" href="/"><img src="/assets/logos/ph-logo-fedd07a87b8652f2368e9187a7e55df4415a21d1296c3e6701f3cb3dde6da49b.svg" alt="Member Space" width="200" height="42"></a> <ul class="ph-menu-navbar"> </ul> </div> <div class="ph-menu-mobile-wrapper"> <div id="ph-menu-mobile" class="fixed-menu d-lg-none"> <div class="ph-menu-mobile-top"> <a class="ph-menu-logo" href="/"><img src="/assets/logos/ph-logo-fedd07a87b8652f2368e9187a7e55df4415a21d1296c3e6701f3cb3dde6da49b.svg" alt="Member Space" width="180"></a> <span class="fa fa-bars ph-menu-button" data-button="open"></span> <span class="fa fa-times ph-menu-button ph-hide" data-button="close" id="close-menu-button"></span> </div> <ul id="ph-menu-mobile-dropdown" class="ph-menu-mobile-dropdown"> <li class="mobile-menu-item"> <a href="/"> <img src="/assets/header/icon_connexion-2a6dd500b78d03d243272dd316b522de2672332c648397298f0fedb79cd516c2.svg" alt="connection" width="24"> <span>Connexion</span> </a> </li> <li class="mobile-menu-item"> <a class="mobile-menu-item-child" href="/service-status"> <span>État des services</span> </a> </li> <li class="mobile-menu-item "> <a href="#" class="mobile-dropdown-child-button" data-dropdown="dropdown-child-knowledgebase" data-closed="true"> Base de connaissances <span class="fa fa-caret-down"></span> </a> <ul id="dropdown-child-knowledgebase" class="mobile-dropdown-child"> <li> <a class="mobile-menu-item-child " href="https://kb.planethoster.com/fr" target="_blank" > <span>Géneral</span> </a> </li> <li> <a class="mobile-menu-item-child " href="/tutorial-video"> <span>Vidéos tutoriels</span> </a> </li> </ul> </li> <li class="mobile-menu-item"> <a href="/en/world/new">EN</a> </li> <li class="mobile-menu-item "> <a href="#" class="mobile-dropdown-child-button" data-dropdown="dropdown-child-orders" data-closed="true"> <span>Commander</span> <span class="fa fa-caret-down"></span> </a> <ul id="dropdown-child-orders" class="mobile-dropdown-child"> <li><a class="mobile-menu-item-child" href="/world/new"><span>The World</span></a></li> <li><a class="mobile-menu-item-child" href="/hybridcloud/new"><span>HybridCloud</span></a></li> <li><a class="mobile-menu-item-child" href="/domains/new"><span>Noms de domaine</span></a></li> </ul> </li> </ul> </div> </div> <script> $(".ph-menu-button").on('click', function(){ var button_action = $(this).data('button'); $(".ph-menu-button").removeClass("ph-hide"); $(this).addClass("ph-hide"); if(button_action == "open"){ $("#ph-menu-mobile-dropdown").slideDown(); } if(button_action == 'close'){ $('.mobile-dropdown-child').slideUp(); $('.mobile-dropdown-child-button').attr('data-closed',"true"); $("#ph-menu-mobile-dropdown").slideUp(); } }); $(".mobile-dropdown-child-button").on('click', function(){ var this_elem = $(this); var this_dropdown = this_elem.attr('data-dropdown'); var current_status = this_elem.attr('data-closed'); var new_status = (current_status) ? !current_status : current_status; $(".mobile-dropdown-child-button").attr('data-closed','true'); this_elem.attr('data-closed',new_status); if( current_status === 'true'){ $('.mobile-dropdown-child').slideUp(); $("#" + this_dropdown).stop().slideDown(); } else { this_elem.attr('data-closed',"true"); $("#" + this_dropdown).stop().slideUp(); } return false; }); $(document).on('mouseup', function (e){ var container = $("#ph-menu-mobile"); if (!container.is(e.target) && container.has(e.target).length === 0) { $(".ph-menu-button").removeClass("ph-hide"); $("#close-menu-button").addClass("ph-hide"); $('.mobile-dropdown-child').slideUp(); $('.mobile-dropdown-child-button').attr('data-closed',"true"); $("#ph-menu-mobile-dropdown").slideUp(); } }); </script> <script> $(document).ready(function(){ $(".maintenance-btn").on('click', function(){ $(".modal-maintenance-affected-products").addClass("ph-hide"); var maintenance = ids[$(this).data("id")]; var maintenance_date = maintenance.start_date; if(maintenance.hasOwnProperty('hostings') && maintenance.hostings.length > 0){ $(".modal-maintenance-affected-products").removeClass("ph-hide"); var hostings_list = ""; maintenance.hostings.forEach(function(item){ hostings_list += "<li>" + item.product_name +': ' + item.domain + "</li>"; }); $("#modal-maintenance-affected-hostings").empty().html(hostings_list); } $("#modal-maintenance-title").empty().html(maintenance.title); $("#modal-maintenance-description").empty().html(maintenance.description); $("#maintenance-modal").modal() return false; }); $("#maintenance-more-info").on('click', function(){ $(".maintenance-btn").trigger('click'); }); }); </script> <main class="ph-main "> <script src='https://www.google.com/recaptcha/api.js?hl=fr&render=6LeO-YcUAAAAAKIQZDlX7Zx04EePrOsI7UxvotCV'></script> <script defer="defer" src="https://www.dwin1.com/15380.js" type="text/javascript"></script> <div class="world-order-pages the-world-order-pages "> <div class="step-cart-container" data-startindex="0" data-loggedin="false" data-productname="The World"> <div class="header-tag"> <div class="svg-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="width:50px;height:50px;"><style>.stnav{fill:#80b941}</style><path class="stnav2" d="M39.8 13.9v2.9c0 .4-.2.6-.6.7l-3.3.3c-.3.8-.6 1.5-.9 2.3l2.1 2.6c.3.3.3.6 0 .9l-2 2c-.2.1-.4.2-.5.2-.2 0-.3-.1-.4-.2l-2.6-2.1c-.8.4-1.5.7-2.3.9l-.3 3.3c-.1.4-.3.6-.7.6h-2.9c-.4 0-.6-.2-.7-.6l-.3-3.3c-.8-.3-1.5-.6-2.3-.9l-2.6 2.1c-.1.1-.3.2-.4.2-.2 0-.3-.1-.5-.2l-2-2c-.3-.3-.3-.6 0-.9l2.1-2.6c-.4-.8-.7-1.5-.9-2.3l-3.3-.3c-.4-.1-.6-.3-.6-.7v-2.9c0-.4.2-.6.6-.7l3.3-.3c.3-.9.6-1.7.9-2.3L16.6 8c-.3-.3-.3-.6 0-.9l2-2c.2-.1.4-.2.5-.2.2 0 .3.1.4.2l2.6 2.1c.8-.4 1.5-.7 2.3-.9l.3-3.3c.1-.4.3-.6.7-.6h2.9c.4 0 .6.2.7.6l.3 3.3c.8.3 1.5.6 2.3.9l2.6-2.1c.1-.1.3-.2.4-.2.1 0 .3.1.5.2l2 2c.3.3.3.6 0 .9L35 10.6c.3.6.6 1.3.9 2.3l3.3.3c.4.1.6.3.6.7zm-9.2 1.4c0-1.1-.4-2-1.1-2.7s-1.6-1.1-2.7-1.1-2 .4-2.7 1.1-1.1 1.7-1.1 2.7.4 2 1.1 2.7 1.6 1.1 2.7 1.1 2-.4 2.7-1.1 1.1-1.6 1.1-2.7z"/><circle cx="10.7" cy="27.2" r="10" fill="#fff"/><path class="stnav" d="M10.7 37.7C4.9 37.7.2 33 .2 27.2s4.7-10.5 10.5-10.5 10.5 4.7 10.5 10.5-4.7 10.5-10.5 10.5zm0-20c-5.2 0-9.5 4.3-9.5 9.5s4.3 9.5 9.5 9.5 9.5-4.3 9.5-9.5-4.3-9.5-9.5-9.5z"/><path class="stnav" d="M8 31.8h2.5v-8.5l-2 1.8c-.1 0-.1.1-.2.1h-.2c-.1 0-.2 0-.2-.1s-.1-.1-.2-.1l-.4-.6 3.4-3h1.2v10.4h2.3v1.1H8v-1.1z"/></svg> </div> <span class='d-none d-md-inline-block'>Configuration</span> </div> <section class='container cart-conf-section p-0'> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Product", "aggregateRating" : { "@type" : "AggregateRating", "ratingValue" : "4.8", "ratingCount" : "338" }, "description": "Hébergement web illimité avec isolation à 100%", "name": "World", "image": "https://www.planethoster.com/img/hosting/image_World_fr.png", "offers": { "@type": "Offer", "price": "6.00", "priceCurrency": "EUR" } } </script> <script src="/js/nouislider.min.js"></script> <link rel="stylesheet" href="/css/nouislider.min.css" /> <form id="orderfrm"> <div class="row"> <div class="col-12 col-lg-9"> <div class="world-orderform section-wrapper"> <input type="hidden" id="error-exist" value="0"> <input type="hidden" id="productid" value="193"> <input type="hidden" id="proddomainon" value="on"> <input type="hidden" id="productbilling" value="annually" /> <input type="hidden" id="paytype" value="recurring"> <input type="hidden" id="urldomainoption" value="register"> <input type="hidden" id="urlsld" value=""> <input type="hidden" id="urltld" value=""> <input type="hidden" id="currency_code" value="EUR"> <div class="row"> <div class="col-12"> <h1 class="font-weight-bold green-clr">Commandez votre hébergement Web</h1> </div> <div class="col-12 ph-mg-tp-20"> <div class="row"> <div class="col-12 col-md-4"> <div class="plans-options-list ph-mg-bt-20"> <div class="each-plan world-base-plan"> <div class="plan-img ph-mg-bt-0"> <img src="/assets/logos/logo_world-77563e7141000cfab17f12f15389160302a97e67436dba04ac8ffe082c8ede01.svg" alt="World" width="120"> </div> <div class="plan-content plan-base"> <span class="each-plan-item text-nowrap"> <img src="/assets/world/icon_cpu-8def6f28ea95b227b013734d165d1513c1b030380761011b4ff3e6ebc5fb6e61.svg" alt="CPU" class="each-item-img"> <span class="each-item-text slider-cpu-val">8</span><span> CPU</span> </span> <span class="each-plan-item text-nowrap"> <img src="/assets/world/icon_ram-5fcdb562d74a0663af8302b51e3461c8d1e86a0bfd1a92676b7e29971ff4c5d3.svg" alt="Memory" class="each-item-img"> <span class="each-item-text slider-mem-val">16</span><span> GB RAM</span> </span> <span class="each-plan-item text-nowrap"> <img src="/assets/world/icon_ecriture_disque-7431bbd99f9e2848e3b8c9e03951abc20178d800c472dd97be871161f41d0f92.svg" alt="I/O disk" class="each-item-img"> <span class="each-item-text slider-io-val text-nowrap">16 MB/s</span><span> DISK I/O</span> </span> <span class="each-plan-item text-nowrap"> <img src="/assets/world/icon_illimite-3b1dbd388ba94b8e2d5ea390e2be0940211eb217e3efba3b9db2065b575343cc.svg" alt="Sites" class="each-item-img"> <span class="each-item-text">Sites illimités</span> </span> <span class="each-plan-item text-nowrap free-domains-wrapper d-none"> <img width="20" height="20" src="/assets/the_world/checked_purple-028ab8e3c911df5a2f964071b463ba26fe737b672a476bbe48f808a17bd7b452.svg" alt="" class="each-item-img"> <span class="each-item-text"><span class="free-domains-number font-weight-bold">0</span> domaines gratuits *</span> </span> <div class="each-plan-bottom"> <span class="plan-personalize" data-plan="World">Personnaliser ce plan ></span> </div> </div> </div> </div> </div> <div class="col-12 col-md-8 each-plan"> <div class="plan-content-place"> <p class="ph-mg-bt-20 text-center">Choisissez votre forfait</p> <div class="bundle-options bundle-options-base active"> <div class="circle-button ph-mg-tp-5"></div> <div class="img-wrapper ml-3 d-none d-md-block"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><style>.st0{fill:#A7A7A7}</style><path class="st0" d="M17.2 18.7c-1.4 0-2.6-.2-3.6-.7-1.6-.8-2.6-2-2.7-3.3-.3-1.9.7-3.9 2.8-5.8 3.6-3.1 9.5-4.3 13-2.7 1.5.7 2.5 1.9 2.7 3.3.3 1.8-.7 3.9-2.8 5.7-2.5 2.2-6.2 3.5-9.4 3.5zm-2.9-8.9c-1.8 1.5-2.7 3.3-2.5 4.8.2 1.1 1 2 2.2 2.5 3.2 1.5 8.6.3 11.9-2.5 1.8-1.5 2.7-3.3 2.5-4.8-.2-1.1-.9-2-2.2-2.5-3.1-1.6-8.5-.5-11.9 2.5z" id="_x32_5_3_"/><path class="st0" d="M27.1 44.2c-1.3 0-2.5-.2-3.5-.7-1.5-.7-2.5-1.8-2.6-3.3-.3-1.8.7-3.8 2.7-5.6 3.5-3 9.2-4.2 12.6-2.6 1.5.7 2.5 1.8 2.6 3.3.3 1.8-.7 3.8-2.7 5.6-2.6 2.2-6 3.3-9.1 3.3zm5.5-11.8c-2.8 0-6.1 1.2-8.4 3.1-1.7 1.5-2.6 3.2-2.4 4.6.2 1.1.9 1.9 2.1 2.5 3.1 1.5 8.3.3 11.6-2.5 1.7-1.5 2.6-3.2 2.4-4.6-.2-1.1-.9-1.9-2.1-2.5-.9-.4-2-.6-3.2-.6z" id="_x36__3_"/><path class="st0" d="M17.1 24.7c-3 0-5.4-.8-7-1.8-1.8-1.2-2.8-2.8-2.9-4.5-.3-5.8 6.6-10.6 11.2-12.3 3.5-1.4 9.2-1.7 13 .1 1.8.8 2.9 2.1 3.5 3.7 1.5 4.9-3.1 10.6-11.1 13.6-2.5.8-4.7 1.2-6.7 1.2zm8-18.8c-2.2 0-4.4.4-6.4 1.1-4.4 1.7-10.8 6-10.6 11.2.1 1.5.9 2.7 2.5 3.7 2.5 1.6 7 2.5 12.6.5 7.5-2.7 11.9-8 10.5-12.4-.5-1.3-1.4-2.4-2.9-3.1-1.5-.6-3.6-1-5.7-1z"/><path class="st0" d="M16.8 30.5c-2.7 0-5.1-.5-7-1.5a8.26 8.26 0 0 1-4.3-4.9C3.7 18.2 9.7 11 19.3 7.8c5.9-2 11.9-2 15.9.1 2.2 1.1 3.8 2.8 4.4 4.9C41.2 18.5 34.9 26.1 26 29c-3.3 1-6.4 1.5-9.2 1.5zM28 7.3c-2.6 0-5.5.5-8.3 1.5-9 3-14.9 9.8-13.3 15.1.5 1.8 1.9 3.4 3.8 4.3 3.6 1.9 9.3 1.8 15.4-.2 9.1-3 14.4-10.3 13-15-.5-1.8-1.8-3.3-3.8-4.4-1.9-.8-4.3-1.3-6.8-1.3z"/><path class="st0" d="M25.1 45c-2.4 0-4.6-.5-6.4-1.4s-3.1-2.3-3.6-4c-1.2-3.8 2.7-9.8 11.1-12.8 4.5-1.6 9.3-1.6 12.6 0 1.8.9 3 2.2 3.5 3.7 1.5 4.6-3.6 11-10.6 13.4-2.2.7-4.4 1.1-6.6 1.1zm8-18.4c-2.1 0-4.3.4-6.5 1.2C19 30.5 15.1 36 16.1 39.4c.5 1.4 1.5 2.5 3.1 3.4 3.2 1.6 7.8 1.7 12.1.2 6.5-2.2 11.3-8 10-12.1-.5-1.3-1.5-2.4-3-3.1-1.3-.8-3.2-1.2-5.2-1.2z"/><path class="st0" d="M23.4 44.4c-1.8 0-3.6-.2-5.3-.6-4-1.1-6.6-3.3-7.6-6.3-1.8-5.8 3.9-12.8 13.5-16.3 5.9-2.2 11.9-2.3 16.1-.3 2.3 1.1 3.7 2.7 4.5 4.8.9 3 0 6.6-2.6 10s-6.6 6.1-10.8 7.5c-2.8.9-5.3 1.2-7.8 1.2zm9.7-23.9c-2.7 0-5.7.5-8.7 1.6-9 3.3-14.6 9.7-12.8 15.1.8 2.6 3.3 4.6 6.9 5.6s8 .8 12.3-.5c4.1-1.3 7.9-3.8 10.4-7.1 2.4-3.1 3.3-6.5 2.5-9.1-.5-1.8-1.9-3.3-3.9-4.3-2.1-.9-4.3-1.3-6.7-1.3z"/><path class="st0" d="M18 36.1a17 17 0 0 1-8.1-1.8c-2.5-1.4-4.1-3.4-4.7-5.7-1.5-6.3 5.3-14.2 15.3-17.6 10.2-3.4 19.6-1.4 22.1 4.7.9 2.2.8 4.7-.4 7.4-2.3 4.7-7.7 9.1-14.5 11.4-3.3 1.1-6.6 1.6-9.7 1.6zm12.2-25.8c-2.9 0-6.1.5-9.4 1.6-9.6 3.2-16.1 10.6-14.7 16.4.5 2.2 2 3.9 4.2 5.1 4.2 2.3 10.4 2.3 17.1 0 6.5-2.2 11.7-6.4 13.8-10.9 1.1-2.4 1.2-4.6.4-6.6-1.5-3.6-5.9-5.6-11.4-5.6z"/><path class="st0" d="M19.9 40.8c-2.9 0-5.6-.5-7.7-1.6-2.5-1.3-4.3-3.2-5-5.6-2-6.3 4.8-14.5 15-17.9 10.3-3.5 20.1-1.4 22.3 4.8.8 2.3.5 4.8-.6 7.4-2.3 4.6-7.6 8.8-14.2 11.1-3.5 1.2-6.8 1.8-9.8 1.8zm12-25.8c-2.9 0-6.1.5-9.4 1.6-9.6 3.3-16.2 11-14.5 16.7.6 2.1 2.2 3.8 4.5 5 4.2 2.1 10.3 2 16.7-.2s11.5-6.2 13.6-10.6c1.1-2.4 1.4-4.6.6-6.6-1.2-3.8-5.8-5.9-11.5-5.9z"/></svg> </div> <div class="text-content ph-mg-lf-15"> <span>Standard</span> <span><i class="fa fa-check"></i> Toutes les fonctionnalités de la plateforme World sont incluses </span> <span><i class="fa fa-check"></i> Apache avec accélération Litespeed/LSCache.<span class='fa fa-info-circle d-inline ml-2' data-toggle="tooltip" title='Accélération Litespeed/LSCache native et active par défaut tout en restant sur un environnement Apache 100% optimisé pour le meilleur TTFB et sécurité.' data-placement="bottom"></span></span> <img width="260" src="/assets/world/icons-lscache-color-c31a83732f0ed749f23994ea8ea21a891cb5560f7b4f7c85179ef4ed8b01df8f.png" alt="LSCache" class='ls-cache-icon-std img-fluid ml-md-3 mt-2'> <img width="260" src="/assets/world/icons-lscache-b29d596ab392f3c28df2b88bbba4ac3637a44e639653297c23c33c1440664255.png" alt="LSCache" class='ls-cache-icon-std img-fluid ml-md-3 mt-2 d-none'> </div> <p class="green-ribbon-text py-2 px-3">Offert</p> </div> <div class="separator text-center"> <p class="ph-mg-tp-15 mb-4">ou</p> </div> <div class="bundle-options bundle-options-pro"> <div class="main-box"> <div class="bar top"></div> <div class="bar left"></div> <div class="bar right delay"></div> <div class="bar bottom delay"></div> <div class="d-flex align-items-start position-relative"> <div class="circle-button ph-mg-tp-10"></div> <div class="img-wrapper ml-3 mt-3 d-none d-md-block"> <img src="/assets/world/world-vip-c97320dc5344be092b284f4598ba5c675b0456899fa2388e0012c5b6bbb4f891.svg" alt="The World Pro" width="45"> </div> <div class="text-content ph-mg-lf-15"> <span>Pro</span> <span><i class="fa fa-check"></i> Toutes les fonctionnalités de la plateforme World sont incluses </span> <span><i class="fa fa-check"></i> Environnement semi-dédié <span class='fa fa-info-circle d-inline ml-2' data-toggle="tooltip" title='L'hébergement est sur un serveur avec très peu de comptes et avec priorité de performance.' data-placement="bottom"></span> </span> <span><i class="fa fa-check"></i> Litespeed Entreprise | LSCache | LiteMage <span class='fa fa-info-circle d-inline ml-2' data-toggle="tooltip" title='Serveur web Litespeed Entreprise plutôt qu'Apache. LSCache et LiteMage sont natifs et actifs par défaut.' data-placement="bottom"></span> </span> <img width="200" src="/assets/world/icons-lscache-pro-587b9049553992ab4f05670c4fbf82beee502e660938737eaa50163db4a0ba32.png" alt="LSCache" class='ls-cache-icon img-fluid ml-md-3 mt-2'> <img width="200" src="/assets/world/icons-lscache-pro-color-3738aae926abde3c14d3740552590ae96994ad129c076a7c0217c70ef9e157bf.png" alt="LSCache" class='ls-cache-icon img-fluid ml-md-3 mt-2 d-none'> <br> <span style="font-size: 10px;">(* et bien sûr tous les CMS listés sur The World Standard)</span> </div> </div> <p class="green-ribbon-text py-2 px-3">2.00 €<span class="small"> TTC</span> / mois</p> </div> </div> </div> </div> </div> <div class='specifications-section px-md-4 d-none'> <div class="green-bg-clr-light rounded text-center font-italic mt-3 p-3"> <p>* À l’achat d’un hébergement web vous bénéficiez d’un domaine gratuit <strong>sur votre prochaine commande</strong> pour chaque palier de 8 CPU, 16 MB/s DISK I/O et 16 GB RAM. Offre disponible à partir d’un cycle de facturation annuel ou supérieur. <a href="#" class="plan-personalize" data-plan="World"><strong class='blue-clr'>Voir plus></strong></a> </p> </div> </div> <div class="row"> <div id="custom-plan" class="col-12 world-slider-options d-none ph-mg-tp-30"> <div class="row border rounded m-0 pb-5"> <div class="col-12 text-center ph-mg-tp-15 mb-5"> <p>Voici 3 combinaisons préparées par nos soins</p> <a href="#" class="ph-default-button purple-button config-preset-1">Bon départ</a> <a href="#" class="ph-default-button purple-button config-preset-2">Recommandée</a> <a href="#" class="ph-default-button purple-button config-preset-3">Puissance assurée</a> </div> <div class="col-12 col-md-8 mb-3"> <div class="plan-configure"> <div class="row-cpu mb-5"> <div class="col-12 ph-mg-tp-0"> <div class="d-flex justify-content-between mb-2"> <div><img width="20" height="20" src="/assets/world/icon_cpu-8def6f28ea95b227b013734d165d1513c1b030380761011b4ff3e6ebc5fb6e61.svg" alt="CPU" class="each-item-img mr-5"> <span class="world-purple-clr">CPU</span></div> <div><span class="slider-cpu-val">8</span> CPU</div> </div> </div> <div class="d-flex justify-content-between slider-option-cpu align-items-center"> <div><img src="/assets/world/minus-487e4673c0abf91e0ca98f5a62fb6907b9773f99429b9b1d9e0e56a587389146.svg" alt="-" class="step-symbol minus-symbol"></div> <div class="world-option-slider w-75" id="slider-cpu"></div> <div><img src="/assets/world/plus-02b057a0a687fcfa2d3bff35cbbe356631bcbb3fd9cd18c46f988046a23a03c2.svg" alt="+" class="step-symbol plus-symbol"></div> </div> </div> <div class="row-memory mb-5"> <div class="d-flex justify-content-between mb-2"> <div><img width="20" height="20" src="/assets/world/icon_ram-5fcdb562d74a0663af8302b51e3461c8d1e86a0bfd1a92676b7e29971ff4c5d3.svg" alt="Memory" class="each-item-img mr-5"> <span class="world-purple-clr"> Memoire Vive (RAM)</span></div> <div><span class="slider-mem-val">16</span> GB</div> </div> <div class="d-flex justify-content-between slider-option-mem align-items-center"> <div><img src="/assets/world/minus-487e4673c0abf91e0ca98f5a62fb6907b9773f99429b9b1d9e0e56a587389146.svg" alt="-" class="step-symbol minus-symbol"></div> <div class="world-option-slider w-75" id="slider-mem"></div> <div><img src="/assets/world/plus-02b057a0a687fcfa2d3bff35cbbe356631bcbb3fd9cd18c46f988046a23a03c2.svg" alt="+" class="step-symbol plus-symbol"></div> </div> </div> <div class="row-disk"> <div class="d-flex justify-content-between mb-2"> <div><img src="/assets/world/icon_ecriture_disque-7431bbd99f9e2848e3b8c9e03951abc20178d800c472dd97be871161f41d0f92.svg" alt="I/O disk" class="each-item-img"> <span class="world-purple-clr">DISK I/O</span></div> <div class="disk-label"><span class="slider-io-val">16 MB/s</span></div> </div> <div class="d-flex justify-content-between slider-option-io align-items-center"> <div><img src="/assets/world/minus-487e4673c0abf91e0ca98f5a62fb6907b9773f99429b9b1d9e0e56a587389146.svg" alt="-" class="step-symbol minus-symbol"></div> <div class="world-option-slider w-75" id="slider-io"></div> <div><img src="/assets/world/plus-02b057a0a687fcfa2d3bff35cbbe356631bcbb3fd9cd18c46f988046a23a03c2.svg" alt="+" class="step-symbol plus-symbol"></div> </div> </div> </div> </div> <div class="col-12 col-md-4 each-plan choise-custom-box mb-3 pl-md-0"> <div class="plan-content h-100"> <span class="each-plan-item"> <img width="20" height="20" src="/assets/world/icon_cpu-8def6f28ea95b227b013734d165d1513c1b030380761011b4ff3e6ebc5fb6e61.svg" alt="cpu" class="each-item-img"> <span class="each-item-text"><span class="slider-cpu-val">8</span> CPU</span> </span> <span class="each-plan-item"> <img width="20" height="20" src="/assets/world/icon_ram-5fcdb562d74a0663af8302b51e3461c8d1e86a0bfd1a92676b7e29971ff4c5d3.svg" alt="I/O disk" class="each-item-img"> <span class="each-item-text"><span class="slider-mem-val">16</span> GB RAM</span> </span> <span class="each-plan-item"> <img width="20" height="20" src="/assets/world/icon_ecriture_disque-7431bbd99f9e2848e3b8c9e03951abc20178d800c472dd97be871161f41d0f92.svg" alt="I/O disk" class="each-item-img"> <span class="each-item-text"><span class="slider-io-val">16 MB/s</span> DISK I/O</span> </span> <span class="each-plan-item d-none"> <img width="20" height="20" src="/assets/the_world/checked_purple-028ab8e3c911df5a2f964071b463ba26fe737b672a476bbe48f808a17bd7b452.svg" alt="disk" class="each-item-img"> <span class="each-item-text"><span class="free-domains-number font-weight-bold"></span> domaines gratuits *</span> </span> <div class="each-plan-bottom"> <span class="plan-price"><span class="custom-price" id="config-prices"></span><span id="config-currency"></span></span> <a href="#" id="pre_set_pkg_worldcustom" class="ph-default-button plan-trial-btn purple-button">Appliquer</a> </div> </div> </div> <div class="col-12 d-none"> <div class="green-bg-clr-light rounded text-center font-italic mt-3 p-3"> <p>* À l’achat d’un hébergement web vous bénéficiez d’un domaine gratuit <strong>sur votre prochaine commande</strong> pour chaque palier de 8 CPU, 16 MB/s DISK I/O et 16 GB RAM. Offre disponible à partir d’un cycle de facturation annuel ou supérieur.<br><br> Par exemple : 8 CPU, 16 MB/s DISK I/O et 16 GB RAM = 1 nom de domaine gratuit<br> 16 CPU, 32 MB/s DISK I/O et 32 GB RAM = 2 noms de domaine gratuits<br> 24 CPU, 48 MB/s DISK I/O et 48 GB RAM = 3 noms de domaine gratuits<br> </p> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="billingcycle-box"> <div class="order-form-world-billingcycle" data-pid="193"> <div class="position-relative"> <input type="radio" class="product_billingcycle-radio d-none" name="product_166_billingcycle" value="semiannually"> <label onclick="changebillingcycle('semiannually');" class="service-billingcycle-label radio-btn-label" data-value="semiannually"> <span><span></span></span>Semi-annuel </label> <div class="mobile-tooltip tooltip-annually"> <div class="mobile-tooltip-inner"> <span class="price_per_month text-nowrap"></span> </div> </div> </div> <div class="position-relative"> <input type="radio" class="product_billingcycle-radio d-none" name="product_166_billingcycle" value="annually"> <label onclick="changebillingcycle('annually');" class="service-billingcycle-label radio-btn-label" data-value="annually"> <span><span></span></span>1 an </label> <div class="mobile-tooltip tooltip-annually"> <div class="mobile-tooltip-inner"> <span class="price_per_month text-nowrap"></span> </div> </div> </div> <div class="position-relative"> <input type="radio" class="product_billingcycle-radio d-none" name="product_166_billingcycle" value="biennially"> <label onclick="changebillingcycle('biennially');" class="service-billingcycle-label radio-btn-label" data-value="biennially"> <span><span></span></span>2 ans </label> <div class="mobile-tooltip tooltip-annually"> <div class="mobile-tooltip-inner"> <span class="price_per_month text-nowrap"></span> </div> </div> </div> <div class="position-relative"> <input type="radio" class="product_billingcycle-radio d-none" name="product_166_billingcycle" value="triennially"> <label onclick="changebillingcycle('triennially');" class="service-billingcycle-label radio-btn-label" data-value="triennially"> <span><span></span></span>3 ans </label> <div class="mobile-tooltip tooltip-annually"> <div class="mobile-tooltip-inner"> <span class="price_per_month text-nowrap"></span> </div> </div> </div> </div> <div class="billing-cycle-text text-center"> </div> <div class="text-center ph-mg-tp-30 mb-4"> <a href="#" class="ph-default-button orange-button cart-next-step">Suivant ></a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="widget-content col-12 champ-formulaire" style="display: none;"> <div class="row" style="display: none;"> <div class="col-12 col-md-10 world-configopt-radio-hidden"> <input type="radio" name="configoption[177]" value="755" id="Standard" /> <input type="radio" name="configoption[177]" value="756" id="Pro" /> </div> </div> <!-- .widget-row --> <div class="row" style="display: none;"> <div class="col-12 col-md-10 world-configopt-radio-hidden"> <input name="configoption[178]" id="val_cpu" /> </div> </div> <!-- .widget-row --> <div class="row" style="display: none;"> <div class="col-12 col-md-10 world-configopt-radio-hidden"> <input name="configoption[179]" id="val_mem" /> </div> </div> <!-- .widget-row --> <div class="row" style="display: none;"> <div class="col-12 col-md-10 world-configopt-radio-hidden"> <input name="configoption[180]" id="val_io" /> </div> </div> <!-- .widget-row --> </div> <div class="cart-summary col-10 offset-1 col-lg-3 offset-lg-0"> <div class="summary-affix"> <div class="section-wrapper section-wrapper-xs"> <h4 class="ph-mg-bt-40">Résumé</h4> <div class="summary-wrapper secondary"> <div class="splitted-line"> <span>The World</span> <span>72.00 €</span> </div> <hr> <div class="splitted-line"> <span>Total actuel</span> <span class="font-weight-bold">72.00 €<span class="small"> TTC</span></span> </div> </div> </div> <div class="sub-order-items d-none d-md-flex ph-mg-tp-40"> <a href="https://www.planethoster.com/fr/Contact" target="_blank" rel="noopener" class='d-none d-md-inline-block'> <img src="/assets/support/tech_support_fr-57d7150360034401e069f76a3b50fd1ff3ce4a813b07e8d0ce32c52d8ee9c715.svg" alt="Support technique" width="80" height="80"/> </a> <a href="https://www.icann.org/resources/pages/responsibilities-2014-03-14-fr" target="_blank" rel="noopener" class='d-none d-md-inline-block'> <img src="/assets/logos/icann_green-0d759387abb13616deb238587222d9be557e06bd94bf697dd3fc1153a0000746.svg" alt="ICANN" width="80" height="80"/> </a> </div> </div> <script> $(document).ready(function(){ // always show summary when scrolling down on desktop var setAffix = function() { var $affixElement = $('.cart-conf-section .summary-affix'); if ($('html, body').scrollTop() > 300 && window.innerWidth > 991) { $affixElement.addClass("affix"); } else { $affixElement.removeClass("affix"); } } window.addEventListener('scroll', setAffix); // On refresh execute function setAffix(); }); </script> </div> </div> </form> <script> var $specificationsSection = $('.specifications-section'); // slider config // ********************* Start cpu *********************** var cpuSliderEl = document.getElementById('slider-cpu'); var start_cpu = 8 ; var max_cpu = 10000; var min_cpu = 8; var step_cpu = 8; var cpuSliderOpts = { start: start_cpu, connect: [true, false], range: { min: min_cpu, max: max_cpu, }, step: step_cpu, }; var cpuSlider = noUiSlider.create(cpuSliderEl, cpuSliderOpts); cpuSlider.on('set', function(values, idx) { var val = parseInt(values[idx], 10); txtDisk = val; $('.slider-cpu-val').text(val + " "); $('#val_cpu').val(val); }); cpuSlider.on('change', function(values, idx) { var val = parseInt(values[idx], 10); $('.slider-cpu-val').text(val + " "); $('#val_cpu').val(val); reCalculatePrices(); }); $('.slider-option-cpu .plus-symbol').on('click', function(e) { if (parseInt(cpuSlider.get(), 10) >= cpuSliderOpts.range.max) { return false; } var val = parseInt(cpuSlider.get(), 10) + step_cpu; cpuSlider.set(val); $('#val_cpu').val(val); reCalculatePrices(); return false; }); $('.slider-option-cpu .minus-symbol').on('click', function(e) { if (parseInt(cpuSlider.get(), 10) <= cpuSliderOpts.range.min) { return false; } var val = parseInt(cpuSlider.get(), 10) - step_cpu; cpuSlider.set(val); $('#val_cpu').val(val); $('.limit-cpu-error').hide(); reCalculatePrices(); return false; }); // ********************* End cpu *********************** // ********************* Start mem *********************** var memSliderEl = document.getElementById('slider-mem'); var start_mem = 16 ; var max_mem = 10000; var min_mem = 16; var step_mem = 8; var memSliderOpts = { start: start_mem, connect: [true, false], range: { min: min_mem, max: max_mem, }, step: step_mem, }; var memSlider = noUiSlider.create(memSliderEl, memSliderOpts); memSlider.on('set', function(values, idx) { var val = parseInt(values[idx], 10); txtDisk = val; $('.slider-mem-val').text(val + " "); $('#val_mem').val(val); }); memSlider.on('change', function(values, idx) { var val = parseInt(values[idx], 10); $('.slider-mem-val').text(val + " "); $('#val_mem').val(val); reCalculatePrices(); }); $('.slider-option-mem .plus-symbol').on('click', function(e) { if (parseInt(memSlider.get(), 10) >= memSliderOpts.range.max) { return false; } var val = parseInt(memSlider.get(), 10) + step_mem; memSlider.set(val); $('#val_mem').val(val); reCalculatePrices(); return false; }); $('.slider-option-mem .minus-symbol').on('click', function(e) { if (parseInt(memSlider.get(), 10) <= memSliderOpts.range.min) { return false; } var val = parseInt(memSlider.get(), 10) - step_mem; memSlider.set(val); $('#val_mem').val(val); $('.limit-mem-error').hide(); reCalculatePrices(); return false; }); // ********************* End mem *********************** // ********************* Start io *********************** var ioSliderEl = document.getElementById('slider-io'); var start_io = 16 ; var max_io = 10000; var min_io = 16; var step_io = 8; var ioSliderOpts = { start: start_io, connect: [true, false], range: { min: min_io, max: max_io, }, step: step_io, }; var ioSlider = noUiSlider.create(ioSliderEl, ioSliderOpts); ioSlider.on('set', function(values, idx) { var val = parseInt(values[idx], 10); txtDisk = val; $('.slider-io-val').text(val + " MB/s "); $('#val_io').val(val); }); ioSlider.on('change', function(values, idx) { var val = parseInt(values[idx], 10); $('.slider-io-val').text(val + " MB/s "); $('#val_io').val(val); reCalculatePrices(); }); $('.slider-option-io .plus-symbol').on('click', function(e) { if (parseInt(ioSlider.get(), 10) >= ioSliderOpts.range.max) { return false; } var val = parseInt(ioSlider.get(), 10) + step_io; ioSlider.set(val); $('#val_io').val(val); reCalculatePrices(); return false; }); $('.slider-option-io .minus-symbol').on('click', function(e) { if (parseInt(ioSlider.get(), 10) <= ioSliderOpts.range.min) { return false; } var val = parseInt(ioSlider.get(), 10) - step_io; ioSlider.set(val); $('#val_io').val(val); $('.limit-io-error').hide(); reCalculatePrices(); return false; }); // ********************* End io *********************** function reCalculatePrices(){ price_per_month = 0.01 cpu_price = parseInt($('#val_cpu').val()) * 0.37; mem_price = parseInt($('#val_mem').val()) * 0.09; io_price = parseInt($('#val_io').val()) * 0.09; total_conf_price = cpu_price + mem_price + io_price + price_per_month; $('#config-prices').html((Math.round(total_conf_price * 100) / 100).toFixed(2)); checkAvailableFreeDomains(); } var customPlan = document.getElementById('custom-plan'); var val = "2"; function selectWorldVal($input, val) { $input.val(val); } $(".plan-personalize").on('click', function(){ customPlan.classList.remove('d-none'); // $specificationsSection.addClass('d-none'); // Scrolltop for mobile $('html, body').animate({ scrollTop: $(".plan-configure").offset().top - 100 }, 200); return false; }); // *********************** dynamically set world package preset configuration ********************************** $(".world-orderform .plan-trial-btn").on('click', function(e){ e.preventDefault(); // $specificationsSection.removeClass('d-none'); showSelectedPlan(); prodconfrecalcsummary(193, false); }); function showSelectedPlan(){ // Set active the selected bundle $('.world-slider-options').toggleClass('d-none'); $('.plans-options-list').isOnScreen(); } // *********************** Presets buttons ********************************** $('.config-preset-1').on('click', function(e){ e.preventDefault(); cpuSlider.set(8); memSlider.set(16); ioSlider.set(16); togglePresetsButtons($(this)); reCalculatePrices(); }); $('.config-preset-2').on('click', function(e){ e.preventDefault(); cpuSlider.set(16); memSlider.set(32); ioSlider.set(32); togglePresetsButtons($(this)); reCalculatePrices(); }); $('.config-preset-3').on('click', function(e){ e.preventDefault(); cpuSlider.set(32); memSlider.set(64); ioSlider.set(64); togglePresetsButtons($(this)); reCalculatePrices(); }); function togglePresetsButtons($this){ $this.siblings().removeClass('active'); $this.addClass('active'); } // *********************** Bundle location ********************************** $(".bundle-options-base").on('click', function(){ if(!$(this).hasClass('active')){ $('.bundle-options').removeClass('active'); $(this).addClass('active'); } else { return false; } var val = 2; // Toggle lscache icons color $('.ls-cache-icon').toggleClass('d-none'); $('.ls-cache-icon-std').toggleClass('d-none'); $('.main-box').removeClass('animated'); $('#Standard').trigger('click'); prodconfrecalcsummary(193, false); }); $(".bundle-options-pro").on('click', function(){ if(!$(this).hasClass('active')){ $('.bundle-options').removeClass('active'); $(this).addClass('active'); } else { return false; } var val = 3; // Toggle lscache icons color $('.ls-cache-icon').toggleClass('d-none'); $('.ls-cache-icon-std').toggleClass('d-none'); // Show animation $(this).find('.main-box').addClass('animated'); $('#Pro').trigger('click'); prodconfrecalcsummary(193, false); }); // Calculating price of the config options at first $(document).ready(function () { cpuSlider.set(start_cpu); memSlider.set(start_mem); ioSlider.set(start_io); price_per_month = 0.01 cpu_price = start_cpu * 0.37; mem_price = start_mem * 0.09; io_price = start_io * 0.09; total_conf_price = cpu_price + mem_price + io_price + price_per_month; $('#config-prices').html((Math.round(total_conf_price * 100) / 100).toFixed(2)); $('#config-currency').html(" € / mois"); if($('.product_billingcycle-radio:checked').length > 0) { changebillingcycle($('.product_billingcycle-radio:checked').val()); } checkAvailableFreeDomains(); prodconfrecalcsummary(193, false); }); function checkAvailableFreeDomains() { var cpuValue = parseInt($('#val_cpu').val()); var memValue = parseInt($('#val_mem').val()); var ioValue = parseInt($('#val_io').val()); var currentBillingCycle = $('#productbilling').val(); var availableDomains = 0; var $freeDomainsNumber = $('.free-domains-number'); var $freeDomainsWrapper = $('.free-domains-wrapper'); if (currentBillingCycle === 'monthly' || currentBillingCycle === 'semiannually' || currentBillingCycle === 'quarterly') { availableDomains = 0; } else if (cpuValue >= 192 && ioValue >= 384 && memValue >= 384) { availableDomains = 24; } else if (cpuValue >= 184 && ioValue >= 368 && memValue >= 368) { availableDomains = 23; } else if (cpuValue >= 176 && ioValue >= 352 && memValue >= 352) { availableDomains = 22; } else if (cpuValue >= 168 && ioValue >= 336 && memValue >= 336) { availableDomains = 21; } else if (cpuValue >= 160 && ioValue >= 320 && memValue >= 320) { availableDomains = 20; } else if (cpuValue >= 152 && ioValue >= 304 && memValue >= 304) { availableDomains = 19; } else if (cpuValue >= 144 && ioValue >= 288 && memValue >= 288) { availableDomains = 18; } else if (cpuValue >= 136 && ioValue >= 272 && memValue >= 272) { availableDomains = 17; } else if (cpuValue >= 128 && ioValue >= 256 && memValue >= 256) { availableDomains = 16; } else if (cpuValue >= 120 && ioValue >= 240 && memValue >= 240) { availableDomains = 15; } else if (cpuValue >= 112 && ioValue >= 224 && memValue >= 224) { availableDomains = 14; } else if (cpuValue >= 104 && ioValue >= 208 && memValue >= 208) { availableDomains = 13; } else if (cpuValue >= 96 && ioValue >= 192 && memValue >= 192) { availableDomains = 12; } else if (cpuValue >= 88 && ioValue >= 176 && memValue >= 176) { availableDomains = 11; } else if (cpuValue >= 80 && ioValue >= 160 && memValue >= 160) { availableDomains = 10; } else if (cpuValue >= 72 && ioValue >= 144 && memValue >= 144) { availableDomains = 9; } else if (cpuValue >= 64 && ioValue >= 128 && memValue >= 128) { availableDomains = 8; } else if (cpuValue >= 56 && ioValue >= 112 && memValue >= 112) { availableDomains = 7; } else if (cpuValue >= 48 && ioValue >= 96 && memValue >= 96) { availableDomains = 6; } else if (cpuValue >= 40 && ioValue >= 80 && memValue >= 80) { availableDomains = 5; } else if (cpuValue >= 32 && ioValue >= 64 && memValue >= 64) { availableDomains = 4; } else if (cpuValue >= 24 && ioValue >= 48 && memValue >= 48) { availableDomains = 3; }else if(cpuValue >= 16 && ioValue >= 32 && memValue >= 32) { availableDomains = 2; } else { availableDomains = 1; } if (availableDomains === 0) { // $freeDomainsWrapper.addClass('d-none'); } else { // $freeDomainsWrapper.removeClass('d-none'); } $freeDomainsNumber.text(availableDomains); } </script> </section> <div class="header-tag"> <div class="svg-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="width:50px;height:50px;"><style>.stnav{fill:#80b941} </style> <path class="stnav2" d="M21.8 9.9h4.8v4.9h-5.4c0-1.7.2-3.4.6-4.9m0 11h4.8v-5h-5.4c0 1.8.2 3.4.6 5m4.8-12.1V2.4c-1.9.4-3.6 2.9-4.6 6.4h4.6zm6.9 12.1h5.3c.7-1.5 1.1-3.2 1.2-4.9h-6c0 1.7-.2 3.3-.5 4.9m0-11c.3 1.5.5 3.2.5 4.9h6c-.1-1.8-.5-3.4-1.2-4.9h-5.3zm-.2-1.1h5c-1.7-3-4.6-5.2-8-6 1.3 1.3 2.3 3.4 3 6m-6.7 19.5v-6.4H22c.9 3.5 2.6 6 4.6 6.4m5.6-19.5c-.9-3.5-2.6-6-4.6-6.4v6.4h4.6zm.8 7.1h-5.4v4.9h4.8c.3-1.5.5-3.1.6-4.9m-18.8 0c.1 1.8.5 3.4 1.2 4.9h5.3c-.3-1.5-.5-3.2-.5-4.9h-6zm6.7 6h-5c1.7 3 4.6 5.2 8 6-1.3-1.3-2.4-3.4-3-6m12.4 0c-.7 2.6-1.7 4.7-3 6 3.4-.8 6.3-3.1 8-6h-5zM20.9 8.8c.7-2.6 1.7-4.7 3-6-3.4.8-6.3 3.1-8 6h5zm11.5 1.1h-4.8v4.9H33c-.1-1.7-.3-3.4-.6-4.9m-17 0c-.8 1.5-1.2 3.2-1.2 5h6c0-1.8.2-3.4.5-4.9l-5.3-.1zm12.2 12v6.4c1.9-.4 3.6-2.9 4.6-6.4h-4.6z"/> <circle cx="10.4" cy="27.1" r="9.9" fill="#fff"/> <path class="stnav" d="M10.4 37.6C4.7 37.6 0 32.9 0 27.1s4.7-10.4 10.4-10.4 10.4 4.7 10.4 10.4-4.6 10.5-10.4 10.5zm0-19.9c-5.2 0-9.4 4.2-9.4 9.4s4.2 9.4 9.4 9.4 9.4-4.2 9.4-9.4-4.2-9.4-9.4-9.4z"/> <text class="stnav" x="6" y="33">2</text> </svg> </div> <span class='d-none d-md-inline-block'>Noms de domaine</span> </div> <section class='container cart-domain-section p-0'> <div class="row"> <div class="col-12 col-lg-9"> <div class="orderform-container domain-register-container section-wrapper"> <div class="row"> <div class="col-12"> <h4 class="ph-mg-bt-40"> Nom de domaine (facultatif) </h4> </div> <div class="col-12 domain-each-block js-order-form-domain-tab-content active"> <div class='add-domains-wrapper'> <p class="mb-4"> Indiquez le nom de domaine à utiliser avec votre plan The World. Pour plusieurs domaines, utilisez l'ajout avancé. </p> <div class="form-group single-domain-input-1 ph-mg-tp-15"> <input type="text" placeholder='Entrez ici votre nom de domaine .com .net .fr ...' id='register-domainname' name='single-domain-input-1' class="order-form-domain-input" data-checktype="register"> <i class="fa fa-spinner fa-pulse fa-lg fa-fw d-none"></i> <a href="#" class="pull-right ph-mg-tp-5 add-domain" tabindex="-1">Ajout avancé</a> </div> <div class="textarea-input d-none"> <div> <textarea rows="5" placeholder="Entrez tous les noms de domaine que vous voulez enregistrer ou transférer, un par ligne. Pour les transferts de noms de domaine, ajoutez une ',' suivi du code de transfert. Exemple: domainetransf.com,codedetransfer1" class="domain-textarea order-form-domain-input-text active" id="multiple-domain-input" spellcheck="false" data-checktype="register"></textarea> <a href="#" class="pull-right ph-mg-tp-5 add-domain" tabindex="-1">Recherche simple</a> </div> </div> <div class="d-none mt-5" id="availability-error"> <!-- ERRORS SECTION --> </div> <div class="mt-5"> </div> <div class="d-none mt-5" id="no-domains-error"> <div> <p class="text-danger ph-mg-tp-15"><i class="fa fa-info-circle red-clr"></i> Veuillez ajouter un domaine</p> </div> </div> </div> </div> <div class="col-12 register-section"> <!-- REGISTER SECTION --> </div> <div class="col-12 suggestion-section"> <!-- SUGGEST SECTION --> </div> <div class="col-12"> <div class="text-center ph-mg-tp-30"> <a href="#" class="ph-default-button orange-button cart-previous-step">< Précédent</a> <a href="#" class="ph-default-button step2-next-action cart-step2-next-step light-gray-button"> <span class='ignore-step'>Ignorer ></span> <span class='next-step d-none'>Suivant ></span> <span class='validation-step d-none'>Valider</span> <i class="fa fa-spinner fa-pulse fa-small fa-fw d-none"></i> </a> </div> </div> </div> </div> </div> <div class="cart-summary col-10 offset-1 col-lg-3 offset-lg-0"> <div class="summary-affix"> <div class="section-wrapper section-wrapper-xs"> <h4 class="ph-mg-bt-40">Résumé</h4> <div class="summary-wrapper secondary"> <div class="splitted-line"> <span>The World</span> <span>72.00 €</span> </div> <hr> <div class="splitted-line"> <span>Total actuel</span> <span class="font-weight-bold">72.00 €<span class="small"> TTC</span></span> </div> </div> </div> <div class="sub-order-items d-none d-md-flex ph-mg-tp-40"> <a href="https://www.planethoster.com/fr/Contact" target="_blank" rel="noopener" class='d-none d-md-inline-block'> <img src="/assets/support/tech_support_fr-57d7150360034401e069f76a3b50fd1ff3ce4a813b07e8d0ce32c52d8ee9c715.svg" alt="Support technique" width="80" height="80"/> </a> <a href="https://www.icann.org/resources/pages/responsibilities-2014-03-14-fr" target="_blank" rel="noopener" class='d-none d-md-inline-block'> <img src="/assets/logos/icann_green-0d759387abb13616deb238587222d9be557e06bd94bf697dd3fc1153a0000746.svg" alt="ICANN" width="80" height="80"/> </a> </div> </div> <script> $(document).ready(function(){ // always show summary when scrolling down on desktop var setAffix = function() { var $affixElement = $('.cart-conf-section .summary-affix'); if ($('html, body').scrollTop() > 300 && window.innerWidth > 991) { $affixElement.addClass("affix"); } else { $affixElement.removeClass("affix"); } } window.addEventListener('scroll', setAffix); // On refresh execute function setAffix(); }); </script> </div> </div> </section> <div class="header-tag"> <div class="svg-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="width:50px;height:50px;"> <style>.stnav{fill:#80b941}</style> <path class="stnav2" d="M27.1 1.9c-7.1 0-12.9 5.8-12.9 12.9S20 27.7 27.1 27.7 40 22 40 14.9c0-7.2-5.8-13-12.9-13zm2.6 10.3c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5c-1.4-.1-2.5-1.2-2.5-2.5zm-10.1 0c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5c-1.4-.1-2.5-1.2-2.5-2.5zm7.5 12.7c-3.8 0-7-2.2-7.9-6.4 0-.1.1-.3.2-.3h15.5c.1 0 .2.1.2.3-1 4.3-4.2 6.4-8 6.4z"/> <circle cx="10.5" cy="27.6" r="10" fill="#fff"/> <path class="stnav" d="M10.5 38.1C4.7 38.1 0 33.4 0 27.6s4.7-10.5 10.5-10.5S21 21.8 21 27.6s-4.8 10.5-10.5 10.5zm0-19.9c-5.2 0-9.5 4.2-9.5 9.5s4.2 9.5 9.5 9.5S20 33 20 27.7s-4.3-9.5-9.5-9.5z"/> <text class="stnav" x="6" y="33">3</text> </svg> </div> <span class='d-none d-md-inline-block'>Info Contact</span> </div> <section class='container cart-contact-info ph-pd-tp-30'> <div class="contact-info-first-step row active"> <div class="col-12 col-sm-6"> <div class="section-wrapper section-wrapper-xs"> <h4>Connexion Espace Membre</h4> <p class='ph-mg-bt-20 ph-mg-tp-30'>Déjà membre?</p> <form method="post" id="login-form-box"> <input type="hidden" name="authenticity_token" value="ARnbYupyO8LHGu0Q1mxVbA47D0p+vWKDZ4QM5Zl4pc4F44/dO28mIuPmJZFMGyIzXcBzuQ2nFJxHRwQtXBlzGg==" /> <input type="hidden" name="cust_billing" id="use_cust_as_billing" value="1"> <div> <div class="form-group"> <label>Adresse Email</label> <input type="email" name="loginemail" autocomplete="email" id="loginemail" class="form-control" size="40" value="" required placeholder=""> </div> <div class="form-group ph-password"> <label>Mot de passe</label> <input class="form-control" id="loginpw" type="password" autocomplete="current-password" name="loginpw" required/> <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 login-error"> <!-- LOGIN ERROR --> </div> <div class="form-group"> <input type="submit" id="login-checkout" class="ph-default-button orange-button" value="Se connecter"/> </div> <span class="text-left password-reinit gray-dark-clr"> Mot de passe oublié ? <a class='default-link' href="/pwreset/email">Pour réinitialiser votre mot de passe, cliquez ici.</a> </span> </div> </form> </div> </div> <div class="col-12 col-sm-6"> <div class="section-wrapper section-wrapper-xs"> <h4>Pas encore membre ?</h4> <div class="row"> <div class="col-12 ph-mg-bt-20 ph-mg-tp-20"> <div> Nouveau sur PlanetHoster ? Créez un compte et trouvez toutes nos fonctionnalités dans l'espace client. </div> </div> <div class="col-12"> <a href="#" class="orange-button ph-default-button toggle-subscription-form ph-mg-tp-10 ph-mg-bt-20">S'inscrire</a> </div> </div> </div> </div> </div> <div class="contact-info-second-step row "> <div class="col-12 col-sm-12 account-no-update-wrapper"> <a href="#" class='toggle-subscription-form back ph-mg-tp-20 ph-mg-bt-20'><i class="fa fa-2x fa-arrow-circle-left" aria-hidden="true"></i><span class='ph-pd-lf-10'>Retour</span></a> </div> <div class="col-12 col-sm-12"> <div class="section-wrapper section-wrapper-xs ph-mg-bt-40"> <div class="row"> <div class="col-12"> <h1 class="ph-title ph-mg-bt-40 account-need-update-wrapper d-none">Complétez vos informations personnelles</h1> <h1 class="ph-title ph-mg-bt-40 account-no-update-wrapper ">Créez votre compte</h1> </div> <form method="post" id="checkout-billing-info" class="row" _lpchecked="1"> <input type="hidden" name="contact_info_complete" value="1"> <div class="col-12 col-md-6"> <label>Prénom</label> <input class="form-control" type="text" name="first_name" id="first_name" value="" required=""> </div> <div class="col-12 col-md-6"> <label>Nom de famille</label> <input class="form-control" type="text" name="last_name" id="last_name" value="" required="" > </div> <div class="col-12 col-md-6 mt-3 account-no-update-wrapper"> <label>Email</label> <input class="form-control" type="email" name="email" id="email" value="" required="" "> </div> <div class="col-12 col-md-6 mt-3 account-no-update-wrapper"> <label>Réinscrire l'email</label> <input class="form-control email-confirm" onpaste="return false;" type="text" name="email_confirmation" id="email_confirmation" value="" required="" > <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 col-md-6 mt-3 account-no-update-wrapper"> <div class="ph-password"> <label>Mot de passe</label> <input class="form-control" id="newpw" type="password" autocomplete="new-password" name="password" required="" value=""> <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> <div class="col-12 col-md-6 mt-3 account-no-update-wrapper"> <div class="ph-password"> <label>Confirmer le mot de passe</label> <input class="form-control " type="password" onpaste="return false;" name="password_confirmation" id="password_confirmation" value="" required="" autocomplete="off"> <span class="position-absolute password-confirm-visible password-visible"><i class="gray-dark-clr fa fa-eye" aria-hidden="true"></i></span> </div> </div> <div class="col-12 col-md-6 mt-3"> <label>Adresse</label> <input class="form-control address1" type="text" name="address1" value="" required="" autocomplete="off"> </div> <div class="col-12 col-md-6 mt-3"> <label>Code Postal</label> <input class="form-control" type="text" name="postal_code" id="postal_code" value="" required=""> </div> <div class="col-12 col-md-6 mt-3"> <label>Ville</label> <input class="form-control" type="text" name="city" id="locality" value="" required=""> </div> <div class="col-12 col-md-6 mt-3"> <label>Province/État</label> <input type="text" id="state" class="form-control d-none" name="state" value=""> <input type="text" class="form-control " name="administrative_area" value=""> </div> <div class="col-12 col-md-6 mt-3"> <label>Pays</label> <select name="country" id="country" class="tel-country-sync"> <option value="">Pays</option> <option value="AF" >Afghanistan</option> <option value="AX" >Aland Islands</option> <option value="AL" >Albania</option> <option value="DZ" >Algeria</option> <option value="AS" >American Samoa</option> <option value="AD" >Andorra</option> <option value="AO" >Angola</option> <option value="AI" >Anguilla</option> <option value="AQ" >Antarctica</option> <option value="AG" >Antigua And Barbuda</option> <option value="AR" >Argentina</option> <option value="AM" >Armenia</option> <option value="AW" >Aruba</option> <option value="AU" >Australia</option> <option value="AT" >Austria</option> <option value="AZ" >Azerbaijan</option> <option value="BS" >Bahamas</option> <option value="BH" >Bahrain</option> <option value="BD" >Bangladesh</option> <option value="BB" >Barbados</option> <option value="BY" >Belarus</option> <option value="BE" >Belgium</option> <option value="BZ" >Belize</option> <option value="BJ" >Benin</option> <option value="BM" >Bermuda</option> <option value="BT" >Bhutan</option> <option value="BO" >Bolivia</option> <option value="BA" >Bosnia And Herzegovina</option> <option value="BW" >Botswana</option> <option value="BV" >Bouvet Island</option> <option value="BR" >Brazil</option> <option value="IO" >British Indian Ocean Territory</option> <option value="BN" >Brunei Darussalam</option> <option value="BG" >Bulgaria</option> <option value="BF" >Burkina Faso</option> <option value="BI" >Burundi</option> <option value="KH" >Cambodia</option> <option value="CM" >Cameroon</option> <option value="CA" >Canada</option> <option value="CV" >Cape Verde</option> <option value="KY" >Cayman Islands</option> <option value="CF" >Central African Republic</option> <option value="TD" >Chad</option> <option value="CL" >Chile</option> <option value="CN" >China</option> <option value="CX" >Christmas Island</option> <option value="CC" >Cocos (Keeling) Islands</option> <option value="CO" >Colombia</option> <option value="KM" >Comoros</option> <option value="CG" >Congo</option> <option value="CD" >Congo, Democratic Republic</option> <option value="CK" >Cook Islands</option> <option value="CR" >Costa Rica</option> <option value="CI" >Cote D'Ivoire</option> <option value="HR" >Croatia</option> <option value="CU" >Cuba</option> <option value="CW" >Curacao</option> <option value="CY" >Cyprus</option> <option value="CZ" >Czech Republic</option> <option value="DK" >Denmark</option> <option value="DJ" >Djibouti</option> <option value="DM" >Dominica</option> <option value="DO" >Dominican Republic</option> <option value="EC" >Ecuador</option> <option value="EG" >Egypt</option> <option value="SV" >El Salvador</option> <option value="GQ" >Equatorial Guinea</option> <option value="ER" >Eritrea</option> <option value="EE" >Estonia</option> <option value="ET" >Ethiopia</option> <option value="FK" >Falkland Islands (Malvinas)</option> <option value="FO" >Faroe Islands</option> <option value="FJ" >Fiji</option> <option value="FI" >Finland</option> <option value="FR" selected="selected">France</option> <option value="GF" >French Guiana</option> <option value="PF" >French Polynesia</option> <option value="TF" >French Southern Territories</option> <option value="GA" >Gabon</option> <option value="GM" >Gambia</option> <option value="GE" >Georgia</option> <option value="DE" >Germany</option> <option value="GH" >Ghana</option> <option value="GI" >Gibraltar</option> <option value="GR" >Greece</option> <option value="GL" >Greenland</option> <option value="GD" >Grenada</option> <option value="GP" >Guadeloupe</option> <option value="GU" >Guam</option> <option value="GT" >Guatemala</option> <option value="GG" >Guernsey</option> <option value="GN" >Guinea</option> <option value="GW" >Guinea-Bissau</option> <option value="GY" >Guyana</option> <option value="HT" >Haiti</option> <option value="HM" >Heard Island & Mcdonald Islands</option> <option value="VA" >Holy See (Vatican City State)</option> <option value="HN" >Honduras</option> <option value="HK" >Hong Kong</option> <option value="HU" >Hungary</option> <option value="IS" >Iceland</option> <option value="IN" >India</option> <option value="ID" >Indonesia</option> <option value="IR" >Iran, Islamic Republic Of</option> <option value="IQ" >Iraq</option> <option value="IE" >Ireland</option> <option value="IM" >Isle Of Man</option> <option value="IL" >Israel</option> <option value="IT" >Italy</option> <option value="JM" >Jamaica</option> <option value="JP" >Japan</option> <option value="JE" >Jersey</option> <option value="JO" >Jordan</option> <option value="KZ" >Kazakhstan</option> <option value="KE" >Kenya</option> <option value="KI" >Kiribati</option> <option value="KR" >Korea</option> <option value="KW" >Kuwait</option> <option value="KG" >Kyrgyzstan</option> <option value="LA" >Lao People's Democratic Republic</option> <option value="LV" >Latvia</option> <option value="LB" >Lebanon</option> <option value="LS" >Lesotho</option> <option value="LR" >Liberia</option> <option value="LY" >Libyan Arab Jamahiriya</option> <option value="LI" >Liechtenstein</option> <option value="LT" >Lithuania</option> <option value="LU" >Luxembourg</option> <option value="MO" >Macao</option> <option value="MK" >Macedonia</option> <option value="MG" >Madagascar</option> <option value="MW" >Malawi</option> <option value="MY" >Malaysia</option> <option value="MV" >Maldives</option> <option value="ML" >Mali</option> <option value="MT" >Malta</option> <option value="MH" >Marshall Islands</option> <option value="MQ" >Martinique</option> <option value="MR" >Mauritania</option> <option value="MU" >Mauritius</option> <option value="YT" >Mayotte</option> <option value="MX" >Mexico</option> <option value="FM" >Micronesia, Federated States Of</option> <option value="MD" >Moldova</option> <option value="MC" >Monaco</option> <option value="MN" >Mongolia</option> <option value="ME" >Montenegro</option> <option value="MS" >Montserrat</option> <option value="MA" >Morocco</option> <option value="MZ" >Mozambique</option> <option value="MM" >Myanmar</option> <option value="NA" >Namibia</option> <option value="NR" >Nauru</option> <option value="NP" >Nepal</option> <option value="NL" >Netherlands</option> <option value="AN" >Netherlands Antilles</option> <option value="NC" >New Caledonia</option> <option value="NZ" >New Zealand</option> <option value="NI" >Nicaragua</option> <option value="NE" >Niger</option> <option value="NG" >Nigeria</option> <option value="NU" >Niue</option> <option value="NF" >Norfolk Island</option> <option value="MP" >Northern Mariana Islands</option> <option value="NO" >Norway</option> <option value="OM" >Oman</option> <option value="PK" >Pakistan</option> <option value="PW" >Palau</option> <option value="PS" >Palestinian Territory, Occupied</option> <option value="PA" >Panama</option> <option value="PG" >Papua New Guinea</option> <option value="PY" >Paraguay</option> <option value="PE" >Peru</option> <option value="PH" >Philippines</option> <option value="PN" >Pitcairn</option> <option value="PL" >Poland</option> <option value="PT" >Portugal</option> <option value="PR" >Puerto Rico</option> <option value="QA" >Qatar</option> <option value="RE" >Reunion</option> <option value="RO" >Romania</option> <option value="RU" >Russian Federation</option> <option value="RW" >Rwanda</option> <option value="BL" >Saint Barthelemy</option> <option value="SH" >Saint Helena</option> <option value="KN" >Saint Kitts And Nevis</option> <option value="LC" >Saint Lucia</option> <option value="MF" >Saint Martin</option> <option value="PM" >Saint Pierre And Miquelon</option> <option value="VC" >Saint Vincent And Grenadines</option> <option value="WS" >Samoa</option> <option value="SM" >San Marino</option> <option value="ST" >Sao Tome And Principe</option> <option value="SA" >Saudi Arabia</option> <option value="SN" >Senegal</option> <option value="RS" >Serbia</option> <option value="SC" >Seychelles</option> <option value="SL" >Sierra Leone</option> <option value="SG" >Singapore</option> <option value="SK" >Slovakia</option> <option value="SI" >Slovenia</option> <option value="SB" >Solomon Islands</option> <option value="SO" >Somalia</option> <option value="ZA" >South Africa</option> <option value="GS" >South Georgia And Sandwich Isl.</option> <option value="ES" >Spain</option> <option value="LK" >Sri Lanka</option> <option value="SD" >Sudan</option> <option value="SR" >Suriname</option> <option value="SJ" >Svalbard And Jan Mayen</option> <option value="SZ" >Swaziland</option> <option value="SE" >Sweden</option> <option value="CH" >Switzerland</option> <option value="SY" >Syrian Arab Republic</option> <option value="TW" >Taiwan</option> <option value="TJ" >Tajikistan</option> <option value="TZ" >Tanzania</option> <option value="TH" >Thailand</option> <option value="TL" >Timor-Leste</option> <option value="TG" >Togo</option> <option value="TK" >Tokelau</option> <option value="TO" >Tonga</option> <option value="TT" >Trinidad And Tobago</option> <option value="TN" >Tunisia</option> <option value="TR" >Turkey</option> <option value="TM" >Turkmenistan</option> <option value="TC" >Turks And Caicos Islands</option> <option value="TV" >Tuvalu</option> <option value="UG" >Uganda</option> <option value="UA" >Ukraine</option> <option value="AE" >United Arab Emirates</option> <option value="GB" >United Kingdom</option> <option value="US" >United States</option> <option value="UM" >United States Outlying Islands</option> <option value="UY" >Uruguay</option> <option value="UZ" >Uzbekistan</option> <option value="VU" >Vanuatu</option> <option value="VE" >Venezuela</option> <option value="VN" >Viet Nam</option> <option value="VG" >Virgin Islands, British</option> <option value="VI" >Virgin Islands, U.S.</option> <option value="WF" >Wallis And Futuna</option> <option value="EH" >Western Sahara</option> <option value="YE" >Yemen</option> <option value="ZM" >Zambia</option> <option value="ZW" >Zimbabwe</option> </select> </div> <div class="col-12 col-md-6 mt-3"> <div class="mb-3"> <label>Téléphone</label> <input type="text" class="col-12 async-phone-number ph-icon-phone" id="phone_number" name="phone_number" value="" autocomplete="off"> <p class="text-danger form-error d-none"><span class="fa fa-info-circle red-clr"></span><span class="error-text">Numéro de téléphone invalide</span></p> <span class="tel-valid-wrapper d-none green-clr"></span> </div> </div> <div class="col-12 col-md-6 mt-3"> <label>Entreprise / Société / Personne Morale (Optionnel)</label> <input class="form-control" type="text" name="company_name" id="company_name" value="" > </div> <div class="col-12 col-md-6 mt-3 tva"> <label class='tva d-none'>TVA (Optionnel)</label> <input class="form-control tva d-none" type="text" name="tva" id="tva" value=""> </div> <div class="col-12 form-group login-error"></div> <div class="form-group col-12 mt-5 text-center"> <input type="submit" id="new-client-checkout" class="ph-default-button orange-button" value="Suivant"> </div> </form> </div> </div> </div> </div> <script> var $tvaInput = $('.tva'); var $countryInput = $('#country'); var tvaCountries= ["DE", "AT", "BE", "BG", "CY", "HR", "DK", "ES", "EE", "FI", "FR", "GR", "HU", "IE", "IT", "LV", "LT", "LU", "MT", "NL", "PL", "PT", "CZ", "RO", "GB", "SK", "SI", "SE"]; $(document).ready(function() { checkIfTvaNeeded($countryInput.val()); $countryInput.on('change', function() { checkIfTvaNeeded($(this).val()); }); var loginForm = document.getElementById('login-form-box'); var signupForm = document.getElementById('checkout-billing-info'); loginForm.addEventListener('submit', function(e) { e.preventDefault(); setCaptcha(this); }); signupForm.addEventListener('submit', function(e) { e.preventDefault(); setCaptcha(this); }); function setCaptcha(element) { $('input[name=g-recaptcha-response]').remove(); 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); createquote(element.querySelectorAll('input[type=submit]')[0]); }); } }); function checkIfTvaNeeded(countryVal) { if (tvaCountries.includes(countryVal)) { $tvaInput.removeClass('d-none'); } else { $tvaInput.addClass('d-none'); } } $("#email_confirmation").on('change', function(){ var email = $('#email').val(); var email_confirm = $('#email_confirmation').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_confirmation').val(); if (email != email_confirm && email_confirm != ''){ $('.email-confirm-error-wrapper').removeClass('d-none'); }else{ $('.email-confirm-error-wrapper').addClass('d-none'); } }); </script> </section> <div class="header-tag"> <div class="svg-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="width:50px;height:50px;"> <style>.stnav{fill:#80b941}</style> <path class="stnav2" d="M34.3 7.2v17.6H15.1V2.4h14.4l4.8 4.8zm-1.6 1.6L27.9 4H16.7v19.2h16V8.8zm-6.4 0h-8V7.2h8v1.6zm-8 3.2h12.8v1.6H18.3V12zm0 3.2h12.8v1.6H18.3v-1.6zm0 3.2h12.8V20H18.3v-1.6z"/><path class="stnav" d="M40 18.8L29.2 29.6l-5.4-5.4 2.7-2.7 2.7 2.7 8.1-8.1 2.7 2.7z"/><circle cx="10.5" cy="27.1" r="10" fill="#fff"/> <path class="stnav" d="M10.5 37.6C4.7 37.6 0 32.9 0 27.1s4.7-10.5 10.5-10.5S21 21.3 21 27.1s-4.8 10.5-10.5 10.5zm0-19.9C5.3 17.7 1 22 1 27.2s4.3 9.5 9.5 9.5 9.5-4.3 9.5-9.5-4.3-9.5-9.5-9.5z"/> <text class="stnav" x="6" y="33">4</text> </svg> </div> <span class='d-none d-md-inline-block'>Confirmation</span> </div> <section class='container cart-review-infos ph-pd-tp-30'> <div class="row"> <div class="col-12 col-lg-9"> <div class="section-wrapper section-wrapper-xs ph-mg-bt-20" id="cart_review"> <!-- Cart review summary --> </div> <div class="section-wrapper section-wrapper-xs ph-mg-bt-20"> <h4 class='ph-mg-bt-20'>Méthodes de paiement</h4> <div class="d-flex flex-wrap justify-content-center payment-method-cart"> <label> <input type="radio" name="gateway" value="paypalpaymentspro"/> <img src="/img/invoice/mastercard.svg"> </label> <label> <input type="radio" name="gateway" value="paypalpaymentspro"/> <img src="/img/invoice/visa.svg"> </label> <label> <input type="radio" name="gateway" value="paypal_onetime"/> <img src="/img/invoice/checkout_paypal2.svg"> </label> <label> <input type="radio" name="gateway" value="moneybookers"/> <img src="/img/invoice/skrill-moneybookers.svg"> </label> <label> <input type="radio" name="gateway" value="wiretransfercheque"/> <img src="/img/invoice/virement_bancaire.svg"> </label> </div> </div> <span id="currency" class="d-none">EUR</span> <div class="section-wrapper section-wrapper-xs ph-mg-bt-20"> <h4 class='ph-mg-bt-20'>Économisez davantage en saisissant un code promotionnel</h4> <div class='promo-code-wrapper'> <label for="promocode">Code promotionnel</label> <input type="text" name="promocode" id="promocode" value="" data-validpromo=""> <button class='ph-default-button orange-button' onclick="checkpromocode();">Valider <i class="fa fa-spinner fa-pulse fa-small fa-fw d-none"></i></button> </div> <div class="error-msg-code text-danger mt-3"></div> <div class="success-msg-code green-clr mt-3 d-none">Code promotionnel ajouté avec succès</div> </div> </div> <div class="col-12 col-lg-3"> <div class="section-wrapper section-wrapper-xs"> <h4 class="ph-mg-bt-40">Résumé</h4> <div> <input class="styled-checkbox final_acceptos" id="styled-checkbox-3" type="checkbox" value="value3" required> <label for="styled-checkbox-3">Je suis d'accord avec les <a href="https://www.planethoster.com/fr/Termes-Utilisation" target="_blank">Termes d'utilisation</a> de PlanetHoster. </label> </div> <div class="terms-error text-left d-none"> <p class="text-danger">Vous devez accepter nos conditions de service avant de continuer</p> </div> <div class="payment-error text-left d-none"> <p class="text-danger">Veuillez sélectionner une méthode de paiement avant de continuer</p> </div> <div class="text-center accept-quote-wrapper"> <a class='ph-default-button orange-button ph-mg-tp-20 ph-mg-bt-20' onclick="acceptQuote();">Commander <i class="fa fa-spinner fa-pulse fa-small fa-fw d-none"></i></a> </div> </div> </div> </div> </section> </div> </div> <div class="modal fade world-loading-modal" id="order-form-checkout-modal" tabindex="-1" role="dialog" aria-labelledby="loadingModal" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header justify-content-center"> <h4 class="modal-title text-center" id="loadingModal"> <img src="/img/logos/planet.svg" alt="ph logo" width="50"> Chargement en cours... </h4> </div> <div class="modal-body text-center pt-5"> <div class="ph-spinner"> <div class="double-bounce1"></div> <div class="double-bounce2"></div> </div> <label> Traitement en cours... </label> </div> </div> </div> </div> <div class="modal fade world-loading-modal" id="delete-confirm-modal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header d-block"> <h3 class="modal-title text-center">Êtes-vous sûr de vouloir supprimer <span class="insert-current-domain"></span> ?</h3> </div> <div class="modal-body text-center my-4 pb-0"> <a href="#" class="confirm-no ph-default-button" data-dismiss="modal">Annuler</a> <a href="#" class="confirm-yes ph-default-button orange-button">Supprimer <i class="fa fa-spinner fa-pulse fa-lg fa-fw d-none"></i></a> </div> </div> </div> </div> <script src="/assets/carts/cart_function-f808449abc20d3c71afa4aa27474f5e8d02d9fafd5b44050e9f1e7ea07833630.js"></script> <script src="/assets/carts/view-7b43e1a425c27fdc9305fef3c9c2f8eae75676ff88572b1c13a915335e9f3374.js"></script> <script> $(document).ready(function() { var billing_selected = "annually"; billing_selected = 'annually'; $('#productbilling').val(billing_selected); recalcsummary(false); $("input[name=product_166_billingcycle][value=" + billing_selected + "]").prop('checked', true); if($('.contact-info-second-step').hasClass('active')) { loadCaptchas(); } }); function loadCaptchas() { if($('#cart-login-recaptcha').children().length === 0 && $('#cart-login-recaptcha').length > 0) { grecaptcha.render('cart-login-recaptcha', {'sitekey' : '6Ld0EFUUAAAAAHuAqcdFKMcnvV6NKyFTp60PVyM-'}); } if($('#cart-signup-recaptcha').children().length === 0 && $('#cart-signup-recaptcha').length > 0) { grecaptcha.render('cart-signup-recaptcha', {'sitekey' : '6Ld0EFUUAAAAAHuAqcdFKMcnvV6NKyFTp60PVyM-'}); } } window.loadCaptchas = loadCaptchas; </script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCNJRCCr6PecaUPLHtv6b1cbMxcLY6ZXI8&libraries=places&language=fr" defer></script> <script src="/assets/modules/addressAutocomplete-e453d41ad7ee929eac75ad28137b30ab00d6b4ae7007cd8a77bb9101e301f1c5.js" defer="defer"></script> <script src="/assets/service_settings/service_settings-1b2b9cb3c20ed7d7981993b29e7ed6dabedb6986c45419957613b7db371a063e.js"></script> </main> <footer> <div class="ph-footer "> <div class="container"> <div class="row pb-4"> <div class="col-md-4 termsofuse" style="text-align:left;"> <a href="https://www.planethoster.com/fr/Termes-Utilisation" target="_blank" rel="noopener">Termes d'utilisation</a> | <a href="https://www.planethoster.com/fr/Politique-Vie-Privee" target="_blank" rel="noopener">Politique et vie privée</a> </div> <div class="col-md-4 copyright" style="text-align:center;"> Copyright © 2025 PlanetHoster Inc. Tous Droits Réservés </div> <div class="col-md-4 sm-icons"> <span class="icons-footer"> <a href="https://www.facebook.com/PlanetHoster" target="_blank" rel="noopener"><img src="/assets/social_medias/facebook-06940593a68e3c5f4eb5f9999944fd1d9383d88dc5cac65db80c4618a85e3b3f.svg" alt="facebook" width="32" height="32"></a> <a href="https://twitter.com/planethoster" target="_blank" rel="noopener"><img src="/assets/social_medias/twitter-e034e22979fcf142900c21a9084341a5dd7feaf64d687f50327cb4253d97c5d0.svg" alt="twitter" width="32" height="32"></a> <a href="https://www.linkedin.com/company/planethoster" target="_blank" rel="noopener"><img src="/assets/social_medias/linkedin-295b8ff0b299c866ed1c01e12223e090b8025509ea59b1926ec2faf465ad4c8a.svg" alt="linkedin" width="32" height="32"></a> <a href="https://www.instagram.com/planethoster/" target="_blank" rel="noopener"><img src="/assets/social_medias/instagram-d61f78350dd3336036460c712a5f68ebd77162b200f967fc80171896b0b7d844.svg" alt="Instagram" width="32" height="32"></a> </span> </div> </div> </div> </div> </footer> </div> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <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>