/*
 * Dir IPS — harmonisation des pages intérieures, v1 — 02/09/2026.
 * Référence : home publique, thème 2.43.1 ; valeurs CSS + styles calculés.
 * Charger APRÈS dirips-style. Activation par la classe body ci-dessous.
 * Aucun sélecteur ne vise la home, le header, le footer ou les images.
 * Ce fichier est un correctif d’intégration, pas une reconstruction des PNG.
 */
/* Variables locales : aucune modification de :root ou des variables globales du thème. */

body.dirips-harmonisation-v1 #main {
  --dh-navy: var(--navy, #2A2586);
  --dh-indigo: var(--fr-indigo, #1E1A6B);
  --dh-button: var(--fr-bleu, #2A2589);
  --dh-pale: var(--fr-bleu-pale, #9DBEF4);
  --dh-mint: var(--fr-turquoise, #64D2B9);
  --dh-heading: var(--font-heading, 'Inter', system-ui, sans-serif);
  --dh-body: var(--font-body, 'Roboto', system-ui, sans-serif);
  --dh-text: #3A4060;
  --dh-muted: #4A4E66;
  --dh-line: #E4EAF6;
  --dh-dark-text: #D9DCF3;
  --dh-card-shadow: 0 10px 28px rgba(30, 26, 107, .07);
  --dh-dark: linear-gradient(#2A2586, #2A2586);
  --dh-soft: linear-gradient(#DCE9FF 49%, #FFFFFF 100%);
  font-family: var(--dh-body);
  font-size: 16px;
  line-height: 1.65;
}

/* 1240px est la largeur effective de la home ; --container vaut 1440px et ne doit pas être utilisé ici. */

body.dirips-harmonisation-v1 #main .container {
  max-width: 1240px;
  padding-left: 24px;
  padding-right: 24px;
}

body.dirips-harmonisation-v1 #main h1,
body.dirips-harmonisation-v1 #main h2,
body.dirips-harmonisation-v1 #main h3,
body.dirips-harmonisation-v1 #main h4,
body.dirips-harmonisation-v1 #main h5,
body.dirips-harmonisation-v1 #main h6 {
  font-family: var(--dh-heading);
  letter-spacing: normal;
}

body.dirips-harmonisation-v1 #main .rec-hero h1,
body.dirips-harmonisation-v1 #main .ent-hero h1,
body.dirips-harmonisation-v1 #main .part-hero h1,
body.dirips-harmonisation-v1 #main .lg-hero h1,
body.dirips-harmonisation-v1 #main .nl-hero h1,
body.dirips-harmonisation-v1 #main .sa-hero h1,
body.dirips-harmonisation-v1 #main .ac-hero h1,
body.dirips-harmonisation-v1 #main .op-hero h1,
body.dirips-harmonisation-v1 #main .di-hero h1,
body.dirips-harmonisation-v1 #main .fr-page-hero h1,
body.dirips-harmonisation-v1 #main .vr-tete h1,
body.dirips-harmonisation-v1 #main .tc-tete h1,
body.dirips-harmonisation-v1 #main .ed-tete h1 {
  font-weight: 800;
  line-height: 1.22;
  color: var(--dh-navy);
  margin-bottom: 26px;
}

body.dirips-harmonisation-v1 #main .rec-hero h1,
body.dirips-harmonisation-v1 #main .ent-hero h1,
body.dirips-harmonisation-v1 #main .part-hero h1,
body.dirips-harmonisation-v1 #main .lg-hero h1,
body.dirips-harmonisation-v1 #main .nl-hero h1,
body.dirips-harmonisation-v1 #main .sa-hero h1,
body.dirips-harmonisation-v1 #main .ac-hero h1,
body.dirips-harmonisation-v1 #main .op-hero h1,
body.dirips-harmonisation-v1 #main .di-hero h1 {
  font-size: clamp(2rem, 3.5vw, 3.125rem);
}

body.dirips-harmonisation-v1 #main .rec-hero h1 span,
body.dirips-harmonisation-v1 #main .ent-hero h1 span,
body.dirips-harmonisation-v1 #main .part-hero h1 span,
body.dirips-harmonisation-v1 #main .lg-hero h1 span,
body.dirips-harmonisation-v1 #main .nl-hero h1 span,
body.dirips-harmonisation-v1 #main .sa-hero h1 span,
body.dirips-harmonisation-v1 #main .ac-hero h1 span,
body.dirips-harmonisation-v1 #main .op-hero h1 span,
body.dirips-harmonisation-v1 #main .di-hero h1 span,
body.dirips-harmonisation-v1 #main .fr-page-hero h1 span,
body.dirips-harmonisation-v1 #main .vr-tete h1 span,
body.dirips-harmonisation-v1 #main .tc-tete h1 span,
body.dirips-harmonisation-v1 #main .ed-tete h1 span {
  color: var(--dh-pale);
}

body.dirips-harmonisation-v1 #main .rec-hero__chapo,
body.dirips-harmonisation-v1 #main .ent-hero__chapo,
body.dirips-harmonisation-v1 #main .part-hero__chapo,
body.dirips-harmonisation-v1 #main .lg-hero__chapo,
body.dirips-harmonisation-v1 #main .nl-hero__chapo,
body.dirips-harmonisation-v1 #main .sa-hero__chapo,
body.dirips-harmonisation-v1 #main .ac-hero__chapo,
body.dirips-harmonisation-v1 #main .op-hero__chapo,
body.dirips-harmonisation-v1 #main .di-hero__chapo,
body.dirips-harmonisation-v1 #main .fr-page-hero__chapo {
  font-family: var(--dh-body);
  font-size: 1.02rem;
  line-height: 1.72;
  color: var(--dh-text);
}

