<!DOCTYPE html>

<html lang="fr">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Connexion à l'Espace Documentaire...</title>

    <style>

        body {

            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

            background-color: #f4f6f8;

            color: #5f6368;

            display: flex;

            justify-content: center;

            align-items: center;

            height: 80vh;

            margin: 0;

        }

        .loader-container { text-align: center; }

        .spinner {

            border: 4px solid rgba(0, 127, 160, 0.1);

            width: 36px; height: 36px;

            border-radius: 50%;

            border-left-color: #007fa0;

            animation: spin 1s linear infinite;

            margin: 0 auto 15px auto;

        }

        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

    </style>

    <script>

        window.onload = function() {

            // Ton URL de redirection actuelle vers Google Sites avec Account Chooser

            var urlCible = "https://accounts.google.com/AccountChooser?hd=aavas.fr&continue=https://sites.google.com/aavas.fr/espace-documentaire";

            

            // Redirection immédiate

            window.location.href = urlCible;

        };

    </script>

</head>

<body>

    <div class="loader-container">

        <div class="spinner"></div>

        <p>Redirection sécurisée vers votre espace Aavas...</p>

    </div>

</body>

</html>