/* ========================================================================== HEXABIM - thème enfant YOOtheme (yootheme_hexabim) templates/yootheme_hexabim/css/custom.css Fichier COMPLET, version du 27/09/2026 (v22). Remplace l'ancien tel quel. Principe : le moins de CSS possible. JReviews et YOOtheme gardent leur apparence native ; ce fichier ne sert qu'au HTML créé pour HEXABIM (header, footer, forum, popups, connexion, 404, carte newsletter) et à quelques correctifs ciblés. Ce qui peut se régler dans YOOtheme ou JReviews se règle là-bas, pas ici. Ne pas éditer de CSS dans les modules, les champs JReviews ou le Custom LESS du customizer : tout est ici. v11 du 27/09 (base v5) : - effets de survol retirés (cartes Ressources, forum, 404) ; - en-tête des listes et tags en version sobre (section 11) ; - page Comparaison rendue à JReviews (ex-section 14 supprimée) ; - barre de comparaison : aspect natif + filet vert + marge en bas de page pour qu'elle ne cache plus le contenu (section 16) ; - index : correctif du décalage nom / résumé (section 17) ; - carte newsletter de la sidebar du Mag réparée (section 18). v12 du 27/09 : fiches partenaires légèrement mises en avant dans les listes (filet vert + badge vert au lieu du bleu JReviews). v13 du 27/09 : cartes solution (section 17) habillées autour du nouveau champ JReviews jr_infoscles (résumé + panneau infos clés + bouton démo partenaires). v14 du 27/09 : cartes solution plus sobres et plus compactes (angles 4px, pas de fond vert, infos clés en lignes libellé / valeur). v15 du 27/09 : cartes solution, infos clés sans libellés (pictogramme + valeur, thématique ajoutée), essai gratuit en étiquette, partenaires sur fond vert très léger. v16/v17 du 27/09 : filtres collants (section 1). Cartes solution : étiquette "Partenaire" sur la ligne du nom, badge JReviews masqué, infos clés sous le résumé sur mobile. v18/v19 du 27/09 : fiches partenaires enrichies sous le résumé : certifications en étiquettes (.hx-conf) et références (.hx-refs). v20-v22 du 27/09 : références partenaires sur une ligne, pictogramme immeuble + noms en gras séparés par des filets (3 max + compteur), info-bulle UIkit « Références » au survol du pictogramme. Après dépôt : purger Cloudflare (et JCH Optimize > Clean cache si JCH est actif). ========================================================================== */ /* ========================================================================== 1. Filtres sidebar (ex-module 2748) ========================================================================== */ @media (min-width:960px){ #module-2736,#module-2747{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:14px 16px 10px;box-shadow:0 1px 2px rgba(4,4,4,.04)} #module-2747{margin-top:16px !important} #module-2736::before{content:"Affiner la recherche";font-weight:600;display:block;font-size:15px;color:#040404;padding:2px 2px 12px;border-bottom:1px solid #EEF0EE;margin-bottom:4px} #module-2747::before{content:"Critères";font-weight:600;display:block;font-size:15px;color:#040404;padding:2px 2px 12px;border-bottom:1px solid #EEF0EE;margin-bottom:4px} } #module-2736 .fwd-grid.fwd-gap-4,#module-2747 .fwd-grid.fwd-gap-4{gap:0 !important} #module-2736 .fwd-rounded-xl.fwd-bg-gray-50,#module-2747 .fwd-rounded-xl.fwd-bg-gray-50{background:transparent !important;border-radius:0 !important;border-bottom:1px solid #EEF0EE} #module-2736 .fwd-rounded-xl.fwd-bg-gray-50:last-child,#module-2747 .fwd-rounded-xl.fwd-bg-gray-50:last-child{border-bottom:0} #module-2736 fieldset.jr-filter-element > button,#module-2747 fieldset.jr-filter-element > button{padding:13px 2px !important;font-size:14px !important;font-weight:600 !important;color:#040404 !important} #module-2736 fieldset.jr-filter-element > button:hover,#module-2747 fieldset.jr-filter-element > button:hover{color:#3C8414 !important} #module-2736 fieldset.jr-filter-element > div,#module-2747 fieldset.jr-filter-element > div{padding-left:2px !important;padding-right:2px !important} #module-2736 .fwd-bg-brand-soft,#module-2747 .fwd-bg-brand-soft{background:rgba(107,179,60,.15) !important;color:#3C8414 !important;font-weight:600 !important} #module-2736 .fwd-text-link,#module-2747 .fwd-text-link{color:#3C8414 !important} #module-2736 input[type=checkbox],#module-2747 input[type=checkbox],#module-2736 input[type=radio],#module-2747 input[type=radio]{accent-color:#6BB33C} #module-2736 input[type=checkbox]:checked,#module-2747 input[type=checkbox]:checked{background-color:#6BB33C !important;border-color:#6BB33C !important} #module-2736 label:hover,#module-2747 label:hover{color:#3C8414} #module-2736 input[type=text],#module-2736 input[type=search],#module-2747 input[type=text],#module-2747 input[type=search]{border-radius:10px !important} #module-2736 input:focus,#module-2747 input:focus{border-color:#6BB33C !important;box-shadow:0 0 0 3px rgba(107,179,60,.15) !important;outline:0} @media (min-width:960px){ .tm-sidebar div:has(> #module-2747){margin-top:0 !important} #module-2736,#module-2747{position:relative} #module-2736{border-radius:16px 16px 0 0 !important;border-bottom:0 !important;padding-bottom:4px !important} #module-2747{margin-top:0 !important;border-radius:0 0 16px 16px !important;border-top:0 !important;padding-top:6px !important} #module-2747::before{font-size:11px !important;font-weight:600 !important;text-transform:uppercase;letter-spacing:.08em;color:#8A8F87 !important;padding:14px 2px 8px !important;border-top:1px solid #E5E7EB;border-bottom:0 !important;margin:0 !important} #module-2736 .fwd-justify-end.fwd-mb-1{position:absolute;top:12px;right:16px;padding:0 !important;margin:0 !important} #module-2747 .fwd-justify-end.fwd-mb-1{position:absolute;top:18px;right:16px;padding:0 !important;margin:0 !important} } /* Filtres collants au défilement (desktop). Les sections sont repliées par défaut dans les widgets JReviews (réglage "collapsed" du Filter Builder), la sidebar reste donc courte. */ @media (min-width:960px){ .tm-main aside.tm-sidebar:has([data-jr-filters]) > *{position:sticky;top:24px} } /* ========================================================================== 2. Largeur du site, alignée sur Le Mag (1400px) ========================================================================== */ .uk-container:not(.uk-container-xsmall):not(.uk-container-small):not(.uk-container-large):not(.uk-container-xlarge):not(.uk-container-expand){max-width:1400px} /* ========================================================================== 3. Header, méga menu natif YOOtheme (contenu Builder des éléments de menu Solutions et Ressources) ========================================================================== */ .uk-navbar-dropdown:has(.hx-ddin){width:auto !important;max-width:calc(100vw - 48px)} .uk-navbar-dropdown:has(.hx-ddin)>.uk-section{padding:0 !important;background:none !important} .uk-navbar-dropdown:has(.hx-ddin) .uk-grid{margin-left:0;margin-top:0} .uk-navbar-dropdown:has(.hx-ddin) .uk-grid>*{padding-left:0} .tm-toolbar{display:none !important} .tm-header .uk-navbar-nav>li.item-6202,#tm-dialog-mobile li.item-6202{display:none !important} .tm-header .uk-navbar-nav>li>a{font-weight:500} .uk-navbar-dropdown:has(.hx-ddin){padding:0 !important;border-radius:18px !important;border:1px solid #E7EAE5 !important;box-shadow:0 30px 60px -24px rgba(4,4,4,.28) !important;background:#fff !important;overflow:hidden;z-index:1100} .uk-navbar-dropdown:has(.hx-ddin) a{color:#040404} .uk-navbar-dropdown:has(.hx-ddin) a:hover{text-decoration:none} .hx-mg{display:grid;grid-template-columns:1.15fr .85fr 1.25fr;width:1060px;max-width:calc(100vw - 48px)} .hx-mg .col{padding:26px 26px 22px} .hx-mg .col+.col{border-left:1px solid #EEF0EC} .uk-navbar-dropdown:has(.hx-ddin) .lab{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#4D4D4D;margin-bottom:14px} .hx-th2{display:grid;grid-template-columns:1fr 1fr;gap:4px} .hx-th2 a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:14px;font-weight:500;transition:background .15s} .hx-th2 a i{width:30px;height:30px;border-radius:9px;background:#F2F7EE;color:#3C8414;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:none} .hx-th2 a:hover{background:#F4F8F0;color:#3C8414} .hx-us{display:flex;flex-direction:column;gap:2px} .hx-us a{padding:7px 10px;border-radius:8px;font-size:14px;color:#040404;transition:background .15s} .hx-us a:hover{background:#F4F8F0;color:#3C8414} .hx-us a.all{margin-top:6px;color:#3C8414;font-weight:500} .hx-pr{background:#F7FAF4} .hx-card2{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;transition:background .15s} .hx-card2+.hx-card2{margin-top:4px} .hx-card2 i{width:36px;height:36px;border-radius:10px;background:#040404;color:#9BE06A;display:inline-flex;align-items:center;justify-content:center;flex:none} .hx-card2 b{display:block;font-size:14px;font-weight:500;color:#040404} .hx-card2 small{display:block;font-size:13px;line-height:1.4;color:#4D4D4D;margin-top:2px} .hx-card2:hover{background:#fff} .hx-card2:hover b{color:#3C8414} .hx-mgfoot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 26px;border-top:1px solid #EEF0EC;background:#fff;font-size:14px;color:#4D4D4D} .hx-mgfoot a{font-weight:500;color:#3C8414} .hx-mgfoot .lk{display:flex;flex-wrap:wrap;gap:6px 22px} .hx-mgfoot .lk a{color:#040404;display:inline-flex;align-items:center;gap:8px} .hx-mgfoot .lk a i{color:#3C8414} .hx-mgfoot .lk a:hover{color:#3C8414} .hx-mt2{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px} .hx-mt2 a{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;font-size:13.5px;font-weight:500;color:#040404;transition:background .15s} .hx-mt2 a i{width:18px;text-align:center;color:#3C8414;font-size:13px} .hx-mt2 a:hover{background:#fff;color:#3C8414} .hx-met2{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:720px;max-width:calc(100vw - 48px);padding:24px} .hx-met2 .lab{grid-column:1/-1} .hx-met2 a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;font-weight:500;transition:background .15s} .hx-met2 a i{width:30px;text-align:center;color:#3C8414} .hx-met2 a:hover{background:#F4F8F0;color:#3C8414} .hx-res2{width:380px;padding:14px} .hx-res2 .hx-card2 i{background:#F2F7EE;color:#3C8414} /* Bouton Newsletter du header */ .hx-hcta{display:inline-flex !important;align-items:center;gap:8px;min-height:0 !important;height:40px;padding:0 18px !important;margin-left:8px;border-radius:999px;background:#3C8414;color:#fff !important;font-size:14px;font-weight:500;white-space:nowrap;transition:background .2s;align-self:center;cursor:pointer} .hx-hcta:hover{background:#6BB33C;text-decoration:none} .tm-header .uk-navbar-toggle.hx-acc{font-size:18px;color:#040404} .tm-header .uk-navbar-toggle.hx-acc:hover{color:#3C8414} @media(max-width:1279px){.hx-hcta span{display:none}.hx-hcta{padding:0 12px !important}} /* Partie droite du header : HTML servi par le module 2691 "Recherche generale" (position navbar) : recherche + section, icône compte, bouton Newsletter. Le bouton natif du panneau (burger) est masqué dès le premier affichage : l'icône compte du module ouvre le même panneau (#tm-dialog). */ .tm-header a.uk-navbar-toggle[href="#tm-dialog"]:not(.hx-acc){display:none !important} .hx-hright{display:flex;align-items:center;gap:4px;height:100%} .hx-hright .uk-navbar-toggle{min-height:40px} button.hx-hcta{border:0;font-family:inherit;line-height:1} .tm-header form.hx-srch .uk-search-icon{pointer-events:none;color:#8A8F87;font-size:14px} /* ========================================================================== 4. Recherche du header (sélecteur de section) ========================================================================== */ .tm-header form.uk-search-navbar.hx-srch{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;width:290px;height:40px;background:#F5F7F4;border-radius:500px} .tm-header form.hx-srch .uk-search-input{background:transparent !important;width:0 !important;flex:1 1 0;min-width:0;height:40px !important;font-size:14px !important;padding-left:44px !important;padding-right:4px !important} .tm-header form.hx-srch .uk-search-icon{width:44px !important;padding:0 !important;justify-content:center} .hx-sbtn{flex:none;width:30px;height:30px;margin-right:5px;border:0;border-radius:999px;background:#040404;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:background .2s} .hx-sbtn:hover{background:#3C8414} .hx-scope{flex:none;width:auto;height:26px;border:0;border-left:1px solid #DDE3D8;background:transparent;font-family:inherit;font-size:13px;color:#4D4D4D;cursor:pointer;outline:0} .tm-header form.hx-srch .hx-scope{max-width:104px;padding:0 4px 0 8px;margin-right:6px} @media(max-width:1279px){.tm-header form.uk-search-navbar.hx-srch{width:230px}} /* ========================================================================== 5. Bandeau newsletter (position bottom) et pied de page ========================================================================== */ .hx-nlband{background:#EEF6E8;background-image:radial-gradient(600px 260px at 92% 0%,rgba(155,224,106,.35),transparent 60%);color:#040404;padding:52px 0} .hx-nlb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:48px;align-items:center} @media(max-width:959px){.hx-nlb{grid-template-columns:1fr;gap:24px}.hx-nlband{padding:40px 0}} .hx-nlb .k{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3C8414;margin-bottom:10px} .hx-nlb h2{margin:0 0 10px;color:#040404;font-size:clamp(24px,2.6vw,32px);font-weight:500;line-height:1.3} .hx-nlb p{margin:0;color:#4D4D4D;font-size:16px;line-height:1.6;max-width:620px} .hx-nlband small{display:block;margin-top:10px;font-size:13px;color:#4D4D4D} .tm-bottom:has(.hx-nlband){padding:0 !important;background:none !important} .tm-bottom:has(.hx-nlband)>.uk-container{max-width:none;padding-left:0;padding-right:0} .hx-foot{background:#fff;padding:56px 0 0} .hx-fg{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:40px} @media(max-width:959px){.hx-fg{grid-template-columns:1fr 1fr}.hx-fb{grid-column:1/-1}} .hx-fb img{height:48px;width:auto;display:block} .hx-fb p{font-size:14px;line-height:1.6;color:#4D4D4D;margin:16px 0 18px;max-width:320px} .hx-soc a{width:38px;height:38px;border-radius:10px;border:1px solid #E5E7EB;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#040404;transition:all .2s} .hx-soc a:hover{background:#3C8414;border-color:#3C8414;color:#fff} .hx-fc h4{margin:0 0 14px;font-size:14px;font-weight:600;color:#040404} .hx-fc ul{list-style:none;margin:0;padding:0} .hx-fc li+li{margin-top:9px} .hx-fc a,.hx-fbot a{font-size:14px;color:#4D4D4D} .hx-fc a:hover,.hx-fbot a:hover{color:#3C8414;text-decoration:none} .hx-fbot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:48px;padding:20px 0 28px;border-top:1px solid #E5E7EB;font-size:13px;color:#4D4D4D} .hx-fbot nav{display:flex;flex-wrap:wrap;gap:18px} .hx-fbot a{font-size:13px} /* ========================================================================== 6. Cartes Ressources (JReviews, card "poster") ========================================================================== */ #tm-main [data-jr-card="poster"]{height:auto !important;padding-bottom:0 !important;aspect-ratio:auto !important;display:flex;flex-direction:column;background:#fff !important;border-radius:16px !important;box-shadow:none !important;--tw-ring-color:#E7EAE5;transition:transform .2s,box-shadow .2s} #tm-main [data-jr-card="poster"]:hover{border-color:#B9D3A5} #tm-main [data-jr-card="poster"]>a.fwd-block{position:relative !important;inset:auto !important;display:block;aspect-ratio:4/3;background:#F2F7EE;overflow:hidden} #tm-main [data-jr-card="poster"]>a.fwd-block img{width:100% !important;height:100% !important;object-fit:contain !important;padding:14px;transition:transform .4s} #tm-main [data-jr-card="poster"]>div[data-theme="dark"]{position:relative !important;inset:auto !important;flex:1;justify-content:flex-start !important} #tm-main [data-jr-card="poster"] .fwd-bg-gradient-to-t{display:none !important} #tm-main [data-jr-card="poster"] .fwd-text-white{color:#4D4D4D !important;text-shadow:none !important;max-height:none !important;padding:14px 16px 16px !important} #tm-main [data-jr-card="poster"] [data-theme="dark"] *{color:#4D4D4D;text-shadow:none !important} #tm-main [data-jr-card="poster"] h3,#tm-main [data-jr-card="poster"] h3 a{color:#040404 !important;font-size:15px !important;line-height:1.4 !important;font-weight:500 !important} #tm-main [data-jr-card="poster"]:hover h3 a{color:#3C8414 !important} #tm-main [data-jr-card="poster"] [data-theme="dark"] button,#tm-main [data-jr-card="poster"] [data-theme="dark"] .fwd-btn,#tm-main [data-jr-card="poster"] [data-theme="dark"] [role="button"]{background:#fff !important;color:#040404 !important;border:1px solid #E7EAE5 !important;box-shadow:none !important} #tm-main [data-jr-card="poster"] [data-theme="dark"] button *{color:#040404 !important} /* 2 par ligne, cartes horizontales */ #tm-main .fwd-grid:has(>[data-jr-card="poster"]){grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px !important} @media(max-width:639px){#tm-main .fwd-grid:has(>[data-jr-card="poster"]){grid-template-columns:1fr !important}} #tm-main [data-jr-card="poster"]{flex-direction:row !important;align-items:stretch;min-height:220px} #tm-main [data-jr-card="poster"]>a.fwd-block{flex:0 0 38%;aspect-ratio:auto !important;background:#F4F5F6 !important;border-right:1px solid #EEF0F2} #tm-main [data-jr-card="poster"]>a.fwd-block img{padding:16px !important} #tm-main [data-jr-card="poster"]>div[data-theme="dark"]{display:flex;flex-direction:column} #tm-main [data-jr-card="poster"] .fwd-text-white{padding:22px 22px 20px !important;height:100%} #tm-main [data-jr-card="poster"] h3,#tm-main [data-jr-card="poster"] h3 a{font-size:17px !important;line-height:1.4 !important} @media(max-width:959px){#tm-main [data-jr-card="poster"]{flex-direction:column !important}#tm-main [data-jr-card="poster"]>a.fwd-block{flex:none;aspect-ratio:4/3 !important;border-right:0}} #tm-main .fwd-grid>[data-jr-card="poster"]{background-color:#fff !important;--fwd-card-bg:#fff;border:1px solid #E7EAE5 !important} #tm-main [data-jr-card="poster"] [data-jr-created]{display:none !important} #tm-main [data-jr-card="poster"] [data-jr-listing-meta]:not(:has(> :not([data-jr-created]))){display:none !important} /* Étiquette "nature du document" en pastille, remontée au-dessus du titre */ #tm-main [data-jr-card="poster"] .fwd-text-white>div:nth-child(2){order:-1;margin:0 0 10px !important;flex:none !important;overflow:visible !important} #tm-main [data-jr-card="poster"] [data-field="jr_naturedocument"] dd{grid-column:1/-1 !important;margin:0} #tm-main [data-jr-card="poster"] [data-field="jr_naturedocument"] dd a{display:inline-block;font-size:11px !important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#3C8414 !important;background:#EEF6E8;padding:4px 10px;border-radius:999px;text-decoration:none;position:relative;z-index:11} #tm-main [data-jr-card="poster"] [data-field="jr_naturedocument"] dd a:hover{background:#3C8414;color:#fff !important} /* ========================================================================== 7. Densité : espacements réduits ~30% + fond alterné neutre ========================================================================== */ @media(min-width:960px){ .uk-section{padding-top:48px;padding-bottom:48px} .uk-section-small{padding-top:32px;padding-bottom:32px} .uk-section-large{padding-top:80px;padding-bottom:80px} .uk-section-xlarge{padding-top:104px;padding-bottom:104px} .uk-margin-large{margin-bottom:48px} .uk-margin-large-top{margin-top:48px !important} .uk-margin-large-bottom{margin-bottom:48px !important} .uk-margin-xlarge-top{margin-top:64px !important} .uk-margin-xlarge-bottom{margin-bottom:64px !important} } .uk-section-muted{background-color:#F7F8F7 !important} @media(max-width:639px){#tm-main .fwd-grid[class*="fwd-grid-cols-fill"]{grid-template-columns:minmax(0,1fr) !important}} /* ========================================================================== 8. Forum archivé : index des discussions ========================================================================== */ .forum-archive #tm-main .fwd-grid:has(>[data-jr-card="list-item"]){gap:14px !important} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]){background:#fff !important;border:1px solid #E7EAE5;border-radius:16px !important;padding:20px 22px !important;transition:border-color .2s,box-shadow .2s} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]):hover{border-color:#B9D3A5} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card])>a.fwd-block>div{width:44px !important;height:44px !important;border-radius:12px !important;background:#F2F7EE !important;display:flex !important;align-items:center;justify-content:center} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card])>a.fwd-block>div::after{content:"\f086";font-family:"Font Awesome 6 Free";font-weight:900;color:#3C8414;font-size:17px} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card])>a.fwd-block>div>div{display:none !important} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]) h3 a{font-size:17px !important;line-height:1.4 !important;font-weight:500 !important;color:#040404 !important} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]):hover h3 a{color:#3C8414 !important} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]) [data-jr-listing-meta]{font-size:13px} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]) [data-field="jr_infodiscussion"] dd{grid-column:1/-1 !important;margin:0} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]) [data-field="jr_infodiscussion"] b{font-weight:inherit} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]) [data-field="jr_infodiscussion"] ul{display:flex !important;flex-wrap:wrap;gap:6px;margin:0 !important;padding:0 !important} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]) [data-field="jr_infodiscussion"] li{display:block !important;margin:0 !important;padding:0 !important;list-style:none !important} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]) [data-field="jr_infodiscussion"] li::before, .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]) [data-field="jr_infodiscussion"] li::after{display:none !important;content:none !important} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]) [data-field="jr_infodiscussion"] li a{display:inline-block;font-size:12px !important;font-weight:500;color:#4D4D4D !important;background:#F4F5F6;padding:4px 10px;border-radius:999px;text-decoration:none;position:relative;z-index:11;transition:all .15s} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]) [data-field="jr_infodiscussion"] li a:hover{background:#040404;color:#fff !important} .forum-archive #tm-main [data-jr-card="list-item"]:not(.hx-fsb [data-jr-card]) [data-card-footer] button{font-size:12px} /* ========================================================================== 9. Forum archivé : page d'une discussion ========================================================================== */ .forum-archive [data-jr-listing-detail] h1{font-size:clamp(26px,2.6vw,32px) !important;line-height:1.3 !important;font-weight:500 !important;color:#040404 !important;margin-bottom:10px !important} .forum-archive [data-jr-listing-detail]>[data-jr-listing-actions]>:not([data-jr-action="manage"]){display:none !important} .forum-archive [data-jr-listing-detail] [data-jr-content]{background:#fff;border:1px solid #E7EAE5;border-radius:16px;padding:26px 28px !important;margin-top:18px} .forum-archive [data-jr-listing-detail] [data-jr-description]{font-size:16px !important;line-height:1.75 !important;color:#1f2320 !important} .forum-archive [data-jr-listing-detail] [data-jr-description] a{color:#3C8414;word-break:break-word} .forum-archive [data-jr-listing-detail] [data-jr-listing-section] h2,.forum-archive [data-jr-listing-detail] [data-jr-listing-section] h3{font-size:20px !important;font-weight:500 !important} .forum-archive [data-jr-listing-detail] [data-jr-empty-state]{padding:28px 16px !important;border-radius:14px;background:#F7F8F7 !important;border:1px dashed #E1E4DE} .forum-archive [data-jr-listing-detail] [data-jr-empty-state] h4{font-size:14px !important;font-weight:500 !important;color:#4D4D4D !important} /* Sidebar de la discussion (champ bannière jr_fichequestion, module 2684) */ .forum-archive #tm-main aside.tm-sidebar .hx-fsb{position:sticky;top:110px;border:1px solid #E7EAE5;border-radius:16px;padding:18px 18px 10px;background:#fff} .forum-archive .hx-fsb [data-jr-related-listings]{display:block !important;margin:0 !important} .forum-archive .hx-fsb .fwd-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important} .forum-archive .hx-fsb [data-jr-card]{padding:8px !important} .forum-archive .hx-fsb h2{font-size:17px !important;font-weight:500 !important;margin:0 0 12px !important;color:#040404 !important} .forum-archive .hx-fsb .hx-fsb-more{display:inline-flex;align-items:center;gap:6px;margin:10px 0 6px;font-size:13px;font-weight:500;color:#3C8414} .hx-fsb-sec+.hx-fsb-sec{border-top:1px solid #EEF0EC;margin-top:16px;padding-top:16px} .hx-fsb-sec>h3,.forum-archive .hx-fsb [data-jr-related-listings]>h2,.forum-archive .hx-fsb [data-jr-related-listings] h2[data-jr-heading]{font-size:11px !important;font-weight:600 !important;letter-spacing:.12em;text-transform:uppercase;color:#4D4D4D !important;margin:0 0 12px !important} .forum-archive .hx-fsb [data-jr-card] h3,.forum-archive .hx-fsb [data-jr-card] h3 a{font-size:13px !important;line-height:1.3 !important;font-weight:500 !important;text-transform:none !important;letter-spacing:0 !important;color:#040404 !important} .forum-archive .tm-top:has(#module-2702){display:none !important} /* Fil d'Ariane du forum */ .hx-bc2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#9aa19a;margin:0 0 16px} .hx-bc2 a{display:inline-flex;align-items:center;gap:6px;color:#3C8414;font-weight:500} .hx-bc2 a:hover{color:#040404;text-decoration:none} /* Mots-clés et solutions citées */ .hx-pills{display:flex;flex-wrap:wrap;gap:6px} .hx-pills a{font-size:12.5px;padding:5px 11px;border-radius:999px;background:#F4F5F6;color:#040404;transition:all .15s} .hx-pills a:hover{background:#040404;color:#fff;text-decoration:none} .hx-prods{display:flex;flex-wrap:wrap;gap:6px} .hx-prods a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:6px 12px;border-radius:10px;background:#F2F7EE;color:#3C8414} .hx-prods a::before{content:"\f1b2";font-family:"Font Awesome 6 Free";font-weight:900;font-size:11px} .hx-prods a:hover{background:#3C8414;color:#fff;text-decoration:none} /* ========================================================================== 10. Popups EngageBox (70 et 73) et formulaires Convert Forms ========================================================================== */ .hx-eb{display:grid;grid-template-columns:240px minmax(0,1fr);background:#fff;text-align:left;color:#4D4D4D} .hx-eb-ill{background:#EEF6E8;background-image:radial-gradient(300px 200px at 20% 0%,rgba(155,224,106,.35),transparent 60%);display:flex;align-items:center;justify-content:center;padding:28px} .hx-eb-ill svg{width:100%;max-width:200px;height:auto} .hx-eb-txt{padding:34px 34px 26px} .hx-eb .lab{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3C8414} .hx-eb h3{margin:8px 0 14px;font-size:22px;line-height:1.3;font-weight:600;color:#040404} .hx-eb ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px} .hx-eb li{display:flex;gap:10px;font-size:14px;line-height:1.45} .hx-eb li i{color:#3C8414;margin-top:3px} .hx-eb .sp{margin:0 0 12px;font-size:13px} .hx-eb .sp b{color:#040404;font-weight:600} .hx-eb p:empty{display:none} .eb-dialog:has(.hx-eb){border-radius:22px !important;overflow:hidden;box-shadow:0 30px 80px rgba(4,4,4,.25) !important} @media(max-width:700px){.hx-eb{grid-template-columns:1fr}.hx-eb-ill{display:none}.hx-eb-txt{padding:28px 22px 20px}} .hx-eb .convertforms,.hx-nlband .convertforms{width:100% !important;max-width:none !important;background:none !important;padding:0 !important;margin:0 !important;font-family:inherit !important;border:0 !important} .hx-eb .cf-control-group[data-type=heading],.hx-eb .cf-control-group[data-type=html],.hx-nlband .cf-control-group[data-type=heading],.hx-nlband .cf-control-group[data-type=html]{display:none !important} .hx-eb .cf-input,.hx-nlband .cf-input{height:44px !important;border:1px solid #E7EAE5 !important;border-radius:10px !important;font-size:14px !important;padding:0 12px !important;background:#fff !important;color:#040404 !important;box-shadow:none !important} .hx-eb .cf-input:focus,.hx-nlband .cf-input:focus{border-color:#6BB33C !important;box-shadow:0 0 0 3px rgba(107,179,60,.15) !important} .hx-eb .cf-btn,.hx-nlband .cf-btn{width:100% !important;height:46px !important;padding:0 18px !important;border-radius:10px !important;background:#040404 !important;color:#fff !important;font-size:14px !important;font-weight:600 !important;letter-spacing:.02em} .hx-eb .cf-btn:hover,.hx-nlband .cf-btn:hover{background:#3C8414 !important} .hx-eb .cf-footer,.hx-nlband .cf-footer{font-size:12px;color:#4D4D4D;text-align:left;margin-top:6px} .hx-nlband .cf-footer p{text-align:left !important} .eb-dialog:has(.hx-eb) .eb-close{color:#4D4D4D !important;opacity:.7;top:14px !important;right:14px !important} .eb-dialog:has(.hx-eb) .eb-close:hover{opacity:1} .eb-dialog:has(.hx-eb) .eb-close svg,.eb-dialog:has(.hx-eb) .eb-close path{fill:currentColor !important;stroke:currentColor} /* ========================================================================== 11. En-tête des pages de liste JReviews (catégories, tags thématique / usage / métier, /solutions, /ressources, Le Mag, recherche). Version sobre : titre + description dans un seul bloc vert pâle, filet fin, angles légers, sans dégradé ni onglet. ========================================================================== */ [data-jr-page-layout] > div > div:has(> h1[data-jr-heading]){padding:28px 32px 0;background:#F4F9F0;border:1px solid #DDEFCF;border-bottom:0;border-radius:6px 6px 0 0} [data-jr-page-layout] > div > div:has(> h1[data-jr-heading]):not(:has(+ .jrPageDescription)){border-bottom:1px solid #DDEFCF;border-radius:6px;padding-bottom:24px;margin-bottom:24px} [data-jr-page-layout] > div > div > h1[data-jr-heading]{font-size:clamp(26px,3vw,36px) !important;line-height:1.2 !important;font-weight:600 !important;color:#040404 !important} [data-jr-page-layout] > div > div:has(> h1[data-jr-heading]) + .jrPageDescription{margin:0 0 24px !important;padding:8px 32px 26px;background:#F4F9F0;border:1px solid #DDEFCF;border-top:0;border-radius:0 0 6px 6px;max-width:none;font-size:16px !important;line-height:1.65 !important;color:#4D4D4D !important} /* Forum : pas de bloc, le bandeau de rubrique fait déjà le travail */ .forum-archive [data-jr-page-layout] > div > div:has(> h1[data-jr-heading]), .forum-archive [data-jr-page-layout] > div > div:has(> h1[data-jr-heading]) + .jrPageDescription{padding:0;background:none;border:0;border-radius:0;margin-bottom:16px} @media(max-width:640px){ [data-jr-page-layout] > div > div:has(> h1[data-jr-heading]){padding:22px 18px 0} [data-jr-page-layout] > div > div:has(> h1[data-jr-heading]):not(:has(+ .jrPageDescription)){padding-bottom:20px} [data-jr-page-layout] > div > div:has(> h1[data-jr-heading]) + .jrPageDescription{padding:6px 18px 20px;font-size:15px !important} } /* ========================================================================== 12. Articles du Mag : masquer les lignes vides du bloc "infos article" (champ bannière JReviews jr_articleheader) ========================================================================== */ .hxb-content-sidebar-info-group:has(> .value:empty), .hxb-content-sidebar-info-group:has(> .value > ul:not(:has(li))){display:none} /* ========================================================================== 13. Pages Connexion et Inscription (tunnel sans distraction) Déclencheur : le module 2752 "Marqueur tunnel inscription" pose un