body.dirips-harmonisation-v1 #main .rec-offres h2,
body.dirips-harmonisation-v1 #main .rec-temoin h2,
body.dirips-harmonisation-v1 #main .ent-sens h2,
body.dirips-harmonisation-v1 #main .ent-histoire h2,
body.dirips-harmonisation-v1 #main .ent-aujourdhui h2,
body.dirips-harmonisation-v1 #main .ent-fabrique h2,
body.dirips-harmonisation-v1 #main .part-reseau__tete h2,
body.dirips-harmonisation-v1 #main .part-durables h2,
body.dirips-harmonisation-v1 #main .lg-pratique h2,
body.dirips-harmonisation-v1 #main .lg-fonctions__tete h2,
body.dirips-harmonisation-v1 #main .lg-terrain h2,
body.dirips-harmonisation-v1 #main .lg-equipe h2,
body.dirips-harmonisation-v1 #main .lg-ressources h2,
body.dirips-harmonisation-v1 #main .nl-choix__tete h2,
body.dirips-harmonisation-v1 #main .nl-piliers h2,
body.dirips-harmonisation-v1 #main .sa-services__tete h2,
body.dirips-harmonisation-v1 #main .sa-expertise h2,
body.dirips-harmonisation-v1 #main .ac-parcours__tete h2,
body.dirips-harmonisation-v1 #main .ac-formation h2,
body.dirips-harmonisation-v1 #main .op-modes__tete h2,
body.dirips-harmonisation-v1 #main .di-portes__tete h2,
body.dirips-harmonisation-v1 #main .di-secteurs h2,
body.dirips-harmonisation-v1 #main .di-logiciels h2,
body.dirips-harmonisation-v1 #main .vr-methode h2,
body.dirips-harmonisation-v1 #main .ed-liste__tete h2,
body.dirips-harmonisation-v1 #main .ed-externes__tete h2,
body.dirips-harmonisation-v1 #main .tc-liste > .container > h2,
body.dirips-harmonisation-v1 #main .fr-bloc h2,
body.dirips-harmonisation-v1 #main .dh-section-title {
  font-size: clamp(1.7rem, 2.6vw, 2.25rem);
  font-weight: 700;
  line-height: 1.26;
  color: var(--dh-navy);
  margin-bottom: 18px;
}

