YubiKey - Hosteur.com

<!doctype html> <html lang="fr-FR" > <head> <title>YubiKey - Hosteur.com</title> <meta name="description" content="">  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">   <link rel="canonical" href="https://www.hosteur.com/yubikey"> <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/yubikey" hreflang="fr"/> <link rel="alternate" href="https://www.hosteur.com/yubikey" hreflang="x-default"/> <link rel="icon" type="image/png" href="https://www.hosteur.com/src/templates/custom/images/favicon.ico?v=2" />  <link rel="stylesheet" href="https://www.hosteur.com/src/templates/bootstrap/css/bootstrap.min.css" type="text/css" media="screen"> <link rel="stylesheet" href="https://www.hosteur.com/src/templates/jquery-ui/jquery-ui.min.css"> <link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/vendar/css/all.min.css" media="screen" /> <link rel="stylesheet" href="https://www.hosteur.com/src/templates/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/custom/css/all.min.css" media="screen" /> <link rel="stylesheet" id="ms-fonts" href="//fonts.googleapis.com/css?family=Lato:300,700,regular" type="text/css" media="all">  <link rel="stylesheet" type="text/css" href="https://www.hosteur.com/src/templates/custom/css/custom_css.css" media="screen"> <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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css" integrity="sha512-17EgCFERpgZKcm0j0fEq1YCJuyAWdz9KUtv1EjVuaOz8pDnh/0nZxmU6BBXwaaxqoi9PQXnRWqlcDB027hgv9A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" type="text/css" href="/src/templates/custom/css/icofont.min.css"/> </head> <body>  <div id="container" class="" style="background: #F8F8F8;">   <style> .tt-none{text-transform: none!important;} .ul-nav { display:flex; } .a-parent-menu{ justify-content: start; display: flex !important; } .new-style-nav{ padding: 9px 0px; } </style> <script> </script> <header>  <style> .small-menu-container{ z-index: 7; position: relative; } .navbar-brand{ margin-right: .5rem; padding-left: 1rem; } .navbar-brand img{ /*padding-right: 30px;*/ /*border-right: 1px solid #eee;*/ } .navbar-container{ position: absolute; width: 100%; z-index: 10; width: 100%; } .tel-container{ } .tel-container .dropdown{ display: inline-block; } .tel-container .dropdownn{ display: inline-block; } .tel-container .dropdown-toggle{ border: none!important; outline: none!important; background: transparent!important; color: #647272!important; box-shadow: none!important; line-height: 14px; } .tel-container .dropdown-toggle-lang{ border: none!important; outline: none!important; background: transparent!important; color: #647272!important; box-shadow: none!important; line-height: 14px; } .tel-container .dropdown-toggle::after{ border-top: .27em solid; border-right: 0.27em solid transparent; border-left: .27em solid transparent; display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: middle/*.255em*/; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .tel-container .dropdown-toggle-lang::after{ border-top: .27em solid; border-right: 0.27em solid transparent; border-left: .27em solid transparent; display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: middle/*.255em*/; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .tel-container.supprot-menu .dropdown-toggle::after{ } .tel-container .dropdown-item{ font-size: 11px; line-height: 19px; color: #647272; font-weight: 600; padding: .25rem 12px; display: block; white-space: nowrap; cursor: pointer; } .tel-container .dropdown-item-lang{ font-size: 11px; line-height: 19px; color: #647272; font-weight: 600; padding: .25rem 12px; display: block; white-space: nowrap; cursor: pointer; } .tel-container .dropdown-item:hover, .tel-container .dropdown-item:focus { background-color: #f8f9fa; } .tel-container .dropdown-item-lang:hover, .tel-container .dropdown-item-lang:focus { background-color: #f8f9fa; } .tel-container .dropdown-item.active, .tel-container .dropdown-item:active { background-color: #eee; } .tel-container .dropdown-item-lang.active, .tel-container .dropdown-item-lang:active { background-color: #eee; } .tel-container .dropdown-item span{ vertical-align: middle; } .tel-container .dropdown-item-lang span{ vertical-align: middle; } .tel-content{ display: inline-block; vertical-align: middle; font-size: 12px; color: #647272; font-weight: 600; } .tel-container .dropdown-toggle:hover .tel-content{ color: #1a936f; } .tel-container .dropdown-toggle-lang:hover .tel-content{ color: #1a936f; } .tel-container .nav-link{ padding-right: 0!important; padding-left: 0!important; line-height: 16.5px; } .tel-flag{ display: inline-block; width: 20px; height: 13px; margin-right: 5px; vertical-align: middle; background-position: center; background-size: cover; background-repeat: no-repeat; } .tel-flag-fr{ background-image: url('../src/templates/custom/images/business/flag/flag-fr.png'); } .tel-flag-it{ background-image: url('../src/templates/custom/images/business/flag/flag-it.png'); } .tel-flag-es{ background-image: url('../src/templates/custom/images/business/flag/flag-es.png'); } .tel-flag-ie{ background-image: url('../src/templates/custom/images/business/flag/flag-ie.png'); } .tel-flag-ch{ background-image: url('../src/templates/custom/images/business/flag/flag-ch.png'); } .tel-flag-lu{ background-image: url('../src/templates/custom/images/business/flag/flag-lu.png'); } .tel-flag-be{ background-image: url('../src/templates/custom/images/business/flag/flag-be.png'); } .tel-flag-bg{ background-image: url('../src/templates/custom/images/business/flag/flag-bg.png'); } .tel-flag-mt{ background-image: url('../src/templates/custom/images/business/flag/flag-mt.png'); } .tel-flag-uk{ background-image: url('../src/templates/custom/images/business/flag/flag-uk.png'); } .tel-flag-cz{ background-image: url('../src/templates/custom/images/business/flag/flag-cz.png'); } .tel-flag-de{ background-image: url('../src/templates/custom/images/business/flag/flag-de.png'); } .small-nav-container{ /*border-bottom: 1px solid #eee; background-color: #fdfdfd; padding: 0 5%;*/ } #smallNav{ justify-content: flex-end; } .small-nav{ font-size: 11px; font-weight: 700; float: right; align-items: center; height: 61px; padding-right: 1rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-nav .nav-link{ margin: 0 0px; padding: .5rem .5rem; font-weight: 700; font-size: 11px; } .small-nav .nav-link:not(.btn-mini){ color: #647272; } .small-nav .nav-link:not(.btn-mini):hover{ color: #1a936f; } .small-nav .nav-link.nav-ling-mr{ margin-right: 4px; } .navbar-toggler{ margin-right: 10px; outline: 0!important; } .navbar-toggler.fh{ height: 60px; } .toggler-bar{ width: 30px; height: 3px; margin: 5px 0; background-color: #1a936f;/*#db794c;*/ display: block; transition: all linear .2s; } .toggler-bar.white{ background-color: white; } .navbar-toggler:not(.collapsed) .toggler-bar.t-1{ transform: rotateZ(45deg) translateY(6px) translateX(6px); } .navbar-toggler:not(.collapsed) .toggler-bar.t-2{ opacity: 0; } .navbar-toggler:not(.collapsed) .toggler-bar.t-3{ transform: rotateZ(-45deg) translateY(-6px) translateX(5px); } .btn-business, .btn-business-outline{ border: 1px solid #1a936f; font-weight: 700; border-radius: 2px; position: relative; z-index: 0; padding: .6rem 1.8rem; text-transform: uppercase; font-size: 12px; display: inline-block; background: transparent; outline: 0!important; cursor: pointer; } .btn-business.btn-mini, .btn-business-outline.btn-mini{ padding: .5rem 1rem; font-size: 11px; } .btn-business, .btn-business:focus, .btn-business:active{ background: #1a936f; color: white; } .btn-business-outline, .btn-business-outline:focus, .btn-business-outline:active{ color: #1a936f; } .btn-business::before, .btn-business-outline::before{ content: ""; position: absolute; top: 60%; left: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #1a936f; -ms-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s; z-index: -1; margin: 0; } .btn-business::before{ width: 100%; height: 100%; top: 50%; left: 50%; } .btn-business-outline::before{ width: 0; height: 0; } /* btn style callcenter */ .btn-business.style-callcenter, .btn-business-outline.style-callcenter{ border: 1px solid #e7457a; } .btn-business.style-callcenter{ background: #e7457a; } .btn-business-outline.style-callcenter{ color: #e7457a; } .btn-business.style-callcenter::before, .btn-business-outline.style-callcenter::before{ background: #e7457a; } /* btn style 2 */ .btn-business.style-2, .btn-business-outline.style-2{ border: 1px solid #db794c; } .btn-business.style-2{ background: #db794c; } .btn-business-outline.style-2{ color: #db794c; } .btn-business.style-2::before, .btn-business-outline.style-2::before{ background: #db794c; } /* btn style 3 */ .btn-business.style-3, .btn-business-outline.style-3{ border: 1px solid #647272; } .btn-business.style-3{ background: #647272; } .btn-business-outline.style-3{ color: #647272; } .btn-business.style-3::before, .btn-business-outline.style-3::before{ background: #647272; } /* btn style 4 */ .btn-business.style-4, .btn-business-outline.style-4{ border: 1px solid #16282d; } .btn-business.style-4{ background: #16282d; } .btn-business-outline.style-4{ color: #16282d; } .btn-business.style-4::before, .btn-business-outline.style-4::before{ background: #16282d; } /* btn style ragna */ .btn-business.style-ragna, .btn-business-outline.style-ragna{ border: 1px solid #795738; } .btn-business.style-ragna{ background: #795738; } .btn-business-outline.style-ragna{ color: #795738; } .btn-business.style-ragna::before, .btn-business-outline.style-ragna::before{ background: #795738; } /* btn white */ .btn-business.style-white, .btn-business-outline.style-white{ border: 1px solid white; } .btn-business.style-white{ background: white; } .btn-business-outline.style-white{ color: white; } .btn-business.style-white::before, .btn-business-outline.style-white::before{ background: white; } /* btn hover */ .btn-business:hover{ background: none; color: white; } .btn-business-outline:hover{ color: white; } .btn-business:hover::before, .btn-business-outline:hover::before{ width: 98%; width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); height: 98%; height: -webkit-calc(100% - 2px); height: -moz-calc(100% - 2px); height: calc(100% - 2px); left: 0; top: 0; -moz-transform: none; -webkit-transform: none; transform: none; margin: 1px; } /* btn white hover */ .btn-business.style-white.hover-green:hover, .btn-business-outline.style-white.hover-green:hover{ color: #1a936f; } .btn-business.style-white.hover-orange:hover, .btn-business-outline.style-white.hover-orange:hover{ color: #db794c; } .btn-business.style-white.hover-darkgray:hover, .btn-business-outline.style-white.hover-darkgray:hover{ color: #16282d; } @media (max-width: 991px){ .small-nav{ display: block; background-color: white; height: auto; padding: 20px; } .small-menu-container { width: auto; } } /* test new style pour le dropdown */ .tel-containerr { position: relative; } .dropdown-toggle-lang { width: 100%; text-align: left; font-weight: bold; background-color: white; } .dropdown-menu-wide { display: none; position: absolute; top: 100%; left: -192px; width: 1171px; background-color: #f8f9fa; border: 1px solid #ddd; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; padding: 20px; box-sizing: border-box; cursor: pointer; } .dropdownn:hover .dropdown-menu-wide { display: block; } .dropdown-columns { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; position: relative; } .column { flex: 1 1 calc(25% - 10px); min-width: 200px; } .dropdown-item-lang { display: block; padding: 8px 12px; color: #333; text-decoration: none; } .dropdown-item-lang:hover { background-color: #e9ecef; color: #007bff; } .separator-title { border: none; border-top: 1px solid #ddd; margin: 10px 0; } .separator-column { width: 2px; background-color: #ddd; margin: 0 10px; } @media screen and (max-width: 768px) { .dropdown-columns { flex-direction: column; gap: 0; } .column { width: 100%; } .separator-column { display: none; } .dropdown-menu-wide { position: absolute; top: 100%; left: -75px; width: 266px; background-color: #f8f9fa; border: 1px solid #ddd; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; padding: 20px; box-sizing: border-box; cursor: pointer; } } </style> <div class="container small-menu-container"> <nav class="navbar navbar-default small-nav-container">  <div class="navbar-header"> <button type="button" class="navbar-toogler navbar-toggle collapsed" data-toggle="collapse" data-target="#smallNav" aria-expanded="false"> <span class="toggler-bar t-1"></span> <span class="toggler-bar t-2"></span> <span class="toggler-bar t-3"></span> </button> <a class="navbar-brand" href="/web"><img src="/src/templates/custom/images/logo/hosteur-web-services-logo.png" /></a> </div>  <div class="collapse navbar-collapse" id="smallNav"> <ul class="nav navbar-nav navbar-right small-nav text-uppercase"> <li class="nav-item"> <div class="tel-containerr"> <div class="dropdownn"> <button class="btn btn-secondary dropdown-toggle-lang" type="button" id="dropdownLangMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="tel-flag tel-flag-fr"></span>  <span class="tel-elem">FR</span> </button> <div class="dropdown-menu-wide" aria-labelledby="dropdownLangMenu"> <div> <h2 style="font-size: 18px;">Choisissez votre langue</h2> <hr class="separator-title"> </div> <div class="dropdown-columns"> <div class="column"> <a class="dropdown-item-lang" data-user="|||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 class="tel-container"> <div class="dropdow"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="nav-link text-uppercase">Support</span> </button> <div class="dropdown-menu dropdown-menu-left" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="/support"><span class="tel-elem">Contact</span></a> <a class="dropdown-item" href="/niveaux-de-support"><span class="tel-elem">Niveaux de support</span></a> <a class="dropdown-item" href="/ressources/"><span class="tel-elem">Ressources</span></a> <a class="dropdown-item" href="/ressources/aide"><span class="tel-elem">Aide</span></a> </div> </div> </div> </li> <li class="nav-item"> <div class="tel-container"> <div class="dropdow"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <div class="tel-flag tel-flag-fr"></div> <div class="tel-content"> <span>(+33) 9 88 66 05 50</span> </div> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-fr"></div>  <span class="tel-elem">(+33) 9 88 66 05 50</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-bg"></div>  <span class="tel-elem">(+359) 24 91 70 09</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-ch"></div>  <span class="tel-elem">(+41) 22 506 81 81</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-lu"></div>  <span class="tel-elem">(+352) 27 86 02 94</span></span> <span class="dropdown-item" type="button"><div class="tel-flag tel-flag-be"></div>  <span class="tel-elem">(+32) 2 586 17 88</span></span> </div> </div> </div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline style-callcenter btn-mini mr-0" href="https://www.hosteur.pro/fr/" target="_blank">Callcenter</a></div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline btn-mini mr-0" href="/business">GRANDS COMPTES</a></div> </li> <li class="nav-item"> <div><a class="nav-link btn-business-outline style-ragna btn-mini mr-0" href="/cloud/elastic-ragnarokkr" target="_blank">RAGNARØKKR</a></div> </li> <li class="nav-item"> <div> <a id="dynamicLink" class="m-link nav-link btn-business btn-mini style-2 mr-0"> <i class="fa fa-sign-in" aria-hidden="true"></i>  Espace client </a> </div> </li> </ul> </div> </nav> </div> <script> function getCurrentTLD() { const currentURL = window.location.hostname; const parts = currentURL.split('.'); const topLevelDomain = parts[parts.length - 1]; return topLevelDomain; } const currentTLD = getCurrentTLD(); console.log("currentTLD",currentTLD); let dynamicURL; if (currentTLD === 'bg') { dynamicURL = 'https://manager.hbg.bg/v3/template/src/app/dashboard'; } else { dynamicURL = `https://manager.hosteur.${currentTLD}/v3/template/src/app/dashboard`; } // Set the href attribute of the anchor tag document.getElementById('dynamicLink').setAttribute('href', dynamicURL); //redirection to the site chosen by tld from the menu function navigateToUrlTld(element) { const dataUser = element.getAttribute('data-user'); const values = dataUser.split('|'); switch (values[3]) { case 'com': window.location.href = "https://www.hosteur.com/" + values[0]; break; case 'uk': window.location.href = "https://www.hosteur.uk/" + values[2]; break; case 'ie': window.location.href = "https://www.hosteur.ie/" + values[2]; break; case 'es': window.location.href = "https://www.hosteur.es/" + values[2] ; break; case 'mt': window.location.href = "https://www.hosteur.mt/" + values[2] ; break; case 'bg': window.location.href = "https://www.hbg.bg/" + values[2] ; break; case 'it': window.location.href = "https://www.hosteur.it/" + values[2] ; break; case 'cz': window.location.href = "https://www.hosteur.cz/" + values[2] ; break; case 'de': window.location.href = "https://www.hosteur.de/" + values[2] ; break; default: window.location.href = "https://www.hosteur.com/"; console.log('Site TLD non pris en charge:'); break; } } function navigateToUrlTld_1(element) { const dataUser = element.getAttribute('data-user'); const values = dataUser.split('|'); switch (values[3]) { case 'com': window.location.href = "https://www.hosteur.com/" + values[0]; break; case 'uk': window.location.href = "https://www.hosteur.uk/" + values[1]; break; case 'ie': window.location.href = "https://www.hosteur.ie/" + values[1]; break; case 'es': window.location.href = "https://www.hosteur.es/" + values[1] ; break; case 'mt': window.location.href = "https://www.hosteur.mt/" + values[1] ; break; case 'bg': window.location.href = "https://www.hbg.bg/" + values[1] ; break; case 'it': window.location.href = "https://www.hosteur.it/" + values[1] ; break; case 'cz': window.location.href = "https://www.hosteur.cz/" + values[1] ; break; case 'de': window.location.href = "https://www.hosteur.de/" + values[1] ; break; default: window.location.href = "https://www.hosteur.com/"; console.log('Site TLD non pris en charge:'); break; } } </script>  <nav class="navbar navbar-inverse navbar-static-top new-style-nav"> <div class="container nav-header-auto"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>  </div> <div id="navbar" class="navbar-collapse collapse "> <ul class="nav navbar-nav ul-nav"> <li role="presentation" class="dropdown "> <a id="drop1" href="https://www.hosteur.com/domaines/depot" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Domaines <i class="fa fa-angle-down margin-top-3"></i></a> <div id="menu1" class="dropdown-menu full-width" role="menu" aria-labelledby="drop1"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/depot"> Réservez votre nom de domaine</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/transfert"> Transférez votre nom de domaine</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/tarifs-des-noms-de-domaines"> Tarifs Des Noms De Domaines</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/domaines/fast-anycast-dns"> DNS Fast Anycast</a></li> </ul> </div>  </div> </div> </div> </li> <li role="presentation" class="dropdown "> <a id="drop11" href="https://www.hosteur.com/hebergement-web" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Hébergement web et sites <i class="fa fa-angle-down margin-top-3"></i></a> <div id="menu11" class="dropdown-menu full-width" role="menu" aria-labelledby="drop11"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web/hosteurpanel"> Hosteur Panel <strong class="red-text">(NOUVEAU)</strong></a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web/flexone"> Hébergement web FlexOne </a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web"> Hébergements web</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/wordpress/"> WordPress</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/hebergement-web/site-builder"> Création de sites web</a></li>  </ul> </div> </div> </div> </div> </li>  <li class="dropdown "> <a id="drop2" href="https://www.hosteur.com/cloud/" class="a-parent-menu dropdown-toggle" data-toggle="dropdown"> Cloud <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu2" class="dropdown-menu full-width" role="menu" aria-labelledby="drop2"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul>  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/bare-metal/"> Bare Metal</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/cloud-prive-version-10Gbits" class="tt-none"> Cloud Privé / Hybride en 10 Gbit/s</a></li>   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/VPS"> Cloud / VPS</a></li>  </ul> </div> <div class="col-sm-4"> <ul>   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/start-up"> OFFRE START-UP</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/serveurs/nos-datacenters"> Nos Datacenters</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/elastic-ragnarokkr"> RAGNAROKKR (cloud facturé à l'usage)</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/vdi"> Bureau virtuel (VDI)</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/cloud/formation-vdi"> Salle de formation virtuelle</a></li> </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop33" href="https://www.hosteur.com/serveurs/nos-datacenters" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Licences <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu33" class="dropdown-menu full-width" role="menu" aria-labelledby="drop33"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/anti-virus">Anti-virus Poste client</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/anti-virus-and-firewall">Anti-virus Serveur</a></li>  </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/protection-ordinateur">Protection ordinateur (Lina)</a></li> </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop4" href="https://www.hosteur.com/securite/ssl" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Sécurité <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu4" class="dropdown-menu full-width" role="menu" aria-labelledby="drop4"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/transfert-certificat">Transfert Certificat <strong class="red-text">(NOUVEAU)</strong></a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/ssl"> Certificat SSL</a> </li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/lets-encrypt">Let's Encrypt SSL</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/authentication-rsa">Authentification RSA</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/securite/clavister">Firewall Clavister</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/yubikey">YubiKey</a></li> </ul> </div> </div> </div> </div> </li> <li role="presentation"> <a class="a-parent-menu" href="https://www.hosteur.com/office/office-365"> Office 365 </a> </li> <li class="dropdown "> <a id="drop5" href="https://www.hosteur.com/email-pro/microsoft-exchange-2019" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Messagerie <i class="fa fa-angle-down margin-top-3"></i></a> <div id="menu5" class="dropdown-menu full-width" role="menu" aria-labelledby="drop5"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/email-pro/microsoft-exchange-2019"> Exchange 2019</a></li>    </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/email-pro/hosteur-spam-protect"> Hosteur Spam Protect</a></li>  </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop6" href="https://www.hosteur.com/stockage/hdrive" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Stockage et Backup <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu6" class="dropdown-menu full-width" role="menu" aria-labelledby="drop6"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/stockage/hdrive"> HDrive / Stockage en ligne</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/stockage/hosteur-cloud-veeam-service"> Hosteur Cloud Veeam Service</a></li> </ul> </div> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/business/stockage/bucket"> Hosteur Bucket</a></li> </ul> </div> </div> </div> </div> </li> <li class="dropdown "> <a id="drop7" href="https://www.hosteur.com/promotions" class="dropdown-toggle a-parent-menu" data-toggle="dropdown"> Nos promotions <i class="fa fa-angle-down margin-top-3"></i> </a> <div id="menu7" class="dropdown-menu full-width" role="menu" aria-labelledby="drop7"> <div class="container"> <div class="row"> <div class="col-sm-4"> <ul> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/promotions">Promotions Hosteur </a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.hosteur.com/remises-speciales"> Remises Spéciales</a></li> </ul> </div> </div> </div> </div> </li>  </ul> </div> </div> </nav> </header>  <div id="dropdown-menu" class="full-sections" style="background-color: #F8F8F8;"> <div class="container custom-dropdown"> </div> </div> <style> #container{ background: white!important; } .education-section:not(.no-padding){ padding: 50px 0; } .education-section.gray{ background-color: #fafafa; } .education-title{ font-family: 'Open Sans',sans-serif!important; margin-bottom: 0; color: #355666; font-weight: 600; font-size: 28px; line-height: 40px; } .education-trait{ margin-bottom: 25px; height: 1px; margin-top: -8px; } .education-trait div{ width: 75px; height: 1px; background: #355666; display: inline-block; } .education-trait.white div{ background: white; } .education-paragraphe{ font-family: 'Open Sans',sans-serif!important; margin-bottom: 5px; margin-left: 30px; font-size: 17px!important; color: #555; line-height: 1.5; padding-top: 5px; font-weight: 400; } .education-cadre-text{ padding: 25px 50px; } .education-cadre-text.center .education-paragraphe, .education-paragraphe.no-margin{ margin-left: 0; } .education-cadre-text .btn-container{ margin-left: 30px; } .education-cadre-img{ background-repeat: no-repeat; background-position: center; background-size: cover; height: 425px; } .education-section-img{ background-repeat: no-repeat; background-position: center; background-size: cover; } .education-cadre-img.img1{ background-image: url('/src/templates/custom/images/education/education-image-1.jpg'); } .education-cadre-img.img2{ background-image: url('/src/templates/custom/images/education/education-image-2.jpg'); } .education-cadre-img.img3{ background-image: url('/src/templates/custom/images/education/education-image-3.jpg'); } .education-section-img.img4{ background-image: url('/src/templates/custom/images/education/education-image-4.jpg'); } .education-section-filtre{ background: rgba(90, 180, 232, 0.85); padding-top: 60px; padding-bottom: 60px; padding: 0; } .education-section-filtre .container{ height: 350px; position: relative; padding: 0; } .education-section.bg-education{ background: #355666; } .education-section.bg-education .education-paragraphe{ color: white; font-size: 21px!important; line-height: 1.8; } .btn-education, .btn-education:active, .btn-education:focus{ outline: 0!important; margin-top: 25px; background: transparent; color: #355666; font-weight: bold; border: 1px solid #355666!important; text-transform: uppercase; letter-spacing: 1px; transition: all linear 0.3s; -moz-transition: all linear 0.3s; -webkit-transition: all linear 0.3s; } .btn-education.white, .btn-education.white:active, .btn-education.white:focus{ color: white; border: 1px solid white!important; } .btn-education:hover{ background: #355666; color: white; } .btn-education.white:hover{ background: white; color: #355666!important; } .education-citation{ color: white; text-align: center; font-style: italic; font-size: 25px; font-weight: 100; line-height: 35px; } .education-author{ text-align: right; margin-top: 15px; color: white; font-size: 20px; font-weight: 400; } .education-poste{ font-weight: 100; font-size: 16px; } .education-quote{ } .citation-container{ position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 30px; } @media (max-width: 1199px) { .education-cadre-img{ height: 525px; } } </style>  <style> .img-banner{ max-height: 200px; } .banner-button{ margin-top: 15px; } .btn-click, .btn-click:active, .btn-click:focus{ background: #4c96e7; color: white; font-size: 18px; } .btn-click:hover{ background: #367cca; color: white; } .ciBanner { } .banner-title{ font-size:30px; line-height: 50px; font-weight: 600; color: #355666; font-family: 'Open Sans',sans-serif!important; } .banner-info{ padding-top:20px; line-height:30px; color: #444; font-weight: 400; font-size: 17px; display: inline-block; text-align: left; } .banner-info .icon{ color: #508df9; } .banner-price{ font-weight: bold; font-size: 43px; color: #489030; } .banner-button{ margin-top: 20px; margin-bottom: 20px; } .fixed-height{ height: 350px; } .bande{ height: 2px;background:#508df9; } @media (max-width: 1199px) { .banner-title { font-size: 29px; line-height: 40px; } .banner-info{ font-size: 17px; } } @media (max-width: 991px) { .banner-title{ font-weight: 400; text-align: center; margin-top: 10px; } .fixed-height{ height: auto; } } @media (max-width: 767px) { .banner-title{ font-size:25px;line-height: 30px; text-align: center; } .banner-content{ margin-top: 39%; } } </style> <div class="section" style="background-color: #FFF;"> <div class="container"> <div class="row md-flex-center" style=""> <div class="col-xs-12 col-sm-6 col-md-6 banner-content"> <h1 class="font-size-40 margin-bottom-20 title banner-title animated fadeInUp delay-00" style="" data-animation="fadeInUp" data-animation-delay="00"> Protégez vos données grâce aux clés YubiKey </h1>  <div class="banner-button" style=""> <button class="btn btn-education no-border btn-large" data-toggle="modal" data-target="#contactYubikeyModal">Contacter un commercial</button> </div> </div> <div class="col-xs-12 col-sm-6 col-md-6 banner-content"> <img class="img-responsive margin-auto" src="/src/templates/custom/images/yubikey/yubikey-banner.png" alt="yubikey banner"> </div> </div> </div> </div>  <div id="content" class="full-sections">  <div class="container" style="position:absolute;left:-100000px;"> <ol itemscope itemtype="http://schema.org/BreadcrumbList" class="hosteur-breadcrumb"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://www.hosteur.com"> <span itemprop="name"><i class="icofont-home home-hbs"></i><span class="home-nhbs">Accueil</span></span></a> </li>  >  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="/web"> <span itemprop="name">HWS</span> </a> </li>  >  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="/cloud/cloud-vps"> <span itemprop="name">Cloud VPS</span> </a> </li>  >  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <span itemprop="name">Emailing</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> .click-fonction-box{ margin-top: 30px; } .click-fonction-icon{ font-size: 45px; color: white; margin-top: 60px; display: inline-block; text-shadow: 0 1px 1px #888; } .click-fonction-text{ margin-top: 13px; text-transform: uppercase; font-weight: bold; color: white; } .bg-gray{ background: #f5f5f5; } .col-float{ float: none!important; display: inline-block!important; } </style>  <div class="section education-section"> <div class="container"> <div class="row sm-flex-center"> <div class="col-xs-12 education-cadre-text center text-center"> <h2 class="education-title">Une authentification forte rapide et sécurisée</h2> <div class="education-trait"><div></div></div> <p class="education-paragraphe">Plus fiable que les solutions de double authentification, la clé YubiKey empêche le piratage de compte et vous offre une protection simple et facile contre le phishing et les autres menaces en ligne.</p> <p class="education-paragraphe">Adapté aux entreprises, une simple pression offre une authentification forte multi-facteur et sans mot de passe</p> <p class="education-paragraphe">Disponible sur ordinateur de bureau et portable + Smartphone</p> </div> </div> </div> </div>  <div class="section education-section bg-education"> <div class="container"> <div class="row sm-flex-center"> <div class="col-xs-12 text-center"> <h2 class="education-title white">Les avantages</h2> <div class="education-trait white"><div></div></div> </div> </div> <div class="row"> <div class="click-fonction-box col-xs-12 text-center"> <div class="col-sm-6 col-md-4 col-float"> <i class="click-fonction-icon icofont-safety"></i> <div class="click-fonction-text">Sécurité maximale</div> </div><div class="col-sm-6 col-md-4 col-float"> <i class="click-fonction-icon icofont-id-card"></i> <div class="click-fonction-text">Protection contre le phishing</div> </div><div class="col-sm-6 col-md-4 col-float"> <i class="click-fonction-icon icofont-flash"></i> <div class="click-fonction-text">Rapidité et fiabilité</div> </div><div class="col-sm-6 col-md-4 col-float"> <i class="click-fonction-icon icofont-mouse"></i> <div class="click-fonction-text">Prise en main facile</div> </div><div class="col-sm-6 col-md-4 col-float"> <i class="click-fonction-icon icofont-cubes"></i> <div class="click-fonction-text">Compatibilité avec des centaines de services</div> </div><div class="col-sm-6 col-md-4 col-float"> <i class="click-fonction-icon icofont-water-drop"></i> <div class="click-fonction-text">Résistant au choc et à l’eau</div> </div> </div> </div> </div> </div>  <div class="section education-section bg-gray"> <div class="container"> <div class="row sm-flex-center"> <div class="col-xs-12 text-center"> <h2 class="education-title">Notre offre</h2> <div class="education-trait"><div></div></div> </div> </div> <style> .yubikey-carousel-container{ width: 100%; } .yubikey-carousel-container td{ vertical-align: top; } .slick-dots { position: relative; bottom: 0px; } .slick-dots li { width: 75px; display: block; height: auto; margin-bottom: 10px; padding: 5px; border: 2px solid #ccc; border-radius: 5px; background: white; } .slick-dots li.slick-active{ border-color: #355666; } .slick-slide { padding: 10px; background: #355666; border-radius: 5px; } .yubikey-carousel{ max-width: 600px; width: 100%; display: inline-block; } .yubikey-pricing-title{ color: #355666; font-variant: small-caps; text-transform: uppercase; font-weight: 700; font-size: 16px; border-bottom: 2px solid #355666; padding-bottom: 15px; } .yubikey-table{ width: 100%; } .yubikey-table td{ padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; font-size: 15px; } .yubikey-table td:first-child{ text-align: left; padding-left: 10px; } .yubikey-table td:last-child{ text-align: right; font-weight: 600; color: #355666; padding-right: 10px; } .yubikey-notice{ font-size: 13px; padding-top: 15px; color: #666; font-weight: 600; } .yubikey-info{ display: inline-block; vertical-align: top; } .yubikey-info img{ width: 45px } .yubikey-info div{ font-size: 13px; margin-top: 10px; padding: 0 10px; width: 120px; text-align: center; font-weight: 600; line-height: 17px; color: #555; } </style> <div class="row margin-top50"> <div class="col-xs-12 col-md-8"> <table class="yubikey-carousel-container"> <tr> <td> <div class="yubikey-dots"></div> </td> <td> <div class="yubikey-carousel"> <div class="yubikey-item"><img src="/src/templates/custom/images/yubikey/yubikey-slider-1.jpg" alt="yubikey slider 1" class="img-responsive"/></div> <div class="yubikey-item"><img src="/src/templates/custom/images/yubikey/yubikey-slider-2.jpg" alt="yubikey slider 2" class="img-responsive"/></div> <div class="yubikey-item"><img src="/src/templates/custom/images/yubikey/yubikey-slider-3.jpg" alt="yubikey slider 3" class="img-responsive"/></div> <div class="yubikey-item"><img src="/src/templates/custom/images/yubikey/yubikey-slider-4.jpg" alt="yubikey slider 4" class="img-responsive"/></div> <div class="yubikey-item"><img src="/src/templates/custom/images/yubikey/yubikey-slider-5.jpg" alt="yubikey slider 5" class="img-responsive"/></div> </div> </td> </tr> </table> </div> <div class="col-xs-12 col-md-4"> <div class="panel panel-default yubikey-pricing text-center"> <div class="panel-body"> <div class="yubikey-pricing-title">Nos prix publics</div> <table class="yubikey-table"> <tr> <td>1 clé</td> <td>45 € HT</td> </tr> <tr> <td>2 clés</td> <td>90 € HT</td> </tr> <tr> <td>10 clés</td> <td>450 € HT</td> </tr> <tr> <td>50 clés</td> <td>2160 € HT</td> </tr> </table> <div class="yubikey-notice">* Prix préférentiels offerts pour les clients utilisant notre solution EASY ACCES (MFA)</div> </div> </div> <div> <div class="yubikey-info"> <img class="img-responsive margin-auto" src="/src/templates/custom/images/yubikey/yubikey-notice-1.png" alt="garanti 1 an"> <div>Garanti 1 an</div> </div> <div class="yubikey-info"> <img class="img-responsive margin-auto" src="/src/templates/custom/images/yubikey/yubikey-notice-2.png" alt="fabriqué aux usa et suède"> <div>Fabriqué aux USA & Suède</div> </div> </div> </div> </div> <style> .yubikey-carac{ border-bottom: 1px solid #eee; } .yubikey-carac div{ display: inline-block; padding: 15px 10px; font-size: 15px; text-align: left; vertical-align: top; } .yubikey-carac div:first-child{ width: 25%; font-style: italic; color: #355666; font-weight: 400; } .yubikey-carac div:last-child{ width: 74%; font-weight: 400; color: #444; border-left: 1px solid #eee; } .yubikey-trigger{ cursor: pointer; padding-top: 10px; font-size: 14px; font-weight: 600; color: #5ab5e7; } </style> <div class="row margin-top50"> <div class="col-xs-12"> <div class="panel panel-default yubikey-pricing text-center"> <div class="panel-body"> <div class="yubikey-pricing-title">Caractéristiques</div> <div class="yubikey-carac"> <div>Type d’USB</div><div>USB-A, (disponible USB C, APPLE LIGHTNING)</div> </div> <div class="yubikey-carac"> <div>Compatible NFC</div><div>Oui</div> </div> <div class="yubikey-carac"> <div>Méthodes d’authentification</div><div>Passwordless, Strong Two Factor, Strong Multi-Factor</div> </div> <div class="collapse" id="yubikey-collapse"> <div class="yubikey-carac"> <div>Gestion des identités et des accès</div><div>AWS Identity and Access Management (IAM), Centrify, Duo Security, Google Cloud Identity, Idaptive, Microsoft Active Directory, Microsoft Azure AD, Okta, Ping Identity</div> </div> <div class="yubikey-carac"> <div>Productivité et communication</div><div>Google Account, Microsoft account, Salesforce.com</div> </div> <div class="yubikey-carac"> <div>Gestionnaires de mots de passe</div><div>1Password, Dashlane Premium, Keeper®, LastPass Premium</div> </div> <div class="yubikey-carac"> <div>Fonctionnalité</div><div>WebAuthn, FIDO2 CTAP1, FIDO2 CTAP2,Universal 2nd Factor (U2F), Smart card (PIV-compatible), Yubico OTP, OATH – HOTP (Event), OATH – TOTP (Time), Open PGP, Secure Static Password</div> </div> <div class="yubikey-carac"> <div>Certifications</div><div>FIDO 2 Certified, FIDO Universal 2nd Factor (U2F) Certified</div> </div> <div class="yubikey-carac"> <div>Spécifications cryptographiques</div><div>RSA 2048, RSA 4096 (PGP), ECC p256, ECC p384</div> </div> <div class="yubikey-carac"> <div>Design et durabilité</div><div>Résistant à l'eau, résistant à l'écrasement, ne nécessitant pas de piles, sans pièces mobiles</div> </div> <div class="yubikey-carac"> <div>Type de périphérique</div><div>Périphérique HID FIDO, carte à puce CCID, clavier HID</div> </div> <div class="yubikey-carac"> <div>Fabrication</div><div>Fabriqué aux États-Unis et en Suède</div> </div> </div> <div data-toggle="collapse" data-target="#yubikey-collapse" class="yubikey-trigger"> <i class="fa fa-angle-double-down"></i>  En savoir plus  <i class="fa fa-angle-double-down"></i> </div> </div> </div> </div> </div> </div> </div>  <div class="section education-section"> <div class="container"> <div class="row sm-flex-center"> <div class="col-xs-12 col-sm-8 col-md-7 education-cadre-text"> <h2 class="education-title">Fini les mots de passe complexes !</h2> <div class="education-trait"><div></div></div> <p class="education-paragraphe">De plus en plus nombreuses et de plus en plus complexes, les mots de passe que nous utilisons pour nous connecter aux différents services en ligne deviennent difficiles à mémoriser. Voilà pourquoi il n’est pas rare que les utilisateurs compromettent la sécurité de leurs données en utilisant le même mot de passe partout.</p> <p class="education-paragraphe">Avec YubiKey, vous n’avez plus besoin de mémoriser vos mots de passe. Vous êtesprotégés par une clé physique: une solution simple et fiable qui sécurise l’accès à vos ordinateurs, services en ligne et applications mobiles.</p> <div class="row btn-container"> <button class="btn btn-education no-border btn-large" data-toggle="modal" data-target="#contactYubikeyModal">Commandez votre clé YubiKey</button> </div> </div> <div class="col-xs-12 col-sm-4 col-md-5 text-center"> <img class="img-responsive margin-auto" src="/src/templates/custom/images/yubikey/yubikey-image-1.png" alt="complex password"> </div> </div> </div> </div>  <div class="section education-section"> <div class="container"> <div class="row sm-flex-center"> <div class="col-xs-12 col-sm-4 col-md-5 text-center"> <img class="img-responsive margin-auto" src="/src/templates/custom/images/yubikey/yubikey-image-2.png" alt="anti fishing"> </div> <div class="col-xs-12 col-sm-8 col-md-7 education-cadre-text"> <h2 class="education-title">Protégez-vous contre le phishing !</h2> <div class="education-trait"><div></div></div> <p class="education-paragraphe">Peu efficace contre les tentatives de phishing et les attaques «man-in-the-middle», l’authentification à deux facteurs (2FA) ne suffit plus pour vous protéger contre toutes les menaces en ligne.</p> <p class="education-paragraphe">Impossible à pirater à distance, la clef physique de YubiKey vous permet en revanche de mieux sécuriser vos connections et de travailler en toute sérénité.</p> <div class="row btn-container"> <button class="btn btn-education no-border btn-large" data-toggle="modal" data-target="#contactYubikeyModal">Contactez-nous</button> </div> </div> </div> </div> </div>  <style> .accordion-item { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; /*border-top: 1px solid #eee*/ } .accordion-title { display: block } .accordion-title:hover { opacity: .9 } .accordion-title h3 { display: table-cell; width: 100%; padding: 15px 10px; color: #355666; font-size: 18px; line-height: 24px; font-weight: 400; } .accordion-title .step { display: table-cell; width: 1%; color: #355666; font-size: 20px; font-weight: 700; font-family: monospace; padding-left: 20px; vertical-align: middle; white-space: nowrap; padding-top: 3px } .accordion-title .chevron { display: table-cell; width: 1%; padding: 0 10px; font-size: 15px; vertical-align: middle; color: #355666 } .accordion-title .chevron i { -moz-transition: all linear .3s; -webkit-transition: all linear .3s; transition: all linear .3s; display: inline-block } .accordion-title:not(.collapsed) .chevron i { transform: rotateZ(180deg) } .accordion-item .accordion-content { margin: 0 10px; padding: 0px 10px 15px 53px; } .accordion-content p { font-family: 'Open Sans',sans-serif!important; color: #555; font-size: 15px!important; font-weight: 400; margin-bottom: 5px } .accordion-content p { margin-bottom: 5px } </style> <div class="section education-section bg-gray"> <div class="container"> <div class="row"> <div class="col-xs-12 education-cadre-text center text-center"> <h2 class="education-title">FAQ</h2> <div class="education-trait"><div></div></div> </div> <div class="col-xs-12"> <div class="accordion-group"> <div class="accordion-item panel panel-default"> <a class="accordion-title"> <div class="step">1 -</div> <h3>Comment fonctionne une Yubikey ?</h3>  </a> <div id="collapse1"> <div class="accordion-content "> <p class="education-paragraphe no-margin">Les codes d’accès sont générés à partir d’un code secret qui est partagé entre le service que le client utilise (par exemple Salesforce) et la Yubikey ( le compteur d’incrémentation indiquant le nombre de fois que le client génère un code avec le token).</p> </div> </div> </div> <div class="accordion-item panel panel-default"> <a class="accordion-title"> <div class="step">2 -</div> <h3>Est-ce facile à utiliser ?</h3>  </a> <div id="collapse2"> <div class="accordion-content "> <p class="education-paragraphe no-margin">Oui, il suffit simplement de la brancher sur l’ordinateur en USB, USB C ou Apple Lightning , toucher ou appuyer sur un bouton. Pas besoin de copier un code d’accès à partir d’une application d’authentification. Le produit fonctionne sans batterie.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> .syb-bg{ background: #355666!important; } .syb-txt{ color: #fff!important; } .btn-contact-slack, .btn-contact-slack:active, .btn-contact-slack:focus{ outline: 0!important; margin-top: 25px; background: transparent; color: #355666; font-weight: bold; border: 1px solid #355666!important; text-transform: uppercase; letter-spacing: 1px; transition: all linear 0.3s; -moz-transition: all linear 0.3s; -webkit-transition: all linear 0.3s; } .btn-contact-slack.white, .btn-contact-slack.white:active, .btn-contact-slack.white:focus{ color: white; border: 1px solid white!important; } .btn-contact-slack:hover{ background: #355666; color: white; } .btn-contact-slack.white:hover{ background: white; color: #355666!important; } .slackForm label { font-weight: 400; color: #5e5858; font-size: 15px!important; } </style> <div class="modal fade" id="contactYubikeyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <form class="contactYubikeyForm slackForm" id="contactYubikeyForm" enctype="multipart/form-data"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header padding-15 syb-bg text-center"> <h3 class="syb-txt">Contactez-nous</h3> <p class="font-size-15 font-weight-normal grey-text syb-txt">Merci de remplir le formulaire ci-dessous, nous vous recontacterons très rapidement.</p> </div> <div class="modal-body padding-15 font-size-15 black-text"> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label for="societe" class="required">Société</label> <input type="text" id="societe" name="societe" required="required" class="form-control"> </div> <div class="form-group"> <label for="email" class="required">Email</label> <input type="email" id="email" name="email" required="required" class="form-control"> </div> <div class="form-group"> <label for="phone" class="required">Téléphone</label> <input type="text" id="phone" name="phone" required="required" class="form-control"> <br> <p>Veuillez laisser votre numéro et on vous appelle</p> </div> <div class="form-group"> <label for="nom" class="required">Votre Nom</label> <input type="text" id="nom" name="nom" required="required" class="form-control"> </div> <div class="form-group"> <label for="message" class="required">Votre message</label> <textarea id="message" name="message" required="required" class="form-control"></textarea> </div> </div> </div> <br> <div class="row"> <div class="col-xs-12 text-center"> <div class="g-recaptcha" data-sitekey="6LfVVwwTAAAAAA2nWrNu_AEQJ_eE4d93QltqtYLi"></div> </div> </div> <input type="hidden" name="sujet" value="COMMANDE YUBIKEY" /> <input type="hidden" name="channel" value="default" /> <input type="submit" name="contactYubikeyFormRealSubmit" id="contactYubikeyFormRealSubmit" class="real-submit-button"> </div> <div class="modal-footer"> <button type="button" class="btn btn-contact-slack btn-sm no-border" data-dismiss="modal">Fermer</button> <button id="submitForm" type="button" class="btn btn-contact-slack btn-sm no-border" onclick="sendSlackMessage('contactYubikey')">Envoyer votre message au service commercial</button> </div> </div> </div> </form> </div>    <style> .fw-bold {font-weight:bold}.fs-40{font-size:40px;line-height:40px}.fs-25{font-size:25px;line-height:25px}.fs-20{font-size:20px;line-height:20px}.fs-15{font-size:15px;line-height:15px}.fs-10{font-size:10px;line-height:10px} .leaving-intro{ margin-bottom: 20px; font-size: 15px; font-weight: 400; color: #555; } .leaving-note{ font-size: 13px; font-weight: 400; color: #555; margin-top: 13px; } @media (min-width: 768px){ .modal-sm { width: 370px; } } </style>   <div id="genericContactModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header text-center"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title text-uppercase">Nous contacter</h4> </div> <div class="modal-body"> <form id="genericContactForm" enctype="multipart/form-data"> <div class="row text-left"> <div class="form-group col-sm-6"> <label for="nom">Nom:</label> <input type="text" class="form-control" required id="nom" name="nom"> </div> <div class="form-group col-sm-6"> <label for="nom">Prénom:</label> <input type="text" class="form-control" required id="prenom" name="prenom"> </div> <div class="form-group col-sm-6"> <label for="nom">Nom de la société:</label> <input type="text" class="form-control" required id="societe" name="societe"> </div> <div class="form-group col-sm-6"> <label for="nom">Adresse email:</label> <input type="email" class="form-control" id="email" name="email"> </div> <div class="form-group col-sm-6"> <label for="nom">Numéro de téléphone:</label> <input type="text" class="form-control" id="phone" name="phone"> </div> </div> <div class="row"> <div class="col-xs-12 text-center"> <div class="g-recaptcha" data-sitekey="6LfVVwwTAAAAAA2nWrNu_AEQJ_eE4d93QltqtYLi"></div> </div> </div> <input type="submit" name="genericContactFormRealSubmit" id="genericContactFormRealSubmit" class="real-submit-button"> </form> </div> <div class="modal-footer"> <button id="submitForm" type="button" class="btn btn-info" id="demande-devis" onclick="sendContactForm('genericContact')">Envoyer</button> <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button> </div> </div> </div> </div>   <style> .section-newsletter{ background-color: #2c3e50; padding: 20px 0; border-top: 4px solid #eaeaea; } .news-reduc-text{ font-size: 20px; text-transform: uppercase; color: white; font-weight: bold; line-height: 25px; font-family: 'Open Sans', sans-serif!important; margin-bottom: 15px; padding: 0 10px; } .news-reduc{ font-size: 30px; } .news-intro{ font-size: 16px; font-family: "Open Sans", sans-serif!important; color: #9fb0c0; line-height: 22px; font-weight: 400; margin-bottom: 15px; padding: 0 10px; } .real-submit-button{left:-15000px;position: absolute;} .news-col{ padding: 5px; } #news-submit{ font-weight: 400!important; } #newsForm{ margin: 5px; } .news-notice{ color: white; font-size: 12px; padding: 0 5px; } #newsFeedback .modal-content{ padding: 10px; font-size: 15px; line-height: 24px; font-weight: 400; } #newsFeedback .alert{ margin: 0; } </style> <div class="section-newsletter"> <div class="container"> <div class="row text-center"> <div class="news-reduc-text"><span class="news-reduc">10%</span> de réduction sur votre prochaine commande<sup>(1)</sup></div> </div> <div class="row text-center"> <div class="news-intro">Inscrivez-vous à notre NEWSLETTER pour recevoir votre code de réduction</div> </div> <div class="row"> <form id="newsForm" class="row"> <div class="col-sm-5 col-md-3 col-md-offset-2 news-col"> <input type="text" id="newsName" name="newsName" required class="form-control" placeholder="Votre nom"> </div> <div class="col-sm-4 col-md-3 news-col"> <input type="email" id="newsEmail" name="newsEmail" required class="form-control" placeholder="Votre adresse email"> </div> <div class="col-sm-3 col-md-2 news-col"> <input type="submit" name="newsRealSubmit" id="newsRealSubmit" class="real-submit-button"> <button class="form-control main-button button-green-light" type="button" name="news-submit" id="news-submit">JE M'INSCRIS</button> </div> </form> <div class="row text-center"> <div class="col-xs-12"> <small class="news-notice"> <sup>(1)</sup> Valable uniquement pour toutes nouvelles commandes, hors achat de crédit hosteur et hors renouvellement de prestation. (Commande de produits matériels non inclus) </small> </div> </div> </div> </div> </div> <div class="modal fade" id="newsFeedback" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="alert alert-success" id="newsSuccess"><strong>Merci!</strong> Il ne vous reste plus qu'à confirmer votre adresse e-mail. Pour le faire, cliquez sur le lien que nous venons de vous envoyer et profitez des 10% offerts!</div> <div class="alert alert-info" id="newsAlreadyIn">Veuillez nous excuser mais vous êtes déjà inscrit à notre newsletter.</div> <div class="alert alert-danger" id="newsError">Une erreur s'est produite. Veuillez reessayer svp!</div> </div> </div> </div>  <style> .footer-widget{margin-bottom: 0;} </style> <footer class="padding-bottom30"> <div class="container"> <div class="row footer-widgets"> <div class="col-sm-6 col-md-3 col-footer"> <h3> A propos <span class="head-line"></span></h3> <ul class="line-height-1-6 font-size-15 white-text"> <li><a href="https://www.hosteur.com/informations"> Qui est Hosteur.com ?</a></li>  <li><a href="https://www.hosteur.com/a-propos/nos-references"> Références clients</a></li> <li><a href="https://www.hosteur.com/a-propos/recrutement"> Hosteur Recrute</a></li>   <li><a href="https://www.hosteur.com/consulting"> Hosteur Consulting</a></li> <li><a href="https://www.hosteur.com/credits-hosteur"> Crédits Hosteur</a></li> <li><a href="https://www.hosteur.com/a-propos/valeurs-et-engagements"> Nos engagements</a></li> <br> <li><a href="https://www.hosteur.com/a-propos/eco-responsable"> HOSTEUR, une entreprise écoresponsable</a></li> </ul> <br> <div> <img src="/src/templates/custom/images/a-tree-for-you.png" alt="a tree for you" class="footer-logo footer-logo-veritas" /> </div> <br> </div>  <div class="col-sm-6 col-md-3 col-footer"> <h3> PRODUITS HOSTEUR <span class="head-line"></span></h3> <ul class="line-height-1-6 font-size-15 white-text"> <li><a href="https://www.hosteur.com/domaines/depot"> Domaines</a></li> <li><a href="https://www.hosteur.com/hebergement-web"> Hébergements web</a></li> <li><a href="https://www.hosteur.com/cloud/cloud-vps"> Cloud</a></li> <li><a href="https://www.hosteur.com/securite/hosteur-protect"> Sécurité</a></li>  <li><a href="https://www.hosteur.com/serveurs/serveur-dedie">Serveurs</a></li> <li><a href="https://www.hosteur.com/haproxy/">HAProxy</a></li> <br> <li><a href="https://www.hosteur.com/a-propos/sponsors" class="text-uppercase">Sponsoring</a></li> </ul> <div class="row">  <div class="col-xs-12">  </div> </div> </div> <div class="col-sm-6 col-md-3 col-footer"> <h3> Adresse <span class="head-line"></span></h3> <ul class="line-height-1-6 font-size-15 white-text"> <li> <i class="fa fa-map-marker"></i> Route du Lac Lussy 201,<br>1618 Châtel Saint Denis, Suisse</li>   </ul> <div class="footer-widget social-widget padding-top15"> <h3> Suivez-nous <span class="head-line"></span></h3> <ul class="social-icons"> <li>  <a class="twitter" href="https://www.facebook.com/Hosteur" target="_blank"><i class="icon-facebook-2"></i></a> </li> <li> <a class="twitter" href="https://twitter.com/hosteur" target="_blank"><i class="icon-twitter-2"></i></a> </li> <li> <a class="twitter" href="https://www.linkedin.com/company/17928917/" target="_blank"><i class="icon-linkedin"></i></a> </li> <li> <a class="twitter" href="https://www.youtube.com/channel/UCWuHARZet0y3PCpF6cTj8bQ/videos" target="_blank"><i class="icon-youtube"></i></a> </li> <li> <a class="twitter" href="https://www.instagram.com/hosteur_official/" target="_blank"><i class="icon-instagram"></i></a> </li> </ul> </div> <div>  <div class="row"> <div class="col-xs-6">  <div class="margin-top-15"> <table width=125 border=0 cellspacing=0 cellpadding=0 title="CLICK TO VERIFY: This site uses a GlobalSign SSL Certificate to secure your personal information." ><tr><td><span id="ss_img_wrapper_gmogs_image_110-45_en_dblue"><a href="https://www.globalsign.com/" target=_blank title="GlobalSign Site Seal" rel="nofollow"><img alt="SSL" border=0 id="ss_img" src="//seal.globalsign.com/SiteSeal/images/gs_noscript_110-45_en.gif"></a></span></td></tr></table> </div> <div id="gsScriptContainer"></div>  </div> <div class="col-xs-6"> <img src="/src/templates/custom/images/logo-conforme-rgpd.png" alt="Conforme RGPD" class="img-responsive margin-top-15" />  </div> </div> <div class="row"> <div class="col-xs-12"> <img src="/src/templates/custom/images/logo-globalsign-gold.png" alt="Globalsign" class="img-responsive margin-top-15" /> </div> </div> <div class="row"> <div class="col-xs-12"> <img src="/src/templates/custom/images/nogafam.png" alt="no gafam" class="img-responsive margin-top-15" /> </div> </div> <div class="row pt-2"> <div class="col-sm-12" style="color: white;"> <div class="icann-footer"> <div class="" ><img src="/src/templates/custom/images/icann.png" alt="icann" /></div> <div class=""> <span>ICANN's Registrant Educational Information webpage :</span> <a href="https://www.icann.org/resources/pages/benefits-2013-09-16-en" target="_blank">https://www.icann.org/resources/pages/benefits-2013-09-16-en</a> </div> </div> </div> </div> </div> </div> <div class="col-sm-6 col-md-3 col-footer"> <div>  <a class="" href="/a-propos/certification-iso-27001"> <img src="/src/templates/custom/images/veritas.png" alt="iso 27001" class="img-responsive margin-top-15" /> </a> <a class="" href="/a-propos/certification-iso-9001"> <img src="/src/templates/custom/images/veritas-9001.png" alt="iso 9001" class="img-responsive margin-top-15" /> </a> <a class="" href="/a-propos/certification-iso-14001"> <img src="/src/templates/custom/images/veritas-14001.png" alt="iso 14001" class="img-responsive margin-top-15" /> </a> <a class="" href="/a-propos/certification-hds"> <img src="/src/templates/custom/images/hds.png" alt="hds" class="img-responsive margin-top-15" /> </a> <style> .veritas{ font-weight: 400; font-size: 14px; color: white; } .veritas-cert{ font-weight: bold; } .hebergeur-certifie{ font-weight: bold; /* color: white; */ font-size: 14px; margin-bottom: 10px; } .footer-clavister{ background: white; display: inline-block; width: 262px; max-width: 100%; padding-bottom: 15px; padding-top: 15px; } </style>  </div> </div>  </div> <style> .icann-footer{ display: flex; flex-direction: column; justify-content: center; padding-top: 10px; gap: 15px; padding-bottom: 30px; } .icann-footer span, .icann-footer a{ font-weight: 400; width: 100%; display: inline-block; font-size: 16px; line-height: 1.4; text-align: justify; } .icann-footer a{ text-overflow: ellipsis; display: block; overflow: hidden; text-wrap: nowrap; color: #2eb1e6 !important; } </style>   <div class="copyright-section"> <div class="row"> <div> <p class="text-center font-weight-400"> <a href="https://www.hosteur.com/a-propos/hebergement"> Hosteur est un hébergeur de sites Internet</a><span class="label label-info backcolor-cadetGreen footer_ip"> Votre IP : 8.222.208.146</span>  </p> </div> </div> <div class="row"> <style> ul.footer-nav li a { font-size: 11px!important; } ul.footer-nav li { display: inline-block; float:none; } </style> <div class="col-sm-12 text-center"> <ul class="footer-nav" style="float:none;"> <li><a href="https://www.hosteur.com/ressources/aide"> Contact / Aide</a></li> <li> <div class="dropup"> <a class="dropdown-toggle" href="#" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Outils <span class="caret"></span> </a> <ul class="dropdown-menu custom-dropdown-2" aria-labelledby="dropdownMenu2"> <li><a href="/whois">WHOIS</a></li> <li><a href="/calculateur-raid">RAID</a></li> <li><a href="/SLA">SLA</a></li> <li><a href="/mon-ip">Mon IP</a></li> <li><a href="/generateur-de-mots-de-passe">Générateur De Mot De Passe</a></li> <li><a href="/compteur-de-mot-et-de-nombres-de-caracteres">Compteur de nombre de caractéres</a></li> </ul> </div> </li> <li><a href="https://www.hosteur.com/support"> Contactez-nous</a></li> <li><a href="https://www.hosteur.com/"> Hosteur.com</a></li> <li><a href="https://twitter.com/hosteur_travaux"> Travaux</a></li> <li><a href="https://www.hosteur.com/a-propos/condition-utilisation"> CGV </a></li> <li><a href="https://www.hosteur.com/a-propos/patriot-act"> Non au Patriot Act</a></li> <li><a href="https://www.hosteur.com/a-propos/contenu-illegal"> Contenu illicite et abus</a></li><br> <li><a href="https://www.hosteur.com/a-propos/politique-de-confidentialite"> POLITIQUE DE CONFIDENTIALITÉ</a></li> <li><a href="https://www.hosteur.com/a-propos/politique-de-protection-des-donnees-personnelles"> POLITIQUE DE PROTECTION DES DONNÉES PERSONNELLES (RGPD)</a></li><br> <li class="color-cadetGreen"> © Copyright 2008 - 2025 HOSTEUR SA - Route du lac lussy 201,1618 Châtel Saint Denis, Suisse - SIRET : CH-550-1056728- - TVA : CHE-114.684.132</li> </ul> </div> </div> </div>  </div> </footer>  </div> <a href="#" class="back-to-top"><i class="icon-up-open-1"></i></a> <style> .loading-box{ background-color: white; padding: 15px 25px; display: inline-block; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); border-radius: 10px; margin-bottom: 15px; font-size: 20px; } #HosteurLoading .modal-content{ background-color: transparent; border: none; box-shadow: none; } </style> <div class="modal fade" id="HosteurLoading" role="dialog" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-body text-center" > <div class="loading-box" > <img src="/src/templates/custom/images/loading-hosteur-100.gif" alt="loading hosteur" class="" > <br><br> <strong>Veuillez patienter svp</strong> </div> </div> </div> </div> </div>  <div class="modal fade" id="hosteurAlertModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="alert alert-success text-center"> <a href="#" class="close" data-dismiss="modal" aria-label="close" title="close">×</a> <span id="hosteurAlertMessage"></span> </div> </div> </div> </div> </body>  <script type="text/javascript" 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>   <script src="https://www.hosteur.com/src/templates/custom/tarteaucitron/tarteaucitron.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js" integrity="sha512-HGOnQO9+SP1V92SrtZfjqxxtLmVzqZpjFFekvzZVWoiASSQgSr4cw9Kqd2+l8Llp4Gm0G8GIFJ4ddwZilcdb8A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> $(function(){ $('.yubikey-carousel').slick({ dots: true, arrows: false, speed: 300, fade: true, cssEase: 'linear', appendDots: '.yubikey-dots', customPaging: function(slick,index) { return '<img src="/src/templates/custom/images/yubikey/yubikey-slider-' + (index + 1) + '.jpg"/>'; } }); }); </script> <script> /*var tarteaucitronCustomText = { "alertBigPrivacy": "", "alertSmall": "", "acceptAll": "", "personalize": "", "close": "", "title": "", "all": "", "allowAll": "", "denyAll": "", "allow": "", "deny": "", "noCookie": "", "useCookie": "", "useCookieCurrent": "", "useNoCookie": "", "more": "", "source": "", "support": { "title": "", "details": "" }, "api": { "title": "", "details": "" }, "video": { "title": "", "details": "" }, "analytic": { "title": "", "details": "" }, "ads": { "title": "", "details": "" } };*/ 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'); 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"); }); } $(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']").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"); } $(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; }); }); /* BEGIN SCRIPT GLOBALSIGN DO NOT EDIT */ $(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); }); /* END SCRIPT GLOBALSIGN DO NOT EDIT */ $(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) { console.log(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.yubikey"; 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"); } } }); } 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; } </script> <noscript><img height="1" width="1" style="display:none" alt="facebook pixel code" src="https://www.facebook.com/tr?id=895537370555659&ev=PageView&noscript=1" /></noscript>  </html>

CINXE.COM

YubiKey - Hosteur.com