/* Texte defilant */
.cadre_flashinfo {
    display: flex;            /* Active le flexbox pour le conteneur */
    justify-content: space-between; /* Écarte les éléments enfants: l'un à gauche et l'autre à droite */
    border: 2px solid #008000; 
    margin-top: 5px;
    padding: 0px;
    width: 100%;
}

.image_flash {
    flex: 1;                  /* Utilisation de flex pour la réactivité. Cela prendra par défaut 1 fraction de l'espace disponible */
    text-align: center;       /* Centrer le texte horizontalement */
    background-color: #ff0000; /* Un arrière-plan pour le distinguer */
    border: 1px solid #f5f5f5;   /* Une bordure pour le style */
    padding: 3px;             /* Un peu de padding pour l'esthétique */
    width: 2px;
}

.scrolling-text {
    flex: 2;                  /* Occupe deux fois plus d'espace que .image_flash */
    overflow: hidden;         /* Cache le texte débordant */
    white-space: nowrap;      /* Empêche le texte de passer à la ligne */    
    margin-top: 5px;
}

.scrolling-text span {
    display: inline-block;
    animation: scrolling 120s linear infinite; /* Augmentation extrême de la durée de l'animation à 120s */
}

@keyframes scrolling {
    from {
        transform: translateX(100%); /* Le texte commence à droite, hors de vue */
    }
    to {
        transform: translateX(-100%); /* Le texte finit à gauche, hors de vue */
    }
}

/* Texte defilant FIN */