/* Pages documentaires : même famille typographique, taille et hauteur adaptées à la consultation. */

body.dirips-harmonisation-v1 #main .vr-tete h1,
body.dirips-harmonisation-v1 #main .tc-tete h1,
body.dirips-harmonisation-v1 #main .ed-tete h1,
body.dirips-harmonisation-v1 #main .dh-hero--compact h1 {
  font-size: clamp(1.75rem, 2.7vw, 2.3rem);
  margin-bottom: 14px;
}

body.dirips-harmonisation-v1 #main .vr-tete,
body.dirips-harmonisation-v1 #main .tc-tete,
body.dirips-harmonisation-v1 #main .ed-tete,
body.dirips-harmonisation-v1 #main .dh-hero--compact {
  padding-top: 40px;
  padding-bottom: 34px;
}

body.dirips-harmonisation-v1.dirips-harmonisation-doc #main .fr-page-hero h1 {
  font-size: clamp(1.75rem, 2.7vw, 2.3rem);
  margin-bottom: 14px;
}

/* Boutons : classe native de la home. Les variantes turquoise et claires gardent leur rôle. */

body.dirips-harmonisation-v1 #main .fr-btn,
body.dirips-harmonisation-v1 #main .rec-btn {
  font-family: var(--dh-heading);
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: .09em;
  text-transform: uppercase;
  padding: 15px 30px;
  border-radius: 30px;
  box-shadow: none;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

body.dirips-harmonisation-v1 #main .fr-btn--plein {
  background: var(--dh-button);
  border: 2px solid var(--dh-button);
  color: #fff;
}

body.dirips-harmonisation-v1 #main .fr-btn--plein:hover,
body.dirips-harmonisation-v1 #main .fr-btn--plein:focus-visible {
  background: var(--dh-indigo);
  border-color: var(--dh-indigo);
  color: #fff;
}

body.dirips-harmonisation-v1 #main .fr-btn--ligne {
  background: transparent;
  border: 2px solid var(--dh-navy);
  color: var(--dh-navy);
}

body.dirips-harmonisation-v1 #main .fr-btn--ligne:hover,
body.dirips-harmonisation-v1 #main .fr-btn--ligne:focus-visible {
  background: rgba(42, 37, 134, .07);
  color: var(--dh-navy);
}

body.dirips-harmonisation-v1 #main .rec-fin__btn {
  background: var(--dh-mint);
  border: 2px solid var(--dh-mint);
  color: var(--dh-navy);
}
/* 12/09 : la règle ci-dessus, plus spécifique, écrasait le survol. */
body.dirips-harmonisation-v1 #main .rec-fin__btn:hover {
  background: #fff;
  border-color: #fff;
  color: var(--dh-navy);
}

body.dirips-harmonisation-v1 #main .fr-btn--ligne.fr-btn--clair {
  color: #fff;
  border-color: #fff;
}

body.dirips-harmonisation-v1 #main .fr-btn--ligne.fr-btn--clair:hover,
body.dirips-harmonisation-v1 #main .fr-btn--ligne.fr-btn--clair:focus-visible {
  color: var(--dh-indigo);
  background: #fff;
  border-color: #fff;
}

/* Cartes : reprendre le cadre et l’ombre réellement utilisés par la gamme de la home. */

body.dirips-harmonisation-v1 #main .fr-carte,
body.dirips-harmonisation-v1 #main .nl-carte,
body.dirips-harmonisation-v1 #main .sa-service,
body.dirips-harmonisation-v1 #main .op-mode,
body.dirips-harmonisation-v1 #main .ac-etape,
body.dirips-harmonisation-v1 #main .di-porte > a,
body.dirips-harmonisation-v1 #main .vr-entree > a,
body.dirips-harmonisation-v1 #main .ed-carte > a,
body.dirips-harmonisation-v1 #main .part-carte,
body.dirips-harmonisation-v1 #main .rec-offre,
body.dirips-harmonisation-v1 #main .dh-card {
  border: 1px solid var(--dh-line);
  border-radius: 16px;
  box-shadow: var(--dh-card-shadow);
  background: #fff;
  padding: 24px 24px 26px;
}

