.eoh-text-presentation{
  margin-left: 20%;
  margin-right: 20%;
  text-align: center;
  padding-top: 2em;
}
.eoh-iframe-container {
    position: relative;
    overflow: hidden;
    width: 70%;  
    margin: 4em auto;  
    padding-top: 33.75%; 
  }
  
  .eoh-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  #img_band{
    width: 100%;
  }

  #title_name {
    background-image: url('../img/eoh_name1.png');
    background-size: contain;
    background-repeat: no-repeat;
    align-self: center;
    background-position: center; 
    height: 150px; 
    margin-bottom:5em;
}

.eoh-text-presentation-separator
{
  margin-left: 30%;
  margin-right: 30%;
}

.eoh-dates{
  width: 100%;
  margin-top: 5em;
  margin-bottom:5em;
  text-align: center;
}

  @media only screen and (max-width: 768px) {

    #title_name {
      background-image: url('../img/eoh_name2.png');
  }

    .eoh-iframe-container {
      width: 100%;  /* Largeur de 100% pour les petits écrans */
      margin-top: 2em;  /* Marge supérieure de 2em */
      padding-top: 56.25%;  /* Rapport hauteur/largeur 16:9 */
    }

    .eoh-text-presentation{
      margin-left: 10%;
      margin-right: 10%;
      text-align: center;
    }
    
.eoh-text-presentation-separator
{
  margin-left: 10%;
  margin-right: 10%;
}
  }