/* Conteneur pour le bouton */
#printButtonContainer {
  text-align: center; /* Centrer horizontalement le bouton */
  margin: 0;
}

/* Style du bouton d'impression */
#printButton {
  padding: 20px 10px;
  background-color: #4CAF50;
  color: white;
  border: none;
  font-size: 16px;
  border-radius: 70px;
}

/* Style de la pop-up fixe */
#popupMessage {
  background-color: rgba(0, 0, 0, 0.3); /* Fond sombre avec plus de transparence */
  color: white;
  padding: 2px 10px; /* Réduit encore le padding pour une bulle plus petite */
  border-radius: 8px;
  font-size: 12px; /* Taille de la police plus petite */
  position: fixed;  /* Fixe la pop-up en bas de l'écran */
  bottom: 10px;     /* Légèrement au-dessus du bas */
  left: 61%;        /* Centrer horizontalement */
  transform: translateX(-50%); /* Ajuste pour compenser la largeur du message */
  display: none;    /* Masquer par défaut */
  z-index: 999;     /* S'assurer que la pop-up est au-dessus des autres éléments */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  width: auto;      /* Ajuste la largeur du conteneur au texte */
  max-width: 80%;    /* Limite la largeur à 80% de l'écran */
  text-align: center; /* Centre le texte horizontalement */
  white-space: nowrap; /* Empêche le texte de passer à la ligne */
  overflow: hidden;   /* Cache le texte excédentaire */
  text-overflow: ellipsis; /* Ajoute des "..." si le texte est trop long */
  
  /* Utilisation de Flexbox pour le centrage vertical et horizontal */
  display: flex;
  align-items: center; /* Centrage vertical */
  justify-content: center; /* Centre horizontalement le texte */
  
  /* Ajustez cette valeur pour régler la hauteur du texte */
  padding-top: 3px !important; /* Réduisez encore pour un centrage plus serré */
  padding-bottom: 3px; /* Réduit la hauteur de la bulle */
  height: auto; /* Hauteur automatique selon le contenu */
  max-height: 20px; /* Limite la hauteur maximale de la bulle à 20px */
}

/* Afficher la pop-up lorsque l'utilisateur a son curseur sur la page */
body:hover #popupMessage {
  display: block;  /* Affiche la pop-up lorsque le curseur est sur la page */
}