body.dirips-harmonisation-v1 #main .ed-carte > a {
  padding: 0;
}

body.dirips-harmonisation-v1 #main .ed-carte__corps {
  padding: 24px 24px 26px;
}

body.dirips-harmonisation-v1 #main .fr-carte h3,
body.dirips-harmonisation-v1 #main .nl-carte h3,
body.dirips-harmonisation-v1 #main .sa-service h3,
body.dirips-harmonisation-v1 #main .op-mode h3,
body.dirips-harmonisation-v1 #main .ac-etape h3,
body.dirips-harmonisation-v1 #main .di-porte > a h3,
body.dirips-harmonisation-v1 #main .vr-entree > a h3,
body.dirips-harmonisation-v1 #main .ed-carte > a h3,
body.dirips-harmonisation-v1 #main .part-carte h3,
body.dirips-harmonisation-v1 #main .rec-offre h3,
body.dirips-harmonisation-v1 #main .di-porte h2,
body.dirips-harmonisation-v1 #main .vr-entree h2,
body.dirips-harmonisation-v1 #main .nl-carte h2,
body.dirips-harmonisation-v1 #main .sa-service h2,
body.dirips-harmonisation-v1 #main .op-mode h2,
body.dirips-harmonisation-v1 #main .ed-carte__titre,
body.dirips-harmonisation-v1 #main .dh-card-title {
  font-family: var(--dh-heading);
  font-size: 1.12rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--dh-indigo);
  margin-bottom: 10px;
}

body.dirips-harmonisation-v1 #main .fr-carte p,
body.dirips-harmonisation-v1 #main .nl-carte p,
body.dirips-harmonisation-v1 #main .sa-service p,
body.dirips-harmonisation-v1 #main .op-mode p,
body.dirips-harmonisation-v1 #main .ac-etape p,
body.dirips-harmonisation-v1 #main .di-porte > a p,
body.dirips-harmonisation-v1 #main .vr-entree > a p,
body.dirips-harmonisation-v1 #main .ed-carte > a p,
body.dirips-harmonisation-v1 #main .part-carte p,
body.dirips-harmonisation-v1 #main .rec-offre p,
body.dirips-harmonisation-v1 #main .ed-carte__extrait,
body.dirips-harmonisation-v1 #main .dh-card-copy {
  font-family: var(--dh-body);
  font-size: .96rem;
  line-height: 1.6;
  color: var(--dh-muted);
}

body.dirips-harmonisation-v1 #main .fr-carte:hover,
body.dirips-harmonisation-v1 #main .nl-carte:hover,
body.dirips-harmonisation-v1 #main .sa-service:hover,
body.dirips-harmonisation-v1 #main .op-mode:hover,
body.dirips-harmonisation-v1 #main .ac-etape:hover,
body.dirips-harmonisation-v1 #main .di-porte > a:hover,
body.dirips-harmonisation-v1 #main .vr-entree > a:hover,
body.dirips-harmonisation-v1 #main .ed-carte > a:hover,
body.dirips-harmonisation-v1 #main .part-carte:hover,
body.dirips-harmonisation-v1 #main .rec-offre:hover,
body.dirips-harmonisation-v1 #main .dh-card:hover {
  box-shadow: var(--dh-card-shadow);
}

/* Bandes sombres : dégradé exact des enjeux de la home ; les textures et les photos existantes restent séparées. */

body.dirips-harmonisation-v1 #main .rec-esprit,
body.dirips-harmonisation-v1 #main .part-domaines,
body.dirips-harmonisation-v1 #main .lg-promesses,
body.dirips-harmonisation-v1 #main .lg-couverture,
body.dirips-harmonisation-v1 #main .nl-gamme,
body.dirips-harmonisation-v1 #main .sa-methode,
body.dirips-harmonisation-v1 #main .di-reperes,
body.dirips-harmonisation-v1 #main .op-cloud,
body.dirips-harmonisation-v1 #main .fr-bloc--sombre,
body.dirips-harmonisation-v1 #main .lg-final__carte,
body.dirips-harmonisation-v1 #main .rec-fin__carte,
body.dirips-harmonisation-v1 #main .dh-section--dark {
  background-image: var(--dh-dark);
}

