/* =========================================================
   PAGE ARTICLES
========================================================= */

body.page-articles-site {
  --art-bleu: #082d57;

  --art-vert: #159b86;
  --art-vert-fonce: #0e7568;
  --art-vert-pale: #e8f7f3;

  --art-texte: #263443;
  --art-texte-doux: #5d6b77;

  --art-bordure: #d5e7e3;

  --art-ombre:
    0 12px 32px
    rgba(8, 45, 87, 0.08);

  --art-ombre-hover:
    0 18px 40px
    rgba(8, 45, 87, 0.14);
}


body.page-articles-site
main.articles {
  width: 100%;

  margin: 0;

  padding:
    170px
    0
    4rem;

  background:
    linear-gradient(
      180deg,
      #f4faf8 0%,
      #ffffff 35%,
      #f8fbfa 100%
    );

  font-family:
    "Be Vietnam Pro",
    Arial,
    sans-serif;
}
body.page-articles-site main {
  padding-top: 165px;
}

body.page-articles-site .image-articles {
    width: 100%;

     padding: 0 1.5rem 4rem;

    box-sizing: border-box;

    background:
        linear-gradient(
            180deg,
            #f4faf8 0%,
            #ffffff 38%,
            #f6faf9 100%
        );

    color: #263443;

    text-align: left;
}
/* =========================================================
   INTRO ARTICLES
   ========================================================= */

body.page-articles-site
.intro-articles {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    330px;

  gap: 2rem;

  align-items: center;

  width:
    min(
      1160px,
      calc(100% - 2rem)
    );

  margin:
    0
    auto
    2rem;

  padding:
    1.8rem
    2.2rem;

  box-sizing: border-box;

  border:
    1px solid
    var(--art-bordure);

  border-radius: 30px;

  background:
    radial-gradient(
      circle at 92% 10%,
      rgba(21, 155, 134, 0.13),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #ffffff,
      var(--art-vert-pale)
    );

  box-shadow:
    0 17px 45px
    rgba(8, 45, 87, 0.10);
}


/* =========================================================
   TEXTE
   ========================================================= */

body.page-articles-site
.intro-articles-texte {
  min-width: 0;

  text-align: left;
}


body.page-articles-site
.surtitre-articles {
  margin:
    0
    0
    1.5rem;

  padding: 0;

  color:
    var(--art-vert-fonce);

  font-size: 1rem;
  font-weight: 850;

  line-height: 1.35;

  letter-spacing: 0.075em;

  text-transform: uppercase;
}


body.page-articles-site
.intro-articles h2 {
  margin:
    0
    0
    1.15rem;

  padding: 0;

  color:
    var(--art-bleu);

  font-size:
    clamp(
      2.5rem,
      4.8vw,
      4.2rem
    );

  line-height: 1.08;

  letter-spacing: -0.035em;

  text-align: left;
}


body.page-articles-site
.intro-articles-texte p:not(.surtitre-articles) {
  margin:
    0
    0
    0.85rem;

  padding: 0;

  color:
    var(--art-texte-doux);

  font-size: 1.05rem;

  line-height: 1.65;

  text-align: left;
}


body.page-articles-site
.texte-intro-articles {
  color:
    #364958 !important;

  font-size: 1.14rem !important;

  font-weight: 600;
}


/* =========================================================
   ARTICLES — IMAGE HARMONISÉE
   ========================================================= */

body.page-articles-site
.intro-articles-image {
  width: 100%;

  overflow: hidden;

  border-radius: 24px;

  box-shadow:
    0 13px 32px
    rgba(8, 45, 87, 0.12);
}

body.page-articles-site
.intro-articles-image img {
  display: block;

  width: 100%;
  height: 330px;

  margin: 0;

  object-fit: cover;
  object-position: center;

  border-radius: 0;
}
body.page-articles-site .note-traduction {
     
  width: fit-content;
  max-width: 85%;

  margin: 1.2rem auto 3rem;
  padding: 0.65rem 1rem;

  background: #f3f8f6;
  border: 1px solid #d5e5df;
  border-radius: 10px;

  color: #52645f;

  font-size: 0.9rem;
  line-height: 1.4;
  text-align: center;

  box-shadow: 0 3px 10px rgba(49, 79, 69, 0.05);
}


