/* diginov-signature so-trendy.fr cle=fleet-so-trendy-fr-3a55a identite=feb245b64988e6c78753559622c3427e9d739461132329afabd719dd7126316e genere=2026-09-23 pied=encre */ /* Fichier genere par ops/smartmag-design/signature/generer.py : ne pas editer ici. */ @font-face { font-family: "DN Bodoni Moda"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/bodoni-moda-400.woff2") format("woff2"); } @font-face { font-family: "DN Bodoni Moda"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/bodoni-moda-700.woff2") format("woff2"); } @font-face { font-family: "DN Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/inter-400.woff2") format("woff2"); } @font-face { font-family: "DN Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/inter-600.woff2") format("woff2"); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a { --dn-accent: #B51449; --dn-accent-2: #704558; --dn-ink: #31141E; --dn-paper: #F7EFE8; --dn-paper-soft: #E9E0DA; --dn-line: #CBBFBC; --dn-on-accent: #F7EFE8; --dn-on-accent-2: #F7EFE8; --dn-display: "DN Bodoni Moda", Georgia, "Times New Roman", ui-serif, serif; --dn-body: "DN Inter", ui-sans-serif, system-ui, sans-serif; --dn-radius: 2px; --sig-accent: #B51449; --sig-accent-text: #B51449; --sig-accent-mark: #B51449; --sig-accent-fill: #B51449; --sig-on-accent: #FFFFFF; --sig-foot-bg: #31141E; --sig-foot-text: #F7EFE8; --sig-foot-muted: #E9E0DA; --sig-foot-logo: url("logo-sombre.png"); --sig-display-family: "DN Bodoni Moda", Georgia, "Times New Roman", ui-serif, serif; --sig-body-family: "DN Inter", 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/.css et * dediees//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-. * * 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-so-trendy-fr-3a55a #smart-head .navigation-main .menu li > a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu li > a:focus-visible, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu > li:hover > a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .off-canvas .mobile-menu li > a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a #smart-head .navigation .menu > li > a::after { background: none !important; color: inherit !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #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-so-trendy-fr-3a55a a:focus-visible, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a button:focus-visible, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a 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-so-trendy-fr-3a55a .entry-content { font-size: 18px; line-height: 1.7; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .entry-content p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .entry-content li { font-size: 18px; line-height: 1.7; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .post-meta, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .post-meta a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .post-meta time, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .post-meta span, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .breadcrumbs, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .breadcrumbs a { font-size: max(13px, 1em); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .cat-labels a { font-size: 12px; letter-spacing: 0.04em; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .excerpt, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .excerpt p { font-size: 15px; line-height: 1.55; } @media (max-width: 767px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .entry-content, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .entry-content p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .entry-content li { font-size: 17px; } } @media (prefers-reduced-motion: reduce) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a * { 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-so-trendy-fr-3a55a #smart-head-mobile .offcanvas-toggle, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #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-so-trendy-fr-3a55a #smart-head .hamburger-icon.hamburger-icon:has(.inner), html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head-mobile .hamburger-icon.hamburger-icon:has(.inner), html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .hamburger-icon.hamburger-icon:has(.inner)::before, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head-mobile .hamburger-icon.hamburger-icon:has(.inner)::before, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .hamburger-icon.hamburger-icon:has(.inner)::after, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #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-so-trendy-fr-3a55a .dn-trust .dn-trust__marketplace p:not(.dn-trust__kicker), html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .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

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-so-trendy-fr-3a55a .dn-trust .dn-trust__contact-commercial > p:empty, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust .dn-trust__marketplace > p:empty { display: none !important; } @media (min-width: 821px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust .dn-trust__contact-commercial, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .dn-trust .dn-trust__marketplace-logo { max-width: 200px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust .dn-trust__marketplace > p:last-child { margin: 0; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a #smart-head .smart-head-bot :is(.navigation-main, .navigation) > .menu { overflow-x: clip; overflow-y: visible; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu > li.menu-item-has-children > a { position: relative; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #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-so-trendy-fr-3a55a #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-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .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; } /* ---- surcharges/so-trendy.fr.css ---- */ /* so-trendy.fr : table de composition a etiquettes cousues. La une est tenue dans le cadre de l etiquette du logo, encoche a gauche et cordon carmin qui ressort a la marge sans jamais entrer ; chaque tete de section porte la petite etiquette vide. Bodoni Moda 700 pour les titres, Inter pour le texte. Aucun cintre, aucune silhouette, aucun vert ; rayon de 2 px. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a { --st-carmin: #B51449; --st-encre: #31141E; --st-papier: #F7EFE8; --st-doux: #E9E0DA; --st-trait: #CBBFBC; --st-gris: #7E676F; --st-prune: #704558; --dn-accent: #B51449; background: var(--st-papier); color: var(--st-encre); } /* ---- En-tete : papier, menu en capitales espacees, cordon carmin actif. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .smart-head-main .smart-head-mid, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .smart-head-main .smart-head-bot, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .smart-head-mobile .smart-head-row { background: var(--st-papier) !important; border: 0 !important; box-shadow: inset 0 -1px 0 var(--st-encre); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .smart-head-main .smart-head-mid .inner, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .smart-head-main .smart-head-mid .items { align-items: center !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .smart-head-main .smart-head-mid .navigation-main, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .smart-head-main .smart-head-mid .navigation-main .menu { display: flex !important; align-items: center !important; align-self: center !important; height: auto !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .smart-head-main .smart-head-mid .navigation-main .menu > li { display: flex !important; align-items: center !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu > li, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu > li:hover { --c-nav-hov-bg: transparent; background: transparent !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu > li > a { color: var(--st-encre) !important; font-family: var(--sig-body-family) !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 10px 16px !important; line-height: 1.3 !important; box-shadow: none; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu > li.current-menu-item > a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu > li.current-menu-parent > a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu > li.current-post-parent > a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu > li > a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu > li > a:focus-visible, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .menu > li:hover > a { color: var(--st-carmin) !important; box-shadow: inset 0 -4px 0 var(--st-carmin); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .sub-menu, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .mega-menu { background: var(--st-papier) !important; border: 1px solid var(--st-encre) !important; border-top: 4px solid var(--st-carmin) !important; border-radius: 2px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .sub-menu a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head .navigation-main .mega-menu a { color: var(--st-encre) !important; font-size: 16px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .off-canvas { background: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .off-canvas .mobile-menu li > a { color: var(--st-encre) !important; font-family: var(--sig-display-family) !important; font-size: 22px !important; font-weight: 700; } /* ---- Home dediee. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st { display: block; padding: 0 0 96px; background: var(--st-papier); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st a { color: inherit; text-decoration: none; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st h2, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st h3 { margin: 0; font-family: var(--sig-display-family) !important; font-weight: 700; color: var(--st-encre); letter-spacing: -0.005em; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st h2 a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st h2 a:focus-visible, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st h3 a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st h3 a:focus-visible { text-decoration: underline; text-decoration-color: var(--st-carmin); text-decoration-thickness: 2px; text-underline-offset: 6px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st p { margin: 0; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 2px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-cat { display: inline-block; font-family: var(--sig-body-family); font-size: 16px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--st-carmin) !important; margin: 0 0 10px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-line { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 12px; font-family: var(--sig-body-family); font-size: 16px; color: var(--st-gris); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-by { color: var(--st-encre); font-weight: 600; } /* Tetes : la petite etiquette vide, son cordon, le titre en Bodoni. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-head { display: flex; align-items: center; gap: 18px; margin: 0 0 32px; padding: 0 0 18px; border-bottom: 1px solid var(--st-encre); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-sign { position: relative; flex: 0 0 auto; box-sizing: border-box; width: 46px; height: 30px; margin-left: 20px; border: 6px solid var(--st-encre); background: transparent; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-sign::before { content: ""; position: absolute; left: -26px; top: 6px; width: 26px; height: 6px; background: var(--st-carmin); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-head h2 { font-size: 40px; line-height: 1.1; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-more { margin-left: auto; font-family: var(--sig-body-family); font-size: 16px; font-weight: 600; color: var(--st-encre); border-bottom: 2px solid var(--st-carmin); padding-bottom: 3px; white-space: nowrap; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-more:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-more:focus-visible { color: var(--st-carmin); } /* La une dans l etiquette. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-label { position: relative; box-sizing: border-box; max-width: 1280px; margin: 48px auto 88px; padding: 0 40px 0 72px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-label__frame { position: relative; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 48px; padding: 44px; border: 14px solid var(--st-encre); border-radius: 2px; background: var(--st-papier); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-label__cord { position: absolute; z-index: 2; left: 0; top: 88px; width: 86px; height: 64px; background: var(--st-carmin); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-lead__media { display: block; aspect-ratio: 3 / 2; overflow: hidden; margin-bottom: 28px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-lead__title { font-size: 48px; line-height: 1.08; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-lead__excerpt { margin-top: 18px; font-family: var(--sig-body-family); font-size: 19px; line-height: 1.6; color: var(--st-encre); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-side { display: flex; flex-direction: column; border-left: 1px solid var(--st-trait); padding-left: 40px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-side__item { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--st-trait); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-side__item:first-child { padding-top: 0; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-side__item:last-child { border-bottom: 0; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-side__media { display: block; aspect-ratio: 4 / 5; overflow: hidden; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-side__item h3 { font-size: 23px; line-height: 1.2; } /* Mode en portraits. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-rack { margin-bottom: 96px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-rack__grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr); gap: 40px 32px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-look--main { grid-row: span 2; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-look__media { display: block; aspect-ratio: 1 / 1; overflow: hidden; margin-bottom: 16px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-look--main .st-look__media { aspect-ratio: 4 / 5; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-look h3 { font-size: 22px; line-height: 1.22; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-look--main h3 { font-size: 36px; line-height: 1.12; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-look__excerpt { margin-top: 14px; font-family: var(--sig-body-family); font-size: 18px; line-height: 1.6; } /* Beaute : composition ligne a ligne. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-compo { margin-bottom: 96px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-compo__sheet { background: var(--st-doux); border: 1px solid var(--st-encre); padding: 8px 40px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row { display: grid; grid-template-columns: 128px minmax(0, 1.15fr) minmax(0, 1fr) 190px; gap: 32px; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--st-trait); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row:last-child { border-bottom: 0; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row__media { display: block; aspect-ratio: 1 / 1; overflow: hidden; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row__title { font-size: 26px; line-height: 1.2; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row__excerpt { font-family: var(--sig-body-family); font-size: 17px; line-height: 1.6; color: var(--st-encre); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row .st-line { margin: 0; flex-direction: column; gap: 4px; text-align: right; } /* Culture sur l encre. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink { background: var(--st-encre); padding: 80px 0 88px; margin-bottom: 96px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink .st-head { border-bottom-color: rgba(247, 239, 232, 0.4); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink .st-head h2, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink h3, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink .st-more { color: var(--st-papier); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink .st-sign { border-color: var(--st-papier); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ticket__media { display: block; aspect-ratio: 4 / 5; overflow: hidden; margin-bottom: 18px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ticket h3 { font-size: 23px; line-height: 1.22; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink .st-line { color: var(--st-doux); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink .st-by { color: var(--st-papier); } /* Derniers articles. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-latest__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 36px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-note__media { display: block; aspect-ratio: 3 / 2; overflow: hidden; margin-bottom: 18px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-note h3 { font-size: 25px; line-height: 1.2; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-note__excerpt { margin-top: 12px; font-family: var(--sig-body-family); font-size: 17px; line-height: 1.6; } @media (max-width: 1024px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-label__frame { grid-template-columns: minmax(0, 1fr); gap: 32px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-side { border-left: 0; padding-left: 0; border-top: 1px solid var(--st-trait); padding-top: 24px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row { grid-template-columns: 110px minmax(0, 1fr); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row__excerpt, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row .st-line { grid-column: 2; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row .st-line { text-align: left; flex-direction: row; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-label { margin: 24px auto 64px; padding: 0 16px 0 30px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-label__frame { padding: 20px; border-width: 8px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-label__cord { top: 48px; width: 38px; height: 36px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-lead__title { font-size: 32px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-lead__excerpt { font-size: 17px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-side__item { grid-template-columns: 88px minmax(0, 1fr); gap: 16px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-side__item h3 { font-size: 20px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-head { flex-wrap: wrap; gap: 10px 14px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-head h2 { font-size: 32px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-more { margin-left: 0; flex-basis: 100%; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-more { flex-basis: auto; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-rack__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-look--main { grid-column: 1 / -1; grid-row: auto; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-look--main h3 { font-size: 28px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-look h3 { font-size: 19px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-compo__sheet { padding: 4px 18px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row { grid-template-columns: 84px minmax(0, 1fr); gap: 16px; padding: 20px 0; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row__title { font-size: 21px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row__excerpt { grid-column: 1 / -1; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-row .st-line { grid-column: 1 / -1; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink { padding: 56px 0 64px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ink__grid { gap: 28px 16px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-ticket h3 { font-size: 19px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-latest__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-note h3 { font-size: 23px; } } /* ---- Pied : l etiquette de fin, mat encre et cordon carmin. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer { background: var(--st-papier) !important; color: var(--st-encre) !important; border-top: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__mast { position: relative; background: var(--st-encre) !important; padding: 64px 0 !important; border: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__mast-inner { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) !important; gap: 48px !important; align-items: end !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__mast .dn-fleet-footer__label { color: var(--st-doux) !important; font-family: var(--sig-body-family) !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin: 0 0 10px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__brand { color: var(--st-papier) !important; font-family: var(--sig-display-family) !important; font-weight: 700 !important; font-size: 64px !important; line-height: 1 !important; letter-spacing: -0.01em !important; margin: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__statement { color: var(--st-papier) !important; font-family: var(--sig-body-family) !important; font-size: 19px !important; line-height: 1.6 !important; margin: 0 !important; max-width: 560px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__grid { display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) minmax(0, 1.2fr) !important; gap: 48px !important; padding-top: 64px !important; padding-bottom: 64px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__grid .dn-fleet-footer__label { color: var(--st-carmin) !important; font-family: var(--sig-body-family) !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin: 0 0 18px !important; padding: 0 0 12px !important; border-bottom: 1px solid var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__sections { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px 24px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__sections a { display: block !important; padding: 6px 0 !important; border: 0 !important; background: transparent !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__sections a span { display: none !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__sections a strong { font-family: var(--sig-display-family) !important; font-weight: 700 !important; font-size: 24px !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__sections a:hover strong, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__sections a:focus-visible strong { color: var(--st-carmin) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__links { display: flex !important; flex-direction: column !important; gap: 12px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__links a { color: var(--st-encre) !important; font-family: var(--sig-body-family) !important; font-size: 17px !important; font-weight: 600 !important; text-decoration: underline !important; text-decoration-color: var(--st-carmin) !important; text-decoration-thickness: 2px !important; text-underline-offset: 5px !important; border: 0 !important; background: transparent !important; padding: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__links a span { display: none !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial { position: relative; border: 8px solid var(--st-encre) !important; background: var(--st-papier) !important; padding: 28px 32px !important; border-radius: 2px !important; box-shadow: none !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial::before { content: ""; position: absolute; left: -26px; top: 28px; width: 26px; height: 24px; background: var(--st-carmin); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial .dn-fleet-footer__label { color: var(--st-carmin) !important; border: 0 !important; padding: 0 !important; margin: 0 0 12px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial h2 { color: var(--st-encre) !important; font-family: var(--sig-display-family) !important; font-weight: 700 !important; font-size: 26px !important; line-height: 1.2 !important; margin: 0 0 12px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial p { color: var(--st-encre) !important; font-family: var(--sig-body-family) !important; font-size: 17px !important; line-height: 1.6 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial a { display: inline-block !important; margin-top: 16px !important; background: var(--st-encre) !important; color: var(--st-papier) !important; font-family: var(--sig-body-family) !important; font-size: 16px !important; font-weight: 600 !important; padding: 12px 20px !important; border-radius: 2px !important; border: 0 !important; text-decoration: none !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial a span { color: var(--st-papier) !important; margin-left: 8px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial a:focus-visible { background: var(--st-carmin) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__base { background: var(--st-encre) !important; border: 0 !important; padding: 22px 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__base .dn-shell { background: transparent !important; box-shadow: none !important; border: 0 !important; display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: center !important; gap: 12px 24px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__base p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__base a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__base button { color: var(--st-papier) !important; font-family: var(--sig-body-family) !important; font-size: 16px !important; background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; text-decoration: none !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__base nav { display: flex !important; flex-wrap: wrap !important; gap: 10px 24px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__base a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__base button:hover { text-decoration: underline !important; text-decoration-color: var(--st-carmin) !important; text-underline-offset: 4px !important; } @media (max-width: 1024px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial { grid-column: 1 / -1; margin-left: 26px; } } @media (max-width: 767px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__mast { padding: 48px 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__mast-inner { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__brand { font-size: 46px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__statement { font-size: 17px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__grid { grid-template-columns: minmax(0, 1fr) !important; gap: 40px !important; padding-top: 48px !important; padding-bottom: 48px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial { margin-left: 18px; padding: 22px 20px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__commercial::before { left: -18px; width: 18px; } } /* ---- Pages : base commune recoloree en rose et prune. */ /* ---- Fil d Ariane. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-breadcrumb, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-breadcrumb a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-breadcrumb span { font-size: 14px !important; color: var(--st-gris) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-breadcrumb a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-breadcrumb a:focus-visible { color: var(--st-encre) !important; text-decoration: underline; text-decoration-color: var(--st-carmin); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero .dn-breadcrumb, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero .dn-breadcrumb a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero .dn-breadcrumb span { color: var(--st-doux) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero .dn-breadcrumb a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero .dn-breadcrumb a:focus-visible { color: var(--st-papier) !important; } /* ---- Article : titre large et penche, plaque sous l en-tete. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-header { border-top: 0 !important; padding-top: 28px !important; padding-bottom: 28px !important; background: linear-gradient(#B51449, #B51449) bottom left / 120px 6px no-repeat !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-header .dn-category, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero .dn-kicker, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-kicker { display: inline-block; padding: 5px 16px 4px !important; background: var(--st-carmin) !important; font-family: var(--sig-body-family) !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-header h1 { font-size: clamp(34px, 3.6vw, 54px) !important; line-height: 1.07 !important; font-weight: 700 !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-deck { font-size: 21px !important; line-height: 1.5 !important; color: #7E676F !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-byline, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-byline .dn-meta, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-byline time, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-byline span { font-size: 15px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-author strong { color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-hero { background: transparent !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-hero img { border-bottom: 5px solid var(--st-carmin); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-hero figcaption, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content figcaption { font-size: 14px !important; line-height: 1.5 !important; color: var(--st-gris) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content { font-size: 18px; line-height: 1.72; color: #31141E; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content h2 { margin-top: 44px !important; padding-left: 16px; border-left: 5px solid var(--st-carmin); font-size: 29px !important; line-height: 1.2 !important; font-weight: 700 !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content h3 { margin-top: 32px !important; font-size: 22px !important; line-height: 1.3 !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content blockquote { margin: 32px 0 !important; padding: 20px 24px !important; border: 0 !important; border-left: 5px solid var(--st-encre) !important; background: var(--st-doux) !important; font-size: 20px !important; line-height: 1.55 !important; font-style: normal !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content blockquote p { font-size: 20px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content table { font-size: 16px; border-collapse: collapse; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content th { background: var(--st-encre) !important; color: var(--st-papier) !important; padding: 12px 14px !important; text-align: left; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content td { padding: 12px 14px !important; border-bottom: 1px solid var(--st-trait) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content li::marker { color: var(--st-carmin); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-tags a { font-size: 14px !important; border: 1px solid var(--st-trait) !important; color: var(--st-encre) !important; background: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-tags a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-tags a:focus-visible { border-color: var(--st-encre) !important; background: var(--st-encre) !important; color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-share a { font-size: 14px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-share a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-share a:focus-visible { background: var(--st-encre) !important; border-color: var(--st-encre) !important; color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-card { border: 0 !important; border-top: 5px solid var(--st-encre) !important; background: var(--st-doux) !important; padding: 24px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-card p { font-size: 16px !important; line-height: 1.6 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-card h2, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-card h2 a { color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-section__head, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-related > .dn-shell > h2 { border-top: 0 !important; padding-bottom: 14px !important; background: linear-gradient(#B51449, #B51449) bottom left / 120px 6px no-repeat !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-related h2, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-section__head h2 { font-size: 26px !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-related h3, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-related h3 a { font-size: 18px !important; line-height: 1.3 !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-related h3 a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-related h3 a:focus-visible { text-decoration: underline; text-decoration-color: var(--st-carmin); text-decoration-thickness: 3px; } /* ---- Rubriques et auteur : en-tete sur asphalte, trait orange. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero { border-top: 0 !important; background: var(--st-encre) !important; color: var(--st-papier) !important; padding-top: 36px !important; padding-bottom: 40px !important; position: relative; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero::after, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 12px; background: linear-gradient(#B51449, #B51449) bottom left / 100% 6px no-repeat; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero h1, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero h1 { color: var(--st-papier) !important; font-size: clamp(34px, 3.4vw, 50px) !important; line-height: 1.08 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero .dn-archive-description, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero .dn-archive-count, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero span { color: var(--st-doux) !important; font-size: 17px !important; line-height: 1.6 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero .dn-kicker, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero .dn-kicker { color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero .dn-breadcrumb, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero .dn-breadcrumb a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero .dn-breadcrumb span, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero .dn-breadcrumb, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero .dn-breadcrumb a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero .dn-breadcrumb span { color: var(--st-doux) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero .dn-breadcrumb a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero .dn-breadcrumb a:focus-visible, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero .dn-breadcrumb a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero .dn-breadcrumb a:focus-visible { color: var(--st-papier) !important; text-decoration-color: var(--st-carmin); } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero a { color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card { border: 0 !important; border-left: 4px solid var(--st-carmin) !important; background: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card__body { padding: 18px 20px 20px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card h2, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card h3 { font-size: 21px !important; line-height: 1.25 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card h2 a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card h3 a { color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card h2 a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card h2 a:focus-visible, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card h3 a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card h3 a:focus-visible { text-decoration: underline; text-decoration-color: var(--st-carmin); text-decoration-thickness: 3px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card p { font-size: 16px !important; line-height: 1.55 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination .page-numbers { font-size: 15px !important; border: 2px solid var(--st-encre) !important; color: var(--st-encre) !important; background: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination .page-numbers.current, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination .page-numbers:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination .page-numbers:focus-visible { background: var(--st-encre) !important; color: var(--st-papier) !important; } /* ---- La redaction et pages de confiance. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero { background: var(--st-encre) !important; border-top: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero h1, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero p { color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero .dn-kicker { color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-card { border: 1px solid var(--st-trait) !important; border-left: 5px solid var(--st-carmin) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-card h2 a { color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-card p { font-size: 16px !important; line-height: 1.6 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-card__link:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-card__link:focus-visible { background: var(--st-encre) !important; border-color: var(--st-encre) !important; color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-page__head, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-page-header { border-top: 0 !important; padding-bottom: 22px !important; background: linear-gradient(#B51449, #B51449) bottom left / 120px 6px no-repeat !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-page__head h1, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-page-header h1 { color: var(--st-encre) !important; font-size: clamp(32px, 3vw, 46px) !important; line-height: 1.1 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero { background: var(--st-encre) !important; color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero h2, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero p { color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero::before { background: var(--st-carmin) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__kicker { color: var(--st-papier) !important; font-size: 13px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust li, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-page__body p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-page__body li { font-size: 17px !important; line-height: 1.65 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__links { border-left-color: var(--st-carmin) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust a:not([class]), html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-page__body a:not([class]) { color: var(--st-encre) !important; text-decoration: underline; text-decoration-color: var(--st-carmin); text-decoration-thickness: 2px; text-underline-offset: 3px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero a:not([class]) { color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-contact-form input, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-contact-form textarea { font-size: 16px !important; border: 1px solid var(--st-trait) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-contact-form button, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-contact-form input[type="submit"] { background: var(--st-encre) !important; color: var(--st-papier) !important; border-color: var(--st-encre) !important; font-size: 16px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-contact-form button:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-contact-form button:focus-visible { background: var(--sig-accent-fill) !important; color: var(--sig-on-accent) !important; } /* ---- Pied : asphalte, trait orange en tete. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot { background: var(--st-encre) !important; border-top: 0 !important; position: relative; padding-top: 44px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 12px; background: linear-gradient(#B51449, #B51449) top left / 100% 6px no-repeat; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot li, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot a, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot h2, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot h3, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot strong { color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot span, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot small { color: var(--st-doux) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot li, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot a { font-size: 15px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot a:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot a:focus-visible { color: var(--st-papier) !important; text-decoration-color: #B51449; text-decoration-thickness: 3px; text-decoration: underline; text-underline-offset: 4px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot__band--2 { border-top-color: rgba(247, 239, 232, 0.25) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot button { font-size: 14px !important; letter-spacing: 0.03em !important; padding: 10px 18px !important; white-space: nowrap; width: auto !important; max-width: 100%; background: var(--st-papier) !important; color: var(--st-encre) !important; border-color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot button:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-foot button:focus-visible { background: #B51449 !important; border-color: #B51449 !important; color: var(--st-papier) !important; } /* ---- partage lisible. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-share, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-share span, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-share strong { font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.08em; text-transform: uppercase; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-share a { display: inline-block; padding: 6px 12px !important; border: 1px solid var(--st-encre) !important; color: var(--st-encre) !important; text-decoration: none !important; letter-spacing: 0.04em; } /* ---- pages de confiance a l orange brule. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillar::before, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillar::after { background: var(--st-carmin) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillar { border-color: var(--st-trait) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-page__head p:first-child { color: var(--st-carmin) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-page__head .dn-kicker { color: var(--st-papier) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a figure.dn-article-hero, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-section__head { border-top-color: transparent !important; border-bottom-color: transparent !important; } /* ---- tetes de section des pages, pastille a sa largeur, titre dessous. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-section__head { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 8px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-section__head .dn-kicker, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-related .dn-kicker { flex: none !important; width: auto !important; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-section__head h2 { margin: 0 !important; padding-left: 0 !important; text-align: left !important; } /* ---- portraits de la redaction en cadre droit, sans ovale. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-card img, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-card figure, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-card picture { border-radius: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-card img { aspect-ratio: 4 / 3; width: 100%; height: auto; object-fit: cover; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-page__head p:first-child { font-size: 14px !important; letter-spacing: 0.1em !important; } /* ---- Signature leftlane sur les pages : titres penches, kickers a l plaque. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-header h1, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero h1, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero h1, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero h1, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-id-page__head h1, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero h2 { font-weight: 700 !important; font-style: normal !important; letter-spacing: -0.01em; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content h2, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-section__head h2, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-related h2 { font-weight: 700 !important; font-style: normal !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-header .dn-category, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-kicker { font-weight: 700 !important; font-style: normal; text-transform: uppercase !important; letter-spacing: 0.1em !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero .dn-kicker, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero .dn-kicker, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero .dn-kicker, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__kicker { background: transparent !important; padding: 0 !important; color: var(--st-carmin) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content blockquote { border-left-color: var(--st-carmin) !important; } /* ---- Tour 2 pages : legendes en texte, tetes alignees, pagination nette. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-hero figcaption, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-content figcaption { font-family: var(--sig-body-family, inherit) !important; font-weight: 400 !important; font-style: normal !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important; text-align: left !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-section__head { padding-left: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-section__head::before { display: none !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination .page-numbers { white-space: nowrap !important; line-height: 1.2 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination .page-numbers.dots { border-color: transparent !important; background: transparent !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero img { border-radius: 0 !important; } /* ---- Pages socle : en-tete de page, a propos et redaction brute. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-page-header h1, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .post-header h1.main-heading { font-family: var(--sig-display-family) !important; font-weight: 700 !important; font-style: normal !important; letter-spacing: -0.01em !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero h2 { font-size: 32px !important; line-height: 1.12 !important; overflow-wrap: break-word; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero .dn-trust__lede { position: relative; z-index: 1; max-width: 560px; font-size: 17px !important; line-height: 1.6 !important; color: var(--st-doux) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero::after { opacity: 0.35; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__story h2 { font-family: var(--sig-display-family) !important; font-weight: 700 !important; font-style: normal !important; font-size: 28px !important; line-height: 1.15 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillar h3 { font-weight: 700 !important; font-style: normal !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillar p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__story p { font-size: 16px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .post-content > h2 { font-family: var(--sig-display-family) !important; font-weight: 700 !important; font-style: normal !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .authors-list .author-info { border-left: 5px solid var(--st-carmin); padding-left: 20px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .authors-list .author-info img { border-radius: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .authors-list .author-info .description > a { font-family: var(--sig-display-family) !important; font-size: 22px !important; font-weight: 700 !important; font-style: normal !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .authors-list .bio { font-size: 16px !important; line-height: 1.6 !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .authors-list .ts-button { background: var(--st-encre) !important; color: var(--st-papier) !important; border-radius: 0 !important; font-size: 14px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .authors-list .ts-button:hover, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .authors-list .ts-button:focus-visible { background: var(--st-carmin) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .authors-list .social-icons a { color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .authors-list .separator { border-color: var(--st-trait) !important; } /* ---- Tour 3 : piliers et recit plus sobres, titres mobiles contenus. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillar h3 { font-size: 18px !important; line-height: 1.2 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__story h2 { font-size: 24px !important; } @media (max-width: 767px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-header h1 { font-size: 30px !important; line-height: 1.1 !important; } } @media (max-width: 767px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero h2 { font-size: 24px !important; overflow-wrap: normal !important; word-break: normal !important; hyphens: manual !important; } } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero figure, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero picture, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero [class*="portrait"] { border-radius: 0 !important; } /* ---- Pages so-trendy : angles nets, kickers carmin a texte papier. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-hero .dn-kicker, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero .dn-kicker, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero .dn-kicker, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-header .dn-category, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-kicker { border-radius: 2px !important; color: var(--st-papier) !important; background: var(--st-carmin) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card img, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card figure, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-hero img, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-related img, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-hero img { border-radius: 2px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination ul.page-numbers { border: 0 !important; background: transparent !important; padding: 0 !important; display: flex !important; flex-wrap: wrap; gap: 8px; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination ul.page-numbers li { border: 0 !important; list-style: none; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination .page-numbers { font-size: 16px !important; white-space: nowrap !important; border-radius: 2px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination .screen-reader-text, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination .meta-nav { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-pagination .page-numbers.current { display: inline-flex !important; align-items: center; justify-content: center; min-width: 44px; } /* A propos et equipe. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-page--v2 .dn-page-layout { display: block !important; max-width: 1120px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-page--v2 .dn-page-content { max-width: none !important; width: 100% !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero { position: relative; padding: 48px 56px !important; border-radius: 2px !important; display: grid !important; grid-template-columns: 1.2fr 1fr !important; gap: 40px !important; align-items: end !important; margin: 0 0 48px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero .dn-trust__kicker { display: inline-block !important; background: var(--st-carmin) !important; color: var(--st-papier) !important; border-radius: 2px !important; padding: 6px 14px !important; font-size: 16px !important; letter-spacing: .06em !important; margin: 0 0 20px !important; border: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero h2 { font-size: 44px !important; line-height: 1.12 !important; margin: 0 !important; border: 0 !important; padding: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero .dn-trust__lede { font-size: 19px !important; line-height: 1.6 !important; margin: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__story { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1.6fr) !important; gap: 48px !important; margin: 0 0 48px !important; padding: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__story h2 { font-size: 32px !important; line-height: 1.18 !important; margin: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__story p { font-size: 19px !important; line-height: 1.7 !important; margin: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillars { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 24px !important; margin: 0 0 40px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillar { padding: 32px 28px !important; border-radius: 2px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillar h3 { font-size: 24px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillar p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__links p { font-size: 18px !important; line-height: 1.6 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__links { border-radius: 2px !important; padding: 28px 32px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-hero { padding: 40px 0 48px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-hero h1 { font-family: var(--sig-display-family) !important; font-weight: 700 !important; font-size: 52px !important; line-height: 1.1 !important; font-style: normal !important; color: var(--st-papier) !important; margin: 16px 0 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-team-grid { padding-top: 48px !important; padding-bottom: 64px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-card { border: 8px solid var(--st-encre) !important; border-radius: 2px !important; padding: 28px !important; display: grid !important; grid-template-columns: 128px minmax(0,1fr) !important; gap: 28px !important; align-items: center !important; background: var(--st-papier) !important; box-shadow: none !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-card .dn-team-card__portrait img { max-width: none !important; min-width: 128px !important; width: 128px !important; height: 160px !important; object-fit: cover !important; border-radius: 2px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-card .dn-team-card__body h2, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-card .dn-team-card__body h2 a { font-family: var(--sig-display-family) !important; font-weight: 700 !important; font-size: 30px !important; line-height: 1.2 !important; font-style: normal !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-card .dn-team-card__body p { font-family: var(--sig-body-family) !important; font-size: 18px !important; line-height: 1.6 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-card .dn-team-card__link { display: inline-block !important; margin-top: 12px !important; font-family: var(--sig-body-family) !important; font-weight: 600 !important; font-size: 16px !important; color: var(--st-papier) !important; background: var(--st-encre) !important; border-radius: 2px !important; padding: 10px 18px !important; text-decoration: none !important; } @media (max-width: 767px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero { grid-template-columns: 1fr !important; padding: 32px 24px !important; gap: 20px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero h2 { font-size: 32px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero .dn-trust__lede, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__story p { font-size: 17px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__story { grid-template-columns: 1fr !important; gap: 16px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__story h2 { font-size: 26px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillars { grid-template-columns: 1fr !important; gap: 16px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__pillar p, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__links p { font-size: 17px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-hero h1 { font-size: 38px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-card { grid-template-columns: 1fr !important; gap: 20px !important; padding: 22px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-card .dn-team-card__body h2, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-card .dn-team-card__body h2 a { font-size: 24px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-team .dn-team-card .dn-team-card__body p { font-size: 17px !important; } } /* ---- Tour 2 so-trendy. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__sections, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-fleet-footer .dn-fleet-footer__links { border: 0 !important; padding-top: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card .dn-meta, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card .dn-meta time, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card .dn-meta span { font-size: 16px !important; color: var(--st-gris) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-archive-card__body p { font-size: 17px !important; color: var(--st-encre) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-byline img, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-box img, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-author-box .avatar { border-radius: 2px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-page .dn-page-content { max-width: 1120px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero::before, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero::after { display: none !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-trust__hero { border-left: 14px solid var(--st-carmin) !important; } @media (max-width: 767px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-st .st-rack .st-look--main h3 { font-size: 28px; } } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-page .dn-page-shell .dn-page-content, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-page article.dn-page-shell .dn-page-content { width: min(1120px, calc(100% - 48px)) !important; max-width: 1120px !important; flex: 0 1 1120px !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-page .dn-trust { max-width: none !important; width: 100% !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-page .dn-shell.dn-page-layout { display: block !important; max-width: 1168px !important; grid-template-columns: none !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a main.dn-page .dn-shell.dn-page-layout > .dn-page-content { width: 100% !important; margin: 0 auto !important; } /* Burger mobile : le bouton heritait du blanc des boutons du theme, barres * blanches sur en-tete clair (sonde des en-tetes du 23/09). */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a #smart-head-mobile .offcanvas-toggle { color: var(--dn-ink) !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-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .dn-article-shell > .dn-article-hero::before, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-shell > .dn-article-hero::after { content: none !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .dn-article-shell > .dn-article-hero { width: 100% !important; max-width: none !important; margin-inline: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-shell > .dn-article-hero img { aspect-ratio: 3 / 2 !important; border-radius: 0 !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-shell > .dn-article-hero figcaption { margin-inline: 16px; } } /* ---- article/une-tete.css ---- */ /* Style « tete » : l image ouvre la page, pleine largeur, avant le titre, * comme la mise en page large de SmartMag. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-shell { display: flex; flex-direction: column; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-shell > .dn-article-header, html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-shell > .dn-shell { align-self: center; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-shell > .dn-article-hero { order: -1; width: 100% !important; max-width: none !important; margin: 0 0 8px !important; } /* Sans l image entre les deux, le corps collait au filet de la signature * (evomag, 23/09) : on rend l air que la une donnait. */ html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-shell > .dn-article-layout { margin-top: 0 !important; padding-top: clamp(28px, 4vw, 48px) !important; } @media (min-width: 761px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-shell > .dn-article-hero img { aspect-ratio: auto !important; height: clamp(380px, 58vh, 640px) !important; } html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .dn-article-shell > .dn-article-hero figcaption { width: min(1100px, calc(100% - 48px)); margin-inline: auto; } } /* ---- article/gouttiere.json ---- */ /* Gouttiere mobile du titre : aligne sur le texte du corps. */ @media (max-width: 680px) { html body.diginov-media.diginov-media-fleet-so-trendy-fr-3a55a .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-so-trendy-fr-3a55a .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; } }