body.dirips-harmonisation-v1 #main .rec-esprit h2,
body.dirips-harmonisation-v1 #main .part-domaines h2,
body.dirips-harmonisation-v1 #main .lg-promesses h2,
body.dirips-harmonisation-v1 #main .lg-couverture h2,
body.dirips-harmonisation-v1 #main .nl-gamme h2,
body.dirips-harmonisation-v1 #main .sa-methode h2,
body.dirips-harmonisation-v1 #main .di-reperes h2,
body.dirips-harmonisation-v1 #main .op-cloud h2,
body.dirips-harmonisation-v1 #main .fr-bloc--sombre h2,
body.dirips-harmonisation-v1 #main .lg-final__carte h2,
body.dirips-harmonisation-v1 #main .rec-fin__carte h2,
body.dirips-harmonisation-v1 #main .dh-section--dark .dh-section-title {
  color: var(--dh-mint);
}

body.dirips-harmonisation-v1 #main .rec-esprit p,
body.dirips-harmonisation-v1 #main .part-domaines p,
body.dirips-harmonisation-v1 #main .lg-promesses p,
body.dirips-harmonisation-v1 #main .lg-couverture p,
body.dirips-harmonisation-v1 #main .nl-gamme p,
body.dirips-harmonisation-v1 #main .sa-methode p,
body.dirips-harmonisation-v1 #main .di-reperes p,
body.dirips-harmonisation-v1 #main .op-cloud p,
body.dirips-harmonisation-v1 #main .fr-bloc--sombre p,
body.dirips-harmonisation-v1 #main .lg-final__carte p,
body.dirips-harmonisation-v1 #main .rec-fin__carte p {
  color: var(--dh-dark-text);
}

body.dirips-harmonisation-v1 #main .rec-esprit .fr-carte p,
body.dirips-harmonisation-v1 #main .rec-esprit .op-mode p,
body.dirips-harmonisation-v1 #main .rec-esprit .dh-card p,
body.dirips-harmonisation-v1 #main .part-domaines .fr-carte p,
body.dirips-harmonisation-v1 #main .part-domaines .op-mode p,
body.dirips-harmonisation-v1 #main .part-domaines .dh-card p,
body.dirips-harmonisation-v1 #main .lg-promesses .fr-carte p,
body.dirips-harmonisation-v1 #main .lg-promesses .op-mode p,
body.dirips-harmonisation-v1 #main .lg-promesses .dh-card p,
body.dirips-harmonisation-v1 #main .lg-couverture .fr-carte p,
body.dirips-harmonisation-v1 #main .lg-couverture .op-mode p,
body.dirips-harmonisation-v1 #main .lg-couverture .dh-card p,
body.dirips-harmonisation-v1 #main .nl-gamme .fr-carte p,
body.dirips-harmonisation-v1 #main .nl-gamme .op-mode p,
body.dirips-harmonisation-v1 #main .nl-gamme .dh-card p,
body.dirips-harmonisation-v1 #main .sa-methode .fr-carte p,
body.dirips-harmonisation-v1 #main .sa-methode .op-mode p,
body.dirips-harmonisation-v1 #main .sa-methode .dh-card p,
body.dirips-harmonisation-v1 #main .di-reperes .fr-carte p,
body.dirips-harmonisation-v1 #main .di-reperes .op-mode p,
body.dirips-harmonisation-v1 #main .di-reperes .dh-card p,
body.dirips-harmonisation-v1 #main .op-cloud .fr-carte p,
body.dirips-harmonisation-v1 #main .op-cloud .op-mode p,
body.dirips-harmonisation-v1 #main .op-cloud .dh-card p,
body.dirips-harmonisation-v1 #main .fr-bloc--sombre .fr-carte p,
body.dirips-harmonisation-v1 #main .fr-bloc--sombre .op-mode p,
body.dirips-harmonisation-v1 #main .fr-bloc--sombre .dh-card p {
  color: var(--dh-muted);
}

