CINXE.COM
Contact - Hosteur.com
<!doctype html> <html lang="fr-FR"> <head> <title>Contact - Hosteur.com</title> <meta name="description" content="Pour toute demande d'informations ou d'assistance, n'hésitez pas à nous joindre par téléphone ou par mail"> <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/contact"> <!--link rel="canonical" href="https://www.hosteur.com/contact"--> <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/contact" hreflang="fr"/> <link rel="alternate" href="https://www.hosteur.com/contact" 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'a déposé aucun cookie.", "more": "En savoir plus", "source": "Voir le site officiel", "support": { "title": "Support", "details": "Les services de support vous permettent d'entrer en contact avec l'équipe du site et d'aider à son amélioration." }, "api": { "title": "APIs", "details": "Les APIs permettent de charger des scripts : géolocalisation, moteurs de recherche, traductions, ..." }, "video": { "title": "Vidéos", "details": "Les services de partage de vidéo permettent d'enrichir le site de contenu multimédia et augmentent sa visibilité." }, "analytic": { "title": "Mesure d'audience", "details": "Les services de mesure d'audience permettent de générer des statistiques de fréquentation utiles à l'amélioration du site." }, "ads": { "title": "Régies publicitaires", "details": "Les régies publicitaires permettent de générer des revenus en commercialisant les espaces publicitaires du site." } };*/ tarteaucitronForceLanguage = 'fr'; tarteaucitron.init({ "privacyUrl": "", /* Privacy policy url */ "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ "cookieName": "tartaucitron", /* Cookie name */ "orientation": "bottom", /* Banner position (top - bottom) */ "showAlertSmall": false, /* Show the small banner on bottom right */ "cookieslist": false, /* Show the cookie list */ "adblocker": false, /* Show a Warning if an adblocker is detected */ "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */ "highPrivacy": false, /* Disable auto consent */ "handleBrowserDNTRequest": false, /* If Do Not Track == 1, accept all */ "removeCredit": false, /* Remove credit link */ "moreInfoLink": true, /* Show more info link */ //"cookieDomain": ".my-multisite-domaine.fr" /* Shared cookie for subdomain */ }); /* zopim */ tarteaucitron.user.zopimID = '269BuoStmzmqo0R8GBoBcq8xdvQ2r4va'; (tarteaucitron.job = tarteaucitron.job || []).push('zopim'); /* analytics (ga.js) */ tarteaucitron.user.gajsUa = 'UA-803674-1'; tarteaucitron.user.gajsMore = function () {}; (tarteaucitron.job = tarteaucitron.job || []).push('gajs'); /* analytics (universal) */ tarteaucitron.user.analyticsUa = 'UA-803674-1'; tarteaucitron.user.analyticsMore = function () {}; (tarteaucitron.job = tarteaucitron.job || []).push('analytics'); /* recaptcha */ (tarteaucitron.job = tarteaucitron.job || []).push('recaptcha'); /* fb pixel */ tarteaucitron.user.facebookpixelId = '895537370555659'; tarteaucitron.user.facebookpixelMore = function () { /* add here your optionnal facebook pixel function */ }; (tarteaucitron.job = tarteaucitron.job || []).push('facebookpixel'); /* youtube */ (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); </script> </head> <body> <!-- 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> <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="|||it" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-it"></span> <span class="tel-elem">Italia - Italiano (€)</span></a> <a class="dropdown-item-lang" data-user="|||es" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-es"></span> <span class="tel-elem">España - Español (€)</span></a> <a class="dropdown-item-lang" data-user="|||ie" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-ie"></span> <span class="tel-elem">Ireland - English (€)</span></a> <a class="dropdown-item-lang" data-user="|||cz" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-cz"></span> <span class="tel-elem">Tchéquie - Tchèque (Kč)</span></a> </div> <div class="separator-column"></div> <div class="column"> <a class="dropdown-item-lang" data-user="|||mt" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-mt"></span> <span class="tel-elem">Malta - English (€)</span></a> <a class="dropdown-item-lang" data-user="|||uk" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-uk"></span> <span class="tel-elem">United Kingdom - English (£)</span></a> <a class="dropdown-item-lang" data-user="|||bg" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-bg"></span> <span class="tel-elem">Bulgarie - Bulgare (лв)</span></a> <a class="dropdown-item-lang" data-user="|||de" onclick="navigateToUrlTld_1(this)"><span class="tel-flag tel-flag-de"></span> <span class="tel-elem">Deutschland - Deutsch (€)</span></a> </div> </div> </div> </div> </div> </li> <li class="nav-item"> <div><a class="nav-link active" href="/informations">A PROPOS DE NOUS</a></div> </li> <!--li class="nav-item"> <div><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> <span class="tel-elem">(+33) 9 88 66 05 50</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-bg"></div> <span class="tel-elem">(+359) 24 91 70 09</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-ch"></div> <span class="tel-elem">(+41) 22 506 81 81</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-lu"></div> <span class="tel-elem">(+352) 27 86 02 94</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-be"></div> <span class="tel-elem">(+32) 2 586 17 88</span></span> </div> </div> </div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline style-callcenter btn-mini mr-0" href="https://www.hosteur.pro/fr/" target="_blank">Callcenter</a></div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline btn-mini mr-0" href="/business">GRANDS COMPTES</a></div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline style-ragna btn-mini mr-0" href="/cloud/elastic-ragnarokkr" target="_blank">RAGNARØKKR</a></div> </li> <li class="nav-item"> <div> <a id="dynamicLink" class="m-link nav-link btn-business btn-mini style-2 mr-0"> <i class="fa fa-sign-in" aria-hidden="true"></i> Espace client </a> </div> </li> </ul> </div><!-- /.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'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'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> <link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/custom/css/intlTelInput.css" /> <script type="text/javascript" src="https://www.hosteur.com/src/templates/vendar/js/contact.form.js"></script> <!-- Start Page Banner --> <div id="content" class="full-sections"> <div class="container" style="position:absolute;left:-100000px;"> <ol itemscope itemtype="http://schema.org/BreadcrumbList" class="hosteur-breadcrumb"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://www.hosteur.com"> <span itemprop="name"><i class="icofont-home home-hbs"></i><span class="home-nhbs">Accueil</span></span></a> </li> > <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="/web"> <span itemprop="name">HWS</span> </a> </li> > <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <span itemprop="name">Contact</span> </li> </ol> </div> <br> <style> .hosteur-breadcrumb { margin-top: 10px; } .hosteur-breadcrumb li { display: inline; } .home-nhbs { display: inline; } .home-hbs { display: none; } </style> <div class="section padding-bottom30 padding-top50 background-white" > <div class="container"> <div class="row"> <h1 class="col-md-6 data_h1">NOUS CONTACTER</h1> <div class="col-md-6 team-member modern"> <div class="member-socail"> <a class="facebook" href="https://www.facebook.com/Hosteur" target="_blank"><i class="icon-facebook-2"></i></a> <a class="twitter" href="https://twitter.com/hosteur" target="_blank"><i class="icon-twitter-2"></i></a> <a class="gplus" href="https://plus.google.com/u/0/115811643677380746203/posts" target="_blank"><i class="icon-gplus"></i></a> </div> </div> </div> <div class="row" > <div class="col-md-4 service-box service-center" data-animation="fadeIn" data-animation-delay="02"> <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> <i class="icon-phone-1 color_blue"></i> (+33) 09 88 66 05 50<br> <a title="" href="https://manager.hosteur.com/" class="sh-tooltip bold_a btn btn-system hosteur_contact" data-placement="left" style="margin-top:15px;" data-original-title="Simple Tooltip" target="_blank"><i class="icon-mail-1"></i> Contactez nous</a></p> </div> </div> <!-- End Service Icon 2 --> <!-- Start Service Icon 3 --> <div class="col-md-4 service-box service-center animated fadeIn delay-03" data-animation="fadeIn" data-animation-delay="03"> <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> <i class="icon-phone-1 color_blue"></i> (+33) 09 80 08 26 80<br> <a title="" href="#form_contact_info" class="sh-tooltip bold_a btn btn-system hosteur_contact open_form_new" data-placement="left" style="margin-top:15px;" id="NouveauxEmail" data-original-title="Simple Tooltip"><i class="icon-mail-1"></i> Contactez nous</a></p> </div> </div> <!-- End Service Icon 3 --> <!-- Start Service Icon 4 --> <div class="col-md-4 service-box service-center animated fadeIn delay-04" data-animation="fadeIn" data-animation-delay="04"> <div class="service-icon"> <i class="icon-user-1 icon-medium"></i> </div> <div class="service-content bloc_contact_client"> <h4>Commercial</h4> <p>Vous avez besoin des informations supplémentaires ? Contactez notre service commercial : <br><br> <i class="icon-phone-1 color_blue"></i>(+33) 09 80 08 26 80<br> <a title="" href="#form_contact_info" class="sh-tooltip bold_a btn btn-system hosteur_contact open_form_commercial" id="commercialEmail" data-placement="left" style="margin-top:15px;" data-original-title="Simple Tooltip"><i class="icon-mail-1"></i> Contactez nous</a></p> </div> </div> </div> </div> </div> <div class="section form_contact_info padding-top50 padding-bottom25 margin-bottom25" id="form_contact_info" > <div class="container"> <div class="row"> <h4 class="classic-title"> <span class="info_contact_type">FORMULAIRE DE CONTACT</span> </h4> <div class="col-md-8 col-md-offset-2"> <!-- Start Contact Form --> <div class="contatct-form"> <div class="loader"></div> <form class="contactForm form_contact_c" method="post" name="cform" action="#"> <form name="form" method="post" action=""> <!--div class="alert alert-danger response" id="responseRec">error</div--> <input type="hidden" name="FormContact" value="FormContact" /> <input type="hidden" name="erreur" id="erreurRecap" value="error"> <input type="hidden" id="form_typeQuestion" name="form[typeQuestion]" class="typeQuestion" /> <div class="row"> <div class="col-md-6"> <label for="form_company" class="required">Société</label><span class="class_req required">*</span> <input type="text" id="form_company" name="form[company]" required="required" class="form-control" /> </div> </div> <div class="row"> <div class="col-md-6"> <div class="left-inner-addon"> <i class="icon-user-1"></i> <label for="form_name" class="required">Votre Nom</label><span class="class_req required">*</span> <span class="name-missing">Tapez votre nom</span> <input type="text" id="form_name" name="form[name]" required="required" class="form-control" /> </div> </div> <div class="col-md-6"> <div class="left-inner-addon"> <i class="icon-user-1"></i> <label for="form_prenom" class="required">Votre Prenom</label><span class="class_req required">*</span> <span class="prenom-missing">Tapez votre prenom</span> <input type="text" id="form_prenom" name="form[prenom]" required="required" class="form-control" /> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="left-inner-addon"> <i class="icon-mail-1"></i> <label for="form_email" class="required">Votre adresse Email</label><span class="class_req required">*</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"> <i class="icon-phone-1"></i> <label for="form_phone">Numéro de Téléphone</label> <input type="text" id="form_phone" name="form[phone]" class="form-control" /> </div> </div> </div> <div class="row"> <div class="col-md-12"> <label for="form_message" class="required">Votre message</label><span class="class_req required">*</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 type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=6LfVVwwTAAAAAA2nWrNu_AEQJ_eE4d93QltqtYLi"></script> <noscript> <iframe src="https://www.google.com/recaptcha/api/noscript?k=6LfVVwwTAAAAAA2nWrNu_AEQJ_eE4d93QltqtYLi" height="300" width="500" frameborder="0"></iframe><br/> <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea> <input type="hidden" name="recaptcha_response_field" value="manual_challenge"/> </noscript> </div> </div> <div class="row text-right" style="margin-right: 0px;"> <input type="submit" name="contactForm" class="button" id="submit_btn" value="Envoyer"> </div> <input type="hidden" id="form__token" name="form[_token]" value="386e2fa45303f64f835f773f9f71bba1e13eb333" /></form> </form> </div> <!-- End Contact Form --> </div> </div> </div> </div> </div> <div class="section" style="padding-bottom:30px;background-color:white;"> <div class="container"> <div class="row" > <h1 class="col-md-12 data_h1">PLUS D'INFORMATION</h1> <div class="col-md-4 service-box service-center" data-animation="fadeIn" data-animation-delay="03"> <div class="service-icon "> <i class="icon-lifebuoy icon-medium"></i> </div> <div class="service-content bloc_contact_client"> <h4 class="text-uppercase">Aide Hosteur</h4> <p>Si vous avez besoin d'aide lors de création d'une commande<br>Merci de consultez notre manuel d'utilisation <br> </p> <a title="" href="http://aide.hosteur.com/" class="sh-tooltip bold_a btn btn-system" 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> <div class="col-md-4 service-box service-center" data-animation="fadeIn" data-animation-delay="02"> <div class="service-icon"> <i class="icon-star-4 icon-medium"></i> </div> <div class="service-content bloc_contact_client"> <h4 class="text-uppercase">Support vip</h4> <p>Un support <span class="color_blue">24h/24</span> et <span class="color_blue">7j/7</span>, obtenez rapidement un technicien pour traiter toutes vos demandes. Vous êtes prioritaire dans les tickets<br> <i class="icon-phone-1 color_blue"></i>(+33) 09 80 08 26 80 </p> <a title="" href="https://www.hosteur.com/services/vip-support" class="sh-tooltip bold_a btn btn-system" 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 2 --> <!-- Start Service Icon 3 --> <!-- End Service Icon 3 --> <!-- Start Service Icon 4 --> <div class="col-md-4 service-box service-center" data-animation="fadeIn" data-animation-delay="04"> <div class="service-icon"> <i class="icon-brush icon-medium"></i> </div> <div class="service-content bloc_contact_client"> <h4 class="text-uppercase">Travaux</h4> <p>Travaux </p> <a title="" href="https://twitter.com/hosteur_travaux" class="sh-tooltip bold_a btn btn-system" 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> </div> </div> </div> <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;">×</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> </div> <script> function viderForm() { $('#form_name').val(''); $('#form_prenom').val(''); $('#form_message').val(''); $('#form_company').val(''); $('#form_phone').val(''); $('#form_email').val(''); } $('#responseRec').hide(); if ($('#form_name').val() != "") { $('.form_contact_info').slideDown(); if ($('#erreurRecap').val() == 'error') $('#responseRec').show(); } else { $('.form_contact_info').hide(); } if ($('#erreurRecap').val() != 'error') { $('.form_contact_info').hide(); $('#myModal').modal(); viderForm(); } $('.open_form_commercial').click(function () { console.log('commercial'); $('.typeQuestion').val('commercial'); $('.form_contact_info').slideDown(); $('.info_contact_type').text('QUESTION COMMERCIALE UNIQUEMENT SVP'); }); $('.open_form_new').click(function () { console.log('Nouveaux'); $('.typeQuestion').val('nouveaux'); $('.form_contact_info').slideDown(); $('.info_contact_type').text('FORMULAIRE DE CONTACT'); }); </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: 105692</span> <span>Sites: 5312 </span> <span>Serveurs: 15573 </span> <span>Clients: 144286 </span> <span>SSL: 10632 </span> <span>Tickets traités: 2035094 </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">×</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'INSCRIS</button> </div> </form> <div class="row text-center"> <div class="col-xs-12"> <small class="news-notice"> <sup>(1)</sup> Valable uniquement pour toutes nouvelles commandes, hors achat de crédit hosteur et hors renouvellement de prestation. (Commande de produits matériels non inclus) </small> </div> </div> </div> </div> </div> <div class="modal fade" id="newsFeedback" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="alert alert-success" id="newsSuccess"><strong>Merci!</strong> Il ne vous reste plus qu'à confirmer votre adresse e-mail. Pour le faire, cliquez sur le lien que nous venons de vous envoyer et profitez des 10% offerts!</div> <div class="alert alert-info" id="newsAlreadyIn">Veuillez nous excuser mais vous êtes déjà inscrit à notre newsletter.</div> <div class="alert alert-danger" id="newsError">Une erreur s'est produite. Veuillez reessayer svp!</div> </div> </div> </div> <!--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> '+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.contact_us"; var noLeavingPopup = ['index.remises_speciales', 'index.hebergement_eco', 'index.networkstatus']; if(noLeavingPopup.indexOf(currentRoute) == -1){ $.post("/getpopup", {popup: 'popup_leaving'}, function (response) { var data = $.parseJSON(response); if(data.display){ document.addEventListener("mousemove", function(e) { mouseX = e.clientX; mouseY = e.clientY; document.getElementById("coordinates").innerHTML = "<br />X: " + e.clientX + "px<br />Y: " + e.clientY + "px"; }); $(document).mouseleave(function () { if (mouseY < 100) { if (leavingCounter < 1) { $("#leavingModal").modal('show'); $.post("/popup", {popup: 'popup_leaving'}, function (response) { }); /* update session */ } leavingCounter ++; } }); } }); } $('.tel-container .dropdown-item').on('click', function(){ $('.tel-container .dropdown-toggle .tel-flag').attr('class', $(this).find('.tel-flag').attr('class')); $('.tel-content span').html($(this).find('.tel-elem').html()); }); }); function sendContactForm(_name){ if (!document.getElementById(_name+'Form').checkValidity()) { document.getElementById(_name+'FormRealSubmit').click(); return false; } showHosteurLoading(); $.ajax({ type: 'POST', url: '/generic-contact', data: new FormData(document.getElementById(_name+'Form')), contentType: false, cache: false, processData:false, success: function(data){ hideHosteurLoading(); if(typeof grecaptcha !== "undefined") grecaptcha.reset(); var response = $.parseJSON(data); if(response.result == 1){ $("#"+_name+"Modal").modal("hide"); showHosteurAlert(response.message, "alert-success"); } else{ showHosteurAlert(response.message, "alert-danger"); } } }); } function sendSlackMessage(_name){ if (!document.getElementById(_name+'Form').checkValidity()) { document.getElementById(_name+'FormRealSubmit').click(); return false; } showHosteurLoading(); $.ajax({ type: 'POST', url: '/slack-message', data: new FormData(document.getElementById(_name+'Form')), contentType: false, cache: false, processData:false, success: function(data){ hideHosteurLoading(); if(typeof grecaptcha !== "undefined") grecaptcha.reset(); var response = $.parseJSON(data); if(response.result == 1){ $("#"+_name+"Modal").modal("hide"); showHosteurAlert("Votre demande a été envoyée! Nous reprendrons contact avec vous sous peu!", "alert-success"); } else{ if(response.type == 'captcha') showHosteurAlert("Captcha invalide !", "alert-danger"); else showHosteurAlert("Une erreur s'est produite! Veuillez reessayer svp!", "alert-danger"); } } }); } </script> <noscript><img height="1" width="1" style="display:none" alt="facebook pixel code" src="https://www.facebook.com/tr?id=895537370555659&ev=PageView&noscript=1" /></noscript> <!-- End Facebook Pixel Code --> </html>