.text-over {
    position: absolute;
    right: 50%;
    top: 50%;
    text-align: center;
    color: white;
    word-wrap: break-word;
    display: block;
}

.myButton {
    background-color: black;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    cursor: pointer;
    border-radius: 8px;
    display: block;
  }

  .myButton2 {
    background-color: gray;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
  }

  button {
    background-color: whitesmoke;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
  }

  .bouton1 {
    color: black;
    position: absolute; /* Position absolue pour le bouton */
    top: 80%; /* Ajuste la position verticale */
    left: 10%; /* Ajuste la position horizontale */
    transform: translate(-50%, -50%); /* Centre le bouton par rapport au conteneur */
    padding: 10px 20px; /* Ajoutez du padding pour le bouton */
    background-color: #ffffff; /* Couleur de fond du bouton */
    color: #000000; /* Couleur du texte du bouton */
    border: 1px solid #000000; /* Bordure du bouton */
    border-radius: 5px; /* Arrondi les coins du bouton */
  }

  body {
    background-color: black; /* Définit la couleur de fond en noir */
    color: white; /* Change la couleur du texte pour le contraste */
}
  
.container {
  position: relative;
  display: inline-block; 
}

.centered-img {
  display: block; /* Transforme l'image en bloc pour pouvoir définir des marges */
  margin: 0 auto; /* Auto pour les marges gauche et droite pour centrer l'image */
}

.plus {
  position: absolute; /* Position absolue pour le bouton */
  top: 80%; /* Ajuste la position verticale */
  left: 17%; /* Ajuste la position horizontale */
  transform: translate(-50%, -50%); /* Centre le bouton par rapport au conteneur */
  padding: 10px 20px; /* Ajoutez du padding pour le bouton */
  color: #000000; /* Couleur du texte du bouton */
}

.aime {
  position: absolute; /* Position absolue pour le bouton */
  top: 80%; /* Ajuste la position verticale */
  left: 22%; /* Ajuste la position horizontale */
  transform: translate(-50%, -50%); /* Centre le bouton par rapport au conteneur */
  padding: 10px 20px; /* Ajoutez du padding pour le bouton */
  color: #000000; /* Couleur du texte du bouton */
}

.mot {
  color: green;
}

.align-right {
  text-align: right;
}
.align {
  text-align: right;
}

.encadre {
  border: 1px solid #000; /* Bordure de l'encadré */
  padding: 30px; /* Espacement intérieur de l'encadré */
  width: 800px; /* Largeur de l'encadré */
  background-color: gray;
}

.image-left {
  float: left; /* Alignement à gauche */
  margin-right: 30px; /* Espace entre l'image et le texte */
}


.encadre2 {
  border: 1px solid #000; /* Bordure de l'encadré */
  padding: 30px; /* Espacement intérieur de l'encadré */
  width: 800px; /* Largeur de l'encadré */
  background-color: black;
}

.image2-left {
  float: left; /* Alignement à gauche */
  margin-right: 30px; /* Espace entre l'image et le texte */
}