CINXE.COM

Contact du support technique et commercial - Hosteur.com

<!doctype html> <html lang="fr-FR"> <head> <title>Contact du support technique et commercial - Hosteur.com</title> <meta name="description" content="Pour toute question, demande d&#039;information ou de renseignements, n&#039;hésitez pas à contacter le support technique et commercial Hosteur.com pour vous aider!"> <meta name="keywords" content="Nom de domaine, icann, hébergement, site web, cloud, serveur dédié, vps, hébergement de site web"> <!-- Responsive Metatag --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!--meta http-equiv="Content-Type" content="text/html; charset=utf-8"--> <!-- Page Description and Author --> <link rel="canonical" href="https://www.hosteur.com/support"> <!--link rel="canonical" href="https://www.hosteur.com/support"--> <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" hreflang="fr"/> <link rel="alternate" href="https://www.hosteur.com" hreflang="x-default"/--> <link rel="alternate" href="https://www.hosteur.com/support" hreflang="fr"/> <link rel="alternate" href="https://www.hosteur.com/support" hreflang="x-default"/> <link rel="icon" type="image/png" href="https://www.hosteur.com/src/templates/custom/images/favicon.ico?v=2" /> <!-- Bootstrap CSS --> <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" /> <!-- Revolution Banner CSS --> <!--link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/vendar/css/settings.css" media="screen" /--> <!-- Venda CSS Styles --> <!--link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/vendar/css/style.css" media="screen"--> <!-- Responsive CSS Styles --> <!--link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/vendar/css/responsive.css" media="screen"--> <!-- Css3 Transitions Styles --> <!--link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/vendar/css/animate.css" media="screen"--> <!-- Color CSS Styles --> <!--link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/vendar/css/colors/blue.css" title="blue" media="screen" /--> <!-- Fontello Icons CSS Styles --> <!--link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/vendar/css/fontello.css" media="screen"--> <!--[if IE 7]><link rel="stylesheet" href="https://www.hosteur.com/src/templates/vendar/css/fontello-ie7.css"><![endif]--> <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" /> <!-- Custom style shit --> <!--link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/custom/css/style.css" media="screen"--> <!--Style M--> <!--link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/custom/css/custom_style.css" media="screen"--> <!--link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/custom/css/jquery.mCustomScrollbar.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"> <!-- FONT NOEL --> <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> <!-- Global site tag (gtag.js) - Google Ads: 1071651335 --> <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> <!-- FONT NOEL END --> <!-- Venda JS --> <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> <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!-- Gestion cookies --> <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&#039;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&#039;entrer en contact avec l&#039;équipe du site et d&#039;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&#039;enrichir le site de contenu multimédia et augmentent sa visibilité." }, "analytic": { "title": "Mesure d&#039;audience", "details": "Les services de mesure d&#039;audience permettent de générer des statistiques de fréquentation utiles à l&#039;amélioration du site." }, "ads": { "title": "Régies publicitaires", "details": "Les régies publicitaires permettent de générer des revenus en commercialisant les espaces publicitaires du site." } };*/ tarteaucitronForceLanguage = 'fr'; tarteaucitron.init({ "privacyUrl": "", /* Privacy policy url */ "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ "cookieName": "tartaucitron", /* Cookie name */ "orientation": "bottom", /* Banner position (top - bottom) */ "showAlertSmall": false, /* Show the small banner on bottom right */ "cookieslist": false, /* Show the cookie list */ "adblocker": false, /* Show a Warning if an adblocker is detected */ "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */ "highPrivacy": false, /* Disable auto consent */ "handleBrowserDNTRequest": false, /* If Do Not Track == 1, accept all */ "removeCredit": false, /* Remove credit link */ "moreInfoLink": true, /* Show more info link */ //"cookieDomain": ".my-multisite-domaine.fr" /* Shared cookie for subdomain */ }); /* zopim */ tarteaucitron.user.zopimID = '269BuoStmzmqo0R8GBoBcq8xdvQ2r4va'; (tarteaucitron.job = tarteaucitron.job || []).push('zopim'); /* analytics (ga.js) */ tarteaucitron.user.gajsUa = 'UA-803674-1'; tarteaucitron.user.gajsMore = function () {}; (tarteaucitron.job = tarteaucitron.job || []).push('gajs'); /* analytics (universal) */ tarteaucitron.user.analyticsUa = 'UA-803674-1'; tarteaucitron.user.analyticsMore = function () {}; (tarteaucitron.job = tarteaucitron.job || []).push('analytics'); /* recaptcha */ (tarteaucitron.job = tarteaucitron.job || []).push('recaptcha'); /* fb pixel */ tarteaucitron.user.facebookpixelId = '895537370555659'; tarteaucitron.user.facebookpixelMore = function () { /* add here your optionnal facebook pixel function */ }; (tarteaucitron.job = tarteaucitron.job || []).push('facebookpixel'); /* youtube */ (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); </script> <link href="https://fonts.googleapis.com/css?family=Fredoka+One" rel="stylesheet"> </head> <body> <!-- Container --> <div id="container" class="" style="background: #F8F8F8;"> <!-- Start Header --> <!--div class="hidden-header"></div--> <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> <!-- Start Top Bar --> <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"> <!-- Brand and toggle get grouped for better mobile display --> <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> <!-- Collect the nav links, forms, and other content for toggling --> <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>&nbsp;&nbsp;<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="support|support|support|it" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-it"></span>&nbsp;&nbsp;<span class="tel-elem">Italia - Italiano (€)</span></a> <a class="dropdown-item-lang" data-user="support|support|support|es" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-es"></span>&nbsp;&nbsp;<span class="tel-elem">España - Español (€)</span></a> <a class="dropdown-item-lang" data-user="support|support|support|ie" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-ie"></span>&nbsp;&nbsp;<span class="tel-elem">Ireland - English (€)</span></a> <a class="dropdown-item-lang" data-user="support|support|support|cz" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-cz"></span>&nbsp;&nbsp;<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="support|support|support|mt" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-mt"></span>&nbsp;&nbsp;<span class="tel-elem">Malta - English (€)</span></a> <a class="dropdown-item-lang" data-user="support|support|support|uk" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-uk"></span>&nbsp;&nbsp;<span class="tel-elem">United Kingdom - English (£)</span></a> <a class="dropdown-item-lang" data-user="support|support|support|bg" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-bg"></span>&nbsp;&nbsp;<span class="tel-elem">Bulgarie - Bulgare (лв)</span></a> <a class="dropdown-item-lang" data-user="support|support|support|de" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-de"></span>&nbsp;&nbsp;<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><a class="nav-link" href="/ressources/"> Ressources</a></div> </li--> <li class="nav-item"> <!--div><a class="nav-link" href="/support">Contact</a></div--> <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>&nbsp;&nbsp;<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>&nbsp;&nbsp;<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>&nbsp;&nbsp;<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>&nbsp;&nbsp;<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>&nbsp;&nbsp;<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>&nbsp;&nbsp;Espace client </a> </div> </li> </ul> </div><!-- /.navbar-collapse --> </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> <!-- End Top Bar --> <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> <!--a class="navbar-brand" href="https://www.hosteur.com/"> <img alt="logo" class="img-responsive logoHosteur" src="/src/templates/custom/images/logo/hosteur-web-services-logo.png" /> </a--> </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 class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/registry-lock"> Registry lock</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> <!--li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/datacenter/datacenter-modulaire"> Datacenters modulaires</a></li--> </ul> </div> </div> </div> </div> </li> <!--li role="presentation"> <a href="https://www.hosteur.com/hebergement-web"> Hébergements web </a> </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> <!--Serveurs <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/serveurs/serveur-dedie/serveurs-dedies"> Serveurs dédiés</a></li--> <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 / CLOUD PRÉ-CONFIGURÉ</a></li--> <!--li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/cloud-vps"> Cloud / VPS</a></li--> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/VPS"> Cloud / VPS</a></li> <!--li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/serveurs/serveur-dedie/serveurs-dedies-dell"> Serveurs dédiés DELL</a></li--> </ul> </div> <div class="col-sm-4"> <ul> <!--li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/prestashop"> Cloud Prestashop</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/wordpress"> Cloud Wordpress</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/magento"> Cloud Magento</a></li--> <!--li role="presentation"><a role="menuitem" tabindex="-1" href="https://ragnarok.hosteur.com"> RAGNAROKKR (cloud facturé à l&#039;usage)</a></li--> <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&#039;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> <!--Serveurs <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> <!--li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/serveurs/licence-windows">Licences Windows</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> <!--li role="presentation"><a role="menuitem" tabindex="-1" href="https://mailstronger.com" target="_blank"> MailStronger (Partenaire Solution Emailing)</a></li--> <!--li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/email-pro/transactionnel"> Email transactionnel</a></li--> <!--li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/email-pro/email-transactionnel"> Email transactionnel</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> <!--li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/email-pro/sms-marketing"> SMS Marketing</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> <!--li role="presentation"> <a href="https://www.hosteur.com/haproxy/">HAProxy</a> </li> <li role="presentation"> <a href="https://www.hosteur.com/start-with-us/"><i class="fa fa-rocket fa-lg"></i> Start with us</a> </li--> </ul> </div> </div> </nav> </header> <!-- End Header --> <div id="dropdown-menu" class="full-sections" style="background-color: #F8F8F8;"> <div class="container custom-dropdown"> </div> </div> <div class="page-banner page-banner-supp no-subtitle"> <div class="container"> <div class="row"> <div class="col-md-4"> </div> <div class="col-md-8"> <div class="row"> <div class="col-md-12"> <h2 class="telphonie-text black-text former-h1" data-animation="fadeInRight" data-animation-delay="02" style="font-size:26px;line-height:38px">Contactez-nous gratuitement du lundi au vendredi de 09h à 18h et le samedi de 09h à 17h</h2> </div> <div class="col-md-12"> <p class="telphonie-text black-text" data-animation="fadeInRight" data-animation-delay="02" style="font-size:20px;line-height:35px">Besoin d’aide les jours non ouvrables ?</h2></p> </div> </div> <!--div class="row"> <div class="col-md-2"></div> <div class="col-md-8"> <h1 class="domain-now-text text-center margin-top-15 black-text" data-animation="fadeInUp" data-animation-delay="02">Nous vous répondons <span class="text-uppercase">7J/7 </span></h1> </div> </div--> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8 text-center"> <a href="https://www.hosteur.com/niveaux-de-support" target="_blank" class="btn btn-system text-center font-size-20 text-uppercase py-10">Changez votre niveau de support</h2></a> </div> </div> </div> </div> </div> </div><div id="content" class="full-sections"> <div class="container" style="position:absolute;left:-100000px;"> <ol itemscope itemtype="http://schema.org/BreadcrumbList" class="hosteur-breadcrumb"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://www.hosteur.com"> <span itemprop="name"><i class="icofont-home home-hbs"></i><span class="home-nhbs">Accueil</span></span></a> </li> &nbsp;>&nbsp; <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="/web"> <span itemprop="name">HWS</span> </a> </li> &nbsp;>&nbsp; <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <span itemprop="name">Support</span> </li> </ol> </div> <br> <style> .hosteur-breadcrumb { margin-top: 10px; } .hosteur-breadcrumb li { display: inline; } .home-nhbs { display: inline; } .home-hbs { display: none; } </style> <style> .support-flag{ float:none; display: inline; vertical-align: baseline; margin-top: 12px; } .fw-bold { font-weight:bold; } .horaire { color: black; font-size: 18px; font-weight: normal; padding:10px; } .right-bordered {border-right: 1px solid #aaa} </style> <div class="section section_server padding-top50 services_support background-white"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="data_h1">Notre support technique &amp; Commercial</h1> </div> </div> </div> </div> <div class="section background-white"> <div class="container"> <div class="row"> <div class="col-md-12 nav-tabs-default"> <ul class="nav nav-tabs section-tab-vert" style="border:none;"> <li class="active" id="tabComm"> <a href="#Tab-1" data-toggle="tab" class="text-center" > <i class="icon icon-user-1" style="font-size:2.1em;"></i><br><h4 class="text-center">Information sur une commande</h4></a> </li> <li id="tabInc"><a href="#Tab-3" data-toggle="tab" class="text-center"> <i class="icon icon-chart-bar-3" style="font-size:2.1em;"></i><br><h4 class="text-center">Incidents</h4></a></li> <li id="tabTech"><a href="#Tab-2" data-toggle="tab" class="text-center"> <i class="icon icon-user-2" style="font-size:2.1em;"></i><br><h4 class="text-center">Support technique</h4></a></li> </ul> </div> </div> <div class="row"> <div class="col-xs-12"> <div class="tab-content tabSuppo" style="padding:0px;border:none;"> <div class="tab-pane active" id="Tab-1"><div class="col-md-12 service-box service-center" > <div class="service-boxed"> <div class="service-icon" style="margin-top:0px;"> </div> <div class="service-content bloc_contact_client"> <div class="row"> <div class="col-md-12"> <h4>Information sur une commande</h4> <p>Vous avez besoin d'informations supplémentaires sur une commande passée ? Contactez notre service commercial :<br></p> </div> <div class="row"> <div class="col-md-4 col-md-offset-2 service-box service-center"> <div class="service-icon "> <i class="icon-droplet icon-medium"></i> </div> <div class="service-content bloc_contact_client"> <h4>Nouveaux clients</h4> <p>Vous n'êtes pas client Hosteur ? Vous avez besoin de renseignements complémentaires sur nos services et produits ? <br> </p> <div class="phone_sup"> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/FR.png" alt="fr flag"> <span>(+33) 09 80 08 26 80*</span> </div> <!--i class="icon-phone-2 color_blue"></i> <span></span><br><br--> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/BG.png" alt="bg flag"> <span>(+359) 24 91 70 09</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/BE.png" alt="be flag"> <span>(+32) 2 586 17 88</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/CH.png" alt="ch flag"> <span>(+41) 22 506 81 81</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/LU.png" alt="lu flag"> <span>(+352) 27 86 02 94</span> </div> <a class="sh-tooltip bold_a btn btn-system hosteur_contact email_comm margin-top-15 font-size-15 py-10" id="btnO" href="#blocForm"><i class="icon-mail-1"></i> Contacter via formulaire</a></div> </div> </div> <div class="col-md-4 service-box service-center"> <div class="service-icon"> <i class="icon-user-2 icon-medium"></i> </div> <div class="service-content bloc_contact_client"> <h4>Déja Client Chez Hosteur ?</h4> <p>Chers clients si vous avez des questions techniques veuillez utiliser le système de ticket présent dans votre espace client ou appelez nous <br> <div class="phone_sup"> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/FR.png" alt="fr flag"> <span>Commercial : (+33) 09 80 08 26 80*</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/FR.png" alt="fr flag"> <span>Technique : (+33) 09 88 66 05 50</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/BG.png" alt="bg flag"> <span>(+359) 24 91 70 09</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/BE.png" alt="be flag"> <span>(+32) 2 586 17 88</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/CH.png" alt="ch flag"> <span>(+41) 22 506 81 81</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/LU.png" alt="lu flag"> <span>(+352) 27 86 02 94</span> </div> </div> <a title="" href="https://manager.hosteur.com/support-technique.php?PK_RUBRIQUE=8" class="sh-tooltip bold_a btn btn-system hosteur_contact font-size-15 py-10" data-placement="left" style="margin-top:15px;" data-original-title="Simple Tooltip" target="_blank"><i class="icon-mail-1"></i> Connectez vous</a></p> </div> </div> </div> </div> <div class="row"> <small>* TOUTES LES HOTLINES DE HOSTEUR SONT <span class="green-text fw-bold">100% GRATUITES</span></small> </div> </div></div></div></div> <div class="tab-pane" id="Tab-2"><div class="col-md-12 service-box service-center" > <div class="service-boxed"> <div class="service-icon" style="margin-top:0px;"> </div> <div class="service-content"> <h4>Support technique</h4> <p class="black-text">Nous sommes à votre service alors n&#039;hésitez pas à nous contacter <br><br></p> <div class="row"> <div class="col-md-3 service-box service-center" data-animation="fadeIn" data-animation-delay="01"> <div class="service-icon"> <i class="icon-mail-2 icon-medium"></i> </div> <div class="service-content"> <h4>Par e-mail</h4> <p class="black-text">Nous sommes hyper réactifs, nous répondons vite et bien !<br> <a class="email_teck margin-top-15 bold_a btn btn-system font-size-15 py-10" id="btn2" href="#blocForm"> Contactez-nous </a></p> </div> </div> <div class="col-md-4 service-box service-center" data-animation="fadeIn" data-animation-delay="01"> <div class="service-icon"> <i class="icon-phone-2 icon-medium"></i> </div> <div class="service-content"> <h4>Par Téléphone</h4> <p class="black-text">Vous pouvez nous contacter par téléphone au numéro ci-dessous<br> </p> <div class="phone_sup"> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/FR.png" alt="fr flag"> <span>(+33) 09 88 66 05 50*</span> </div> <!--span></span><br--> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/BG.png" alt="bg flag"> <span>(+359) 24 91 70 09</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/BE.png" alt="be flag"> <span>(+32) 2 586 17 88</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/CH.png" alt="ch flag"> <span>(+41) 22 506 81 81</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/LU.png" alt="lu flag"> <span>(+352) 27 86 02 94</span> </div> </div> </div> </div> <div class="col-md-3 service-box service-center" data-animation="fadeIn" data-animation-delay="01"> <div class="service-icon"> <i class="icon-chat-1 icon-medium"></i> </div> <div class="service-content"> <h4>Live Tchat</h4> <p class="black-text">Besoin d'un renseignement sur l'une de nos offres ?<br> Contactez un conseiller en direct via la fenêtre de Tchat en bas a droite de votre écran !</p> </div> </div> <div class="col-md-2 service-box service-center" data-animation="fadeIn" data-animation-delay="01"> <div class="service-icon"> <i class="icon-ticket icon-medium"></i> </div> <div class="service-content"> <h4>Déposer votre Ticket</h4> <p class="black-text">Vous obtiendrez une réponse rapide et efficace <br> <a href="https://manager.hosteur.com/support-technique.php?PK_RUBRIQUE=8" target="_blank" class="margin-top-15 bold_a btn btn-system font-size-15 py-10"> Déposer Ticket </a></p> </div> </div> </div> <div class="row"> <small>* TOUTES LES HOTLINES DE HOSTEUR SONT <span class="green-text fw-bold">100% GRATUITES</span></small> </div> </div> </div> </div></div> <div class="tab-pane" id="Tab-3"><div class="col-md-12 service-box service-center"> <div class="service-boxed"> <div class="service-icon" style="margin-top:0px;"> </div> <div class="service-content"> <h4>Incidents</h4> <div class="row" > <div class="col-md-12"> <p class="black-text">Nous vous accompagnons dans la gestion des incidents.<br> Vous bénéficiez de nos expertises jusqu'à la résolution complète des incidents <br> <br> </p> <div class="row"> <div class="col-md-4 service-box service-center"> <div class="service-icon"> <i class="icon-mail-2 icon-medium"></i> </div> <div class="service-content"> <h4>E-mail</h4> <p class="black-text">Notre équipe répond à toutes vos questions et vos demandes <br><br><a class="sh-tooltip bold_a hosteur_contact bold_a btn btn-system email_teck font-size-15 py-10" id="btn1" href="#blocForm"> Contacter via formulaire</a></p> </div> </div> <div class="col-md-4 service-box service-center"> <div class="service-icon"> <i class="icon-phone-2 icon-medium"></i> </div> <div class="service-content"> <h4>Hotline(technique,facturation)</h4> <p class="black-text">Appelez nos experts sur</p> <div class="phone_sup"> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/FR.png" alt="fr flag"> <span>(+33) 09 88 66 05 50*</span> </div> <!--span></span><br--> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/BG.png" alt="bg flag"> <span>(+359) 24 91 70 09</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/BE.png" alt="be flag"> <span>(+32) 2 586 17 88</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/CH.png" alt="ch flag"> <span>(+41) 22 506 81 81</span> </div> <div> <img class="img-responsive support-flag" src="/src/templates/custom/images/flags/LU.png" alt="lu flag"> <span>(+352) 27 86 02 94</span> </div> </div> </div> </div> <div class="col-md-4 service-box service-center" > <div class="service-icon"> <i class="icon-ticket icon-medium"></i> </div> <div class="service-content"> <h4>Déposer votre Ticket</h4> <p class="black-text">Vous obtiendrez une réponse rapide et efficace<br><br> <a href="https://manager.hosteur.com/support-technique.php?PK_RUBRIQUE=8" target="_blank" class="bold_a btn btn-system font-size-15 py-10"> Déposer Ticket </a></p> </div> </div> </div> </div> </div> <div class="row"> <small>* TOUTES LES HOTLINES DE HOSTEUR SONT <span class="green-text fw-bold">100% GRATUITES</span></small> </div> </div></div></div></div> </div> </div> </div> </div> </div> <div class="section padding-bottom50" id="blocForm" style="display:none;"> <div class="container"> <div class="row" > <div class="col-md-8 col-md-offset-2 padding-top50"> <!-- Start Contact Form --> <div class="contatct-form"> <div class="loader"></div> <div class="row"> <h4 class="classic-title"> <span class="info_contact_type"></span> </h4> </div> <form class="contactForm form_contact_c" id="formContact" enctype="multipart/form-data" method="POST" > <form name="form" method="post" action=""> <input type="hidden" name="erreur" id="erreurRecap" value="error"> <div class="row"> <div class="col-md-6"> <label class="float-left" for="form_company">Société</label> <input type="text" id="form_company" name="form[company]" class="form-control" /> </div> </div> <div class="row"> <div class="col-md-6"> <div class="left-inner-addon form_suppt"> <i class="icon-mail-1"></i> <label class="float-left required" for="form_email">Votre adresse Email</label><span class="class_req required float-left">*</span> <span class="email-missing">Tapez votre email</span> <input type="text" id="form_email" name="form[email]" required="required" class="form-control" /> </div> </div> <div class="col-md-6 "> <div class="left-inner-addon form_suppt"> <i class="icon-phone-1"></i> <label class="float-left required" for="form_phone">Numéro de Téléphone</label><span class="class_req required float-left">*</span> <input type="text" id="form_phone" name="form[phone]" required="required" class="form-control" /> </div> </div> </div> <div class="row"> <div class="col-md-12"> <label class="float-left required" for="form_message">Votre message</label><span class="class_req required float-left">*</span> <span class="message-missing">Tapez votre message</span> <textarea id="form_message" name="form[message]" required="required" cols="45" rows="10" class="form-control"></textarea> </div> </div> <div class="row"> <div class="col-md-12 text-center" id="recaptcha"> <!--script src='https://www.google.com/recaptcha/api.js'></script--> <div class="g-recaptcha" data-sitekey="6LfVVwwTAAAAAA2nWrNu_AEQJ_eE4d93QltqtYLi"></div> </div> </div> <div class="row text-center"> <button id="submitContactForm" class="btn btn-info info_contact_type_msg" id="mail-support" onclick="envoyerEmailSupport()"></button> <input type="submit" class="real-submit-button" id="formRealSubmit" name="formRealSubmit" > </div> <input type="hidden" id="form_typeQuestion" name="form[typeQuestion]" /><input type="hidden" id="form__token" name="form[_token]" value="92f13a2990d09fcf8cfe772c71fb0292c80974e0" /></form> </form> <script> function envoyerEmailSupport(){ if (!document.getElementById('formContact').checkValidity()) { document.getElementById('formRealSubmit').click(); return false; } showHosteurLoading(); $.ajax({ type: 'POST', url: "/email-support", data: new FormData(document.getElementById('formContact')), contentType: false, cache: false, processData:false, success: function(data){ if(typeof grecaptcha !== "undefined") grecaptcha.reset(); hideHosteurLoading(); var response = $.parseJSON(data); if(response.result == 1){ showHosteurAlert(response.message, "alert-success"); } else{ showHosteurAlert(response.message, "alert-danger"); } } }); } $(function(){ $("#formContact").submit(function(e){ e.preventDefault(); return false; }); }); </script> </div> </div> </div> </div> </div> <style> .contour { border: 1px solid #16A086; box-shadow: 0 0 1px #666; /*background-image: url(https://www.hosteur.com/src/templates/custom/images/support/contour.png); background-repeat: no-repeat; background-size: 100% 100%;*/ } .text-hotline { font-family: 'Fredoka One', cursive!important; font-size: 35px; line-height: 35px; color: #666; } </style> <!--div class="section padding-top50 padding-bottom50" > <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <div class="row contour md-flex-center text-center"> <div class="col-md-3 col-md-offset-1 py-10"> <img class="img-responsive margin-auto" src="https://www.hosteur.com/src/templates/custom/images/support/phone-free.png" alt="telephone hotline" /> </div> <div class="col-md-7 text-hotline"> HOTLINE<br><span class="red-text">100%</span> GRATUITE </div> </div> </div> </div> </div> </div--> <div class="section" style="padding-top: 0; padding-bottom: 0; border-top: 0; border-bottom: 0; background: white;"> <div class="container"> <div class="row md-flex-center"> <div class="col-md-6 right-bordered"> <div class="call-action call-action-boxed clearfix text-center"> <div class="col-md-3 col-md-offset-1 py-10"> <img class="img-responsive margin-auto" src="https://www.hosteur.com/src/templates/custom/images/support/phone-free.png" alt="telephone hotline" /> </div> <div class="col-md-7 text-hotline"> HOTLINE<br><span class="red-text">100%</span> GRATUITE </div> <!--div class="button-side" style="margin-top:10px;"> </div> <h2 class="primary text-center" style="padding-top: 10px;">Un numéro toujours gratuit et dédié pour toutes vos demandes commerciales </h2> <a href="#" class="btn-system border-btn btn-medium " style="line-height:28px;background-color: #00afd1;border: 1px solid #01AFD1;margin-top: 25px;"><i class="fa fa-phone"></i> (+33) 09 80 08 26 80</a--> </div> </div> <div class="col-md-6"> <div class="call-action call-action-boxed clearfix"> <div class="row xs-flex-center"> <div class="col-xs-3"> <img alt="horaire" class="img-responsive margin-auto" src="/src/templates/custom/images/index/horaire.png"> </div> <div class="col-xs-9"> <h2 class="primary text-left" style="padding-top: 10px;padding-left:10px">Nos horaires</h2> <div class="horaire"><i class="fa fa-phone blue-text" aria-hidden="true"></i> Du Lundi au Vendredi: <strong class="blue-text">09h</strong> à <strong class="blue-text">18h</strong></div> <div class="horaire"><i class="fa fa-phone blue-text" aria-hidden="true"></i> Le Samedi: <strong class="blue-text">09h</strong> à <strong class="blue-text">17h</strong></div> </div> </div> </div> </div> </div> </div> </div> <div class="section section_server padding-top50 services_support padding-bottom50" > <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="black-text text-center margin-bottom-20">AIDE HOSTEUR</h1> <p class="text-center text_support black-text margin-bottom-20"> Si vous avez besoin d&#039;aide lors de la création d&#039;une commande contactez nous ou bien découvrez notre aide en ligne </p> </div> </div> <div class="row"> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 col-ss-12 margbot30 blue_about col-sm-offset-1"> <div class="about_services_item center"> <i class="fa fa-globe"></i> <p>Domaine</p> <span></span> <a href="/ressources/aide?page=les-domaines" target="_blank">En savoir plus</a> </div> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 col-ss-12 margbot30 blue_about"> <div class="about_services_item center"> <i class="fa fa-cloud"></i> <p>VDI Cloud</p> <span></span> <a href="/ressources/aide?page=vdi" target="_blank">En savoir plus</a> </div> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 col-ss-12 margbot30 blue_about"> <div class="about_services_item center"> <i class="icon icon-chart-bar-3"></i> <p>Hébergements web</p> <span></span> <a href="/ressources/aide?page=les-offres-dhebergement" target="_blank">En savoir plus</a> </div> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 col-ss-12 margbot30 blue_about"> <div class="about_services_item center"> <i class="fa fa-envelope-o"></i> <p>Exchange</p> <span></span> <a href="/ressources/aide?page=gerer-la-messagerie-exchange-2016" target="_blank">En savoir plus</a> </div> </div> <!--div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 col-ss-12 margbot30 blue_about"> <div class="about_services_item center"> <i class="fa fa-phone"></i> <p>VOIP</p> <span></span> <a href="/ressources/aide?page=configurer-un-compte-sip-sur-un-softphone" target="_blank">En savoir plus</a> </div> </div--> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 col-ss-12 margbot30 blue_about col-xs-offset-3 col-sm-offset-0"> <div class="about_services_item center"> <i class="glyphicon glyphicon-hdd"></i> <p>Serveurs dédiés</p> <span></span> <a href="/ressources/aide?page=gestion-serveur-dedie" target="_blank">En savoir plus</a> </div> </div> </div><!-- //ROW --> <div class="row text-center"> <a href="/ressources/aide" class="btn-system btn-large border-btn btn-blue margin-top-15 font-size-20 py-10" style="background-color: rgba(0, 144, 172, 0.67);" target="_blank"><i class="fa fa-arrow-right"></i> Découvrez notre aide en ligne</a> </div> </div> </div> <!--div class="section section section_server padding-top50 padding-bottom50 " style="background-color:white!important;"> <div class="container"> <div class="row"> <div class="col-md-3"> <img class="img-responsive page-header float-right" data-animation="fadeInUp" data-animation-delay="02" alt="icann" style="border-bottom:none;width: 35%;" src="/src/templates/custom/images/services/vip_box.png" > </div> <div class="col-md-9"> <h1 class="black-text page-header">Support VIP : Plus de proximité et plus de réactivité</h1> <p class="black-text margin-top-15">Vous avez besoin d'une intervention urgente ? <br>Souscrivez à l'une de nos offres de support et profitez d'un traitement prioritaire.</p> <a href="https://www.hosteur.com/services/vip-support" class="btn-system btn-large border-btn btn-blue margin-top-15 font-size-20 py-10" style="background-color: rgba(0, 144, 172, 0.67);" target="_blank"><i class="fa fa-arrow-right"></i> Découvrez la liste de nos support vip</a> </div> </div> </div> </div--> <div class="section services_support_2 info_supp_b"> <div class="container"> <!-- Start Services Icons --> <div class="row"> <!-- Start Service Icon 1 --> <div class="col-md-4 service-box service-center" data-animation="fadeIn" data-animation-delay="01"> <div class="service-icon"> <i class="icon-lifebuoy icon-medium"></i> </div> <div class="service-content content_p_sup"> <h4>Serveur 100% Sécurisé</h4> <p>Vous pouvez compter sur HOSTEUR pour garder en sécurité vos données les plus sensibles, en ligne à plus de 99.99% par an (contrat SLA)</p> <a title="" href="https://www.hosteur.com/informations" class="style_white sh-tooltip bold_a btn btn-system font-size-15 py-10" data-placement="left" data-original-title="Simple Tooltip" style="margin-top:15px;" target="_blank"><i class="icon-info-1"></i> En savoir plus</a> </div> </div> <!-- End Service Icon 1 --> <!-- End Service Icon 2 --> <!-- Start Service Icon 3 --> <div class="col-md-3 service-box service-center " data-animation="fadeIn" data-animation-delay="02"> <div class="service-icon"> <i class="icon-droplet icon-medium"></i> </div> <div class="service-content content_p_sup"> <h4>Techniciens 100% en FRANCE</h4> <p>Assuré par des techniciens et ingénieurs formés, qualifiés et certifés.</p> <a title="" href="https://www.hosteur.com/informations " class="sh-tooltip bold_a btn btn-system style_white font-size-15 py-10" data-placement="left" data-original-title="Simple Tooltip" style="margin-top:15px;" target="_blank"><i class="icon-info-1"></i> En savoir plus</a> </div> </div> <!-- End Service Icon 3 --> <!-- Start Service Icon 4 --> <div class="col-md-4 service-box service-center" data-animation="fadeIn" data-animation-delay="03"> <div class="service-icon content_p_sup"> <i class="icon-award-1 icon-medium"></i> </div> <div class="service-content content_p_sup"> <h4>Confiance et expérience 15 ans</h4> <p>Société de plus de 15 ans au capital de 50 000 d&#039;Euros. Nombreuses accréditations et certifications.</p> <a title="" href="https://www.hosteur.com/informations" class="sh-tooltip bold_a btn btn-system style_white font-size-15 py-10" data-placement="left" data-original-title="Simple Tooltip" style="margin-top:15px;" target="_blank"><i class="icon-info-1"></i> En savoir plus</a> </div> </div> <!-- End Service Icon 4 --> <!-- End Service Icon 8 --> </div> <!-- End Services Icons --> </div> </div> </div> <div class="section" style="padding-top:60px; padding-bottom:30px; border-top:0; border-bottom:0; background:#fff"> <div class="container"> <!-- Start Services Icons --> <div class="row"> <div class="col-md-9"> <!-- Start Recent Posts Carousel --> <div class="latest-posts"> <!-- Classic Heading --> <h4 class="classic-title"><span>Nos clients nous font confiance</span></h4> <div class="latest-posts-classic custom-carousel touch-carousel" data-appeared-items="2"> <!-- Post 1 --> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">14</span><span class="month" style="font-size:8px!important;">02-2025</span> </div> </div> <div> <input type="hidden" class="clients-not1" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes1" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1431" target="_blank" style="font-size: 17px;">A récommander</a></h3> <p class="clients-reviews">Plus aucun soucis depuis plus d&#039;un an !!! <br> <a class="read-more" href="/reviews/review-1431" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">10</span><span class="month" style="font-size:8px!important;">02-2025</span> </div> </div> <div> <input type="hidden" class="clients-not2" value="4"></span> <span class="float-left"> <input type="hidden" class="clients-notes2" value="4"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1430" target="_blank" style="font-size: 17px;">nom de domaine</a></h3> <p class="clients-reviews">Comment obtenir le nom de domaine quand on a acheté un hébergement???? mystère et boule de gomme. <br> <a class="read-more" href="/reviews/review-1430" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">01</span><span class="month" style="font-size:8px!important;">02-2025</span> </div> </div> <div> <input type="hidden" class="clients-not3" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes3" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1428" target="_blank" style="font-size: 17px;">avis général</a></h3> <p class="clients-reviews">Note : 5/6 Avis : Hosteur offre des prix imbattables, souvent 2 à 3 fois moins chers que la concurrence. De plus, leurs serveurs ne sont pas derrière NAT, contrairement à d&#039;autres hébergeurs, ce qui les rend encore plus performants. C&#039;est pourquoi je les considère comme les meilleurs. <br> <a class="read-more" href="/reviews/review-1428" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">27</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not4" value="4"></span> <span class="float-left"> <input type="hidden" class="clients-notes4" value="4"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1427" target="_blank" style="font-size: 17px;">Bon le renouvellement</a></h3> <p class="clients-reviews">Merci pour vos informations <br> <a class="read-more" href="/reviews/review-1427" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">25</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not5" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes5" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1426" target="_blank" style="font-size: 17px;">Service vlient très réactif</a></h3> <p class="clients-reviews">A recommander vivement. <br> <a class="read-more" href="/reviews/review-1426" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">16</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not6" value="4"></span> <span class="float-left"> <input type="hidden" class="clients-notes6" value="4"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1425" target="_blank" style="font-size: 17px;">ok</a></h3> <p class="clients-reviews">Reponse correcte, rapide. Je suis satisfait : je reste chez Hosteur ! <br> <a class="read-more" href="/reviews/review-1425" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">16</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not7" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes7" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1424" target="_blank" style="font-size: 17px;">Très compétent</a></h3> <p class="clients-reviews">L&#039;accueil et le fil de la discussion impeccable. Personnel réactif et compétant. <br> <a class="read-more" href="/reviews/review-1424" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">09</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not8" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes8" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1423" target="_blank" style="font-size: 17px;">Service Parfait. disponible souple et réactifs</a></h3> <p class="clients-reviews">Service Parfait. techniciens disponibles règles souples et entreprise réactive <br> <a class="read-more" href="/reviews/review-1423" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">09</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not9" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes9" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1422" target="_blank" style="font-size: 17px;">satisfaction</a></h3> <p class="clients-reviews">depuis plusieurs années nous sommes pleinement satisfait du service rendu d&#039;HOSTEUR <br> <a class="read-more" href="/reviews/review-1422" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">08</span><span class="month" style="font-size:8px!important;">01-2025</span> </div> </div> <div> <input type="hidden" class="clients-not10" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes10" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1421" target="_blank" style="font-size: 17px;">TRES BON</a></h3> <p class="clients-reviews">Je suis client de plusieurs domaines et hebergement par Hosteur depuis plus de 15 ans et je suis tres satisfait de l&#039;entrepise jusque là. Le seul soucis est qu&#039;avant nous pouvions avoir les responsables au telephone mais aujourd&#039;hui ce sont des plateformes a l&#039;etranger alors victime de leur succes c&#039;est moins familiale mais ca se gere bien avec les tickets. Merci HOSTEUR <br> <a class="read-more" href="/reviews/review-1421" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">27</span><span class="month" style="font-size:8px!important;">12-2024</span> </div> </div> <div> <input type="hidden" class="clients-not11" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes11" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1417" target="_blank" style="font-size: 17px;">Très bon accueil de l&#039;interlocuteur qui a immédiatement résolu mon problème de facturation.</a></h3> <p class="clients-reviews">Bon avis avec un interlocuteur compétent <br> <a class="read-more" href="/reviews/review-1417" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">26</span><span class="month" style="font-size:8px!important;">12-2024</span> </div> </div> <div> <input type="hidden" class="clients-not12" value="4"></span> <span class="float-left"> <input type="hidden" class="clients-notes12" value="4"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1416" target="_blank" style="font-size: 17px;">Bien mais...</a></h3> <p class="clients-reviews">Globalement très satisfait, sauf... Sauf pour les règlements. En effet, que l&#039;on payé un mois, un trimestre ou une année complète, le tarif mensuel est le même ! Pas la moindre réduction !!! Pas la moindre option pour mettre en place un règlement automatique non plus... Cette partie règlement pourrait être largement améliorée... Je reste quand même chez Hosteur ! <br> <a class="read-more" href="/reviews/review-1416" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">18</span><span class="month" style="font-size:8px!important;">12-2024</span> </div> </div> <div> <input type="hidden" class="clients-not13" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes13" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1415" target="_blank" style="font-size: 17px;">1 étoile</a></h3> <p class="clients-reviews">Bonjour, Je veux signaler que j&#039;ai fais un paiement tripple de ce pacte= 7,47 7,47*3 7,47*3 = 52,29 équivalent à 7 mois de prolongation pour ce pacte. S&#039;il vous plait veuillez le prolonger et qu&#039;il soit visible sur le compte. J&#039;ai envoyé des mails et a laissé un ticket sur le support sans suite. Honnêtement, je suis chez hosteur y&#039;a plus de 15 ans environs mais le service depuis ces 3 dernières années s&#039;est détérioré : absence de réponses , lenteurs, réponses non satisfaisantes, etc.... <br> <a class="read-more" href="/reviews/review-1415" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">15</span><span class="month" style="font-size:8px!important;">12-2024</span> </div> </div> <div> <input type="hidden" class="clients-not14" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes14" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1414" target="_blank" style="font-size: 17px;">Le top du top</a></h3> <p class="clients-reviews">Le top du top <br> <a class="read-more" href="/reviews/review-1414" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">30</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not15" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes15" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1413" target="_blank" style="font-size: 17px;">17 ans de services</a></h3> <p class="clients-reviews">Toujours simple et fonctionnel depuis 2008 je reste chez vous merci <br> <a class="read-more" href="/reviews/review-1413" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">19</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not16" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes16" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1412" target="_blank" style="font-size: 17px;">????? ?? ???????</a></h3> <p class="clients-reviews">??????? ??? ???????, ??? ?? ?????????? ??????, ????? ????? ??????? ??????, ? ? ????? ????????. ? ??? ????? ????! ??? ???????? ??????, ????? ???????. ??????? ??? ????, ????? ? ????? ? ????? ??? ???? ??????! <br> <a class="read-more" href="/reviews/review-1412" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">18</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not17" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes17" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1411" target="_blank" style="font-size: 17px;">Hosteur est toujours disponible pour vous aider alors pourquoi aller ailleurs?</a></h3> <p class="clients-reviews">Mes 2 sites sont hébergés chez Hosteur depuis des années déjà et j&#039;en suis bien content! ,Hosteur a évolué tout en restant humain et il est resté réactif et à l&#039;écoute de ses clients ce qui n&#039;est apparemment pas le cas chez certains &amp;quot;gros&amp;quot; hébergeurs pour qui vous n&#039;êtes qu&#039;un numéro de contrat. -Un problème technique ou besoin d&#039;un conseil technique? le service technique est très conpétent et toujours très réactifs: comme ils vous répondent rapidement votre problème est généralement résolu dans les heures qui suivent ou au pire dans la journée! -Un soucis administratif (problème de facture ou autre? idem la réponse est immédiate et vous avez accès facilement à tous vos services via un espace client bien pensé avec une interface conviviale où vous retrouvez facilement par exemple toutes vos factures téléchargeables. Les coupures de site sont très rares et si il y a une maintenance de serveur prévue vous êtes prévenu par mail donc pas de surprises désagréables et généralement c&#039;est fait dans la nuit donc pas de soucis la journée! Bref je recommande vivement Alors pourquoi aller ailleurs? <br> <a class="read-more" href="/reviews/review-1411" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">14</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not18" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes18" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1410" target="_blank" style="font-size: 17px;">C&#039;est le bazar chez Hosteur?</a></h3> <p class="clients-reviews">2 jours pour vous payer mes cotisations annuelles! Vous trouvez ça normal? <br> <a class="read-more" href="/reviews/review-1410" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">12</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not19" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes19" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1409" target="_blank" style="font-size: 17px;">Renouvellement FLEXONE</a></h3> <p class="clients-reviews">Bonjour ! J&#039;ai réglé mon abonnement FLEXONE mais je ne sais pas ce qu&#039;est FLEXONE et pas moyen de trouver des informations sur ce produit. Je vous fais confiance mais j&#039;ai du mal à comprendre certains services. Merci si jamais vous lisiez réellement cet avis de m&#039;informer de cet abonnement. Guy CHOLET &amp;quot;L&#039;Epicentre communication&amp;quot; <br> <a class="read-more" href="/reviews/review-1409" target="_blank">Lire la suite...</a></p> </div> </div> <div class="post-row item"> <div class="left-meta-post"> <div class="post-date"><span class="day">06</span><span class="month" style="font-size:8px!important;">11-2024</span> </div> </div> <div> <input type="hidden" class="clients-not20" value="5"></span> <span class="float-left"> <input type="hidden" class="clients-notes20" value="5"></span> </div><br> <div class="post-content"> <h3 class="post-title"><a href="/reviews/review-1408" target="_blank" style="font-size: 17px;">El pago</a></h3> <p class="clients-reviews">Vuestro pagina web me ha dado un error por el pago con mi tajeta. Pero mi banco me ha confirmado que era cobrado y despues ustedes me han confirmado lo mismo por correo electronico. Entonces nada para reclamar. Solamente para enseñar. Soy super contento. <br> <a class="read-more" href="/reviews/review-1408" target="_blank">Lire la suite...</a></p> </div> </div> </div> </div> </div> <div class="col-md-3"> <h4 class="classic-title"><span> Suivez nous sur les réseaux sociaux </span></h4> <div class="row"> <div class="col-md-6"> <a href="https://twitter.com/hosteur" class="share-btn" style="margin-left:0px;" target="_blank"> <span class="share-btn-action share-btn-tweet"><i class="icon-twitter-2"></i> Abonnés</span> <span class="share-btn-count">542</span> </a> </div> <div class="col-md-6"> <a href="https://www.facebook.com/Hosteur?fref=ts" class="share-btn" target="_blank"> <span class="share-btn-action share-btn-like"><i class="icon-facebook-2"></i> Amis</span> <span class="share-btn-count">2046</span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript" src="/src/templates/custom/js/customer-reviews.min.js"></script> <div id="myModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <!-- dialog body --> <div class="modal-header" style="background-color: rgba(12, 83, 43, 0.88);"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true" style="color:white;">&times;</span><span class="sr-only">Fermer</span> </button> <h3 style="color:white;">Contactez nous</h3> </div> <div class="modal-body body_confirm"> <h3>Merci, votre message a été envoyé, nous y répondrons dès que possible.</h3> </div> <!-- dialog buttons --> </div> </div> </div> <script> function viderForm() { $('#form_company').val(''); $('#form_email').val(''); $('#form_phone').val(''); $('#form_message').val(''); $('#blocForm').css({'display': 'none'}); } $('.email_comm').click(function () { console.log('Commercial'); $('#form_typeQuestion').val('commercial'); $('.info_contact_type').text('QUESTION COMMERCIALE UNIQUEMENT SVP'); $('.info_contact_type_msg').html('Envoyer votre message au service commercial'); }); $('.email_teck').click(function () { console.log('technique'); $('#form_typeQuestion').val('technique'); $('.info_contact_type').text('QUESTION TECHNIQUE UNIQUEMENT SVP'); $('.info_contact_type_msg').html('Envoyer votre message au service technique'); }); $('#tabComm').click(function () { console.log('Commercial'); $('#form_typeQuestion').val('commercial'); $('.info_contact_type').text('QUESTION COMMERCIALE UNIQUEMENT SVP'); $('.info_contact_type_msg').html('Envoyer votre message au service commercial'); viderForm(); }); $('#tabInc').click(function () { console.log('technique'); $('#form_typeQuestion').val('technique'); $('.info_contact_type').text('QUESTION TECHNIQUE UNIQUEMENT SVP'); $('.info_contact_type_msg').html('Envoyer votre message au service technique'); viderForm(); }); $('#tabTech').click(function () { console.log('technique'); $('#form_typeQuestion').val('technique'); $('.info_contact_type').text('QUESTION TECHNIQUE UNIQUEMENT SVP'); $('.info_contact_type_msg').html('Envoyer votre message au service technique'); viderForm(); }); $('#btnO').click(function () { $('#blocForm').toggle(); }); $('#btn1').click(function () { $('#blocForm').toggle(); }); $('#btn2').click(function () { $('#blocForm').toggle(); }); if ($('#erreurRecap').val() != 'error') { $('#myModal').modal(); } </script> <!-- Start Footer --> <!--div class="stats"> <p class="fittext bold blue-dark-text font-size-20 line-height-1-6 tlt"> <span class="texts"> <span>Nombre de domaines: 105588</span> <span>Sites: 5304 </span> <span>Serveurs: 15593 </span> <span>Clients: 144762 </span> <span>SSL: 10668 </span> <span>Tickets traités: 2037647 </span> </span> </p> </div--> <!-- LEAVING POPUP --> <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> <!-- LEAVING POPUP END --> <!-- GENERIC CONTACT FORM --> <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">&times;</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> <!-- GENERIC CONTACT FORM END --> <!--NEWSLETTER POP UP--> <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&#039;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&#039;à 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&#039;est produite. Veuillez reessayer svp!</div> </div> </div> </div> <!--NEWSLETTER END--> <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/partenaires/"> Partenaires</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="http://affilies.hosteur.com/ "> Affiliation</a></li--> <!--li><a href=""> </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-3"> <h3>News <span class="head-line"></span> </h3> <div class="twitter-bloc mCustomScrollbar"> </div> </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/solutions-saas/sharepoint-office"> Solution Saas</a></li> <li><a href="https://www.hosteur.com/services/">Services</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-6"> <img src="/src/templates/custom/images/logo-conforme-rgpd.png" alt="Conforme RGPD" class="img-responsive margin-top-15" /> </div--> <div class="col-xs-12"> <!--div class="input-group"> <span class="input-group-addon input-group-addon-cstm"><i class="fa fa-globe"></i></span> <select name="changeLanguage" id="changeLanguage" class="form-control"> <option aria-label="France - Français" label="France - Français" value="fr" lang="fr">France - Français</option> <option aria-label="България - Български" label="България - Български" value="bg" lang="bg">България - Български</option> </select> </div--> </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> <!--li> <i class="icon-phone-2"></i> Tel : (+41) 22 518 64 87</li> <li> <i class="icon-phone-2"></i> Fax: 09 80 08 26 81</li--> <!--li> <i class="icon-mail"></i> company@company.com</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="facebook" href="https://www.facebook.com/Hosteur" target="_blank"><i class="icon-facebook-2"></i></a--> <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> <!--a href="https://www.hosteur.com/securite/clavister" class="footer-clavister"><img src="/src/templates/custom/images/clavister-logo-gold.png" alt="clavister logo" class="img-responsive hcenter" /></a> <img src="/src/templates/custom/images/denyall-logo.png" alt="denyall logo" class="img-responsive margin-top-15" /--> <div class="row"> <div class="col-xs-6"> <!-- globalsign begin --> <div class="margin-top-15"> <!--- DO NOT EDIT - GlobalSign SSL Site Seal Code - DO NOT EDIT ---><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><!--script type="text/javascript" src="//seal.globalsign.com/SiteSeal/gmogs_image_110-45_en_dblue.js"></script--></td></tr></table><!--- DO NOT EDIT - GlobalSign SSL Site Seal Code - DO NOT EDIT ---> </div> <div id="gsScriptContainer"></div> <!-- globalsign end --> </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" /> <!--img src="/src/templates/custom/images/gaia.png" alt="gaia-x" 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 href="https://www.hosteur.com/securite/clavister" class="footer-clavister"><img src="/src/templates/custom/images/clavister-logo-gold.png" alt="clavister logo" class="img-responsive hcenter" /></a> <img src="/src/templates/custom/images/denyall-logo.png" alt="denyall logo" class="img-responsive margin-top-15" /--> <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 class="text-center veritas">Certifié <span class="color-cadetGreen veritas-cert">ISO/IEC 27001:2013</span></div> <div class="text-center veritas">Numéro de certification : <span class="color-cadetGreen veritas-cert">7199890</span></div--> </div> </div> <!-- Delay Globalsign seal load --> </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> <!-- End Subscribe & Social Links Widget --> <!-- Start Copyright --> <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> <!--a href="https://www.hosteur.com/a-propos/whois">Whois</a--> </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> <!-- End Copyright --> </div> </footer> <!-- End Footer --> </div> <!-- End Container --> <!-- Go To Top Link --> <a href="#" class="back-to-top"><i class="icon-up-open-1"></i></a> <!--div id="loader"> <div class="spinner"> <div class="dot1"></div> <div class="dot2"></div> </div> </div--> <style> .loading-box{ background-color: white; padding: 15px 25px; display: inline-block; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); border-radius: 10px; margin-bottom: 15px; font-size: 20px; } #HosteurLoading .modal-content{ background-color: transparent; border: none; box-shadow: none; } </style> <div class="modal fade" id="HosteurLoading" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog"> <!-- Modal content--> <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--> <strong>Veuillez patienter svp</strong> </div> </div> </div> </div> </div> <!-- ALERT MODAL --> <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>&nbsp;&nbsp;'+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> <!-- Google Analytics --> <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> <!-- End Google Analytics --> <!-- Facebook Pixel Code --> <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.support2"; 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&#039;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> <!-- End Facebook Pixel Code --> </html>

Pages: 1 2 3 4 5 6 7 8 9 10