/* diginov-signature immo-mag.fr cle=fleet-immo-mag-fr-6fc18 identite=4fb58ce0f7f5e346b3ec8c169f9c2ed139f32c8a81507c53e784df39ed623797 genere=2026-09-23 pied=encre */
/* Fichier genere par ops/smartmag-design/signature/generer.py : ne pas editer ici. */

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

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

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

@font-face {
  font-family: "DN Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/roboto-condensed-400.woff2") format("woff2");
}

@font-face {
  font-family: "DN Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/roboto-condensed-700.woff2") format("woff2");
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 {
  --dn-accent: #1F766C;
  --dn-accent-2: #B7793F;
  --dn-accent-text: #1F766C;
  --dn-ink: #17243A;
  --dn-paper: #FFFDF8;
  --dn-paper-soft: #F1F0EA;
  --dn-line: #CBD3D0;
  --dn-on-accent: #FFFDF8;
  --dn-on-accent-2: #000000;
  --dn-display: "DN Gabarito", ui-sans-serif, system-ui, sans-serif;
  --dn-body: "DN Gabarito", ui-sans-serif, system-ui, sans-serif;
  --dn-radius: 6px;
  --sig-accent: #1F766C;
  --sig-accent-text: #1F766C;
  --sig-accent-mark: #1F766C;
  --sig-accent-fill: #1F766C;
  --sig-on-accent: #FFFFFF;
  --sig-foot-bg: #17243A;
  --sig-foot-text: #FFFDF8;
  --sig-foot-muted: #F1F0EA;
  --sig-foot-logo: url("logo-sombre.png");
  --sig-display-family: "DN Gabarito", ui-sans-serif, system-ui, sans-serif;
  --sig-body-family: "DN Gabarito", ui-sans-serif, system-ui, sans-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-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu li > a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu li > a:focus-visible,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li:hover > a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .off-canvas .mobile-menu li > a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .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-fleet-immo-mag-fr-6fc18 #smart-head .navigation .menu > li > a::after {
  background: none !important;
  color: inherit !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #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-fleet-immo-mag-fr-6fc18 a:focus-visible,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 button:focus-visible,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 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-fleet-immo-mag-fr-6fc18 .entry-content {
  font-size: 18px;
  line-height: 1.7;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .entry-content p,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .entry-content li {
  font-size: 18px;
  line-height: 1.7;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .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-fleet-immo-mag-fr-6fc18 .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-fleet-immo-mag-fr-6fc18 .post-meta,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .post-meta a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .post-meta time,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .post-meta span,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .breadcrumbs,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .breadcrumbs a {
  font-size: max(13px, 1em);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .cat-labels a {
  font-size: 12px;
  letter-spacing: 0.04em;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .excerpt,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .excerpt p {
  font-size: 15px;
  line-height: 1.55;
}

@media (max-width: 767px) {
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .entry-content,
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .entry-content p,
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .entry-content li {
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 * {
    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-fleet-immo-mag-fr-6fc18 #smart-head-mobile .offcanvas-toggle,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head-mobile .offcanvas-toggle .hamburger-icon {
  --c-hamburger: currentColor !important;
}

/* Burger a barres internes (variante -a) : seules .inner et ses deux
 * pseudo-elements sont des barres. Des surcharges peignaient aussi le bouton,
 * d ou un pave plein (expertise-comptable, hellobiz, techguru, releve du 23/09).
 * Ces surcharges visent `.offcanvas-toggle .hamburger-icon` (1,3,2), autant que
 * `.hamburger-icon:has(.inner)` : a egalite, la surcharge chargee apres
 * gagnait (avocatspecialise, cadres-dirigeants, expertise-comptable, R1).
 * La classe doublee porte la regle a (1,4,2), quel que soit l ordre. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .hamburger-icon.hamburger-icon:has(.inner),
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head-mobile .hamburger-icon.hamburger-icon:has(.inner),
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .hamburger-icon.hamburger-icon:has(.inner)::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head-mobile .hamburger-icon.hamburger-icon:has(.inner)::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .hamburger-icon.hamburger-icon:has(.inner)::after,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head-mobile .hamburger-icon.hamburger-icon:has(.inner)::after {
  background-color: transparent !important;
}

/* Encarts ranksource (publicite-partenariats et contact) : texte justifie,
 * sans cesure automatique. En drapeau, la marge droite tombait a 50-68 px
 * contre 27 a gauche a 390 (sonde commerciale du 23/09, 16 medias) ; avec
 * hyphens:auto, des mots se coupaient a la verticale. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust .dn-trust__marketplace p:not(.dn-trust__kicker),
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust .dn-trust__contact-commercial p:not(.dn-trust__kicker) {
  text-align: justify;
  hyphens: manual;
  -webkit-hyphens: manual;
}

/* Encarts ranksource, grille. wpautop glisse un <p></p> vide dans l aside
 * contact : il prend la 2e colonne, le texte retombe sous le logo dans la
 * colonne de 210 px (vocatis 648x749, decentre 43/535 chez geekcosmos). La
 * grille 200px|1fr|auto de la marketplace laisse 189 px au texte dans une
 * colonne de page de 650 a 850 px. Regle de la porte : ratio hauteur/largeur
 * <= 0,80 a 1440 ; 32 blocs hors regle au 23/09. En une colonne, le logo en
 * tete : vocatis 0,678, libetoulouse 0,552. La colonne prend la largeur de
 * sa plus longue ligne et se centre : un texte court (une ligne chez
 * biotissime) laissait 29 px a gauche et 104 a droite, hors tolerance de la
 * porte ; un texte long remplit la carte comme avant. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust .dn-trust__contact-commercial > p:empty,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust .dn-trust__marketplace > p:empty {
  display: none !important;
}
@media (min-width: 821px) {
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust .dn-trust__contact-commercial,
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust .dn-trust__marketplace {
    grid-template-columns: minmax(0, max-content) !important;
    justify-content: center !important;
    gap: 18px !important;
    align-items: start !important;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust .dn-trust__marketplace-logo {
    max-width: 200px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust .dn-trust__marketplace > p:last-child {
    margin: 0;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust .dn-trust__contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
}

/* Pont de survol sous les onglets a sous-menu. La signature centre le menu
 * (align-items:center) dans une rangee de 110 px : l onglet ne fait plus que
 * 44 px de haut, le mega-menu part du bas de la rangee. Trou de 33 px chez
 * montagne-france (releve de Marc du 23/09) : la souris qui descend vers le
 * sous-menu quitte le li, :hover tombe, le sous-menu s efface. Le ::before de
 * l onglet survole se prolonge vers le bas, transparent ; z-index 0, sous le
 * sous-menu (110 chez SmartMag), il ne vole aucun clic. Le ::after porte le
 * chevron : on n y touche pas. 941 px : point de rupture du menu desktop
 * SmartMag (.navigation .menu masque sous 940 px).
 * Deux cas. Sans .nav-hov-b, le ::before est libre ; display force parce que
 * douze surcharges l eteignent. Avec .nav-hov-b, SmartMag y trace le
 * soulignement de survol (border-bottom, bottom:0, z-index 9997) : on
 * l allonge vers le bas et le trait passe en bordure haute, couleur et
 * largeur reprises de SmartMag (border-color et border-width du
 * personnaliseur valent pour les quatre cotes ; 2 px par defaut via :where,
 * qui cede au personnaliseur). translateY(-100%) remonte la boite de sa
 * hauteur plus l epaisseur du trait : le trait reste pile ou SmartMag le
 * dessine, quelle que soit son epaisseur. display laisse a la surcharge qui
 * l a masque. */
@media (hover: hover) and (min-width: 941px) {
  /* Le theme enfant met le menu de la rangee basse en overflow:hidden des
   * 1025 px (pas de retour a la ligne) : le pont etait rogne sous l onglet.
   * clip sur l axe horizontal garde la coupe a droite, l axe vertical laisse
   * passer le pont. */
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .smart-head-bot :is(.navigation-main, .navigation) > .menu {
    overflow-x: clip;
    overflow-y: visible;
  }

  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li.menu-item-has-children > a {
    position: relative;
  }

  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main:not(.nav-hov-b) .menu > li.menu-item-has-children:hover > a::before {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 72px;
    z-index: 0;
    background: transparent !important;
  }

  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main.nav-hov-b .menu > li.menu-item-has-children:hover > a::before {
    top: calc(100% + 72px);
    bottom: auto;
    box-sizing: content-box;
    height: 72px;
    transform: translateY(-100%);
    z-index: 0;
    border-bottom-style: none;
    border-top-style: solid;
    background: transparent !important;
  }

  :where(html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .navigation-main.nav-hov-b .menu > li.menu-item-has-children:hover) > a::before {
    border-top-width: 2px;
  }
}

/* Colonne d article : le texte prend toute la largeur de sa colonne. Le theme
 * enfant plafonne .dn-article-content a 42rem (588 px) ou 760 px : chez
 * finactu, texte a 588 px dans une colonne de 826 ou la notice et le pied
 * font 826, trou de 236 px avant le rail (releve de Marc du 23/09). Sonde de
 * flotte du 23/09 a 1440 : 25 medias dans ce cas. Sans rail, la grille
 * commune des styles d image a la Une (article/commun.css) ramene deja la
 * colonne a 800 px centree. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-main > .dn-article-content {
  max-width: none !important;
}

/* Sans rail (emplacement de pub vide, masque), la colonne d article tient en
 * 800 px, centree. La grille commune des styles d image a la Une y pourvoit,
 * mais certaines surcharges passent la mise en page en flex : chez
 * france-escape, colonne de 1061 px, soit des lignes de 1061 px une fois le
 * plafond du texte leve (sonde du 23/09). */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article .dn-article-layout--full:has(> .dn-article-rail > .dn-article-rail__slot[aria-hidden="true"]:only-child) > .dn-article-main,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article .dn-article-layout--full:has(> .dn-article-rail[aria-hidden="true"]:empty) > .dn-article-main {
  max-width: 800px !important;
  margin-inline: auto !important;
}

/* Rail publicitaire d article, a cote du texte et flottant. Demandes de Marc
 * du 23/09 : « sur un article sidebar obligatoire avec pub », « mettre les
 * pub sidebar en flottant partout ». Sonde de flotte du 23/09, 77 medias
 * AdSense a 1440 : 12 surcharges passaient la mise en page en bloc centre ou
 * en colonne de 720 px (hellobiz, display block au-dela de 1100 px), la pub
 * tombait sous l article ; 3 posaient le rail en absolu hors colonne
 * (lanimalier) ; et sur les 77, main.dn-article en overflow hidden devenait
 * le conteneur de defilement et figeait le sticky. overflow-x clip rogne
 * pareil sans capter le defilement. Ne vaut que pour un rail qui porte une
 * annonce AdSense : un rail vide reste replie. */
@media (min-width: 1021px) {
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 main.dn-article:has(.dn-article-rail ins.adsbygoogle) {
    overflow: visible !important;
    overflow-x: clip !important;
  }

  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article .dn-article-layout.dn-article-layout--full:has(> .dn-article-rail ins.adsbygoogle) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 336px) !important;
    column-gap: clamp(32px, 3.5vw, 56px) !important;
    align-items: start !important;
    justify-content: stretch !important;
    width: min(1200px, calc(100% - 48px)) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    position: relative !important;
  }

  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article .dn-article-layout.dn-article-layout--full:has(> .dn-article-rail ins.adsbygoogle) > .dn-article-main {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
  }

  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article .dn-article-layout.dn-article-layout--full:has(> .dn-article-rail ins.adsbygoogle) > .dn-article-rail {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    position: sticky !important;
    top: var(--dn-rail-top, clamp(88px, 9vw, 120px)) !important;
    left: auto !important;
    right: auto !important;
    align-self: start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
  }
}

/* ---- surcharges/immo-mag.fr.css ---- */
/* immo-mag.fr : un immeuble vu en coupe. Dalles d encre #17243A entre les
   etages, plaques de palier vert #1F766C portant le nom de chaque rubrique,
   cellules vertes du monogramme IM en signe. Gabarito 700 au titrage,
   Gabarito 400 au corps, Roboto Condensed 700 en capitales pour les plaques
   et les libelles (celle du logotype). Ocre #B7793F reserve aux reperes,
   assombri en #8A5528 quand il porte du texte. */

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 {
  --im-encre: #17243A;
  --im-vert: #1F766C;
  --im-vert-fonce: #175A52;
  --im-vert-clair: #9FD3CA;
  --im-ocre: #B7793F;
  --im-ocre-texte: #8A5528;
  --im-papier: #FFFDF8;
  --im-doux: #F1F0EA;
  --im-trait: #CBD3D0;
  --im-gris: #566070;
  --im-cond: "DN Roboto Condensed", "DN Roboto Condensed", "Arial Narrow", sans-serif;
  background: var(--im-papier);
  color: var(--im-encre);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 h1,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 h2,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 h3,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 h4 {
  font-family: var(--sig-display-family) !important;
  letter-spacing: -0.01em;
}

/* ---- En-tete : une seule rangee (logo et menu), dalle d encre dessous. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .smart-head-main .smart-head-mid {
  background: var(--im-papier) !important;
  border-top: 0 !important;
  border-bottom: 8px solid var(--im-encre) !important;
  box-shadow: none !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li > a {
  color: var(--im-encre) !important;
  font-family: var(--im-cond) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li:hover {
  --c-nav-hov-bg: transparent;
  background: transparent !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li.current-menu-item > a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li.current-menu-parent > a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li.current-post-parent > a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li.current-category-ancestor > a {
  background: transparent !important;
  color: var(--im-vert) !important;
  box-shadow: inset 0 -5px 0 var(--im-vert);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li > a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li > a:focus-visible,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li:hover > a {
  background: var(--im-vert) !important;
  color: var(--im-papier) !important;
  box-shadow: none;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li > a::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .menu > li > a::after {
  background: transparent !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .sub-menu {
  background: var(--im-papier) !important;
  border: 1px solid var(--im-trait) !important;
  border-top: 5px solid var(--im-vert) !important;
  box-shadow: 0 10px 22px rgba(23, 36, 58, 0.14) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .sub-menu a {
  color: var(--im-encre) !important;
  font-size: 15px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .sub-menu a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .navigation-main .sub-menu a:focus-visible {
  background: var(--im-vert) !important;
  color: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .search-icon,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .offcanvas-toggle {
  color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .search-icon:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 #smart-head .search-icon:focus-visible {
  color: var(--im-vert) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .smart-head-mobile .smart-head-row {
  background: var(--im-papier) !important;
  border-bottom: 6px solid var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .smart-head-mobile .search-icon,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .smart-head-mobile .offcanvas-toggle,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .smart-head-mobile .hamburger-icon {
  color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .smart-head-mobile .hamburger-icon .inner,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .smart-head-mobile .hamburger-icon .inner::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .smart-head-mobile .hamburger-icon .inner::after {
  background-color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .off-canvas {
  background: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .off-canvas .mobile-menu li > a {
  color: var(--im-papier) !important;
  font-size: 18px !important;
  font-weight: 700;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .off-canvas .mobile-menu li > a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .off-canvas .mobile-menu li > a:focus-visible {
  color: var(--im-vert-clair) !important;
}

/* ---- Home dediee : commun. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im {
  display: block;
  background: var(--im-papier);
  color: var(--im-encre);
  padding: 0;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-sr {
  position: absolute !important;
  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-fleet-immo-mag-fr-6fc18 .dn-im .im-wrap {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  box-sizing: border-box;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im article {
  position: relative;
  min-width: 0;
  margin: 0;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im h2,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im h3 {
  margin: 0;
  color: var(--im-encre);
  font-weight: 700;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im h2 a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im h3 a {
  color: inherit !important;
  text-decoration: none;
  background: none;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im h2 a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im h2 a:focus-visible,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im h3 a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im h3 a:focus-visible {
  color: var(--im-vert) !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-media {
  display: block;
  overflow: hidden;
  background: var(--im-doux);
  aspect-ratio: 4 / 3;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-media img,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-une__media img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transition: transform 0.35s ease;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im article:hover .im-media img,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im article:hover .im-une__media img {
  transform: scale(1.03);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-cat {
  display: inline-block;
  margin: 0 0 8px;
  color: var(--im-vert) !important;
  font-family: var(--im-cond);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
  text-decoration: none;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-cat:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-cat:focus-visible {
  color: var(--im-encre) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 10px 0 0;
  color: var(--im-gris);
  font-size: 14px;
  line-height: 1.4;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-by {
  white-space: nowrap;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-by::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 2px;
  margin: 0 10px 4px 0;
  background: var(--im-ocre);
  vertical-align: middle;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-extrait,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-chapo {
  margin: 10px 0 0;
  color: #34405A;
  font-size: 16px;
  line-height: 1.6;
}

/* Tete du palier : trois cellules vertes en marche, comme le M du logo. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 26px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-sign,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-cellules {
  position: relative;
  flex: 0 0 auto;
  display: block;
  width: 30px;
  height: 22px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-sign::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-cellules::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 22px;
  background: var(--im-vert);
  box-shadow: 11px 7px 0 0 var(--im-vert), 22px 0 0 0 var(--im-vert);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-head h2 {
  font-size: 32px;
  line-height: 1.1;
}

/* ---- Dernier etage : la une et trois fenetres, sous une dalle de toit. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-toit {
  background: var(--im-doux);
  padding: 44px 0 52px;
  border-bottom: 8px solid var(--im-encre);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-toit__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
  gap: 32px;
  align-items: stretch;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-une {
  display: flex;
  flex-direction: column;
  background: var(--im-papier);
  border: 1px solid var(--im-trait);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-une__media {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 8.5;
  background: var(--im-doux);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-une__body {
  position: relative;
  padding: 30px 36px 32px;
  border-top: 6px solid var(--im-vert);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-une h2 {
  font-size: 40px;
  line-height: 1.1;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-une .im-chapo {
  max-width: 720px;
  margin-top: 14px;
  font-size: 18px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-fenetres {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--im-papier);
  border: 1px solid var(--im-trait);
  border-top: 6px solid var(--im-encre);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-fenetre {
  flex: 1 1 0;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 20px 22px;
  border-bottom: 1px solid var(--im-trait);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-fenetre:last-child {
  border-bottom: 0;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-fenetre .im-media {
  aspect-ratio: 1 / 1;
  outline: 4px solid var(--im-doux);
  outline-offset: -4px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-fenetre h3 {
  font-size: 19px;
  line-height: 1.25;
}

/* ---- Palier des derniers articles : quatre portes. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-palier {
  padding: 52px 0 56px;
  border-bottom: 8px solid var(--im-encre);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-palier__row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-left: 1px solid var(--im-trait);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-porte {
  padding: 0 22px;
  border-right: 1px solid var(--im-trait);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-porte .im-media {
  aspect-ratio: 3 / 2;
  margin-bottom: 16px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-porte h3 {
  font-size: 20px;
  line-height: 1.25;
}

/* ---- Etages des rubriques : plaque de palier verte, pieces a droite. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage {
  padding: 48px 0;
  border-bottom: 8px solid var(--im-encre);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage:nth-of-type(odd) {
  background: var(--im-doux);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage__grid {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--droite .im-etage__grid {
  grid-template-columns: minmax(0, 1fr) 260px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--droite .im-plaque {
  order: 2;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-plaque {
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 26px 24px 28px;
  background: var(--im-vert);
  color: var(--im-papier);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-plaque .im-cellules::before {
  background: var(--im-papier);
  box-shadow: 11px 7px 0 0 var(--im-papier), 22px 0 0 0 var(--im-papier);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-plaque h2 {
  color: var(--im-papier);
  font-family: var(--im-cond) !important;
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-plaque__lien {
  align-self: flex-start;
  padding: 10px 14px;
  border: 2px solid var(--im-papier);
  color: var(--im-papier) !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-plaque__lien:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-plaque__lien:focus-visible {
  background: var(--im-papier);
  color: var(--im-vert-fonce) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-pieces {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--n4 .im-pieces {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--n4 .im-piece--grande {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 28px;
  align-items: center;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--n4 .im-piece--grande .im-media {
  aspect-ratio: 16 / 10;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--n4 .im-piece--grande h3 {
  font-size: 28px;
  line-height: 1.15;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--n2 .im-pieces {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-piece {
  background: var(--im-papier);
  border: 1px solid var(--im-trait);
  border-bottom: 4px solid var(--im-encre);
  transition: border-color 0.2s ease;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-piece:hover {
  border-bottom-color: var(--im-vert);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-piece .im-body {
  padding: 16px 18px 18px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--n4 .im-piece--grande .im-body {
  padding: 20px 24px 20px 0;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-piece h3 {
  font-size: 20px;
  line-height: 1.25;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-piece .im-media {
  aspect-ratio: 3 / 2;
}

@media (max-width: 1100px) {
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-toit__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-palier__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 28px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage__grid,
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--droite .im-etage__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--droite .im-plaque {
    order: 0;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-plaque {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 18px 22px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-plaque h2 {
    flex: 1 1 auto;
  }
}

@media (max-width: 767px) {
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-toit {
    padding: 24px 0 32px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-une__body {
    padding: 22px 20px 24px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-une__media {
    aspect-ratio: 4 / 3;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-une h2 {
    font-size: 30px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-une .im-chapo {
    font-size: 17px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-fenetre {
    grid-template-columns: 92px minmax(0, 1fr);
    padding: 16px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-fenetre h3 {
    font-size: 18px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-head h2 {
    font-size: 26px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-palier {
    padding: 36px 0 40px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-palier__row {
    grid-template-columns: minmax(0, 1fr);
    border-left: 0;
    row-gap: 0;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-porte {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 14px;
    padding: 16px 0;
    border-right: 0;
    border-bottom: 1px solid var(--im-trait);
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-porte .im-media {
    aspect-ratio: 1 / 1;
    margin: 0;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-porte h3 {
    font-size: 18px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage {
    padding: 32px 0;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-plaque h2 {
    font-size: 24px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-pieces,
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--n4 .im-pieces,
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--n2 .im-pieces {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--n4 .im-piece--grande {
    display: block;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--n4 .im-piece--grande .im-body {
    padding: 16px 18px 18px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-piece:not(.im-piece--grande) {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-piece:not(.im-piece--grande) .im-media {
    aspect-ratio: auto;
    min-height: 104px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-piece:not(.im-piece--grande) .im-body {
    padding: 12px 14px 14px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-piece:not(.im-piece--grande) h3 {
    font-size: 18px;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-piece:not(.im-piece--grande) .im-extrait {
    display: none;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im .im-etage--n4 .im-piece--grande h3 {
    font-size: 24px;
  }
}

/* ---- Heros : le socle posait un filet d encre de 9 px en haut ; ici dalle
   d encre en bas et plaque verte devant le titre. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-hero,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-author-hero,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-team-hero,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-page-header {
  border-top: 0 !important;
  background: var(--im-doux) !important;
  background-image: none !important;
  color: var(--im-encre) !important;
  padding-top: 36px !important;
  padding-bottom: 40px !important;
  border-bottom: 8px solid var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-header {
  border-top: 0 !important;
  background-image: none !important;
  border-bottom: 8px solid var(--im-encre) !important;
  padding-bottom: 28px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-hero h1,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-author-hero h1,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-team-hero h1,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-page-header h1,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-id-page__head h1 {
  color: var(--im-encre) !important;
  font-size: clamp(34px, 3.4vw, 50px) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-hero h1::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 0.8em;
  margin: 0 20px 0 0;
  background: var(--im-vert);
  box-shadow: 11px 0.2em 0 0 var(--im-vert);
  vertical-align: -0.04em;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-hero p,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-author-hero p,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-team-hero p,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-author-hero span {
  color: #34405A !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-kicker,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-category {
  color: var(--im-vert) !important;
  font-family: var(--im-cond) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-breadcrumb,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-breadcrumb a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-breadcrumb span {
  font-size: 14px !important;
  color: var(--im-gris) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-breadcrumb a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-breadcrumb a:focus-visible {
  color: var(--im-vert) !important;
  text-decoration: underline;
}

/* ---- Le socle reglait le fond en quarts de colonne : retire ici. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-grid,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-page-content,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-team-card {
  background-image: none !important;
}

/* ---- Article. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-header h1 {
  font-size: clamp(34px, 3.6vw, 52px) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-deck {
  font-size: 21px !important;
  line-height: 1.5 !important;
  color: #34405A !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-byline,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-byline .dn-meta,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-byline time,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-byline span {
  font-size: 15px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-hero img {
  border-bottom: 6px solid var(--im-vert);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-hero figcaption,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content figcaption {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--im-gris) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content {
  color: #1E2A40;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content p,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content li {
  font-size: 18px !important;
  line-height: 1.7 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content h2 {
  margin-top: 46px !important;
  padding: 12px 0 0 !important;
  border-top: 4px solid var(--im-encre) !important;
  font-size: 30px !important;
  line-height: 1.18 !important;
  color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content h2::before {
  content: "";
  display: block;
  width: 64px;
  height: 6px;
  margin: -16px 0 14px;
  background: var(--im-vert);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content h3 {
  margin-top: 32px !important;
  font-size: 23px !important;
  line-height: 1.3 !important;
  color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content a:not([class]) {
  color: var(--im-vert) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content a:not([class]):hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content a:not([class]):focus-visible {
  color: var(--im-encre) !important;
  text-decoration-thickness: 2px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content blockquote {
  margin: 32px 0 !important;
  padding: 22px 26px !important;
  border: 0 !important;
  border-left: 8px solid var(--im-vert) !important;
  background: var(--im-doux) !important;
  font-style: normal !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content blockquote p {
  font-size: 20px !important;
  line-height: 1.55 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content .wp-block-table table,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content table {
  border: 1px solid var(--im-trait) !important;
  border-bottom: 6px solid var(--im-encre) !important;
  border-collapse: collapse !important;
  background: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content th,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content td {
  border: 0 !important;
  border-bottom: 1px solid var(--im-trait) !important;
  padding: 14px 18px !important;
  color: var(--im-encre) !important;
  text-align: left;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content thead th,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content tr:first-child th {
  background: var(--im-vert) !important;
  color: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content .wp-block-table td p,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content .wp-block-table td li,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content td p,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content td li,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content th {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-content li::marker {
  color: var(--im-vert);
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-tags a {
  font-size: 14px !important;
  border: 1px solid var(--im-trait) !important;
  color: var(--im-encre) !important;
  background: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-tags a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-tags a:focus-visible {
  border-color: var(--im-vert) !important;
  background: var(--im-vert) !important;
  color: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-share,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-share span,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-share strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-share a {
  display: inline-block;
  padding: 6px 12px !important;
  border: 2px solid var(--im-encre) !important;
  color: var(--im-encre) !important;
  text-decoration: none !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-share a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-share a:focus-visible {
  background: var(--im-vert) !important;
  border-color: var(--im-vert) !important;
  color: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-author-card {
  border: 1px solid var(--im-trait) !important;
  border-bottom: 6px solid var(--im-encre) !important;
  background: var(--im-doux) !important;
  padding: 24px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-author-card p {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-author-card h2,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-author-card h2 a {
  color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-related h2,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-section__head h2 {
  font-size: 28px !important;
  color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-related h3,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-related h3 a {
  font-size: 18px !important;
  line-height: 1.3 !important;
  color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-related h3 a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-related h3 a:focus-visible {
  color: var(--im-vert) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* ---- Cartes de rubrique et d auteur : pieces a dalle d encre. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback {
  border: 1px solid var(--im-trait) !important;
  border-bottom: 4px solid var(--im-encre) !important;
  background: var(--im-papier) !important;
  transition: border-color 0.2s ease;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback:hover {
  border-bottom-color: var(--im-vert) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h2,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h3,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback h3 {
  font-size: 21px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h2 a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h3 a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback h3 a {
  color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h2 a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h2 a:focus-visible,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h3 a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h3 a:focus-visible,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback h3 a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback h3 a:focus-visible {
  color: var(--im-vert) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card p {
  font-size: 16px !important;
  line-height: 1.55 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card time,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card .dn-meta,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card .dn-meta span,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback time {
  color: var(--im-gris) !important;
  font-size: 14px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-pagination .page-numbers {
  font-size: 15px !important;
  border: 1px solid var(--im-trait) !important;
  color: var(--im-encre) !important;
  background: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-pagination .page-numbers.current,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-pagination .page-numbers:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-pagination .page-numbers:focus-visible {
  background: var(--im-vert) !important;
  border-color: var(--im-vert) !important;
  color: var(--im-papier) !important;
}

/* ---- Equipe, confiance, contact. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-team-card {
  border: 1px solid var(--im-trait) !important;
  border-bottom: 6px solid var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-team-card h2 a {
  color: var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-team-card p {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-team-card__link:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-team-card__link:focus-visible {
  background: var(--im-vert) !important;
  border-color: var(--im-vert) !important;
  color: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-id-page__head {
  border-top: 0 !important;
  padding-bottom: 22px !important;
  border-bottom: 8px solid var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust__hero {
  background: var(--im-encre) !important;
  color: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust__hero h2,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust__hero p {
  color: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust__hero::before {
  background: var(--im-vert) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust__hero::after {
  display: none !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust__kicker {
  color: var(--im-vert-clair) !important;
  font-size: 14px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust p,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust li,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-id-page__body p,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-id-page__body li {
  font-size: 17px !important;
  line-height: 1.65 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust__links {
  border-left-color: var(--im-vert) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust__pillar {
  border: 1px solid var(--im-trait) !important;
  border-bottom: 6px solid var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust__pillar::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust__pillar::after {
  background: var(--im-vert) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust a:not([class]),
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-id-page__body a:not([class]) {
  color: var(--im-vert) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust a:not([class]):hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-id-page__body a:not([class]):hover {
  color: var(--im-encre) !important;
  text-decoration-thickness: 2px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-trust__hero a:not([class]) {
  color: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-contact-form input,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-contact-form textarea {
  font-size: 16px !important;
  border: 1px solid var(--im-encre) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-contact-form button,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-contact-form input[type="submit"] {
  background: var(--im-encre) !important;
  color: var(--im-papier) !important;
  border-color: var(--im-encre) !important;
  font-size: 16px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-contact-form button:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-contact-form button:focus-visible {
  background: var(--im-vert) !important;
  border-color: var(--im-vert) !important;
}

/* ---- Pied : les fondations. Encre, dalle verte au-dessus. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__mast,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__grid,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__base {
  background: var(--im-encre) !important;
  background-image: none !important;
  color: var(--im-papier) !important;
  border-color: rgba(203, 211, 208, 0.25) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer {
  border-top: 8px solid var(--im-vert) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__mast {
  padding: 44px 0 32px !important;
  border-bottom: 1px solid rgba(203, 211, 208, 0.25) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__mast-inner,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__mast-brand {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__mast::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__mast::after,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__mast-inner::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__mast-inner::after,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__mast-brand::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__mast-brand::after,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__brand::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__brand::after,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial::after {
  display: none !important;
  content: none !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__brand {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  /* 23/09, decision de Marc sur les logos mal integres : le pied sert deja la
     declinaison fond sombre de la charte (logo papier), la plaque papier la
     rendait invisible. Logo a nu sur l encre. */
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__brand img {
  max-height: 40px !important;
  width: auto !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__statement {
  color: var(--im-papier) !important;
  font-family: var(--sig-display-family) !important;
  font-weight: 700 !important;
  font-size: 30px !important;
  line-height: 1.2 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__label {
  color: var(--im-vert-clair) !important;
  font-family: var(--im-cond) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__sections a > span,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__links a > span {
  display: none !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__sections a strong {
  color: var(--im-papier) !important;
  font-size: 16px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__sections a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__links a {
  display: block !important;
  border-color: rgba(203, 211, 208, 0.25) !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer a:focus-visible,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer a:hover strong {
  color: var(--im-vert-clair) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial {
  position: relative;
  transform: none !important;
  rotate: none !important;
  background: var(--im-vert) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--im-papier) !important;
  padding: 28px 26px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial .dn-fleet-footer__label {
  color: var(--im-papier) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial h2 {
  color: var(--im-papier) !important;
  font-family: var(--sig-display-family) !important;
  font-weight: 700 !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial p {
  color: var(--im-papier) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial > a {
  display: inline-block;
  background: var(--im-papier) !important;
  color: var(--im-encre) !important;
  border: 2px solid var(--im-papier) !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  padding: 11px 18px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial > a * {
  color: inherit !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial > a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial > a:focus-visible {
  background: var(--im-encre) !important;
  border-color: var(--im-encre) !important;
  color: var(--im-papier) !important;
  text-decoration: none;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial > a > span,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__commercial > a::after {
  display: none !important;
  content: none !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__base {
  border-top: 1px solid rgba(203, 211, 208, 0.25) !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__base p,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__base a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__base button {
  color: #D6DCE4 !important;
  font-size: 14px !important;
  background: transparent !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__base a:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__base button:hover,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__base button:focus-visible {
  color: var(--im-papier) !important;
  text-decoration: underline;
}

@media (max-width: 767px) {
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-fleet-footer .dn-fleet-footer__statement {
    font-size: 24px !important;
  }
}

/* ---- Cartes : piece a marge interieure, titres sans cesure. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card__body,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback__body {
  padding: 16px 18px 18px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h2,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h3,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback h3,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im h2,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-im h3,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h2 a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card h3 a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback h3 a,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card__body * {
  hyphens: manual !important;
  -webkit-hyphens: manual !important;
  overflow-wrap: normal;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card__body .dn-meta,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card__body .dn-meta *,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback__body .dn-meta,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback__body .dn-meta * {
  color: var(--im-gris) !important;
  font-size: 14px !important;
}

html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-archive-card__body p,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-loop-post-fallback__body p {
  font-size: 16px !important;
  line-height: 1.55 !important;
  hyphens: manual !important;
}

/* ---- article/commun.css ---- */
/* Page article, bloc commun a tous les styles d image a la Une.
 * Genere dans signature.css apres la surcharge du media, seulement pour les
 * medias actives dans article/une.json. */

/* 1. Rail publicitaire vide (arbitrage de Marc du 23/09, « Poser, lots de 10 »).
 * Le gabarit pose aria-hidden sur le slot, le MU plugin diginov-media-ads le
 * retire en servant l unite : tant qu il est la, aucune regie n est servie.
 * On replie la piste et le rail, et la colonne de lecture reprend la mesure
 * de la maison (800 px centres) au lieu de s etaler sur toute la coque.
 * Le jour ou la regie sert, la regle cesse de matcher toute seule. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article .dn-article-layout--full:has(> .dn-article-rail > .dn-article-rail__slot[aria-hidden="true"]:only-child),
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article .dn-article-layout--full:has(> .dn-article-rail[aria-hidden="true"]:empty) {
  grid-template-columns: minmax(0, 800px) !important;
  justify-content: center !important;
}
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article .dn-article-layout--full:has(> .dn-article-rail > .dn-article-rail__slot[aria-hidden="true"]:only-child) > .dn-article-rail,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article .dn-article-layout--full > .dn-article-rail[aria-hidden="true"]:empty {
  display: none !important;
}

/* 2. Image a la Une : une photo n est jamais recadree en portrait ou en carre
 * par le profil de surface. Le style du media fixe largeur et format. */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-shell > .dn-article-hero {
  position: relative;
  overflow: visible !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none;
  padding: 0 !important;
}
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-shell > .dn-article-hero::before,
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-shell > .dn-article-hero::after {
  content: none !important;
}
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-shell > .dn-article-hero img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: var(--une-ratio, 16 / 9) !important;
  object-fit: cover !important;
  object-position: 50% 40%;
  border: 0 !important;
  border-radius: var(--une-radius, 0) !important;
}

/* 3. Legende : sous l image, dans l axe du titre, en DA (trait d accent,
 * corps lisible, jamais sous 14 px). */
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-shell > .dn-article-hero figcaption {
  display: flex;
  gap: 12px;
  align-items: baseline;
  margin: 12px 0 0;
  padding: 0 0 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--dn-ink) 14%, transparent);
  color: var(--dn-muted);
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-shell > .dn-article-hero figcaption::before {
  content: "";
  flex: 0 0 28px;
  height: 2px;
  background: var(--dn-accent);
  transform: translateY(-4px);
}

@media (max-width: 760px) {
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-shell > .dn-article-hero {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-shell > .dn-article-hero img {
    aspect-ratio: 3 / 2 !important;
    border-radius: 0 !important;
  }
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-shell > .dn-article-hero figcaption {
    margin-inline: 16px;
  }
}

/* ---- article/une-large.css ---- */
/* Style « large » : l image prend la largeur exacte du titre, en 16/9. */
@media (min-width: 761px) {
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-article-shell > .dn-article-hero {
    width: min(var(--dn-surface-measure, 1220px), calc(100% - 48px)) !important;
    max-width: none !important;
    margin-inline: auto !important;
    --une-ratio: 16 / 9;
    --une-radius: var(--dn-radius, 0);
  }
}

/* ---- article/gouttiere.json ---- */
/* Gouttiere mobile du titre : aligne sur le texte du corps. */
@media (max-width: 680px) {
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-surface .dn-article-shell > .dn-article-header.dn-shell {
    margin-inline: 0 !important;
    width: auto !important;
    max-width: none !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }
}
@media (min-width: 681px) and (max-width: 760px) {
  html body.diginov-media.diginov-media-fleet-immo-mag-fr-6fc18 .dn-surface .dn-article-shell > .dn-article-header.dn-shell {
    margin-inline: 0 !important;
    width: auto !important;
    max-width: none !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }
}
