<!-- @@@@@@@@@@@@@@@@@@@@@@@@@@@Y?7^.....:~75#G~:??.:J?:.!?. ~P?75@@&#BG5YJ7!~^~7Y@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@J???!:......^:7JJ5G55PP5PGG55GJ:^^~7~::.....:~7???#@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@J7??7!:...:^!~JY?7!!!~~!7~!?JJY5PJ^~!:....:^!?????&@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@577!^:~^:^^^^^:::::::::^::::^^^^~7!!^...:^~^~~7??J@@@G#@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@#!!~:.^!~:.::::::^:::::::::^^::^^:^^^^::~~^^^~7775@@@?5@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@G55PG?!7!7~: ..::::.^::::::::::~~^::^^:::^!7~~^::^~7?&@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@#~~~~!?YYJ~....^^...^^ ..:::::.:~7~:::~::..^?7!7!~7775BGGB&@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@B!!!!7?YY~:^^:^!:::~7:..:::::..:~?!:..^!::^:!?7?JY?Y?7!~~~?@@@&5#@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@#!!!7?JJ7~~^^^?~^^~?!:^:::^::::^777!^^^7~^~^!?YY5P5Y?7!!!~5@@&PP5#@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@PYJY5J?7!~~~!J!!!?J7^^^^^^^^^^!777?!~^77~~~~75PYYP5YJ?!!7#@@@@G&@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@B5YJY?7?7!!~~7?!^~7^!^~^:^^^^^~~!:^7!~!??~~~~7YJ?JPYYY5YYG@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@#Y777~7?7~~~^77~^!7^~~~~^:^:^~~^.  ~!^~77~~~~7J7!?JY777JYB&@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@&@@@@@@@@@&YJ!~7?7~^^^7?YGGBGPY7~^^^^~^~7JYJJ?~~77~^^!7?!!77J!~~~!?G@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@&#@@@@@@@@@@@@BPPJ?!:^^5GPYJPBGP7..:^...!Y5GBBBG577^^^!7???YYJ7!??J&@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@&YJJ!^:!J^~~JP55^   ... :~~5GGGPGG7:^!77?YJ?J7!P@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@B&5?J?7^~^^!~^^~....... :?!?!?J~!!^~7~?7JJ??J7~B@@@@@@@@@@@@@@@@@@@@&&@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@&B&?777??!!^:::......  ...::::~~~!!!!~^?JJJJ7?J~?&@@@@@@@@@@@@@@@@@@@B#@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@&@5~!!~~~7!...... ^~~^~....:::^~!~^^^^7?JYYJ7???~?@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@&@?7~~^^~7?7~:.   .^^^^.    ..^!~^^^^~!7?JJ??77?!^J&@@@@&@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@&JJY!~~^~?JYYY?7!~^::....:~~!7JJ!^^^~~!J5J???7!!7~^?#@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@5^^!?J?77!!?JJJJYYYY5PJ?JY5GP5YYJ~^~!!?JYY??7!7!~!!^:~P@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@&5^.^~~!?JJJYJ?JYY55PGB5!JYJ?!J#BG5JJ55YYYJJJJ??!~!~~~~~:.7G@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@B?^:^~^^!??JJJJJJPPYPB#BB!^~!~^!PBBGP555GBBYJJJJJ?7~~!~~^^~^..!P@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@#Y~::^^^^~!??JJJJJJYGB5??Y5P7:^^^!55YJ??JPBGGGPYYJJJJJ7~~~~~~^~~:..!P&@@@@@@@@@@@@
@@@@@@@@@@@@@@@&P!:.^^^^:^~7?JJJJJJJ5PP5JJ7!77J?!7??77!7YPGGGPGPPPYYJJJJJ?!~~~~^^~~~^..~Y#@@@@@@@@@@
@@@@@@@@@@@@@BJ:.:~^^:^~^~?YYJ?JJJJ5PGGP7!!!!7JJ?Y?7!!!!!JGBGGGPPPPYJJJJJJY7!~~~~~~~~!!. :?G@@@@@@@@
@@@@@@@@@@@B?:::7B?~~~~~7J7~^:^^^^~~~~!!!~~~!!7?7!~^^^~~75YP55PPPPGGYJJJJJJJ?7!~~~~~~^7P?:.:!5&@@@@@
@@@@@@@@@@5^^^!Y#5~~~~~7J:^~~..:::::....:.....::.......^7~!7~~YGPPPGPJ??JJJJJJ?7!~~~~~^7&#?^::!G@@@@
@@@@@@@@@Y~~!JB@P!!!!!!?? ^^:~?7!7JJJJJ?7JJ??J777???J?J?77!7?!5BGGGGGPJ??JJJJJJ?7!!!!!!~7&&?!~^^Y@@@
@@@@@@@@G!!?Y#@#7!!!7?7?!.  ^55?!!!~!!~?^7!?!!!!7!?777755J!?!!YPBBGGGBP????JJ???7?!!7!!!!J@B!!7~^Y@@
@@@@@@@@575JP@@Y!!!7??7!~.  .7YYJJJJJYJ5JJJJ?7???7Y777755Y!?!^::?YPBGGBG????J???7J7777!!!!5&Y~5J!~G@
@@@@@@@@PB&JP@&?777????!!....:^~!!!7!~~~!!!77JY55JY55J~?5Y!?!~: ^5?5BGGG57??7???7?777??!77?PY?P@57?&
@@@@@@@@B#@YY@B777Y????!?....^^^^:::.         .!Y^::: ::7Y!?!!~.?G5PB#BP?7?!77777~J77J#?77??JJY@@5?#
@@@@@@@@&G&&5PG77J&?777!?....~^^~~^^^^^^: ....  7::^.:::~J??!7PPPPGBBG57!7!~7!!!?GB7!5@57??JYJG@@#JB
@@@@@@@@@@##&BP?7JBG777!7..:.^::::::............~7~..:::~???YYB#B###PJ77!~^!!~?G@@Y~J&@G???JYY&@@#Y&
@@@@@@@@@@@&&@@P7?J7~!!!?...:!~~!~~~:........... .~^7YY?JJ^7Y5BB######BBGJJ?7P@@@G!Y&@@G???JP&@@&5#@
@@@@@@@@@@@@@@@@BYJ!:!YYPPPPPP555Y5YYYYJJJ?77777!!!7J???7!^JGBBBBB#######BPPY?JPG5B@@&#5???G@@@&#&@@
@@@@@@@@@@@@@@@@@@&P^7P5PBBBBBB###################BBBBBBBBBB#BBBBBGGGBB##G5P577J5P5YJ?J??JG@@@@@@@@@
@@@@@@@@@@@@@@@@@@@#!!5??5PPPPGBBBBBBBB##BBBBBB#BBBBBBBBBB#BGGGPGGPPPGGGGPPP7!!7?777?J55G&@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@&7.!Y77J5GGGPPPPPGGBGGGPPGGGBBBBGGPPPPPGGGPPPPPPP5Y?7?G5777YGPGGB#&@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@#?^^7JJ5J?YPPPPPPGGPPPPPPPPGGGPPPPPPPPPPGP5YJ???7?JJ?^~!7G@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@&! .^!?Y?77?J55PYYYY55PPPPGGPPP5YJJ????J5J7????J!:.:^YG#@@@@@@BP@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@BB5~.:!?J??7JY????????JY5PYJ77??JJ?77?JY?^:!:.^^JG#@@@@@@@@@##@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@#J!~~..:!!^:^!7!7?J?JJ5??J?~^~!^^::~~~~P@B5G&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&BJ7!:..^::..~^^!!7~!~^~~!~~~^^~~~B@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@J^^^^^^~^~~~~~?7~~~~^~~^^^^^:7@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#^~~~~~~~^^^^^#5^~~~!!!!~~!~^P@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                      Project Sertraline Uwu - MChromatique with AI 2024 (Not professional website) -->
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="twitter:title" content="(◍•ᴗ•◍) » Setraline.fr" />
<meta name="description" content="(◍•ᴗ•◍) Sertraline.fr - ChromaUwU">
<meta property="og:image" content="https://sertraline.fr/favicon.png">
<title>(◍•ᴗ•◍) Sertraline.fr</title>
<link rel="icon" type="image/png" href="favicon.png">
<link rel="shortcut icon" type="image/png" href="favicon.png">

