@font-face {
    font-family: 'unna';
    src: url(font/Unna/Unna-Bold.ttf);
  }

  @font-face {
    font-family: 'unnabolditalic';
    src: url(font/Unna/Unna-BoldItalic.ttf);
  }

  @font-face {
    font-family: 'montserratmedium';
    src: url(font/Montserrat/static/Montserrat-Medium.ttf);
  }

  @font-face {
    font-family: 'montserrat';
    src: url(font/Montserrat/static/Montserrat-Light.ttf);
  }
  
  body {
    background-size: cover;
    font-family: 'unna';
    position: relative;
    height: 100vh;
    width: 100vw;
}


body.eventsFr {
  background-image: url('images/Musee-orsay-events-fr.jpg');
}

body.eventsEn {
  background-image: url('images/Musee-orsay-events-en.jpg');
}

body.noEventFr {
  background-image: url('images/MUSEE D\'ORSAY - No-event-1-FR.jpg');
}
body.noEventEN {
  background-image: url('images/MUSEE D\'ORSAY - No-event-1-FR.jpg');
}

body.noMoreEventFr {
  background-image: url('images/MUSEE D\'ORSAY - No-more-event-2-FR.jpg');
}
body.noMoreEventEN {
  background-image: url('images/MUSEE D\'ORSAY - No-more-event-2-EN.jpg');
}



#time {
    font-size: 37em;
    top: 19%;
    position: absolute;
    left: 65%;
}

#date-day {
    width: 870px;
    position: absolute;
    top: 19.88%;
    font-size: 70px;
    right: 0;
    font-family: "montserratmedium";
    color: #fff;
    height: 209px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}



  #events-container {
    position: relative;
    top: 29.3%;
    height: 58.3%;
    display: flex;
    flex-direction: column;
  }

  #events-container .event {
    display: flex;
    justify-content: space-between;
  }

  #events-container .event .event-picture {
    width: 44%;
  }
  #events-container .event .event-picture img {
    width: 100%;
    max-height: 100%;
  }

  #events-container .event .event-content {
    display: flex;
    flex-direction: column;
    width: 51%;

  }

  #events-container .event .event-content .event-content-tag{
    font-size: 57px;
    text-transform: uppercase;
    margin-top: 24px;
    font-family: 'montserrat';
    padding-left: 15px;
    letter-spacing: -1px;
    height: 10%;
    margin-bottom: 0;
}

  #events-container .event .event-content .event-content-title{
    height: 75%;
    margin: 0;
    font-family: 'unnabolditalic';
    font-size: 80px;
    padding-left: 15px;
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    padding-right: 20%;
  }

  #events-container .event .event-content .event-content-time{
    height: 15%;
    margin: 0;
    display: flex;
    justify-content: space-between;
  }

  #events-container .event .event-content .event-content-time .time-picto{
    width: 80px;
    height: 80px;
    background-image: url(images/Fichier\ 9@3x.png);
    background-size: contain;
  }

  #events-container .event .event-content .event-content-time .time-hour{
    width: 85%;
    align-self: center;
    font-size: 57px;
    font-family: 'montserrat';

  }






  
  #events-container .event:first-child {
    height: calc(100% / 3 - 114px);
    padding-bottom: 114px;
  }
  #events-container .event:nth-child(2) {
    height: calc(100% / 3 - 114px);
    padding-top: 57px;
    padding-bottom: 57px;
  }
  #events-container .event:nth-child(3) {
    height: calc(100% / 3 - 114px);
    padding-top: 114px;
  }