body {
  background-color: var(--adulte-bg);
}

p {
  text-align: justify;
  margin-bottom: 10px;
}
h3 {
  margin-top: 0;
  margin-bottom: 30px;
}
h4 {
  margin: 0;
}

.container-text-img,
.container-img-text {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 80%;
  margin: 0 auto;
}

.container-text-img .text {
  flex: 1 1 0;
  min-width: 0;
  margin-right: 1.25rem;
}

.container-text-img p {
  margin: 0;
  margin-bottom: 10px;
  max-width: 100%;
  text-align: justify;
}

.container-text-img .text * {
  text-align: justify;
  font-family: "Oxygen", sans-serif;
}

/*
 * Blocs texte + image : tout le contenu dans .text, image centrée verticalement
 * sur la hauteur du bloc (accompagnement psychologique, psychothérapie).
 */
@media only screen and (min-width: 769px) {
  .accompagnement-psychologique-texte-img.container-text-img,
  .psychotherapie-text-img.container-text-img {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  main article .accompagnement-psychologique-texte-img > img,
  main article .psychotherapie-text-img > img {
    align-self: center;
    flex-shrink: 0;
  }
}

.text {
  margin: 10px 0;
}
.text * {
  text-align: start;
  font-family: "Oxygen", sans-serif;
}

/* taille des images texte + img : css/blocs-texte-image.css */
.container-text-img-under {
  align-items: center;
  max-width: 80%;
  margin: 0 auto;
}
.container-text-img-under p {
  text-align: center;
}

/* « La psychothérapie » : intro + bloc texte + image */
article.container-text-img-under > p {
  text-align: justify;
}

.container-text-img-under .text li {
  list-style-type: disc;
  margin: 0 55px;
}

/* « Les raisons pour consulter » : image à gauche, liste à droite (≥768px) */
.container-raisons-pour-consulter .container-text-img-under {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.container-raisons-pour-consulter .container-text-img-under .text {
  width: 100%;
}

.container-raisons-pour-consulter .container-text-img-under .img {
  flex-shrink: 0;
}

@media only screen and (min-width: 768px) {
  /* Intro : pas d’alinéa / largeur 80 % du global (sinon décalage à gauche) */
  article.container-raisons-pour-consulter > p {
    text-indent: 0;
    max-width: 100%;
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
  }

  .container-raisons-pour-consulter .container-text-img-under {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 1100px;
    padding: 0;
    box-sizing: border-box;
  }

  .container-raisons-pour-consulter .container-text-img-under .text {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
  }

  .container-raisons-pour-consulter .container-text-img-under .text li {
    margin: 0 0 0 40px;
  }

  .container-raisons-pour-consulter .container-text-img-under .img {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.en-savoir-plus {
  position: inherit;
  font-size: 1em;
  font-weight: bold;
  max-width: 80%;
  margin: auto;
  margin-top: 10px;
  text-align: end;
}

@media only screen and (max-width: 768px) {
  .container-text-img,
  .container-text-img,
  .container-img-text {
    flex-direction: column;
    max-width: 95%;
  }
  .container-text-img-under {
    max-width: 95%;
  }
  .container-text-img-under .text li {
    margin: 0 15px;
  }
}