#orchestrations
{
  font-family: "Quicksand", sans-serif;
  font-size: calc(15px + 0.390625vw);
  background-color: #fff8e16b;
}

#orchestrations .bandeau-titre
{
  position: relative;
  font-family: "Quicksand", sans-serif;
  font-size: calc(40px + 0.390625vw);
  text-align: center;
  color: white;
}

#orchestrations .bandeau-titre .texte
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

#orchestrations .bandeau-titre img { width: 100%; vertical-align: middle; }

#orchestrations #description
{
  font-size: calc(20px + 0.390625vw);
}

#orchestrations .orchestrations-contenu { padding: 0px; }
#orchestrations #description { padding: 100px 8vw; }

#orchestrations #explications
{
  padding: 100px 8vw;
  background: #DFD0B8;
}

#orchestrations #ecoute
{
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  padding: 0 8vw 100px 8vw;
  background: #DFD0B8;
  gap: 8px;
}

#orchestrations #ecoute .texte
{
  text-align: center;
  padding-right: 50px;
}

@media all and (max-width: 1200px)
{
  #orchestrations #ecoute
  {
    display: flex;
    flex-wrap: wrap;
    padding: 0 8vw 100px 8vw;
    background: #DFD0B8;
    gap: 8px;
  }

  #orchestrations #ecoute .texte
  {
    text-align: center;
    padding-right: 0;
  }

  #orchestrations #ecoute div
  {
    width: 100%;
  }
}

#orchestrations .titre
{
  background: #DFD0B8;
  padding: 100px 200px 0 200px;
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  font-size: calc(30px + 0.390625vw);
  font-weight: bold;
}

#orchestrations #ecoute .titre
{
  padding: 0;
}