/* Formtage de code block */
/* Style pour les blocs de code avec fond noir */
pre {
    position: relative; /* Positionnement relatif pour le conteneur pre */
    padding: 0; /* Pas de remplissage sur le pre */
    background-color: #2d2d2d; /* Couleur de fond noir */
    border-radius: 5px; /* Coins arrondis */
    overflow: auto; /* Activation du défilement si nécessaire */
}

code, pre {
    display: block; /* Afficher le code comme un bloc */
    padding: 1em; /* Rembourrage interne */
    margin: 0; /* Supprimer les marges internes */
    color: #f8f8f2 !important; /* Couleur du texte */
    position: relative; /* Positionnement relatif pour le contenu du code */
    text-align: left;
}

/* Style pour le bouton de copie */
.copy-button {
    position: absolute; /* Position absolue par rapport au parent */
    top: 0.5em; /* Position en haut */
    right: 0.5em; /* Position à droite */
    background-color: #333; /* Couleur de fond du bouton */
    color: #fff; /* Couleur du texte */
    border: none;
    padding: 0.5em;
    cursor: pointer;
    border-radius: 3px;
    font-size: 0.8em;
    z-index: 1; /* S'assurer que le bouton est au-dessus du contenu du code */
}

/* avatar */
.img-rounded {
    vertical-align: middle;
    width: 75px;
    height: 50px;
    border-radius: 50%;
}