Réserver / Déposer / Acheter un Nom de domaine pas cher

<!doctype html> <html lang="fr-FR"> <head> <title>Réserver / Déposer / Acheter un Nom de domaine pas cher - Hosteur.com</title> <script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0094/8331.js" async="async"></script> <meta name="description" content="Réservez un nom de domaine et achetez un hébergement pour votre site Internet ! Découvrez nos offres de noms de domaines ainsi que nos extensions et réservez votre nom de domaine aux meilleurs conditions ! Profitez de nos promotions exclusives sur certaines extensions avec des noms de domaines originaux fournis par Hosteur.com !"> <meta name="keywords" content="nom de domaine, ndd">  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">   <link rel="canonical" href="https://www.hosteur.com/domaines/depot">  <meta name="author" content="Hosteur"> <meta name="google-site-verification" content="abPqnFWL9SLCc2BJyxyfX6n8J4wKrwJLpkbE6CxuHDA" /> <meta property="fb:pages" content="122980321050105" />  <link rel="alternate" href="https://www.hosteur.com/domaines/depot" hreflang="fr"/> <link rel="alternate" href="https://www.hosteur.com/domaines/depot" hreflang="x-default"/> <link rel="icon" type="image/png" href="https://www.hosteur.com/src/templates/custom/images/favicon.ico?v=2" />  <link rel="stylesheet" href="https://www.hosteur.com/src/templates/bootstrap/css/bootstrap.min.css" type="text/css" media="screen"> <link rel="stylesheet" href="https://www.hosteur.com/src/templates/jquery-ui/jquery-ui.min.css"> <link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/vendar/css/all.min.css" media="screen" />              <link rel="stylesheet" href="https://www.hosteur.com/src/templates/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/custom/css/all.min.css" media="screen" />      <link rel="stylesheet" id="ms-fonts" href="//fonts.googleapis.com/css?family=Lato:300,700,regular" type="text/css" media="all"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:700,600,400,300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Nova+Round" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Belgrano" rel="stylesheet">  <style> #blackfridayPopup .modal-body{ font-family: 'AileronRegular'; background-color: #11B4E7; } .permanent-marker { font-family: 'Permanent Marker'; font-size: 65px; line-height: 65px; padding-bottom: 15px; } .fs-20 {font-size: 20px} .fs-25 {font-size: 25px} .fs-28 {font-size: 28px} .fs-30 {font-size: 30px;line-height:30px} .fs-35 {font-size: 30px} .fs-40 {font-size: 40px;line-height:40px} .fw-bold {font-weight:bold} .text-white {color:white} .text-red {color:#A6002D} .imgBF {margin-top: 20px; margin-bottom: 20px} .bf-height { display: flex; align-items: flex-end; height: 110px } .mb-15 {margin-bottom: 15px} .mb-30 {margin-bottom: 30px} .w-100 {width: 100%} .baloo {font-family: 'Baloo Da', cursive;} .xs-flex-center { display: flex; align-items: center; } @media (min-width: 768px) { .sm-flex-center { display: flex; align-items: center; } } @media (min-width: 992px) { .md-flex-center { display: flex; align-items: center; } } .bootstrap-select{padding:0} .bootstrap-select .text{ text-transform: none; color: #333; font-size: 14px; } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1071651335"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1071651335'); </script>   <script type="text/javascript" src="https://www.hosteur.com/src/templates/custom/js/allscripts.min.js"></script> <script type="text/javascript" src="https://www.hosteur.com/src/templates/vendar/js/owl.carousel.min.js"></script> <script type="text/javascript" src="https://www.hosteur.com/src/templates/vendar/js/nivo-lightbox.min.js"></script> <script type="text/javascript" src="https://www.hosteur.com/src/templates/vendar/js/script.min.js"></script> <script src="https://www.hosteur.com/src/templates/jquery-ui/jquery-ui.min.js"></script> <script type="text/javascript" src="https://www.hosteur.com/src/templates/custom/js/jquery.mCustomScrollbar.concat.min.js"></script>    <style> #tarteaucitronAlertSmall{ left: 0!important; right: auto!important; background: #074a5e!important; display:none!important; } #tarteaucitronAlertBig{ background: #074a5e!important; width: auto!important; max-width: 98%!important; margin-bottom: 5px!important; margin-left: 1%!important; padding: 10px!important; border: 1px solid #777!important; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5)!important; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5)!important; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5)!important; } #tarteaucitronDisclaimerAlert{ display:block!important; text-align: center!important; margin-bottom: 10px!important; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine { background: #074a5e!important; border-color: #074a5e!important; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover{ background: #074a5e!important; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle{ background: #074a5e!important; } div#tarteaucitronInfo{ border-color: #777!important; } #tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList{ border-color: #074a5e!important; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer{ left: 0!important; right: auto!important; } #tarteaucitronServices::-webkit-scrollbar-thumb { background-color: #5888b1!important; } /* tarteaucitron */ #tarteaucitronAlertBig{ width: auto!important; margin: 5px!important; padding: 10px!important; } #tarteaucitronCloseAlert{ display: none!important; } #tarteaucitronPersonalize { background: #1a936f!important; font-size: 14px!important; border-radius: 3px!important; padding: 3px 10px!important; } #tarteaucitronDisclaimerAlert strong { color: #1a936f!important; } </style> <script src="https://www.hosteur.com/src/templates/custom/tarteaucitron/tarteaucitron.js"></script> <script type="text/javascript"> /*var tarteaucitronCustomText = { "alertBigPrivacy": "Ce site utilise des cookies et vous donne le contrôle sur ce que vous souhaitez activer", "alertSmall": "Gestion des services", "acceptAll": "OK, tout accepter", "personalize": "Personnaliser", "close": "Fermer", "title": "Panneau de gestion des cookies", "all": "Préférences pour tous les services", "allowAll": "Autoriser tous les cookies", "denyAll": "Interdire tous les cookies", "allow": "Autoriser", "deny": "Interdire", "noCookie": "Ce service ne dépose aucun cookie.", "useCookie": "Ce service peut déposer", "useCookieCurrent": "Ce service a déposé", "useNoCookie": "Ce service n'a déposé aucun cookie.", "more": "En savoir plus", "source": "Voir le site officiel", "support": { "title": "Support", "details": "Les services de support vous permettent d'entrer en contact avec l'équipe du site et d'aider à son amélioration." }, "api": { "title": "APIs", "details": "Les APIs permettent de charger des scripts : géolocalisation, moteurs de recherche, traductions, ..." }, "video": { "title": "Vidéos", "details": "Les services de partage de vidéo permettent d'enrichir le site de contenu multimédia et augmentent sa visibilité." }, "analytic": { "title": "Mesure d'audience", "details": "Les services de mesure d'audience permettent de générer des statistiques de fréquentation utiles à l'amélioration du site." }, "ads": { "title": "Régies publicitaires", "details": "Les régies publicitaires permettent de générer des revenus en commercialisant les espaces publicitaires du site." } };*/ tarteaucitronForceLanguage = 'fr'; tarteaucitron.init({ "privacyUrl": "", /* Privacy policy url */ "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ "cookieName": "tartaucitron", /* Cookie name */ "orientation": "bottom", /* Banner position (top - bottom) */ "showAlertSmall": false, /* Show the small banner on bottom right */ "cookieslist": false, /* Show the cookie list */ "adblocker": false, /* Show a Warning if an adblocker is detected */ "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */ "highPrivacy": false, /* Disable auto consent */ "handleBrowserDNTRequest": false, /* If Do Not Track == 1, accept all */ "removeCredit": false, /* Remove credit link */ "moreInfoLink": true, /* Show more info link */ //"cookieDomain": ".my-multisite-domaine.fr" /* Shared cookie for subdomain */ }); /* zopim */ tarteaucitron.user.zopimID = '269BuoStmzmqo0R8GBoBcq8xdvQ2r4va'; (tarteaucitron.job = tarteaucitron.job || []).push('zopim'); /* analytics (ga.js) */ tarteaucitron.user.gajsUa = 'UA-803674-1'; tarteaucitron.user.gajsMore = function () {}; (tarteaucitron.job = tarteaucitron.job || []).push('gajs'); /* analytics (universal) */ tarteaucitron.user.analyticsUa = 'UA-803674-1'; tarteaucitron.user.analyticsMore = function () {}; (tarteaucitron.job = tarteaucitron.job || []).push('analytics'); /* recaptcha */ (tarteaucitron.job = tarteaucitron.job || []).push('recaptcha'); /* fb pixel */ tarteaucitron.user.facebookpixelId = '895537370555659'; tarteaucitron.user.facebookpixelMore = function () { /* add here your optionnal facebook pixel function */ }; (tarteaucitron.job = tarteaucitron.job || []).push('facebookpixel'); /* youtube */ (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); </script> </head> <body>  <div id="container" class="" style="background: #F8F8F8;">   <style> .tt-none{text-transform: none!important;} .ul-nav { display:flex; } .a-parent-menu{ justify-content: start; display: flex !important; } .new-style-nav{ padding: 9px 0px; } </style> <script> </script> <header>  <style> .small-menu-container{ z-index: 7; position: relative; } .navbar-brand{ margin-right: .5rem; padding-left: 1rem; } .navbar-brand img{ /*padding-right: 30px;*/ /*border-right: 1px solid #eee;*/ } .navbar-container{ position: absolute; width: 100%; z-index: 10; width: 100%; } .tel-container{ } .tel-container .dropdown{ display: inline-block; } .tel-container .dropdownn{ display: inline-block; } .tel-container .dropdown-toggle{ border: none!important; outline: none!important; background: transparent!important; color: #647272!important; box-shadow: none!important; line-height: 14px; } .tel-container .dropdown-toggle-lang{ border: none!important; outline: none!important; background: transparent!important; color: #647272!important; box-shadow: none!important; line-height: 14px; } .tel-container .dropdown-toggle::after{ border-top: .27em solid; border-right: 0.27em solid transparent; border-left: .27em solid transparent; display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: middle/*.255em*/; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .tel-container .dropdown-toggle-lang::after{ border-top: .27em solid; border-right: 0.27em solid transparent; border-left: .27em solid transparent; display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: middle/*.255em*/; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .tel-container.supprot-menu .dropdown-toggle::after{ } .tel-container .dropdown-item{ font-size: 11px; line-height: 19px; color: #647272; font-weight: 600; padding: .25rem 12px; display: block; white-space: nowrap; cursor: pointer; } .tel-container .dropdown-item-lang{ font-size: 11px; line-height: 19px; color: #647272; font-weight: 600; padding: .25rem 12px; display: block; white-space: nowrap; cursor: pointer; } .tel-container .dropdown-item:hover, .tel-container .dropdown-item:focus { background-color: #f8f9fa; } .tel-container .dropdown-item-lang:hover, .tel-container .dropdown-item-lang:focus { background-color: #f8f9fa; } .tel-container .dropdown-item.active, .tel-container .dropdown-item:active { background-color: #eee; } .tel-container .dropdown-item-lang.active, .tel-container .dropdown-item-lang:active { background-color: #eee; } .tel-container .dropdown-item span{ vertical-align: middle; } .tel-container .dropdown-item-lang span{ vertical-align: middle; } .tel-content{ display: inline-block; vertical-align: middle; font-size: 12px; color: #647272; font-weight: 600; } .tel-container .dropdown-toggle:hover .tel-content{ color: #1a936f; } .tel-container .dropdown-toggle-lang:hover .tel-content{ color: #1a936f; } .tel-container .nav-link{ padding-right: 0!important; padding-left: 0!important; line-height: 16.5px; } .tel-flag{ display: inline-block; width: 20px; height: 13px; margin-right: 5px; vertical-align: middle; background-position: center; background-size: cover; background-repeat: no-repeat; } .tel-flag-fr{ background-image: url('../src/templates/custom/images/business/flag/flag-fr.png'); } .tel-flag-it{ background-image: url('../src/templates/custom/images/business/flag/flag-it.png'); } .tel-flag-es{ background-image: url('../src/templates/custom/images/business/flag/flag-es.png'); } .tel-flag-ie{ background-image: url('../src/templates/custom/images/business/flag/flag-ie.png'); } .tel-flag-ch{ background-image: url('../src/templates/custom/images/business/flag/flag-ch.png'); } .tel-flag-lu{ background-image: url('../src/templates/custom/images/business/flag/flag-lu.png'); } .tel-flag-be{ background-image: url('../src/templates/custom/images/business/flag/flag-be.png'); } .tel-flag-bg{ background-image: url('../src/templates/custom/images/business/flag/flag-bg.png'); } .tel-flag-mt{ background-image: url('../src/templates/custom/images/business/flag/flag-mt.png'); } .tel-flag-uk{ background-image: url('../src/templates/custom/images/business/flag/flag-uk.png'); } .tel-flag-cz{ background-image: url('../src/templates/custom/images/business/flag/flag-cz.png'); } .tel-flag-de{ background-image: url('../src/templates/custom/images/business/flag/flag-de.png'); } .small-nav-container{ /*border-bottom: 1px solid #eee; background-color: #fdfdfd; padding: 0 5%;*/ } #smallNav{ justify-content: flex-end; } .small-nav{ font-size: 11px; font-weight: 700; float: right; align-items: center; height: 61px; padding-right: 1rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-nav .nav-link{ margin: 0 0px; padding: .5rem .5rem; font-weight: 700; font-size: 11px; } .small-nav .nav-link:not(.btn-mini){ color: #647272; } .small-nav .nav-link:not(.btn-mini):hover{ color: #1a936f; } .small-nav .nav-link.nav-ling-mr{ margin-right: 4px; } .navbar-toggler{ margin-right: 10px; outline: 0!important; } .navbar-toggler.fh{ height: 60px; } .toggler-bar{ width: 30px; height: 3px; margin: 5px 0; background-color: #1a936f;/*#db794c;*/ display: block; transition: all linear .2s; } .toggler-bar.white{ background-color: white; } .navbar-toggler:not(.collapsed) .toggler-bar.t-1{ transform: rotateZ(45deg) translateY(6px) translateX(6px); } .navbar-toggler:not(.collapsed) .toggler-bar.t-2{ opacity: 0; } .navbar-toggler:not(.collapsed) .toggler-bar.t-3{ transform: rotateZ(-45deg) translateY(-6px) translateX(5px); } .btn-business, .btn-business-outline{ border: 1px solid #1a936f; font-weight: 700; border-radius: 2px; position: relative; z-index: 0; padding: .6rem 1.8rem; text-transform: uppercase; font-size: 12px; display: inline-block; background: transparent; outline: 0!important; cursor: pointer; } .btn-business.btn-mini, .btn-business-outline.btn-mini{ padding: .5rem 1rem; font-size: 11px; } .btn-business, .btn-business:focus, .btn-business:active{ background: #1a936f; color: white; } .btn-business-outline, .btn-business-outline:focus, .btn-business-outline:active{ color: #1a936f; } .btn-business::before, .btn-business-outline::before{ content: ""; position: absolute; top: 60%; left: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #1a936f; -ms-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s; z-index: -1; margin: 0; } .btn-business::before{ width: 100%; height: 100%; top: 50%; left: 50%; } .btn-business-outline::before{ width: 0; height: 0; } /* btn style callcenter */ .btn-business.style-callcenter, .btn-business-outline.style-callcenter{ border: 1px solid #e7457a; } .btn-business.style-callcenter{ background: #e7457a; } .btn-business-outline.style-callcenter{ color: #e7457a; } .btn-business.style-callcenter::before, .btn-business-outline.style-callcenter::before{ background: #e7457a; } /* btn style 2 */ .btn-business.style-2, .btn-business-outline.style-2{ border: 1px solid #db794c; } .btn-business.style-2{ background: #db794c; } .btn-business-outline.style-2{ color: #db794c; } .btn-business.style-2::before, .btn-business-outline.style-2::before{ background: #db794c; } /* btn style 3 */ .btn-business.style-3, .btn-business-outline.style-3{ border: 1px solid #647272; } .btn-business.style-3{ background: #647272; } .btn-business-outline.style-3{ color: #647272; } .btn-business.style-3::before, .btn-business-outline.style-3::before{ background: #647272; } /* btn style 4 */ .btn-business.style-4, .btn-business-outline.style-4{ border: 1px solid #16282d; } .btn-business.style-4{ background: #16282d; } .btn-business-outline.style-4{ color: #16282d; } .btn-business.style-4::before, .btn-business-outline.style-4::before{ background: #16282d; } /* btn style ragna */ .btn-business.style-ragna, .btn-business-outline.style-ragna{ border: 1px solid #795738; } .btn-business.style-ragna{ background: #795738; } .btn-business-outline.style-ragna{ color: #795738; } .btn-business.style-ragna::before, .btn-business-outline.style-ragna::before{ background: #795738; } /* btn white */ .btn-business.style-white, .btn-business-outline.style-white{ border: 1px solid white; } .btn-business.style-white{ background: white; } .btn-business-outline.style-white{ color: white; } .btn-business.style-white::before, .btn-business-outline.style-white::before{ background: white; } /* btn hover */ .btn-business:hover{ background: none; color: white; } .btn-business-outline:hover{ color: white; } .btn-business:hover::before, .btn-business-outline:hover::before{ width: 98%; width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); height: 98%; height: -webkit-calc(100% - 2px); height: -moz-calc(100% - 2px); height: calc(100% - 2px); left: 0; top: 0; -moz-transform: none; -webkit-transform: none; transform: none; margin: 1px; } /* btn white hover */ .btn-business.style-white.hover-green:hover, .btn-business-outline.style-white.hover-green:hover{ color: #1a936f; } .btn-business.style-white.hover-orange:hover, .btn-business-outline.style-white.hover-orange:hover{ color: #db794c; } .btn-business.style-white.hover-darkgray:hover, .btn-business-outline.style-white.hover-darkgray:hover{ color: #16282d; } @media (max-width: 991px){ .small-nav{ display: block; background-color: white; height: auto; padding: 20px; } .small-menu-container { width: auto; } } /* test new style pour le dropdown */ .tel-containerr { position: relative; } .dropdown-toggle-lang { width: 100%; text-align: left; font-weight: bold; background-color: white; } .dropdown-menu-wide { display: none; position: absolute; top: 100%; left: -192px; width: 1171px; background-color: #f8f9fa; border: 1px solid #ddd; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; padding: 20px; box-sizing: border-box; cursor: pointer; } .dropdownn:hover .dropdown-menu-wide { display: block; } .dropdown-columns { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; position: relative; } .column { flex: 1 1 calc(25% - 10px); min-width: 200px; } .dropdown-item-lang { display: block; padding: 8px 12px; color: #333; text-decoration: none; } .dropdown-item-lang:hover { background-color: #e9ecef; color: #007bff; } .separator-title { border: none; border-top: 1px solid #ddd; margin: 10px 0; } .separator-column { width: 2px; background-color: #ddd; margin: 0 10px; } @media screen and (max-width: 768px) { .dropdown-columns { flex-direction: column; gap: 0; } .column { width: 100%; } .separator-column { display: none; } .dropdown-menu-wide { position: absolute; top: 100%; left: -75px; width: 266px; background-color: #f8f9fa; border: 1px solid #ddd; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; padding: 20px; box-sizing: border-box; cursor: pointer; } } </style> <div class="container small-menu-container"> <nav class="navbar navbar-default small-nav-container">  <div class="navbar-header"> <button type="button" class="navbar-toogler navbar-toggle collapsed" data-toggle="collapse" data-target="#smallNav" aria-expanded="false"> <span class="toggler-bar t-1"></span> <span class="toggler-bar t-2"></span> <span class="toggler-bar t-3"></span> </button> <a class="navbar-brand" href="/web"><img src="/src/templates/custom/images/logo/hosteur-web-services-logo.png" /></a> </div>  <div class="collapse navbar-collapse" id="smallNav"> <ul class="nav navbar-nav navbar-right small-nav text-uppercase"> <li class="nav-item"> <div class="tel-containerr"> <div class="dropdownn"> <button class="btn btn-secondary dropdown-toggle-lang" type="button" id="dropdownLangMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="tel-flag tel-flag-fr"></span>  <span class="tel-elem">FR</span> </button> <div class="dropdown-menu-wide" aria-labelledby="dropdownLangMenu"> <div> <h2 style="font-size: 18px;">Choisissez votre langue</h2> <hr class="separator-title"> </div> <div class="dropdown-columns"> <div class="column"> <a class="dropdown-item-lang" data-user="|domain/depot||it" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-it"></span>  <span class="tel-elem">Italia - Italiano (€)</span></a> <a class="dropdown-item-lang" data-user="|domain/depot||es" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-es"></span>  <span class="tel-elem">España - Español (€)</span></a> <a class="dropdown-item-lang" data-user="|domain/depot||ie" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-ie"></span>  <span class="tel-elem">Ireland - English (€)</span></a> <a class="dropdown-item-lang" data-user="|domain/depot||cz" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-cz"></span>  <span class="tel-elem">Tchéquie - Tchèque (Kč)</span></a> </div> <div class="separator-column"></div> <div class="column"> <a class="dropdown-item-lang" data-user="|domain/depot||mt" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-mt"></span>  <span class="tel-elem">Malta - English (€)</span></a> <a class="dropdown-item-lang" data-user="|domain/depot||uk" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-uk"></span>  <span class="tel-elem">United Kingdom - English (£)</span></a> <a class="dropdown-item-lang" data-user="|domain/depot||bg" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-bg"></span>  <span class="tel-elem">Bulgarie - Bulgare (лв)</span></a> <a class="dropdown-item-lang" data-user="|domain/depot||de" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-de"></span>  <span class="tel-elem">Deutschland - Deutsch (€)</span></a> </div> </div> </div> </div> </div> </li> <li class="nav-item"> <div><a class="nav-link active" href="/informations">A PROPOS DE NOUS</a></div> </li>  <li class="nav-item">  <div class="tel-container"> <div class="dropdow"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="nav-link text-uppercase">Support</span> </button> <div class="dropdown-menu dropdown-menu-left" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="/support"><span class="tel-elem">Contact</span></a> <a class="dropdown-item" href="/niveaux-de-support"><span class="tel-elem">Niveaux de support</span></a> <a class="dropdown-item" href="/ressources/"><span class="tel-elem">Ressources</span></a> <a class="dropdown-item" href="/ressources/aide"><span class="tel-elem">Aide</span></a> </div> </div> </div> </li> <li class="nav-item"> <div class="tel-container"> <div class="dropdow"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <div class="tel-flag tel-flag-fr"></div> <div class="tel-content"> <span>(+33) 9 88 66 05 50</span> </div> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-fr"></div>  <span class="tel-elem">(+33) 9 88 66 05 50</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-bg"></div>  <span class="tel-elem">(+359) 24 91 70 09</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-ch"></div>  <span class="tel-elem">(+41) 22 506 81 81</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-lu"></div>  <span class="tel-elem">(+352) 27 86 02 94</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-be"></div>  <span class="tel-elem">(+32) 2 586 17 88</span></span> </div> </div> </div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline style-callcenter btn-mini mr-0" href="https://www.hosteur.pro/fr/" target="_blank">Callcenter</a></div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline btn-mini mr-0" href="/business">GRANDS COMPTES</a></div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline style-ragna btn-mini mr-0" href="/cloud/elastic-ragnarokkr" target="_blank">RAGNARØKKR</a></div> </li> <li class="nav-item"> <div> <a id="dynamicLink" class="m-link nav-link btn-business btn-mini style-2 mr-0"> <i class="fa fa-sign-in" aria-hidden="true"></i>  Espace client </a> </div> </li> </ul> </div> </nav> </div> <script> function getCurrentTLD() { const currentURL = window.location.hostname; const parts = currentURL.split('.'); const topLevelDomain = parts[parts.length - 1]; return topLevelDomain; } const currentTLD = getCurrentTLD(); console.log("currentTLD",currentTLD); let dynamicURL; if (currentTLD === 'bg') { dynamicURL = 'https://manager.hbg.bg/v3/template/src/app/dashboard'; } else { dynamicURL = `https://manager.hosteur.${currentTLD}/v3/template/src/app/dashboard`; } // Set the href attribute of the anchor tag document.getElementById('dynamicLink').setAttribute('href', dynamicURL); //redirection to the site chosen by tld from the menu function navigateToUrlTld(element) { const dataUser = element.getAttribute('data-user'); const values = dataUser.split('|'); switch (values[3]) { case 'com': window.location.href = "https://www.hosteur.com/" + values[0]; break; case 'uk': window.location.href = "https://www.hosteur.uk/" + values[2]; break; case 'ie': window.location.href = "https://www.hosteur.ie/" + values[2]; break; case 'es': window.location.href = "https://www.hosteur.es/" + values[2] ; break; case 'mt': window.location.href = "https://www.hosteur.mt/" + values[2] ; break; case 'bg': window.location.href = "https://www.hbg.bg/" + values[2] ; break; case 'it': window.location.href = "https://www.hosteur.it/" + values[2] ; break; case 'cz': window.location.href = "https://www.hosteur.cz/" + values[2] ; break; case 'de': window.location.href = "https://www.hosteur.de/" + values[2] ; break; default: window.location.href = "https://www.hosteur.com/"; console.log('Site TLD non pris en charge:'); break; } } function navigateToUrlTld_1(element) { const dataUser = element.getAttribute('data-user'); const values = dataUser.split('|'); switch (values[3]) { case 'com': window.location.href = "https://www.hosteur.com/" + values[0]; break; case 'uk': window.location.href = "https://www.hosteur.uk/" + values[1]; break; case 'ie': window.location.href = "https://www.hosteur.ie/" + values[1]; break; case 'es': window.location.href = "https://www.hosteur.es/" + values[1] ; break; case 'mt': window.location.href = "https://www.hosteur.mt/" + values[1] ; break; case 'bg': window.location.href = "https://www.hbg.bg/" + values[1] ; break; case 'it': window.location.href = "https://www.hosteur.it/" + values[1] ; break; case 'cz': window.location.href = "https://www.hosteur.cz/" + values[1] ; break; case 'de': window.location.href = "https://www.hosteur.de/" + values[1] ; break; default: window.location.href = "https://www.hosteur.com/"; console.log('Site TLD non pris en charge:'); break; } } </script>  <nav class="navbar navbar-inverse navbar-static-top new-style-nav"> <div class="container nav-header-auto"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>  </div> <div id="navbar" class="navbar-collapse collapse "> <ul class="nav navbar-nav ul-nav"> <li role="presentation" class="dropdown "> <a id="drop1" href="https://www.hosteur.com/domaines/depot" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Domaines <i class="fa fa-angle-down margin-top-3"></i></a> <div id="menu1" class="dropdown-menu full-width" role="menu" aria-labelledby="drop1"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/depot"> Réservez votre nom de domaine</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/transfert"> Transférez votre nom de domaine</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/tarifs-des-noms-de-domaines"> Tarifs Des Noms De Domaines</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/fast-anycast-dns"> DNS Fast Anycast</a></li> </ul> </div>  </div> </div> </div> </li> <li role="presentation" class="dropdown "> <a id="drop11" href="https://www.hosteur.com/hebergement-web" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Hébergement web et sites <i class="fa fa-angle-down margin-top-3"></i></a> <div id="menu11" class="dropdown-menu full-width" role="menu" aria-labelledby="drop11"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web/hosteurpanel"> Hosteur Panel <strong class="red-text">(NOUVEAU)</strong></a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web/flexone"> Hébergement web FlexOne </a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web"> Hébergements web</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/wordpress/"> WordPress</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web/site-builder"> Création de sites web</a></li>  </ul> </div> </div> </div> </div> </li>  <li class="dropdown "> <a id="drop2" href="https://www.hosteur.com/cloud/" class="a-parent-menu dropdown-toggle" data-toggle="dropdown"> Cloud <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu2" class="dropdown-menu full-width" role="menu" aria-labelledby="drop2"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul>  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/bare-metal/"> Bare Metal</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/cloud-prive-version-10Gbits" class="tt-none"> Cloud Privé / Hybride en 10 Gbit/s</a></li>   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/VPS"> Cloud / VPS</a></li>  </ul> </div> <div class="col-sm-4"> <ul>   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/start-up"> OFFRE START-UP</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/serveurs/nos-datacenters"> Nos Datacenters</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/elastic-ragnarokkr"> RAGNAROKKR (cloud facturé à l'usage)</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/vdi"> Bureau virtuel (VDI)</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/formation-vdi"> Salle de formation virtuelle</a></li> </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop33" href="https://www.hosteur.com/serveurs/nos-datacenters" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Licences <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu33" class="dropdown-menu full-width" role="menu" aria-labelledby="drop33"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/anti-virus">Anti-virus Poste client</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/anti-virus-and-firewall">Anti-virus Serveur</a></li>  </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/protection-ordinateur">Protection ordinateur (Lina)</a></li> </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop4" href="https://www.hosteur.com/securite/ssl" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Sécurité <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu4" class="dropdown-menu full-width" role="menu" aria-labelledby="drop4"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/transfert-certificat">Transfert Certificat <strong class="red-text">(NOUVEAU)</strong></a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/ssl"> Certificat SSL</a> </li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/lets-encrypt">Let's Encrypt SSL</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/authentication-rsa">Authentification RSA</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/clavister">Firewall Clavister</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/yubikey">YubiKey</a></li> </ul> </div> </div> </div> </div> </li> <li role="presentation"> <a class="a-parent-menu" href="https://www.hosteur.com/office/office-365"> Office 365 </a> </li> <li class="dropdown "> <a id="drop5" href="https://www.hosteur.com/email-pro/microsoft-exchange-2019" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Messagerie <i class="fa fa-angle-down margin-top-3"></i></a> <div id="menu5" class="dropdown-menu full-width" role="menu" aria-labelledby="drop5"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/email-pro/microsoft-exchange-2019"> Exchange 2019</a></li>    </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/email-pro/hosteur-spam-protect"> Hosteur Spam Protect</a></li>  </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop6" href="https://www.hosteur.com/stockage/hdrive" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Stockage et Backup <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu6" class="dropdown-menu full-width" role="menu" aria-labelledby="drop6"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/stockage/hdrive"> HDrive / Stockage en ligne</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/stockage/hosteur-cloud-veeam-service"> Hosteur Cloud Veeam Service</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/business/stockage/bucket"> Hosteur Bucket</a></li> </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop7" href="https://www.hosteur.com/promotions" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Nos promotions <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu7" class="dropdown-menu full-width" role="menu" aria-labelledby="drop7"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/promotions">Promotions Hosteur </a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/remises-speciales"> Remises Spéciales</a></li> </ul> </div> </div> </div> </div> </li>  </ul> </div> </div> </nav> </header>  <div id="dropdown-menu" class="full-sections" style="background-color: #F8F8F8;"> <div class="container custom-dropdown"> </div> </div>  <style> .page-banner-ext{ min-height: 150px!important; position: relative; } .page-banner-separator{ height: 4px; background: #fff; font-family: 'Anonymous Pro', monospace; max-width: 100px; margin-top: 5px; margin-bottom: 15px; } .banner-text{ z-index: 1; margin: 30px auto; left: 20%; right: 0%; text-align: left; } .text-dom{ color: #fff; font-family: 'Anonymous Pro', monospace; font-size: 25px; font-weight: 600!important; /*letter-spacing: -1px;*/ line-height: 1; margin-bottom: 10px; text-transform: uppercase; } .blink-dom{ border-right: 3px solid rgba(255,255,255,.75); color: #fff; font-family: 'Anonymous Pro', monospace; font-size: 20px; font-weight: 600!important; margin-left: 4px; } .welcome-offer-overlay { display: flex; justify-content: center; align-items: center; background: #ffaa01; color: #000; padding: 15px 20px; font-size: 1.7rem; font-weight: bold; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: auto; width: fit-content; text-align: center; } .welcome-offer-overlay span { color: #d9534f; /* Met en avant le prix en rouge */ font-weight: bold; } .blink { animation: blink 0.5s infinite; } @keyframes blink{ to { opacity: .0; } } @media (max-width: 536px) { .banner-text{ left: 0%!important; } } </style> <div class="page-banner banner page-banner-domain no-subtitle"> <div class="container"> <div class="row"> <div class="col-md-4"> </div> <div class="col-md-8"> <div class="row"> <div class="col-md-11 white-text text-shadow-black banner-text"> <div class="text-dom margin-top-30">Nous incluons avec votre nom de domaine :</div> <div class="page-banner-separator text-uppercase"></div> <span id="word" class="text-dom"></span><span class="blink-dom blink"></span> </div> </div> </div> </div> <div class="welcome-offer-overlay"> 🎉 Offre de Bienvenue : Votre premier domaine .com, .fr, .net, .eu pour seulement <span id="price-offer-banner" style="font-size: 35px;color: black; margin-left:10px;"></span> ! 🎉 </div> </div> </div> <script> const words = ['DNS personnalisables et sécurisés', 'Sous domaines illimités', 'Manager très simple pour la gestion des zones', 'Support et assistance téléphonique']; let i =0; let timer; function typingEffect() { let word = words[i].split(""); var loopTyping = function() { if (word.length > 0) { document.getElementById('word').innerHTML += word.shift(); } else { word.pop(); document.getElementById('word').innerHTML = word.join(""); if (words.length > (i + 1)) { i++; } else { i = 0; }; setTimeout(typingEffect(), 2000); return false; }; timer = setTimeout(loopTyping, 150); }; loopTyping(); }; setTimeout(typingEffect(), 2000); </script>   <div id="content" class="full-sections"> <div class="section" style="background-color: #FFF; padding-top: 30px; padding-bottom: 30px;overflow: visible;"> <div class="container"> <style> #bigextensioncontainer{overflow: hidden; padding-top: 30px;} #extensions{ padding: 20px 0; max-height: 360px; overflow-y: auto; background: #fdfdfd; transition: all linear .3s; } #extensionsCart{ transition: all linear .3s; } .panel-extension{ padding: 10px 0; margin-bottom: 10px; font-size: 14px; font-weight: 400; color: #444; margin-right: -5px; margin-left: -5px; min-height: 52px; } .panel-extension .ext-unavalaible{ padding: 6px 8px; font-size: 12px; border-radius: 2px; } .panel-extension .search-spin, .panel-extension .add-ext, .panel-extension .ext-unavalaible, .panel-extension .ext-added{ display: none; } .panel-extension.extsearch .search-spin{ display: inline; } .panel-extension.extdispo .add-ext{ display: inline-block; } .panel-extension.extnondispo .ext-unavalaible{ display: inline-block; } .panel-extension.extadded .ext-added{ display: inline; } #extensionsCart .panel-heading{ padding: 10px; background-color: #54a7dd; color: white; font-size: 27px; font-weight: bold; font-family: 'Open Sans', sans-serif!important; } #liste-cart .item-cart{ font-size: 13px; font-weight: 500; color: #000; /*border-bottom: 1px solid #ccc;*/ padding: 5px 0; /*margin: 0;*/ } #extensionsCart .montant{ font-size: 15px; color: #222; margin: 10px 0; } #extensionsCart .prix-container{ font-weight: bold; padding-right: 0; padding-left: 5px; } #extensionsCart .dom-container{ padding-left: 0; padding-right: 5px; } #searchrow{ margin-bottom: 10px; } #searchlabel{ color: #555; font-size: 15px; font-weight: 400; } #searchinput{ width: auto; margin: 0 10px; } .panel-extension-container.notfiltered{ display:none!important; } .search-result.notfiltered{ display:none!important; } #checkDispoAlert{ font-size: 15px; margin-bottom: 30px; font-weight: 400; } .search-results { background-color: #fff; border-radius: 7px; margin-bottom: 2em; box-shadow: 0 1px 3px rgba(0,0,0,.3); border: 1px solid rgba(0,0,0,.15); color: #000; width: 110%; } .search-results .search-result { border-bottom: 1px solid rgba(0,0,0,.15); padding: 24px; font-size: 1.25em; display: flex; align-items: center; } .search-results .search-result .domain { flex: 1; word-break: break-all; } .search-results .search-result .domain-message { color: #4a4a4a; opacity: .75; font-size: .875rem; display: block; line-height: 1.125em; word-break: break-word; margin-top: .5em; } .search-box, .purchase-box{ background: #fff; padding: 1em; border-radius: 7px; box-shadow: 0 1px 3px rgba(0,0,0,.3); box-sizing: border-box; margin-bottom:20px; width: 80%; float: right; } .search-price{ margin-right: 10px; } .text-content h2 { font-weight: 700; margin: 1.5em 0; font-size: 1.375em; } .text-content h3 { font-weight: 700; margin: 1.5em 0; font-size: 1.125em; } .btn-link { border: none; outline: none; background: none; cursor: pointer; color: #1976d2; padding: 0; text-decoration: none; font-family: inherit; font-size: inherit; } .text-domain{ text-transform: lowercase; font-size: 1.125em; font-weight:700; color: #000; } .text-extension{ color: #1976d2!important; } .text-price{ font-size: 1.125em; font-weight:700; text-transform: uppercase; color: #1976d2!important; } .actual-price, .prom-price{ font-size: 12px; font-weight:700; text-transform: uppercase; margin-right: 5px; color: #757575!important; } .text-small{ font-size: 12px; text-transform: lowercase; } .btn-filled-success{ background-color: #00a63f!important; color: #fff!important; font-weight: 700; font-size: 12px; border-radius: 4px; } .btn-filled-purchase{ background-color: #00a63f!important; color: #fff!important; font-weight: 700; font-size: 14px; border-radius: 4px; padding: 0.7em 0.8em; } .btn-filled{ background-color: #1976d2!important; color: #fff!important; font-weight: 700; font-size: 12px; border-radius: 4px; } .btn-unfilled-filter{ background-color: #fff!important; font-weight: 700; font-size: 14px; height:50px; border-radius: 4px; border: 1px solid #6c757d; } .btn-filled-filter{ background-color: #1976d2!important; color: #fff!important; font-weight: 700; font-size: 14px; height:50px; border-radius: 4px; } .tld-filter-box { overflow-y: scroll; height: 295px; background: #F6F7F8; padding: 10px 20px; } .label-extension{ font-size: 15px; color: #444; font-weight: 700; } .label-extension-dispo{ font-size: 13px; color: #444; } .label-text-dispo{ font-weight: 700; } .form-check-extension, .form-check-extension-dispo{ margin-bottom: 10px; } .form-check-extension input, .form-check-extension-dispo input{ padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .form-check-extension label, .form-check-extension-dispo label { position: relative; cursor: pointer; } .form-check-extension label:after, .form-check-extension-dispo label:after { content: ''; display: table; clear: both; } .form-check-extension .cr, .form-check-extension-dispo .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; } .form-check-extension .cr .cr-icon, .form-check-extension-dispo .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 15%; } .form-check-extension label input[type="checkbox"], .form-check-extension-dispo label input[type="checkbox"] { display: none; } .form-check-extension label input[type="checkbox"]+.cr>.cr-icon, .form-check-extension-dispo label input[type="checkbox"]+.cr>.cr-icon { opacity: 0; } .form-check-extension label input[type="checkbox"]:checked+.cr>.cr-icon, .form-check-extension-dispo label input[type="checkbox"]:checked+.cr>.cr-icon { opacity: 1; } .form-check-extension label input[type="checkbox"]:disabled+.cr, .form-check-extension-dispo label input[type="checkbox"]:disabled+.cr { opacity: .5; } .domain-filter-container, .purchase-container{ padding: 10px 0; margin: 0; min-height: 45px; } .clearAction { display: block; clear: both; margin: 10px 0 0; text-align: right; text-decoration: none; } .btn-search{ height: 60px; min-width: 70px; font-size: 21px; background-color: #43a7dc; color: #fff!important; border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .btn-search:hover{ background-color: #00afd1; } .input-search{ height: 60px; border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .text-link{ color: #1976d2!important; } .text-link:hover{ color: #1976d2!important; } .domain-suggestion-main{ border-radius: 0px 0px 7px 7px; box-shadow: 0 1px 3px rgba(0,0,0,.3); } .domain-suggestion-container{ padding: 24px; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } .domain-suggestion-container > div{ margin: 3px; } .domain-suggestion{ flex: 2 0 0; } .domain-suggestion-collapse{ text-align:center; font-size: 23px; } #domain-suggestion-slider{ cursor:pointer; } #domain-suggestion-slider.fa-caret-down{ float: inherit!important; } .domain-suggestion h4{ color: green; } .domain-promotion{ flex: 1 0 0; } .domain-suggestion-text-list{ font-weight: 700; font-size: 14px; margin-top: 5px; border: 1px solid #00b0f6; color: #00b0f6; padding:4px; border-radius: 4px; } .purchase-alert { position: relative; display: block; padding: 1em 0.8em; font-size: 13px; font-weight: 700; line-height: 1.2; text-align: left; margin-top: 0.4em; margin-bottom: 0.4em; background: transparent; color: white; } .purchase-alert-info { background: #1976d2; border: 1px solid #2980b9; } .purchase-button-text{ font-size: 13px; font-weight: 700; } .purchase-button-top{ margin-top: 15px; } .total-purchase{ font-size: 13px; font-weight: 700; color:#000; } .radius { border-radius: 3px; } .domain-purchase-item{ color: #000; cursor: pointer; font-size: 14px; /*text-shadow: 1px 0px 0px #272634;*/ } .domain-purchase-item:hover{ color: red; } .domain-delete-circle{ display: inline-block; border-radius: 60px; box-shadow: 0px 0px 2px #000; padding: 0.5em 0.6em; } .domain-delete-circle:hover{ border: 1px solid red; box-shadow: none; } .domain-available{ border-bottom: 1px solid #eee; } .domain-available-main{ width: 110%; } .domain-available-container{ border: 1px solid #1976d2; box-shadow: 0 1px 3px rgba(0,0,0,.3); border-radius: 7px; } .domain-available-header{ padding: 0 24px; height: 30px; background: #1976d2; display: flex; align-items: center; border-radius: 5px 5px 0px 0px; } .domain-available-body{ display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; padding: 24px; } .domain-response{ flex: 2 0 0; } .domain-response-btn{ flex: 1 0 0; } .domain-available-header h4{ color: #fff; } #domain-available-btn{ float: right; } .circle_loader { position: relative; margin: auto; margin-top: -5vh; } .circle_loader div { position: absolute; width: 30px; } .circle_loader div:nth-child(1) { left: 35px; background: #1976d2; -webkit-animation: circle_loader_1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite; animation: circle_loader_1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite; -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .circle_loader div:nth-child(2) { left: 85px; background: #00b0f6; -webkit-animation: circle_loader_2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite; animation: circle_loader_2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite; -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .circle_loader div:nth-child(3) { left: 135px; background: #1976d2; -webkit-animation: circle_loader_3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite; animation: circle_loader_3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite; } .circle_loader{ width: 75px !important; height: 75px !important; -webkit-transform: translate(-37.5px, -37.5px) scale(0.375) translate(37.5px, 37.5px); transform: translate(-37.5px, -37.5px) scale(0.375) translate(37.5px, 37.5px); } @keyframes circle_loader_1 { 0% { top: 36px; height: 128px; } 50% { top: 60px; height: 80px; } 100% { top: 60px; height: 80px; } } @-webkit-keyframes circle_loader_2 { 0% { top: 41.99999999999999px; height: 116.00000000000001px; } 50% { top: 60px; height: 80px; } 100% { top: 60px; height: 80px; } } @-webkit-keyframes circle_loader_3 { 0% { top: 48px; height: 104px; } 50% { top: 60px; height: 80px; } 100% { top: 60px; height: 80px; } } .hide{ display: none !important; } .switch-container { display: flex; justify-content: center; margin-bottom: 20px; } .switch-button { padding: 10px 20px; margin: 0 5px; cursor: pointer; border-radius: 20px; font-size: 16px; font-weight: bold; border: 2px solid #1976d3; /* Bordure bleue */ background-color: #ffffff; /* Arrière-plan blanc */ color: #1976d3; /* Texte bleu */ transition: background-color 0.3s, color 0.3s; } .switch-button.active { background-color: #1976d3; /* Arrière-plan bleu lorsqu'actif */ color: #ffffff; /* Texte blanc lorsqu'actif */ } .switch-button:hover { background-color: #1976d3; /* Arrière-plan bleu au survol */ color: #ffffff; /* Texte blanc au survol */ } textarea { width: 100%; height: 80px; border-radius: 8px; border: 1px solid #ddd; padding: 10px; margin-bottom: 20px; } #generate-button { display: block; margin: 20px auto; /* Centre le bouton horizontalement */ padding: 10px 20px; font-size: 16px; font-weight: bold; border: none; border-radius: 20px; background-color: #1976d3; /* Couleur de fond du bouton actif */ color: #ffffff; /* Couleur du texte */ cursor: pointer; transition: background-color 0.3s, transform 0.3s; } #generate-button:hover { background-color: #0f9bc1; /* Optionnel: couleur de fond légèrement plus foncée au survol */ transform: scale(1.05); /* Optionnel: effet de zoom léger au survol */ } .contact-link { color: #c55b48; text-decoration: underline; font-weight: bold; } </style> <div class="row"> <div class="col-md-12"><h1 class="font-size-35 text-center black-text font-weight-normal"> Trouvez votre nom de domaine <span class="bold">idéal</span></h1></div> </div> <br> <div class="switch-container "> <div class="switch-button" id="new-domain-btn">Trouver un nouveau nom de domaine</div> <div class="switch-button active" id="generate-ia-btn">Générez un nom de domaine à l'aide de l'IA</div> </div>  <div id="ia-form-content"> <h2 id="form-title" style="margin-top: 15px;">Générez un nom de domaine à l'aide de l'IA</h2> <p id="form-description" style="font-size:15px;margin-bottom: 15px;color: #000;margin-top: 10px;">Découvrez des idées de noms de domaine uniques qui reflètent parfaitement l’essence de votre marque</p> <form id="contact-form-genrate-domain-ia" method="POST"> <textarea id="project-description" class="form-control input-search" row="3" placeholder="Rédigez une brève description de votre projet, par exemple : 'Startup innovante spécialisée dans les solutions de gestion durable des ressources en eau" name="paragraph"></textarea> <button type="submit" id="generate-button" class="btn btn-primary" style="width: 150px;background-color: #1976d3;border: 2px solid #1976d3;color: white;border-radius: 20px;height: 45px;padding: 10px 20px;cursor: pointer;font-size: 16px;">Générez</button> <input type="hidden" name="GENERATE-DOMAIN-IA" id="submitted2" class="form-control" value="1"> </form> </div>  <div id="domain-form-content" style="display: none;"> <div class="row"> <div class="col-md-12"> <form method="post" onSubmit="return false"> <div class="input-group"> <input type="text" class="form-control input-search" id="S_DOMAINE" name="S_DOMAINE" value="" placeholder="Saisir ici votre nom de domaine"> <input type="hidden" name="ProcessEtape" value="1"> <input type="hidden" name="TypeProcess" value="domaine" /> <span class="input-group-btn"> <button type="button" id="checkDomain" class="btn btn-default btn-search"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> </form> </div> </div> </div> <section id="bigextensioncontainer" class="row"> <div class="col-sm-6 col-md-8"> <div id="alertInfo" class="alert alert-info hide" style="width: 110%; font-size: 1.75rem; font-weight: 400; border-radius: 8px;"> <i class="fa fa-info-circle fa-lg" aria-hidden="true"></i> <span>Durée de réservation minimum 2 ans pour votre domaine en .ai</span> </div> <div class="text-content"> <div class="domain-available-main"> <div class="domain-available-container"> <div class="domain-available-header"> <h4> <span id="domain-dispo-header"></span> </h4> </div> <div class="domain-available-body"> <div class="domain-response"> <h4> <span id="domain-dispo"></span> </h4> <h5 style="margin-top: 10px;"> <span id="domain-depot-contact-support"></span> </h5> <span id="domain-dispo-info"> <span id="domain-dispo-details"></span> </span> <div class="domain-dispo-geo"> </div> </div> <div class="domain-response-btn"> <span id="domain-available-btn" ></span> </div> </div> </div> <div class="domain-suggestion-main"> <div class="domain-suggestion-container"> <div class="domain-suggestion"> <h4>Achetez 3 et économisez 69%</h4> <span id="domain-pack-price"></span> <p>pour la première année</p> <ul class="domain-suggestion-list list-inline"></ul> </div> <div class="domain-promotion"> <span style="float:right;"> <button id="addbtngp" type="button" class="btn btn-filled add-ext" >Ajouter au panier</button> <button id="rmvbtngp" type="button" class="btn btn-filled-success disabled" style="display:none">Ajouté</button> </span> </div> </div> <div class="domain-suggestion-collapse"> <i id ="domain-suggestion-slider" class="fa fa-caret-up"></i> </div> </div> </div> <h3 id="domain-message"></h3> </div> <div class="search-results"> </div> <div class="circle_loader"><div></div><div></div><div></div></div> </div> <div class="col-sm-6 col-md-4"> <div id="purchaserow" class="purchase-box" style="display:none;"> <div class="purchase-container"> <h2 style="margin-bottom: 5px;"> <i class="fa fa-shopping-cart" style="font-size: 25px; margin-right:5px;"></i> Votre panier </h2> <form class="m-link" method="post" id="hosteurCartForm" name="hosteurCartForm" action="https://manager.hosteur.com">  <div id="liste-cart"></div> <div class="purchase-alert purchase-alert-info panier-vide radius text-center">Votre panier des commandes est vide</div> <div class="montant row total-purchase"> <div class="col-xs-8 dom-container text-left">Total:</div> <div class="col-xs-4 prix-container text-right"><span class="prix-cart">0</span> € HT/an</span></div> </div> <input type="hidden" value="domaine" name="m_type_commande" id="m_type_commande"> <input type="hidden" value="1" name="m_commandedh" id="m_commandedh"> <input type="hidden" value="1" name="TYPE_PRODUIT" id="TYPE_PRODUIT"> <input type="hidden" value="order/domaine-hebergement" name="m_href_command" id="m_href_command"> <input type="hidden" name="S_PAGE_V3" id="S_PAGE_V3" value="order"> <div class="text-center purchase-button-top"> <button type="button" id="commandeDomain" onclick="showHosteurLoading();document.hosteurCartForm.submit();" class="font-weight-700 btn btn-filled-purchase btn-block font-size-13 py-5 px-15" disabled>Commander</button> </div> </form> </div> </div> <div id="searchrow" class="search-box"> <form> <div class="domain-filter-container"> <h2 style="margin-bottom: 5px;">Extensions</h2> <div class="tld-filter-box"> <div class="form-check form-check-extension" id="exc-fr"> <label class="label-extension"> <input type="checkbox" name="filter-fr" value="fr" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.fr</span> </label> </div> <div class="form-check form-check-extension" id="exc-com"> <label class="label-extension"> <input type="checkbox" name="filter-com" value="com" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.com</span> </label> </div> <div class="form-check form-check-extension" id="exc-net"> <label class="label-extension"> <input type="checkbox" name="filter-net" value="net" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.net</span> </label> </div> <div class="form-check form-check-extension" id="exc-org"> <label class="label-extension"> <input type="checkbox" name="filter-org" value="org" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.org</span> </label> </div> <div class="form-check form-check-extension" id="exc-ch"> <label class="label-extension"> <input type="checkbox" name="filter-ch" value="ch" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ch</span> </label> </div> <div class="form-check form-check-extension" id="exc-be"> <label class="label-extension"> <input type="checkbox" name="filter-be" value="be" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.be</span> </label> </div> <div class="form-check form-check-extension" id="exc-info"> <label class="label-extension"> <input type="checkbox" name="filter-info" value="info" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.info</span> </label> </div> <div class="form-check form-check-extension" id="exc-eu"> <label class="label-extension"> <input type="checkbox" name="filter-eu" value="eu" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.eu</span> </label> </div> <div class="form-check form-check-extension" id="exc-biz"> <label class="label-extension"> <input type="checkbox" name="filter-biz" value="biz" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.biz</span> </label> </div> <div class="form-check form-check-extension" id="exc-archi"> <label class="label-extension"> <input type="checkbox" name="filter-archi" value="archi" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.archi</span> </label> </div> <div class="form-check form-check-extension" id="exc-paris"> <label class="label-extension"> <input type="checkbox" name="filter-paris" value="paris" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.paris</span> </label> </div> <div class="form-check form-check-extension" id="exc-bzh"> <label class="label-extension"> <input type="checkbox" name="filter-bzh" value="bzh" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.bzh</span> </label> </div> <div class="form-check form-check-extension" id="exc-lu"> <label class="label-extension"> <input type="checkbox" name="filter-lu" value="lu" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.lu</span> </label> </div> <div class="form-check form-check-extension" id="exc-re"> <label class="label-extension"> <input type="checkbox" name="filter-re" value="re" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.re</span> </label> </div> <div class="form-check form-check-extension" id="exc-tv"> <label class="label-extension"> <input type="checkbox" name="filter-tv" value="tv" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.tv</span> </label> </div> <div class="form-check form-check-extension" id="exc-cc"> <label class="label-extension"> <input type="checkbox" name="filter-cc" value="cc" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.cc</span> </label> </div> <div class="form-check form-check-extension" id="exc-pro"> <label class="label-extension"> <input type="checkbox" name="filter-pro" value="pro" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.pro</span> </label> </div> <div class="form-check form-check-extension" id="exc-africa.com"> <label class="label-extension"> <input type="checkbox" name="filter-africa.com" value="africa.com" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.africa.com</span> </label> </div> <div class="form-check form-check-extension" id="exc-pw"> <label class="label-extension"> <input type="checkbox" name="filter-pw" value="pw" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.pw</span> </label> </div> <div class="form-check form-check-extension" id="exc-la"> <label class="label-extension"> <input type="checkbox" name="filter-la" value="la" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.la</span> </label> </div> <div class="form-check form-check-extension" id="exc-us.com"> <label class="label-extension"> <input type="checkbox" name="filter-us.com" value="us.com" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.us.com</span> </label> </div> <div class="form-check form-check-extension" id="exc-uk.com"> <label class="label-extension"> <input type="checkbox" name="filter-uk.com" value="uk.com" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.uk.com</span> </label> </div> <div class="form-check form-check-extension" id="exc-jp.net"> <label class="label-extension"> <input type="checkbox" name="filter-jp.net" value="jp.net" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.jp.net</span> </label> </div> <div class="form-check form-check-extension" id="exc-bio"> <label class="label-extension"> <input type="checkbox" name="filter-bio" value="bio" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.bio</span> </label> </div> <div class="form-check form-check-extension" id="exc-ski"> <label class="label-extension"> <input type="checkbox" name="filter-ski" value="ski" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ski</span> </label> </div> <div class="form-check form-check-extension" id="exc-xyz"> <label class="label-extension"> <input type="checkbox" name="filter-xyz" value="xyz" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.xyz</span> </label> </div> <div class="form-check form-check-extension" id="exc-host"> <label class="label-extension"> <input type="checkbox" name="filter-host" value="host" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.host</span> </label> </div> <div class="form-check form-check-extension" id="exc-wiki"> <label class="label-extension"> <input type="checkbox" name="filter-wiki" value="wiki" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.wiki</span> </label> </div> <div class="form-check form-check-extension" id="exc-bar"> <label class="label-extension"> <input type="checkbox" name="filter-bar" value="bar" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.bar</span> </label> </div> <div class="form-check form-check-extension" id="exc-website"> <label class="label-extension"> <input type="checkbox" name="filter-website" value="website" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.website</span> </label> </div> <div class="form-check form-check-extension" id="exc-xxx"> <label class="label-extension"> <input type="checkbox" name="filter-xxx" value="xxx" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.xxx</span> </label> </div> <div class="form-check form-check-extension" id="exc-es"> <label class="label-extension"> <input type="checkbox" name="filter-es" value="es" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.es</span> </label> </div> <div class="form-check form-check-extension" id="exc-co.uk"> <label class="label-extension"> <input type="checkbox" name="filter-co.uk" value="co.uk" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.co.uk</span> </label> </div> <div class="form-check form-check-extension" id="exc-com.au"> <label class="label-extension"> <input type="checkbox" name="filter-com.au" value="com.au" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.com.au</span> </label> </div> <div class="form-check form-check-extension" id="exc-cn"> <label class="label-extension"> <input type="checkbox" name="filter-cn" value="cn" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.cn</span> </label> </div> <div class="form-check form-check-extension" id="exc-de"> <label class="label-extension"> <input type="checkbox" name="filter-de" value="de" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.de</span> </label> </div> <div class="form-check form-check-extension" id="exc-dk"> <label class="label-extension"> <input type="checkbox" name="filter-dk" value="dk" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.dk</span> </label> </div> <div class="form-check form-check-extension" id="exc-fi"> <label class="label-extension"> <input type="checkbox" name="filter-fi" value="fi" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.fi</span> </label> </div> <div class="form-check form-check-extension" id="exc-gr"> <label class="label-extension"> <input type="checkbox" name="filter-gr" value="gr" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.gr</span> </label> </div> <div class="form-check form-check-extension" id="exc-ie"> <label class="label-extension"> <input type="checkbox" name="filter-ie" value="ie" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ie</span> </label> </div> <div class="form-check form-check-extension" id="exc-it"> <label class="label-extension"> <input type="checkbox" name="filter-it" value="it" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.it</span> </label> </div> <div class="form-check form-check-extension" id="exc-uk"> <label class="label-extension"> <input type="checkbox" name="filter-uk" value="uk" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.uk</span> </label> </div> <div class="form-check form-check-extension" id="exc-webcam"> <label class="label-extension"> <input type="checkbox" name="filter-webcam" value="webcam" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.webcam</span> </label> </div> <div class="form-check form-check-extension" id="exc-pt"> <label class="label-extension"> <input type="checkbox" name="filter-pt" value="pt" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.pt</span> </label> </div> <div class="form-check form-check-extension" id="exc-clinic"> <label class="label-extension"> <input type="checkbox" name="filter-clinic" value="clinic" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.clinic</span> </label> </div> <div class="form-check form-check-extension" id="exc-brussels"> <label class="label-extension"> <input type="checkbox" name="filter-brussels" value="brussels" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.brussels</span> </label> </div> <div class="form-check form-check-extension" id="exc-vlaanderen"> <label class="label-extension"> <input type="checkbox" name="filter-vlaanderen" value="vlaanderen" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.vlaanderen</span> </label> </div> <div class="form-check form-check-extension" id="exc-mg"> <label class="label-extension"> <input type="checkbox" name="filter-mg" value="mg" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.mg</span> </label> </div> <div class="form-check form-check-extension" id="exc-boutique"> <label class="label-extension"> <input type="checkbox" name="filter-boutique" value="boutique" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.boutique</span> </label> </div> <div class="form-check form-check-extension" id="exc-photography"> <label class="label-extension"> <input type="checkbox" name="filter-photography" value="photography" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.photography</span> </label> </div> <div class="form-check form-check-extension" id="exc-photo"> <label class="label-extension"> <input type="checkbox" name="filter-photo" value="photo" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.photo</span> </label> </div> <div class="form-check form-check-extension" id="exc-poker"> <label class="label-extension"> <input type="checkbox" name="filter-poker" value="poker" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.poker</span> </label> </div> <div class="form-check form-check-extension" id="exc-pizza"> <label class="label-extension"> <input type="checkbox" name="filter-pizza" value="pizza" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.pizza</span> </label> </div> <div class="form-check form-check-extension" id="exc-london"> <label class="label-extension"> <input type="checkbox" name="filter-london" value="london" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.london</span> </label> </div> <div class="form-check form-check-extension" id="exc-nl"> <label class="label-extension"> <input type="checkbox" name="filter-nl" value="nl" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.nl</span> </label> </div> <div class="form-check form-check-extension" id="exc-ca"> <label class="label-extension"> <input type="checkbox" name="filter-ca" value="ca" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ca</span> </label> </div> <div class="form-check form-check-extension" id="exc-quebec"> <label class="label-extension"> <input type="checkbox" name="filter-quebec" value="quebec" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.quebec</span> </label> </div> <div class="form-check form-check-extension" id="exc-club"> <label class="label-extension"> <input type="checkbox" name="filter-club" value="club" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.club</span> </label> </div> <div class="form-check form-check-extension" id="exc-ru"> <label class="label-extension"> <input type="checkbox" name="filter-ru" value="ru" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ru</span> </label> </div> <div class="form-check form-check-extension" id="exc-pl"> <label class="label-extension"> <input type="checkbox" name="filter-pl" value="pl" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.pl</span> </label> </div> <div class="form-check form-check-extension" id="exc-ae"> <label class="label-extension"> <input type="checkbox" name="filter-ae" value="ae" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ae</span> </label> </div> <div class="form-check form-check-extension" id="exc-ly"> <label class="label-extension"> <input type="checkbox" name="filter-ly" value="ly" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ly</span> </label> </div> <div class="form-check form-check-extension" id="exc-ma"> <label class="label-extension"> <input type="checkbox" name="filter-ma" value="ma" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ma</span> </label> </div> <div class="form-check form-check-extension" id="exc-sucks"> <label class="label-extension"> <input type="checkbox" name="filter-sucks" value="sucks" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.sucks</span> </label> </div> <div class="form-check form-check-extension" id="exc-ml"> <label class="label-extension"> <input type="checkbox" name="filter-ml" value="ml" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ml</span> </label> </div> <div class="form-check form-check-extension" id="exc-hk"> <label class="label-extension"> <input type="checkbox" name="filter-hk" value="hk" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.hk</span> </label> </div> <div class="form-check form-check-extension" id="exc-li"> <label class="label-extension"> <input type="checkbox" name="filter-li" value="li" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.li</span> </label> </div> <div class="form-check form-check-extension" id="exc-io"> <label class="label-extension"> <input type="checkbox" name="filter-io" value="io" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.io</span> </label> </div> <div class="form-check form-check-extension" id="exc-me"> <label class="label-extension"> <input type="checkbox" name="filter-me" value="me" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.me</span> </label> </div> <div class="form-check form-check-extension" id="exc-wine"> <label class="label-extension"> <input type="checkbox" name="filter-wine" value="wine" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.wine</span> </label> </div> <div class="form-check form-check-extension" id="exc-vin"> <label class="label-extension"> <input type="checkbox" name="filter-vin" value="vin" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.vin</span> </label> </div> <div class="form-check form-check-extension" id="exc-swiss"> <label class="label-extension"> <input type="checkbox" name="filter-swiss" value="swiss" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.swiss</span> </label> </div> <div class="form-check form-check-extension" id="exc-download"> <label class="label-extension"> <input type="checkbox" name="filter-download" value="download" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.download</span> </label> </div> <div class="form-check form-check-extension" id="exc-network"> <label class="label-extension"> <input type="checkbox" name="filter-network" value="network" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.network</span> </label> </div> <div class="form-check form-check-extension" id="exc-one"> <label class="label-extension"> <input type="checkbox" name="filter-one" value="one" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.one</span> </label> </div> <div class="form-check form-check-extension" id="exc-us"> <label class="label-extension"> <input type="checkbox" name="filter-us" value="us" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.us</span> </label> </div> <div class="form-check form-check-extension" id="exc-alsace"> <label class="label-extension"> <input type="checkbox" name="filter-alsace" value="alsace" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.alsace</span> </label> </div> <div class="form-check form-check-extension" id="exc-asia"> <label class="label-extension"> <input type="checkbox" name="filter-asia" value="asia" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.asia</span> </label> </div> <div class="form-check form-check-extension" id="exc-in"> <label class="label-extension"> <input type="checkbox" name="filter-in" value="in" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.in</span> </label> </div> <div class="form-check form-check-extension" id="exc-email"> <label class="label-extension"> <input type="checkbox" name="filter-email" value="email" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.email</span> </label> </div> <div class="form-check form-check-extension" id="exc-care"> <label class="label-extension"> <input type="checkbox" name="filter-care" value="care" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.care</span> </label> </div> <div class="form-check form-check-extension" id="exc-blog"> <label class="label-extension"> <input type="checkbox" name="filter-blog" value="blog" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.blog</span> </label> </div> <div class="form-check form-check-extension" id="exc-tech"> <label class="label-extension"> <input type="checkbox" name="filter-tech" value="tech" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.tech</span> </label> </div> <div class="form-check form-check-extension" id="exc-co"> <label class="label-extension"> <input type="checkbox" name="filter-co" value="co" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.co</span> </label> </div> <div class="form-check form-check-extension" id="exc-art"> <label class="label-extension"> <input type="checkbox" name="filter-art" value="art" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.art</span> </label> </div> <div class="form-check form-check-extension" id="exc-corsica"> <label class="label-extension"> <input type="checkbox" name="filter-corsica" value="corsica" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.corsica</span> </label> </div> <div class="form-check form-check-extension" id="exc-cm"> <label class="label-extension"> <input type="checkbox" name="filter-cm" value="cm" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.cm</span> </label> </div> <div class="form-check form-check-extension" id="exc-africa"> <label class="label-extension"> <input type="checkbox" name="filter-africa" value="africa" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.africa</span> </label> </div> <div class="form-check form-check-extension" id="exc-ac"> <label class="label-extension"> <input type="checkbox" name="filter-ac" value="ac" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ac</span> </label> </div> <div class="form-check form-check-extension" id="exc-bi"> <label class="label-extension"> <input type="checkbox" name="filter-bi" value="bi" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.bi</span> </label> </div> <div class="form-check form-check-extension" id="exc-mu"> <label class="label-extension"> <input type="checkbox" name="filter-mu" value="mu" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.mu</span> </label> </div> <div class="form-check form-check-extension" id="exc-sc"> <label class="label-extension"> <input type="checkbox" name="filter-sc" value="sc" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.sc</span> </label> </div> <div class="form-check form-check-extension" id="exc-sh"> <label class="label-extension"> <input type="checkbox" name="filter-sh" value="sh" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.sh</span> </label> </div> <div class="form-check form-check-extension" id="exc-so"> <label class="label-extension"> <input type="checkbox" name="filter-so" value="so" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.so</span> </label> </div> <div class="form-check form-check-extension" id="exc-st"> <label class="label-extension"> <input type="checkbox" name="filter-st" value="st" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.st</span> </label> </div> <div class="form-check form-check-extension" id="exc-ug"> <label class="label-extension"> <input type="checkbox" name="filter-ug" value="ug" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ug</span> </label> </div> <div class="form-check form-check-extension" id="exc-cf"> <label class="label-extension"> <input type="checkbox" name="filter-cf" value="cf" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.cf</span> </label> </div> <div class="form-check form-check-extension" id="exc-sd"> <label class="label-extension"> <input type="checkbox" name="filter-sd" value="sd" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.sd</span> </label> </div> <div class="form-check form-check-extension" id="exc-yt"> <label class="label-extension"> <input type="checkbox" name="filter-yt" value="yt" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.yt</span> </label> </div> <div class="form-check form-check-extension" id="exc-cam"> <label class="label-extension"> <input type="checkbox" name="filter-cam" value="cam" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.cam</span> </label> </div> <div class="form-check form-check-extension" id="exc-cool"> <label class="label-extension"> <input type="checkbox" name="filter-cool" value="cool" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.cool</span> </label> </div> <div class="form-check form-check-extension" id="exc-shop"> <label class="label-extension"> <input type="checkbox" name="filter-shop" value="shop" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.shop</span> </label> </div> <div class="form-check form-check-extension" id="exc-immo"> <label class="label-extension"> <input type="checkbox" name="filter-immo" value="immo" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.immo</span> </label> </div> <div class="form-check form-check-extension" id="exc-fm"> <label class="label-extension"> <input type="checkbox" name="filter-fm" value="fm" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.fm</span> </label> </div> <div class="form-check form-check-extension" id="exc-ws"> <label class="label-extension"> <input type="checkbox" name="filter-ws" value="ws" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ws</span> </label> </div> <div class="form-check form-check-extension" id="exc-app"> <label class="label-extension"> <input type="checkbox" name="filter-app" value="app" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.app</span> </label> </div> <div class="form-check form-check-extension" id="exc-museum"> <label class="label-extension"> <input type="checkbox" name="filter-museum" value="museum" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.museum</span> </label> </div> <div class="form-check form-check-extension" id="exc-rent"> <label class="label-extension"> <input type="checkbox" name="filter-rent" value="rent" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.rent</span> </label> </div> <div class="form-check form-check-extension" id="exc-aero"> <label class="label-extension"> <input type="checkbox" name="filter-aero" value="aero" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.aero</span> </label> </div> <div class="form-check form-check-extension" id="exc-expert"> <label class="label-extension"> <input type="checkbox" name="filter-expert" value="expert" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.expert</span> </label> </div> <div class="form-check form-check-extension" id="exc-consulting"> <label class="label-extension"> <input type="checkbox" name="filter-consulting" value="consulting" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.consulting</span> </label> </div> <div class="form-check form-check-extension" id="exc-church"> <label class="label-extension"> <input type="checkbox" name="filter-church" value="church" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.church</span> </label> </div> <div class="form-check form-check-extension" id="exc-site"> <label class="label-extension"> <input type="checkbox" name="filter-site" value="site" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.site</span> </label> </div> <div class="form-check form-check-extension" id="exc-name"> <label class="label-extension"> <input type="checkbox" name="filter-name" value="name" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.name</span> </label> </div> <div class="form-check form-check-extension" id="exc-online"> <label class="label-extension"> <input type="checkbox" name="filter-online" value="online" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.online</span> </label> </div> <div class="form-check form-check-extension" id="exc-restaurant"> <label class="label-extension"> <input type="checkbox" name="filter-restaurant" value="restaurant" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.restaurant</span> </label> </div> <div class="form-check form-check-extension" id="exc-best"> <label class="label-extension"> <input type="checkbox" name="filter-best" value="best" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.best</span> </label> </div> <div class="form-check form-check-extension" id="exc-fitness"> <label class="label-extension"> <input type="checkbox" name="filter-fitness" value="fitness" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.fitness</span> </label> </div> <div class="form-check form-check-extension" id="exc-cloud"> <label class="label-extension"> <input type="checkbox" name="filter-cloud" value="cloud" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.cloud</span> </label> </div> <div class="form-check form-check-extension" id="exc-is"> <label class="label-extension"> <input type="checkbox" name="filter-is" value="is" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.is</span> </label> </div> <div class="form-check form-check-extension" id="exc-tg"> <label class="label-extension"> <input type="checkbox" name="filter-tg" value="tg" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.tg</span> </label> </div> <div class="form-check form-check-extension" id="exc-live"> <label class="label-extension"> <input type="checkbox" name="filter-live" value="live" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.live</span> </label> </div> <div class="form-check form-check-extension" id="exc-agency"> <label class="label-extension"> <input type="checkbox" name="filter-agency" value="agency" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.agency</span> </label> </div> <div class="form-check form-check-extension" id="exc-group"> <label class="label-extension"> <input type="checkbox" name="filter-group" value="group" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.group</span> </label> </div> <div class="form-check form-check-extension" id="exc-solutions"> <label class="label-extension"> <input type="checkbox" name="filter-solutions" value="solutions" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.solutions</span> </label> </div> <div class="form-check form-check-extension" id="exc-today"> <label class="label-extension"> <input type="checkbox" name="filter-today" value="today" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.today</span> </label> </div> <div class="form-check form-check-extension" id="exc-market"> <label class="label-extension"> <input type="checkbox" name="filter-market" value="market" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.market</span> </label> </div> <div class="form-check form-check-extension" id="exc-yoga"> <label class="label-extension"> <input type="checkbox" name="filter-yoga" value="yoga" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.yoga</span> </label> </div> <div class="form-check form-check-extension" id="exc-no"> <label class="label-extension"> <input type="checkbox" name="filter-no" value="no" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.no</span> </label> </div> <div class="form-check form-check-extension" id="exc-si"> <label class="label-extension"> <input type="checkbox" name="filter-si" value="si" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.si</span> </label> </div> <div class="form-check form-check-extension" id="exc-ga"> <label class="label-extension"> <input type="checkbox" name="filter-ga" value="ga" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ga</span> </label> </div> <div class="form-check form-check-extension" id="exc-ai"> <label class="label-extension"> <input type="checkbox" name="filter-ai" value="ai" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ai</span> </label> </div> <div class="form-check form-check-extension" id="exc-bet"> <label class="label-extension"> <input type="checkbox" name="filter-bet" value="bet" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.bet</span> </label> </div> <div class="form-check form-check-extension" id="exc-mobi"> <label class="label-extension"> <input type="checkbox" name="filter-mobi" value="mobi" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.mobi</span> </label> </div> <div class="form-check form-check-extension" id="exc-cl"> <label class="label-extension"> <input type="checkbox" name="filter-cl" value="cl" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.cl</span> </label> </div> <div class="form-check form-check-extension" id="exc-ee"> <label class="label-extension"> <input type="checkbox" name="filter-ee" value="ee" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ee</span> </label> </div> <div class="form-check form-check-extension" id="exc-vn"> <label class="label-extension"> <input type="checkbox" name="filter-vn" value="vn" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.vn</span> </label> </div> <div class="form-check form-check-extension" id="exc-co.nz"> <label class="label-extension"> <input type="checkbox" name="filter-co.nz" value="co.nz" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.co.nz</span> </label> </div> <div class="form-check form-check-extension" id="exc-sn"> <label class="label-extension"> <input type="checkbox" name="filter-sn" value="sn" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.sn</span> </label> </div> <div class="form-check form-check-extension" id="exc-asso.fr"> <label class="label-extension"> <input type="checkbox" name="filter-asso.fr" value="asso.fr" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.asso.fr</span> </label> </div> <div class="form-check form-check-extension" id="exc-ro"> <label class="label-extension"> <input type="checkbox" name="filter-ro" value="ro" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.ro</span> </label> </div> <div class="form-check form-check-extension" id="exc-bg"> <label class="label-extension"> <input type="checkbox" name="filter-bg" value="bg" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.bg</span> </label> </div> <div class="form-check form-check-extension" id="exc-cz"> <label class="label-extension"> <input type="checkbox" name="filter-cz" value="cz" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.cz</span> </label> </div> <div class="form-check form-check-extension" id="exc-solar"> <label class="label-extension"> <input type="checkbox" name="filter-solar" value="solar" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.solar</span> </label> </div> <div class="form-check form-check-extension" id="exc-co.za"> <label class="label-extension"> <input type="checkbox" name="filter-co.za" value="co.za" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.co.za</span> </label> </div> <div class="form-check form-check-extension" id="exc-tn"> <label class="label-extension"> <input type="checkbox" name="filter-tn" value="tn" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.tn</span> </label> </div> <div class="form-check form-check-extension" id="exc-team"> <label class="label-extension"> <input type="checkbox" name="filter-team" value="team" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.team</span> </label> </div> <div class="form-check form-check-extension" id="exc-fund"> <label class="label-extension"> <input type="checkbox" name="filter-fund" value="fund" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.fund</span> </label> </div> <div class="form-check form-check-extension" id="exc-mx"> <label class="label-extension"> <input type="checkbox" name="filter-mx" value="mx" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.mx</span> </label> </div> <div class="form-check form-check-extension" id="exc-se"> <label class="label-extension"> <input type="checkbox" name="filter-se" value="se" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.se</span> </label> </div> <div class="form-check form-check-extension" id="exc-tw"> <label class="label-extension"> <input type="checkbox" name="filter-tw" value="tw" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.tw</span> </label> </div> <div class="form-check form-check-extension" id="exc-lt"> <label class="label-extension"> <input type="checkbox" name="filter-lt" value="lt" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.lt</span> </label> </div> <div class="form-check form-check-extension" id="exc-com.tw"> <label class="label-extension"> <input type="checkbox" name="filter-com.tw" value="com.tw" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.com.tw</span> </label> </div> <div class="form-check form-check-extension" id="exc-mairie.tg"> <label class="label-extension"> <input type="checkbox" name="filter-mairie.tg" value="mairie.tg" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.mairie.tg</span> </label> </div> <div class="form-check form-check-extension" id="exc-prefecture.tg"> <label class="label-extension"> <input type="checkbox" name="filter-prefecture.tg" value="prefecture.tg" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.prefecture.tg</span> </label> </div> <div class="form-check form-check-extension" id="exc-fans"> <label class="label-extension"> <input type="checkbox" name="filter-fans" value="fans" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.fans</span> </label> </div> <div class="form-check form-check-extension" id="exc-mc"> <label class="label-extension"> <input type="checkbox" name="filter-mc" value="mc" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.mc</span> </label> </div> <div class="form-check form-check-extension" id="exc-gg"> <label class="label-extension"> <input type="checkbox" name="filter-gg" value="gg" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.gg</span> </label> </div> <div class="form-check form-check-extension" id="exc-construction"> <label class="label-extension"> <input type="checkbox" name="filter-construction" value="construction" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.construction</span> </label> </div> <div class="form-check form-check-extension" id="exc-mq"> <label class="label-extension"> <input type="checkbox" name="filter-mq" value="mq" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.mq</span> </label> </div> <div class="form-check form-check-extension" id="exc-gp"> <label class="label-extension"> <input type="checkbox" name="filter-gp" value="gp" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.gp</span> </label> </div> <div class="form-check form-check-extension" id="exc-qf"> <label class="label-extension"> <input type="checkbox" name="filter-qf" value="qf" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.qf</span> </label> </div> <div class="form-check form-check-extension" id="exc-co.at"> <label class="label-extension"> <input type="checkbox" name="filter-co.at" value="co.at" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.co.at</span> </label> </div> <div class="form-check form-check-extension" id="exc-net.cn"> <label class="label-extension"> <input type="checkbox" name="filter-net.cn" value="net.cn" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.net.cn</span> </label> </div> <div class="form-check form-check-extension" id="exc-com.es"> <label class="label-extension"> <input type="checkbox" name="filter-com.es" value="com.es" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.com.es</span> </label> </div> <div class="form-check form-check-extension" id="exc-org.cn"> <label class="label-extension"> <input type="checkbox" name="filter-org.cn" value="org.cn" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.org.cn</span> </label> </div> <div class="form-check form-check-extension" id="exc-com.cn"> <label class="label-extension"> <input type="checkbox" name="filter-com.cn" value="com.cn" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.com.cn</span> </label> </div> <div class="form-check form-check-extension" id="exc-au"> <label class="label-extension"> <input type="checkbox" name="filter-au" value="au" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.au</span> </label> </div> <div class="form-check form-check-extension" id="exc-mn"> <label class="label-extension"> <input type="checkbox" name="filter-mn" value="mn" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.mn</span> </label> </div> <div class="form-check form-check-extension" id="exc-golf"> <label class="label-extension"> <input type="checkbox" name="filter-golf" value="golf" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.golf</span> </label> </div> <div class="form-check form-check-extension" id="exc-photos"> <label class="label-extension"> <input type="checkbox" name="filter-photos" value="photos" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.photos</span> </label> </div> <div class="form-check form-check-extension" id="exc-tel"> <label class="label-extension"> <input type="checkbox" name="filter-tel" value="tel" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.tel</span> </label> </div> <div class="form-check form-check-extension" id="exc-video"> <label class="label-extension"> <input type="checkbox" name="filter-video" value="video" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.video</span> </label> </div> <div class="form-check form-check-extension" id="exc-news"> <label class="label-extension"> <input type="checkbox" name="filter-news" value="news" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.news</span> </label> </div> <div class="form-check form-check-extension" id="exc-travel"> <label class="label-extension"> <input type="checkbox" name="filter-travel" value="travel" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.travel</span> </label> </div> <div class="form-check form-check-extension" id="exc-life"> <label class="label-extension"> <input type="checkbox" name="filter-life" value="life" onClick="applyFilter()"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span class="label-text">.life</span> </label> </div> </div> </div> </form> </div> </div> </section> <script> document.addEventListener("DOMContentLoaded", function() { const url = window.location.href; let price = 1; let devis= "€"; // Prix par défaut if (url.includes(".uk")) { price = 0.83; devis ="£"; } else if (url.includes(".bg")) { price = 1.96; devis ="лв"; } else if (url.includes(".cz")) { price = 24.94; devis ="Kč"; } // Mettre à jour l'affichage du prix dans le span document.getElementById("price-offer-banner").innerHTML = price + devis; // Set initial state: domain form selected by default document.getElementById('new-domain-btn').classList.add('active'); document.getElementById('domain-form-content').style.display = 'block'; document.getElementById('ia-form-content').style.display = 'none'; // Remove active class from generate-ia-btn document.getElementById('generate-ia-btn').classList.remove('active'); // Fonction pour obtenir les paramètres de l'URL function getQueryParam(param) { const urlParams = new URLSearchParams(window.location.search); return urlParams.get(param); } // Vérifier si le paramètre 'name' existe et le prendre const nameParam = getQueryParam('name'); if (nameParam) { // Mettre à jour la valeur de l'input document.getElementById('S_DOMAINE').value = nameParam; // Cliquer sur le bouton document.getElementById('checkDomain').click(); } $('#contact-form-genrate-domain-ia').on('submit', function(e) { e.preventDefault(); // Empêche la soumission par défaut du formulaire var $generateButton = $('#generate-button'); $generateButton.prop('disabled', true).text('En cours...'); // Désactiver le bouton et changer le texte $.ajax({ url: "https://www.hosteur.com/domaines/depot", type: "POST", data: $(this).serialize(), // Sérialiser les données du formulaire success: function(response) { // Gérer la réponse en cas de succès console.log(response); if(response.domain_name && response.domain_name.trim() !== '') { document.getElementById('S_DOMAINE').value = response.domain_name; // Cliquer sur le bouton document.getElementById('checkDomain').click(); $generateButton.text('Généré'); // Optionnel : changer le texte après le succès } else { alert('La génération du domaine a échoué.'); $generateButton.text('Générez'); // Remettre le texte original en cas d'échec } }, error: function(xhr, status, error) { // Gérer la réponse en cas d'erreur console.error('AJAX Error:', status, error); alert('Erreur AJAX : ' + error); $generateButton.text('Générez'); // Remettre le texte original en cas d'erreur }, complete: function() { $generateButton.prop('disabled', false); // Réactiver le bouton après la requête } }); }); }); document.getElementById('new-domain-btn').addEventListener('click', function() { // Toggle active class this.classList.add('active'); document.getElementById('generate-ia-btn').classList.remove('active'); // Show domain form, hide IA form document.getElementById('domain-form-content').style.display = 'block'; document.getElementById('ia-form-content').style.display = 'none'; }); document.getElementById('generate-ia-btn').addEventListener('click', function() { // Toggle active class this.classList.add('active'); document.getElementById('new-domain-btn').classList.remove('active'); // Show IA form, hide domain form document.getElementById('ia-form-content').style.display = 'block'; document.getElementById('domain-form-content').style.display = 'none'; }); let suggestionDomains= ['net', 'org', 'info'] let defaultExtensions = ['fr', 'com', 'org','info','net', 'pro', 'biz', 'name', 'site', 'network'] let geoExtensions = ['ch', 'eu', 'be', 'lu', 'es', 'co.uk', 'cn', 'de', 'dk', 'fi', 'gr', 'ie', 'it', 'uk', 'bzh', 'pw', 'la', 'us.com', 'uk.com', 'jp.net', 'nl', 'ca', 'quebec', 'ru', 'ma', 'ml', 'hk', 'li', 'io', 'me', 'swiss', 'fm', 'ws', 'asia', 'paris', 're', 'corsica', 'africa', 'ac', 'bi', 'ma', 'mu', 'sc', 'sh', 'so', 'st', 'ug', 'cf', 'yt', 'cam', 'cc', 'africa.com', 'co', 'alsace', 'pt', 'tg'] let comExtensions = ['archi', 'tv', 'bio', 'ski', 'xyz', 'host', 'wiki', 'bar', 'xxx', 'webcam', 'clinic', 'brussels', 'mg', 'boutique', 'photography', 'photo', 'poker', 'pizza', 'email', 'blog', 'art', 'cool', 'shop', 'immo', 'app', 'museum', 'rent', 'best', 'fitness', 'cloud'] let regularDomainArray = ['group','solutions', 'online', 'best','pro', 'now', 'news','mail', 'world','studio', 'box', 'tech', 'shop', 'zone', 'city','space','network', 'solutions', 'academy','center','web', 'blog', 'media', 'club', 'hackerspace', 'emailing', 'store', 'station', 'talk', 'style', 'live', 'agency'] let excludedExtensions = ['com.au', 'london', 'club', 'ly', 'vlaaderen', 'sucks', 'wine' , 'vin', 'ar', 'one', 'download', 'us', 'restaurant', 'online', 'church', 'aero', 'consulting', 'sd', 'care', 'cm', 'in', 'tech'] //let regularDomainArray = ['group','solutions', 'online'] var domaine = ""; var dom=""; var ext = ""; var list = [] var selected = [] var globalExtensions= [] var listeExtensions = ["fr","com","net","org","ch","be","info","eu","biz","archi","paris","bzh","lu","re","tv","cc","pro","africa.com","pw","la","us.com","uk.com","jp.net","bio","ski","xyz","host","wiki","bar","website","xxx","es","co.uk","com.au","cn","de","dk","fi","gr","ie","it","uk","webcam","pt","clinic","brussels","vlaanderen","mg","boutique","photography","photo","poker","pizza","london","nl","ca","quebec","club","ru","pl","ae","ly","ma","sucks","ml","hk","li","io","me","wine","vin","swiss","download","network","one","us","alsace","asia","in","email","care","blog","tech","co","art","corsica","cm","africa","ac","bi","mu","sc","sh","so","st","ug","cf","sd","yt","cam","cool","shop","immo","fm","ws","app","museum","rent","aero","expert","consulting","church","site","name","online","restaurant","best","fitness","cloud","is","tg","live","agency","group","solutions","today","market","yoga","no","si","ga","ai","bet","mobi","cl","ee","vn","co.nz","sn","asso.fr","ro","bg","cz","solar","co.za","tn","team","fund","mx","se","tw","lt","com.tw","mairie.tg","prefecture.tg","fans","mc","gg","construction","mq","gp","qf","co.at","net.cn","com.es","org.cn","com.cn","au","mn","golf","photos","tel","video","news","travel","life"] var priceExtensions = {"com":"10.9","fr":"5.99","net":"9.99","org":"8.99","ch":"5","be":"6.99","info":"10.99","eu":"6.9","biz":"12.99","lu":"19","re":"4.9","tv":"19.9","cc":"19.9","pro":"9.8","africa.com":"19.9","pw":"5.9","la":"25.9","us.com":"19.9","uk.com":"31","jp.net":"7.9","archi":"59","bio":"59","ski":"27.99","xyz":"7.99","paris":"29","bzh":"20","host":"25","wiki":"25","bar":"49.99","website":"15","xxx":"60","es":"9.4","co.uk":"8","com.au":"15","cn":"17.5","de":"6.5","dk":"9.9","fi":"39.5","gr":"15","ie":"50","it":"9","uk":"4.1","webcam":"5.99","pt":"26","clinic":"45","brussels":"5","vlaanderen":"5","mg":"105","boutique":"32","photography":"18","photo":"28","poker":"42","pizza":"45","london":"30","nl":"8","ca":"18","quebec":"21.99","club":"18","ru":"25","pl":"25","ae":"70","ly":"180","ma":"97","sucks":"240","ml":"18","hk":"59","li":"7","io":"45","me":"15.5","wine":"49.99","vin":"49.99","swiss":"110","download":"22.99","network":"20","one":"9","us":"8","alsace":"30","asia":"13","in":"15","email":"17","care":"28","blog":"30","tech":"55","co":"28","art":"15","corsica":"27","cm":"83","africa":"2.99","ac":"42","bi":"54","mu":"75","sc":"80","sh":"40","so":"67","st":"60","ug":"90","cf":"16","sd":"160","yt":"42","cam":"30","cool":"28","shop":"34","immo":"29","fm":"70","ws":"6","app":"15","museum":"40","rent":"64","aero":"70","expert":"49","consulting":"42","church":"31","site":"20","name":"10","online":"35","restaurant":"46","best":"1.99","fitness":"28","cloud":"20","is":"43","tg":"12","live":"14.5","agency":"13","group":"8.5","solutions":"13","today":"13","market":"22.99","yoga":"28.5","no":"22","si":"25","ga":"18","ai":"100","bet":"31","mobi":"32","cl":"28","ee":"36","vn":"65","co.nz":"50","sn":"15.5","asso.fr":"4.99","ro":"65","bg":"45","cz":"20","solar":"45","co.za":"13.4","tn":"42","team":"23","fund":"37","mx":"45","se":"26","tw":"33","lt":"22","com.tw":"33","mairie.tg":"8","prefecture.tg":"8","fans":"70","mc":"11","gg":"85","construction":"25","mq":"45","gp":"45","qf":"45","co.at":"13.4","net.cn":"17.5","com.es":"8","org.cn":"17.5","com.cn":"17.5","au":"15","mn":"44","golf":"45","photos":"28","tel":"14","video":"25","news":"25","travel":"100","life":"40"} var priceTransferExtensions = {"com":"8.9","fr":"4.9","net":"9.9","org":"12.99","ch":"1","be":"4","info":"10.99","eu":"3.9","biz":"12.99","lu":"19","re":"4.8","tv":"19.8","cc":"14.8","pro":"9.8","africa.com":"19.9","pw":"5.9","la":"25.9","us.com":"19.9","uk.com":"31","jp.net":"31","archi":"64","bio":"64","ski":"30.99","xyz":"7.99","paris":"39","bzh":"44","host":"55","wiki":"25","bar":"47.99","website":"15","xxx":"60","es":"9.4","co.uk":"8","com.au":"15","cn":"17.5","de":"4.99","dk":"9.9","fi":"29","gr":"12.5","ie":"50","it":"9","uk":"4.1","webcam":"5.99","pt":"27","clinic":"45","brussels":"30","vlaanderen":"30","mg":"41","boutique":"32","photography":"18","photo":"28","poker":"42","pizza":"45","london":"32","nl":"8","ca":"16","quebec":"19","club":"18","ru":"22","pl":"25","ae":"64","ly":"160","ma":"110","sucks":"270","ml":"16","hk":"55","li":"0","io":"45","me":"15","wine":"49","vin":"49","swiss":"110","download":"20.99","network":"20","one":"15","us":"8.5","alsace":"45","asia":"13","in":"15","email":"17","care":"25","blog":"30","tech":"52","co":"28","art":"15","corsica":"30.99","cm":"83","africa":"11.5","ac":"42","bi":"54","mu":"75","sc":"80","sh":"40","so":"67","st":"25","ug":"60","cf":"15","sd":"160","yt":"42","cam":"30","cool":"30","shop":"34","immo":"25","fm":"68","ws":"6","app":"15","museum":"40","rent":"64","aero":"64","expert":"49","consulting":"42","church":"31","site":"20","name":"10","online":"35","restaurant":"46","best":"16","fitness":"28","cloud":"20","is":"43","tg":"8","live":"14.5","agency":"14","group":"8.5","solutions":"8.5","today":"13","market":"22.99","yoga":"28.5","no":"22","si":"25","ga":"18","ai":"100","bet":"31","mobi":"31","cl":"27","ee":"36","vn":"65","co.nz":"50","sn":"31","asso.fr":"4.9","ro":"65","bg":"45","cz":"20","solar":"42","co.za":"13.4","tn":"42","team":"23","fund":"42","mx":"45","se":"26","tw":"33","lt":"22","com.tw":"33","mairie.tg":"8","prefecture.tg":"8","fans":"70","mc":"11","gg":"85","construction":"25","mq":"45","gp":"45","qf":"45","co.at":"15","net.cn":"19","com.es":"8","org.cn":"20","com.cn":"20","au":"15","mn":"44","golf":"45","photos":"28","tel":"14","video":"25","news":"25","travel":"100","life":"40"} var priceRebillExtensions = {"com":"13.4","fr":"6.99","net":"10.99","org":"13.99","ch":"12","be":"6.99","info":"11.99","eu":"6.99","biz":"13.99","lu":"19","re":"6.8","tv":"25","cc":"20","pro":"11.49","africa.com":"18.9","pw":"5.9","la":"25","us.com":"18.9","uk.com":"31","jp.net":"7.9","archi":"64","bio":"59","ski":"30.99","xyz":"7.99","paris":"39","bzh":"44","host":"60","wiki":"25","bar":"52.99","website":"15","xxx":"60","es":"9.4","co.uk":"9","com.au":"20","cn":"17.5","de":"6.99","dk":"9.9","fi":"39.5","gr":"15","ie":"55","it":"9.99","uk":"6","webcam":"5.99","pt":"27","clinic":"45","brussels":"28","vlaanderen":"30","mg":"105","boutique":"35","photography":"20","photo":"30","poker":"45","pizza":"50","london":"40","nl":"8","ca":"18","quebec":"21.99","club":"18","ru":"25","pl":"25","ae":"64","ly":"160","ma":"90","sucks":"270","ml":"18","hk":"69","li":"7","io":"45","me":"17","wine":"55","vin":"55","swiss":"119","download":"21.99","network":"25","one":"11","us":"11","alsace":"50","asia":"14","in":"16","email":"20","care":"30","blog":"30","tech":"55","co":"28","art":"20","corsica":"31.99","cm":"83","africa":"15","ac":"45","bi":"55","mu":"75","sc":"90","sh":"44","so":"70","st":"60","ug":"60","cf":"20","sd":"160","yt":"45","cam":"30","cool":"30","shop":"34","immo":"28","fm":"70","ws":"25","app":"17","museum":"40","rent":"64","aero":"64","expert":"49","consulting":"45","church":"36","site":"20","name":"10","online":"36","restaurant":"49","best":"17","fitness":"30","cloud":"25","is":"45","tg":"12","live":"17","agency":"16","group":"10","solutions":"16","today":"16","market":"30","yoga":"45","no":"22","si":"45","ga":"18","ai":"100","bet":"35","mobi":"35","cl":"28","ee":"36","vn":"65","co.nz":"50","sn":"31","asso.fr":"6.8","ro":"65","bg":"45","cz":"20","solar":"45","co.za":"14","tn":"31","team":"23","fund":"45","mx":"45","se":"27","tw":"35","lt":"23","com.tw":"35","mairie.tg":"9","prefecture.tg":"9","fans":"70","mc":"13","gg":"85","construction":"25","mq":"50","gp":"50","qf":"50","co.at":"16","net.cn":"19","com.es":"10","org.cn":"20","com.cn":"20","au":"20","mn":"45","golf":"50","photos":"30","tel":"15","video":"25","news":"25","travel":"100","life":"40"} //console.log(priceRebillExtensions) var standardPriceExtensions = {"com":"10.99","fr":"0","net":"0","org":"13.99","ch":"0","be":"0","info":"0","eu":"0","biz":"0","lu":"0","re":"0","tv":"0","cc":"0","pro":"9.99","africa.com":"0","pw":"0","la":"0","us.com":"0","uk.com":"0","jp.net":"0","archi":"0","bio":"0","ski":"0","xyz":"0","paris":"0","bzh":"0","host":"0","wiki":"0","bar":"0","website":"0","xxx":"0","es":"0","co.uk":"0","com.au":"0","cn":"0","de":"0","dk":"0","fi":"0","gr":"0","ie":"0","it":"0","uk":"0","webcam":"0","pt":"0","clinic":"0","brussels":"23","vlaanderen":"0","mg":"0","boutique":"0","photography":"0","photo":"0","poker":"0","pizza":"0","london":"0","nl":"0","ca":"0","quebec":"0","club":"0","ru":"0","pl":"0","ae":"0","ly":"0","ma":"0","sucks":"0","ml":"0","hk":"0","li":"0","io":"0","me":"0","wine":"0","vin":"0","swiss":"0","download":"0","network":"0","one":"0","us":"0","alsace":"0","asia":"0","in":"0","email":"0","care":"0","blog":"0","tech":"0","co":"0","art":"0","corsica":"0","cm":"0","africa":"11.5","ac":"0","bi":"0","mu":"0","sc":"0","sh":"0","so":"0","st":"0","ug":"0","cf":"0","sd":"0","yt":"0","cam":"0","cool":"0","shop":"0","immo":"0","fm":"0","ws":"25","app":"0","museum":"0","rent":"0","aero":"0","expert":"0","consulting":"0","church":"0","site":"0","name":"0","online":"0","restaurant":"0","best":"15","fitness":"0","cloud":"0","is":"0","tg":"0","live":"0","agency":"0","group":"0","solutions":"0","today":"0","market":"0","yoga":"0","no":"0","si":"0","ga":"0","ai":"0","bet":"0","mobi":"0","cl":"0","ee":"0","vn":"0","co.nz":"0","sn":"0","asso.fr":"0","ro":"0","bg":"0","cz":"0","solar":"0","co.za":"0","tn":"0","team":"0","fund":"0","mx":"0","se":"0","tw":"0","lt":"0","com.tw":"0","mairie.tg":"0","prefecture.tg":"0","fans":"0","mc":"0","gg":"0","construction":"0","mq":"0","gp":"0","qf":"0","co.at":"0","net.cn":"0","com.es":"0","org.cn":"0","com.cn":"0","au":"0","mn":"0","golf":"0","photos":"0","tel":"0","video":"0","news":"0","travel":"0","life":"0"} var packGenPrice = 20 + 1 var domaine_html= "" var domaine_ext= "" var domaine_price= "" var excluded_dom = null var prix = 0; var pack_dom = []; var domain_dispo = "" var extension_dispo = "" var domain_geo = "" var extension_geo = "" var suggestedelem="" var pack_verif = false var dispo_verif = true var ext_available = "" var dom_available = "" const domDefaultLimit = 10 const domGeoLimit = 5 const domComLimit = 10 const domExtLimit = 25 const offreur = false; var attempt = 0; var firstAttempt = true; var domExtensionFirstAttempt = ""; var nextDom = ""; var secondItem = "" var secondItemExtension="" var prixItem="" const url = window.location.href; let priceFirstAttempt = 1; if (url.includes(".uk")) { priceFirstAttempt = 0.83; } else if (url.includes(".bg")) { priceFirstAttempt = 1.96; } else if (url.includes(".cz")) { priceFirstAttempt = 24.94; } var uri = false console.log('uri',uri) $("#bigextensioncontainer").hide(); $("#extensionsCart .montant").hide(); $("#domain-dispo-info").hide(); $('.domain-available-main').hide(); $(".domain-suggestion-collapse").hide(); $(".domain-dispo-geo").hide(); $(".circle_loader").hide(); Object.keys(priceExtensions).forEach( price => { listeExtensions.forEach( ext => { if(price === ext ){ list[ext] = priceExtensions[price] } }) }) globalExtensions.concat(defaultExtensions, geoExtensions, comExtensions) excludedExtensions.forEach( ex => { if(!globalExtensions.includes(ex)){ excluded_dom = document.getElementById("exc-"+ex.toString()) if(excluded_dom !== null){ excluded_dom.style.display = "none" } } }) function getExtension(domainFull){ var domainSplit = domainFull.split('.'); domainSplit.shift(); return domainSplit.join('.'); } function getRandomInt(max) { return Math.floor(Math.random() * Math.floor(max)); } function getSecondPart(str) { return str.split('.')[1]; } function applyFilter(){ $('.form-check-extension input:checked').each(function() { if(selected.indexOf($(this).val()) === -1){ selected.push($(this).val()); } }); // if selected checkbox is .ai extension if ($('.form-check-extension input:checked').val() == 'ai' && window.location.href != 'https://www.hosteur.com/domaines/details-de-domaine/dot-ai') { $('#alertInfo').removeClass('hide'); }else{ $('#alertInfo').addClass('hide'); } if (selected === undefined || selected.length == 0) { $(".search-result").each(function(){ $(this).removeClass("notfiltered") }); } else{ checkFilterStatus() for( var i =0; i<selected.length; i++){ $(".search-result").each(function(){ if($(this).find(".EXT").html().search(selected[i]) == -1){ $(this).eq(i).addClass("notfiltered") } else { $(this).removeClass("notfiltered"); if($(this).find(".EXT").html() !== selected[i]){ $(this).addClass("notfiltered"); } } }); } //randomFilterByExtension(selected) generateFilterByExtension(selected) } //generateFilterByExtension(selected) } function htmlExtension(__d, __e, __p, __t, __s){ //console.log("__s",__s); domaine_html = __d domaine_ext = __e domaine_price = __p domaine_type = __t domaine_standard_price = __s if(domaine_ext == "fr" || domaine_ext == "com"||domaine_ext == "net"||domaine_ext == "eu"){ $(`.search-results`).append(` <p class="search-result"> <span class="domain text-domain" id="dot-${domaine_ext}"> <span class="NDD">${domaine_html}</span>.<span class="EXT text-extension">${domaine_ext}</span> </span> <span id="pricefor-${domaine_html}${domaine_ext}" class="search-price text-price"> <span class="actual-price"> <s>1 €</s> </span> <span class="PRICE">${domaine_price}</span> € </br><span class="text-muted text-small">pour la première année</span> </span> <span> <button id="addbtn-${domaine_html}${domaine_ext}" type="button" class="btn btn-filled add-ext" >Ajouter au panier</button> <button id="rmvbtn-${domaine_html}${domaine_ext}" type="button" class="btn btn-filled-success disabled" style="display:none">Ajouté</button> </span> </p> `) } else { $(`.search-results`).append(` <p class="search-result"> <span class="domain text-domain" id="dot-${domaine_ext}"> <span class="NDD">${domaine_html}</span>.<span class="EXT text-extension">${domaine_ext}</span> </span> <span id="pricefor-${domaine_html}${domaine_ext}" class="search-price text-price"> <span class="PRICE">${domaine_price}</span> € </br><span class="text-muted text-small">pour la première année</span> </span> <span> <button id="addbtn-${domaine_html}${domaine_ext}" type="button" class="btn btn-filled add-ext" >Ajouter au panier</button> <button id="rmvbtn-${domaine_html}${domaine_ext}" type="button" class="btn btn-filled-success disabled" style="display:none">Ajouté</button> </span> </p> `) } } function generateFilterByExtension(__ext){ var jsonResponse = null var multipleRandomIndex= 0 var multipleRandomDomain='' var randomDomain='' var randomGeoDomain='' window.stop() $(".search-result").detach(); $(".circle_loader").hide() dom = $("#S_DOMAINE").val().split('.')[0] if(__ext.length === 1){ for(let counter=0; counter<domExtLimit; counter++){ $.get("/domaine-affaires/check-dispo?S_DOMAINE="+dom.concat(regularDomainArray[counter])+"&EXT="+__ext+"&IND="+counter, function (data) { randomDomain = dom.concat(regularDomainArray[counter]) jsonResponse = $.parseJSON(data); if(jsonResponse.result == "1"){ //console.log(randomDomain +'.'+__ext+'------'+ priceExtensions[__ext] ) htmlExtension(randomDomain, __ext, priceExtensions[__ext]) } }) } } else if(__ext.length === 0){ defaultFilter() } else { for( let counter=0; counter<domExtLimit; counter++){ $.get("/domaine-affaires/check-dispo?S_DOMAINE="+dom.concat(regularDomainArray[counter])+"&EXT="+__ext[multipleRandomIndex]+"&IND="+counter, function (data) { multipleRandomIndex = getRandomInt(__ext.length) multipleRandomDomain = dom.concat(regularDomainArray[counter]) jsonResponse = $.parseJSON(data); if(jsonResponse.result == "1"){ //console.log(multipleRandomDomain +'.'+__ext[multipleRandomIndex]+'------'+ priceExtensions[__ext[multipleRandomIndex]] ) htmlExtension(multipleRandomDomain, __ext[multipleRandomIndex], priceExtensions[__ext[multipleRandomIndex]]) } }) } } } function checkDomFormat(__dom){ dom = //__dom.replace(/[^\w\s]/gi, '') __dom.replace(/[&\/\\#,+()$~%.'":*?<>{}_]/g, '') .replace(/ +(?= )/g,'') .replace(/\s+/g, ' ') //console.log(dom) } function defaultFilter(){ var randomIndex= null var jsonResponse = null var randomDefaultDomain = '' var randomComDomain = '' var randomGeoDomain = '' var randomType= '' var domainType='' var defaultDomRange = 0 var geoDomRange = 0 var comDomRange = 0 dom = $("#S_DOMAINE").val().split('.')[0] checkDomFormat(dom) $(".search-result").detach(); // Launch default domains first for(let counter=0; counter<domDefaultLimit; counter++){ randomDefaultIndex = getRandomInt(regularDomainArray.length) domainType='default-results' $.get("/domaine-affaires/check-dispo?S_DOMAINE="+dom+"&EXT="+defaultExtensions[counter]+"&IND="+counter, function (data) { jsonResponse = $.parseJSON(data); $(".circle_loader").show() if(jsonResponse.result == "1"){ //console.log(dom) htmlExtension(dom, defaultExtensions[counter], priceExtensions[defaultExtensions[counter]], domainType, standardPriceExtensions[defaultExtensions[counter]]) }else{ $.get("/domaine-affaires/check-dispo?S_DOMAINE="+dom.concat(regularDomainArray[randomDefaultIndex])+"&EXT="+defaultExtensions[counter]+"&IND="+counter, function (data) { randomDefaultDomain = dom.concat(regularDomainArray[randomDefaultIndex]) jsonResponse = $.parseJSON(data); if(jsonResponse.result == "1"){ //console.log(randomDefaultDomain +'.'+defaultExtensions[counter]+'------'+ priceExtensions[defaultExtensions[counter]] + '---' + counter) //console.log(randomDefaultDomain) htmlExtension(randomDefaultDomain, defaultExtensions[counter], priceExtensions[defaultExtensions[counter]], domainType, standardPriceExtensions[defaultExtensions[counter]]) } }) } // Launch geo Domains second defaultDomRange += 1 if(defaultDomRange === domDefaultLimit){ domainType='geo-results' for(let geocounter = 0; geocounter<domGeoLimit; geocounter++){ randomGeoIndex = getRandomInt(regularDomainArray.length) $.get("/domaine-affaires/check-dispo?S_DOMAINE="+dom.concat(regularDomainArray[geocounter])+"&EXT="+geoExtensions[geocounter]+"&IND="+geocounter, function (data) { jsonResponse = $.parseJSON(data); if(jsonResponse.result == "1"){ //console.log(dom +'.'+geoExtensions[counter]+'------'+ priceExtensions[geoExtensions[counter]] + '---' + counter ) htmlExtension(dom.concat(regularDomainArray[geocounter]), geoExtensions[geocounter], priceExtensions[geoExtensions[geocounter]], domainType, standardPriceExtensions[geoExtensions[geocounter]]) } else{ $.get("/domaine-affaires/check-dispo?S_DOMAINE="+dom.concat(regularDomainArray[randomGeoIndex])+"&EXT="+geoExtensions[geocounter]+"&IND="+geocounter, function (data) { randomGeoDomain = dom.concat(regularDomainArray[randomGeoIndex]) jsonResponse = $.parseJSON(data); if(jsonResponse.result == "1"){ //console.log(randomGeoDomain) htmlExtension(randomGeoDomain, geoExtensions[geocounter], priceExtensions[geoExtensions[geocounter]], domainType, standardPriceExtensions[geoExtensions[geocounter]]) } }) } // Launch commercial domains third geoDomRange +=1 if(geoDomRange === domGeoLimit){ domainType='com-results' for(let comcounter = 0; comcounter<domComLimit; comcounter++){ randomComIndex = getRandomInt(regularDomainArray.length) $.get("/domaine-affaires/check-dispo?S_DOMAINE="+dom.concat(regularDomainArray[comcounter])+"&EXT="+comExtensions[comcounter]+"&IND="+comcounter, function (data) { jsonResponse = $.parseJSON(data); if(jsonResponse.result == "1"){ //console.log(dom +'.'+comExtensions[counter]+'------'+ priceExtensions[comExtensions[counter]]) htmlExtension(dom.concat(regularDomainArray[comcounter]), comExtensions[comcounter], priceExtensions[comExtensions[comcounter]], domainType, standardPriceExtensions[comExtensions[comcounter]]) } else{ $.get("/domaine-affaires/check-dispo?S_DOMAINE="+dom.concat(regularDomainArray[randomComIndex])+"&EXT="+comExtensions[comcounter]+"&IND="+comcounter, function (data) { randomComDomain = dom.concat(regularDomainArray[randomComIndex]) jsonResponse = $.parseJSON(data); if(jsonResponse.result == "1"){ //console.log(randomComDomain +'.'+comExtensions[counter]+'------'+ priceExtensions[comExtensions[counter]]) htmlExtension(randomComDomain, comExtensions[comcounter], priceExtensions[comExtensions[comcounter]], domainType, standardPriceExtensions[comExtensions[comcounter]]) } }) } comDomRange +=1 if(domComLimit === comDomRange){ //console.log('finished') $(".circle_loader").hide() } }) } } }) } } }) } } function priceFilter() { var p__filter__ = $('input[type=number][name=p_filter_]').val(); $(".search-result").each(function(){ if(parseFloat($(this).find(".PRICE").html()) > p__filter__){ $(this).addClass("notfiltered") }else { $(this).removeClass("notfiltered"); } }); } function checkFilterStatus(){ $(".form-check-extension input[type=checkbox]").each(function(idx, elem) { var is_checked = $(this).prop("checked"); for(var i=0; i<selected.length; i++){ if(!is_checked && selected[i] == elem.value){ selected.splice(i,1) } } }); } function resetFilter(){ $('.form-check-extension input:checked').prop('checked', false) $(".search-result").each(function(){ $(this).removeClass("notfiltered") }); } function domainPromotions(_dom, _index){ for(let counter=0; counter<suggestionDomains.length; counter++){ /*$.get("/domaine-affaires/check-dispo?S_DOMAINE="+_dom+"&EXT="+suggestionDomains[counter]+"&IND="+_index, function (data) { jsonResponse = $.parseJSON(data) if(jsonResponse.result == "1"){*/ $('.domain-suggestion-list').append(` <li class="domain-suggestion-text-list">${_dom}.${suggestionDomains[counter]}</li> `) //} //}) } $('#domain-pack-price').append(`<h5>${packGenPrice} €<span> au lieu de <s>60 €</s></span></h5>`) } function calculerReduction(prixInitial, prixFinal) { if (prixInitial <= 0 || prixFinal < 0 || prixFinal > prixInitial) { return "Les valeurs entrées sont invalides."; } const reduction = ((prixInitial - prixFinal) / prixInitial) * 100; return reduction.toFixed(2) + "%"; } function checkDomainAlert(){ var e="" var index = 0 var domCheck = "" $('#domain-pack-price').empty(); $(".domain-suggestion-list").empty(); if ($("#S_DOMAINE").val().includes(".")){ domCheck = $("#S_DOMAINE").val() e= getExtension(domCheck); } else { domCheck = $("#S_DOMAINE").val().concat('.com') e= getExtension(domCheck); } $('.form-check-extension input:checked').each(function() { if(selected.indexOf($(this).val()) !== -1){ $(this).prop('checked',false) } }); $.get("/domaine-affaires/check-dispo?S_DOMAINE="+dom+"&EXT="+e+"&IND="+index, function (data) { var jsonResponse = $.parseJSON(data); if(jsonResponse.result == "1"){ if(parseFloat(jsonResponse.ind) == 0){ console.log('extention',jsonResponse.ext) hideHosteurLoading(); $("#domain-dispo-header").html('Domaine disponible') $(".domain-suggestion-collapse").show() $("#domain-dispo-info").show(); $("#domain-dispo-price").html(priceExtensions[jsonResponse.ext]+" €") $("#domain-available-btn").show(); ext_available = jsonResponse.ext dom_available = dom $(".domain-suggestion-container").show() $(".domain-dispo-geo").show(); if(jsonResponse.ext == "com"||jsonResponse.ext == "net" || jsonResponse.ext == "eu" || jsonResponse.ext == "fr"){ if(uri){ $("#domain-dispo-details").html(` <h5 style="display: flex; align-items: center; gap: 10px;"> <span id="domain-dispo-promo">${priceFirstAttempt} € </span> <span> au lieu de <s id="domain-dispo-price">${priceExtensions[jsonResponse.ext]} €</s></span> <p style=" background: #f09c06; color: black; padding: 0px 8px; border-radius: 20px; margin: 0; display: inline-block; " >${calculerReduction(priceExtensions[jsonResponse.ext], 1)} d'économie</p> </h5 > <div style="display: flex; align-items: center; gap: 5px;"> <p>pour la première année</p> <span>Offre de bienvenue</span> <i class="fa fa-info-circle" style="color: #007bff; cursor: pointer;" data-bs-toggle="popover" title="Tarif réduit réservé aux nouveaux clients et limité à 1 nom de domaine par personne." data-bs-content="Tarif réduit réservé aux nouveaux clients et limité à 1 nom de domaine par personne."> </i> </div> `) }else{ $("#domain-dispo-details").html(` <h5><span id="domain-dispo-promo">${priceExtensions[jsonResponse.ext]} € </span> <span> au lieu de <s id="domain-dispo-price">${parseFloat(standardPriceExtensions[jsonResponse.ext])} €</s></span> </h5> <p>pour la première année</p> `) } }else{ $("#domain-dispo-details").html(` <h5><span id="domain-dispo-promo">${priceExtensions[jsonResponse.ext]} €</span></h5> <p>pour la première année</p> `) } $("#domain-dispo").html('Le nom de domaine <strong style="color:#00b0f6;">'+jsonResponse.domaine.toLowerCase()+'.'+jsonResponse.ext+'</strong> est <span class="text-success text-uppercase">disponible</span>.'); $("#domain-available-btn").html(` <button id="addbtndispo-${jsonResponse.domaine.toLowerCase()}${jsonResponse.ext}" type="button" class="btn btn-filled add-ext" >Ajouter au panier</button> <button id="rmvbtndispo-${jsonResponse.domaine.toLowerCase()}${jsonResponse.ext}" type="button" class="btn btn-filled-success disabled" style="display:none">Ajouté</button> `) domain_dispo = jsonResponse.domaine.toLowerCase() extension_dispo = jsonResponse.ext $("#domain-message").html('Ou peut-être quelque chose de semblable.'); $($(".domain")[jsonResponse.ind]).find(".add-ext").click(); // Domain Promotions domainPromotions(jsonResponse.domaine.toLowerCase(), index); $('.domain-available-main').show(); $("#domain-depot-contact-support").hide(); } } else{ if(parseFloat(jsonResponse.ind) == 0){ hideHosteurLoading(); var dom_transfer = jsonResponse.domaine.toLowerCase() var ext_transfer = jsonResponse.ext var dom_complete = jsonResponse.domaine.toLowerCase().concat('.',jsonResponse.ext) var price_transfer = priceTransferExtensions[ext_transfer] var price_rebill = priceRebillExtensions[ext_transfer] var price_trans_reb = (parseFloat(price_rebill) + parseFloat(price_transfer))/ 2 $("#domain-depot-contact-support").show(); $("#domain-dispo-header").html('Domaine indisponible') $(".domain-suggestion-collapse").hide() $("#domain-dispo-info").hide(); $("#domain-available-btn").hide(); $(".domain-suggestion-container").hide() $(".domain-dispo-geo").hide(); $("#domain-dispo").html('Le nom de domaine <strong style="color:#00b0f6;">'+jsonResponse.domaine.toLowerCase()+'.'+jsonResponse.ext+'</strong> est <span class="text-danger text-uppercase">indisponible</span>.'); $("#domain-message").html("Choisir parmi les domaines disponibles ci-dessous ou <form class='m-link' method='post' id='hosteurForm' name='hosteurForm' style='display: inline;' action='https://manager.hosteur.com'><input type='hidden' value='"+dom_transfer+"' name='S_DOMAINE' id='S_DOMAINE'><input type='hidden' value="+ext_transfer+" name='FK_EXTENSION' id='FK_EXTENSION'><input type='hidden' value='domaine' name='m_type_commande' id='m_type_commande'><input type='hidden' value='1' name='m_commandedh' id='m_commandedh'><input type='hidden' value='2' name='TYPE_PRODUIT' id='TYPE_PRODUIT'><input type='hidden' value='order/domaine-hebergement' name='m_href_command' id='m_href_command'><input type='hidden' name='S_PAGE_V3' id='S_PAGE_V3' value='order'><input type='hidden' value='"+dom_complete+"' name='S_DOMAINE_COMPLETE[]' id='S_DOMAINE_COMPLETE'><input type='hidden' value='"+price_trans_reb+"' name='S_PRICE_COMPLETE[]' id='S_PRICE_COMPLETE'><input type='hidden' value='"+price_rebill+"' name='S_PRICE_REBILL[]' id='S_PRICE_REBILL'><input type='hidden' value='"+price_transfer+"' name='S_PRICE_TRANSFERT[]' id='S_PRICE_COMPLETE'><button type='submit' class='btn btn-link'>Transférer ce domaine</button></form>"); /*$("#domain-message").html("Choisir parmi les domaines disponibles ci-dessous");*/ if(jsonResponse.error =='Le dépot de ce nom de domaine n\'est pas possible en ligne, veullez contacter notre support technique'){ $("#domain-depot-contact-support").html( `${t_lang[101934][slang]} <a href='https://www.hosteur.com/support' class='contact-link'>contacter</a> ${t_lang[101935][slang]}.` ); $("#domain-dispo").html('Le nom de domaine <strong style="color:#00b0f6;">'+jsonResponse.domaine.toLowerCase()+'.'+jsonResponse.ext+'</strong> est <span class="text-success text-uppercase">disponible</span>.'); } $('.domain-available-main').show(); } } defaultFilter() $("#bigextensioncontainer").slideDown(); $(".domain").removeClass("extdispo").removeClass("extnondispo").removeClass("extadded").addClass("extsearch") }); } function filtrerExtension(){ $(".panel-extension-container").each(function(){ if($(this).find(".EXT").html().search($("#searchinput").val()) == -1) $(this).addClass("notfiltered"); else $(this).removeClass("notfiltered"); }); } function checkDomainDispo(){ dom = $("#S_DOMAINE").val().split('.')[0]; if(!syntaxDomain($("#S_DOMAINE").val())) return; if(dom == ''){ console.log('domain empty...') } else { showHosteurLoading(); checkDomainAlert() } } function addToCartFeatures(){ $(".panier-vide").hide(); $("#extensionsCart .montant").show(); $("#commandeDomain").removeAttr("disabled"); $(this).parent().parent().removeClass('extdispo').addClass('extadded'); if($(".item-cart").length > 0){ $(".purchase-box").show(); } } function checkDomSuggestion(){ // This will change when we setup prices by location var price_geo = parseFloat(price_geo_ip) console.log(typeof price_geo) if($(".form-check-extension-dispo input:checked").is(':checked')){ $('#pricefor-'+extension_geo).hide() $('#rmvbtn-'+domain_geo+extension_geo).show() $('#addbtn-'+domain_geo+extension_geo).hide() if(uri){ if($('#itemboxorder-'+domain_geo+extension_geo).hasClass('highlight') || attempt == 0){ $("#liste-cart").append('<div class="item-cart row xs-flex-center" id="itemboxorder-'+domain_geo+extension_geo+'"><div class="col-xs-8 dom-container"><input type="hidden" name="DOMAINES[]" value="'+domain_geo+'.'+extension_geo+'"/><input type="hidden" class="matcheddomval" name="PRICES[]" value="'+priceFirstAttempt+'"/><input type="hidden" name="offre_dom" value="1"/><i class="fa fa-trash-o domain-purchase-item domain-delete-circle" onclick="deleteItem(this)" id="del-'+extension_geo.replace(".", "-")+'"></i></button>  <span class="matcheddom">'+domain_geo+'.'+extension_geo+'</span></div><div class="col-xs-4 text-right prix-container"><span class="prom-price"><s class="pra">'+parseFloat(list[extension_geo]).toFixed(2)+'€</s> </span><span class="prix" id="priceprom-'+domain_geo+extension_geo+'">'+priceFirstAttempt+'</span> € HT/an</div></div><hr id="line-'+domain_geo+extension_geo+'" style="margin-top: 10px!important; margin-bottom: 10px!important;" />'); $( "#liste-cart .item-cart").first().addClass( "highlight" ); prix += priceFirstAttempt; domExtensionFirstAttempt = dom.concat(extension_geo) attempt++; }else{ $("#liste-cart").append('<div class="item-cart row xs-flex-center" id="itemboxorder-'+domain_geo+extension_geo+'"><div class="col-xs-8 dom-container"><input type="hidden" name="DOMAINES[]" value="'+domain_geo+'.'+extension_geo+'"/><input type="hidden" class="matcheddomval" name="PRICES[]" value="'+list[extension_geo]+'"/><input type="hidden" name="offre_dom" value="1"/><i class="fa fa-trash-o domain-purchase-item domain-delete-circle" onclick="deleteItem(this)" id="del-'+extension_geo.replace(".", "-")+'"></i></button>  <span class="matcheddom">'+domain_geo+'.'+extension_geo+'</span></div><div class="col-xs-4 text-right prix-container"><span class="prom-price"><s class="pra"></s></span><span class="prix" id="priceprom-'+domain_geo+extension_geo+'">'+parseFloat(list[extension_geo]).toFixed(2)+'</span> € HT/an</div></div><hr id="line-'+domain_geo+extension_geo+'" style="margin-top: 10px!important; margin-bottom: 10px!important;" />'); $( "#liste-cart .item-cart").first().addClass( "highlight" ); prix += price_geo attempt++; } }else{ $("#liste-cart").append('<div class="item-cart row xs-flex-center" id="itemboxorder-'+domain_geo+extension_geo+'"><div class="col-xs-8 dom-container"><input type="hidden" name="DOMAINES[]" value="'+domain_geo+'.'+extension_geo+'"/><input type="hidden" name="PRICES[]" value="'+price_geo+'"/><input type="hidden" name="offre_dom" value="0"/><i class="fa fa-trash-o domain-purchase-item domain-delete-circle" onclick="deleteItem(this)" id="del-'+extension_geo.replace(".", "-")+'"></i></button>  '+domain_geo+'.'+extension_geo+'</div><div class="col-xs-4 text-right prix-container"><span class="prix">'+price_geo+'</span> € HT/an</div></div><hr id="line-'+domain_geo+extension_geo+'" style="margin-top: 10px!important; margin-bottom: 10px!important;" />'); prix += price_geo } $(".prix-cart").html(prix.toFixed(2)); addToCartFeatures() if(domain_geo == domain_dispo && extension_geo == extension_dispo){ $('#addbtndispo-'+domain_geo+extension_geo).hide() $('#rmvbtndispo-'+domain_geo+extension_geo).show() } }else{ suggestedelem =document.getElementById("del-"+extension_geo); deleteItem(suggestedelem) } } function syntaxDomain(dom){ var domaine = dom; var domnoext = dom.split('.')[0]; var error_form = 0; if (domnoext.length < 2){ alert("Le domaine doit faire au moins 2 caractères!"); return false; } else{ //-- for (var i = 0; i < domaine.length; i++){ var k = domaine.substring(i, i + 1); if (k != "A" && k != "B" && k != "C" && k != "D" && k != "E" && k != "F" && k != "G" && k != "H" && k != "I" && k != "J" && k != "K" && k != "L" && k != "M" && k != "N" && k != "O" && k != "P" && k != "Q" && k != "R" && k != "S" && k != "T" && k != "U" && k != "V" && k != "W" && k != "X" && k != "Y" && k != "Z" && k != "a" && k != "b" && k != "c" && k != "d" && k != "e" && k != "f" && k != "g" && k != "h" && k != "i" && k != "j" && k != "k" && k != "l" && k != "m" && k != "n" && k != "o" && k != "p" && k != "q" && k != "r" && k != "s" && k != "t" && k != "u" && k != "v" && k != "w" && k != "x" && k != "y" && k != "z" && k != "0" && k != "1" && k != "2" && k != "3" && k != "4" && k != "5" && k != "6" && k != "7" && k != "8" && k != "9" && k != "-" && k != ".") { alert("Le domaine ne peut pas contenir de caractères spéciaux, d’accent ou d’espace!"); return false; } } } return true; } $(function(){ $('#S_DOMAINE').keypress(function(event){ if(event.keyCode== 13){ event.preventDefault(); // when make search with extension .ai show alert if(window.location.href != "https://www.hosteur.com/domaines/details-de-domaine/dot-ai"){ if(document.getElementById("S_DOMAINE").value.includes('.ai')){ $('#alertInfo').removeClass('hide'); }else { $('#alertInfo').addClass('hide'); } } checkDomainDispo() ipLookUp() } }); $("#checkDomain").click(function(){ // when make search with extension .ai show alert if(window.location.href != "https://www.hosteur.com/domaines/details-de-domaine/dot-ai"){ if(document.getElementById("S_DOMAINE").value.includes('.ai')){ $('#alertInfo').removeClass('hide'); }else { $('#alertInfo').addClass('hide'); } } checkDomainDispo() ipLookUp() }); $('.search-results').on('click', '.add-ext', function() { var e = $(this).parent().parent().find('.EXT').html(); if(e === 'net' || e === 'org' || e === 'info'){ $('#addbtngp').prop('disabled', true) pack_dom.indexOf(e) === -1 ? pack_dom.push(e) : console.log('This dom already exists') if(extension_dispo === e && domain_dispo === dom){ $('#rmvbtndispo-'+domain_dispo+extension_dispo).show() $('#addbtndispo-'+domain_dispo+extension_dispo).hide() } } var _domaine = $(this).parent().parent().find('.NDD').html() if(ext_available === e && _domaine === dom){ $('#addbtndispo-'+dom+e).hide() $('#rmvbtndispo-'+domain_dispo+extension_dispo).show() } $('#pricefor-'+_domaine+e).hide() $('#rmvbtn-'+_domaine+e).show() $('#addbtn-'+_domaine+e).hide() //$('#addbtndispo-'+domain_dispo+extension_dispo).prop('disabled', true) /*$("#liste-cart").append('<div class="item-cart row xs-flex-center"><div class="col-xs-8 dom-container"><input type="hidden" name="DOMAINES[]" value="'+_domaine+'.'+e+'"/><button type="button" onclick="deleteItem(this)" id="del-'+e.replace(".", "-")+'" class="btn btn-danger btn-sm del-ext" ><i class="fa fa-trash"></i></button>  '+_domaine+'.'+e+'</div><div class="col-xs-4 text-right prix-container"><span class="prix">'+parseFloat(list[e]).toFixed(2)+'</span> € HT/an</div></div><hr style="margin-top: 10px!important; margin-bottom: 10px!important;" />');*/ if(uri){ if($('#itemboxorder-'+_domaine+e).hasClass('highlight') || attempt == 0){ $("#liste-cart").append('<div class="item-cart row xs-flex-center" id="itemboxorder-'+_domaine+e+'"><div class="col-xs-8 dom-container"><input type="hidden" name="DOMAINES[]" value="'+_domaine+'.'+e+'"/><input type="hidden" class="matcheddomval" name="PRICES[]" value="'+priceFirstAttempt+'"/><input type="hidden" name="offre_dom" value="1"/><i class="fa fa-trash-o domain-purchase-item domain-delete-circle" onclick="deleteItem(this)" id="del-'+e.replace(".", "-")+'"></i></button>  <span class="matcheddom">'+_domaine+'.'+e+'</span></div><div class="col-xs-4 text-right prix-container"><span class="prom-price"><s class="pra">'+parseFloat(list[e]).toFixed(2)+' €</s> </span><span class="prix" id="priceprom-'+_domaine+e+'">'+priceFirstAttempt+'</span> € HT/an</div></div><hr id="line-'+_domaine+e+'" style="margin-top: 10px!important; margin-bottom: 10px!important;" />'); $( "#liste-cart .item-cart").first().addClass( "highlight" ); prix += priceFirstAttempt; domExtensionFirstAttempt = dom.concat(e) attempt++; }else{ $("#liste-cart").append('<div class="item-cart row xs-flex-center" id="itemboxorder-'+_domaine+e+'"><div class="col-xs-8 dom-container"><input type="hidden" name="DOMAINES[]" value="'+_domaine+'.'+e+'"/><input type="hidden" class="matcheddomval" name="PRICES[]" value="'+list[e]+'"/><input type="hidden" name="offre_dom" value="1"/><i class="fa fa-trash-o domain-purchase-item domain-delete-circle" onclick="deleteItem(this)" id="del-'+e.replace(".", "-")+'"></i></button>  <span class="matcheddom">'+_domaine+'.'+e+'</span></div><div class="col-xs-4 text-right prix-container"><span class="prom-price"><s class="pra"></s> </span><span class="prix" id="priceprom-'+_domaine+e+'">'+parseFloat(list[e]).toFixed(2)+'</span> € HT/an</div></div><hr id="line-'+_domaine+e+'" style="margin-top: 10px!important; margin-bottom: 10px!important;" />'); $( "#liste-cart .item-cart").first().addClass( "highlight" ); prix += parseFloat(list[e]); attempt++; } }else{ $("#liste-cart").append('<div class="item-cart row xs-flex-center" id="itemboxorder-'+_domaine+e+'"><div class="col-xs-8 dom-container"><input type="hidden" name="DOMAINES[]" value="'+_domaine+'.'+e+'"/><input type="hidden" name="PRICES[]" value="'+list[e]+'"/><input type="hidden" name="offre_dom" value="0"/><i class="fa fa-trash-o domain-purchase-item domain-delete-circle" onclick="deleteItem(this)" id="del-'+e.replace(".", "-")+'"></i></button>  '+_domaine+'.'+e+'</div><div class="col-xs-4 text-right prix-container"><span class="prix">'+parseFloat(list[e]).toFixed(2)+'</span> € HT/an</div></div><hr id="line-'+_domaine+e+'" style="margin-top: 10px!important; margin-bottom: 10px!important;" />'); prix += parseFloat(list[e]); } $(".prix-cart").html(prix.toFixed(2)); addToCartFeatures() }); $('#domain-available-btn').on('click', '.add-ext', function() { if( domain_dispo !== "" && extension_dispo !== ""){ $('#pricefor-'+domain_dispo+extension_dispo).hide() $('#rmvbtn-'+domain_dispo+extension_dispo).show() $('#rmvbtndispo-'+domain_dispo+extension_dispo).show() $('#addbtn-'+domain_dispo+extension_dispo).hide() $('#addbtndispo-'+domain_dispo+extension_dispo).hide() if(domain_geo == domain_dispo && extension_geo == extension_dispo){ $('#rmvbtndispo-'+domain_dispo+extension_dispo).show() $('#addbtndispo-'+domain_dispo+extension_dispo).hide() $('#ext-dispon').prop('checked',true); } if(extension_dispo === 'net' || extension_dispo === 'org' || extension_dispo === 'info'){ $('#addbtngp').prop('disabled', true) } if(uri){ if($('#itemboxorder-'+domain_dispo+extension_dispo).hasClass('highlight') || attempt == 0){ $("#liste-cart").append('<div class="item-cart row xs-flex-center"><div class="col-xs-8 dom-container" id="itemboxorder-'+domain_dispo+extension_dispo+'"><input type="hidden" name="DOMAINES[]" value="'+domain_dispo+'.'+extension_dispo+'"/><input type="hidden" class="matcheddomval" name="PRICES[]" value="'+priceFirstAttempt+'"/><input type="hidden" name="offre_dom" value="1"/><i class="fa fa-trash-o domain-purchase-item domain-delete-circle" onclick="deleteItem(this)" id="del-'+extension_dispo.replace(".", "-")+'"></i></button>  <span class="matcheddom">'+domain_dispo+'.'+extension_dispo+'</span></div><div class="col-xs-4 text-right prix-container"><span class="prom-price"><s class="pra">'+parseFloat(list[extension_dispo]).toFixed(2)+'€</s> </span><span class="prix" id="priceprom-'+domain_dispo+extension_dispo+'">'+priceFirstAttempt+'</span> € HT/an</div></div><hr id="line-'+domain_dispo+extension_dispo+'" style="margin-top: 10px!important; margin-bottom: 10px!important;" />'); $( "#liste-cart .item-cart").first().addClass( "highlight" ); prix += priceFirstAttempt; domExtensionFirstAttempt = dom.concat(extension_dispo) attempt++; }else{ $("#liste-cart").append('<div class="item-cart row xs-flex-center"><div class="col-xs-8 dom-container" id="itemboxorder-'+domain_dispo+extension_dispo+'"><input type="hidden" name="DOMAINES[]" value="'+domain_dispo+'.'+extension_dispo+'"/><input type="hidden" class="matcheddomval" name="PRICES[]" value="'+list[extension_dispo]+'"/><input type="hidden" name="offre_dom" value="1"/><i class="fa fa-trash-o domain-purchase-item domain-delete-circle" onclick="deleteItem(this)" id="del-'+extension_dispo.replace(".", "-")+'"></i></button>  <span class="matcheddom">'+domain_dispo+'.'+extension_dispo+'</span></div><div class="col-xs-4 text-right prix-container"><span class="prom-price"><s class="pra"></s></span><span class="prix" id="priceprom-'+domain_dispo+extension_dispo+'">'+parseFloat(list[extension_dispo]).toFixed(2)+'</span> € HT/an</div></div><hr id="line-'+domain_dispo+extension_dispo+'" style="margin-top: 10px!important; margin-bottom: 10px!important;" />'); $( "#liste-cart .item-cart").first().addClass( "highlight" ); prix += parseFloat(list[extension_dispo]); attempt++; } }else{ $("#liste-cart").append('<div class="item-cart row xs-flex-center"><div class="col-xs-8 dom-container" id="itemboxorder-'+domain_dispo+extension_dispo+'"><input type="hidden" name="DOMAINES[]" value="'+domain_dispo+'.'+extension_dispo+'"/><input type="hidden" name="PRICES[]" value="'+list[extension_dispo]+'"/><input type="hidden" name="offre_dom" value="0"/><i class="fa fa-trash-o domain-purchase-item domain-delete-circle" onclick="deleteItem(this)" id="del-'+extension_dispo.replace(".", "-")+'"></i></button>  '+domain_dispo+'.'+extension_dispo+'</div><div class="col-xs-4 text-right prix-container"><span class="prix">'+parseFloat(list[extension_dispo]).toFixed(2)+'</span> € HT/an</div></div><hr id="line-'+domain_dispo+extension_dispo+'" style="margin-top: 10px!important; margin-bottom: 10px!important;" />'); prix += parseFloat(list[extension_dispo]); } $(".prix-cart").html(prix.toFixed(2)); addToCartFeatures() } }); $('.domain-promotion').on('click', '.add-ext', function() { $('#rmvbtngp').show() $('#addbtngp').hide() pack_verif = true var pack3Gen = packGenPrice / 3 for( let counter=0; counter<suggestionDomains.length; counter++){ $("#liste-cart").append('<div class="item-cart row xs-flex-center" id="itemboxorder-'+dom+suggestionDomains[counter]+'"><div class="col-xs-8 dom-container"><input type="hidden" name="DOMAINES[]" value="'+dom+'.'+suggestionDomains[counter]+'"/><input type="hidden" name="PRICES[]" value="'+pack3Gen+'"/><input type="hidden" name="offre_dom" value="0"/><i class="fa fa-trash-o domain-purchase-item domain-delete-circle" onclick="deleteItem(this)" id="del-'+dom+suggestionDomains[counter].replace(".", "-")+'"></i></button>  '+dom+'.'+suggestionDomains[counter]+'</div><div class="col-xs-4 text-right prix-container"><span class="prix">'+parseFloat(pack3Gen).toFixed(2)+'</span> € HT/an</div></div><hr id="line-'+dom+suggestionDomains[counter]+'" style="margin-top: 10px!important; margin-bottom: 10px!important;" />'); /*$("#liste-cart").append('<div class="item-cart row xs-flex-center"><div class="col-xs-8 dom-container"><input type="hidden" name="DOMAINES[]" value="'+dom+'.'+suggestionDomains[counter]+'"/><i class="fa fa-trash-o domain-purchase-item" onclick="deleteItem(this)" id="del-'+dom+suggestionDomains[counter].replace(".", "-")+'"></i></button>  '+dom+'.'+suggestionDomains[counter]+'</div><div class="col-xs-4 text-right prix-container"><span class="prix">'+parseFloat(list[suggestionDomains[counter]]).toFixed(2)+'</span> € HT/an</div></div><hr id="line-'+dom+suggestionDomains[counter]+'" style="margin-top: 10px!important; margin-bottom: 10px!important;" />');*/ prix += pack3Gen if($('#addbtn-'+dom+suggestionDomains[counter]).is(":visible")){ $('#rmvbtn-'+dom+suggestionDomains[counter]).show() $('#addbtn-'+dom+suggestionDomains[counter]).hide() $('#pricefor-'+dom+suggestionDomains[counter]).hide() } if(dom == domain_dispo && suggestionDomains[counter] == extension_dispo){ $('#addbtndispo-'+domain_dispo+extension_dispo).prop('disabled', true) } $(".prix-cart").html(prix.toFixed(2)); } addToCartFeatures() }); if($("#S_DOMAINE").val() != ""){ $("#checkDomain").click(); } $( "#domain-suggestion-slider" ).click(function() { $( ".domain-suggestion-container" ).slideToggle(1000, () => { if ($('.domain-suggestion-container').is(':hidden')) { $("#domain-suggestion-slider").removeClass("fa-caret-up").addClass("fa fa-caret-down") } else { $("#domain-suggestion-slider").removeClass("fa-caret-down").addClass("fa fa-caret-up") } }) }); }); function deleteItem(elem){ var arraydom = $(elem).parent().find('input').val().split("."); console.log(arraydom) var dom = arraydom.splice(0, 1)[0]; var e = arraydom.join("."); var e_ = arraydom.join("-"); var sumAvailableDomain = 0 var n = $( "#liste-cart .item-cart" ).length; $("#line-"+dom+e).remove() var newPrice = 0 // enable pack promotion if one of these domains are not in the basket = net, info, org if(e === 'net' || e === 'org' || e === 'info'){ var index = pack_dom.indexOf(e); if (index > -1) { pack_dom.splice(index, 1); if(dispo_verif){ $('#addbtndispo-'+domain_dispo+extension_dispo).show() $('#rmvbtndispo-'+domain_dispo+extension_dispo).hide() //dispo_verif = false } if(pack_dom.length === 0 ) $('#addbtngp').prop('disabled', false) } } // if pack selected if(pack_verif){ for( let counter=0; counter<suggestionDomains.length; counter++){ // remove all domains within the pack $("#itemboxorder-"+dom+suggestionDomains[counter]).remove() $('#pricefor-'+dom+suggestionDomains[counter]).show() $('#rmvbtn-'+dom+suggestionDomains[counter]).hide() $('#addbtn-'+dom+suggestionDomains[counter]).show() $("#line-"+dom+suggestionDomains[counter]).remove() if(dispo_verif){ $('#addbtndispo-'+domain_dispo+extension_dispo).prop('disabled', false) //dispo_verif = false } } // Substract domain price from total price prix -= packGenPrice $('#rmvbtngp').hide() $('#addbtngp').show().prop('disabled', true) $('#addbtngp').prop('disabled', false) pack_verif = false }else{ // remove domain nextDom = $( ".highlight .matcheddom" ).text() prixItem = $( "#priceprom-"+dom+e ).text() $(elem).parent().parent().remove(); if(uri){ $( "#liste-cart .item-cart").first().addClass( "highlight" ); $( ".highlight .matcheddomval" ).val(priceFirstAttempt); $( ".highlight .prix" ).text(priceFirstAttempt); secondItem = $("#liste-cart .item-cart:nth-child(1) .matcheddom" ).text() secondItemExtension = getSecondPart(secondItem) $( ".highlight .pra" ).text(list[secondItemExtension] + ' €'); if(n == 1){ prix = 0 attempt--; }else{ $( "#liste-cart .item-cart .prix" ).each(function( index ) { newPrice += parseFloat($( this ).text()) }); prix = newPrice attempt--; } }else{ prix -= parseFloat(list[e]); } $('#pricefor-'+dom+e).show() $('#rmvbtn-'+dom+e).hide() $('#addbtn-'+dom+e).show() if(dispo_verif){ //dispo_verif = false if( extension_dispo === e && domain_dispo === dom){ $('#addbtndispo-'+domain_dispo+extension_dispo).show() $('#rmvbtndispo-'+domain_dispo+extension_dispo).hide() $('#addbtngp').prop('disabled', false) } } } $(".prix-cart").html(prix.toFixed(2)); if($(".item-cart").length <= 0){ $(".purchase-box").hide(); } if( extension_geo === e && domain_geo === dom){ if($(".form-check-extension-dispo input:checked").not(':checked')){ $('.form-check-extension-dispo input:checked').prop('checked',false); } } if(domaine == dom){ $("#dot-"+e_+" .domain").removeClass('extadded').addClass('extdispo'); } //$('#addbtndispo-'+domain_dispo+extension_dispo).prop('disabled', false) } function ipLookUp() { dom = $("#S_DOMAINE").val().split('.')[0] var index = 0 $.get("/domaine-affaires/domain-geo", function (data) { var geoResponse = $.parseJSON(data) var e = geoResponse.S_COUNTRY_CODE.replace(/['"]+/g, '').toLowerCase() const geo_permitted = ['fr', 'ch', 'be'] const isInArray = geo_permitted.includes(e); price_geo_ip = priceExtensions[e] //if(isInArray || e === 'tn'){ if(isInArray){ $.get("/domaine-affaires/check-dispo?S_DOMAINE="+dom+"&EXT="+e+"&IND="+index, function (data) { //console.log(data) var jsonResponse = $.parseJSON(data); if(jsonResponse.result == "1"){ domain_geo = dom extension_geo = e if(domain_geo == domain_dispo && extension_geo == extension_dispo){ var ext_geo = 'pro' $.get("/domaine-affaires/check-dispo?S_DOMAINE="+domain_geo+"&EXT="+ext_geo+"&IND=0", function (data) { jsonResponse = $.parseJSON(data); if(jsonResponse.result == "1"){ extension_geo = ext_geo price_geo_ip = priceExtensions[ext_geo] $(".domain-dispo-geo").html(` <div class="form-check-dispo form-check-extension-dispo"> <label class="label-extension-dispo"> <input type="checkbox" name="" value="" onclick="checkDomSuggestion()" id="ext-dispon"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span> <span class="label-text-dispo">${dom}.${ext_geo}</span> Ajouter ceci : <span class="label-text-dispo">${priceExtensions[ext_geo]} €</span> </span> </label> </div> `) }else{ $('.domain-dispo-geo').html('') } }) }else{ $(".domain-dispo-geo").html(` <div class="form-check-dispo form-check-extension-dispo"> <label class="label-extension-dispo"> <input type="checkbox" name="" value="" onclick="checkDomSuggestion()" id="ext-dispon"> <span class="cr"> <i class="cr-icon glyphicon glyphicon-ok"></i> </span> <span> <span class="label-text-dispo">${dom}.${e}</span> Ajouter ceci : <span class="label-text-dispo">${priceExtensions[e]} €</span> </span> </label> </div> `) } } }); } else { console.log("Domaine geo indiponible") } }) } </script> </div> </div> <div class="section background-white"> <hr> </div>  <style> .grid-row { display: flex; flex-flow: row wrap; justify-content: flex-start; } .grid-item { -ms-flex: auto; /*flex-basis: 20%; width: 250px; */ width: 33.33333%; height: 250px; position: relative; padding: 10px; box-sizing: border-box; } .grid-item-title{ font-size: 50px; text-align: center; margin: 28px; color: black; font-weight: 600; } .grid-item-price{ text-align: center; margin: 15px; font-size: 21px; color: #060606; font-weight: 600; } .grid-item-separator{ position: absolute; height: 4px; background: #aaa; max-width: 100px; text-align: center; top: 39%; left: 50%; width: 40%; transform: translate(-50%, -50%); } .grid-row a { text-decoration: none; } .wrapping-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; color: currentColor; } .grid-item-wrapper { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; background: #43a7dc; margin: 0; height: 100%; width: 100%; overflow: hidden; -webkit-transition: padding 0.15s cubic-bezier(0.4,0,0.2,1), margin 0.15s cubic-bezier(0.4,0,0.2,1), box-shadow 0.15s cubic-bezier(0.4,0,0.2,1); transition: padding 0.15s cubic-bezier(0.4,0,0.2,1), margin 0.15s cubic-bezier(0.4,0,0.2,1), box-shadow 0.15s cubic-bezier(0.4,0,0.2,1); position: relative; border-top-left-radius: 20px; border-bottom-right-radius: 20px; } .grid-item-wrapper-odd{ background:rgb(229, 228, 228); border: 1px solid #43a7dc; box-shadow: 10px 10px 5px grey;} .grid-item-wrapper-even{ background:rgb(255, 255, 255); border: 1px solid #269cc0; } .grid-item-container { height: 100%; width: 100%; position: relative; } .grid-link-wrapper{ text-align: center; } .link-wrapper{ color: #080808; border: 1px solid #ddd; border-radius: 13px; padding: 12px 19px 12px 19px; font-size: 15px; font-weight: 600; display: inline-block; background-color: #63c3e5; } .extension-wrapper{ color: #aaa; border: 1px solid #aaa; border-radius: 2px; padding: 12px 19px 12px 12px; font-size: 15px; margin-top: 43px; font-weight: 600; display: inline-block; } .extension-texting{ font-size: 35px; font-weight: normal; color: #000; font-family: "Lato"!important; } .grid-image-top { height: 45%; width: 120%; background-size: cover; position: relative; background-position: 50% 50%; left: -10.5%; top: -4.5%; display: none; } .grid-image-top .centered { text-align: center; transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; position: absolute; top: 54.5%; left: 50%; width: 60%; height: 60%; background-position: center; } .grid-item-content { padding: 0 20px 20px 20px; } .item-title { font-size: 24px; line-height: 26px; font-weight: 700; margin-bottom: 18px; display: block; } .item-category { text-transform: uppercase; display: block; margin-bottom: 20px; font-size: 14px; } .item-excerpt { margin-bottom: 20px; display: block; font-size: 14px; } .more-info { position: absolute; bottom: 0; margin-bottom: 25px; padding-left: 0; transition-duration: .5s; font-size: 12px; display: flex; } .more-info i { padding-left: 5px; transition-duration: .5s; } .grid-item:hover .more-info i { padding-left: 20px; transition-duration: .5s; } .more-info i::before { font-size: 16px; } .grid-item:hover .grid-item-wrapper { padding: 2% 2%; margin: -2% -2%; } .box-row-extension { display: flex; align-items: center; justify-content: center; } @media(max-width: 2000px) { .grid-item { flex-basis: 33.33%; } } @media(max-width: 1073px) { .grid-item { flex-basis: 33.33%; } } @media(max-width: 815px) { .grid-item { flex-basis: 50%; } } @media(max-width: 620px) { .col { clear: both; float: none; margin-left: auto; margin-right: auto; width: auto !important; } } @media(max-width: 555px) { .grid-item { flex-basis: 100%; } } </style> <div class="section background-white padding-top30 padding-bottom50"> <div class="container"> <div class="box-row-extension padding-bottom30"> <span class="extension-texting">Nos meilleures ventes</span> </div> <div class="grid-row"> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-even"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-com.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 10.9 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-com">Découvrir</a> </div> </div> </div> </div> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-odd"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-fr.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 5.99 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-fr">Découvrir</a> </div> </div> </div> </div> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-even"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-net.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 9.99 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-net">Découvrir</a> </div> </div> </div> </div> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-odd"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-org.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 8.99 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-org">Découvrir</a> </div> </div> </div> </div> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-even"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-ch.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 5 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-ch">Découvrir</a> </div> </div> </div> </div> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-odd"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-be.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 6.99 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-be">Découvrir</a> </div> </div> </div> </div> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-even"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-info.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 10.99 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-info">Découvrir</a> </div> </div> </div> </div> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-odd"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-eu.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 6.9 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-eu">Découvrir</a> </div> </div> </div> </div> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-even"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-biz.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 12.99 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-biz">Découvrir</a> </div> </div> </div> </div> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-odd"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-lu.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 19 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-lu">Découvrir</a> </div> </div> </div> </div> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-even"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-re.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 4.9 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-re">Découvrir</a> </div> </div> </div> </div> <div class="grid-item"> <div class="grid-item-wrapper grid-item-wrapper-odd"> <div class="grid-item-container"> <div class="grid-item-title"><img class="margin-auto img-responsive" src="/src/templates/custom/images/extensions-logos/dot-tv.png" alt=".com logo"></div> <div class="grid-item-separator"></div> <div class="grid-item-price"> 19.9 € <span style="text-transform: uppercase;" >HT/an</span> </div> <div class="grid-link-wrapper"> <a class="link-wrapper" href="/domaines/details-de-domaine/dot-tv">Découvrir</a> </div> </div> </div> </div> </div> <div class="box-row-extension"> <a class="extension-wrapper" href="/domaines/tarifs-des-noms-de-domaines#tab-4">Plus d'extensions <i class="fa fa-angle-double-down"></i></a> </div> </div> </div>  <div class="section" style="background-color: #fff;"> <div class="container"> <hr> </div> </div> <div class="section" style="background-color: #FFF;"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> Hosteur.com est accrédité par </div> </div> <div class="row"> <div class="col-md-12"> <div class="clients-carousel custom-carousel touch-carousel" data-appeared-items="7"> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/xyz.png" alt="xyz" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/archi.png" alt="archi" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/bio.png" alt="bio" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/clavister.png" alt="clavister" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/haproxy.png" alt="haproxy" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/bzh.png" alt="bzh" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/poker.png" alt="poker" /></a> </div> </div> </div> </div> </div> </div> <div class="section" style="background-color: #fff;"> <div class="container"> <hr> </div> </div> <div class="section" style="background-color: #FFF; padding-top: 50px; padding-bottom: 50px;"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 class="black-text text-center margin-bottom-20 former-h1">Vous êtes à 100% propriétaire de votre domaine</h2><br> </div> </div> <div class="row"> <div class="col-md-6"> <img class="img-responsive float-right" data-animation="fadeInUp" data-animation-delay="02" src="/src/templates/custom/images/domain/domain-owner.png" alt="domain owner" /> </div> <div class="col-md-6"> <p class="black-text margin-top-15"> Chez Hosteur.com votre domaine est déposé à votre nom, <span class="blue-text-1">vous êtes ainsi 100% propriétaire</span> de votre domaine selon les termes des registrars.<br><br> Vous pouvez <span class="blue-text-1">modifier</span> l'ensemble des coordonnées <span class="blue-text-1">directement</span> sur votre espace client (en fonction de l'extension du domaine). <br><br> Ci-contre un exemple de Whois sur un domaine en .be. Toutes les autres extensions fonctionnent selon le même principe.</p> </div> </div> </div> </div> <div class="section" style="background-color: #fff;"> <div class="container"> <hr> </div> </div> <div class="section" style="background-color: #fff; padding-top: 30px; padding-bottom: 13px;"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 class="black-text margin-bottom-20 former-h1">Sortie de la période de rédemption</h2> <p class="black-text line-height-1-6">Aucun autre hébergeur ne vous en parlera mais Hosteur.com va briser ce tabou de la profession...</p> <p class="black-text line-height-1-6">Il est facile pour nos concurrents de vendre des domaines à perte, ils perdent jusqu'à 10 € par domaine pour certaines extensions mais ils n'attendent qu'une chose en faisant cela, le jour où vous allez oublier de le renouveler et la ils pourront vous facturer la fameuse sortie de période de rédemption et ils le feront au prix fort, le client étant en tort car les textes de l'ICANN sont très clairs à ce sujet.</p> <p class="black-text line-height-1-6 margin-bottom-20">Une seconde après la date d'expiration le domaine appartient au registrar. Nous avons donc décidé d'afficher nos prix de sortie de rédemption et de les comparer à nos concurrents pour que vous puissiez en tenir compte et comprendre pourquoi <span class="font-size-20">nos prix défient toute concurrence.</span></p> </div> </div> <div class="row"> <div class="col-md-12"> <table class="table table-bordered table-default table-responsive text-center"> <tr> <th class="text-center">Extensions</th> <th class="text-center">Chez Hosteur</th> <th class="text-center">Nos concurrents</th> </tr> <tbody> <tr> <td class="text-center black-text">COM, NET, ORG, BIZ, BE, TV, etc...</td> <td class="text-center black-text">Entre 19 € et 99 €</td> <td class="text-center black-text">Entre 150 € et 180 €</td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="section" style="background-color: #fff;"> <div class="container"> <hr> </div> </div> <div class="section" style="background-color: #FFF; padding-top: 30px; padding-bottom: 30px;"> <div class="container"> <div class="row"> <div class="col-md-3"> <img class="img-responsive page-header float-right" data-animation="fadeInUp" data-animation-delay="02" src="/src/templates/custom/images/domain/icann.png" alt="icann" /> </div> <div class="col-md-9"> <h2 class="black-text page-header former-h1">ICANN</h2> <p class="black-text margin-top-15">Hosteur est fier de faire partie des sociétés accréditées par l’ICANN. Ceci est un gage de qualité, attestant de notre professionnalisme et du haut niveau du service que vous recevez chez nous.</p> <p class="black-text margin-top-15">La plupart des hébergeurs qui ne sont pas accrédités pas l’ICANN ne disposent pas leurs propres infrastructures et ne peuvent pas vous proposer d’assurance en cas de perte ou de vol du domaine. Cela pourra vous poser des problèmes pour transférer vos domaines ou générer des frais exorbitants pour les récupérer.</p> </div> </div> </div> </div> <div class="section" style="background-color: #fff;"> <div class="container"> <hr> </div> </div> <div class="section" style="padding-top:60px; padding-bottom:30px; border-top:0; border-bottom:0; background:#fff"> <div class="container">  <div class="row"> <div class="col-md-9">  <div class="latest-posts">  <h4 class="classic-title"><span>Nos clients nous font confiance</span></h4> <div class="latest-posts-classic custom-carousel touch-carousel" data-appeared-items="2">  <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">14</span><span class="month" style="font-size:8px!important;">02-2025</span> </div> </div> <div> <input type="hidden" class="clients-not1" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes1" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1431" target="_blank" style="font-size: 17px;">A récommander</a></h3> <p class="clients-reviews">Plus aucun soucis depuis plus d'un an !!! <br> <a class="read-more" href="/reviews/review-1431" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">10</span><span class="month" style="font-size:8px!important;">02-2025</span> </div> </div> <div> <input type="hidden" class="clients-not2" value="4"></span> <span class="float-left"> <input type="hidden" class="clients-notes2" value="4"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1430" target="_blank" style="font-size: 17px;">nom de domaine</a></h3> <p class="clients-reviews">Comment obtenir le nom de domaine quand on a acheté un hébergement???? mystère et boule de gomme. <br> <a class="read-more" href="/reviews/review-1430" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">01</span><span class="month" style="font-size:8px!important;">02-2025</span> </div> </div> <div> <input type="hidden" class="clients-not3" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes3" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1428" target="_blank" style="font-size: 17px;">avis général</a></h3> <p class="clients-reviews">Note : 5/6 Avis : Hosteur offre des prix imbattables, souvent 2 à 3 fois moins chers que la concurrence. De plus, leurs serveurs ne sont pas derrière NAT, contrairement à d'autres hébergeurs, ce qui les rend encore plus performants. C'est pourquoi je les considère comme les meilleurs. <br> <a class="read-more" href="/reviews/review-1428" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">27</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not4" value="4"></span> <span class="float-left"> <input type="hidden" class="clients-notes4" value="4"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1427" target="_blank" style="font-size: 17px;">Bon le renouvellement</a></h3> <p class="clients-reviews">Merci pour vos informations <br> <a class="read-more" href="/reviews/review-1427" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">25</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not5" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes5" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1426" target="_blank" style="font-size: 17px;">Service vlient très réactif</a></h3> <p class="clients-reviews">A recommander vivement. <br> <a class="read-more" href="/reviews/review-1426" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">16</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not6" value="4"></span> <span class="float-left"> <input type="hidden" class="clients-notes6" value="4"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1425" target="_blank" style="font-size: 17px;">ok</a></h3> <p class="clients-reviews">Reponse correcte, rapide. Je suis satisfait : je reste chez Hosteur ! <br> <a class="read-more" href="/reviews/review-1425" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">16</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not7" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes7" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1424" target="_blank" style="font-size: 17px;">Très compétent</a></h3> <p class="clients-reviews">L'accueil et le fil de la discussion impeccable. Personnel réactif et compétant. <br> <a class="read-more" href="/reviews/review-1424" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">09</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not8" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes8" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1423" target="_blank" style="font-size: 17px;">Service Parfait. disponible souple et réactifs</a></h3> <p class="clients-reviews">Service Parfait. techniciens disponibles règles souples et entreprise réactive <br> <a class="read-more" href="/reviews/review-1423" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">09</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not9" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes9" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1422" target="_blank" style="font-size: 17px;">satisfaction</a></h3> <p class="clients-reviews">depuis plusieurs années nous sommes pleinement satisfait du service rendu d'HOSTEUR <br> <a class="read-more" href="/reviews/review-1422" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">08</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not10" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes10" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1421" target="_blank" style="font-size: 17px;">TRES BON</a></h3> <p class="clients-reviews">Je suis client de plusieurs domaines et hebergement par Hosteur depuis plus de 15 ans et je suis tres satisfait de l'entrepise jusque là. Le seul soucis est qu'avant nous pouvions avoir les responsables au telephone mais aujourd'hui ce sont des plateformes a l'etranger alors victime de leur succes c'est moins familiale mais ca se gere bien avec les tickets. Merci HOSTEUR <br> <a class="read-more" href="/reviews/review-1421" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">27</span><span class="month" style="font-size:8px!important;">12-2024</span> </div> </div> <div> <input type="hidden" class="clients-not11" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes11" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1417" target="_blank" style="font-size: 17px;">Très bon accueil de l'interlocuteur qui a immédiatement résolu mon problème de facturation.</a></h3> <p class="clients-reviews">Bon avis avec un interlocuteur compétent <br> <a class="read-more" href="/reviews/review-1417" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">26</span><span class="month" style="font-size:8px!important;">12-2024</span> </div> </div> <div> <input type="hidden" class="clients-not12" value="4"></span> <span class="float-left"> <input type="hidden" class="clients-notes12" value="4"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1416" target="_blank" style="font-size: 17px;">Bien mais...</a></h3> <p class="clients-reviews">Globalement très satisfait, sauf... Sauf pour les règlements. En effet, que l'on payé un mois, un trimestre ou une année complète, le tarif mensuel est le même ! Pas la moindre réduction !!! Pas la moindre option pour mettre en place un règlement automatique non plus... Cette partie règlement pourrait être largement améliorée... Je reste quand même chez Hosteur ! <br> <a class="read-more" href="/reviews/review-1416" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">18</span><span class="month" style="font-size:8px!important;">12-2024</span> </div> </div> <div> <input type="hidden" class="clients-not13" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes13" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1415" target="_blank" style="font-size: 17px;">1 étoile</a></h3> <p class="clients-reviews">Bonjour, Je veux signaler que j'ai fais un paiement tripple de ce pacte= 7,47 7,47*3 7,47*3 = 52,29 équivalent à 7 mois de prolongation pour ce pacte. S'il vous plait veuillez le prolonger et qu'il soit visible sur le compte. J'ai envoyé des mails et a laissé un ticket sur le support sans suite. Honnêtement, je suis chez hosteur y'a plus de 15 ans environs mais le service depuis ces 3 dernières années s'est détérioré : absence de réponses , lenteurs, réponses non satisfaisantes, etc.... <br> <a class="read-more" href="/reviews/review-1415" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">15</span><span class="month" style="font-size:8px!important;">12-2024</span> </div> </div> <div> <input type="hidden" class="clients-not14" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes14" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1414" target="_blank" style="font-size: 17px;">Le top du top</a></h3> <p class="clients-reviews">Le top du top <br> <a class="read-more" href="/reviews/review-1414" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">30</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not15" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes15" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1413" target="_blank" style="font-size: 17px;">17 ans de services</a></h3> <p class="clients-reviews">Toujours simple et fonctionnel depuis 2008 je reste chez vous merci <br> <a class="read-more" href="/reviews/review-1413" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">19</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not16" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes16" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1412" target="_blank" style="font-size: 17px;">????? ?? ???????</a></h3> <p class="clients-reviews">??????? ??? ???????, ??? ?? ?????????? ??????, ????? ????? ??????? ??????, ? ? ????? ????????. ? ??? ????? ????! ??? ???????? ??????, ????? ???????. ??????? ??? ????, ????? ? ????? ? ????? ??? ???? ??????! <br> <a class="read-more" href="/reviews/review-1412" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">18</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not17" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes17" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1411" target="_blank" style="font-size: 17px;">Hosteur est toujours disponible pour vous aider alors pourquoi aller ailleurs?</a></h3> <p class="clients-reviews">Mes 2 sites sont hébergés chez Hosteur depuis des années déjà et j'en suis bien content! ,Hosteur a évolué tout en restant humain et il est resté réactif et à l'écoute de ses clients ce qui n'est apparemment pas le cas chez certains &quot;gros&quot; hébergeurs pour qui vous n'êtes qu'un numéro de contrat. -Un problème technique ou besoin d'un conseil technique? le service technique est très conpétent et toujours très réactifs: comme ils vous répondent rapidement votre problème est généralement résolu dans les heures qui suivent ou au pire dans la journée! -Un soucis administratif (problème de facture ou autre? idem la réponse est immédiate et vous avez accès facilement à tous vos services via un espace client bien pensé avec une interface conviviale où vous retrouvez facilement par exemple toutes vos factures téléchargeables. Les coupures de site sont très rares et si il y a une maintenance de serveur prévue vous êtes prévenu par mail donc pas de surprises désagréables et généralement c'est fait dans la nuit donc pas de soucis la journée! Bref je recommande vivement Alors pourquoi aller ailleurs? <br> <a class="read-more" href="/reviews/review-1411" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">14</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not18" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes18" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1410" target="_blank" style="font-size: 17px;">C'est le bazar chez Hosteur?</a></h3> <p class="clients-reviews">2 jours pour vous payer mes cotisations annuelles! Vous trouvez ça normal? <br> <a class="read-more" href="/reviews/review-1410" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">12</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not19" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes19" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1409" target="_blank" style="font-size: 17px;">Renouvellement FLEXONE</a></h3> <p class="clients-reviews">Bonjour ! J'ai réglé mon abonnement FLEXONE mais je ne sais pas ce qu'est FLEXONE et pas moyen de trouver des informations sur ce produit. Je vous fais confiance mais j'ai du mal à comprendre certains services. Merci si jamais vous lisiez réellement cet avis de m'informer de cet abonnement. Guy CHOLET &quot;L'Epicentre communication&quot; <br> <a class="read-more" href="/reviews/review-1409" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">06</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not20" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes20" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1408" target="_blank" style="font-size: 17px;">El pago</a></h3> <p class="clients-reviews">Vuestro pagina web me ha dado un error por el pago con mi tajeta. Pero mi banco me ha confirmado que era cobrado y despues ustedes me han confirmado lo mismo por correo electronico. Entonces nada para reclamar. Solamente para enseñar. Soy super contento. <br> <a class="read-more" href="/reviews/review-1408" target="_blank">Lire la suite...</a></p> </div> </div> </div> </div> </div> <div class="col-md-3"> <h4 class="classic-title"><span> Suivez nous sur les réseaux sociaux </span></h4> <div class="row"> <div class="col-md-6"> <a href="https://twitter.com/hosteur" class="share-btn" style="margin-left:0px;" target="_blank"> <span class="share-btn-action share-btn-tweet"><i class="icon-twitter-2"></i> Abonnés</span> <span class="share-btn-count">542</span> </a> </div> <div class="col-md-6"> <a href="https://www.facebook.com/Hosteur?fref=ts" class="share-btn" target="_blank"> <span class="share-btn-action share-btn-like"><i class="icon-facebook-2"></i> Amis</span> <span class="share-btn-count">2046</span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript" src="/src/templates/custom/js/customer-reviews.min.js"></script> <div class="section" style="background-color: #FFF;"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="clients-carousel custom-carousel touch-carousel" data-appeared-items="9"> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/icann-small.jpg" alt="icann-small" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/afnic.png" alt="afnic" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/eu.png" alt="eu" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/verisign.png" alt="verisign" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/org.png" alt="org" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/afilias.png" alt="afilias" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/pro.png" alt="pro" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/switch.png" alt="switch" /></a> </div> <div class="client-item item"> <a href="javascript:void()"><img src="/src/templates/custom/images/domain/biz.png" alt="biz" /></a> </div> </div> </div> </div> </div> </div> </div>     <style> .fw-bold {font-weight:bold}.fs-40{font-size:40px;line-height:40px}.fs-25{font-size:25px;line-height:25px}.fs-20{font-size:20px;line-height:20px}.fs-15{font-size:15px;line-height:15px}.fs-10{font-size:10px;line-height:10px} .leaving-intro{ margin-bottom: 20px; font-size: 15px; font-weight: 400; color: #555; } .leaving-note{ font-size: 13px; font-weight: 400; color: #555; margin-top: 13px; } @media (min-width: 768px){ .modal-sm { width: 370px; } } </style>   <div id="genericContactModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header text-center"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title text-uppercase">Nous contacter</h4> </div> <div class="modal-body"> <form id="genericContactForm" enctype="multipart/form-data"> <div class="row text-left"> <div class="form-group col-sm-6"> <label for="nom">Nom:</label> <input type="text" class="form-control" required id="nom" name="nom"> </div> <div class="form-group col-sm-6"> <label for="nom">Prénom:</label> <input type="text" class="form-control" required id="prenom" name="prenom"> </div> <div class="form-group col-sm-6"> <label for="nom">Nom de la société:</label> <input type="text" class="form-control" required id="societe" name="societe"> </div> <div class="form-group col-sm-6"> <label for="nom">Adresse email:</label> <input type="email" class="form-control" id="email" name="email"> </div> <div class="form-group col-sm-6"> <label for="nom">Numéro de téléphone:</label> <input type="text" class="form-control" id="phone" name="phone"> </div> </div> <div class="row"> <div class="col-xs-12 text-center"> <div class="g-recaptcha" data-sitekey="6LfVVwwTAAAAAA2nWrNu_AEQJ_eE4d93QltqtYLi"></div> </div> </div> <input type="submit" name="genericContactFormRealSubmit" id="genericContactFormRealSubmit" class="real-submit-button"> </form> </div> <div class="modal-footer"> <button id="submitForm" type="button" class="btn btn-info" id="demande-devis" onclick="sendContactForm('genericContact')">Envoyer</button> <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button> </div> </div> </div> </div>   <style> .section-newsletter{ background-color: #2c3e50; padding: 20px 0; border-top: 4px solid #eaeaea; } .news-reduc-text{ font-size: 20px; text-transform: uppercase; color: white; font-weight: bold; line-height: 25px; font-family: 'Open Sans', sans-serif!important; margin-bottom: 15px; padding: 0 10px; } .news-reduc{ font-size: 30px; } .news-intro{ font-size: 16px; font-family: "Open Sans", sans-serif!important; color: #9fb0c0; line-height: 22px; font-weight: 400; margin-bottom: 15px; padding: 0 10px; } .real-submit-button{left:-15000px;position: absolute;} .news-col{ padding: 5px; } #news-submit{ font-weight: 400!important; } #newsForm{ margin: 5px; } .news-notice{ color: white; font-size: 12px; padding: 0 5px; } #newsFeedback .modal-content{ padding: 10px; font-size: 15px; line-height: 24px; font-weight: 400; } #newsFeedback .alert{ margin: 0; } </style> <div class="section-newsletter"> <div class="container"> <div class="row text-center"> <div class="news-reduc-text"><span class="news-reduc">10%</span> de réduction sur votre prochaine commande<sup>(1)</sup></div> </div> <div class="row text-center"> <div class="news-intro">Inscrivez-vous à notre NEWSLETTER pour recevoir votre code de réduction</div> </div> <div class="row"> <form id="newsForm" class="row"> <div class="col-sm-5 col-md-3 col-md-offset-2 news-col"> <input type="text" id="newsName" name="newsName" required class="form-control" placeholder="Votre nom"> </div> <div class="col-sm-4 col-md-3 news-col"> <input type="email" id="newsEmail" name="newsEmail" required class="form-control" placeholder="Votre adresse email"> </div> <div class="col-sm-3 col-md-2 news-col"> <input type="submit" name="newsRealSubmit" id="newsRealSubmit" class="real-submit-button"> <button class="form-control main-button button-green-light" type="button" name="news-submit" id="news-submit">JE M'INSCRIS</button> </div> </form> <div class="row text-center"> <div class="col-xs-12"> <small class="news-notice"> <sup>(1)</sup> Valable uniquement pour toutes nouvelles commandes, hors achat de crédit hosteur et hors renouvellement de prestation. (Commande de produits matériels non inclus) </small> </div> </div> </div> </div> </div> <div class="modal fade" id="newsFeedback" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="alert alert-success" id="newsSuccess"><strong>Merci!</strong> Il ne vous reste plus qu'à confirmer votre adresse e-mail. Pour le faire, cliquez sur le lien que nous venons de vous envoyer et profitez des 10% offerts!</div> <div class="alert alert-info" id="newsAlreadyIn">Veuillez nous excuser mais vous êtes déjà inscrit à notre newsletter.</div> <div class="alert alert-danger" id="newsError">Une erreur s'est produite. Veuillez reessayer svp!</div> </div> </div> </div>  <style> .footer-widget{margin-bottom: 0;} </style> <footer class="padding-bottom30"> <div class="container"> <div class="row footer-widgets"> <div class="col-sm-6 col-md-3 col-footer"> <h3> A propos <span class="head-line"></span></h3> <ul class="line-height-1-6 font-size-15 white-text"> <li><a href="https://www.hosteur.com/informations"> Qui est Hosteur.com ?</a></li>  <li><a href="https://www.hosteur.com/a-propos/nos-references"> Références clients</a></li> <li><a href="https://www.hosteur.com/a-propos/recrutement"> Hosteur Recrute</a></li>   <li><a href="https://www.hosteur.com/consulting"> Hosteur Consulting</a></li> <li><a href="https://www.hosteur.com/credits-hosteur"> Crédits Hosteur</a></li> <li><a href="https://www.hosteur.com/a-propos/valeurs-et-engagements"> Nos engagements</a></li> <br> <li><a href="https://www.hosteur.com/a-propos/eco-responsable"> HOSTEUR, une entreprise écoresponsable</a></li> </ul> <br> <div> <img src="/src/templates/custom/images/a-tree-for-you.png" alt="a tree for you" class="footer-logo footer-logo-veritas" /> </div> <br> </div>  <div class="col-sm-6 col-md-3 col-footer"> <h3> PRODUITS HOSTEUR <span class="head-line"></span></h3> <ul class="line-height-1-6 font-size-15 white-text"> <li><a href="https://www.hosteur.com/domaines/depot"> Domaines</a></li> <li><a href="https://www.hosteur.com/hebergement-web"> Hébergements web</a></li> <li><a href="https://www.hosteur.com/cloud/cloud-vps"> Cloud</a></li> <li><a href="https://www.hosteur.com/securite/hosteur-protect"> Sécurité</a></li>  <li><a href="https://www.hosteur.com/serveurs/serveur-dedie">Serveurs</a></li> <li><a href="https://www.hosteur.com/haproxy/">HAProxy</a></li> <br> <li><a href="https://www.hosteur.com/a-propos/sponsors" class="text-uppercase">Sponsoring</a></li> </ul> <div class="row">  <div class="col-xs-12">  </div> </div> </div> <div class="col-sm-6 col-md-3 col-footer"> <h3> Adresse <span class="head-line"></span></h3> <ul class="line-height-1-6 font-size-15 white-text"> <li> <i class="fa fa-map-marker"></i> Route du Lac Lussy 201,<br>1618 Châtel Saint Denis, Suisse</li>   </ul> <div class="footer-widget social-widget padding-top15"> <h3> Suivez-nous <span class="head-line"></span></h3> <ul class="social-icons"> <li>  <a class="twitter" href="https://www.facebook.com/Hosteur" target="_blank"><i class="icon-facebook-2"></i></a> </li> <li> <a class="twitter" href="https://twitter.com/hosteur" target="_blank"><i class="icon-twitter-2"></i></a> </li> <li> <a class="twitter" href="https://www.linkedin.com/company/17928917/" target="_blank"><i class="icon-linkedin"></i></a> </li> <li> <a class="twitter" href="https://www.youtube.com/channel/UCWuHARZet0y3PCpF6cTj8bQ/videos" target="_blank"><i class="icon-youtube"></i></a> </li> <li> <a class="twitter" href="https://www.instagram.com/hosteur_official/" target="_blank"><i class="icon-instagram"></i></a> </li> </ul> </div> <div>  <div class="row"> <div class="col-xs-6">  <div class="margin-top-15"> <table width=125 border=0 cellspacing=0 cellpadding=0 title="CLICK TO VERIFY: This site uses a GlobalSign SSL Certificate to secure your personal information." ><tr><td><span id="ss_img_wrapper_gmogs_image_110-45_en_dblue"><a href="https://www.globalsign.com/" target=_blank title="GlobalSign Site Seal" rel="nofollow"><img alt="SSL" border=0 id="ss_img" src="//seal.globalsign.com/SiteSeal/images/gs_noscript_110-45_en.gif"></a></span></td></tr></table> </div> <div id="gsScriptContainer"></div>  </div> <div class="col-xs-6"> <img src="/src/templates/custom/images/logo-conforme-rgpd.png" alt="Conforme RGPD" class="img-responsive margin-top-15" />  </div> </div> <div class="row"> <div class="col-xs-12"> <img src="/src/templates/custom/images/logo-globalsign-gold.png" alt="Globalsign" class="img-responsive margin-top-15" /> </div> </div> <div class="row"> <div class="col-xs-12"> <img src="/src/templates/custom/images/nogafam.png" alt="no gafam" class="img-responsive margin-top-15" /> </div> </div> <div class="row pt-2"> <div class="col-sm-12" style="color: white;"> <div class="icann-footer"> <div class="" ><img src="/src/templates/custom/images/icann.png" alt="icann" /></div> <div class=""> <span>ICANN's Registrant Educational Information webpage :</span> <a href="https://www.icann.org/resources/pages/benefits-2013-09-16-en" target="_blank">https://www.icann.org/resources/pages/benefits-2013-09-16-en</a> </div> </div> </div> </div> </div> </div> <div class="col-sm-6 col-md-3 col-footer"> <div>  <a class="" href="/a-propos/certification-iso-27001"> <img src="/src/templates/custom/images/veritas.png" alt="iso 27001" class="img-responsive margin-top-15" /> </a> <a class="" href="/a-propos/certification-iso-9001"> <img src="/src/templates/custom/images/veritas-9001.png" alt="iso 9001" class="img-responsive margin-top-15" /> </a> <a class="" href="/a-propos/certification-iso-14001"> <img src="/src/templates/custom/images/veritas-14001.png" alt="iso 14001" class="img-responsive margin-top-15" /> </a> <a class="" href="/a-propos/certification-hds"> <img src="/src/templates/custom/images/hds.png" alt="hds" class="img-responsive margin-top-15" /> </a> <style> .veritas{ font-weight: 400; font-size: 14px; color: white; } .veritas-cert{ font-weight: bold; } .hebergeur-certifie{ font-weight: bold; /* color: white; */ font-size: 14px; margin-bottom: 10px; } .footer-clavister{ background: white; display: inline-block; width: 262px; max-width: 100%; padding-bottom: 15px; padding-top: 15px; } </style>  </div> </div>  </div> <style> .icann-footer{ display: flex; flex-direction: column; justify-content: center; padding-top: 10px; gap: 15px; padding-bottom: 30px; } .icann-footer span, .icann-footer a{ font-weight: 400; width: 100%; display: inline-block; font-size: 16px; line-height: 1.4; text-align: justify; } .icann-footer a{ text-overflow: ellipsis; display: block; overflow: hidden; text-wrap: nowrap; color: #2eb1e6 !important; } </style>   <div class="copyright-section"> <div class="row"> <div> <p class="text-center font-weight-400"> <a href="https://www.hosteur.com/a-propos/hebergement"> Hosteur est un hébergeur de sites Internet</a><span class="label label-info backcolor-cadetGreen footer_ip"> Votre IP : 8.222.208.146</span>  </p> </div> </div> <div class="row"> <style> ul.footer-nav li a { font-size: 11px!important; } ul.footer-nav li { display: inline-block; float:none; } </style> <div class="col-sm-12 text-center"> <ul class="footer-nav" style="float:none;"> <li><a href="https://www.hosteur.com/ressources/aide"> Contact / Aide</a></li> <li> <div class="dropup"> <a class="dropdown-toggle" href="#" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Outils <span class="caret"></span> </a> <ul class="dropdown-menu custom-dropdown-2" aria-labelledby="dropdownMenu2"> <li><a href="/whois">WHOIS</a></li> <li><a href="/calculateur-raid">RAID</a></li> <li><a href="/SLA">SLA</a></li> <li><a href="/mon-ip">Mon IP</a></li> <li><a href="/generateur-de-mots-de-passe">Générateur De Mot De Passe</a></li> <li><a href="/compteur-de-mot-et-de-nombres-de-caracteres">Compteur de nombre de caractéres</a></li> </ul> </div> </li> <li><a href="https://www.hosteur.com/support"> Contactez-nous</a></li> <li><a href="https://www.hosteur.com/"> Hosteur.com</a></li> <li><a href="https://twitter.com/hosteur_travaux"> Travaux</a></li> <li><a href="https://www.hosteur.com/a-propos/condition-utilisation"> CGV </a></li> <li><a href="https://www.hosteur.com/a-propos/patriot-act"> Non au Patriot Act</a></li> <li><a href="https://www.hosteur.com/a-propos/contenu-illegal"> Contenu illicite et abus</a></li><br> <li><a href="https://www.hosteur.com/a-propos/politique-de-confidentialite"> POLITIQUE DE CONFIDENTIALITÉ</a></li> <li><a href="https://www.hosteur.com/a-propos/politique-de-protection-des-donnees-personnelles"> POLITIQUE DE PROTECTION DES DONNÉES PERSONNELLES (RGPD)</a></li><br> <li class="color-cadetGreen"> © Copyright 2008 - 2025 HOSTEUR SA - Route du lac lussy 201,1618 Châtel Saint Denis, Suisse - SIRET : CH-550-1056728- - TVA : CHE-114.684.132</li> </ul> </div> </div> </div>  </div> </footer>  </div>   <a href="#" class="back-to-top"><i class="icon-up-open-1"></i></a>  <style> .loading-box{ background-color: white; padding: 15px 25px; display: inline-block; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); border-radius: 10px; margin-bottom: 15px; font-size: 20px; } #HosteurLoading .modal-content{ background-color: transparent; border: none; box-shadow: none; } </style> <div class="modal fade" id="HosteurLoading" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-body text-center" > <div class="loading-box" > <img src="/src/templates/custom/images/loading-hosteur-100.gif" alt="loading hosteur" class="" > <br><br>  <strong>Veuillez patienter svp</strong> </div> </div> </div> </div> </div>  <div class="modal fade" id="hosteurAlertModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="alert alert-success text-center"> <a href="#" class="close" data-dismiss="modal" aria-label="close" title="close">×</a> <span id="hosteurAlertMessage"></span> </div> </div> </div> </div> </body> <script type="text/javascript"> if ($(window).width() >= 992) { $(".dropdown-cstm").mouseover(function () { $(this).addClass("open"); $(".dropdown-cstm.open .dropdown-menu").mouseover(function () { $(this).css("visibility", "visible"); }); }); $(".dropdown-cstm").mouseout(function () { $(this).removeClass("open"); }); } </script> <script> $('#search').on('input',function(e){ console.log("test"); console.log($(".search").val()); $.ajax({ type: "post", url: "/article/article/searchTuto", dataType: 'json', data: {S_SEARCH: $(".search").val(), FK_CATEGORIE: $("#FK_CATEGORIE").val()}, success: function (data) { console.log(data); $(".listT").html(''); var taille = data["tutos"].length; console.log(data); for (var i = 0; i < taille; i++) { /*console.log(data["members"]);*/ row_add = '<li class="tuto border-bottom">'+ '<div class="row line-height-10">'+ '<div class="col-lg-8"><h3>'+ '<a href="/article/'+data["tutos"][i]["article"]['S_TITLE_REWRITING'] +'">'+data["tutos"][i]["article"]['S_TITLE']+'</a></h3>'+ '<br><div class="row form-group">'+ '<div class="col-sm-1" style="padding-right: 0px;"><label class="author-av"></label></div>'+ '<div class="col-sm-4"><p class="gray">'+data["tutos"][i]["member"]+'</p></div>'+ '<div class="col-sm-4"><p class="gray"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>  '+data["tutos"][i]["article"]['NB_SEEN'] +' fois</p></div>'+ '</div></div><div class="col-lg-4 margin-top text-right">'+ '<p class="gray">'+data["tutos"][i]["date"]+'</p></div></div></li>'; $('.listT').append(row_add); } }, error: function (xhr) { /*if error occured*/ alert("Error occured.please try again" + xhr); } }); }); </script> <script type="text/javascript"> (function ($) { $(window).load(function () { $("#twitter-bloc").mCustomScrollbar({ theme: "minimal" }); }); })(jQuery); </script> <script type="text/javascript"> /*var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); document.write(unescape("%3Cscript src='https://www.hosteur.com/src/templates/custom/cache/ga.js' type='text/javascript'%3E%3C/script%3E"));*/ </script> <script type="text/javascript"> /*try { var pageTracker = _gat._getTracker("UA-803674-1"); pageTracker._trackPageview(); } catch (err) { }*/ </script>  <script> /*(function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.hosteur.com/src/templates/custom/cache/analytics.js', 'ga');*/ /* https://www.google-analytics.com/analytics.js */ /*ga('create', 'UA-803674-1', 'auto'); ga('send', 'pageview');*/ </script>   <script> /* !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://www.hosteur.com/src/templates/custom/cache/fbevents.js');*/ /* https://connect.facebook.net/en_US/fbevents.js */ /*fbq('init', '895537370555659'); fbq('track', "PageView");*/ </script> <script> /* init zopim */ /*function initZopim(d, s) { var z = $zopim = function (c) { z._.push(c) }, $ = z.s = d.createElement(s), e = d.getElementsByTagName(s)[0]; z.set = function (o) { z.set. _.push(o) }; z._ = []; z.set._ = []; $.async = !0; $.setAttribute('charset', 'utf-8'); $.src = '//v2.zopim.com/?269BuoStmzmqo0R8GBoBcq8xdvQ2r4va'; z.t = +new Date; $. type = 'text/javascript'; e.parentNode.insertBefore($, e) }*/ $(function(){ //Init selectpickers $('.selectpicker').selectpicker({ noneResultsText: 'Aucun résultat' }); var source = ($.cookie('S_SOURCE'))? $.cookie('S_SOURCE') : ''; var campaign = ($.cookie('S_CAMPAIGN'))? $.cookie('S_CAMPAIGN') : ''; var medium = ($.cookie('S_MEDIUM'))? $.cookie('S_MEDIUM') : ''; var affilie = ($.cookie('FK_AFFILIE'))? $.cookie('FK_AFFILIE') : ''; var autologin = ($.cookie('AutoLogin'))? $.cookie('AutoLogin') : ''; /*Add source and campaign to all forms and links going out to the manager*/ $('form').append('<input type="hidden" name="S_SOURCE" value="'+ source + '" />'); $('form').append('<input type="hidden" name="S_CAMPAIGN" value="'+ campaign + '" />'); $('form').append('<input type="hidden" name="S_MEDIUM" value="'+ medium + '" />'); $('form').append('<input type="hidden" name="FK_AFFILIE" value="'+ affilie + '" />'); if(autologin != '') $('form').append('<input type="hidden" name="AutoLogin" value="'+ autologin + '" />'); var FK_CODE_TARIF = parseInt('0'); // add code tarif to all command forms if(FK_CODE_TARIF > 0) $('form').append('<input type="hidden" name="FK_CODE_TARIF" value="'+ FK_CODE_TARIF + '" />'); $("a[href*='https://manager.hosteur.com']:not(.m-link)").each(function() { var link = $(this).attr('href'); if(link.indexOf("?") != -1) link = link + "&S_SOURCE=" + encodeURIComponent(source) + "&S_CAMPAIGN=" + encodeURIComponent(campaign) + "&S_MEDIUM=" + encodeURIComponent(medium) + "&FK_AFFILIE=" + encodeURIComponent(affilie) + ((autologin != '')? '&AutoLogin=' + autologin : ''); else link = link + "?S_SOURCE=" + encodeURIComponent(source) + "&S_CAMPAIGN=" + encodeURIComponent(campaign) + "&S_MEDIUM=" + encodeURIComponent(medium) + "&FK_AFFILIE=" + encodeURIComponent(affilie) + ((autologin != '')? '&AutoLogin=' + autologin : ''); // add code tarif to all command links if(FK_CODE_TARIF > 0) link = link + '&FK_CODE_TARIF=' + FK_CODE_TARIF; $(this).attr('href', link); }); if(true){ $("form[action*='https://manager.hosteur.com']:not(.m-link)").each(function() { var type = ''; var getparams = ''; var link = ''; var splitaction = $(this).attr('action').split("/"); var pageget = splitaction[splitaction.length - 1]; if(pageget.indexOf("?") != -1){ var parts = pageget.split("?"); if(parts[0] == "rebill.php") type = "rebill"; else{ if(parts[0] == "commande-domaine-hebergement.php"){ type = "domaine-hebergement"; }else{ var arr = parts[0].split("."); arr.pop(); arr.shift(); type = arr.join('-'); } } getparams = "?" + parts[1]; } else{ if(pageget == "commande-domaine-hebergement.php"){ type = "domaine-hebergement"; }else{ var arr = pageget.split("."); arr.pop(); arr.shift(); type = arr.join('-'); } //link = } $(this).attr('action', "https://manager.hosteur.com/#/commande/" + type + getparams); $(this).append('<input type="hidden" value="' + type + '" name="m_type_commande" id="m_type_commande" />'); if(type == "domaine-hebergement") $(this).append('<input type="hidden" value="1" name="m_commandedh" id="m_commandedh" />'); if(type == "ssl") $(this).append('<input type="hidden" value="1" name="m_commandessl" id="m_commandessl" />'); }); $("a[href*='https://manager.hosteur.com']:not(.m-link)").each(function() { var type = ''; var getparams = ''; var link = ''; var splitaction = $(this).attr('href').split("/"); var pageget = splitaction[splitaction.length - 1]; if(pageget.indexOf("?") != -1){ var parts = pageget.split("?"); if(parts[0] == "rebill.php") type = "rebill"; getparams = "?" + parts[1]; } else { if(pageget == "rebill.php") type = "rebill"; } $(this).attr('href', "https://manager.hosteur.com/#/commande/" + type + getparams); }); /*page crédit*/ $("#commanderCreditLink").attr("href", "https://manager.hosteur.com/#/facture-et-paiements"); //$("#testLoading").modal("show"); } /* delay zopim initialization */ /*setTimeout(function(){ initZopim(document, 'script'); }, 5000);*/ }); function showHosteurLoading(){ $("#HosteurLoading").modal("show"); return true; } function hideHosteurLoading(){ $("#HosteurLoading").modal("hide"); return true; } var alertTimeout; function showHosteurAlert(message, type){ clearTimeout(alertTimeout); $("#hosteurAlertModal .alert").removeClass("alert-success").removeClass("alert-danger").removeClass("alert-info"); $("#hosteurAlertModal .alert").addClass(type); $("#hosteurAlertMessage").html(message); $("#hosteurAlertModal").modal("show"); alertTimeout = setTimeout(function(){ $("#hosteurAlertModal").modal("hide"); }, 3000); return true; } $(document).ready(function () { $('#changeLanguage option[value="' + "fr" + '"]').attr("selected", true); $('#changeLanguage').change(function () { var lang = $(this).val(); var url = $(location).attr('pathname'); var path_name = url.replace('/site', ''); var redirect_url = ""; if (lang === 'fr') { redirect_url = "http://www.hosteur.com" + path_name; } else if (lang === 'bg') { redirect_url = "http://www.hbg.bg" + path_name; } window.location = redirect_url; }); }); $(function(){ setTimeout(function(){ var scriptNode = document.createElement("script"); scriptNode.setAttribute("src", "//seal.globalsign.com/SiteSeal/gmogs_image_110-45_en_dblue.js"); scriptNode.setAttribute("type", "text/javascript"); $("#gsScriptContainer").append(scriptNode); }, 5000); }); $(function () { $("#newsForm").submit(function(e){ e.preventDefault(); $("#news-submit").click(); return false; }); $("#news-submit").on('click', function(){ if (!document.getElementById('newsForm').checkValidity()) { document.getElementById('newsRealSubmit').click(); return false; } showHosteurLoading(); $('#newsSuccess, #newsAlreadyIn, #newsError').hide(); //$('#newsMessage').removeClass('text-info text-danger'); //$('#newsMessage').html("Veuillez patienter svp...").addClass('text-info'); $.post("/newsletter", $( "#newsForm" ).serialize(), function (response) { hideHosteurLoading(); var data = $.parseJSON(response); if(data.status == "success") { $('#newsSuccess').show(); } else if (data.type == "exist") { $('#newsAlreadyIn').show(); } else { $('#newsError').show(); } $('#newsFeedback').modal('show'); }); }); var mouseX = 0; var mouseY = 0; var leavingCounter = 0; var currentRoute = "domain.domainname"; var noLeavingPopup = ['index.remises_speciales', 'index.hebergement_eco', 'index.networkstatus']; if(noLeavingPopup.indexOf(currentRoute) == -1){ $.post("/getpopup", {popup: 'popup_leaving'}, function (response) { var data = $.parseJSON(response); if(data.display){ document.addEventListener("mousemove", function(e) { mouseX = e.clientX; mouseY = e.clientY; document.getElementById("coordinates").innerHTML = "<br />X: " + e.clientX + "px<br />Y: " + e.clientY + "px"; }); $(document).mouseleave(function () { if (mouseY < 100) { if (leavingCounter < 1) { $("#leavingModal").modal('show'); $.post("/popup", {popup: 'popup_leaving'}, function (response) { }); /* update session */ } leavingCounter ++; } }); } }); } $('.tel-container .dropdown-item').on('click', function(){ $('.tel-container .dropdown-toggle .tel-flag').attr('class', $(this).find('.tel-flag').attr('class')); $('.tel-content span').html($(this).find('.tel-elem').html()); }); }); function sendContactForm(_name){ if (!document.getElementById(_name+'Form').checkValidity()) { document.getElementById(_name+'FormRealSubmit').click(); return false; } showHosteurLoading(); $.ajax({ type: 'POST', url: '/generic-contact', data: new FormData(document.getElementById(_name+'Form')), contentType: false, cache: false, processData:false, success: function(data){ hideHosteurLoading(); if(typeof grecaptcha !== "undefined") grecaptcha.reset(); var response = $.parseJSON(data); if(response.result == 1){ $("#"+_name+"Modal").modal("hide"); showHosteurAlert(response.message, "alert-success"); } else{ showHosteurAlert(response.message, "alert-danger"); } } }); } function sendSlackMessage(_name){ if (!document.getElementById(_name+'Form').checkValidity()) { document.getElementById(_name+'FormRealSubmit').click(); return false; } showHosteurLoading(); $.ajax({ type: 'POST', url: '/slack-message', data: new FormData(document.getElementById(_name+'Form')), contentType: false, cache: false, processData:false, success: function(data){ hideHosteurLoading(); if(typeof grecaptcha !== "undefined") grecaptcha.reset(); var response = $.parseJSON(data); if(response.result == 1){ $("#"+_name+"Modal").modal("hide"); showHosteurAlert("Votre demande a été envoyée! Nous reprendrons contact avec vous sous peu!", "alert-success"); } else{ if(response.type == 'captcha') showHosteurAlert("Captcha invalide !", "alert-danger"); else showHosteurAlert("Une erreur s'est produite! Veuillez reessayer svp!", "alert-danger"); } } }); } </script> <noscript><img height="1" width="1" style="display:none" alt="facebook pixel code" src="https://www.facebook.com/tr?id=895537370555659&ev=PageView&noscript=1" /></noscript>  </html>

CINXE.COM

Réserver / Déposer / Acheter un Nom de domaine pas cher - Hosteur.com