/* ==================================================================================================
   ############ STYLE SPÉCIFIQUE À LA PAGE PROJET ####################################################
   ================================================================================================== */

/* ====================================
       STYLES DE LA PAGE PROJET
   ==================================== */

.exterieur-projet {
  align-items: stretch;
}

.texte-projet {
  justify-content: center;
  padding-top: 22px;
  padding-bottom: 22px;
}

.texte-projet p.projet {
  max-width: none;
  margin: 0 auto;
  font-size: clamp(1.12rem, 1.32vw, 1.28rem);
  line-height: 1.9;
  text-wrap: pretty;
}

.texte-projet p.projet .souligne {
  display: block;
  margin-bottom: 1.15rem;
}

/* ====================================
       PAGE PROJET - MOBILE / TABLETTE
   ==================================== */

@media (max-width: 760px), ((min-width: 761px) and (max-width: 900px) and (orientation: portrait)) {
  .texte-projet {
    justify-content: flex-start;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .texte-projet p.projet {
    max-width: none;
    font-size: 1.05rem;
    line-height: 1.75;
  }

  .texte-projet p.projet .souligne {
    margin-bottom: 0.9rem;
  }
}