body {
     font-family: "Roboto";
     margin: 0;
     padding: 0;
     background-image: url('/assets/images/index/dofus-photo-1415381.jpeg');
     background-size: cover;
     background-repeat: no-repeat;
     background-attachment: fixed;
 }
 
 .menu-container {
     display: flex;
     justify-content: center;
     width: 100%;
 }
 
 .menu {
     list-style: none;
     display: flex;
     justify-content: space-around;
     /* Espacement égal des éléments */
     align-items: center;
     margin: 0;
     background-image: url('/assets/images/index/bg_ServerHeader_Info.png');
     background-position: center;
     /* Centre l'image de fond */
     background-size: contain;
     /* Maintient les proportions de l'image */
     background-repeat: no-repeat;
     /* Empêche la répétition de l'image */
     border-radius: 5px;
     width: 100%;
     max-width: 100%;
     min-height: 100px;
     /* Ajustez selon la taille de l'image de fond */
 }
 
 .menu-item {
     cursor: pointer;
     color: #aaa;
     transition: background-color 0.3s, color 0.3s;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-grow: 1;
     position: relative;
 }
 
 .menu-item.active,
 .menu-item:hover {
     color: #fff;
 }
 
 .menu-item:not(:last-child)::after {
     content: "";
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     width: 2px;
     background-color: #9bc12a;
 }
 
 .search-item {
     padding-right: 20px;
     flex-grow: 2;
 }
 
 .search-item input {
     padding: 8px 12px;
     border: none;
     border-radius: 5px;
     background-color: #444;
     color: #ddd;
     width: 100%;
     max-width: 250px;
     transition: width 0.3s ease;
 }
 
 .search-item input:focus {
     outline: none;
 }
 
 .tab-content {
     display: none;
 }
 
 .tab-content.active {
     display: block;
 }
 
 .class-image {
     max-width: 30px;
     height: auto;
 }
 
 .leaderboard {
     max-width: 1600px;
     /* Augmentez la largeur maximale selon vos besoins */
     margin: 20px auto;
     border-radius: 10px;
     overflow: hidden;
 }
 
 .class-image {
     width: 30px;
     /* Ajustez la largeur selon vos besoins */
     height: auto;
     /* Conserve le ratio d'aspect original */
     margin-bottom: 5px;
     /* Optionnel : pour ajouter un petit espace sous l'image */
 }
 
 table {
     width: 100%;
     border-collapse: collapse;
     margin: 0;
     padding: 0;
 }
 
 table th,
 table td {
     border: 1px solid #9bc12a;
     padding: 15px;
     text-align: center;
 }
 
 table th {
     background-color: #9bc12a;
     color: #333;
     font-weight: bold;
 }
 
 table tr:nth-child(even) {
     background-color: #333;
 }
 
 table tr:hover {
     background-color: #333;
     transition: background-color 0.3s;
 }
 
 .menu-icon {
     width: 20px;
     /* Ajustez la largeur selon vos besoins */
     height: auto;
     /* Maintient le ratio d'aspect de l'image */
     margin-right: 10px;
     /* Espace entre l'icône et le texte */
     vertical-align: middle;
     /* Aligne l'icône verticalement avec le texte */
 }