#phrase-box {
    width: 100%;
    padding: 10px;
    color: #000;
    text-align: center;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    /* position: absolute;
    top: 0px;
    left: 15%; */
    height: 50px;
    /* display: none; */
}

#phrase-bar {
    display: inline-block;
    /* animation: defilement 30s linear infinite; */
    /* will-change: transform; */
}

#phrase-box:hover #phrase-bar {
    animation-play-state: paused;
}

.tooltip.custom-tooltip + .tooltip-inner {
    max-width: 300px !important;
    font-size: 16px !important;
    background-color: #222; /* Couleur de fond personnalisée */
    color: #fff; /* Couleur du texte */
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

.tooltip.custom-tooltip + .arrow::before {
    background-color: #222; /* Couleur de la flèche */
}

/* @keyframes defilement {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
} */

.alert-dismissable .close {
    top: -5px;
    right: 0px;
}