:root {
  --height-emission-liste: 10em;
}

.emission-liste {
  min-height: var(--height-emission-liste);
  background-color: var(--color-light);
  display:flex;
  flex-flow: row nowrap;
}

.emission-liste .emission--image {
  font-size: 0;
}
.emission-liste .emission--image img {
  border-right: 2px solid var(--color-accent);
  font-size: 1rem;
  height: var(--height-emission-liste);
  width: auto;
}

.emission-liste .emission--infos {
  display: flex;
  flex-flow: column nowrap;

  flex: 1;
}

.emission-liste .emission--titre {
  background: url('../../img/motif_triangle_simple.svg') repeat-x center/1em;
  text-transform: uppercase;
  padding-left: 1rem;
  font-size: 1.7em;
  font-weight: 900;
  margin-top: 0.2em;
}

.emission-liste .emission--soustitre {
  font-style: italic;
  font-size: 1.2em;
  font-weight: 700;
  padding-left: 1rem;
}

.emission-liste .emission--description {
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}

.emission-liste .emission--description p {
  margin: 0;
}

.emission-liste .emission-liste--horaires {
  padding-left: 1rem;
  padding-bottom: 0.5rem;
  margin-top: auto;
}

.emission-liste .prochaine-emission-short {
  padding-left: 1rem;
}

.emission-liste .emission-liste--horaires span {
  display: block;

  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 700;
  color: var(--color-dark);
}
@media only screen and (max-width: 56em) {

  .emission-liste {
    font-size: 1.9vw;

    --height-emission-liste: 14.5vw;
  }

  .emission-liste .prochaine-emission-short {
    display: none;
  }

}
@media only screen and (max-width: 38em) {
  .emission-liste {
    font-size: 2.9vw;
  }
  .emission-liste .emission-liste--horaires {
    display: none;
  }
}