body.dirips-harmonisation-v1 #main .rec-esprit .fr-carte :is(h2, h3),
body.dirips-harmonisation-v1 #main .rec-esprit .op-mode :is(h2, h3),
body.dirips-harmonisation-v1 #main .rec-esprit .dh-card :is(h2, h3),
body.dirips-harmonisation-v1 #main .part-domaines .fr-carte :is(h2, h3),
body.dirips-harmonisation-v1 #main .part-domaines .op-mode :is(h2, h3),
body.dirips-harmonisation-v1 #main .part-domaines .dh-card :is(h2, h3),
body.dirips-harmonisation-v1 #main .lg-promesses .fr-carte :is(h2, h3),
body.dirips-harmonisation-v1 #main .lg-promesses .op-mode :is(h2, h3),
body.dirips-harmonisation-v1 #main .lg-promesses .dh-card :is(h2, h3),
body.dirips-harmonisation-v1 #main .lg-couverture .fr-carte :is(h2, h3),
body.dirips-harmonisation-v1 #main .lg-couverture .op-mode :is(h2, h3),
body.dirips-harmonisation-v1 #main .lg-couverture .dh-card :is(h2, h3),
body.dirips-harmonisation-v1 #main .nl-gamme .fr-carte :is(h2, h3),
body.dirips-harmonisation-v1 #main .nl-gamme .op-mode :is(h2, h3),
body.dirips-harmonisation-v1 #main .nl-gamme .dh-card :is(h2, h3),
body.dirips-harmonisation-v1 #main .sa-methode .fr-carte :is(h2, h3),
body.dirips-harmonisation-v1 #main .sa-methode .op-mode :is(h2, h3),
body.dirips-harmonisation-v1 #main .sa-methode .dh-card :is(h2, h3),
body.dirips-harmonisation-v1 #main .di-reperes .fr-carte :is(h2, h3),
body.dirips-harmonisation-v1 #main .di-reperes .op-mode :is(h2, h3),
body.dirips-harmonisation-v1 #main .di-reperes .dh-card :is(h2, h3),
body.dirips-harmonisation-v1 #main .op-cloud .fr-carte :is(h2, h3),
body.dirips-harmonisation-v1 #main .op-cloud .op-mode :is(h2, h3),
body.dirips-harmonisation-v1 #main .op-cloud .dh-card :is(h2, h3),
body.dirips-harmonisation-v1 #main .fr-bloc--sombre .fr-carte :is(h2, h3),
body.dirips-harmonisation-v1 #main .fr-bloc--sombre .op-mode :is(h2, h3),
body.dirips-harmonisation-v1 #main .fr-bloc--sombre .dh-card :is(h2, h3) {
  color: var(--dh-indigo);
}

body.dirips-harmonisation-v1 #main .rec-esprit .fr-btn--ligne:not(.fr-btn--clair),
body.dirips-harmonisation-v1 #main .part-domaines .fr-btn--ligne:not(.fr-btn--clair),
body.dirips-harmonisation-v1 #main .lg-promesses .fr-btn--ligne:not(.fr-btn--clair),
body.dirips-harmonisation-v1 #main .lg-couverture .fr-btn--ligne:not(.fr-btn--clair),
body.dirips-harmonisation-v1 #main .nl-gamme .fr-btn--ligne:not(.fr-btn--clair),
body.dirips-harmonisation-v1 #main .sa-methode .fr-btn--ligne:not(.fr-btn--clair),
body.dirips-harmonisation-v1 #main .di-reperes .fr-btn--ligne:not(.fr-btn--clair),
body.dirips-harmonisation-v1 #main .op-cloud .fr-btn--ligne:not(.fr-btn--clair),
body.dirips-harmonisation-v1 #main .fr-bloc--sombre .fr-btn--ligne:not(.fr-btn--clair),
body.dirips-harmonisation-v1 #main .lg-final__carte .fr-btn--ligne:not(.fr-btn--clair),
body.dirips-harmonisation-v1 #main .rec-fin__carte .fr-btn--ligne:not(.fr-btn--clair) {
  color: var(--dh-mint);
  border-color: rgba(255, 255, 255, .42);
}

