WordPress par Virtuozzo

<!doctype html> <html lang="fr-FR" > <head> <title>WordPress par Virtuozzo - 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/cloud/vertiuozzo-wordpress"> <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/cloud/vertiuozzo-wordpress" hreflang="fr"/> <link rel="alternate" href="https://www.hosteur.com/cloud/vertiuozzo-wordpress" 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; background-image: linear-gradient(to right,#fff); } .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 { } .text-banner-style{ width: 70%; margin-left: 100px; } .image-container { position: relative; display: inline-block; /* or block, depending on your layout */ padding-right: 0px; } .image-container::before { content: ""; position: absolute; top: 0; left: 0; width: 400px; height: 100%; background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); pointer-events: none; /* This ensures the gradient doesn't interfere with interactions */ } .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-fluid"> <div class="row md-flex-center" style=""> <div class="col-xs-12 margin-left-20 col-sm-6 col-md-6 banner-content"> <h1 class="font-size-32 margin-bottom-10 text-banner-style margin-top-10 title banner-title animated fadeInUp delay-00" style="" data-animation="fadeInUp" data-animation-delay="00"> Votre plate-forme WordPress par Virtuozzo </h1> <p class="font-size-22 margin-bottom-10 title banner-title text-banner-style animated fadeInUp delay-00" style="" data-animation="fadeInUp" data-animation-delay="00"> Profitez d’un hébergement WordPress plus rapide, plus évolutif et moins cher </p> <div class="banner-button text-banner-style" style=""> <button class="btn btn-education no-border btn-large" data-toggle="modal" data-target="#virtuozzoWordPressModal">Commander</button> </div> </div> <div class="col-xs-12 col-sm-6 col-md-6 margin-bottom-10 banner-content image-container "> <img class="img-responsive margin-auto" src="/src/templates/custom/images/cloud/WP-banner.jpeg" alt="WP 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-1{ float: none!important; display: inline-block!important; } .col-float{ display: inline-block!important; } .avantage-text{ color: #fff; line-height: 1.3; font-size:15px !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"> <p class="education-paragraphe"> Profitez d’un hébergement WordPress plus rapide, plus évolutif et plus sécurisé avec Virtuozzo. Leur plate-forme d'applications vous offre une solution d'hébergement basée sur des conteneurs, qui offre les performances, l'évolutivité et l'automatisation DevOps dont vous avez besoin pour développer votre site web et votre marque en ligne.</p> <div class="education-trait"><div></div></div> <div class="banner-button" style=""> <button class="btn btn-education no-border btn-large" data-toggle="modal" data-target="#virtuozzoWordPressModal">En profiter</button> </div> </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"> Virtuozzo WordPress : quels 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"> <img class="img-responsive margin-auto" src="/src/templates/custom/images/cloud/scalability.png" alt="scalability"> <div class="click-fonction-text">Scalabilité</div> <ul> <li class="avantage-text">Mise à l'échelle verticale automatique</li> <li class="avantage-text">Mise à l'échelle horizontale automatique</li> <li class="avantage-text">Clustering automatique</li> </ul> </div><div class="col-sm-6 col-md-4 col-float"> <img class="img-responsive margin-auto" src="/src/templates/custom/images/cloud/performance.png" alt="performance" style="width:75px; height:75px;"> <div class="click-fonction-text">Performance</div> <ul> <li class="avantage-text">Meilleur temps de chargement des pages</li> <li class="avantage-text">Plus de demandes par seconde</li> <li class="avantage-text">Meilleure expérience clien</li> </ul> </div><div class="col-sm-6 col-md-4 col-float"> <img class="img-responsive margin-auto" src="/src/templates/custom/images/cloud/a-faire.png" alt="efficasity"> <div class="click-fonction-text">Efficacité</div> <ul> <li class="avantage-text">Déploiement 20x plus rapide</li> <li class="avantage-text">Opérations quotidiennes 10x plus rapides</li> <li class="avantage-text">Moindre consommation de ressources</li> </ul> </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">Une plateforme WordPress performante et facile à utiliser</h2> <div class="education-trait"><div></div></div> <ul> <li class="education-paragraphe" style="margin-left:0px;" ><i class="fa fa-check check-icon" ></i>Clusterisation automatisée sur les couches d'application et d'infrastructure</li> <li class="education-paragraphe" style="margin-left:0px;"> <i class="fa fa-check check-icon" ></i>Mise à l'échelle verticale et horizontale en fonction de la consommation de ressources</li> <li class="education-paragraphe" style="margin-left:0px;"> <i class="fa fa-check check-icon" ></i>Mises à jour automatiques avec des pipelines CI / CD professionnels préconfigurés</li> <li class="education-paragraphe" style="margin-left:0px;"> <i class="fa fa-check check-icon" ></i>Sécurité améliorée avec des conteneurs isolés, DR, WAF intégré, protection DDoS et des modules complémentaires de sécurité des serveurs</li> <li class="education-paragraphe" style="margin-left:0px;"> <i class="fa fa-check check-icon" ></i>Gestion intuitive avec des portails libre-service pour les développeurs et les administrateurs.</li> </ul> <div class="row btn-container"> <button class="btn btn-education no-border btn-large" data-toggle="modal" data-target="#virtuozzoWordPressModal">Commander</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/cloud/first-Image-WP.jpeg" alt="complex password"> </div> </div> </div> </div> <div class="section education-section bg-education" style="padding-top: 0px;"> <div class="container"> <div class="row"> <div class="click-fonction-box col-xs-12 text-center" style="margin-top: 0px;"> <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é renforcée</div> </div><div class="col-sm-6 col-md-4 col-float"> <i class="click-fonction-icon icofont-clock-time"></i> <div class="click-fonction-text">Haute performance</div> </div><div class="col-sm-6 col-md-4 col-float"> <i class="click-fonction-icon icofont-dollar"></i> <div class="click-fonction-text">Prix basé sur la consommation</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-4 col-md-5 text-center"> <img class="img-responsive margin-auto" src="/src/templates/custom/images/cloud/second-page-WP.jpeg" alt="anti fishing"> </div> <div class="col-xs-12 col-sm-8 col-md-7 education-cadre-text"> <h2 class="education-title">Modernisez vos applications</h2> <div class="education-trait"><div></div></div> <ul> <li class="education-paragraphe" style="margin-left:0px;" ><i class="fa fa-check check-icon" ></i>Accélère votre processus de développement</li> <li class="education-paragraphe" style="margin-left:0px;"> <i class="fa fa-check check-icon" ></i>Répond aux besoins des utilisateurs finaux pour les applications critiques</li> <li class="education-paragraphe" style="margin-left:0px;"> <i class="fa fa-check check-icon" ></i>Simplifie le développement d'applications flexibles en exploitant les microservces et les API</li> <li class="education-paragraphe" style="margin-left:0px;"> <i class="fa fa-check check-icon" ></i>Permet de passer du mono-cloud au multi-cloud</li> <li class="education-paragraphe" style="margin-left:0px;"> <i class="fa fa-check check-icon" ></i>Réduit vos efforts de maintenance</li> </ul> <div class="row btn-container"> <button class="btn btn-education no-border btn-large" data-toggle="modal" data-target="#virtuozzoWordPressModal">Démarrer </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 } .collapsible-content { display: none; } .collapsible.active .collapsible-content { display: block; } .chevron::before { font-family: 'icofont'; content: '\ea99'; font-size:20px; display: inline-block; margin-left: 5px; transition: transform 0.3s; } .collapsible.active .chevron::before { transform: rotate(90deg); } </style> <script> function toggleCollapsible(event) { event.preventDefault(); event.currentTarget.parentElement.classList.toggle("active"); } </script> <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="virtuozzoWordPressModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <form class="virtuozzoWordPressForm slackForm" id="virtuozzoWordPressForm" 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="Virtuozzo WordPress" /> <input type="hidden" name="channel" value="default" /> <input type="submit" name="virtuozzoWordPressFormRealSubmit" id="virtuozzoWordPressFormRealSubmit" 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('virtuozzoWordPress')">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 = "cloud.cloud_vertiuozzo_wordpress"; 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

WordPress par Virtuozzo - Hosteur.com