
<style>
  .icon-white {
    color: white;
  }

  .icon-link {
    text-decoration: none; /* Supprime le soulignement */
    color: white; /* Couleur blanche */
    font-size: 24px;
    margin-top: 20px; /* Espace au-dessus */
    margin-bottom: 20px; /* Espace en dessous */
  }

  .icon-link:hover {
  color: white; /* Garde le blanc au survol */
   }

  .logo-img {
    padding-left : 80px;  
    padding-top  : 15px;  
  }

.uk-navbar-right a:last-child {
  margin-right: 30px; /* Ajoute un espace à droite */
}

.uk-alert {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #;
    background-color: #F6F5F8;
}

.uk-navbar-right {
    padding-right: 15px; /* Ajustez la valeur selon vos besoins */
}

.uk-button.uk-button-danger {
    background-color: #bf2828; /* Remplacez par la couleur souhaitée */
    color: white; /* Assurez-vous que le texte reste lisible */
    border-color: #bf2828; /* Mettez à jour la bordure pour correspondre */
}

    .card-hover {
        border: 1px solid transparent; /* Bordure par défaut invisible */
        transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Transition fluide */
    }
    .card-hover:hover {
        border-color: red; /* Bordure rouge au survol */
        box-shadow: 0 4px 8px rgba(255, 0, 0, 0.3); /* Optionnel : légère ombre rouge pour effet visuel */
    }

    .icon-hover {
        color: inherit; /* Couleur par défaut héritée du contexte */
        transition: color 0.3s ease; /* Animation fluide lors du changement de couleur */
        }
    .icon-hover:hover {
        color: #BF2828; /* Couleur rouge au survol */
        }

    .rouge-kairos {
            color : bf2828;
        }

    .dotted-line {
            border: none; /* Supprime la bordure par défaut */
            border-top: 1px dotted #000; /* Ligne composée de petits points */
            margin: 20px 0; /* Espace vertical autour */
        } 

@keyframes scroll-text {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

</style>