.bandeau
		{
		background-color:rgba(255, 255, 255, 1);
		width:100%;
		text-align:center;
		font-size:35px;
		border-style: solid;
		border-radius:5px;
		color:#DAA520;
		height:35px;
		top: 0;
       right: 0;
       position: fixed;
       z-index: 3000;
		}
      body {
        background-image: url("/img.jpeg");
		background-repeat: no-repeat;
		background-size:     cover;
   	 	background-repeat:   no-repeat;
    	background-position: center center;    
        color: white;
        font-size: 2em;
        margin: 0;
        padding: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
		  min-height: 100%;
      }
      #generique {
		  background-color: #01010175;
        display: flex;
        flex-direction: column-reverse;
        animation: defilement 20s linear infinite;
      }
      #generique p {
        margin: 0;
        padding: 0;
        white-space: nowrap;
        transform: translateY(200%);
        transition: transform 20s linear;
      }
      @keyframes defilement {
        0% {
          transform: translateY(100%);
        }
        100% {
          transform: translateY(-100%);
        }
      }

<!-- Dans ce code, chaque ligne est initialement positionnée en bas de la div conteneur grâce à transform: translateY(100%). Pendant l'animation, chaque ligne se déplace progressivement vers le haut jusqu'à sortir de la div conteneur, puis elle réapparaît en bas avec une nouvelle ligne.

Le défilement est plus fluide grâce à la transition transform 20s linear, qui fait en sorte que chaque ligne se déplace en 20 secondes avec une vitesse linéaire constante. Vous pouvez ajuster la valeur de cette transition pour contrôler la vitesse de défilement. -->