body.dirips-harmonisation-v1 #main .rec-esprit .fr-btn--ligne:not(.fr-btn--clair):hover,
body.dirips-harmonisation-v1 #main .part-domaines .fr-btn--ligne:not(.fr-btn--clair):hover,
body.dirips-harmonisation-v1 #main .lg-promesses .fr-btn--ligne:not(.fr-btn--clair):hover,
body.dirips-harmonisation-v1 #main .lg-couverture .fr-btn--ligne:not(.fr-btn--clair):hover,
body.dirips-harmonisation-v1 #main .nl-gamme .fr-btn--ligne:not(.fr-btn--clair):hover,
body.dirips-harmonisation-v1 #main .sa-methode .fr-btn--ligne:not(.fr-btn--clair):hover,
body.dirips-harmonisation-v1 #main .di-reperes .fr-btn--ligne:not(.fr-btn--clair):hover,
body.dirips-harmonisation-v1 #main .op-cloud .fr-btn--ligne:not(.fr-btn--clair):hover,
body.dirips-harmonisation-v1 #main .fr-bloc--sombre .fr-btn--ligne:not(.fr-btn--clair):hover,
body.dirips-harmonisation-v1 #main .lg-final__carte .fr-btn--ligne:not(.fr-btn--clair):hover,
body.dirips-harmonisation-v1 #main .rec-fin__carte .fr-btn--ligne:not(.fr-btn--clair):hover {
  background: rgba(100, 210, 185, .12);
  color: #fff;
  border-color: var(--dh-mint);
}

body.dirips-harmonisation-v1 #main .rec-temoin,
body.dirips-harmonisation-v1 #main .lg-equipe,
body.dirips-harmonisation-v1 #main .sa-expertise,
body.dirips-harmonisation-v1 #main .ac-formation,
body.dirips-harmonisation-v1 #main .di-secteurs,
body.dirips-harmonisation-v1 #main .vr-methode,
body.dirips-harmonisation-v1 #main .ed-externes,
body.dirips-harmonisation-v1 #main .dh-section--soft {
  background-image: var(--dh-soft);
}

/* Rythme : 88/92px de la gamme pour les grandes sections ; les listes de documents et les bandeaux compacts sont exclus. */

body.dirips-harmonisation-v1 #main .rec-offres,
body.dirips-harmonisation-v1 #main .rec-temoin,
body.dirips-harmonisation-v1 #main .ent-sens,
body.dirips-harmonisation-v1 #main .ent-histoire,
body.dirips-harmonisation-v1 #main .ent-aujourdhui,
body.dirips-harmonisation-v1 #main .ent-fabrique,
body.dirips-harmonisation-v1 #main .part-reseau,
body.dirips-harmonisation-v1 #main .part-durables,
body.dirips-harmonisation-v1 #main .lg-pratique,
body.dirips-harmonisation-v1 #main .lg-fonctions,
body.dirips-harmonisation-v1 #main .lg-equipe,
body.dirips-harmonisation-v1 #main .nl-choix,
body.dirips-harmonisation-v1 #main .nl-piliers,
body.dirips-harmonisation-v1 #main .sa-services,
body.dirips-harmonisation-v1 #main .sa-expertise,
body.dirips-harmonisation-v1 #main .ac-parcours,
body.dirips-harmonisation-v1 #main .ac-formation,
body.dirips-harmonisation-v1 #main .op-modes,
body.dirips-harmonisation-v1 #main .di-portes,
body.dirips-harmonisation-v1 #main .di-secteurs,
body.dirips-harmonisation-v1 #main .di-logiciels,
body.dirips-harmonisation-v1 #main .vr-methode,
body.dirips-harmonisation-v1 #main .ed-externes,
body.dirips-harmonisation-v1 #main .dh-section {
  padding-top: 88px;
  padding-bottom: 92px;
}

