/* Corrections additives pour les pages detail du CMS Portfolio.
   Ces classes existent dans le projet Webflow mais n'ont jamais ete finies :
   elles n'etaient pas visibles tant que la collection etait vide.
   Ce fichier est charge APRES nova-7385cd.webflow.css et ne le modifie pas :
   il survit donc a un nouvel export Webflow. */

/* .eee (titre de section "ADS" / "short" / "Video sponsorisee") porte un
   margin-left: -722px qui projette le texte hors de l'ecran des qu'il est
   rempli. On le ramene sur la colonne de texte du reste de la page (800px). */
.eee {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  align-items: flex-start;
}

/* .ghhhh (titre de section "Miniature") : meme colonne, sans le padding de
   176px qui le desaligne du reste. */
.ghhhh {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

/* .eee-copy (legendes "exemple N") : le margin-left: 180px fixe deborde sur
   mobile ; on l'aligne sur la meme colonne. */
.eee-copy {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

/* .image-4 / .image-5 (visuels de miniatures) n'avaient aucune regle :
   on les cadre sur la meme colonne que le texte. */
.image-4,
.image-5 {
  display: block;
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 16px auto 48px;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .eee,
  .ghhhh,
  .eee-copy,
  .image-4,
  .image-5 {
    padding-left: 20px;
    padding-right: 20px;
  }
}