body.page-articles-site
.cadre-articles {
  width: 100%;

  max-width: none;

  margin: 0;

  padding:
    2rem
    2.3rem;

  box-sizing: border-box;

  border:
    1px solid
    var(--art-bordure);

  border-radius: 26px;

  background:
    #ffffff;

  box-shadow:
    0 12px 30px
    rgba(8, 45, 87, 0.08);
}
body.page-articles-site
.cadre-articles > h2:first-child {
  margin: 0 0 0.8rem;
  color: var(--art-bleu);
  font-size:
    clamp(
      2.1rem,
      4vw,
      3rem
    );

  line-height: 1.15;

  text-align: center;
}
body.page-articles-site
.cadre-articles > h2:first-child + p {
  margin:
    0
    auto
    2.5rem;

  padding: 0;

  max-width: 760px;

  color:
    var(--art-texte-doux);

  font-size: 1rem;

  line-height: 1.6;

  text-align: center;
}
body.page-articles-site
.cadre-articles > h2:not(:first-child) {
  margin:
    4rem
    0
    1.5rem;

  color:
    var(--art-bleu);

  font-size:
    clamp(
      1.8rem,
      3vw,
      2.4rem
    );

  line-height: 1.2;
}


body.page-articles-site
.cadre-articles > h2:not(:first-child)::after {
  content: "";

  display: block;

  width: 54px;
  height: 4px;

  margin-top: 0.7rem;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      var(--art-vert),
      #79cdbc
    );
}


/* =========================================================
   MENU CATÉGORIES STICKY - ARTICLES
   ========================================================= */

body.page-articles-site
.categories-emplacement {
  position: sticky;

  top: 140px;

  z-index: 100;

  width: 100%;

  margin:
    1.2rem 0
    1.5rem;

  text-align: center;
}

body.page-articles-site
nav.sections {
  position: relative;

  display: inline-block;
}


/* Bouton Catégories */

body.page-articles-site nav.sections .menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;

  min-width: 170px;
  padding: 0.65rem 1.25rem;

  border: none;
  border-radius: 999px;

  background: linear-gradient(
    135deg,
    var(--art-bleu),
    var(--art-vert-fonce),
    var(--art-vert)
  );

  color: #ffffff;

  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 0.9rem;
  font-weight: 700;

  cursor: pointer;

  box-shadow:
    0 7px 18px rgba(8, 45, 87, 0.16);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
body.page-articles-site nav.sections .menu-toggle:hover {
  transform: translateY(-2px);

  box-shadow:
    0 10px 24px rgba(8, 45, 87, 0.22);
}


/* Liste cachée */

body.page-articles-site
nav.sections .menu-liste {
  display: none;

  position: absolute;

  top: calc(100% + 0.45rem);
  left: 50%;

  width: 270px;

  margin: 0;
  padding: 0.45rem 0;

  transform: translateX(-50%);

  list-style: none;

  border: 1px solid #d7e4e0;
  border-radius: 16px;

  background: #ffffff;

  box-shadow: 0 12px 30px rgba(8, 45, 87, 0.18);

  z-index: 100;
}


/* Liste ouverte */

body.page-articles-site
nav.sections.show-menu .menu-liste {
  display: block;
}


/* Choix */

body.page-articles-site
nav.sections .menu-liste a {
  display: block;

  padding: 0.75rem 1rem;

  color: #263443;

  font-size: 0.93rem;
  font-weight: 650;
  line-height: 1.35;

  text-align: left;
  text-decoration: none;
}


/* Survol */

body.page-articles-site
nav.sections .menu-liste a:hover {
  background: #edf7f4;
  color: var(--art-vert-fonce);
}

.section-documents-zone {
  width: min(1050px, calc(100% - 2rem));

  margin: 2.5rem auto 4.5rem;
  padding: 2rem;

  box-sizing: border-box;

  background:
    linear-gradient(
      120deg,
      #ffffff 0%,
      #f5fbf9 45%,
      var(--art-vert-pale) 100%
    );

  border: 1px solid  var(--art-bordure);
  border-radius: 22px;

  box-shadow:var(--art-ombre);
}

