/* ========================================================== SERVICE INFORMATIC - PAGE LINEAGE Charte harmonisée avec le site principal ========================================================== */ /* ========================================================== FOND GENERAL ========================================================== */ body.sim-route-lineage { --lineage-navy-950: #03111f; --lineage-navy-900: #06182c; --lineage-navy-800: #0a2748; --lineage-blue: #1795ff; --lineage-cyan: #40c9ff; --lineage-text: #dcecff; --lineage-white: #f4f8ff; background: linear-gradient( 145deg, #03111f 0%, #06182c 55%, #0a2748 100% ) fixed; color: #dcecff; } /* ========================================================== HEADER Meme fond bleu sur toute la barre ========================================================== */ body.sim-route-lineage #sp-header { background: rgba(3, 17, 31, .97) !important; border-bottom: 1px solid rgba(64, 201, 255, .18) !important; box-shadow: 0 1px 0 rgba(255,255,255,.08), 0 10px 35px rgba(0,0,0,.16) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } /* Suppression des zones noires autour du logo/menu */ body.sim-route-lineage #sp-header .container, body.sim-route-lineage #sp-header .container-fluid, body.sim-route-lineage #sp-header .container-inner, body.sim-route-lineage #sp-header .row, body.sim-route-lineage #sp-header #sp-logo, body.sim-route-lineage #sp-header #sp-menu, body.sim-route-lineage #sp-header #sp-logo > .sp-column, body.sim-route-lineage #sp-header #sp-menu > .sp-column, body.sim-route-lineage #sp-header .sp-column, body.sim-route-lineage #sp-header .logo, body.sim-route-lineage #sp-header .sim-brand { background: transparent !important; } /* Header quand la page descend */ body.sim-route-lineage #sp-header.header-sticky { background: rgba(3, 17, 31, .94) !important; } /* ========================================================== LOGO SERVICE INFORMATIC ========================================================== */ body.sim-route-lineage #sp-header .sim-brand-copy strong { color: #ffffff !important; } body.sim-route-lineage #sp-header .sim-brand-copy strong em { color: #1795ff !important; } body.sim-route-lineage #sp-header .sim-brand-copy small { color: rgba(230,242,255,.72) !important; } body.sim-route-lineage #sp-header .sim-brand-icon { color: #51d6ff !important; border-color: rgba(64,201,255,.55) !important; background: rgba(8,120,255,.08) !important; } /* ========================================================== MENU PRINCIPAL NORMAL : BLANC ACTIF : BLANC HOVER : CYAN ========================================================== */ /* Menu normal */ body.sim-route-lineage #sp-header .sp-megamenu-parent > li > a, body.sim-route-lineage #sp-header .sp-megamenu-parent > li > span { color: #f4f8ff !important; } /* Element actif : BLANC */ body.sim-route-lineage #sp-header .sp-megamenu-parent > li.active > a, body.sim-route-lineage #sp-header .sp-megamenu-parent > li.active > span, body.sim-route-lineage #sp-header .sp-megamenu-parent > li.current-item > a, body.sim-route-lineage #sp-header .sp-megamenu-parent > li.current-item > span, body.sim-route-lineage #sp-header .sp-megamenu-parent > li.current-menu-item > a, body.sim-route-lineage #sp-header .sp-megamenu-parent > li.current-menu-item > span { color: #f4f8ff !important; } /* Survol : CYAN */ body.sim-route-lineage #sp-header .sp-megamenu-parent > li:hover > a, body.sim-route-lineage #sp-header .sp-megamenu-parent > li:hover > span, body.sim-route-lineage #sp-header .sp-megamenu-parent > li > a:hover, body.sim-route-lineage #sp-header .sp-megamenu-parent > li.active:hover > a { color: #40c9ff !important; } /* Fleches */ body.sim-route-lineage #sp-header .sp-megamenu-parent > li > a i, body.sim-route-lineage #sp-header .sp-megamenu-parent > li > span i, body.sim-route-lineage #sp-header .sp-megamenu-parent > li > a svg, body.sim-route-lineage #sp-header .sp-megamenu-parent > li > span svg, body.sim-route-lineage #sp-header .sp-megamenu-parent .menu-toggler { color: inherit !important; fill: currentColor !important; } /* ========================================================== SOUS-MENUS FOND BLEU NUIT TEXTE BLANC HOVER CYAN ========================================================== */ body.sim-route-lineage #sp-header .sp-dropdown .sp-dropdown-inner { background: #06182c !important; border: 1px solid rgba(64,201,255,.22) !important; border-radius: 14px !important; box-shadow: 0 20px 50px rgba(0,0,0,.28) !important; overflow: hidden; } /* Texte sous-menu normal */ body.sim-route-lineage #sp-header .sp-dropdown li.sp-menu-item > a, body.sim-route-lineage #sp-header .sp-dropdown li.sp-menu-item > span, body.sim-route-lineage #sp-header .sp-mega-group > li > a { color: #f4f8ff !important; } /* Sous-menu actif : blanc */ body.sim-route-lineage #sp-header .sp-dropdown li.sp-menu-item.active > a, body.sim-route-lineage #sp-header .sp-dropdown li.sp-menu-item.active > span { color: #f4f8ff !important; } /* Survol sous-menu : cyan */ body.sim-route-lineage #sp-header .sp-dropdown li.sp-menu-item:hover > a, body.sim-route-lineage #sp-header .sp-dropdown li.sp-menu-item:hover > span, body.sim-route-lineage #sp-header .sp-dropdown li.sp-menu-item > a:hover { color: #40c9ff !important; background: #0a2748 !important; } /* ========================================================== CORPS DE LA PAGE LINEAGE ========================================================== */ body.sim-route-lineage #sp-main-body { padding-top: 70px; } /* Largeur */ body.sim-route-lineage #sp-main-body .container, body.sim-route-lineage #sp-main-body .container-fluid { max-width: 1180px; } /* Article / blocs */ body.sim-route-lineage #sp-main-body .article-details, body.sim-route-lineage #sp-main-body .blog, body.sim-route-lineage #sp-main-body .com-content-category-blog { color: #dcecff; background: linear-gradient( 150deg, rgba(10,39,72,.96), rgba(3,17,31,.98) ); border: 1px solid rgba(64,201,255,.20); box-shadow: 0 35px 90px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.025); } /* ========================================================== TITRES ========================================================== */ body.sim-route-lineage h1, body.sim-route-lineage h2, body.sim-route-lineage h3, body.sim-route-lineage h4, body.sim-route-lineage h5, body.sim-route-lineage h6 { color: #f4f8ff !important; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; letter-spacing: -.015em; } /* Titre principal */ body.sim-route-lineage .article-details h1 { color: #f4f8ff !important; font-size: clamp(2rem, 4vw, 3.2rem) !important; text-shadow: none !important; } /* ========================================================== TEXTE ========================================================== */ body.sim-route-lineage .article-details p, body.sim-route-lineage .article-details li { color: #dcecff !important; } /* ========================================================== LIENS ========================================================== */ body.sim-route-lineage .article-details a { color: #40c9ff !important; } body.sim-route-lineage .article-details a:hover { color: #1795ff !important; } /* ========================================================== IMAGES ========================================================== */ body.sim-route-lineage .article-details img { border: 1px solid rgba(64,201,255,.22); box-shadow: 0 18px 50px rgba(0,0,0,.35); } /* ========================================================== BOUTONS ========================================================== */ body.sim-route-lineage .btn-primary { background: linear-gradient( 135deg, #0878ff, #1795ff ) !important; border-color: transparent !important; color: #ffffff !important; box-shadow: 0 12px 30px rgba(8,120,255,.24); } body.sim-route-lineage .btn-primary:hover { background: linear-gradient( 135deg, #086ee7, #1089eb ) !important; color: #ffffff !important; } /* ========================================================== FOOTER ========================================================== */ body.sim-route-lineage #sp-footer, body.sim-route-lineage #sp-bottom { background: #03111f !important; border-top: 1px solid rgba(64,201,255,.16); } body.sim-route-lineage #sp-footer a, body.sim-route-lineage #sp-bottom a { color: #dcecff !important; } body.sim-route-lineage #sp-footer a:hover, body.sim-route-lineage #sp-bottom a:hover { color: #40c9ff !important; } /* ========================================================== LINEAGE - SUPPRESSION DES BARRES AUTOUR DU PARTAGE SOCIAL ========================================================== */ body.sim-route-lineage .article-social-share, body.sim-route-lineage .article-social-share .social-share-icon { border-top: 0 !important; border-bottom: 0 !important; } body.sim-route-lineage .article-social-share::before, body.sim-route-lineage .article-social-share::after, body.sim-route-lineage .article-social-share .social-share-icon::before, body.sim-route-lineage .article-social-share .social-share-icon::after { display: none !important; border: 0 !important; content: none !important; } /* ========================================================== LINEAGE - MASQUER COMPLETEMENT LE PARTAGE SOCIAL ========================================================== */ body.sim-route-lineage .article-social-share { display: none !important; visibility: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; height: 0 !important; min-height: 0 !important; } body.sim-route-lineage .article-social-share *, body.sim-route-lineage .article-social-share::before, body.sim-route-lineage .article-social-share::after { display: none !important; } /* Le titre remonte après suppression du bloc social */ body.sim-route-lineage .article-details h1 { margin-top: 0 !important; } /* ========================================================== LINEAGE - SUPPRESSION DES SEPARATEURS DE LA ZONE SOCIALE ========================================================== */ body.sim-route-lineage .article-details .article-info, body.sim-route-lineage .article-details .article-info-wrap, body.sim-route-lineage .article-details .article-social-share { border-top: 0 !important; border-bottom: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; } /* Eventuelles lignes generees en ::before / ::after */ body.sim-route-lineage .article-details .article-info::before, body.sim-route-lineage .article-details .article-info::after, body.sim-route-lineage .article-details .article-info-wrap::before, body.sim-route-lineage .article-details .article-info-wrap::after, body.sim-route-lineage .article-details .article-social-share::before, body.sim-route-lineage .article-details .article-social-share::after { content: none !important; display: none !important; border: 0 !important; } /* Le bloc social etant vide, on le replie completement */ body.sim-route-lineage .article-details .article-social-share { display: none !important; height: 0 !important; } /* Le titre remonte */ body.sim-route-lineage .article-details h1 { margin-top: 0 !important; } /* ========================================================== LINEAGE - SUPPRESSION COMPLETE DU BLOC SOCIAL HELIX Supprime boutons + 2 lignes + espace occupe ========================================================== */ body.sim-route-lineage #sp-component .article-details .article-ratings-social-share { display: none !important; visibility: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; width: 0 !important; height: 0 !important; min-height: 0 !important; overflow: hidden !important; }