<style>
    body {
        margin: 0;
        padding: 0;
        background-image: url('bg.webp'); /* Image de fond */
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

    .image-container {
        position: relative;
        max-width: 100%;
        margin-top: -100px; /* Supprime l'espace au-dessus de l'image */
    }

    .image-container img {
        max-width: 100%;
        height: auto;
        display: block;
        transition: transform 2s ease-in-out; /* Transition de rotation */
    }

    footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #333;
        color: #fff;
        padding: 10px;
        text-align: center;
    }

    footer a {
        color: #fff;
        text-decoration: none;
    }

    .logo {
        position: absolute;
        bottom: 25px;
        right: 40px;
    }

    .image-text {
        font-family: 'Avenir', sans-serif;
        font-size: 48px;
        color: #ffcccc; /* Rose clair */
        position: absolute;
        top: 50%;
        left: 120%; /* Ajuste la position à côté de l'image */
        transform: translateY(-50%);
    }

    @media only screen and (max-width: 768px) {
       .logo {
           margin-left: 0;
           position: relative;
       }
    }
</style>
</head>
<body>
<div class="image-container">
    <img id="rotating-image" src="nekogirl-sertraline.webp" alt="nekogirl Setraline">
    <div class="image-text">(◍•ᴗ•◍) Sertraline.fr</div>
</div>

<footer>
    <div>
        <!-- Adresse e-mail obscurcie avec des entités HTML -->
        <a href="mailto:&#98;&#111;&#110;&#106;&#111;&#117;&#114;&#64;&#115;&#101;&#114;&#116;&#114;&#97;&#108;&#105;&#110;&#101;&#46;&#102;&#114;"> 📧 Contact: bonjour [arobase] sertraline.fr</a>

    </div>
    <div>
        <p>Le site sertraline.fr n'est pas un site médical ni un site relié à un laboratoire pharmaceutique européen ou international.<br>Pour tout avis médical, consultez un professionnel de santé<br>Construit avec l'aide de l'intelligence artificielle.</p>
    </div>
    <div class="logo">
        <img src="chromauwu.webp" alt="Made by MChromatique with AI 2024 for testing project" width="80">
    </div>
</footer>
    </div>
<script>
    // Rotation de l'image au chargement de la page
    window.onload = function() {
        const rotatingImage = document.getElementById('rotating-image');
        rotatingImage.style.transform = 'rotate(360deg)';
    };
</script>
</body>
</html>