<!doctype html>
<html lang="fr">

<head>
    <meta name="robots" content="noindex">
    <meta charset="utf-8">
    <title>🚀 Cette page n'est plus accessible... - Infomaniak</title>
    <meta name="description" content="Cette page n'est plus accessible..."/>
    <meta name="author" content="Infomaniak Network SA"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="keywords" content="Infomaniak">
    <meta name="referrer" content="origin">
    <title>Infomaniak</title>
            <link rel="alternate" href="https://www.infomaniak.com/fr/sharedbox" hreflang="fr"/>
            <link rel="alternate" href="https://www.infomaniak.com/de/sharedbox" hreflang="de"/>
            <link rel="alternate" href="https://www.infomaniak.com/it/sharedbox" hreflang="it"/>
            <link rel="alternate" href="https://www.infomaniak.com/en/sharedbox" hreflang="en"/>
            <link rel="alternate" href="https://www.infomaniak.com/es/sharedbox" hreflang="es"/>
            <link rel="alternate" href="https://www.infomaniak.com/fr/sharedbox" hreflang="x-default"/>
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/ico/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/ico/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/ico/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon-precomposed" href="/ico/apple-touch-icon-57x57.png">
    <link rel="shortcut icon" href="/ico/favicon-16x16.png" type="image/png">
    <link rel="shortcut icon" href="/ico/favicon.ico" type="image/x-icon">

    <style>

        *, *::before, *::after {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        @font-face {
            font-family: 'Roboto';
            font-weight: 400;
            font-style: normal;
            src: url('https://static.infomaniak.ch/assets/fonts/Roboto-regular/Roboto-regular.eot');
            src: url('https://static.infomaniak.ch/assets/fonts/Roboto-regular/Roboto-regular.eot?#iefix') format('embedded-opentype'),
            local('Roboto'),
            local('Roboto-regular'),
            url('https://static.infomaniak.ch/assets/fonts/Roboto-regular/Roboto-regular.woff2') format('woff2'),
            url('https://static.infomaniak.ch/assets/fonts/Roboto-regular/Roboto-regular.woff') format('woff'),
            url('https://static.infomaniak.ch/assets/fonts/Roboto-regular/Roboto-regular.ttf') format('truetype'),
            url('https://static.infomaniak.ch/assets/fonts/Roboto-regular/Roboto-regular.svg#Roboto') format('svg');
        }

        @font-face {
            font-family: 'Roboto';
            font-weight: 500;
            font-style: normal;
            src: url('https://static.infomaniak.ch/assets/fonts/Roboto-500/Roboto-500.eot');
            src: url('https://static.infomaniak.ch/assets/fonts/Roboto-500/Roboto-500.eot?#iefix') format('embedded-opentype'),
            local('Roboto Medium'),
            local('Roboto-500'),
            url('https://static.infomaniak.ch/assets/fonts/Roboto-500/Roboto-500.woff2') format('woff2'),
            url('https://static.infomaniak.ch/assets/fonts/Roboto-500/Roboto-500.woff') format('woff'),
            url('https://static.infomaniak.ch/assets/fonts/Roboto-500/Roboto-500.ttf') format('truetype'),
            url('https://static.infomaniak.ch/assets/fonts/Roboto-500/Roboto-500.svg#Roboto') format('svg');
        }

        body {
            font-size: 14px;
            line-height: 1.5em;
            font-weight: 400;
            background-color: #FFFFFF;
            color: #333333;
            padding:0;
            margin:0;
        }

        html, body {
            height:100%;
        }

        @media  only screen and (max-width: 1024px) {
            html, body {
                height: auto;
            }
        }

        #header {
            height: 66px;
            background-color: #FFFFFF;
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); 
            display: flex;
            justify-content: left;
            align-items: center;
            padding: 0 30px;
            z-index: 1;
            position: relative;
        }

        #main {
            height: calc(100% - 66px);
            position: relative;
            display: flex;
            align-items: center;
        }

        @media  only screen and (max-width: 1024px) {
            #main {
                padding:15px;
                height: auto;
            }
        }

        .container {
            max-width:1170px;
            margin: 0 auto;
            display:flex;
            justify-content: center;
            align-items: center;
        }

        @media  only screen and (max-width: 1170px) {
            .container {
                flex-direction: column;
            }
        }

        h1 {
            color: #333333;
            font-family: Roboto;
            font-size: 100px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 1em;
            padding:0;
            margin:0 0 30px 0;
        }

        h2 {
            color: #666666;
            font-family: Roboto;
            font-size: 30px;
            letter-spacing: 0;
            line-height: 40px;
            padding:0;
            margin:0 0 30px 0;
        }

        p {
            font-family: Roboto;
            font-size: 14px;
            letter-spacing: 0;
            line-height: 21px;
            color:#666666;
        }

        a, a:hover, a:visited {
            color: #0098FF;
            text-decoration:none;
        }


        @media  only screen and (min-width: 992px) {
            .container-40 {
                padding: 40px;
            }

            .container-40 {
                padding: 20px;
            }
        }

        .page {
            width: 100%;
            position: relative;
        }

        .left {
            width:60%;
        }

        @media  only screen and (max-width: 1170px) {
            .left {
                width:100%;
                margin-bottom:40px;
            }
        }

        .right {
            max-width:470px;
        }

        .right img {
            max-width:100%;
            width:100%;
        }

    </style>

</head>

<body>

<header id="header">
    <a href="https://www.infomaniak.com"><img src="/img/infomaniak-logo.svg" alt="infomaniak"/></a>
</header>
<div id="main">
    <section class="page container-40">
        <div class="container">
            <div class="left">
                <h1>Oups !</h1>
                <h2>Cette page n'est plus accessible...</h2>
                <p>
                <p>Merci de ne plus utiliser ce domaine et d'utiliser <a href="https://www.infomaniak.com">infomaniak.com</a></p></p>
            </div>
            <div class="right">
                <img src="/img/common/not_available.svg?v=2" alt="infomaniak"/>
            </div>
        </div>
    </section>
</div>

</div>

</body>

</html>