.intro-documents-zone {
  width: min(700px, 100%);

  margin:
    0
    0
    1.8rem;

  padding: 0;

  color: #52645f;

  font-size: 1rem;
  line-height: 1.6;
}
.section-documents-zone .meta-article {
  margin: 0.45rem 0 0.75rem;
  padding: 0;

  font-size: 0.82rem;
  line-height: 1.3;

  color: #6b7d77;
}
.carte-article-zone-contenu {
  padding: 0.85rem 1rem 1rem;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.carte-article-zone h3 {
  margin: 0 0 0.35rem;

  font-size: 0.98rem;
  line-height: 1.35;
}
.carte-article-zone a {
  align-self: flex-start;

  margin-top: 0.55rem;
}




/* IMAGE — ARTICLES SCIENTIFIQUES */

.intro-section-scientifique {
  width: 650px;
  max-width: 90%;

  margin: 1.5rem auto 2rem;
}

.intro-section-scientifique img {
  display: block;

  width: 100%;
  height: auto;

  border-radius: 18px;

  box-shadow: 0 6px 20px rgba(49, 79, 69, 0.10);
}

.intro-section-scientifique img {
  display: block;

  width: 100%;

  margin: 1.5rem auto 2rem;

 
  object-position: center;

  border-radius: 18px;

  box-shadow: 0 6px 20px rgba(49, 79, 69, 0.10);
}


/* =========================================================
   CARTES SCIENTIFIQUES — VERSION HARMONISÉE
   ========================================================= */

.grille-articles-scientifiques {
  display: grid;
  grid-template-columns: repeat(2, 340px);

  justify-content: center;
  align-items: start;

  gap: 1.2rem;

  width: 100%;
  margin: 0 auto 3rem;
}

.carte-scientifique {
  width: 340px;
  box-sizing: border-box;

  padding: 1.1rem 1.3rem;

  background: linear-gradient(
    135deg,
    #f5fbf9 0%,
    #ffffff 70%
  );

  border: 1px solid #d9e5e1;
  border-radius: 14px;

  box-shadow: 0 5px 16px rgba(49, 79, 69, 0.08);

  height: auto;
  min-height: 0;

  box-shadow:
    0 5px 16px rgba(49, 79, 69, 0.08);
}

.carte-scientifique h3 {
  margin: 0 0 0.5rem;

  font-size: 1rem;
  line-height: 1.35;
}

.carte-scientifique .source-scientifique {
  margin: 0 0 0.55rem;
  padding: 0;

  color: var(--art-vert-fonce);

  font-size: 0.9rem;
  font-weight: 600;
}

.carte-scientifique p {
  margin: 0 0 0.6rem;
  padding: 0;

  font-size: 0.95rem;
  line-height: 1.45;
}

/* =========================================================
   ARTICLES DE PRESSE SPÉCIALISÉS
   ========================================================= */

.liste-presse-specialisee {
  width: min(900px, calc(100% - 2rem));

  margin: 2rem auto 4rem;
}

.carte-presse {
  width: 100%;
  padding: 1.2rem 1.8rem !important;

  background: linear-gradient(
    90deg,
    #edf6f2 0%,
    #f7faf9 35%,
    #ffffff 100%
  );

  border-left: 4px solid var(--art-vert);
  border-radius: 18px;

  box-shadow: 0 5px 18px rgba(49, 79, 69, 0.08);

  margin-bottom: 0.7rem;
}

.contenu-presse {
  flex: 1;
  min-width: 0;
}

.carte-presse h3 {
  margin: 0 0 0.25rem;
  padding: 0.7rem;
  font-size: 1.05rem;
  line-height: 1.35;
}

.carte-presse .source-presse {
  margin: 0 0 0.4rem;
  padding: 0.7rem;

  font-size: 0.9rem;
  font-weight: 600;
}


.carte-presse p {
  margin: 0;
  padding: 0.7rem;

  font-size: 0.95rem;
  line-height: 1.45;
}


.carte-presse a {
  display: inline-block;
  width: auto;

  margin-top: 0.4rem;
  padding: 0.45rem 0.9rem;

  color: var(--art-vert-fonce);
  background: #ffffff;

  border: 1px solid var(--art-vert);
  border-radius: 8px;

  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
}

.carte-presse a:hover {
  background: var(--art-vert);
  color: #ffffff;
}

.carte-presse + .carte-presse {
  margin-top: 0.45rem;
}

 

/* =========================================================
   BOUTONS "LIRE L'ARTICLE" — STYLE COMMUN
   ========================================================= */

.carte-article-zone a,
.carte-article-public a,
.carte-scientifique a,
.carte-presse a,
.carte-temoignage a {
  display: inline-flex;

  width: auto;

  padding: 0.55rem 1rem;

  align-items: center;
  justify-content: center;

  border: none;
  border-radius: 999px;

  background: linear-gradient(
    135deg,
    var(--art-vert-fonce),
    var(--art-vert)
  );

  color: #ffffff;

  font-size: 0.9rem;
  font-weight: 700;

  text-decoration: none;

  box-shadow:
    0 6px 16px
    rgba(8, 45, 87, 0.12);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.carte-article-zone a:hover,
.carte-article-public a:hover,
.carte-scientifique a:hover,
.carte-presse a:hover,
.carte-temoignage a:hover {
  transform: translateY(-2px);

  box-shadow:
    0 10px 22px
    rgba(8, 45, 87, 0.16);
}
.carte-article-zone a:visited,
.carte-article-public a:visited,
.carte-scientifique a:visited,
.carte-presse a:visited,
.carte-temoignage a:visited {
  color: #ffffff;
}
/* =========================================================
   TITRES DES SECTIONS ARTICLES
   ========================================================= */

#documentszonetdah,
#articlegrandpublic,
#articlesscientifiques,
#articlepressespecialisee,
#grandpublictemoignages {
  width: min(900px, calc(100% - 2rem));

  margin: 4rem auto 1.5rem;

  padding: 0;

  color: #2b3e58;

  text-align: left;
}


/* Petite ligne verte sous chaque titre */

#documentszonetdah::after,
#articlegrandpublic::after,
#articlesscientifiques::after,
#articlepressespecialisee::after,
#grandpublictemoignages::after {
  content: "";
  display: block;

  width: 70px;
  height: 4px;

  margin: 0.7rem 0 0;

  background: linear-gradient(
    90deg,
    var(--art-vert),
    var(--art-vert-fonce)
  );

  border-radius: 999px;
}

