/**
 * @file
   * EDSP : Feuille de styles communes aux contenus PRÊTS D'EXPOSITIONS.
 */

/*** IMAGE + TEXTES ***/

#corps-page .image img {
  width: 100%;
  height: auto;
}
#corps-page .credits {
  margin-top: 5px;
  padding-right: 10px;
  text-align: right;
  font-size: .9em;
}
#corps-page .textes {
  margin-top: 40px;
}
#corps-page .chapeau {
  margin-bottom: 80px;
  font-family: 'georgia-italic';
  font-size: 1.7em;
  font-weight: bolder;
}
#corps-page .texte {
  font-size: 1.15em;
}

/*** FEUILLETAGE ***/

#feuilletage .inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}
#feuilletage iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*** TEXTES ***/

#descriptif,
#tarifs {
  font-size: 1.15em;
}
#descriptif h3 {
  margin-bottom: 15px;
  font-family: 'soleil-extrabold';
  font-size: 1.25em;
}
#descriptif table td {
  padding: 0 10px 0 0;
  width: 50%;
}

/*** MODE D'EMPLOI ***/

#mode-emploi .infos {
  float: left;
  padding-top: 15px;
  width: 58%;
  font-style: italic;
  color: #919192;
}
#mode-emploi .liens {
  float: right;
  width: 38%;
}
#mode-emploi .liens > div {
  margin-bottom: 15px;
}

/*--------- >= 1360px ---------*/

@media only screen and (min-width: 1360px) {

  #feuilletage .inner {
    padding-top: 770px;
  }

}

/*--------- <= 940px ---------*/

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

  #mode-emploi .inner > div {
    float: none;
    width: 100%;
  }
  #mode-emploi .infos {
    margin-bottom: 20px;
  }

}