Hébergement Web Sécurisé Dédié ou Mutualisé pas cher et VPS - Hosteur

<!doctype html> <html lang="fr-FR"> <head> <title>Hébergement Web Sécurisé Dédié ou Mutualisé pas cher et VPS - Hosteur - Hosteur.com</title> <meta name="description" content="Hébergement Web Sécurisé, VPS et Hébergement de sites Internet ou d’Application Web pour développer votre visibilité en ligne ! Découvrez nos offres d’hébergement c’est LA référence des hébergeurs en ligne en France ! Particuliers, PME / PMI, Professionnels, il y a forcément un hébergement pour vous chez Hosteur !"> <meta name="keywords" content="hébergement, hébergement mutualisé, site web, hébergement de site web, hébergement web, php5,hébérgement PARTICULIER,hébérgement PME / PMI,hébérgement pro, cloud">  <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/hebergement-web">  <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/hebergement-web" hreflang="fr"/> <link rel="alternate" href="https://www.hosteur.com/hebergement-web" hreflang="x-default"/> <link rel="icon" type="image/png" href="https://www.hosteur.com/src/templates/custom/images/favicon.ico?v=2" />  <link rel="stylesheet" href="https://www.hosteur.com/src/templates/bootstrap/css/bootstrap.min.css" type="text/css" media="screen"> <link rel="stylesheet" href="https://www.hosteur.com/src/templates/jquery-ui/jquery-ui.min.css"> <link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/vendar/css/all.min.css" media="screen" />              <link rel="stylesheet" href="https://www.hosteur.com/src/templates/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/custom/css/all.min.css" media="screen" />      <link rel="stylesheet" id="ms-fonts" href="//fonts.googleapis.com/css?family=Lato:300,700,regular" type="text/css" media="all"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:700,600,400,300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Nova+Round" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Belgrano" rel="stylesheet">  <style> #blackfridayPopup .modal-body{ font-family: 'AileronRegular'; background-color: #11B4E7; } .permanent-marker { font-family: 'Permanent Marker'; font-size: 65px; line-height: 65px; padding-bottom: 15px; } .fs-20 {font-size: 20px} .fs-25 {font-size: 25px} .fs-28 {font-size: 28px} .fs-30 {font-size: 30px;line-height:30px} .fs-35 {font-size: 30px} .fs-40 {font-size: 40px;line-height:40px} .fw-bold {font-weight:bold} .text-white {color:white} .text-red {color:#A6002D} .imgBF {margin-top: 20px; margin-bottom: 20px} .bf-height { display: flex; align-items: flex-end; height: 110px } .mb-15 {margin-bottom: 15px} .mb-30 {margin-bottom: 30px} .w-100 {width: 100%} .baloo {font-family: 'Baloo Da', cursive;} .xs-flex-center { display: flex; align-items: center; } @media (min-width: 768px) { .sm-flex-center { display: flex; align-items: center; } } @media (min-width: 992px) { .md-flex-center { display: flex; align-items: center; } } .bootstrap-select{padding:0} .bootstrap-select .text{ text-transform: none; color: #333; font-size: 14px; } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1071651335"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1071651335'); </script>   <script type="text/javascript" src="https://www.hosteur.com/src/templates/custom/js/allscripts.min.js"></script> <script type="text/javascript" src="https://www.hosteur.com/src/templates/vendar/js/owl.carousel.min.js"></script> <script type="text/javascript" src="https://www.hosteur.com/src/templates/vendar/js/nivo-lightbox.min.js"></script> <script type="text/javascript" src="https://www.hosteur.com/src/templates/vendar/js/script.min.js"></script> <script src="https://www.hosteur.com/src/templates/jquery-ui/jquery-ui.min.js"></script> <script type="text/javascript" src="https://www.hosteur.com/src/templates/custom/js/jquery.mCustomScrollbar.concat.min.js"></script>    <style> #tarteaucitronAlertSmall{ left: 0!important; right: auto!important; background: #074a5e!important; display:none!important; } #tarteaucitronAlertBig{ background: #074a5e!important; width: auto!important; max-width: 98%!important; margin-bottom: 5px!important; margin-left: 1%!important; padding: 10px!important; border: 1px solid #777!important; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5)!important; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5)!important; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5)!important; } #tarteaucitronDisclaimerAlert{ display:block!important; text-align: center!important; margin-bottom: 10px!important; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine { background: #074a5e!important; border-color: #074a5e!important; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover{ background: #074a5e!important; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle{ background: #074a5e!important; } div#tarteaucitronInfo{ border-color: #777!important; } #tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList{ border-color: #074a5e!important; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer{ left: 0!important; right: auto!important; } #tarteaucitronServices::-webkit-scrollbar-thumb { background-color: #5888b1!important; } /* tarteaucitron */ #tarteaucitronAlertBig{ width: auto!important; margin: 5px!important; padding: 10px!important; } #tarteaucitronCloseAlert{ display: none!important; } #tarteaucitronPersonalize { background: #1a936f!important; font-size: 14px!important; border-radius: 3px!important; padding: 3px 10px!important; } #tarteaucitronDisclaimerAlert strong { color: #1a936f!important; } </style> <script src="https://www.hosteur.com/src/templates/custom/tarteaucitron/tarteaucitron.js"></script> <script type="text/javascript"> /*var tarteaucitronCustomText = { "alertBigPrivacy": "Ce site utilise des cookies et vous donne le contrôle sur ce que vous souhaitez activer", "alertSmall": "Gestion des services", "acceptAll": "OK, tout accepter", "personalize": "Personnaliser", "close": "Fermer", "title": "Panneau de gestion des cookies", "all": "Préférences pour tous les services", "allowAll": "Autoriser tous les cookies", "denyAll": "Interdire tous les cookies", "allow": "Autoriser", "deny": "Interdire", "noCookie": "Ce service ne dépose aucun cookie.", "useCookie": "Ce service peut déposer", "useCookieCurrent": "Ce service a déposé", "useNoCookie": "Ce service n'a déposé aucun cookie.", "more": "En savoir plus", "source": "Voir le site officiel", "support": { "title": "Support", "details": "Les services de support vous permettent d'entrer en contact avec l'équipe du site et d'aider à son amélioration." }, "api": { "title": "APIs", "details": "Les APIs permettent de charger des scripts : géolocalisation, moteurs de recherche, traductions, ..." }, "video": { "title": "Vidéos", "details": "Les services de partage de vidéo permettent d'enrichir le site de contenu multimédia et augmentent sa visibilité." }, "analytic": { "title": "Mesure d'audience", "details": "Les services de mesure d'audience permettent de générer des statistiques de fréquentation utiles à l'amélioration du site." }, "ads": { "title": "Régies publicitaires", "details": "Les régies publicitaires permettent de générer des revenus en commercialisant les espaces publicitaires du site." } };*/ tarteaucitronForceLanguage = 'fr'; tarteaucitron.init({ "privacyUrl": "", /* Privacy policy url */ "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ "cookieName": "tartaucitron", /* Cookie name */ "orientation": "bottom", /* Banner position (top - bottom) */ "showAlertSmall": false, /* Show the small banner on bottom right */ "cookieslist": false, /* Show the cookie list */ "adblocker": false, /* Show a Warning if an adblocker is detected */ "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */ "highPrivacy": false, /* Disable auto consent */ "handleBrowserDNTRequest": false, /* If Do Not Track == 1, accept all */ "removeCredit": false, /* Remove credit link */ "moreInfoLink": true, /* Show more info link */ //"cookieDomain": ".my-multisite-domaine.fr" /* Shared cookie for subdomain */ }); /* zopim */ tarteaucitron.user.zopimID = '269BuoStmzmqo0R8GBoBcq8xdvQ2r4va'; (tarteaucitron.job = tarteaucitron.job || []).push('zopim'); /* analytics (ga.js) */ tarteaucitron.user.gajsUa = 'UA-803674-1'; tarteaucitron.user.gajsMore = function () {}; (tarteaucitron.job = tarteaucitron.job || []).push('gajs'); /* analytics (universal) */ tarteaucitron.user.analyticsUa = 'UA-803674-1'; tarteaucitron.user.analyticsMore = function () {}; (tarteaucitron.job = tarteaucitron.job || []).push('analytics'); /* recaptcha */ (tarteaucitron.job = tarteaucitron.job || []).push('recaptcha'); /* fb pixel */ tarteaucitron.user.facebookpixelId = '895537370555659'; tarteaucitron.user.facebookpixelMore = function () { /* add here your optionnal facebook pixel function */ }; (tarteaucitron.job = tarteaucitron.job || []).push('facebookpixel'); /* youtube */ (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); </script> </head> <body>  <div id="container" class="" style="background: #F8F8F8;">   <style> .tt-none{text-transform: none!important;} .ul-nav { display:flex; } .a-parent-menu{ justify-content: start; display: flex !important; } .new-style-nav{ padding: 9px 0px; } </style> <script> </script> <header>  <style> .small-menu-container{ z-index: 7; position: relative; } .navbar-brand{ margin-right: .5rem; padding-left: 1rem; } .navbar-brand img{ /*padding-right: 30px;*/ /*border-right: 1px solid #eee;*/ } .navbar-container{ position: absolute; width: 100%; z-index: 10; width: 100%; } .tel-container{ } .tel-container .dropdown{ display: inline-block; } .tel-container .dropdownn{ display: inline-block; } .tel-container .dropdown-toggle{ border: none!important; outline: none!important; background: transparent!important; color: #647272!important; box-shadow: none!important; line-height: 14px; } .tel-container .dropdown-toggle-lang{ border: none!important; outline: none!important; background: transparent!important; color: #647272!important; box-shadow: none!important; line-height: 14px; } .tel-container .dropdown-toggle::after{ border-top: .27em solid; border-right: 0.27em solid transparent; border-left: .27em solid transparent; display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: middle/*.255em*/; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .tel-container .dropdown-toggle-lang::after{ border-top: .27em solid; border-right: 0.27em solid transparent; border-left: .27em solid transparent; display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: middle/*.255em*/; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .tel-container.supprot-menu .dropdown-toggle::after{ } .tel-container .dropdown-item{ font-size: 11px; line-height: 19px; color: #647272; font-weight: 600; padding: .25rem 12px; display: block; white-space: nowrap; cursor: pointer; } .tel-container .dropdown-item-lang{ font-size: 11px; line-height: 19px; color: #647272; font-weight: 600; padding: .25rem 12px; display: block; white-space: nowrap; cursor: pointer; } .tel-container .dropdown-item:hover, .tel-container .dropdown-item:focus { background-color: #f8f9fa; } .tel-container .dropdown-item-lang:hover, .tel-container .dropdown-item-lang:focus { background-color: #f8f9fa; } .tel-container .dropdown-item.active, .tel-container .dropdown-item:active { background-color: #eee; } .tel-container .dropdown-item-lang.active, .tel-container .dropdown-item-lang:active { background-color: #eee; } .tel-container .dropdown-item span{ vertical-align: middle; } .tel-container .dropdown-item-lang span{ vertical-align: middle; } .tel-content{ display: inline-block; vertical-align: middle; font-size: 12px; color: #647272; font-weight: 600; } .tel-container .dropdown-toggle:hover .tel-content{ color: #1a936f; } .tel-container .dropdown-toggle-lang:hover .tel-content{ color: #1a936f; } .tel-container .nav-link{ padding-right: 0!important; padding-left: 0!important; line-height: 16.5px; } .tel-flag{ display: inline-block; width: 20px; height: 13px; margin-right: 5px; vertical-align: middle; background-position: center; background-size: cover; background-repeat: no-repeat; } .tel-flag-fr{ background-image: url('../src/templates/custom/images/business/flag/flag-fr.png'); } .tel-flag-it{ background-image: url('../src/templates/custom/images/business/flag/flag-it.png'); } .tel-flag-es{ background-image: url('../src/templates/custom/images/business/flag/flag-es.png'); } .tel-flag-ie{ background-image: url('../src/templates/custom/images/business/flag/flag-ie.png'); } .tel-flag-ch{ background-image: url('../src/templates/custom/images/business/flag/flag-ch.png'); } .tel-flag-lu{ background-image: url('../src/templates/custom/images/business/flag/flag-lu.png'); } .tel-flag-be{ background-image: url('../src/templates/custom/images/business/flag/flag-be.png'); } .tel-flag-bg{ background-image: url('../src/templates/custom/images/business/flag/flag-bg.png'); } .tel-flag-mt{ background-image: url('../src/templates/custom/images/business/flag/flag-mt.png'); } .tel-flag-uk{ background-image: url('../src/templates/custom/images/business/flag/flag-uk.png'); } .tel-flag-cz{ background-image: url('../src/templates/custom/images/business/flag/flag-cz.png'); } .tel-flag-de{ background-image: url('../src/templates/custom/images/business/flag/flag-de.png'); } .small-nav-container{ /*border-bottom: 1px solid #eee; background-color: #fdfdfd; padding: 0 5%;*/ } #smallNav{ justify-content: flex-end; } .small-nav{ font-size: 11px; font-weight: 700; float: right; align-items: center; height: 61px; padding-right: 1rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-nav .nav-link{ margin: 0 0px; padding: .5rem .5rem; font-weight: 700; font-size: 11px; } .small-nav .nav-link:not(.btn-mini){ color: #647272; } .small-nav .nav-link:not(.btn-mini):hover{ color: #1a936f; } .small-nav .nav-link.nav-ling-mr{ margin-right: 4px; } .navbar-toggler{ margin-right: 10px; outline: 0!important; } .navbar-toggler.fh{ height: 60px; } .toggler-bar{ width: 30px; height: 3px; margin: 5px 0; background-color: #1a936f;/*#db794c;*/ display: block; transition: all linear .2s; } .toggler-bar.white{ background-color: white; } .navbar-toggler:not(.collapsed) .toggler-bar.t-1{ transform: rotateZ(45deg) translateY(6px) translateX(6px); } .navbar-toggler:not(.collapsed) .toggler-bar.t-2{ opacity: 0; } .navbar-toggler:not(.collapsed) .toggler-bar.t-3{ transform: rotateZ(-45deg) translateY(-6px) translateX(5px); } .btn-business, .btn-business-outline{ border: 1px solid #1a936f; font-weight: 700; border-radius: 2px; position: relative; z-index: 0; padding: .6rem 1.8rem; text-transform: uppercase; font-size: 12px; display: inline-block; background: transparent; outline: 0!important; cursor: pointer; } .btn-business.btn-mini, .btn-business-outline.btn-mini{ padding: .5rem 1rem; font-size: 11px; } .btn-business, .btn-business:focus, .btn-business:active{ background: #1a936f; color: white; } .btn-business-outline, .btn-business-outline:focus, .btn-business-outline:active{ color: #1a936f; } .btn-business::before, .btn-business-outline::before{ content: ""; position: absolute; top: 60%; left: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #1a936f; -ms-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s; z-index: -1; margin: 0; } .btn-business::before{ width: 100%; height: 100%; top: 50%; left: 50%; } .btn-business-outline::before{ width: 0; height: 0; } /* btn style callcenter */ .btn-business.style-callcenter, .btn-business-outline.style-callcenter{ border: 1px solid #e7457a; } .btn-business.style-callcenter{ background: #e7457a; } .btn-business-outline.style-callcenter{ color: #e7457a; } .btn-business.style-callcenter::before, .btn-business-outline.style-callcenter::before{ background: #e7457a; } /* btn style 2 */ .btn-business.style-2, .btn-business-outline.style-2{ border: 1px solid #db794c; } .btn-business.style-2{ background: #db794c; } .btn-business-outline.style-2{ color: #db794c; } .btn-business.style-2::before, .btn-business-outline.style-2::before{ background: #db794c; } /* btn style 3 */ .btn-business.style-3, .btn-business-outline.style-3{ border: 1px solid #647272; } .btn-business.style-3{ background: #647272; } .btn-business-outline.style-3{ color: #647272; } .btn-business.style-3::before, .btn-business-outline.style-3::before{ background: #647272; } /* btn style 4 */ .btn-business.style-4, .btn-business-outline.style-4{ border: 1px solid #16282d; } .btn-business.style-4{ background: #16282d; } .btn-business-outline.style-4{ color: #16282d; } .btn-business.style-4::before, .btn-business-outline.style-4::before{ background: #16282d; } /* btn style ragna */ .btn-business.style-ragna, .btn-business-outline.style-ragna{ border: 1px solid #795738; } .btn-business.style-ragna{ background: #795738; } .btn-business-outline.style-ragna{ color: #795738; } .btn-business.style-ragna::before, .btn-business-outline.style-ragna::before{ background: #795738; } /* btn white */ .btn-business.style-white, .btn-business-outline.style-white{ border: 1px solid white; } .btn-business.style-white{ background: white; } .btn-business-outline.style-white{ color: white; } .btn-business.style-white::before, .btn-business-outline.style-white::before{ background: white; } /* btn hover */ .btn-business:hover{ background: none; color: white; } .btn-business-outline:hover{ color: white; } .btn-business:hover::before, .btn-business-outline:hover::before{ width: 98%; width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); height: 98%; height: -webkit-calc(100% - 2px); height: -moz-calc(100% - 2px); height: calc(100% - 2px); left: 0; top: 0; -moz-transform: none; -webkit-transform: none; transform: none; margin: 1px; } /* btn white hover */ .btn-business.style-white.hover-green:hover, .btn-business-outline.style-white.hover-green:hover{ color: #1a936f; } .btn-business.style-white.hover-orange:hover, .btn-business-outline.style-white.hover-orange:hover{ color: #db794c; } .btn-business.style-white.hover-darkgray:hover, .btn-business-outline.style-white.hover-darkgray:hover{ color: #16282d; } @media (max-width: 991px){ .small-nav{ display: block; background-color: white; height: auto; padding: 20px; } .small-menu-container { width: auto; } } /* test new style pour le dropdown */ .tel-containerr { position: relative; } .dropdown-toggle-lang { width: 100%; text-align: left; font-weight: bold; background-color: white; } .dropdown-menu-wide { display: none; position: absolute; top: 100%; left: -192px; width: 1171px; background-color: #f8f9fa; border: 1px solid #ddd; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; padding: 20px; box-sizing: border-box; cursor: pointer; } .dropdownn:hover .dropdown-menu-wide { display: block; } .dropdown-columns { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; position: relative; } .column { flex: 1 1 calc(25% - 10px); min-width: 200px; } .dropdown-item-lang { display: block; padding: 8px 12px; color: #333; text-decoration: none; } .dropdown-item-lang:hover { background-color: #e9ecef; color: #007bff; } .separator-title { border: none; border-top: 1px solid #ddd; margin: 10px 0; } .separator-column { width: 2px; background-color: #ddd; margin: 0 10px; } @media screen and (max-width: 768px) { .dropdown-columns { flex-direction: column; gap: 0; } .column { width: 100%; } .separator-column { display: none; } .dropdown-menu-wide { position: absolute; top: 100%; left: -75px; width: 266px; background-color: #f8f9fa; border: 1px solid #ddd; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; padding: 20px; box-sizing: border-box; cursor: pointer; } } </style> <div class="container small-menu-container"> <nav class="navbar navbar-default small-nav-container">  <div class="navbar-header"> <button type="button" class="navbar-toogler navbar-toggle collapsed" data-toggle="collapse" data-target="#smallNav" aria-expanded="false"> <span class="toggler-bar t-1"></span> <span class="toggler-bar t-2"></span> <span class="toggler-bar t-3"></span> </button> <a class="navbar-brand" href="/web"><img src="/src/templates/custom/images/logo/hosteur-web-services-logo.png" /></a> </div>  <div class="collapse navbar-collapse" id="smallNav"> <ul class="nav navbar-nav navbar-right small-nav text-uppercase"> <li class="nav-item"> <div class="tel-containerr"> <div class="dropdownn"> <button class="btn btn-secondary dropdown-toggle-lang" type="button" id="dropdownLangMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="tel-flag tel-flag-fr"></span>  <span class="tel-elem">FR</span> </button> <div class="dropdown-menu-wide" aria-labelledby="dropdownLangMenu"> <div> <h2 style="font-size: 18px;">Choisissez votre langue</h2> <hr class="separator-title"> </div> <div class="dropdown-columns"> <div class="column"> <a class="dropdown-item-lang" data-user="|shared-hosting||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="|shared-hosting||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="|shared-hosting||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="|shared-hosting||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="|shared-hosting||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="|shared-hosting||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="|shared-hosting||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="|shared-hosting||de" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-de"></span>  <span class="tel-elem">Deutschland - Deutsch (€)</span></a> </div> </div> </div> </div> </div> </li> <li class="nav-item"> <div><a class="nav-link active" href="/informations">A PROPOS DE NOUS</a></div> </li>  <li class="nav-item">  <div class="tel-container"> <div class="dropdow"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="nav-link text-uppercase">Support</span> </button> <div class="dropdown-menu dropdown-menu-left" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="/support"><span class="tel-elem">Contact</span></a> <a class="dropdown-item" href="/niveaux-de-support"><span class="tel-elem">Niveaux de support</span></a> <a class="dropdown-item" href="/ressources/"><span class="tel-elem">Ressources</span></a> <a class="dropdown-item" href="/ressources/aide"><span class="tel-elem">Aide</span></a> </div> </div> </div> </li> <li class="nav-item"> <div class="tel-container"> <div class="dropdow"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <div class="tel-flag tel-flag-fr"></div> <div class="tel-content"> <span>(+33) 9 88 66 05 50</span> </div> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-fr"></div>  <span class="tel-elem">(+33) 9 88 66 05 50</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-bg"></div>  <span class="tel-elem">(+359) 24 91 70 09</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-ch"></div>  <span class="tel-elem">(+41) 22 506 81 81</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-lu"></div>  <span class="tel-elem">(+352) 27 86 02 94</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-be"></div>  <span class="tel-elem">(+32) 2 586 17 88</span></span> </div> </div> </div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline style-callcenter btn-mini mr-0" href="https://www.hosteur.pro/fr/" target="_blank">Callcenter</a></div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline btn-mini mr-0" href="/business">GRANDS COMPTES</a></div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline style-ragna btn-mini mr-0" href="/cloud/elastic-ragnarokkr" target="_blank">RAGNARØKKR</a></div> </li> <li class="nav-item"> <div> <a id="dynamicLink" class="m-link nav-link btn-business btn-mini style-2 mr-0"> <i class="fa fa-sign-in" aria-hidden="true"></i>  Espace client </a> </div> </li> </ul> </div> </nav> </div> <script> function getCurrentTLD() { const currentURL = window.location.hostname; const parts = currentURL.split('.'); const topLevelDomain = parts[parts.length - 1]; return topLevelDomain; } const currentTLD = getCurrentTLD(); console.log("currentTLD",currentTLD); let dynamicURL; if (currentTLD === 'bg') { dynamicURL = 'https://manager.hbg.bg/v3/template/src/app/dashboard'; } else { dynamicURL = `https://manager.hosteur.${currentTLD}/v3/template/src/app/dashboard`; } // Set the href attribute of the anchor tag document.getElementById('dynamicLink').setAttribute('href', dynamicURL); //redirection to the site chosen by tld from the menu function navigateToUrlTld(element) { const dataUser = element.getAttribute('data-user'); const values = dataUser.split('|'); switch (values[3]) { case 'com': window.location.href = "https://www.hosteur.com/" + values[0]; break; case 'uk': window.location.href = "https://www.hosteur.uk/" + values[2]; break; case 'ie': window.location.href = "https://www.hosteur.ie/" + values[2]; break; case 'es': window.location.href = "https://www.hosteur.es/" + values[2] ; break; case 'mt': window.location.href = "https://www.hosteur.mt/" + values[2] ; break; case 'bg': window.location.href = "https://www.hbg.bg/" + values[2] ; break; case 'it': window.location.href = "https://www.hosteur.it/" + values[2] ; break; case 'cz': window.location.href = "https://www.hosteur.cz/" + values[2] ; break; case 'de': window.location.href = "https://www.hosteur.de/" + values[2] ; break; default: window.location.href = "https://www.hosteur.com/"; console.log('Site TLD non pris en charge:'); break; } } function navigateToUrlTld_1(element) { const dataUser = element.getAttribute('data-user'); const values = dataUser.split('|'); switch (values[3]) { case 'com': window.location.href = "https://www.hosteur.com/" + values[0]; break; case 'uk': window.location.href = "https://www.hosteur.uk/" + values[1]; break; case 'ie': window.location.href = "https://www.hosteur.ie/" + values[1]; break; case 'es': window.location.href = "https://www.hosteur.es/" + values[1] ; break; case 'mt': window.location.href = "https://www.hosteur.mt/" + values[1] ; break; case 'bg': window.location.href = "https://www.hbg.bg/" + values[1] ; break; case 'it': window.location.href = "https://www.hosteur.it/" + values[1] ; break; case 'cz': window.location.href = "https://www.hosteur.cz/" + values[1] ; break; case 'de': window.location.href = "https://www.hosteur.de/" + values[1] ; break; default: window.location.href = "https://www.hosteur.com/"; console.log('Site TLD non pris en charge:'); break; } } </script>  <nav class="navbar navbar-inverse navbar-static-top new-style-nav"> <div class="container nav-header-auto"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>  </div> <div id="navbar" class="navbar-collapse collapse "> <ul class="nav navbar-nav ul-nav"> <li role="presentation" class="dropdown "> <a id="drop1" href="https://www.hosteur.com/domaines/depot" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Domaines <i class="fa fa-angle-down margin-top-3"></i></a> <div id="menu1" class="dropdown-menu full-width" role="menu" aria-labelledby="drop1"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/depot"> Réservez votre nom de domaine</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/transfert"> Transférez votre nom de domaine</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/tarifs-des-noms-de-domaines"> Tarifs Des Noms De Domaines</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/fast-anycast-dns"> DNS Fast Anycast</a></li> </ul> </div>  </div> </div> </div> </li> <li role="presentation" class="dropdown "> <a id="drop11" href="https://www.hosteur.com/hebergement-web" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Hébergement web et sites <i class="fa fa-angle-down margin-top-3"></i></a> <div id="menu11" class="dropdown-menu full-width" role="menu" aria-labelledby="drop11"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web/hosteurpanel"> Hosteur Panel <strong class="red-text">(NOUVEAU)</strong></a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web/flexone"> Hébergement web FlexOne </a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web"> Hébergements web</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/wordpress/"> WordPress</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web/site-builder"> Création de sites web</a></li>  </ul> </div> </div> </div> </div> </li>  <li class="dropdown "> <a id="drop2" href="https://www.hosteur.com/cloud/" class="a-parent-menu dropdown-toggle" data-toggle="dropdown"> Cloud <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu2" class="dropdown-menu full-width" role="menu" aria-labelledby="drop2"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul>  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/bare-metal/"> Bare Metal</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/cloud-prive-version-10Gbits" class="tt-none"> Cloud Privé / Hybride en 10 Gbit/s</a></li>   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/VPS"> Cloud / VPS</a></li>  </ul> </div> <div class="col-sm-4"> <ul>   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/start-up"> OFFRE START-UP</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/serveurs/nos-datacenters"> Nos Datacenters</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/elastic-ragnarokkr"> RAGNAROKKR (cloud facturé à l'usage)</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/vdi"> Bureau virtuel (VDI)</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/formation-vdi"> Salle de formation virtuelle</a></li> </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop33" href="https://www.hosteur.com/serveurs/nos-datacenters" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Licences <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu33" class="dropdown-menu full-width" role="menu" aria-labelledby="drop33"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/anti-virus">Anti-virus Poste client</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/anti-virus-and-firewall">Anti-virus Serveur</a></li>  </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/protection-ordinateur">Protection ordinateur (Lina)</a></li> </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop4" href="https://www.hosteur.com/securite/ssl" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Sécurité <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu4" class="dropdown-menu full-width" role="menu" aria-labelledby="drop4"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/transfert-certificat">Transfert Certificat <strong class="red-text">(NOUVEAU)</strong></a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/ssl"> Certificat SSL</a> </li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/lets-encrypt">Let's Encrypt SSL</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/authentication-rsa">Authentification RSA</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/clavister">Firewall Clavister</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/yubikey">YubiKey</a></li> </ul> </div> </div> </div> </div> </li> <li role="presentation"> <a class="a-parent-menu" href="https://www.hosteur.com/office/office-365"> Office 365 </a> </li> <li class="dropdown "> <a id="drop5" href="https://www.hosteur.com/email-pro/microsoft-exchange-2019" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Messagerie <i class="fa fa-angle-down margin-top-3"></i></a> <div id="menu5" class="dropdown-menu full-width" role="menu" aria-labelledby="drop5"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/email-pro/microsoft-exchange-2019"> Exchange 2019</a></li>    </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/email-pro/hosteur-spam-protect"> Hosteur Spam Protect</a></li>  </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop6" href="https://www.hosteur.com/stockage/hdrive" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Stockage et Backup <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu6" class="dropdown-menu full-width" role="menu" aria-labelledby="drop6"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/stockage/hdrive"> HDrive / Stockage en ligne</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/stockage/hosteur-cloud-veeam-service"> Hosteur Cloud Veeam Service</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/business/stockage/bucket"> Hosteur Bucket</a></li> </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop7" href="https://www.hosteur.com/promotions" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Nos promotions <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu7" class="dropdown-menu full-width" role="menu" aria-labelledby="drop7"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/promotions">Promotions Hosteur </a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/remises-speciales"> Remises Spéciales</a></li> </ul> </div> </div> </div> </div> </li>  </ul> </div> </div> </nav> </header>  <div id="dropdown-menu" class="full-sections" style="background-color: #F8F8F8;"> <div class="container custom-dropdown"> </div> </div>  <style> .page-banner-shared-hosting .orange{ color:#efd310!important; font-weight: bold!important; font-size: 17px; } .page-banner-shared-hosting{ padding: 0!important; background-image: none; background: white; } .page-banner-shared-hosting .container{ padding-top: 15px; padding-bottom: 15px; background-color: #5cbad5; background-image: url(/src/templates/custom/images/hosting/banner-shared-hosting-v2.png); background-repeat: no-repeat; background-size: auto 100%; background-position: 60% 0%; } </style> <script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0094/8331.js" async="async"></script> <div class="page-banner banner page-banner-shared-hosting no-subtitle"> <div class="container"> <div class="row"> <div class="col-md-7 col-md-offset-5"> <div class="row"> <div class="col-md-12"> <h1 class="text-uppercase line-height-1-6 domain-now-text white-text" data-animation="fadeInUp" data-animation-delay="01" style="margin-left: 37px;">Hébergement web - Nos avantages </h1>  </div> </div> <div class="row"> <div class="col-md-6" style="margin-top: 30px;"> <div class="col-md-12" style="border-right: 2px solid black"> <p style="margin-top: -6px;" class="white-text" data-animation="fadeInLeft" data-animation-delay="03"><i class="fa fa-check" style="margin-right: 7px;"></i> Nom de domaine <span class="jaune" style='font-size: 17px;'>offert</span>*</p> <p class="white-text" data-animation="fadeInLeft" data-animation-delay="03"><i class="fa fa-check" style="margin-right: 7px;"></i> SSL et Site Builder <span class="orange">inclus</span></p> <p class="white-text" data-animation="fadeInLeft" data-animation-delay="03"><i class="fa fa-check" style="margin-right: 7px;"></i> Bases de données <span class="orange">illimitées</span></p> <p class="white-text" data-animation="fadeInLeft" data-animation-delay="03"><i class="fa fa-check" style="margin-right: 7px;"></i> Boîtes e-mail <span class="orange">illimitées</span></p> <p class="white-text" data-animation="fadeInLeft" data-animation-delay="03"><i class="fa fa-check" style="margin-right: 7px;"></i> Espace disque <span class="orange">illimité</span></p> </div> </div> <div class="col-md-6" style="margin-top: 30px;"> <div class="col-md-12"> <p style="margin-top: -6px;" class="white-text" data-animation="fadeInRight" data-animation-delay="03"><i class="fa fa-check" style="margin-right: 7px;"> </i> Bande passante <span class="jaune" style='font-size: 17px;'>illimitée</span></p> <p class="white-text" data-animation="fadeInRight" data-animation-delay="03"><i class="fa fa-check" style="margin-right: 7px;"> </i> PHP dernière version</p> <p class="white-text" data-animation="fadeInRight" data-animation-delay="03"><i class="fa fa-check" style="margin-right: 7px;"></i> Dispo <span class="jaune" style='font-size: 17px;'>99.90%</span></p> <p class="white-text" data-animation="fadeInRight" data-animation-delay="03"><i class="fa fa-check" style="margin-right: 7px;"></i> Baie de Stockage SSD</p>  </div> </div> </div> <div class="row"> <div class="col-md-8 col-md-offset-4"> <a style="margin-top:30px;margin-left: 7px;" href="#order-now" class="or btn btn-system text-center text-uppercase" data-animation="fadeInDown" data-animation-delay="03">Commander <i class="fa fa-arrow-circle-down"></i></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">Hébergements web</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> <style> .site-builder-flag:before{ background-image: url('/src/templates/custom/images/hosting/site-builder-flag-1.png'); content: ""; width: 15px; height: 54px; position: absolute; top:0; left:-15px; } .site-builder-flag:after{ background-image: url('/src/templates/custom/images/hosting/site-builder-flag-3.png'); content: ""; width: 10px; height: 54px; position: absolute; top:0; right:-9px; } .site-builder-flag{ background-image: url('/src/templates/custom/images/hosting/site-builder-flag-2.png'); background-repeat:no-repeat; background-size: 100% 54px; height: 54px!important; box-sizing: border-box; width: 100%; margin: 0; position: relative; display:flex; align-items:center; } .site-builder-flag div{ padding: 0; } .site-builder-flag p{ line-height:10px; font-size:16px; display:inline-block; } .site-builder-info { color: #fff; background-color: #db503c; padding: 0 7px; border-radius: 8px; font-size: 11px; margin-bottom: 7px; display: inline-block; } .site-builder-info:hover{ box-shadow: 0px 0px 2px #555; color: #888; background-color: #e7e7e7; } .text-shadow-grey{ text-shadow:1px 1px 1px #888; } .site-builder-panel{ width: 200px; height: 200px; background-image: url('/src/templates/custom/images/hosting/site-builder-panel-text-1eur.png'); display: flex; align-items: center; transition: all linear 0.5s; background-size: 100%; cursor: pointer; } .site-builder-panel:hover{ -webkit-filter: hue-rotate(-83deg); filter: hue-rotate(-83deg); } .panel .fa-check:before { content: "\f00c"; color: rgb(28, 183, 55); } .banner .fa-check{ color: #f67218; } .orange{ color: #f67218; font-weight: bold; font-size: 14px; } .orange:hover{ font-size: 18px; } .pricing-table .plan-price .price-value:hover { color: #f67218; } .btn-system { color: #fff!important; } .panel-default { border-color: #f6f6f6; box-shadow: 1px 2px 3px -1px; } .page-banner-shared-hosting { min-height: 250px; background-position: 50%; border-bottom: 0px solid; } .or{ background-color: #f67618; } .or:hover{ background-color: #d02a12; } .banner p { font-size: 17px!important; } .jaune{ color:#efd310; font-weight: bold; } .full-sections { border-top: white; background-color: #fff; } .pricing-table .plan-price { padding: 10px 0!important; } .pricing-table { border-bottom: 1px solid #ccc!important; } .plan-1-year{ font-size: 11px; color: #666; margin-bottom: 20px; font-weight: 400; } .plan-free{ font-size: 11px; color: #666; margin-bottom: 20px; font-weight: 400; } .plan-realprice{ /*font-weight: 600;*/ } .pricing-heb{ margin-bottom: 5px; } .panel-cst-4 .panel-heading { background-color: #0d70a2; border-bottom: 0; } .page-banner-shared-hosting { margin-top: -21px; } .arrow-down-4 { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #0d70a2; margin: auto; } .produit-vert-bande{ color: white; font-weight: 600; font-size: 18px; font-family: 'Open Sans',sans-serif; line-height: 33px; text-transform: uppercase; } .produit-vert-bande.produit-vert-true{ background: #38A247; position: relative; } .produit-vert-bande.produit-vert-true::before{ position: absolute; width: 48px; height: 45px; content:""; top: -100%; right: 8px; background-image: url('/src/templates/custom/images/produit-vert-leaf.png'); background-size: contain; background-position: center; background-repeat: no-repeat; } </style>   <div class="section" style="background-color: #FFF; padding-top: 10px; padding-bottom: 50px;"> <div class="container"> <div class="row" id="order-now"> <div class="col-md-3"> <div class="panel panel-default pricing-heb panel-cst-1"> <div class="panel-heading"> <div class="row"> <div class="col-md-12"> <div class="white-text text-center font-size-30 margin-15">Plan Gratuit<br> </div> </div> </div> </div> <div class="panel-body bg-color-f6f6f6 text-center no-padding"> <div class="arrow-down-1"> </div> <div class="row"> <div class="col-md-12"> <div class="pricing-table pricing-cst-1"> <div class="plan-price"> <div class="price-value" data-price="website-builder-2">0 € <b class="font-size-15">HT/mois</span></b></div>  </div> <div class="produit-vert-bande">   </div>  </div> </div> </div> <div class="row border-top-fff"> <div class="col-md-12 padding-15"> <div class="row margin-top-15"> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> <span class="orange">1</span> vCPU et <span class="orange">1</span> Go RAM</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Espace disque <span class="orange">illimité</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Bases de données <span class="orange">illimitées</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Nombre de sites <span class="orange">illimités</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Boîtes e-mail <span class="orange">illimitées</span> (Espace disque <span class="orange">1</span> Go maximum)</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> <span class="orange">10 000</span> visiteurs MAX recommandé par jour</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> PHP 5.6/7.1/7.2/7.3/7.4/8</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> SSL Let’s Encrypt <span class="orange">inclus</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Site builder <span class="orange">inclus</span></p> </div> <div class="col-md-12 padding-5-15"> <p> </p> </div> </div> </div> </div> </div> <div class="panel-footer"> <div class="row"> <div class="col-xs-12 text-center"> <form name="rechercher_form_index" id="rechercher_form_index" class="search-domain form-inline m-link" method="post" action="https://manager.hosteur.com/#/flexone"> <input type="hidden" name="B_FLEXONE_FREE" value="1"> <button type="submit" id="ID_RECHERCHE_INDEX" class="btn-system no-border btn-large pack_option-2 font-size-20 py-15"><i class="fa fa-shopping-cart"></i> Commander</button> </form> </div> </div> </div> </div> <div class="plan-free">Plan gratuit pour une durée de trente jours</div> </div> <div class="col-md-3"> <div class="panel panel-default pricing-heb panel-cst-2"> <div class="panel-heading"> <div class="row"> <div class="col-md-12"> <div class="white-text text-center font-size-30 margin-15">STARTER<br> </div> </div> </div> </div> <div class="panel-body bg-color-f6f6f6 text-center no-padding"> <div class="arrow-down-2"> </div> <div class="row"> <div class="col-md-12"> <div class="pricing-table pricing-cst-2"> <div class="plan-price"> <div class="price-value" data-price="website-builder-2">1 € <b class="font-size-15">HT/mois</span></b></div>  </div> <div class="produit-vert-bande">   </div>  </div> </div> </div> <div class="row border-top-fff"> <div class="col-md-12 padding-15"> <div class="row margin-top-15"> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> <span class="orange">1</span> domaine <span class="orange">offert</span>*</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> <span class="orange">1</span> vCPU et <span class="orange">1</span> Go RAM</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Espace disque <span class="orange">illimité</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Bases de données <span class="orange">illimitées</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Nombre de sites <span class="orange">illimités</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Boîtes e-mail <span class="orange">illimitées</span> (Espace disque <span class="orange">1</span> Go maximum)</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> <span class="orange">10 000</span> visiteurs MAX recommandé par jour</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> PHP 5.6/7.1/7.2/7.3/7.4/8</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> SSL Let’s Encrypt <span class="orange">inclus</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Site builder <span class="orange">inclus</span></p> </div> <div class="col-md-12 padding-5-15"> <p> </p> </div> </div> </div> </div> </div> <div class="panel-footer"> <div class="row"> <div class="col-xs-12 text-center"> <form name="rechercher_form_index" id="rechercher_form_index" class="search-domain form-inline m-link" method="post" action="https://manager.hosteur.com/#/order/flexone">  <input type="hidden" value="1" name="no_commande" /> <input type="hidden" value="flexone" name="m_type_commande" id="m_type_commande"> <input type="hidden" value="order" name="m_href_command" id="m_href_command"> <input type="hidden" name="PK_PACK" value="1268"> <input type="hidden" name="B_CHECKOUT_PAGE" value="1"> <input type="hidden" name="B_PRODUIT_VERT" value="0"> <button type="submit" id="ID_RECHERCHE_INDEX" class="btn-system no-border btn-large pack_option-2 font-size-20 py-15"><i class="fa fa-shopping-cart"></i> Commander</button> </form> </div> </div> </div> </div> <div class="plan-1-year">Prix affiché valable la première année. Ensuite <span class="plan-realprice">4 € HT/mois</span></div> </div> <div class="col-md-3"> <div class="panel panel-default pricing-heb panel-cst-3"> <div class="panel-heading"> <div class="row"> <div class="col-md-12"> <div class="white-text text-center font-size-30 margin-15">PERFORMANCE<br> </div> </div> </div> </div> <div class="panel-body bg-color-f6f6f6 text-center no-padding"> <div class="arrow-down-3"> </div> <div class="row"> <div class="col-md-12"> <div class="pricing-table pricing-cst-3"> <div class="plan-price"> <div class="price-value" data-price="website-builder-2">3 € <b class="font-size-15">HT/mois</span></b></div>  </div> <div class="produit-vert-bande produit-vert-true"> Produit vert </div>   </div> </div> </div> <div class="row border-top-fff"> <div class="col-md-12 padding-15"> <div class="row margin-top-15"> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> <span class="orange">1</span> domaine <span class="orange">offert</span>*</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> <span class="orange">2</span> vCPU et <span class="orange">2</span> Go RAM</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Espace disque <span class="orange">illimité</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Bases de données <span class="orange">illimitées</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Nombre de sites <span class="orange">illimités</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Boîtes e-mail <span class="orange">illimitées</span> (Espace disque <span class="orange">1</span> Go maximum)</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> <span class="orange">50 000</span> visiteurs MAX recommandé par jour</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> PHP 5.6/7.1/7.2/7.3/7.4/8</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> SSL Let’s Encrypt <span class="orange">inclus</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Site builder <span class="orange">inclus</span></p> </div> <div class="col-md-12 padding-5-15"> <p> </p> </div> </div> </div> </div> </div> <div class="panel-footer"> <div class="row"> <div class="col-xs-12 text-center"> <form name="rechercher_form_index" id="rechercher_form_index" class="search-domain form-inline m-link" method="post" action="https://manager.hosteur.com/#/order/flexone">  <input type="hidden" value="1" name="no_commande" /> <input type="hidden" value="flexone" name="m_type_commande" id="m_type_commande"> <input type="hidden" value="order" name="m_href_command" id="m_href_command"> <input type="hidden" name="PK_PACK" value="1269"> <input type="hidden" name="B_CHECKOUT_PAGE" value="1"> <input type="hidden" name="B_PRODUIT_VERT" value="1"> <button type="submit" id="ID_RECHERCHE_INDEX" class="btn-system no-border btn-large pack_option-2 font-size-20 py-15"><i class="fa fa-shopping-cart"></i> Commander</button> </form> </div> </div> </div> </div> <div class="plan-1-year">Prix affiché valable la première année. Ensuite <span class="plan-realprice">6 € HT/mois</span></div> </div> <div class="col-md-3"> <div class="panel panel-default pricing-heb panel-cst-4"> <div class="panel-heading"> <div class="row"> <div class="col-md-12"> <div class="white-text text-center font-size-30 margin-15">PREMIUM<br> </div> </div> </div> </div> <div class="panel-body bg-color-f6f6f6 text-center no-padding"> <div class="arrow-down-4"> </div> <div class="row"> <div class="col-md-12"> <div class="pricing-table pricing-cst-4"> <div class="plan-price"> <div class="price-value" data-price="website-builder-2">6 € <b class="font-size-15">HT/mois</span></b></div>  </div> <div class="produit-vert-bande produit-vert-true"> Produit vert </div>   </div> </div> </div> <div class="row border-top-fff"> <div class="col-md-12 padding-15"> <div class="row margin-top-15"> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> <span class="orange">1</span> domaine <span class="orange">offert</span>*</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> <span class="orange">2</span> vCPU et <span class="orange">4</span> Go RAM</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Espace disque <span class="orange">illimité</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Bases de données <span class="orange">illimitées</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Nombre de sites <span class="orange">illimités</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Boîtes e-mail <span class="orange">illimitées</span> (Espace disque <span class="orange">5</span> Go maximum)</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> <span class="orange">100 000</span> visiteurs MAX recommandé par jour</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> PHP 5.6/7.1/7.2/7.3/7.4/8</p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> SSL Let’s Encrypt <span class="orange">inclus</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Site builder + Module E-commerce <span class="orange">inclus</span></p> </div> <div class="col-md-12 padding-5-15"> <p><i class="fa fa-check"></i> Support PME <span class="orange">inclus</span></p> </div> </div> </div> </div> </div> <div class="panel-footer"> <div class="row"> <div class="col-xs-12 text-center"> <form name="rechercher_form_index" id="rechercher_form_index" class="search-domain form-inline m-link" method="post" action="https://manager.hosteur.com/#/order/flexone">  <input type="hidden" value="1" name="no_commande" /> <input type="hidden" value="flexone" name="m_type_commande" id="m_type_commande"> <input type="hidden" value="order" name="m_href_command" id="m_href_command"> <input type="hidden" name="PK_PACK" value="1270"> <input type="hidden" name="B_CHECKOUT_PAGE" value="1"> <input type="hidden" name="B_PRODUIT_VERT" value="1"> <button type="submit" id="ID_RECHERCHE_INDEX" class="btn-system no-border btn-large pack_option-2 font-size-20 py-15"><i class="fa fa-shopping-cart"></i> Commander</button> </form> </div> </div> </div> </div> <div class="plan-1-year">Prix affiché valable la première année. Ensuite <span class="plan-realprice">14 € HT/mois</span></div> </div> </div> <div class="row"> <div class="col-md-12">* Nom de domaine offert pour la première année uniquement. Hors domaine Premium. . Offre valable pour les extensions suivants: fr, com, net, org, ch, be, info, eu, biz, re, pro, tg, mairie.tg, prefecture.tg</div> <div class="col-md-12">* Ces plateformes ne sont pas certifiées HDS par défaut, veuillez nous contacter pour avoir un devis personnalisé. <strong><a class="blue-text" href="/support">Nous contacter</a></strong></div> </div> </div> </div> <div class="section" style="background-color: #fff;"> <div class="container"> <hr> </div> </div> <div class="section" style="background-color: #fff; padding-top: 50px;"> <div class="container"> <div class="row"> <div class="col-md-9"> <p class="black-text font-size-30 margin-bottom-20">Pourquoi choisir <span class="bold"> Hosteur.com</span> ? </p> <p class="black-text line-height-1-6 margin-top-15"> Hosteur.com existe depuis plus de 15 ans et héberge plus de <span class="blue-text-1">45 000 sites</span>, certains sites dépassent les <span class="blue-text-1">200 000 visiteurs par jour</span>. </p> <p class="black-text line-height-1-6"> Hosteur.com n'est pas simplement un hébergeur de site web, c'est aussi des services et <span class="blue-text-1">un support de qualité</span>. Il n'y a aucun frais de mise en service, aucune publicité sur vos pages ni de frais cachés. </p> </div> <div class="col-md-3"> <div class="well no-padding no-border text-center"> <div class="fold"></div> <div class="row"> <div class="col-sm-12"> <p class="font-size-25">Nouveaux clients</p> </div> <div class="col-sm-12"> <p class="font-size-15 margin-top-15">Hier : <span class="orange-text">23</span> </p> </div> <div class="col-sm-12"> <p class="font-size-15 margin-top-15 margin-bottom-20">Aujourd'hui : <span class="orange-text">0</span> </p> </div> </div> <br> </div> </div> </div> </div> </div> <div class="section" style="background-color: #fff;"> <div class="container"> <hr> </div> </div> <div class="section background-white padding-top50 padding-bottom50"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3 class="font-weight-600 font-size-30 margin-bottom-20 green-text">Produit vert : qu’est-ce que c’est ?</h3> <br> <p class="black-text line-height-1-6"> HOSTEUR s’engage à planter un arbre pour chaque achat d’un produit possédant un label ‘produit vert’ ou pour chaque commande dont le montant dépasse 100 €. </p> <p class="black-text line-height-1-6"> Le coût de la plantation de cet arbre sera offert par HOSTEUR mais si vous le souhaitez, vous pourrez en rajouter d’autres lors de la finalisation de votre commande. </p> <p class="black-text line-height-1-6"> Cette initiative fait partie de notre projet général de réduction de notre empreinte carbone. HOSTEUR s’engage de prendre toutes les mesures nécessaires afin de compenser le CO2 émis lors de notre activité professionnelle : consommation électrique dans nos datacenters et nos bureaux, déplacements des employés etc. </p> </div> </div> </div> </div> <div class="section" style="background-color: #fff;"> <div class="container"> <hr> </div> </div> <div class="section background-white padding-top50 padding-bottom50"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3 class="font-weight-400 font-size-30 margin-bottom-20 black-text">Fiche technique d'hébergement web</h3> <br> <div class="tabs-section nav-tabs-default margin-top-15">  <ul class="nav nav-tabs"> <li class="active"><a href="#tab-1" data-toggle="tab"><h3 class="black-text style-h4">Hébergement web</h3></a></li> <li><a href="#tab-2" data-toggle="tab"><h3 class="style-h4">Sur quelles machines</h3></a></li> <li><a href="#tab-3" data-toggle="tab"><h3 class="style-h4">E-mails</h3></a></li> <li><a href="#tab-4" data-toggle="tab"><h3 class="style-h4">Bases de données</h3></a></li> <li><a href="#tab-5" data-toggle="tab"><h3 class="style-h4">Services compris</h3></a></li> <li><a href="#tab-6" data-toggle="tab"><h3 class="style-h4">Solutions de paiement supportées</h3></a></li>  </ul>  <div class="tab-content no-padding">  <div class="tab-pane fade in active" id="tab-1"> <div class="row"> <div class="col-md-12"> <table class="table table-default table-bordered table-striped table-responsive no-margin text-center"> <tbody> <tr> <td>PHP 5.6/7.1/7.2/7.3/7.4/8</td> <td><i class="fa fa-check fa-lg"></i></td> </tr>  <tr> <td> Taille maximale en mémoire d'un script PHP</td> <td> 128 Mo</td> </tr> <tr> <td> WAP</td> <td><i class="fa fa-check fa-lg"></i></td> </tr> <tr> <td> Url Rewritting</td> <td><i class="fa fa-check fa-lg"></i></td> </tr> <tr> <td> Htaccess</td> <td><i class="fa fa-check fa-lg"></i></td> </tr>  <tr> <td> Pages d'erreur personnalisables</td> <td><i class="fa fa-check fa-lg"></i></td> </tr> <tr> <td><img src="/src/templates/custom/images/hosting/lets-encrypt.png" alt="Let's Encrypt" /></td> <td><i class="fa fa-check fa-lg" style="margin-top: 12px;"></i></td> </tr> </tbody> </table> </div> </div> </div> <div class="tab-pane fade in" id="tab-2"> <div class="row"> <div class="col-md-12"> <table class="table table-default table-bordered table-striped table-responsive no-margin text-center"> <tbody> <tr> <td>Processeurs</td> <td>Cluster / Cloud Computing</td> </tr>  <tr> <td> Emplacement</td> <td> France</td> </tr> <tr> <td> Réseau</td> <td> multi opérateurs</td> </tr> <tr> <td> Connexion à Internet</td> <td> 10 Gbits/s</td> </tr> </tbody> </table> </div> </div> </div> <div class="tab-pane fade in" id="tab-3"> <div class="row"> <div class="col-md-12"> <table class="table table-default table-bordered table-striped table-responsive no-margin text-center"> <tbody>  <tr> <td> Anti-Virus</td> <td> <i class="fa fa-check fa-lg"></i></td> </tr> <tr> <td> Anti-Spam</td> <td> <i class="fa fa-check fa-lg"></i></td> </tr> <tr> <td> Taille des Boîtes</td> <td> jusqu'à 5 Go</td> </tr> <tr> <td> Taille max d'un email</td> <td> 20 Mo</td> </tr> <tr> <td> Alias emails</td> <td> illimité</td> </tr>  <tr> <td> Webmail</td> <td> <i class="fa fa-check fa-lg"></i></td> </tr> </tbody> </table> </div> </div> </div> <div class="tab-pane fade in" id="tab-4"> <div class="row"> <div class="col-md-12"> <table class="table table-default table-bordered table-striped table-responsive no-margin text-center"> <tbody> <tr> <td> MySQL 5.5 & 5.7</td> <td> <i class="fa fa-check fa-lg"></i></td> </tr> <tr> <td> PhpMyAdmin</td> <td> <i class="fa fa-check fa-lg"></i></td> </tr> <tr> <td> Taille des bases de données</td> <td> jusqu'à 10 Go</td> </tr> <tr> <td> Connexions simultanées</td> <td> Jusqu'à 200</td> </tr> </tbody> </table> </div> </div> </div> <div class="tab-pane fade in" id="tab-5"> <div class="row"> <div class="col-md-12"> <table class="table table-default table-bordered table-striped table-responsive no-margin text-center"> <tbody> <tr> <td> Support par Tickets 24h/24, 7j/7 </td> <td> GRATUIT !</td> </tr> <tr> <td> Hotline du lundi au vendredi de 9h à 18h et le samedi du 9h à 17h</td> <td> <i class="fa fa-check fa-lg"></i></td> </tr> <tr> <td> Changement de plan </td> <td> GRATUIT !</td> </tr> <tr> <td> Interface d'administration rapide et efficace </td> <td> <i class="fa fa-check fa-lg"></i></td> </tr> <tr> <td> FAQ et Documentations</td> <td> <i class="fa fa-check fa-lg"></i></td> </tr> </tbody> </table> </div> </div> </div> <div class="tab-pane fade in" id="tab-6"> <div class="row"> <div class="col-md-12"> <table class="table table-bordered table-striped table-responsive no-margin text-center"> <tbody> <tr> <td>Société Générale</td> <td><img class="img-responsive margin-auto" src="/src/templates/custom/images/hosting/sogen.png" alt="sogen" /> </td> </tr> <tr> <td>BNP PARIBAS</td> <td> <img class="img-responsive margin-auto" src="/src/templates/custom/images/hosting/bnp-paribas.png" alt="bnp paribas" /> </td> </tr> <tr> <td>Crédit Agricole</td> <td> <img class="img-responsive margin-auto" src="/src/templates/custom/images/hosting/credit-agricole.png" alt="credit agricole" /> </td> </tr> <tr> <td>Paybox</td> <td> <img class="img-responsive margin-auto" src="/src/templates/custom/images/hosting/paybox.png" alt="paybox" /> </td> </tr> <tr> <td>Banque Populaire</td> <td> <img class="img-responsive margin-auto" src="/src/templates/custom/images/hosting/banque-populaire.png" alt="banque populaire" /> </td> </tr> <tr> <td>CIC - Crédit Mutuel</td> <td> <img class="img-responsive margin-auto" src="/src/templates/custom/images/hosting/credit-mutuel.png" alt="credit-mutuel" /> </td> </tr> <tr> <td>Caisse d'Epargne</td> <td> <img class="img-responsive margin-auto" src="/src/templates/custom/images/hosting/caisse-epargne.png" alt="Caisse d'Epargne" /> </td> </tr> <tr> <td> Paypal</td> <td> <img class="img-responsive margin-auto" src="/src/templates/custom/images/hosting/paypal.png" alt="paypa" /> </td> </tr> <tr> <td>Les Autres Solutions de paiement</td> <td> Nos serveurs sont à même de supporter 90% des solutions de paiements existantes, veuillez donc nous contacter </td> </tr> </tbody> </table> </div> </div> </div> <div class="tab-pane fade in" id="tab-7"> <div class="row"> <div class="col-md-12"> <table class="table table-default table-bordered table-striped table-responsive no-margin text-center"> <tbody> <tr> <td> Statistiques FTP </td> <td> <i class="fa fa-check fa-lg"></i></td> </tr>  <tr> <td> Statistiques Awstats <a href="/hebergement/hebergement-mutualise-gestion-statistiques" class="btn-system btn-small" style="font-size:13px;padding:4px;">En savoir plus</a></td> <td> <i class="fa fa-check fa-lg"></i></td> </tr> <tr> <td> API SMS</td> <td> <i class="fa fa-check fa-lg"></i></td> </tr> <tr> <td>Accès à vos logs</td> <td><i class="fa fa-check fa-lg"></i></td> </tr> </tbody> </table> </div> </div> </div> </div>  </div> </div> </div> </div> </div> <div class="section" style="background-color: #fff;"> <div class="container"> <hr> </div> </div> <div class="section" style="background-color: #FFF; padding-top: 50px; padding-bottom: 50px;"> <div class="container"> <div class="row md-flex-center"> <div class="col-md-8"> <h1 class="margin-bottom-20">Nos engagements</h1> <p class="font-size-15 black-text margin-top-15"><i class="fa fa-check text-success"></i>  Vos codes de connexion <span class="blue-text-1">en 10 secondes</span> si paiement par CB</p> <p class="font-size-15 black-text margin-top-15"><i class="fa fa-check text-success"></i>  <span class="blue-text-1">Le meilleur</span> rapport qualité prix</p> <p class="font-size-15 black-text margin-top-15"><i class="fa fa-check text-success"></i>  Hotline réalisée en France</p> <p class="font-size-15 black-text margin-top-15"><i class="fa fa-check text-success"></i>  Hébergement sécurisé en France</p> </div> <div class="col-md-4"> <img class="img-responsive margin-auto" src="/src/templates/custom/images/hosting/hosting-commitment.png" alt="commitment" /> </div> </div> </div> </div> <div class="section background-white"> <div class="container"> <hr> </div> </div> <div class="section background-white padding-top50 padding-bottom50"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3 class="font-weight-400 font-size-30 margin-bottom-20 black-text">Définir votre cloud</h3> <br> <p class="black-text line-height-1-6"> Nos offres d'hébergement sont conçues pour tous les publics, du particulier au pro Vous pouvez heberger tous types de projets web avec d'excellentes performances (rapidité de chargement de vos pages Internet). Nous vous proposons des produits mis à jour pour développer votre site comme Php5, MySQL 5, PhpMyAdmin. En cas de problème vous pouvez nous contacter par téléphone ou par ticket. Nous répondons aux tickets dans les 4 heures. Il n'y a aucun frais de mise en service. Si aucun de ces plans mutualisés ne vous convient alors pourquoi ne pas passer au Cloud et définir ainsi la plateforme de vos souhaits. </p> <div class="margin-top-15 text-center"> <a href="/cloud/cloud-vps" class="btn-system btn-small font-size-20 py-15"><i class="fa fa-shopping-cart"></i> Définir votre Cloud!</a> </div> </div>  </div> </div> </div> </div> <script type="text/javascript" src="/src/templates/custom/js/cloud-more-informations.js"></script> <script type="text/javascript" src="/src/templates/custom/js/verif-domain.js"></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>  <style> .loading-box{ background-color: white; padding: 15px 25px; display: inline-block; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); border-radius: 10px; margin-bottom: 15px; font-size: 20px; } #HosteurLoading .modal-content{ background-color: transparent; border: none; box-shadow: none; } </style> <div class="modal fade" id="HosteurLoading" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-body text-center" > <div class="loading-box" > <img src="/src/templates/custom/images/loading-hosteur-100.gif" alt="loading hosteur" class="" > <br><br>  <strong>Veuillez patienter svp</strong> </div> </div> </div> </div> </div>  <div class="modal fade" id="hosteurAlertModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="alert alert-success text-center"> <a href="#" class="close" data-dismiss="modal" aria-label="close" title="close">×</a> <span id="hosteurAlertMessage"></span> </div> </div> </div> </div> </body> <script type="text/javascript"> if ($(window).width() >= 992) { $(".dropdown-cstm").mouseover(function () { $(this).addClass("open"); $(".dropdown-cstm.open .dropdown-menu").mouseover(function () { $(this).css("visibility", "visible"); }); }); $(".dropdown-cstm").mouseout(function () { $(this).removeClass("open"); }); } </script> <script> $('#search').on('input',function(e){ console.log("test"); console.log($(".search").val()); $.ajax({ type: "post", url: "/article/article/searchTuto", dataType: 'json', data: {S_SEARCH: $(".search").val(), FK_CATEGORIE: $("#FK_CATEGORIE").val()}, success: function (data) { console.log(data); $(".listT").html(''); var taille = data["tutos"].length; console.log(data); for (var i = 0; i < taille; i++) { /*console.log(data["members"]);*/ row_add = '<li class="tuto border-bottom">'+ '<div class="row line-height-10">'+ '<div class="col-lg-8"><h3>'+ '<a href="/article/'+data["tutos"][i]["article"]['S_TITLE_REWRITING'] +'">'+data["tutos"][i]["article"]['S_TITLE']+'</a></h3>'+ '<br><div class="row form-group">'+ '<div class="col-sm-1" style="padding-right: 0px;"><label class="author-av"></label></div>'+ '<div class="col-sm-4"><p class="gray">'+data["tutos"][i]["member"]+'</p></div>'+ '<div class="col-sm-4"><p class="gray"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>  '+data["tutos"][i]["article"]['NB_SEEN'] +' fois</p></div>'+ '</div></div><div class="col-lg-4 margin-top text-right">'+ '<p class="gray">'+data["tutos"][i]["date"]+'</p></div></div></li>'; $('.listT').append(row_add); } }, error: function (xhr) { /*if error occured*/ alert("Error occured.please try again" + xhr); } }); }); </script> <script type="text/javascript"> (function ($) { $(window).load(function () { $("#twitter-bloc").mCustomScrollbar({ theme: "minimal" }); }); })(jQuery); </script> <script type="text/javascript"> /*var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); document.write(unescape("%3Cscript src='https://www.hosteur.com/src/templates/custom/cache/ga.js' type='text/javascript'%3E%3C/script%3E"));*/ </script> <script type="text/javascript"> /*try { var pageTracker = _gat._getTracker("UA-803674-1"); pageTracker._trackPageview(); } catch (err) { }*/ </script>  <script> /*(function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.hosteur.com/src/templates/custom/cache/analytics.js', 'ga');*/ /* https://www.google-analytics.com/analytics.js */ /*ga('create', 'UA-803674-1', 'auto'); ga('send', 'pageview');*/ </script>   <script> /* !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://www.hosteur.com/src/templates/custom/cache/fbevents.js');*/ /* https://connect.facebook.net/en_US/fbevents.js */ /*fbq('init', '895537370555659'); fbq('track', "PageView");*/ </script> <script> /* init zopim */ /*function initZopim(d, s) { var z = $zopim = function (c) { z._.push(c) }, $ = z.s = d.createElement(s), e = d.getElementsByTagName(s)[0]; z.set = function (o) { z.set. _.push(o) }; z._ = []; z.set._ = []; $.async = !0; $.setAttribute('charset', 'utf-8'); $.src = '//v2.zopim.com/?269BuoStmzmqo0R8GBoBcq8xdvQ2r4va'; z.t = +new Date; $. type = 'text/javascript'; e.parentNode.insertBefore($, e) }*/ $(function(){ //Init selectpickers $('.selectpicker').selectpicker({ noneResultsText: 'Aucun résultat' }); var source = ($.cookie('S_SOURCE'))? $.cookie('S_SOURCE') : ''; var campaign = ($.cookie('S_CAMPAIGN'))? $.cookie('S_CAMPAIGN') : ''; var medium = ($.cookie('S_MEDIUM'))? $.cookie('S_MEDIUM') : ''; var affilie = ($.cookie('FK_AFFILIE'))? $.cookie('FK_AFFILIE') : ''; var autologin = ($.cookie('AutoLogin'))? $.cookie('AutoLogin') : ''; /*Add source and campaign to all forms and links going out to the manager*/ $('form').append('<input type="hidden" name="S_SOURCE" value="'+ source + '" />'); $('form').append('<input type="hidden" name="S_CAMPAIGN" value="'+ campaign + '" />'); $('form').append('<input type="hidden" name="S_MEDIUM" value="'+ medium + '" />'); $('form').append('<input type="hidden" name="FK_AFFILIE" value="'+ affilie + '" />'); if(autologin != '') $('form').append('<input type="hidden" name="AutoLogin" value="'+ autologin + '" />'); var FK_CODE_TARIF = parseInt('0'); // add code tarif to all command forms if(FK_CODE_TARIF > 0) $('form').append('<input type="hidden" name="FK_CODE_TARIF" value="'+ FK_CODE_TARIF + '" />'); $("a[href*='https://manager.hosteur.com']:not(.m-link)").each(function() { var link = $(this).attr('href'); if(link.indexOf("?") != -1) link = link + "&S_SOURCE=" + encodeURIComponent(source) + "&S_CAMPAIGN=" + encodeURIComponent(campaign) + "&S_MEDIUM=" + encodeURIComponent(medium) + "&FK_AFFILIE=" + encodeURIComponent(affilie) + ((autologin != '')? '&AutoLogin=' + autologin : ''); else link = link + "?S_SOURCE=" + encodeURIComponent(source) + "&S_CAMPAIGN=" + encodeURIComponent(campaign) + "&S_MEDIUM=" + encodeURIComponent(medium) + "&FK_AFFILIE=" + encodeURIComponent(affilie) + ((autologin != '')? '&AutoLogin=' + autologin : ''); // add code tarif to all command links if(FK_CODE_TARIF > 0) link = link + '&FK_CODE_TARIF=' + FK_CODE_TARIF; $(this).attr('href', link); }); if(true){ $("form[action*='https://manager.hosteur.com']:not(.m-link)").each(function() { var type = ''; var getparams = ''; var link = ''; var splitaction = $(this).attr('action').split("/"); var pageget = splitaction[splitaction.length - 1]; if(pageget.indexOf("?") != -1){ var parts = pageget.split("?"); if(parts[0] == "rebill.php") type = "rebill"; else{ if(parts[0] == "commande-domaine-hebergement.php"){ type = "domaine-hebergement"; }else{ var arr = parts[0].split("."); arr.pop(); arr.shift(); type = arr.join('-'); } } getparams = "?" + parts[1]; } else{ if(pageget == "commande-domaine-hebergement.php"){ type = "domaine-hebergement"; }else{ var arr = pageget.split("."); arr.pop(); arr.shift(); type = arr.join('-'); } //link = } $(this).attr('action', "https://manager.hosteur.com/#/commande/" + type + getparams); $(this).append('<input type="hidden" value="' + type + '" name="m_type_commande" id="m_type_commande" />'); if(type == "domaine-hebergement") $(this).append('<input type="hidden" value="1" name="m_commandedh" id="m_commandedh" />'); if(type == "ssl") $(this).append('<input type="hidden" value="1" name="m_commandessl" id="m_commandessl" />'); }); $("a[href*='https://manager.hosteur.com']:not(.m-link)").each(function() { var type = ''; var getparams = ''; var link = ''; var splitaction = $(this).attr('href').split("/"); var pageget = splitaction[splitaction.length - 1]; if(pageget.indexOf("?") != -1){ var parts = pageget.split("?"); if(parts[0] == "rebill.php") type = "rebill"; getparams = "?" + parts[1]; } else { if(pageget == "rebill.php") type = "rebill"; } $(this).attr('href', "https://manager.hosteur.com/#/commande/" + type + getparams); }); /*page crédit*/ $("#commanderCreditLink").attr("href", "https://manager.hosteur.com/#/facture-et-paiements"); //$("#testLoading").modal("show"); } /* delay zopim initialization */ /*setTimeout(function(){ initZopim(document, 'script'); }, 5000);*/ }); function showHosteurLoading(){ $("#HosteurLoading").modal("show"); return true; } function hideHosteurLoading(){ $("#HosteurLoading").modal("hide"); return true; } var alertTimeout; function showHosteurAlert(message, type){ clearTimeout(alertTimeout); $("#hosteurAlertModal .alert").removeClass("alert-success").removeClass("alert-danger").removeClass("alert-info"); $("#hosteurAlertModal .alert").addClass(type); $("#hosteurAlertMessage").html(message); $("#hosteurAlertModal").modal("show"); alertTimeout = setTimeout(function(){ $("#hosteurAlertModal").modal("hide"); }, 3000); return true; } $(document).ready(function () { $('#changeLanguage option[value="' + "fr" + '"]').attr("selected", true); $('#changeLanguage').change(function () { var lang = $(this).val(); var url = $(location).attr('pathname'); var path_name = url.replace('/site', ''); var redirect_url = ""; if (lang === 'fr') { redirect_url = "http://www.hosteur.com" + path_name; } else if (lang === 'bg') { redirect_url = "http://www.hbg.bg" + path_name; } window.location = redirect_url; }); }); $(function(){ setTimeout(function(){ var scriptNode = document.createElement("script"); scriptNode.setAttribute("src", "//seal.globalsign.com/SiteSeal/gmogs_image_110-45_en_dblue.js"); scriptNode.setAttribute("type", "text/javascript"); $("#gsScriptContainer").append(scriptNode); }, 5000); }); $(function () { $("#newsForm").submit(function(e){ e.preventDefault(); $("#news-submit").click(); return false; }); $("#news-submit").on('click', function(){ if (!document.getElementById('newsForm').checkValidity()) { document.getElementById('newsRealSubmit').click(); return false; } showHosteurLoading(); $('#newsSuccess, #newsAlreadyIn, #newsError').hide(); //$('#newsMessage').removeClass('text-info text-danger'); //$('#newsMessage').html("Veuillez patienter svp...").addClass('text-info'); $.post("/newsletter", $( "#newsForm" ).serialize(), function (response) { hideHosteurLoading(); var data = $.parseJSON(response); if(data.status == "success") { $('#newsSuccess').show(); } else if (data.type == "exist") { $('#newsAlreadyIn').show(); } else { $('#newsError').show(); } $('#newsFeedback').modal('show'); }); }); var mouseX = 0; var mouseY = 0; var leavingCounter = 0; var currentRoute = "hosting.sharedHosting"; 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

Hébergement Web Sécurisé Dédié ou Mutualisé pas cher et VPS - Hosteur - Hosteur.com