A propos de la société HOSTEUR

<!doctype html> <html lang="fr-FR"> <head> <title>A propos de la société HOSTEUR - Hosteur.com</title> <meta name="description" content="HOSTEUR.COM est un des leaders de l'hébergement haute disponibilité en Europe, créé en 2002 et gérant plus de 70 000 clients dans 108 pays"> <meta name="keywords" content="hébergement, site web, cloud, serveur dédié, vps, hébergement de site web,Hosteur protect spam,veeam,TEAMSPEAK,DIVERS, SQL SERVER,Support vip">  <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/informations">  <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/informations" hreflang="fr"/> <link rel="alternate" href="https://www.hosteur.com/informations" 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="informations|informations|informations|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="informations|informations|informations|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="informations|informations|informations|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="informations|informations|informations|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="informations|informations|informations|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="informations|informations|informations|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="informations|informations|informations|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="informations|informations|informations|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> /* NOTRE EQUIPE */ .team-memberr { padding:30px; } .team-memberr .polaroid { padding:10px; background:white; box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-transition: -webkit-transform .15s linear; -moz-transition: -webkit-transform .15s linear; transition: -webkit-transform .15s linear; width: 85%; } .team-memberr img { background:#eee; width:100%; } .team-memberr .description { padding:10px 0 0 0; text-align: center; } .team-memberr .nom { text-transform: uppercase; font-weight: bold; color: #555; font-size: 16px; } .team-memberr .summary { font-weight: normal; color: #333; height: 50px; } /* By default, we tilt all our images -2 degrees */ .team-memberr .polaroid { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); } /* Rotate all even images 2 degrees */ .team-memberr:nth-child(even) .polaroid { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); } /* Don't rotate every third image, but offset its position */ .team-memberr:nth-child(3n) .polaroid { -webkit-transform: none; -moz-transform: none; position: relative; top: -5px; } /* Rotate every fifth image by 5 degrees and offset it */ .team-memberr:nth-child(5n) .polaroid { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); position: relative; right: 5px; } /* Keep default rotate for every eighth, but offset it */ .team-memberr:nth-child(8n) .polaroid { position: relative; top: 8px; right: 5px; } /* Keep default rotate for every eleventh, but offset it */ .team-memberr:nth-child(11n) .polaroid { position: relative; top: 3px; left: -5px; } .team-memberr .polaroid:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 5; } .fw-normal {font-weight:normal} @media (min-width: 1200px) { .nofloat { display:inline-block; float:none } } </style> <style> .pt-80{ padding-top: 80px; } .pb-80{ padding-bottom: 80px; } .menu-top{ background-color: #34869e; padding-top: 25px; padding-bottom: 25px; color: white; font-size: 25px; } .menu-top-link{ cursor:pointer; color: white; font-size: 20px; font-weight: bold; padding: 0 10px; } .menu-top-link:hover{ opacity: 0.8; } .sticky { position: fixed; top: 0; width: 100%; z-index: 10; } .bg-blue{ background-color: rgba(128, 204, 238, 0.17); } .infobanner{ background-image: url('/src/templates/custom/images/informations/banner-informations.jpg'); background-size:cover; background-repeat:no-repeat; background-position: center 0%; height: 350px; } .service-boxed{background:white;} .background-white{ /*box-shadow: 0 0 6px #999;*/ } .pk-img{ margin-bottom: 20px; } .cert-num{ font-weight: 600; color: #666; font-size: 12px; margin-bottom: 5px; line-height: 10px; } .cert-notice{ font-weight: bold; color: #6897a0; /*#167385;*/ } @media (max-width: 1199px) { .menu-top-link { line-height: 35px; } .menu-top{ padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 991px) { .menu-top-link { font-size: 16px; } } @media (max-width: 767px) { .menu-top-link { font-size: 13px; margin-bottom: 10px; display: inline-block; line-height: 20px; } } </style> <div id="content" class="full-sections"> <div class="infobanner" style="">  </div> <div id="menu-top" class="container-fluid menu-top"> <div class="container text-center"> <span class="menu-top-link section1" name="">Qui sommes-nous?</span>| <span class="menu-top-link section2" name="">Pourquoi nous choisir?</span><span class="hidden-xs">|</span><br class="hidden-sm hidden-md hidden-lg"> <span class="menu-top-link section3" name="">Infrastructure</span><span class="hidden-sm hidden-md">|</span><br class="hidden-xs hidden-lg"> <span class="menu-top-link section4" name="">Notre équipe</span>| <span class="menu-top-link section5" name="">Nos certifications</span> </div> </div> <div id="menu-placeholder"></div> <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">Informations</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> <div id="section1" class="section background-white pt-80 pb-80"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="data_h1">Qui sommes-nous?</h1> </div> </div> <div class="row"> <div class="hosteur_datacenter_p col-md-12"> <p>HOSTEUR c'est avant tout une entreprise familiale à taille humaine, constituée d'amis, de passionnés, d'experts et de techniciens à votre service.</p> <p>HOSTEUR c'est le plus petit des gros hébergeurs et le plus gros des plus petits, vous avez ainsi le service, la proximité et la qualité d'un artisan tout en ayant le rapport qualité prix d'un industriel.</p> <p>Nous n'avons pas la volonté de grossir pour grossir mais de délivrer le meilleur service possible à nos clients, en nous équipant des meilleurs outils disponibles sur le marché et en proposant les meilleurs serveurs dédiés (DELL).</p> <p>La société HOSTEUR SA est une société anonyme au capital de<span class="color_blue">100 000 CHF</span> créée en 2008.</p> <p>Elle a été immatriculée au Registre du commerce et des sociétés de Fribourg en Suisse sous le numéro<span class="color_blue"> CH-550-1056728- </span>, TVA : <span class="color_blue">CHE-114.684.132 </span>, elle est détentrice de la marque HOSTEUR déposée à l'IPI</p> </div> </div> </div> </div> <div class="section pt-80 bg-blue"> <div class="container"> <h2 class="data_h1">HOSTEUR EN QUELQUES CHIFFRES...</h2> </div> </div> <div class="section pb-80 bg-blue"> <div class="container"> <div class="row">  <div class="col-md-3 service-box service-center" data-animation="fadeInUp" data-animation-delay="01"> <div class="service-boxed"> <div class="service-icon" style="margin-top:-25px;"> <i class="icon-paper-plane icon-medium-effect icon-effect-2"></i> </div> <div class="service-content"> <h4>5308</h4> <p class="bloc-p-seq">Sites hébergés</p> </div> </div> </div>   <div class="col-md-3 service-box service-center" data-animation="fadeInUp" data-animation-delay="02"> <div class="service-boxed"> <div class="service-icon" style="margin-top:-25px;"> <i class="icon-users-1 icon-medium-effect icon-effect-2"></i> </div> <div class="service-content"> <h4>144431</h4> <p class="bloc-p-seq">Clients</p> </div> </div> </div>   <div class="col-md-3 service-box service-center" data-animation="fadeInUp" data-animation-delay="03"> <div class="service-boxed"> <div class="service-icon" style="margin-top:-25px;"> <i class="icon-archive icon-medium-effect icon-effect-2"></i> </div> <div class="service-content"> <h4>105684</h4> <p class="bloc-p-seq">Domaines déposés chez nous</p> </div> </div> </div>   <div class="col-md-3 service-box service-center" data-animation="fadeInUp" data-animation-delay="04"> <div class="service-boxed"> <div class="service-icon" style="margin-top:-25px;"> <i class="icon-back-in-time icon-medium-effect icon-effect-2"></i> </div> <div class="service-content"> <h4>2035608</h4> <p class="bloc-p-seq">Tickets traités</p> </div> </div> </div>  </div> </div> </div> <div id="section2" class="section background-white pt-80 pb-80"> <div class="container"> <div class="row mb-30"> <div class="col-md-12"> <h2 class="data_h1">Pourquoi nous choisir?</h2> </div> </div> <div class="row"> <div class="row my-50 text-center"> <div class="col-nofloat col-xs-12 col-sm-6 col-md-6 col-lg-3 text-center" data-animation="fadeInUp" data-animation-delay="01"> <img class="pk-img" src="/src/templates/custom/images/informations/icon-materiel.png" alt="matériel de qualité"> <h3>Matériel de qualité</h3> <p class="line-height-1-6 margin-bottom-20 black-text"> Tous les serveurs que nous utilisons sont des serveurs DELL, un des leaders mondiaux sur le marché. Notre offre de Cloud Computing s’appuie intégralement sur des piliers solides comme VMWare pour garantir à nos clients une rapidité d’exécution et une qualité supérieure du service. </p> </div><div class="col-nofloat col-xs-12 col-sm-6 col-md-6 col-lg-3 text-center" data-animation="fadeInUp" data-animation-delay="02"> <img class="pk-img" src="/src/templates/custom/images/informations/icon-datacenter.png" alt="datacenter en europe"> <h3>Datacenters en Europe</h3> <p class="line-height-1-6 margin-bottom-20 black-text"> Tous nos datacenters sont situés en Europe et donc l’accès à vos données est contrôlé par la législation européenne ou la législation suisse. Tous nos datacenters répondent à des normes strictes pour assurer la sécurité de vos données et le fonctionnement optimal de nos équipements. </p> </div><div class="col-nofloat col-xs-12 col-sm-6 col-md-6 col-lg-3 text-center" data-animation="fadeInUp" data-animation-delay="03"> <img class="pk-img" src="/src/templates/custom/images/informations/icon-support.png" alt="support fiable"> <h3>Support fiable partout en Europe</h3> <p class="line-height-1-6 margin-bottom-20 black-text"> Nos équipes sont là pour vous 24/7/365. Avec HOSTEUR vous profitez d’une maintenance réactive et efficace.Vous pouvez les contacter à partir de votre espace client en utilisant notre système de tickets ou en nous appelant gratuitement par téléphone. </p> </div><div class="col-nofloat col-xs-12 col-sm-6 col-md-6 col-lg-3 text-center" data-animation="fadeInUp" data-animation-delay="04"> <img class="pk-img" src="/src/templates/custom/images/informations/icon-sla.png" alt="sla"> <h3>Temps de disponibilité garanti avec un SLA</h3> <p class="line-height-1-6 margin-bottom-20 black-text"> Tous vos contrats précisent le temps de disponibilité du service ainsi que les délais d’interventions tickets en cas de problème. Si nous ne sommes pas en mesure de respecter le niveau de disponibilité négocié, nous devrons vous verser des indemnités. </p> </div> </div> </div> </div> </div> <style> .btn-more{ color: white; font-size: 12px; margin-top: 20px; background: #11B4E7; text-transform: uppercase; border-radius: 3px; font-weight: bold; padding: 6px 12px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; } .btn-more:hover{ color: white; box-shadow: 0 1px 8px 0 rgba(0,0,0,.5); -moz-box-shadow: 0 1px 8px 0 rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.5); } .info-subtitle{ color: #0491e0; font-size: 25px; } .cert-divider{ border-top: 1px solid #9eb6c7; margin: 30px 0; } </style> <div id="section5" class="section bg-blue pt-80 pb-80 " > <div class="container"> <div> <h2 class="data_h1">Nos certifications</h2> </div> <div class="row sm-flex-center"> <div class="hosteur_datacenter_p col-sm-3"> <img src="/src/templates/custom/images/veritas.png" alt="iso 27001 certified" class="img-responsive hcenter"/> </div> <div class="hosteur_datacenter_p col-sm-9"> <h3 class="info-subtitle padding-bottom20">Certification ISO/IEC 27001:2013</h3> <div class="cert-num">Numéro de certification : <span class="cert-notice">7199890</span></div> <p>HOSTEUR est fier d’être certifié ISO/IEC 27001:2013. Cette certification atteste que notre société a mis en place et maintenu un système de management de la sécurité de l’information (SMSI) conforme aux exigences internationales. L’objectif est d’évaluer et de réduire les risques de perte, vol ou altération des données et d’augmenter le niveau de sécurité des systèmes informatiques afin de mieux les protéger contre les intrusions et les sinistres.</p> <a href="/a-propos/certification-iso-27001" class="btn btn-more" >En savoir plus</a> </div> </div> <hr class="cert-divider"> <div class="row sm-flex-center"> <div class="hosteur_datacenter_p col-sm-3"> <img src="/src/templates/custom/images/logo-hds-big.png" alt="hds certified" class="img-responsive hcenter"/> </div> <div class="hosteur_datacenter_p col-sm-9"> <h3 class="info-subtitle padding-bottom20">Hébergeur Certifié Données de Santé</h3> <div class="cert-num">Numéro de certification : <span class="cert-notice">FR055353-1</span></div> <p>La certification HDS garantit la confidentialité, l’intégrité, la disponibilité et la traçabilité d’informations sensibles. Cette dernière nous permet d’accompagner nos clients travaillant dans le domaine de la santé en leur proposant un hébergement conforme à toutes les exigences décrites dans le code de la santé publique en France.</p> <a href="/a-propos/certification-hds" class="btn btn-more" >En savoir plus</a> </div> </div> <hr class="cert-divider"> <div class="row sm-flex-center"> <div class="hosteur_datacenter_p col-sm-3"> <img src="/src/templates/custom/images/veritas-9001.png" alt="iso 9001 certified" class="img-responsive hcenter"/> </div> <div class="hosteur_datacenter_p col-sm-9"> <h3 class="info-subtitle padding-bottom20">Certification ISO 9001:2015</h3> <div class="cert-num">Numéro de certification : <span class="cert-notice">FR063458-1</span></div> <p>La certification ISO 9001 est une norme de qualité témoignant du respect d’un certain nombre de principes de gestion au sein de notre entreprise, notamment une forte orientation client, la motivation et l’engagement de la direction, l’approche processus et l’amélioration continue.</p> <a href="/a-propos/certification-iso-9001" class="btn btn-more" >En savoir plus</a> </div> </div> <hr class="cert-divider"> <div class="row sm-flex-center"> <div class="hosteur_datacenter_p col-sm-3"> <img src="/src/templates/custom/images/veritas-14001.png" alt="iso 14001 certified" class="img-responsive hcenter"/> </div> <div class="hosteur_datacenter_p col-sm-9"> <h3 class="info-subtitle padding-bottom20">Certification ISO 14001:2015</h3> <div class="cert-num">Numéro de certification : <span class="cert-notice">FR073412-1</span></div> <p>HOSTEUR est fier d’être certifié ISO 14001. Il s’agit d’une norme internationale qui témoigne des efforts que notre société a mis en place afin de développer une politique écologique durable.</p> <a href="/a-propos/certification-iso-14001" class="btn btn-more" >En savoir plus</a> </div> </div> </div> </div> <div class="section pt-80 pb-80 background-white"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="data_h1">Ils nous font confiance</h1> </div> </div> <div class="row"> <div class="clients-carousel custom-carousel touch-carousel margin-top-25" data-appeared-items="6"> <div class="client-item item payment-bloc"> <a href="javascript:void(0)"> <img src="/src/templates/custom/images/informations/logo-engie.png" alt="engie" /> </a> </div> <div class="client-item item payment-bloc"> <a href="javascript:void(0)"> <img src="/src/templates/custom/images/informations/logo-nestle.png" alt="nestle" /> </a> </div> <div class="client-item item payment-bloc"> <a href="javascript:void(0)"> <img src="/src/templates/custom/images/informations/logo-canal-plus.png" alt="canal plus" /> </a> </div> <div class="client-item item payment-bloc "> <a href="javascript:void(0)"> <img src="/src/templates/custom/images/informations/logo-loreal.png" alt="l'oreal" /> </a> </div> <div class="client-item item payment-bloc"> <a href="javascript:void(0)"> <img src="/src/templates/custom/images/informations/logo-suez.png" alt="suez" /> </a> </div> <div class="client-item item payment-bloc"> <a href="javascript:void(0)"> <img src="/src/templates/custom/images/informations/logo-renault-consulting.png" alt="renault consulting" /> </a> </div> <div class="client-item item payment-bloc"> <a href="javascript:void(0)"> <img src="/src/templates/custom/images/informations/logo-bpi.png" alt="bpi" /> </a> </div> <div class="client-item item payment-bloc"> <a href="javascript:void(0)"> <img src="/src/templates/custom/images/informations/logo-kappa-sante.png" alt="kappa sante" /> </a> </div> <div class="client-item item payment-bloc"> <a href="javascript:void(0)"> <img src="/src/templates/custom/images/informations/logo-nicox.png" alt="nicox" /> </a> </div> <div class="client-item item payment-bloc"> <a href="javascript:void(0)"> <img src="/src/templates/custom/images/informations/logo-olly-gan.png" alt="olly gan" /> </a> </div> </div> </div> </div> </div>  <div id="section3" class="section bg-blue pt-80 pb-80 " > <div class="container"> <div> <h2 class="data_h1">Notre Infrastructure</h2> </div> <p class="text-left p-info mb-15">Tous nos datacenters se trouvent en Europe (en France et en Suisse). Ils répondent à des normes strictes afin de garantir la sécurité et le fonctionnement optimal de nos équipements</p> <div class="row"> <div class="col-sm-6 col-md-5 col-lg-4"> <p class="text-left p-info px-10 mb-10"><i class="fa fa-check text-success" aria-hidden="true"></i> Circuit de climatisation redondant</p> </div> <div class="col-sm-6 col-md-5 col-lg-4"> <p class="text-left p-info px-10 mb-10"><i class="fa fa-check text-success" aria-hidden="true"></i> Circuit électrique redondant</p> </div> </div> <div class="row mb-30"> <div class="col-sm-6 col-md-5 col-lg-4"> <p class="text-left p-info px-10 mb-10"><i class="fa fa-check text-success" aria-hidden="true"></i> Accès aux locaux uniquement avec un badge</p> </div> <div class="col-sm-6 col-md-5 col-lg-4"> <p class="text-left p-info px-10 mb-10"><i class="fa fa-check text-success" aria-hidden="true"></i> Surveillance des locaux assurée 24h/24, 7j/7</p> </div> </div>  </div> </div> <div id="section4" class="section pt-80 background-white"> <div class="container"> <h2 class="data_h1">NOTRE ÉQUIPE</h2> </div> </div> <div class="section background-white padding-bottom50"> <div class="container"> <div class="row text-center"> <div class="hidden-sm hidden-xs col-md-2 col-lg-3"></div> <div class="col-sm-6 col-md-4 col-lg-3 team-memberr"> <div class="polaroid"> <img alt="avatar laurent" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_laurent.png" style="background:#afc6dc"> <div class="description"> <div class="nom">Laurent</div> <div class="summary">CEO et Empereur</div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3 team-memberr"> <div class="polaroid"> <img alt="avatar liina" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_liina.png" style="background:#c2e5f1"> <div class="description"> <div class="nom">Liina</div> <div class="summary">Assistante de Direction et Valkyrie</div> </div> </div> </div> </div> <div class="row text-center"> <div class="hidden-sm hidden-xs col-md-2 hidden-lg"></div> <div class="col-sm-6 col-md-4 col-lg-3 team-memberr"> <div class="polaroid"> <img alt="avatar florent" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_florent.png" style="background:#38aacc"> <div class="description"> <div class="nom">Florent</div> <div class="summary">CTO et Rock and Roll Devil</div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3 team-memberr"> <div class="polaroid"> <img alt="avatar sebastien" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_sebastien.png" style="background:#2c3e50"> <div class="description"> <div class="nom">Sebastien</div> <div class="summary">CISO et Jedi Protecteur de l'Empire</div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3 col-md-offset-2 col-lg-offset-0 team-memberr"> <div class="polaroid"> <img alt="avatar kevin" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_kevin.png" style="background:#c2e5f1"> <div class="description"> <div class="nom">Kevin</div> <div class="summary">Responsable Réseaux et Rêveur sans fil</div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3 team-memberr"> <div class="polaroid"> <img alt="avatar jose" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_jose.png" style="background:#167385"> <div class="description"> <div class="nom">Jose</div> <div class="summary">Responsable Support et Capitaine Flam</div> </div> </div> </div> </div> <div class="row text-center"> <div class="col-sm-6 col-md-4 col-lg-3 nofloat team-memberr"> <div class="polaroid"> <img alt="avatar dessi" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_dessi.png" style="background:#a8ccca"> <div class="description"> <div class="nom">Dessi</div> <div class="summary">Responsable Communication et Facebook Stalker</div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3 nofloat team-memberr"> <div class="polaroid"> <img alt="avatar olivier" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_olivier.png" style="background:#208c87"> <div class="description"> <div class="nom">Bastien 2.0</div> <div class="summary">Responsable Commercial et Accro au Café</div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3 nofloat team-memberr"> <div class="polaroid"> <img alt="avatar nicolas" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_nicolas.png" style="background:#90d2bc"> <div class="description"> <div class="nom">Nicolas</div> <div class="summary">COO et Superhéro</div> </div> </div> </div> </div> <div class="row text-center"> <div class="col-sm-6 col-md-4 col-lg-3 nofloat team-memberr"> <div class="polaroid"> <img alt="avatar arisoa" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_arisoa.png" style="background:#167385"> <div class="description"> <div class="nom">Arisoa</div> <div class="summary">Ingénieur Développement et Accro au Chocolat</div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3 nofloat team-memberr"> <div class="polaroid"> <img alt="avatar mohamed" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_mohamed.png" style="background:#90d2bc"> <div class="description"> <div class="nom">Mohamed</div> <div class="summary">Ingénieur Développement et Magicien</div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3 nofloat team-memberr"> <div class="polaroid"> <img alt="avatar monge" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_monge.png" style="background:#a8ccca"> <div class="description"> <div class="nom">Monge</div> <div class="summary">Ingénieur Support</div> </div> </div> </div> </div> <div class="row text-center"> <div class="hidden-sm hidden-xs col-md-2 hidden-lg"></div> <div class="col-sm-6 col-md-4 col-lg-3 team-memberr"> <div class="polaroid"> <img alt="avatar bastien" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_bastien.png" style="background:#38aacc"> <div class="description"> <div class="nom">Bastien</div> <div class="summary">Support et Mastermind</div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3 team-memberr"> <div class="polaroid"> <img alt="avatar julio" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_julio.png" style="background:#afc6dc"> <div class="description"> <div class="nom">Julio</div> <div class="summary">Support qui a d'beaux yeux, tu sais</div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3 col-md-offset-2 col-lg-offset-0 team-memberr"> <div class="polaroid"> <img alt="avatar guillaume" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_guillaume.png" style="background:#208c87"> <div class="description"> <div class="nom">Guillaume</div> <div class="summary">Support</div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3 team-memberr"> <div class="polaroid"> <img alt="avatar aline" class="mw-100" src="/src/templates/custom/images/notre-equipe/avatar_aline.png" style="background:#2c3e50"> <div class="description"> <div class="nom">Aline</div> <div class="summary">Comptable et Interrrogatrice</div> </div> </div> </div> </div> </div> </div> <div class="section background-white padding-bottom50 "> <div class="container"> <div class="row"> <div class="col-xs-12 text-center"> <a href="https://www.hosteur.com/a-propos/recrutement" data-options="" class="btn btn-system no-border btn-large pack_option-2 font-size-20 py-15">REJOIGNEZ-NOUS</a> </div> </div> </div> </div> <div class="section bg-blue pt-80"> <div class="container"> <h2 class="data_h1">Nos partenaires</h2> </div> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <div class="clients-carousel custom-carousel touch-carousel margin-top-25" data-appeared-items="6"> <div class="client-item item"> <a href="/fournisseurs/vmware"><img src="/src/templates/custom/images/provider/vmware-logo.png" alt="vmware logo" /></a> </div> <div class="client-item item"> <a href="/haproxy/"><img src="/src/templates/custom/images/provider/HAProxy-logo.png" alt="Haproxy" /></a> </div> <div class="client-item item"> <a href="/fournisseurs/veeam"><img src="/src/templates/custom/images/provider/veeam-modern-data-protection-logo.png" alt="veeam modern data protection logo" /></a> </div> <div class="client-item item"> <a href="/fournisseurs/microsoft"><img src="/src/templates/custom/images/provider/msft-logo.png" alt="msft logo" /></a> </div> <div class="client-item item"> <a href="/fournisseurs/nexenta"><img src="/src/templates/custom/images/provider/nexenta-logo.png" alt="nexenta logo" /></a> </div> <div class="client-item item"> <a href="/fournisseurs/globalsign"><img src="/src/templates/custom/images/provider/globalsign-logo.png" alt="globalsign logo" /></a> </div> <div class="client-item item"> <a href="/fournisseurs/rsa-securid"><img src="/src/templates/custom/images/provider/rsa-secureid-logo.png" alt="rsa secureid logo" /></a> </div> <div class="client-item item"> <a href="/securite/clavister"><img src="/src/templates/custom/images/provider/clavister-logo.png" alt="clavister logo" /></a> </div> <div class="client-item item"> <a href="/securite/clavister"><img src="/src/templates/custom/images/provider/provider-denyall.png" alt="denyall logo" /></a> </div> <div class="client-item item"> <a href="/cloud/cloud-vps"><img src="/src/templates/custom/images/provider/provider-dell.png" alt="dell logo" /></a> </div> </div> </div> </div> </div> </div> </div> </div> <script> $(function(){ $(".section1").click(function() { $('html,body').animate({ scrollTop: $('#section1').offset().top }, 500); }); $(".section2").click(function() { $('html,body').animate({ scrollTop: $('#section2').offset().top }, 500); }); $(".section3").click(function() { $('html,body').animate({ scrollTop: $('#section3').offset().top }, 500); }); $(".section4").click(function() { $('html,body').animate({ scrollTop: $('#section4').offset().top }, 500); }); $(".section5").click(function() { $('html,body').animate({ scrollTop: $('#section5').offset().top }, 500); }); /*$(".menu-top-link").click(function() { $('html,body').animate({ scrollTop: $('#' + $(this).attr('name')).offset().top }, 500); });*/ }); window.onscroll = function() {myFunction()}; var navbar = document.getElementById("menu-top"); var sticky = navbar.offsetTop; function myFunction() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky") document.getElementById('menu-placeholder').style.height = document.getElementById("menu-top").offsetHeight+'px'; } else { navbar.classList.remove("sticky"); document.getElementById('menu-placeholder').style.height = '0px'; } } </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 = "index.Informations_hosteur"; 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

A propos de la société HOSTEUR - Hosteur.com