/* =========================================================
   PUBLIC ÉCLAIRÉ / TÉMOIGNAGES
   ========================================================= */

.liste-temoignages {
  width: min(800px, calc(100% - 2rem));

  margin:
    1.5rem auto
    4rem;

  display: grid;

  gap: 1rem;
}


.carte-temoignage {
  padding:
    1.3rem
    1.6rem;

  box-sizing: border-box;

  border:
    1px solid #d9e5e1;

  border-radius: 14px;

  background:
    linear-gradient(
      135deg,
      #eef6f3 0%,
      #f8fbfa 50%,
      #ffffff 100%
    );

  box-shadow:
    0 5px 18px
    rgba(49, 79, 69, 0.08);
}


.carte-temoignage h3 {
  margin:
    0
    0
    0.4rem;

  color: #2b3e58;

  font-size: 1.05rem;

  line-height: 1.4;
}


.carte-temoignage .source-temoignage {
  margin:
    0
    0
    0.6rem;

  padding: 0;

  color: var(--art-texte-doux);

  font-size: 0.9rem;

  font-weight: 650;
}


.carte-temoignage p {
  margin:
    0
    0
    0.8rem;

  padding: 0;

  line-height: 1.5;
}

.carte-temoignage a {
  display: inline-block;
  width: auto;

  margin-top: 0.45rem;
  padding: 0.5rem 0.95rem;

  border: 1px solid var(--art-vert);
  border-radius: 9px;

  background: #ffffff;
  color: var(--art-vert-fonce);

  font-size: 0.9rem;
  font-weight: 600;

  text-decoration: none;
}

.carte-temoignage a:visited {
  color: var(--art-vert-fonce);
}

.carte-temoignage a:hover {
  background:var(--art-texte-doux);
  color: #ffffff;
}

/* =========================================================
   DOCUMENTS ZONE TDAH — VERSION FINALE
   ========================================================= */

