body {
    font-family: sans-serif;
    margin: 0;
    background:linear-gradient(to left, #14027d, #001d46);
    }

.banniere{
    padding: 100p;}

h1 {
    color: white;
    text-align: center;}

h2 {
    color: white;
    text-align: center;}

p{color: white;}

a{color: whitesmoke;}

.container {
            display: flex;
           }
.image {
            margin-right: 30px; /* Espace entre l'image et le texte */
        }
/*------------------------------------------------------------------------------*/
@media (max-width: 768px) {
    .container {
        flex-direction: column; /* Empile le contenu sur mobile */
    }
    
    .responsive-image {
        width: 100%; /* Image prend 100% de la largeur sur mobile */
    }

    .content {
        width: 100%; /* Contenu prend 100% de la largeur sur mobile */
        padding: 10px; /* Réduit le padding */
    }
}

.responsive-image {
    width: 50%; /* Image prend 50% de la largeur de l'écran sur PC */
    height: auto;
}

.content {
    width: 50%; /* Contenu prend 50% de la largeur de l'écran sur PC */
    padding: 20px;
}
/*------------------------------------------------------------------------------*/
    
.texte-deroulant {
            white-space: nowrap; /* Ne pas laisser le texte passer à la ligne */
            overflow: hidden; /* Cacher le débordement */
            box-sizing: border-box;
            padding: 600p;
            color: white;
 /* Inclure le padding et la bordure dans la largeur/hauteur */
            animation: defilement 20s linear infinite; /* Animation */
        }

        @keyframes defilement {
            from {
                transform: translateX(50%); /* Commence à droite */
            }
            to {
                transform: translateX(-50%); /* Termine à gauche */
            }
        }
/*------------------------------------------------------------------------------*/
 .clignotant {
            animation: clignoter 1s linear infinite;
        }

        @keyframes clignoter {
            0% { opacity: 1; }
            50% { opacity: 0; }
            100% { opacity: 1; }
        }