/* diginov-signature carnetpsy.com cle=carnetpsy identite=c5734bd777ba59192c3853ff31fdbc3bda3dde80c129ee6ef81eb0901382a763 genere=2026-09-23 pied=encre */
/* Fichier genere par ops/smartmag-design/signature/generer.py : ne pas editer ici. */

@font-face {
  font-family: "Gelasio";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/gelasio-400.woff2") format("woff2");
}

@font-face {
  font-family: "Gelasio";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/gelasio-600.woff2") format("woff2");
}

@font-face {
  font-family: "Gelasio";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/gelasio-700.woff2") format("woff2");
}

@font-face {
  font-family: "Gelasio";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/gelasio-400i.woff2") format("woff2");
}

html body.diginov-media.diginov-media-carnetpsy {
  --dn-ink: #28202D;
  --dn-paper: #FFFDFB;
  --dn-paper-soft: #F6EEF4;
  --dn-accent: #A8497D;
  --dn-accent-2: #4E7055;
  --dn-line: #D9C4D1;
  --dn-muted: #6C5B69;
  --sig-accent: #A8497D;
  --sig-accent-text: #A8497D;
  --sig-accent-mark: #A8497D;
  --sig-accent-fill: #A8497D;
  --sig-on-accent: #FFFFFF;
  --sig-foot-bg: #F6EEF4;
  --sig-foot-text: #28202D;
  --sig-foot-muted: #554D59;
  --sig-foot-logo: url("logo-sombre.png");
  --sig-display-family: "Gelasio", Georgia, "Times New Roman", serif;
  --sig-body-family: "Gelasio", Georgia, "Times New Roman", serif;
}

/* ---- couche.css ---- */
/*
 * Couche commune de LISIBILITE, v1 du 23/09. Elle ne porte aucune DA : tout ce
 * qui se voit comme une identite (grille, titrage, couleurs de surface, home,
 * filets, pied) est ecrit media par media dans surcharges/<domaine>.css et
 * dediees/<domaine>/home.php. Demande de Marc : « survol et clarte identiques
 * sur les 150 », mais « pas de sites similaires ».
 *
 * Lecons d actuafoot.fr reprises ici :
 * - SmartMag fixe la racine a 14 px : un rem rend 12,5 % plus petit que prevu.
 *   Les tailles de lecture sont donc en px.
 * - Survol du menu : fond d accent et texte calcule pour 4,5 au moins, jamais
 *   l encre du media sur l accent (#07182d sur #304860 chez actuafoot).
 * - Le ::after des onglets recevait le fond d accent : sur « Plus », seul
 *   onglet dont le ::after porte un contenu (le chevron), un pave colore.
 *
 * Convention de bornage : chaque selecteur commence par
 *     html body.diginov-media
 * immediatement suivi du marqueur forme de deux soulignes, du mot MEDIA et de
 * deux soulignes. generer.py remplace ce marqueur par .diginov-media-<cle>.
 *
 * Jetons disponibles (definis par generer.py sur le meme selecteur) :
 *   --dn-accent --dn-accent-2 --dn-on-accent --dn-ink --dn-paper
 *   --dn-paper-soft --dn-muted --dn-line --dn-display --dn-body (et autres --dn-*)
 *   --sig-accent --sig-accent-text --sig-accent-mark --sig-accent-fill
 *   --sig-on-accent --sig-foot-bg --sig-foot-text --sig-foot-muted
 *   --sig-foot-logo --sig-display-family --sig-body-family
 */