body.page-articles-site .section-documents-zone {
  width: min(1120px, calc(100% - 2rem));

  margin: 2.5rem auto 4.5rem;
  padding: 2rem;

  box-sizing: border-box;

  background:
    linear-gradient(
      110deg,
      #ffffff 0%,
      #f5fbf9 45%,
      var(--art-vert-pale) 100%
    );

  border: 1px solid var(--art-bordure);
  border-radius: 22px;

  box-shadow: var(--art-ombre);
}


/* Petit texte sous le titre */

body.page-articles-site .intro-documents-zone {
  width: 100%;

  margin: 0 0 1.5rem;
  padding: 0;

  color: var(--art-texte-doux);

  font-size: 0.95rem;
  line-height: 1.5;
}


/* 4 cartes sur grand écran */

@media (min-width: 1000px) {

  body.page-articles-site .grille-articles-zone {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 1.25rem;

    width: 100%;
    margin: 0;
  }


  body.page-articles-site .carte-article-zone {
    width: 100%;
    min-width: 0;

    overflow: hidden;

    background: rgba(255, 255, 255, 0.78);

    border: 1px solid var(--art-bordure);
    border-radius: 16px;

    box-shadow:
      0 6px 18px rgba(8, 45, 87, 0.06);
  }


  /* IMPORTANT : image horizontale compacte */

 body.page-articles-site .carte-article-zone img {
  display: block;

  width: 100%;
  height: 165px !important;

  object-fit: contain;
  object-position: center;

  background: #f3f8f6;

  border-radius: 0;
}
}


/* Texte dans la carte */

body.page-articles-site .carte-article-zone-contenu {
  display: flex;
  flex-direction: column;

  padding: 0.85rem 1rem 1rem;

  align-items: flex-start;
}


body.page-articles-site .carte-article-zone h3 {
  margin: 0 0 0.45rem;

  color: var(--art-texte);

  font-size: 0.95rem;
  line-height: 1.35;
}


/* Date discrète */

body.page-articles-site
.section-documents-zone
.meta-article {
  margin: 0 0 0.65rem;
  padding: 0;

  color: var(--art-texte-doux);

  font-size: 0.78rem;
  line-height: 1.3;
}


/* Bouton */

body.page-articles-site
.section-documents-zone
.carte-article-zone a {
  align-self: flex-start;

  margin-top: 0.15rem;
}

/* =========================================================
   DOCUMENTS ZONE TDAH
   ========================================================= */

/* Grand écran : 4 cartes */
@media (min-width: 1000px) {

  .grille-articles-zone {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 1.3rem;

    width: 100%;
    margin: 0 auto;
  }

  .carte-article-zone {
    width: 100%;
    min-width: 0;

    background: rgba(255, 255, 255, 0.72);

    border: 1px solid var(--art-bordure);
    border-radius: 16px;

    box-shadow:
      0 8px 22px rgba(8, 45, 87, 0.07);

    overflow: hidden;
  }

  .carte-article-zone img {
    display: block;

    width: 100%;
    height: 165px;

    object-fit: contain;
    object-position: center;

    background: #f7faf9;

    border-radius: 15px;
  }
}


/* Tablette : 2 cartes */
@media (min-width: 701px) and (max-width: 999px) {

  .grille-articles-zone {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 1.5rem;

    width: 100%;
  }

  .carte-article-zone {
    width: 100%;
  }

  .carte-article-zone img {
    display: block;

    width: 100%;
    height: 220px;

    object-fit: contain;

    background: #f7faf9;
  }
}
@media (max-width: 980px) {

  body.page-articles-site
  .intro-articles {
    grid-template-columns: 1fr;

    gap: 1.6rem;
  }


  body.page-articles-site
  .intro-articles-image {
    max-width: 650px;

    margin: 0 auto;
  }


  body.page-articles-site
  .intro-articles-image img {
    width: 100%;
    height: auto;

    object-fit: contain;
  }

}

/* =========================================================
   ARTICLES GRAND PUBLIC
   ========================================================= */

.grille-articles-public {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 360px));

  justify-content: center;
  align-items: start;

  gap: 2.5rem 2rem;

  width: 100%;
  margin: 1.5rem auto 3.5rem;
}


.carte-article-public {
  width: 100%;
  max-width: 360px;
  margin: 0;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #f5fbf9 55%,
      var(--art-vert-pale) 100%
    );

  border: 1px solid var(--art-bordure);
  border-radius: 16px;

  box-shadow: var(--art-ombre);
}


