Cloud : Espace de Stockage sur mesure en ligne

<!doctype html> <html lang="fr-FR"> <head> <title>Cloud : Espace de Stockage sur mesure en ligne - Hosteur.com</title> <meta name="description" content="Avec le Cloud Hosteur.com, profitez dès maintenant de votre cloud gratuit et sur mesure pour les 3 premiers mois ! Offres et services cloud pas cher juste ici !"> <meta name="keywords" content="hébergement, Cloud computing, site web, cloud, serveur dédié, vps, Cloud privé.">  <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/cloud/cloud-vps">  <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/cloud/cloud-vps" hreflang="fr"/> <link rel="alternate" href="https://www.hosteur.com/cloud/cloud-vps" 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> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.min.css"> <link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/custom/css/checkbox-radio-style.css" media="screen"> <link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/bootstrap-switch-master/dist/css/bootstrap3/bootstrap-switch.min.css" media="screen"> <script type="text/javascript" src="https://www.hosteur.com/src/templates/bootstrap-switch-master/dist/js/bootstrap-switch.min.js"></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="cloud/cloud-vps|cloud/cloud-vps|cloud/cloud-vps|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="cloud/cloud-vps|cloud/cloud-vps|cloud/cloud-vps|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="cloud/cloud-vps|cloud/cloud-vps|cloud/cloud-vps|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="cloud/cloud-vps|cloud/cloud-vps|cloud/cloud-vps|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="cloud/cloud-vps|cloud/cloud-vps|cloud/cloud-vps|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="cloud/cloud-vps|cloud/cloud-vps|cloud/cloud-vps|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="cloud/cloud-vps|cloud/cloud-vps|cloud/cloud-vps|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="cloud/cloud-vps|cloud/cloud-vps|cloud/cloud-vps|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>   <div class="page-banner banner page-banner-cloud no-subtitle"> <div class="container"> <div class="row"> <div class="col-md-4"> <img class="img-responsive margin-auto hidden-sm hidden-xs" src="/src/templates/custom/images/cloud/cloud-image.png" alt="cloud image" /> </div> <div class="col-md-8"> <div class="row"> <div class="col-md-12"> <h2 class="domain-now-text text-center margin-top-15 white-text text-shadow-black" data-animation="fadeInUp" data-animation-delay="02"> <span class="font-size-35 text-shadow-black text-shadow-black">Hé Ho Mon Cloud Français</span></h2> </div> </div> <div class="row"> <div class="col-md-12 text-center margin-top-15" data-animation="fadeInUp" data-animation-delay="03"> <span class="domain-now-text white-text text-shadow-black font-size-25">1 domaine <span class="illimited-text font-size-25">.fr</span> offert</span> </div> </div> <div class="row"> <div class="col-md-12 text-center margin-top-15" data-animation="fadeInUp" data-animation-delay="03"> <span class="domain-now-text white-text text-shadow-black font-size-20"><span class="illimited-text font-weight-bold font-size-35"></span> € HT/mois</span> </div> </div> <div class="row"> <div class="col-md-12 text-center"> <a href="https://marketing.hosteur.com/landing/he-ho-mon-cloud-francais/" class="btn btn-system btn-red text-center font-size-20 text-uppercase margin-top-25" data-animation="fadeInDown" data-animation-delay="04" target=_blank>En savoir plus</a> </div> </div> </div> </div> </div> </div>  <div id="content" class="full-sections"> <div class="container" style="position:absolute;left:-100000px;"> <ol itemscope itemtype="http://schema.org/BreadcrumbList" class="hosteur-breadcrumb"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://www.hosteur.com"> <span itemprop="name"><i class="icofont-home home-hbs"></i><span class="home-nhbs">Accueil</span></span></a> </li>  >  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="/web"> <span itemprop="name">HWS</span> </a> </li>  >  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <span itemprop="name">Commander un Cloud / VPS</span> </li> </ol> </div> <br> <style> .hosteur-breadcrumb { margin-top: 10px; } .hosteur-breadcrumb li { display: inline; } .home-nhbs { display: inline; } .home-hbs { display: none; } </style> <input type="hidden" name="FK_CODE_TARIF" id="FK_CODE_TARIF" value="1"> <form class="m-link" action="https://manager.hosteur.com/#/commande/serveur" method="post" name="CommandeCoud" id="CommandeCoud"> <input type="hidden" name="PK_PRODUIT_REF" id="PK_PRODUIT_REF" value="406"> <input type="hidden" name="I_NB_MHZ" id="I_NB_MHZ" value=""> <input type="hidden" name="I_NB_GO_RAM" id="I_NB_GO_RAM" value=""> <input type="hidden" name="I_NB_GO_DISQUE" id="I_NB_GO_DISQUE" value=""> <input type="hidden" name="I_NB_VMS" id="I_NB_VMS" value="1"> <input type="hidden" name="HA_DRS" id="HA_DRS" value="0"> <input type="hidden" name="S_SYSTEME" id="S_SYSTEME" value=""> <input type="hidden" name="I_SAUVEGARDE" id="I_SAUVEGARDE" value=""> <input type="hidden" name="I_INFOGERANCE" id="I_INFOGERANCE" value=""> <input type="hidden" value="serveur" name="m_type_commande" id="m_type_commande"> <div class="section" style="background-color: #F9F9F9; padding-top: 50px; padding-bottom: 50px;"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="text-center black-text">CLOUD VPS</h1> <h3 class="text-center black-text">Personnalisez votre serveur !</h3> </div> </div> <br> <div class="row"> <div class="col-md-12"> <div class="panel panel-cloud"> <div class="panel-body"> <div class="row"> <div class="col-md-12"> <h3 id="osSection" class="black-text mb-10">Système d'exploitation <small >(Prix en € HT/mois)</small></h3> </div> <div class="col-md-3"> <div class="row"> <div class="col-xs-12"> <input name="SYSTEME" class="custom-radio" type="radio" id="SYSTEME" value="413"> <label class="black-text" for="SYSTEME"><span></span>Centos [<strong class="font-weight-bold"> Gratuit </strong>]</label> </div> <div class="col-xs-12"> <input name="SYSTEME" class="custom-radio" type="radio" id="SYSTEME2" value="414"> <label class="black-text" for="SYSTEME2"><span></span>Debian [<strong class="font-weight-bold"> Gratuit </strong>]</label> </div> <div class="col-xs-12"> <input name="SYSTEME" class="custom-radio" type="radio" id="SYSTEME3" value="416"> <label class="black-text" for="SYSTEME3"><span></span>FreeBSD [<strong class="font-weight-bold"> Gratuit </strong>]</label> </div> </div> </div> <div class="col-md-6 col-lg-5"> <div class="row"> <div class="col-xs-12"> <input name="SYSTEME" class="custom-radio" type="radio" id="SYSTEME4" value="323" checked=""> <label class="black-text" for="SYSTEME4"> <span></span><div class="label label-warning">Conseillé </div>Centos + Merloz (domaines illimités) [<strong class="font-weight-bold"> Gratuit </strong>] </label> </div>  <div class="col-xs-12"> <input name="SYSTEME" class="custom-radio" type="radio" id="SYSTEME7" value="422"> <label class="black-text" for="SYSTEME7"><span></span>Virtualisation d'un Serveur Physique [<strong class="font-weight-bold"> Gratuit </strong>]</label> </div> </div> </div> <div class="col-md-3 col-lg-4"> <div class="row"> <div class="col-xs-12"> <input name="SYSTEME" class="custom-radio" type="radio" id="SYSTEME8" value="303"> <label class="black-text" for="SYSTEME8"><span></span>Red Hat Enterprise Linux [<strong class="font-weight-bold"> Gratuit </strong>]</label> </div> <div class="col-xs-12"> <input name="SYSTEME" class="custom-radio" type="radio" id="SYSTEME9" value="1134"> <label class="black-text" for="SYSTEME9"><span></span>Ubuntu [<strong class="font-weight-bold"> Gratuit </strong>]</label> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="panel panel-cloud"> <div class="panel-body"> <div class="row"> <div class="col-md-4 text-center"> <h3 class="mb-10">Processeur</h3> <div class="mb-15"><span class="font-weight-bold fs-20"> 3 € </span>HT/vCPU</div> <img class="img-responsive margin-auto" src="/src/templates/custom/images/cloud/processor.png" alt="processeur"> <div id="demo"> <div id="sliderPosition" class="font-size-25 red-text margin-top-15 margin-bottom-20">1 vCPU</div> </div> <div class="margin-top-15"> <button type="button" onclick="RemoveCPU();" class="btn btn-system" id="decrease" style="width:50px; height:30px;padding: 5px;"><i class="fa fa-minus"></i></button> <button type="button" onclick="AddCPU(0);" class="btn btn-system" id="increase" style="width:50px; height:30px;padding: 5px;"><i class="fa fa-plus"></i></button> </div> </div> <div class="col-md-4 text-center border-right-dadada border-left-dadada"> <h3 class="mb-10">Stockage</h3> <div class="mb-15"><span class="font-weight-bold fs-20"> 0.2 €</span> HT/Go</div> <img class="img-responsive margin-auto" src="/src/templates/custom/images/cloud/hdd.png" alt="hdd"> <div id="demo-2"> <div id="sliderPosition-2" class="font-size-25 red-text margin-top-15 margin-bottom-20">100 GO</div> </div> <div class="margin-top-15"> <button type="button" onclick="RemoveDisk();" class="btn btn-system" id="decrease-2" style="width:50px; height:30px;padding: 5px;"><i class="fa fa-minus"></i></button> <button type="button" onclick="AddDisk(0);" class="btn btn-system" id="increase-2" style="width:50px; height:30px;padding: 5px;"><i class="fa fa-plus"></i></button> </div> </div> <div class="col-md-4 text-center"> <h3 class="mb-10">Mémoire</h3> <div class="mb-15"><span class="font-weight-bold fs-20"> 3 €</span> HT/Go</div> <img class="img-responsive margin-auto" src="/src/templates/custom/images/cloud/memory-card.png" alt="memory card"> <div id="demo-3"> <div id="sliderPosition-3" class="font-size-25 red-text margin-top-15 margin-bottom-20">4 GO</div> </div> <div class="margin-top-15"> <button type="button" onclick="RemoveRAM();" class="btn btn-system" id="decrease-3" style="width:50px; height:30px;padding: 5px;"><i class="fa fa-minus"></i></button> <button type="button" onclick="AddRAM(0);" class="btn btn-system" id="increase-3" style="width:50px; height:30px;padding: 5px;"><i class="fa fa-plus"></i></button> </div> </div> </div> <br> <br> <div class="row"> <div class="col-md-2 border-right-dadada"> <h3 class="black-text">Sauvegarde*</h3> <div class="mb-10"><span class="font-weight-bold">10 €</span> HT/mois</div> <input name="SAUVEGARDE" type="checkbox" data-toggle="toggle" id="SAUVEGARDE" data-on-text="Oui" data-off-text="Non" > </div> <div class="col-md-7 border-right-dadada"> <h3 class="black-text">Infogérance <small >(Prix en € HT/mois)</small></h3> <div class="row"> <div class="col-md-12"> <input name="INFOGERANCE" type="radio" id="INFOGERANCE0" class="custom-radio" value="122" checked > <label class="font-size-15 black-text" for="INFOGERANCE0"><span></span> Aucun support </label> </div> </div> <div class="row"> <div class="col-md-12"> <input name="INFOGERANCE" type="radio" id="INFOGERANCE2" class="custom-radio" value="123" > <label class="font-size-15 black-text" for="INFOGERANCE2"><span></span> Infogérance Niveau 1 [<strong class="font-weight-bold"> 80 € </strong>]</label> </div> </div> <div class="row"> <div class="col-md-12"> <input name="INFOGERANCE" type="radio" id="INFOGERANCE3" class="custom-radio" value="405" > <label class="font-size-15 black-text" for="INFOGERANCE3"><span></span> Infogérance Niveau 2 (supervision, Installation / Configuration de logiciel, sécurité) [<strong class="font-weight-bold"> 80 € </strong>]</label> </div> </div> <div class="row"> <div class="col-md-12"> <input name="INFOGERANCE" type="radio" id="INFOGERANCE5" class="custom-radio" value="444" > <label class="font-size-15 black-text" for="INFOGERANCE5"><span></span> Infogérance Niveau 3 (supervision complète 24h/24 avec astreinte + MCO) [<strong class="font-weight-bold"> 200 € </strong>]</label> </div> </div> </div> <div class="col-md-3 text-center"> <a id="CommandeBnt" class="btn btn-system btn-red font-size-20" onClick="ValideCommande();"><i class="fa fa-shopping-cart"></i> Commander </a> <br> <div class="alert alert-info margin-top-15"> <div id="PrixHTCloud" class="black-text font-size-15"> </div> </div> </div> </div> </div> </div> <p class="grey-text font-size-15 font-weight-normal">*<strong><u>Sauvegarde</u></strong>: Votre serveur est sauvegardé tous les jours entre minuit et 8h du matin. Vous bénéficiez d'un historique sur 5 jours glissants vous permettant de récupérer soit des fichiers soit l'intégralité du serveur durant toute cette période.</p> </div> </div> <div class="row"> <div class="col-md-6 "> </div> </div> </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-4"> <img class="img-responsive no-padding margin-auto" src="/src/templates/custom/images/cloud/dell-partner.png" alt="dell partener"> </div> <div class="col-md-4"> <img class="img-responsive no-padding margin-auto" src="/src/templates/custom/images/cloud/uptime-99.9.png" alt="uptime"> </div> <div class="col-md-4"> <img class="img-responsive no-padding margin-auto" src="/src/templates/custom/images/cloud/vmware-certified.png" alt="dell partener"> </div> </div> </div> </div> <div class="section" style="background-color: #F9F9F9; padding-top: 50px; padding-bottom: 50px;"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-5 col-md-offset-1"> <ul class="font-size-15 black-text line-height-1-6"> <li class="padding-5-15"><i class="fa fa-angle-double-right"></i> Déploiement rapide</li> <li class="padding-5-15"><i class="fa fa-angle-double-right"></i> Bande passante redondante</li> <li class="padding-5-15"><i class="fa fa-angle-double-right"></i> Trafic illimité</li> <li class="padding-5-15"><i class="fa fa-angle-double-right"></i> Infrastructure redondée</li> </ul> </div> <div class="col-sm-6 col-md-4 col-md-offset-1"> <ul class="font-size-15 black-text line-height-1-6"> <li class="padding-5-15"><i class="fa fa-angle-double-right"></i> Vmware Certified</li> <li class="padding-5-15"><i class="fa fa-angle-double-right"></i> Vos codes en 10min</li> <li class="padding-5-15"><i class="fa fa-angle-double-right"></i> Dell Equallogic Certified</li> <li class="padding-5-15"><i class="fa fa-angle-double-right"></i> Construit pour une restauration rapide</li> </ul> </div> </div> </div> </div> </form> <div class="container padding-top50 padding-bottom50"> <div class="row"> <div class="col-xs-12 text-center"> <a href="https://www.hosteur.com/support" data-options="" class="btn-system no-border btn-large pack_option-2 font-size-20 py-15">CONTACTEZ-NOUS pour que nous puissions ensemble configurer votre CLOUD</a> </div> </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> <script type="text/javascript" src="https://www.hosteur.com/src/templates/custom/js/custom-slider-ui.js"></script>  <script type="text/javascript"> var objPrixOS = { '323': '0', '413': '0', '414': '0', '416': '0', '421': '0', '541': '0', '1134': '0', '1700': '0', '285': '4', '1078': '4', '1330': '4', '782': '8', '1079': '8', '64': '20', '793': '120', '1080': '120', '794': '248', '1081': '250', } var prixInfo = { '122': "0", '123': "80", '405': "80", '444': "200", }; $(function () { $("#gotoOs").click(function () { $("html, body").animate({ scrollTop: $("#osSection").offset().top }); }); }); $(function () { //Initialize Bootstrap Switch $("[name='SAUVEGARDE']").bootstrapSwitch(); $("input:radio").click(function () { CalCulPrixCloud(); }); $('input[name="SAUVEGARDE"]').on('switchChange.bootstrapSwitch', function (event, state) { CalCulPrixCloud(); }); CalCulPrixCloud(); }); var NbCPU = 1; var NbRAM = 4; var NbDisk = 100; var pricespec; var valueSave = 0; //-- Si la HA & DRS est activé var FK_CODE_TARIF = $("#FK_CODE_TARIF").val(); pricespec = { baseprice: "0.00", cpu_ghz_mo: 3, ram_gb_mo: 3, hdd_gb_mo: 0.2, }; function CalCulPrixCloud() { var prix = 0; //-- On recherche le prix du systeme d'exploitation /*if (escape($('input:radio[name=SYSTEME]:checked').val()) == 323) { PrixOS = 9.9; } else if (escape($('input:radio[name=SYSTEME]:checked').val()) == 285 || escape($('input:radio[name=SYSTEME]:checked').val()) == 471) { PrixOS = 19; } else if (escape($('input:radio[name=SYSTEME]:checked').val()) == 64) { PrixOS = 12; } else if (escape($('input:radio[name=SYSTEME]:checked').val()) == 303) { PrixOS = 29.9; } else if (escape($('input:radio[name=SYSTEME]:checked').val()) == 541) { PrixOS = 23; } else { PrixOS = 0; }*/ console.log('cpu ' + NbCPU); var osval = $('input:radio[name=SYSTEME]:checked').val(); PrixOS = parseFloat(objPrixOS[osval]); console.log(PrixOS); if(osval == '285' || osval == '471' || osval == '1078') {PrixOS = 2 * NbCPU; console.log(PrixOS);} if ($('#SAUVEGARDE').bootstrapSwitch('state') == true) { PrixSauvegarde = 10; valueSave = 1; } else { PrixSauvegarde = 0; valueSave = 0; } $("#I_SAUVEGARDE").val(valueSave); /* if (escape($('input:radio[name=SAUVEGARDE]:checked').val()) == 126) { PrixSauvegarde = 0; } else if (escape($('input:radio[name=SAUVEGARDE]:checked').val()) == 61) { PrixSauvegarde = 19.9; } else { PrixSauvegarde = 0; } */ /*if (escape($('input:radio[name=INFOGERANCE]:checked').val()) == 122) { PrixInfogerance = 0; } else if (escape($('input:radio[name=INFOGERANCE]:checked').val()) == 123) { PrixInfogerance = 50; } else if (escape($('input:radio[name=INFOGERANCE]:checked').val()) == 405) { PrixInfogerance = 120; } else if (escape($('input:radio[name=INFOGERANCE]:checked').val()) == 444) { PrixInfogerance = 200; } else { PrixInfogerance = 0; }*/ PrixInfogerance = parseFloat(prixInfo[escape($('input:radio[name=INFOGERANCE]:checked').val())]); //-- CPU prix = prix + NbCPU * pricespec.cpu_ghz_mo; //-- RAM prix = prix + NbRAM * pricespec.ram_gb_mo; //-- Disk prix = prix + NbDisk * pricespec.hdd_gb_mo; //-- prix = prix + PrixInfogerance + PrixSauvegarde + PrixOS; document.getElementById('PrixHTCloud').innerHTML = ' ' + Math.round(prix * 100) / 100 + ' € HT \/ mois'; prix = prix + prix * 20 / 100; /**document.getElementById('PrixTTCCloud').innerHTML = ' ' + Math.round(prix * 100) / 100 + ' € TTC \/ mois';**/ } function AddCPU(Value) { if (NbCPU >= 16) { return false; } if (Value != 0) { NbCPU = Value; } else { NbCPU = NbCPU + 1; } //-- document.getElementById('sliderPosition').innerHTML = NbCPU + ' vCPU'; //$("#SliderCPU").slider("option", "value", NbCPU); CalCulPrixCloud(); } function RemoveCPU() { if (NbCPU <= 1) { return false; } NbCPU = NbCPU - 1; document.getElementById('sliderPosition').innerHTML = NbCPU + ' vCPU'; // $("#SliderCPU").slider("option", "value", NbCPU); CalCulPrixCloud(); } function AddDisk(Value) { if (NbDisk >= 300) { return false; } if (Value != "") { NbDisk = Value; } else { NbDisk = NbDisk + 5; } document.getElementById('sliderPosition-2').innerHTML = NbDisk + ' GO'; //$("#SliderDISK").slider("option", "value", NbDisk); CalCulPrixCloud(); } function RemoveDisk() { if (NbDisk <= 20) { return false; } NbDisk = NbDisk - 5; document.getElementById('sliderPosition-2').innerHTML = NbDisk + ' GO'; //$("#SliderDISK").slider("option", "value", NbDisk); CalCulPrixCloud(); } function AddRAM(Value) { if (NbRAM >= 128) { return false; } if (Value != "") { NbRAM = Value; } else { NbRAM = NbRAM + 1; } document.getElementById('sliderPosition-3').innerHTML = NbRAM + ' GO'; // $("#SliderRAM").slider("option", "value", NbRAM); CalCulPrixCloud(); } function RemoveRAM() { if (NbRAM <= 1) { return false; } NbRAM = NbRAM - 1; document.getElementById('sliderPosition-3').innerHTML = NbRAM + ' GO'; // $("#SliderRAM").slider("option", "value", NbRAM); CalCulPrixCloud(); } function confirmForm() { return true; } function ValideCommande() { $("#PK_PRODUIT_REF").val('406'); $("#I_NB_MHZ").val(NbCPU); $("#I_NB_GO_RAM").val(NbRAM); $("#I_NB_GO_DISQUE").val(NbDisk); $("#S_SYSTEME").val($('input:radio[name=SYSTEME]:checked').val()); $("#I_SAUVEGARDE").val(valueSave); // $("#I_SAUVEGARDE").val($('input:radio[name=SAUVEGARDE]:checked').val()); $("#I_INFOGERANCE").val($('input:radio[name=INFOGERANCE]:checked').val()); if ($('input:radio[name=SYSTEME]:checked').val()) { var ID = escape($('input:radio[name=SYSTEME]:checked').val()); var NameOS = ""; $.ajax({type: 'POST', url: "/cloud/get-price", data: {ID: ID, type: 'name'}, async: false, success: function (data) { NameOS = data; } }); } if (!$('input:radio[name=SYSTEME]:checked').val()) { document.getElementById('alert-error').innerHTML = "Vous avez commandé un CLOUD avec :" + NbCPU + " CPU, " + NbRAM + " Go de RAM, " + NbDisk + " Go de disque. Vous n'avez pas encore sélectionné votre système d'exploitation, vous pouvez le choisir en bas de page."; $('#myModal').modal('show'); //alert("Vous avez commandé un CLOUD avec : " + NbCPU + " CPU, " + NbRAM + " Go de RAM, " + NbDisk + " Go de disque. Vous n'avez pas encore sélectionné votre système d'exploitation, vous pouvez le choisir en bas de page."); return false; } else { document.getElementById('alert-error').innerHTML = "Vous avez commandé un CLOUD avec :" + NbCPU + " CPU, " + NbRAM + " Go de RAM, " + NbDisk + " Go de disque avec le système d'exploitation" + NameOS + ""; $('#myModal').modal('show'); document.getElementById('confirmForm').style.display = ""; //var message = "Vous avez commandé " + NbCPU + " CPU, " + NbRAM + " Go de RAM, " + NbDisk + " Go de disque avec le système d'exploitation " + NameOS + ""; $('#confirmForm').click(function () { $("#I_SAUVEGARDE").val(valueSave); console.log('Save is' + valueSave); document.getElementById('CommandeCoud').submit(); return true; }); } } function SetCPU(Value) { NbCPU = Value; document.getElementById('sliderPosition').innerHTML = NbCPU + ' vCPU'; CalCulPrixCloud(); } function SetRAM(Value) { NbRAM = Value; document.getElementById('sliderPosition-3').innerHTML = NbRAM + ' GO'; CalCulPrixCloud(); } function SetDisk(Value) { NbDisk = Value; document.getElementById('sliderPosition-2').innerHTML = NbDisk + ' GO'; CalCulPrixCloud(); } </script> <script type="text/javascript"> $(document).ready(function () { $('#myModal').on('hidden.bs.modal', function () { $("#alert-error").html(''); $("html, body").animate({ scrollTop: $("#osSection").offset().bottom }); }); }); </script>    <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>   <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body text-center font-size-15 black-text" id="alert-error"> </div> <div class="modal-footer"> <button id="goToOs" type="button" class="btn btn-default" data-dismiss="modal">Fermer</button> <button id="confirmForm" type="button" class="btn btn-primary" style="display: none;">Confirmer</button> </div> </div> </div> </div> <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('1'); // 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 = "cloud.cloud"; 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

Cloud : Espace de Stockage sur mesure en ligne - Hosteur.com