@charset "utf-8";
/* CSS Document */

@media (max-width: 768px) {
	table.table {
		font-size: 12px; /* Réduire la taille de la police */
  }
}
  th, td {
    white-space: nowrap; /* Éviter que le texte ne soit coupé */
  }

  /* Ajout d'un style spécifique pour les colonnes */
  td:first-child { /* DATE */
    font-weight: normal;
    color: black; /* Bleu pour la date */
  }

	table td:nth-child(3) {
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }
	.hover-bg:hover {
		background-color: #e6f0ff; /* Choisis ta couleur */
		transition: background-color 0.3s; /* Pour un effet de transition fluide */
}
@keyframes dotAnimation {
            0% {
                visibility: hidden;
            }
            33% {
                visibility: visible;
            }
            66% {
                visibility: visible;
            }
            100% {
                visibility: hidden;
            }
        }

        .animated-dots {
            display: inline-block;
            font-weight: normal;
            animation: dotAnimation 1.5s steps(1) infinite;
        }

        /* Animation pour donner l'impression des trois points */
        .animated-dots:before {
            content: '.';
            animation: dotAnimation 1.5s steps(1) infinite;
        }

        .animated-dots:after {
            content: '..';
            animation: dotAnimation 1.5s steps(1) infinite;
        }
.gradient-btn {
    background: linear-gradient(45deg, #007bff, #00aaff); /* Dégradé bleu */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 25px; /* Bord arrondi */
    text-align: center;
    text-decoration: none; /* Enlever la décoration du lien */
    transition: all 0.3s ease;
  }

  .gradient-btn:hover {
    background: linear-gradient(45deg, #0066cc, #0099cc); /* Dégradé plus foncé au survol */
    transform: translateY(-2px); /* Légère élévation au survol */
  }

  .gradient-btn:active {
    background: linear-gradient(45deg, #005bb5, #0088b5); /* Dégradé encore plus foncé au clic */
    transform: translateY(0); /* Retour à la position normale */
  }