.carte-article-public img {
  display: block;

  width: calc(100% - 1.4rem);
  height: 165px;
  margin: 0.7rem auto 0;
  object-fit: contain;
  object-position: center;
}


.carte-article-public-contenu {
  padding-top: 0.9rem 1rem 1.1rem;
}


.carte-article-public h3 {
  margin: 1.2rem 2rem 0.5rem;

  font-size: 1.05rem;
  line-height: 1.35;
}

.carte-article-public .meta-article {
  margin: 1.2rem 1rem 1.35rem;
  padding: 0;

  color: var(--art-texte-doux);

  font-size: 0.9rem;
  line-height: 1.25;
}

.carte-article-public a {
  display: table;
  margin: 1.25rem auto 0.8rem;
  margin-bottom: 1rem;
}
.image-carte-public {
  display: flex;
  justify-content: center;

  width: 100%;
  height: 165px;

  margin: 0.7rem auto 0;

  background: transparent;
}


.image-carte-public img {
  display: block;

  width: auto !important;
  max-width: calc(100% - 1.4rem) !important;
  height: 165px !important;

  object-fit: contain;

  border-radius: 16px !important;

  /* Force réellement la découpe des coins */
  clip-path: inset(0 round 16px);
}
/* =========================================================
   ANCRES
   ========================================================= */

#documentszonetdah,
#articlegrandpublic,
#articlesscientifiques,
#articlepressespecialisee,
#grandpublictemoignages {
  scroll-margin-top: 280px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  body.page-articles-site
  main.articles {
    padding-top: 100px;
  }
body.page-articles-site
.intro-articles {
  width:
    calc(
      100% - 1rem
    );

  padding:
    1.4rem
    1.2rem;

  gap: 1.3rem;

  border-radius: 22px;
}

/* Enlever les bandes/blocs blancs dans l'intro Articles */

body.page-articles-site
.intro-articles-texte
p {
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}


body.page-articles-site
.surtitre-articles {
  margin-bottom: 1rem;

  font-size: 0.85rem;
}


body.page-articles-site
.intro-articles h2 {
  font-size: 2.25rem;

  line-height: 1.1;
}


body.page-articles-site
.intro-articles-texte p:not(.surtitre-articles) {
  font-size: 1rem;

  line-height: 1.55;
}


body.page-articles-site
.intro-articles-image img {
  width: 100%;
  height: auto;
}

  body.page-articles-site
  .image-intro-articles {
    width: 100%;
    height: auto;

    object-fit: contain;

    border-radius: 14px;
  }


  /* Documents Zone TDAH */

  .grille-articles-zone {
    display: grid;
    grid-template-columns: 1fr;

    gap: 1.5rem;
  }

  .carte-article-zone {
    width: 85%;
    max-width: 320px;

    margin: 0 auto;
  }

  .carte-article-zone img {
    width: 100%;
    height: auto;

    object-fit: contain;
  }


  /* Articles grand public */

  .grille-articles-public {
    grid-template-columns: 1fr;

    width: 100%;
    margin: 1.5rem auto 3rem;

    gap: 2.5rem;
  }

  .carte-article-public {
    width: 85%;
    max-width: 320px;
    margin: 0 auto;
  }

  .carte-article-public img {
    width: 100%;
    height: auto;
    border-radius: 14px;
  }


  /* Articles scientifiques */

  .intro-section-scientifique img {
    height: auto;
  }

  .grille-articles-scientifiques {
    grid-template-columns: 1fr;
  }

  .carte-scientifique {
    width: 100%;
    max-width: 450px;

    margin: 0 auto;
  }


  /* Presse spécialisée */

  .carte-presse {
    flex-direction: column;

    align-items: flex-start;

    gap: 0.7rem;

    padding: 1.1rem 0;
  }

  .carte-presse > a {
    align-self: flex-start;
  }


  /* Catégories */

  body.page-articles-site
  .categories-emplacement {
    top: 100px;
  }


  #documentszonetdah,
  #articlegrandpublic,
  #articlesscientifiques,
  #articlepressespecialisee,
  #grandpublictemoignages {
    scroll-margin-top: 155px;
  }
}