@media (max-width: 900px) {
body.dirips-harmonisation-v1 #main .rec-offres,
body.dirips-harmonisation-v1 #main .rec-temoin,
body.dirips-harmonisation-v1 #main .ent-sens,
body.dirips-harmonisation-v1 #main .ent-histoire,
body.dirips-harmonisation-v1 #main .ent-aujourdhui,
body.dirips-harmonisation-v1 #main .ent-fabrique,
body.dirips-harmonisation-v1 #main .part-reseau,
body.dirips-harmonisation-v1 #main .part-durables,
body.dirips-harmonisation-v1 #main .lg-pratique,
body.dirips-harmonisation-v1 #main .lg-fonctions,
body.dirips-harmonisation-v1 #main .lg-equipe,
body.dirips-harmonisation-v1 #main .nl-choix,
body.dirips-harmonisation-v1 #main .nl-piliers,
body.dirips-harmonisation-v1 #main .sa-services,
body.dirips-harmonisation-v1 #main .sa-expertise,
body.dirips-harmonisation-v1 #main .ac-parcours,
body.dirips-harmonisation-v1 #main .ac-formation,
body.dirips-harmonisation-v1 #main .op-modes,
body.dirips-harmonisation-v1 #main .di-portes,
body.dirips-harmonisation-v1 #main .di-secteurs,
body.dirips-harmonisation-v1 #main .di-logiciels,
body.dirips-harmonisation-v1 #main .vr-methode,
body.dirips-harmonisation-v1 #main .ed-externes,
body.dirips-harmonisation-v1 #main .dh-section {
  padding-top: 46px;
  padding-bottom: 50px;
}
}

@media (max-width: 700px) {
body.dirips-harmonisation-v1 #main .fr-carte,
body.dirips-harmonisation-v1 #main .nl-carte,
body.dirips-harmonisation-v1 #main .sa-service,
body.dirips-harmonisation-v1 #main .op-mode,
body.dirips-harmonisation-v1 #main .ac-etape,
body.dirips-harmonisation-v1 #main .di-porte > a,
body.dirips-harmonisation-v1 #main .vr-entree > a,
body.dirips-harmonisation-v1 #main .ed-carte > a,
body.dirips-harmonisation-v1 #main .part-carte,
body.dirips-harmonisation-v1 #main .rec-offre,
body.dirips-harmonisation-v1 #main .ed-carte__corps,
body.dirips-harmonisation-v1 #main .dh-card {
  padding: 20px;
}
}

@media (max-width: 700px) {
body.dirips-harmonisation-v1 #main .ed-carte > a {
  padding: 0;
}
}

/* Repères opt-in pour les futurs composants des maquettes : pas de modification des logos ou captures existants. */

body.dirips-harmonisation-v1 #main .dh-icon-tile {
  display: inline-flex;
  box-sizing: border-box;
  width: 75px;
  height: 75px;
  padding: 15px;
  background: #fff;
  border-radius: 15px;
  box-shadow: -6px 6px 0 0 var(--dh-pale);
  align-items: center;
  justify-content: center;
}

body.dirips-harmonisation-v1 #main .dh-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

@media (max-width: 900px) {
body.dirips-harmonisation-v1 #main .dh-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}
}


/* Titres de fiche logiciel repris du .com : ils sont longs (« Gestionnaire de
   Dir IPS : gestion budgétaire, EPRD, ERRD, budgets et comptes
   administratifs »). Au-delà de cinquante caractères, le gabarit pose la
   classe et le titre descend d'un cran. */
body.dirips-harmonisation-v1 #main .lg-hero h1.lg-hero__titre--long {
  font-size: clamp(1.5rem, 2.5vw, 2.2rem);
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 22px;
}


/* Même règle que dans style.css, avec la spécificité de cette feuille. */
body.dirips-harmonisation-v1 #main .titre-anime .mot,
body.dirips-harmonisation-v1 #main .titre-anime .mot > span { color: inherit; }