<!doctype html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Nelgios : Une erreur s&#039;est produite</title>
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap" rel="stylesheet" />
    <style type="text/css">
    body {
        background: #f2f4f8;
    }
    .logo {
        text-align:center;
        margin-bottom:30px;
    }
    .logo img {
        max-width: 255px;
        width: 100%;
        height: auto;
    }
    .container {
        background: white;
    }
    h1 {
        font-family: 'Oxygen', sans-serif;
        font-size: clamp(26px, 6vw, 40px);
        text-align:center;
        color:#1d4b7f;
        margin-bottom:20px;
    }
    h2 {
        font-family: 'Oxygen', sans-serif;
        font-size:16px;
        font-weight: bold;
        word-break: break-word;
        text-align:left;
        color:#5ab4a3;
    }
    .image_illus {
        margin-top:50px;
        text-align: center;
    }
    .image_illus img {
        max-width: 100%;
        height: auto;
    }
    @media (max-width: 575px) {
        .container.p-5 {
            padding: 1.5rem !important;
        }
        .container.mt-5 {
            margin-top: 1.5rem !important;
        }
    }
    </style>
</head>
<body>
    <div class="rounded container mt-5 p-5">
        <p class="logo"><img src="/shared/images/logo_nelgios_moyen.png" /></p>
        <h1>Une erreur s&#039;est produite</h1>
                <h2>Contactez le webmaster du site pour résoudre ce problème</h2>
        <ol>
                    </ol>
    </div>
</body>
</html>