/* Menu principal et sous-menus : survol et focus lisibles partout. */
html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .menu li > a:hover,
html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .menu li > a:focus-visible,
html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .menu > li:hover > a,
html body.diginov-media.diginov-media-carnetpsy .off-canvas .mobile-menu li > a:hover,
html body.diginov-media.diginov-media-carnetpsy .off-canvas .mobile-menu li > a:focus-visible {
  background: var(--sig-accent-fill) !important;
  color: var(--sig-on-accent) !important;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation .menu > li > a::after {
  background: none !important;
  color: inherit !important;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .sub-menu li > a {
  font-size: 15px;
  line-height: 1.35;
  padding-top: 9px;
  padding-bottom: 9px;
}

/* Focus clavier visible sur tout lien et tout bouton. */
html body.diginov-media.diginov-media-carnetpsy a:focus-visible,
html body.diginov-media.diginov-media-carnetpsy button:focus-visible,
html body.diginov-media.diginov-media-carnetpsy input:focus-visible {
  outline: 2px solid var(--sig-accent-mark) !important;
  outline-offset: 2px;
}

/* Lecture d article : corps a 18 px, interligne ample, liens reperables. */
html body.diginov-media.diginov-media-carnetpsy .entry-content {
  font-size: 18px;
  line-height: 1.7;
}

html body.diginov-media.diginov-media-carnetpsy .entry-content p,
html body.diginov-media.diginov-media-carnetpsy .entry-content li {
  font-size: 18px;
  line-height: 1.7;
}

html body.diginov-media.diginov-media-carnetpsy .entry-content a:not([class]) {
  color: var(--sig-accent-text);
  text-decoration: underline;
  text-decoration-color: var(--sig-accent-mark);
  text-underline-offset: 3px;
}

html body.diginov-media.diginov-media-carnetpsy .entry-content a:not([class]):hover {
  text-decoration-thickness: 2px;
}

/* Planchers de taille : meta, etiquettes de rubrique, extraits, fil d Ariane. */
html body.diginov-media.diginov-media-carnetpsy .post-meta,
html body.diginov-media.diginov-media-carnetpsy .post-meta a,
html body.diginov-media.diginov-media-carnetpsy .post-meta time,
html body.diginov-media.diginov-media-carnetpsy .post-meta span,
html body.diginov-media.diginov-media-carnetpsy .breadcrumbs,
html body.diginov-media.diginov-media-carnetpsy .breadcrumbs a {
  font-size: max(13px, 1em);
}

html body.diginov-media.diginov-media-carnetpsy .cat-labels a {
  font-size: 12px;
  letter-spacing: 0.04em;
}

html body.diginov-media.diginov-media-carnetpsy .excerpt,
html body.diginov-media.diginov-media-carnetpsy .excerpt p {
  font-size: 15px;
  line-height: 1.55;
}

@media (max-width: 767px) {
  html body.diginov-media.diginov-media-carnetpsy .entry-content,
  html body.diginov-media.diginov-media-carnetpsy .entry-content p,
  html body.diginov-media.diginov-media-carnetpsy .entry-content li {
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.diginov-media.diginov-media-carnetpsy * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* Burger mobile : les barres suivent la couleur du bouton. Le theme enfant
 * fixe --c-hamburger par composition historique (papier pour gameup, sur un
 * en-tete alors sombre) : sous une DA dediee a en-tete clair, l icone
 * devenait blanche sur blanc (game-up, bitcoinmatin, releve du 23/09). */
html body.diginov-media.diginov-media-carnetpsy #smart-head-mobile .offcanvas-toggle,
html body.diginov-media.diginov-media-carnetpsy #smart-head-mobile .offcanvas-toggle .hamburger-icon {
  --c-hamburger: currentColor !important;
}

/* ---- surcharges/carnetpsy.com.css ---- */
/*
 * carnetpsy.com : DA « livre d essai a notes de marge ». Papier #FFFDFB, encre
 * #28202D, prune #A8497D, sauge #4E7055, papier doux #F6EEF4, trait #D9C4D1.
 * Gelasio pour les titres et la lecture, Inter pour l interface.
 * Motif : colonne de marge (rubrique, date, signature) separee du texte par un
 * filet prune, medaillons ovales, titres de section en italique sous filet fin.
 */

html body.diginov-media.diginov-media-carnetpsy {
  --cp-ink: #28202D;
  --cp-plum: #A8497D;
  --cp-sage: #4E7055;
  --cp-paper: #FFFDFB;
  --cp-soft: #F6EEF4;
  --cp-line: #D9C4D1;
  --cp-grey: #6C5B69;
  --cp-serif: "Gelasio", Georgia, serif;
  --cp-ui: "Gelasio", Georgia, serif;
  background: var(--cp-paper);
  color: var(--cp-ink);
}

/* ------------------------------------------------------------ en-tete */
html body.diginov-media.diginov-media-carnetpsy #smart-head .smart-head-mid {
  background: var(--cp-paper) !important;
  border-bottom: 1px solid var(--cp-line) !important;
  border-image: none !important;
  box-shadow: none !important;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .smart-head-top {
  border-image: none !important;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .menu > li > a {
  color: var(--cp-ink) !important;
  font-family: var(--cp-serif);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .menu > li > a:hover,
html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .menu > li > a:focus-visible,
html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .menu > li:hover > a {
  color: var(--cp-plum) !important;
  font-style: italic;
  text-decoration: underline;
  text-decoration-color: var(--cp-plum);
  text-decoration-thickness: 1px;
  text-underline-offset: 7px;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .menu > li > a::before,
html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .menu > li > a::after {
  background: transparent !important;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .sub-menu {
  background: var(--cp-paper) !important;
  border: 1px solid var(--cp-line) !important;
  border-top: 2px solid var(--cp-plum) !important;
  box-shadow: 0 12px 28px rgba(40, 32, 45, 0.12);
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .sub-menu a {
  color: var(--cp-ink) !important;
  font-family: var(--cp-serif);
  font-size: 16px;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .sub-menu a:hover,
html body.diginov-media.diginov-media-carnetpsy #smart-head .navigation-main .sub-menu a:focus-visible {
  color: var(--cp-plum) !important;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .search-icon,
html body.diginov-media.diginov-media-carnetpsy #smart-head .offcanvas-toggle {
  color: var(--cp-ink) !important;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .search-icon:hover,
html body.diginov-media.diginov-media-carnetpsy #smart-head .search-icon:focus-visible {
  color: var(--cp-plum) !important;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .search-form input,
html body.diginov-media.diginov-media-carnetpsy #smart-head .search-field {
  background: var(--cp-paper) !important;
  border: 1px solid var(--cp-grey) !important;
  border-radius: 999px !important;
  color: var(--cp-ink) !important;
  font-size: 15px;
}

html body.diginov-media.diginov-media-carnetpsy #smart-head .search-form button,
html body.diginov-media.diginov-media-carnetpsy #smart-head .search-submit {
  color: var(--cp-ink) !important;
}

html body.diginov-media.diginov-media-carnetpsy .off-canvas .mobile-menu li > a {
  font-family: var(--cp-serif);
  font-size: 18px;
}

/* ------------------------------------------------------------ fil d Ariane */
html body.diginov-media.diginov-media-carnetpsy .dn-breadcrumb {
  color: var(--cp-grey);
  font-family: var(--cp-ui);
  font-size: 15px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-breadcrumb a {
  color: var(--cp-plum);
  text-decoration: underline;
  text-underline-offset: 3px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-breadcrumb a:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-breadcrumb a:focus-visible {
  color: var(--cp-ink);
}

/* ------------------------------------------------------------ home */
html body.diginov-media.diginov-media-carnetpsy .dn-cp {
  display: block;
  background: var(--cp-paper);
  color: var(--cp-ink);
  font-family: var(--cp-serif);
  padding: 0 0 80px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp h2,
html body.diginov-media.diginov-media-carnetpsy .dn-cp h3 {
  margin: 0;
  color: var(--cp-ink);
  font-family: var(--cp-serif);
  font-weight: 700;
  letter-spacing: 0;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp h2 a,
html body.diginov-media.diginov-media-carnetpsy .dn-cp h3 a {
  color: inherit;
  text-decoration: none;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp h2 a:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-cp h3 a:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-cp h2 a:focus-visible,
html body.diginov-media.diginov-media-carnetpsy .dn-cp h3 a:focus-visible {
  color: var(--cp-plum);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp .dn-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-cat {
  display: inline-block;
  color: var(--cp-plum);
  font-family: var(--cp-ui);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-cat:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-cat:focus-visible {
  color: var(--cp-ink);
  text-decoration: underline;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-byline {
  margin: 12px 0 0;
  color: var(--cp-grey);
  font-family: var(--cp-ui);
  font-size: 14px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-byline a,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-auteur {
  color: var(--cp-ink);
  font-weight: 600;
  text-decoration: none;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-byline a:hover,
html body.diginov-media.diginov-media-carnetpsy a.dn-cp-auteur:hover {
  color: var(--cp-plum);
  text-decoration: underline;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-dot {
  margin: 0 6px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-extrait {
  margin: 12px 0 0;
  color: #43384A;
  font-family: var(--cp-serif);
  font-size: 18px;
  line-height: 1.65;
}

/* Titre de section : italique sous filet fin, lien en petites capitales. */
html body.diginov-media.diginov-media-carnetpsy .dn-cp-tete {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px 24px;
  margin: 0 0 34px;
  padding: 18px 0 0;
  border-top: 1px solid var(--cp-ink);
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-titre {
  font-size: 36px !important;
  font-style: italic;
  font-weight: 600 !important;
  line-height: 1.1;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-suite {
  color: var(--cp-plum);
  font-family: var(--cp-ui);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 5px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-suite:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-suite:focus-visible {
  color: var(--cp-ink);
}

/* Marge : rubrique, date et signature, a gauche d un filet prune. */
html body.diginov-media.diginov-media-carnetpsy .dn-cp-lecture__marge,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai__marge,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi__marge {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  padding: 4px 24px 0 0;
  border-right: 1px solid var(--cp-plum);
  text-align: right;
  font-family: var(--cp-ui);
  font-size: 14px;
  line-height: 1.4;
  color: var(--cp-grey);
}

/* Ouverture. */
html body.diginov-media.diginov-media-carnetpsy .dn-cp-ouverture {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 300px;
  gap: 0 40px;
  padding: 56px 0 88px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-lecture {
  grid-column: 1 / 3;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 0 40px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-lecture h2 {
  font-size: 50px;
  line-height: 1.1;
  font-weight: 700;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-lecture .dn-cp-extrait {
  margin-top: 18px;
  font-size: 20px;
  line-height: 1.6;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-lecture__media {
  display: block;
  margin-top: 30px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 4px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-regard {
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding-left: 36px;
  border-left: 1px solid var(--cp-line);
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-medaillon {
  text-align: center;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-medaillon__media {
  display: block;
  width: 170px;
  height: 210px;
  margin: 0 auto 18px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid var(--cp-plum);
  padding: 6px;
  background: var(--cp-paper);
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-medaillon__media img {
  border-radius: 50%;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-medaillon h3 {
  margin-top: 8px;
  font-size: 22px;
  line-height: 1.25;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-medaillon .dn-cp-extrait {
  font-size: 16px;
}

/* Essais en marge. */
html body.diginov-media.diginov-media-carnetpsy .dn-cp-essais {
  margin: 0 0 88px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 150px;
  gap: 0 40px;
  align-items: start;
  padding: 30px 0;
  border-bottom: 1px solid var(--cp-line);
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai h3 {
  font-size: 30px;
  line-height: 1.18;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai__media {
  display: block;
  width: 150px;
  height: 184px;
  overflow: hidden;
  border-radius: 50%;
}

/* Relations sur papier doux. */
html body.diginov-media.diginov-media-carnetpsy .dn-cp-relations {
  background: var(--cp-soft);
  padding: 64px 0 80px;
  margin: 0 0 88px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-relations__grille {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 44px 40px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-lien--grand {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 44px;
  align-items: center;
  padding-bottom: 44px;
  border-bottom: 1px solid var(--cp-line);
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-lien__media {
  display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 4px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-lien h3 {
  margin-top: 16px;
  font-size: 22px;
  line-height: 1.25;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-lien--grand h3 {
  margin-top: 0;
  font-size: 38px;
  line-height: 1.14;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-lien--grand .dn-cp-extrait {
  font-size: 19px;
}

/* Sante mentale. */
html body.diginov-media.diginov-media-carnetpsy .dn-cp-sante {
  margin: 0 0 88px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-sante__grille {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-soin__media {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 4px;
  border-bottom: 3px solid var(--cp-plum);
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-soin h3 {
  margin-top: 16px;
  font-size: 21px;
  line-height: 1.25;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-soin .dn-cp-extrait {
  font-size: 16px;
}

/* Tests et quiz sur sauge. */
html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests {
  background: var(--cp-sage);
  padding: 60px 0 72px;
  margin: 0 0 88px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests .dn-cp-tete {
  border-top-color: #FFFFFF;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests .dn-cp-titre,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests .dn-cp-suite,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests h3,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests h3 a,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests .dn-cp-extrait {
  color: #FFFFFF !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests h3 a:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests h3 a:focus-visible,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests .dn-cp-suite:hover {
  color: #FFFFFF !important;
  text-decoration: underline;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests__grille {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-test {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-test__media {
  display: block;
  width: 120px;
  height: 148px;
  overflow: hidden;
  border-radius: 50%;
  border: 3px solid #FFFFFF;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-test h3 {
  font-size: 21px;
  line-height: 1.25;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-test .dn-cp-extrait {
  font-size: 16px;
  line-height: 1.55;
}

/* Renvois. */
html body.diginov-media.diginov-media-carnetpsy .dn-cp-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi {
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 0 26px;
  padding: 20px 0;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi__marge {
  padding-right: 18px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi__marge .dn-cp-cat {
  display: none;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi h3 {
  font-size: 21px;
  line-height: 1.28;
}

/* ------------------------------------------------------------ article */
html body.diginov-media.diginov-media-carnetpsy .dn-article-header {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-header h1,
html body.diginov-media.diginov-media-carnetpsy .dn-archive-hero h1,
html body.diginov-media.diginov-media-carnetpsy .dn-author-hero h1,
html body.diginov-media.diginov-media-carnetpsy .dn-page-header h1,
html body.diginov-media.diginov-media-carnetpsy .dn-team-hero h1 {
  font-family: var(--cp-serif) !important;
  font-weight: 700 !important;
  color: var(--cp-ink) !important;
  letter-spacing: 0 !important;
  hyphens: none;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-header h1 {
  font-size: 50px !important;
  line-height: 1.1 !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-archive-hero,
html body.diginov-media.diginov-media-carnetpsy .dn-author-hero,
html body.diginov-media.diginov-media-carnetpsy .dn-page-header,
html body.diginov-media.diginov-media-carnetpsy .dn-team-hero {
  background: var(--cp-soft) !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--cp-plum) !important;
  box-shadow: none !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-kicker {
  color: var(--cp-plum) !important;
  font-family: var(--cp-ui) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-category {
  display: inline-block;
  padding: 0 !important;
  background: transparent !important;
  color: var(--cp-plum) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--cp-ui) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-category:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-category:focus-visible {
  color: var(--cp-ink) !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-category::before,
html body.diginov-media.diginov-media-carnetpsy .dn-category::after {
  display: none !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-deck {
  font-family: var(--cp-serif) !important;
  font-style: italic;
  font-size: 21px !important;
  line-height: 1.55 !important;
  color: #43384A !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-byline {
  border-top: 1px solid var(--cp-line) !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article .dn-meta,
html body.diginov-media.diginov-media-carnetpsy .dn-article .dn-meta time,
html body.diginov-media.diginov-media-carnetpsy .dn-article .dn-meta span {
  color: var(--cp-grey);
  font-family: var(--cp-ui);
  font-size: 15px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-hero img {
  border: 0 !important;
  border-radius: 4px !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content {
  color: #2F2634;
  font-family: var(--cp-serif);
  font-size: 19px;
  line-height: 1.75;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content p,
html body.diginov-media.diginov-media-carnetpsy .dn-article-content li {
  font-family: var(--cp-serif) !important;
  font-size: 19px !important;
  line-height: 1.75 !important;
  color: #2F2634;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content ul {
  list-style: disc outside !important;
  padding-left: 26px !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content ol {
  list-style: decimal outside !important;
  padding-left: 26px !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content li {
  display: list-item !important;
  margin: 0 0 8px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content li::marker {
  color: var(--cp-plum);
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-brief ul,
html body.diginov-media.diginov-media-carnetpsy .dn-article-content .dn-article-brief ul {
  list-style: none !important;
  padding-left: 0 !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content figure {
  margin-bottom: 30px !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content figcaption {
  font-family: var(--cp-ui) !important;
  font-size: 14px !important;
  color: var(--cp-grey) !important;
  background: transparent !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content h2 {
  margin-top: 1.7em;
  padding: 16px 0 0 !important;
  background: transparent !important;
  border-left: 0 !important;
  border-top: 1px solid var(--cp-ink) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  font-family: var(--cp-serif);
  font-size: 32px;
  font-style: italic;
  line-height: 1.2;
  font-weight: 600;
  color: var(--cp-ink);
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content h2::before {
  display: none !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content h3 {
  font-family: var(--cp-serif);
  font-size: 25px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--cp-plum);
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content a:not([class]) {
  color: var(--cp-plum);
  text-decoration-thickness: 1px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content a:not([class]):hover {
  color: var(--cp-ink);
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content blockquote {
  margin: 36px 0;
  padding: 6px 0 6px 28px;
  border-left: 1px solid var(--cp-plum);
  background: transparent;
  font-family: var(--cp-serif);
  font-size: 23px;
  line-height: 1.5;
  font-style: italic;
  color: var(--cp-ink);
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content .wp-block-table table {
  border-collapse: collapse;
  font-family: var(--cp-ui);
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content .wp-block-table th,
html body.diginov-media.diginov-media-carnetpsy .dn-article-content .wp-block-table td {
  border-color: var(--cp-line);
  padding: 12px 14px;
  font-size: 16px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-content .wp-block-table thead th {
  background: var(--cp-ink);
  color: #FFFFFF;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-brief {
  padding: 26px 30px !important;
  background: var(--cp-soft) !important;
  border: 0 !important;
  border-left: 1px solid var(--cp-plum) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-tags {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-tags > span {
  border: 0 !important;
  background: transparent !important;
  color: var(--cp-plum) !important;
  font-family: var(--cp-ui);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-tags a {
  display: inline-block;
  margin: 0;
  padding: 5px 16px;
  border: 1px solid var(--cp-line);
  border-radius: 999px;
  background: var(--cp-paper);
  color: var(--cp-ink);
  font-family: var(--cp-serif);
  font-size: 16px;
  font-style: italic;
  text-decoration: none;
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-tags a:hover {
  border-color: var(--cp-plum);
  color: var(--cp-plum);
}

html body.diginov-media.diginov-media-carnetpsy .dn-author-card {
  background: var(--cp-soft);
  border: 0;
  border-top: 1px solid var(--cp-plum);
  border-radius: 0;
  box-shadow: none;
  padding: 28px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-author-card h2,
html body.diginov-media.diginov-media-carnetpsy .dn-author-card h2 a {
  font-family: var(--cp-serif);
  font-weight: 700;
  color: var(--cp-ink);
  text-decoration: none;
}

html body.diginov-media.diginov-media-carnetpsy .dn-author-card p {
  font-family: var(--cp-serif);
  font-size: 17px;
  line-height: 1.6;
  color: #43384A;
}

html body.diginov-media.diginov-media-carnetpsy .dn-related {
  background: var(--cp-soft) !important;
  border-top: 1px solid var(--cp-plum);
}

html body.diginov-media.diginov-media-carnetpsy .dn-related .dn-section__head h2,
html body.diginov-media.diginov-media-carnetpsy .dn-archive-section .dn-section__head h2 {
  font-family: var(--cp-serif);
  font-size: 32px;
  font-style: italic;
  font-weight: 600;
  text-transform: none;
  color: var(--cp-ink);
}

html body.diginov-media.diginov-media-carnetpsy .dn-related-card,
html body.diginov-media.diginov-media-carnetpsy .dn-archive-card {
  background: var(--cp-paper);
  border: 0 !important;
  border-bottom: 1px solid var(--cp-line) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  overflow: hidden;
}

html body.diginov-media.diginov-media-carnetpsy .dn-related-card h3 {
  margin: 0;
  padding: 16px 18px 6px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-related-card h3,
html body.diginov-media.diginov-media-carnetpsy .dn-related-card h3 a {
  font-family: var(--cp-serif);
  font-size: 21px;
  line-height: 1.28;
  font-weight: 700;
  color: var(--cp-ink);
  text-decoration: none;
}

html body.diginov-media.diginov-media-carnetpsy .dn-related-card h3 a:hover {
  color: var(--cp-plum);
}

html body.diginov-media.diginov-media-carnetpsy .dn-related-card time {
  display: block;
  padding: 0 18px 18px;
  color: var(--cp-grey);
  font-family: var(--cp-ui);
  font-size: 14px;
}

/* ------------------------------------------------------------ rubrique, auteur, equipe */
html body.diginov-media.diginov-media-carnetpsy .dn-archive-hero h1 {
  font-size: 56px !important;
  font-style: italic;
  line-height: 1.06 !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-author-hero h1,
html body.diginov-media.diginov-media-carnetpsy .dn-page-header h1,
html body.diginov-media.diginov-media-carnetpsy .dn-team-hero h1 {
  font-size: 48px !important;
  line-height: 1.1 !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-archive-description,
html body.diginov-media.diginov-media-carnetpsy .dn-archive-description p,
html body.diginov-media.diginov-media-carnetpsy .dn-author-bio,
html body.diginov-media.diginov-media-carnetpsy .dn-team-hero p:not(.dn-kicker) {
  font-family: var(--cp-serif) !important;
  font-size: 19px !important;
  line-height: 1.7 !important;
  color: #3A3040 !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-archive-count,
html body.diginov-media.diginov-media-carnetpsy .dn-author-count {
  display: inline-block;
  padding: 6px 16px;
  background: transparent;
  color: var(--cp-plum) !important;
  border: 1px solid var(--cp-plum);
  border-radius: 999px;
  box-shadow: none;
  font-family: var(--cp-ui);
  font-size: 14px !important;
  font-weight: 600;
}

html body.diginov-media.diginov-media-carnetpsy .dn-author-hero div.dn-author-portrait {
  border: 1px solid var(--cp-plum) !important;
  border-radius: 50% !important;
  padding: 6px;
  background: var(--cp-paper);
  overflow: hidden !important;
  box-shadow: none !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-author-hero div.dn-author-portrait img {
  border-radius: 50% !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-archive-card__body {
  padding: 16px 18px 22px !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-archive-card h2,
html body.diginov-media.diginov-media-carnetpsy .dn-archive-card h2 a,
html body.diginov-media.diginov-media-carnetpsy .dn-archive-card h3,
html body.diginov-media.diginov-media-carnetpsy .dn-archive-card h3 a {
  font-family: var(--cp-serif) !important;
  font-size: 22px !important;
  line-height: 1.26 !important;
  font-weight: 700 !important;
  color: var(--cp-ink) !important;
  text-decoration: none;
}

html body.diginov-media.diginov-media-carnetpsy .dn-archive-card h2 a:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-archive-card h3 a:hover {
  color: var(--cp-plum) !important;
  text-decoration: underline;
}

html body.diginov-media.diginov-media-carnetpsy .dn-archive-card p {
  font-family: var(--cp-serif);
  font-size: 16px;
  line-height: 1.6;
  color: #43384A;
}

html body.diginov-media.diginov-media-carnetpsy .dn-archive-card .dn-meta,
html body.diginov-media.diginov-media-carnetpsy .dn-archive-card .dn-meta time,
html body.diginov-media.diginov-media-carnetpsy .dn-archive-card .dn-meta span {
  color: var(--cp-grey);
  font-family: var(--cp-ui);
  font-size: 14px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-pagination * {
  white-space: nowrap;
}

html body.diginov-media.diginov-media-carnetpsy .dn-pagination a,
html body.diginov-media.diginov-media-carnetpsy .dn-pagination span {
  border-radius: 999px;
  min-width: 44px;
  padding: 8px 16px;
  font-family: var(--cp-ui);
}

html body.diginov-media.diginov-media-carnetpsy .dn-pagination a {
  color: var(--cp-ink);
  border: 1px solid var(--cp-line);
}

html body.diginov-media.diginov-media-carnetpsy .dn-pagination a:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-pagination .current {
  background: var(--cp-plum);
  border-color: var(--cp-plum);
  color: #FFFFFF;
}

html body.diginov-media.diginov-media-carnetpsy .dn-team-card {
  background: var(--cp-paper);
  border: 0 !important;
  border-top: 1px solid var(--cp-plum) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 22px !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-team-card h2,
html body.diginov-media.diginov-media-carnetpsy .dn-team-card h2 a {
  font-family: var(--cp-serif);
  font-weight: 700;
  color: var(--cp-ink);
  text-decoration: none;
}

/* ------------------------------------------------------------ pages de confiance */
html body.diginov-media.diginov-media-carnetpsy .dn-page-content {
  font-family: var(--cp-serif);
  font-size: 19px;
  line-height: 1.75;
  color: #2F2634;
}

html body.diginov-media.diginov-media-carnetpsy .dn-page-content h2 {
  background: transparent !important;
  border-left: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-family: var(--cp-serif) !important;
  font-weight: 600;
  font-style: italic;
  font-size: 32px;
  line-height: 1.2;
  color: var(--cp-ink);
}

html body.diginov-media.diginov-media-carnetpsy .dn-page-content h2::before,
html body.diginov-media.diginov-media-carnetpsy .dn-trust__hero::before,
html body.diginov-media.diginov-media-carnetpsy .dn-trust__hero::after {
  display: none !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-page-content a:not([class]) {
  color: var(--cp-plum);
  text-decoration: underline;
  text-underline-offset: 3px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-trust__hero {
  background: var(--cp-ink) !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 40px 44px !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-trust__hero h2,
html body.diginov-media.diginov-media-carnetpsy .dn-trust__hero p,
html body.diginov-media.diginov-media-carnetpsy .dn-trust__lede,
html body.diginov-media.diginov-media-carnetpsy .dn-trust__kicker {
  color: #FFFFFF !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-trust__hero h2 {
  font-size: 34px !important;
  line-height: 1.15 !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-trust__lede {
  font-size: 19px;
  line-height: 1.6;
}

html body.diginov-media.diginov-media-carnetpsy .dn-page-content blockquote {
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid var(--cp-plum) !important;
  border-radius: 0 !important;
  padding: 6px 0 6px 28px !important;
  font-style: italic;
}

html body.diginov-media.diginov-media-carnetpsy .dn-trust__pillar {
  background: var(--cp-soft) !important;
  border: 0 !important;
  border-top: 1px solid var(--cp-plum) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 24px !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-trust__pillar h2,
html body.diginov-media.diginov-media-carnetpsy .dn-trust__pillar h3 {
  font-family: var(--cp-serif) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 23px !important;
  color: var(--cp-ink) !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-trust__pillar p {
  font-size: 17px;
  line-height: 1.6;
  color: #43384A;
}

html body.diginov-media.diginov-media-carnetpsy .dn-trust__links {
  border: 1px solid var(--cp-line);
  border-radius: 4px;
  padding: 18px 24px;
  background: var(--cp-paper);
}

/* ------------------------------------------------------------ pied */
html body.diginov-media.diginov-media-carnetpsy .dn-fleet-footer {
  border-top: 1px solid var(--cp-plum);
}

html body.diginov-media.diginov-media-carnetpsy .dn-fleet-footer__statement {
  font-family: var(--cp-serif) !important;
  font-style: italic;
  font-weight: 600 !important;
  font-size: 27px !important;
  line-height: 1.25 !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-fleet-footer__label {
  font-family: var(--cp-ui) !important;
  font-size: 14px !important;
  letter-spacing: 0.08em;
}

html body.diginov-media.diginov-media-carnetpsy .dn-fleet-footer__sections a,
html body.diginov-media.diginov-media-carnetpsy .dn-fleet-footer__links a {
  font-family: var(--cp-serif);
  font-size: 17px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-fleet-footer__commercial h2 {
  font-family: var(--cp-serif) !important;
  font-weight: 700 !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-fleet-footer__commercial p {
  font-size: 16px !important;
}

/* ------------------------------------------------------------ tablette et mobile */
@media (max-width: 1100px) {
  html body.diginov-media.diginov-media-carnetpsy .dn-cp-ouverture {
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 48px 32px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-lecture {
    grid-column: 1 / -1;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 0 32px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-regard {
    grid-column: 1 / -1;
    flex-direction: row;
    padding: 36px 0 0;
    border-left: 0;
    border-top: 1px solid var(--cp-line);
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-medaillon {
    flex: 1 1 0;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-sante__grille {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests__grille {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
}

@media (max-width: 767px) {
  html body.diginov-media.diginov-media-carnetpsy .dn-cp-wrap {
    padding: 0 16px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-ouverture {
    display: block;
    padding: 28px 0 56px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-lecture,
  html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-lecture__marge,
  html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai__marge {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 14px;
    padding: 0 0 10px;
    border-right: 0;
    border-bottom: 1px solid var(--cp-plum);
    text-align: left;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-lecture h2 {
    font-size: 33px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-lecture .dn-cp-extrait {
    font-size: 18px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-lecture__media {
    margin-top: 22px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-regard {
    flex-direction: column;
    gap: 32px;
    margin-top: 40px;
    padding-top: 32px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-titre {
    font-size: 29px !important;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-essais,
  html body.diginov-media.diginov-media-carnetpsy .dn-cp-sante {
    margin-bottom: 60px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai {
    padding: 24px 0;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai h3 {
    font-size: 24px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai__media {
    order: -1;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    border-radius: 4px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-relations,
  html body.diginov-media.diginov-media-carnetpsy .dn-cp-tests {
    padding: 44px 0 52px;
    margin-bottom: 60px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-relations__grille {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-lien--grand {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding-bottom: 32px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-lien--grand h3 {
    font-size: 28px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-sante__grille {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-test {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 16px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-test__media {
    width: 96px;
    height: 120px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-duo {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 0 16px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi__marge {
    padding-right: 12px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi__marge .dn-cp-auteur {
    display: none;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi h3 {
    font-size: 19px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-article-header h1 {
    font-size: 34px !important;
    line-height: 1.14 !important;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-article-deck {
    font-size: 19px !important;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-article-content p,
  html body.diginov-media.diginov-media-carnetpsy .dn-article-content li {
    font-size: 18px !important;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-article-content h2 {
    font-size: 27px;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-archive-hero h1 {
    font-size: 40px !important;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-author-hero h1,
  html body.diginov-media.diginov-media-carnetpsy .dn-page-header h1,
  html body.diginov-media.diginov-media-carnetpsy .dn-team-hero h1 {
    font-size: 34px !important;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-trust__hero {
    padding: 26px 20px !important;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-fleet-footer__statement {
    font-size: 23px !important;
  }
}

/* ------------------------------------------------------------ tour 2 */
/* Medaillons : l ovale est impose au lien et a l image, le theme arrondit a 0. */
html body.diginov-media.diginov-media-carnetpsy .dn-cp-medaillon__media,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai__media,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-test__media {
  border-radius: 50% !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-medaillon__media img,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai__media img,
html body.diginov-media.diginov-media-carnetpsy .dn-cp-test__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 50% !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-ouverture {
  align-items: start;
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-test {
  grid-template-columns: 104px minmax(0, 1fr);
}

html body.diginov-media.diginov-media-carnetpsy .dn-cp-test__media {
  width: 104px;
  height: 128px;
}

@media (max-width: 767px) {
  html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai__media {
    border-radius: 4px !important;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-essai__media img {
    border-radius: 4px !important;
  }
}

html body.diginov-media.diginov-media-carnetpsy .dn-article-brief h2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-archive-card h2,
html body.diginov-media.diginov-media-carnetpsy .dn-archive-card h3,
html body.diginov-media.diginov-media-carnetpsy .dn-cp h3 {
  hyphens: manual !important;
}

@media (max-width: 767px) {
  html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px 0;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi__marge {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 14px;
    padding: 0 0 0 12px;
    border-right: 0;
    border-left: 1px solid var(--cp-plum);
    text-align: left;
  }

  html body.diginov-media.diginov-media-carnetpsy .dn-cp-renvoi__marge .dn-cp-auteur {
    display: inline;
  }
}

/* ------------------------------------------------------------ correctif pilote 23/09 */
html body.diginov-media.diginov-media-carnetpsy .dn-cp-duo.dn-cp-duo--seul {
  grid-template-columns: minmax(0, 1fr);
}

/* Pied : colophon du livre. Papier, filet prune double en tete, intitules en
   italique comme les notes de marge, colonnes separees par un filet prune. */
html body.diginov-media.diginov-media-carnetpsy .dn-site-footer--priority,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__mast,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__base {
  background-color: var(--cp-paper) !important;
  background-image: none !important;
  color: var(--cp-ink) !important;
  border-color: var(--cp-line) !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-site-footer--priority {
  border-top: 0 !important;
  box-shadow: inset 0 1px 0 var(--cp-plum), inset 0 5px 0 var(--cp-paper), inset 0 6px 0 var(--cp-plum) !important;
  font-family: var(--cp-serif) !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__mast {
  border-top: 6px solid transparent !important;
  border-bottom: 1px solid var(--cp-line) !important;
  box-shadow: none !important;
  text-align: center;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__mast-brand,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__brand {
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__statement {
  color: var(--cp-plum) !important;
  font-family: var(--cp-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__label {
  color: var(--cp-plum) !important;
  font-family: var(--cp-serif) !important;
  font-style: italic !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-color: var(--cp-plum) !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__categories a,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__links a,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__categories a strong {
  color: var(--cp-ink) !important;
  font-family: var(--cp-serif) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  border-color: var(--cp-line) !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__categories a:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__categories a:focus-visible,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__links a:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__links a:focus-visible {
  color: var(--cp-plum) !important;
  font-style: italic;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__grid > section + section {
  border-left: 1px solid var(--cp-plum);
  padding-left: 28px;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__commercial {
  background: var(--cp-soft) !important;
  color: var(--cp-ink) !important;
  border: 0 !important;
  border-left: 3px solid var(--cp-plum) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__commercial h2 {
  color: var(--cp-ink) !important;
  font-family: var(--cp-serif) !important;
  font-style: italic !important;
  font-weight: 600 !important;
  font-size: 32px !important;
  line-height: 1.15 !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__commercial p {
  color: var(--cp-ink) !important;
  font-family: var(--cp-serif) !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__commercial .dn-priority-footer__label {
  color: var(--cp-sage) !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__commercial a {
  background: var(--cp-paper) !important;
  border: 1px solid var(--cp-sage) !important;
  border-radius: 0 !important;
  color: var(--cp-sage) !important;
  font-family: var(--cp-serif) !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__commercial a:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__commercial a:focus-visible {
  background: var(--cp-sage) !important;
  color: #FFFFFF !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__base {
  border-top: 1px solid var(--cp-plum) !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__base p,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__base a,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__base button {
  color: var(--cp-grey) !important;
  font-family: var(--cp-serif) !important;
  font-style: italic;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__base a:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__base a:focus-visible,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__base button:hover,
html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__base button:focus-visible {
  color: var(--cp-plum) !important;
}

@media (max-width: 767px) {
  html body.diginov-media.diginov-media-carnetpsy .dn-priority-footer__grid > section + section {
    border-left: 0;
    padding-left: 0;
  }
}

/* Burger mobile : encre sur l en-tete papier. */
html body.diginov-media.diginov-media-carnetpsy #smart-head-mobile .offcanvas-toggle {
  color: var(--cp-ink) !important;
}