<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: 'w95fa';
    src: url('/w95fa/W95FA.otf');
}

body {
    font-family:'w95fa';
    text-align: center;
    background-image: url('/fond.gif'); /* Chemin vers l'image */
    background-size: cover; /* Ajuste l'image pour couvrir toute la page */
    background-position: center; /* Centre l'image */
    background-repeat: no-repeat; /* EmpÃªche la rÃ©pÃ©tition de l'image */
    height: 100vh; /* S'assure que le fond couvre toute la hauteur de la page */
    margin: 0;
    padding: 0;
    color: white; /* Change la couleur du texte pour qu'il soit lisible */
}

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 200px; /* Largeur de la sidebar */
    height: 100vh; /* Prend toute la hauteur de l'Ã©cran */
    background-color: #444; /* Couleur gris foncÃ© */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px; /* Espacement en haut */
}

.sidebar button {
    width: 100%; /* Les boutons prennent toute la largeur de la sidebar */
    background-color: #666; /* Gris plus clair pour contraste */
    color: white;
    border: none;
    padding: 15px 20px; /* Espacement vertical */
    margin: 5px 0;
    cursor: pointer;
    border-radius: 12px; /* Retrait des bords arrondis */
    font-size: 18px;
}

.sidebar button:hover {
    background-color: #777; /* Changement de couleur au survol */
}

.with-sidebar {
    margin-left: 200px; /* DÃ©cale le contenu pour laisser de la place Ã&nbsp; la sidebar */
    padding: 20px;
}

.p {
    font-size: 24px; 
}

.music {
    position: fixed; /* Positionner le lien de maniÃ¨re fixe */
    bottom: 20px;    /* Distance du bas de la page */
    right: 20px;     /* Distance de la droite de la page */
    font-size: 16px; /* Taille de la police */
    background-color: rgba(0, 0, 0, 0.7); /* Fond semi-transparent pour amÃ©liorer la lisibilitÃ© */
    color: white;    /* Couleur du texte */
    padding: 10px;   /* Espacement autour du texte */
    border-radius: 5px; /* Coins arrondis */
    text-decoration: none; /* Retirer le soulignement du lien */
}

.music:hover {
    background-color: rgba(0, 0, 0, 0.9); /* Changer la couleur du fond au survol */
}

/* Style gÃ©nÃ©ral de la page */
.musicb {
    margin: 0;
    padding: 0;
    height: 100%; /* Assurer que le body prend toute la hauteur de la fenÃªtre */
    display: flex;
    flex-direction: column;
}

/* Le contenu de la page */
.content {
    flex-grow: 1; /* Permet au contenu de prendre toute la hauteur disponible */
    padding: 20px;
}

/* Lecteur audio positionnÃ© en bas */
audio {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); /* Centre le lecteur horizontalement */
    margin-bottom: 10px; /* LÃ©gÃ¨rement Ã©loignÃ© du bas de la page */
}

.audioPlayer {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-15%); /* Centre le lecteur horizontalement */
    margin-bottom: 10px; /* LÃ©gÃ¨rement Ã©loignÃ© du bas de la page */
}

.text-button {
    font-family: 'W95FA', sans-serif;
    font-size: 40px;
    color: #522fa9;
    text-decoration: underline;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.text-button:hover {
    color: blue;
}

.sidebar-gif {
    width: 80%; /* Change la largeur (ajuste si nÃ©cessaire) */
    max-width: 150px; /* Taille max pour Ã©viter qu'il devienne trop grand */
    height: auto; /* Garde les proportions */
    margin-bottom: 10px; /* Ajoute un petit espace sous le GIF */
}

.df {
    height: 35px;
    margin-top: auto;
    margin-bottom: 80px;
}

.h1v2 {
    font-size: 35px;
    text-decoration: underline;
}
</pre></body></html>