/* ====================================================== CW V2 — Typography (uniformisée) Scope: (class sur ) ====================================================== */ #section-316-13807968 { display: none!important; } img, video, iframe, svg { max-width: 100%; height: auto; } .oxy-post-image-fixed-ratio, .ct-div-block, .oxy-dynamic-list, .oxy-repeater-pages, .oxy-easy-posts { max-width: 100%; } html, body { overflow-x: hidden; width: 100%; } .cw_v2_2026{ /* Fonts */ --cw-font-body: 'Newsreader', serif; --cw-font-heading: 'Bitter', serif; /* Base sizes */ --cw-fs-base: 16px; /* texte courant */ --cw-lh-base: 1.1; /* Headings (simple scale) */ --cw-fs-h1: 30px; --cw-fs-h2: 14px; --cw-fs-h3: 24px; --cw-fs-h4: 20px; --cw-fs-h5: 18px; --cw-fs-h6: 16px; /* Small text */ --cw-fs-small: 14px; /* meta, légendes */ --cw-fs-kicker: 13px; /* labels type "Podcast" */ --cw-lh-tight: 1.2; /* Colors */ --cw-text: #000000; --cw-muted: #949494; } /* ========================= Base / texte courant ========================= */ body { font-family: var(--cw-font-body) !important; font-weight: 500; /* Newsreader Medium */ font-size: var(--cw-fs-base); line-height: var(--cw-lh-base); color: var(--cw-text); } /* Texte courant : on cible les éléments sémantiques + rich text Oxygen (évite de forcer span/div globalement => moins d'effets de bord) */ /* p, li, blockquote, .ct-text-block, .ct-link-text, .oxy-rich-text { font-family: var(--cw-font-body) !important; } */ p { margin: 0 0 15px 0; } /* ========================= Titres ========================= */ h1, h2, h3, h4, h5, h6, .cw-title, .cw-heading { font-family: var(--cw-font-heading) !important; font-weight: 800; line-height: var(--cw-lh-tight); margin: 0 0 0; /* letter-spacing: -0.01em; */ } h1 { font-size: var(--cw-fs-h1); } h2 { font-size: var(--cw-fs-h2); } h3 { font-size: var(--cw-fs-h3); } h4 { font-size: var(--cw-fs-h4); } h5 { font-size: var(--cw-fs-h5); } h6 { font-size: var(--cw-fs-h6); } .cw-conspipedia__heading{ font-size:16px!important; } /* ========================= Meta / small ========================= */ .cw-meta, .small { font-family: var(--cw-font-heading) !important; font-weight: 500; font-size: var(--cw-fs-small); line-height: 1.2; /* color: var(--cw-muted); */ } /* Kicker / label (ex: "Podcast", "Vidéo") */ .cw-kicker { font-family: var(--cw-font-heading) !important; font-weight: 700; font-size: var(--cw-fs-kicker); line-height: 1.2; /* text-transform: uppercase; */ letter-spacing: 0.06em; } /* Lead (chapô) */ .cw-lead { font-family: var(--cw-font-heading) !important; font-weight: 500; font-size: 20px; /* line-height: 1.6; */ } /* ========================= Liens ========================= */ a { color: inherit; text-decoration-thickness: 2px; text-underline-offset: 3px; } /* ========================= Navigation ========================= */ .cw-header__nav-link, .menu-2026-menu-principal-container .menu-item > a, .cw-nav, .cw-nav a { font-family: var(--cw-font-heading) !important; font-weight: 700; font-size: 14px; } /* ========================= Navigation FOOTER CW — Footer Pro Menu : sous-menus toujours visibles **************************************************/ .cw-footer-menu .menu-item > a { font-family: var(--cw-font-heading) !important; font-weight: 700; font-size: 12px; } /* 1) Force la liste en vertical (au cas où) */ .cw-footer-menu .oxy-pro-menu-list{ display: flex; flex-direction: column; gap: 10px; /* espace entre items racines */ } /* 2) Sous-menus : toujours visibles + dans le flux */ .cw-footer-menu .oxy-pro-menu-list .sub-menu{ display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; transform: none !important; height: auto !important; max-height: none !important; pointer-events: auto !important; text-transform: none !important; margin-top: 0px; margin-bottom: 6px; padding-left: 0px; /* indentation */ list-style: none; } /* Mega menu : chaque item = 1 colonne */ .cw-mega__cols{ display: grid; grid-auto-flow: column; grid-auto-columns: max-content; gap: 28px; align-items: start; } /* lien (colonne) */ .cw-mega__colitem{ display: inline-block; } .cw-mega__colitem a{ font-family: "Bitter", serif; /* ou Newsreader selon ton design */ font-weight: 700; text-decoration: none; color: #000; white-space: nowrap; } .cw-mega__colitem a:hover{ text-decoration: underline; } /* 5) Masque les icônes dropdown et zones cliquables */ .cw-footer-menu .oxy-pro-menu-dropdown-icon-click-area{ display: none !important; } .cw-footer-menu .oxy-pro-menu-dropdown-icon{ display: none !important; } /* 6) Enlève le comportement “dropdown” (sécurise) */ .cw-footer-menu .menu-item-has-children > a{ pointer-events: auto; /* on clique sur le parent normalement */ } /* Le UL principal doit être en colonne */ .cw-footer-menu ul.oxy-pro-menu-list{ display: block !important; } /* Chaque LI racine : block (pas flex/row), empile ses enfants */ .cw-footer-menu ul.oxy-pro-menu-list > li{ display: block !important; float: none !important; clear: both !important; } /* Le lien parent en block pour prendre la ligne */ .cw-footer-menu ul.oxy-pro-menu-list > li > a{ display: block !important; } /* Sous-menu : dans le flux, sous le lien */ .cw-footer-menu ul.oxy-pro-menu-list > li > ul.sub-menu{ display: block !important; position: static !important; float: none !important; clear: both !important; margin: 0px 0 0px 5px; padding-left: 0px; width: auto !important; max-width: 100% !important; } .cw-footer-menu ul.oxy-pro-menu-list > li > ul.sub-menu li a{ text-transform: none !important; } /* Si Oxygen a mis des flex sur menu-item-has-children */ .cw-footer-menu li.menu-item-has-children{ display: block !important; } /* Masque les icônes dropdown */ .cw-footer-menu .oxy-pro-menu-dropdown-icon-click-area, .cw-footer-menu .oxy-pro-menu-dropdown-icon{ display: none !important; } /* Icones */ .search_modal { padding: 0px; } .search_modal > a:before { font-weight: 900; font-family: "Font Awesome 5 Free"!important; content: "\f002"; padding-right: 4px; } /* .newsletter > a::before { content: ""; display: inline-block; width: 14px; height: 14px; background-image: url("/wp-content/uploads/2026/03/ico_envelope-open-text-solid.png"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 4px; vertical-align: middle; } */ /* .newsletter > a:hover::before { background-image: url("/wp-content/uploads/2026/02/ico_envelope-open-text-solid-RED.png"); } */ .faire_un_don { background: none!important; color: var(--cw-text) } .faire_un_don a { padding: 0!important; } .faire_un_don > a::before { content: ""; display: inline-block; width: 14px; height: 14px; /* background-image: url("/wp-content/uploads/2026/02/ico_hand-holding-dollar-solid.png"); */ background-image: url("/wp-content/uploads/2026/03/ico-don_v3.png"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 4px; padding-left: 0px!important; vertical-align: middle; } .faire_un_don > a:hover::before { /* background-image: url("/wp-content/uploads/2026/02/ico_hand-holding-dollar-solid-RED.png"); */ background-image: url("/wp-content/uploads/2026/03/ico-don_v3.png"); } .std_line-height { line-height: 18px!important; } .cw-post_content h2 { font-weight: 700 !important; line-height: 1.3 !important; padding-bottom: 5px!important; } .cw-post_content h3 { font-weight: 700 !important; line-height: 1.3 !important; padding-top: 5px!important; padding-bottom: 5px!important; } /* ################################################################# */ /* ################################################################# */ /* ========================= Buttons ========================= */ button, .cw-button { font-family: var(--cw-font-heading) !important; font-weight: 700; } /* ======================== * RSS SHARING (SOCIAL ICONS) ======================== */ .cw-share{ position:relative; display:inline-flex; align-items:center; } .cw-share__toggle{ display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:1px solid #e3e3e3; background:#fff; color:#111; cursor:pointer; transition:background .2s ease, border-color .2s ease; } .cw-share__toggle:hover{ background:#f6f6f6; } .cw-share__toggle svg{ width:16px; height:16px; display:block; } .cw-share__panel{ position:absolute; top:calc(100% + 8px); left:0; display:flex; align-items:center; gap:2px; padding:4px; background:#fff; border:1px solid #e3e3e3; box-shadow:0 6px 16px rgba(0,0,0,.06); opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .18s ease, transform .18s ease; z-index:100; } .cw-share.is-open .cw-share__panel{ opacity:1; visibility:visible; transform:translateY(0); } .cw-share__btn{ display:flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; background:transparent; border:0; color:#222; cursor:pointer; transition:background .15s ease; } .cw-share__btn:hover{ background:#f3f3f3; } .cw-share__btn svg{ width:14px; height:14px; display:block; } .cw-share__btn[aria-label="Partager sur Bluesky"] svg{ width:15px; height:15px; } .cw-share__feedback{ position:absolute; top:calc(100% + 46px); left:0; font-size:12px; color:#666; opacity:0; transition:opacity .2s ease; pointer-events:none; white-space:nowrap; } .cw-share__feedback.is-visible{ opacity:1; } .cw-share__panel:before{ content:""; position:absolute; top:-5px; left:12px; width:8px; height:8px; background:#fff; border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; transform:rotate(45deg); } /* ################################################################# */ /* ========================= MENU PRINCIPAL – MEGA MENU (FINAL) ========================= */ .header-nav{ position: relative; --cw-mega-gap: 5px; /* ajuste ici */ } .oxel_megamenu__wrapper .menu-item > a , .oxel_megamenu__wrapper .current-menu-ancestor > a { color: #000; } ul.oxy-nav-menu-list > .current-menu-item > a { color: #cd1618!important; } .oxel_megamenu__wrapper .is-open > a { color: #fff; } /* Conteneur mega */ .header-nav .cw-mega{ position: absolute; top: calc(100% + var(--cw-mega-gap)); left: 0; z-index: 9999; display: none; } /* Ouvrir le mega tant qu'on est dans le header-nav */ .header-nav:hover .cw-mega{ display: block; } /* Bridge : empêche la fermeture quand tu traverses le gap */ .header-nav::after{ content:""; position:absolute; top:100%; height: var(--cw-mega-gap); left:-100vw; width:200vw; } /* Panels */ .header-nav .cw-mega__panel{ position: absolute; top: 0; left: var(--cw-mega-left, 0px); display: none; width: max-content; max-width: min(70vw, 920px); box-sizing: border-box; /* animation */ opacity: 0; transform: translateY(-6px); transition: opacity .18s ease, transform .18s ease; } /* Sous menus MEGA MENU */ .cw-mega__inner{ display:grid; grid-template-columns: repeat(3, minmax(180px, 1fr)); gap: 28px; } .cw-mega__col-link{ font-family:"Bitter", serif; font-weight:700; color:#000; text-decoration:none; } .cw-mega__list{ list-style:none; margin:12px 0 0; padding:0; } .cw-mega__item{ margin:0px 0; } .cw-mega__a{ font-family:"Newsreader", serif; color:#000; text-decoration:none; } .cw-mega__a:hover{ text-decoration:underline; } .cw-mega__a--missing, .cw-mega__col-link--missing{ opacity:.5; } /* ========================= MAPPING via classes JS (reste actif quand tu vas sur le mega) ========================= */ .header-nav.is-analyses .cw-mega__panel--analyses { display: block; } .header-nav.is-emissions .cw-mega__panel--emissions { display: block; } .header-nav.is-conspipedia .cw-mega__panel--conspipedia { display: block; } /* activation animation uniquement pour le panel visible */ .header-nav.is-analyses .cw-mega__panel--analyses, .header-nav.is-emissions .cw-mega__panel--emissions, .header-nav.is-conspipedia .cw-mega__panel--conspipedia { opacity: 1; transform: translateY(0); } /* Responsive */ @media (max-width: 900px){ .header-nav .cw-mega__panel{ left: 0 !important; width: calc(100vw - 40px); max-width: none; } } /* Builder Oxygen uniquement (front builder) */ .ct-builder .cw-mega{ display:none !important; } .cw_align-left { text-align: left!important; } /* ====================================================== CW V2 — Mega menu polish (modern + editorial) Scope recommandé : .cw_v2_2026 ====================================================== */ .header-nav{ --cw-mega-bg: #fff; --cw-mega-border: rgba(0,0,0,.12); --cw-mega-shadow: 0 12px 28px rgba(0,0,0,.10); /* plus doux */ --cw-mega-radius: 14px; --cw-mega-pad: 18px; --cw-mega-gapcol: 18px; --cw-accent: #cd1618; } /* Décalage vertical +10px */ .header-nav .cw-mega{ top: calc(100% + var(--cw-mega-gap) + 10px); } .header-nav::after{ height: calc(var(--cw-mega-gap) + 10px); } /* Panel */ .header-nav .cw-mega__panel{ background: var(--cw-mega-bg); border: 1px solid var(--cw-mega-border); border-radius: var(--cw-mega-radius); box-shadow: var(--cw-mega-shadow); padding: var(--cw-mega-pad); } /* Caret discret */ .header-nav .cw-mega__panel::before{ content:""; position:absolute; top:-6px; left: 22px; width: 10px; height: 10px; background: var(--cw-mega-bg); border-left: 1px solid var(--cw-mega-border); border-top: 1px solid var(--cw-mega-border); transform: rotate(45deg); } /* ===== ANALYSES ===== */ .cw-mega__inner{ gap: 22px; } .cw-mega__col-title{ margin-bottom: 8px; } .cw-mega__col-link{ font-family: var(--cw-font-heading) !important; font-weight: 800; letter-spacing: -0.01em; text-decoration: none; position: relative; padding-bottom: 4px; } .cw-mega__col-link::after{ content:""; position:absolute; left:0; bottom:0; width: 60%; height: 1px; background: rgba(0,0,0,0); } /* Liens liste (sobre) */ .cw-mega__item{ margin: 4px 0; } .cw-mega__a{ display: inline-block; padding: 4px 6px; border-radius: 6px; text-decoration: none; transition: background .15s ease; } .cw-mega__a:hover{ background: rgba(0,0,0,.05); } /* Focus clavier */ .cw-mega__a:focus-visible, .cw-mega__col-link:focus-visible{ outline: 2px solid var(--cw-accent); outline-offset: 2px; border-radius: 6px; } /* ===== CONSPIPEDIA / VIDEOS / PODCASTS ===== */ .cw-mega__cols{ gap: var(--cw-mega-gapcol); padding: 4px 0; } /* Chaque item = simple bloc editorial (plus léger) */ .cw-mega__colitem{ display: inline-flex; } .cw-mega__colitem a{ font-family: var(--cw-font-heading) !important; /* Bitter conservé */ font-weight: 700; font-size: 14px; padding: 8px 10px; /* réduit */ border-radius: 8px; border: 1px solid rgba(0,0,0,.08); background: rgba(0,0,0,.02); /* très léger */ text-decoration: none; transition: background .15s ease, border-color .15s ease; white-space: nowrap; box-shadow: none; /* supprime effet carte */ } .cw-mega__colitem a:hover{ background: rgba(0,0,0,.06); border-color: rgba(0,0,0,.15); } /* suppression effet rouge */ .cw-mega__colitem a:hover::after{ content: none; } /* ========================= DIVERS ========================= */ html { scroll-behavior: smooth; } /* ================ * EFFET ROLLOVER IMAGE */ .cw-rollover { display: block; } /* wrapper de masquage : UNIQUEMENT autour de l'image */ .cw-rollover__mask { overflow: hidden; } /* élément zoomé */ .cw-rollover img, .cw-rollover__bg { display: block; width: 100%; transition: transform .35s ease; transform: scale(1) translateZ(0); transform-origin: center center; will-change: transform; backface-visibility: hidden; } /* cas background */ .cw-rollover__bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } /* hover */ .cw-rollover:hover img, .cw-rollover:hover .cw-rollover__bg { transform: scale(1.04) translateZ(0); } /* Article : image top contenu */ /* WP CAPTION ARTICLE */ .wp-caption.aligncenter { margin: 0px auto!important; } figure.wp-caption { text-align: left!important; background-color: #fff!important; margin: 0px 0 10px 0!important; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding:0px!important; /* width: 100%; */ } /* 1er figure de la page */ figure.wp-caption:first-of-type { border: 0px solid red!important; width: 100%!important; } /* Tous les autres */ figure.wp-caption:not(:first-of-type) { border: 0px solid #c4c4c4!important; } figure.wp-caption:first-of-type img { margin: 0; padding: 0; border: 0 none; max-width: 760px!important; width: 100%!important; height: auto !important; } figure.wp-caption:not(:first-of-type) img { margin: 0; padding: 0; border: 0 none; } .wp-caption figcaption { margin-bottom: 25px; font-family: Bitter, serif; font-size: 14px; } .wp-caption-text { background-color: #fff!important; color: #949494!important; font-size: 12px!important; } .cw-key-word a:hover { text-decoration: underline; } /* HIDE H1 HOME PAGE */ .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Hide pagination */ /* uniquement sur la page home-page-v2-2026 */ .page-id-13814536 .oxy-repeater-pages-wrap, .page-id-13814476 .oxy-repeater-pages-wrap { display: none !important; } /* ENTETE HP - HERO */ #div_block-17-13814536{ display:flex; flex-wrap:nowrap; align-items:stretch; } #div_block-10-13814536, #div_block-11-13814536{ flex:1 1 0; } #div_block-11-13814536{ display:flex; flex-direction:column; } #div_block-69-13814536{ margin-top:auto; } .cw-short__thumb{ image-rendering:auto; } .cw-clamp-2 p{ display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; margin: 0 !important; margin-bottom: 0 !important; } .cw-clamp-4 p{ display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 4 !important; overflow: hidden !important; margin: 0 !important; margin-bottom: 0 !important; } /* ================================ SEARCH FORM ================================ */ /* ========================================================= FORBA ADVANCED SEARCH - RADIO SWITCH (VERSION CLEAN) Scope : .cw-v2_searchform ========================================================= */ .oxy-close-modal { display: none!important; } /* ===== LAYOUT ===== */ .cw-v2_searchform, .cw-v2_searchform input, .cw-v2_searchform select { font-family: var(--cw-font-heading) !important; font-size: 16px; line-height: 16px; } .cw-v2_searchform .filtre-line { display: flex; align-items: center; gap: 12px; } .cw-v2_searchform .filtre-bloc { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 10px 14px; padding: 12px 0; border-top: 1px solid #e2e2e2; } .cw-v2_searchform .cible_actualites { border-top: 0; } .cw-v2_searchform .filtre-main-label { cursor: pointer; margin: 0; } .cw-v2_searchform .selectit { display: inline-flex; align-items: center; gap: 4px; margin-right: 10px; } .cw-v2_searchform label.long_label { min-width: 150px!important; } .cw-v2_searchform label { min-width: auto!important; display: inline-block; } /* ===== SWITCH ===== */ .cw-v2_searchform .radio-switch { position: relative; display: inline-block; width: 32px; height: 22px; cursor: pointer; flex-shrink: 0; } /* radio natif caché */ .cw-v2_searchform .radio-switch input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } /* fond */ .cw-v2_searchform .radio-switch-ui { position: absolute; inset: 0; background: #cfcfcf; /* OFF */ border-radius: 999px; transition: background 0.25s ease; } /* knob */ .cw-v2_searchform .radio-switch-ui::before { content: ""; position: absolute; width: 18px; height: 18px; top: 2px; left: 2px; background: #fff; border: 2px solid #111; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.25); /* effet clean */ transition: transform 0.25s ease; } /* ===== ETAT ON ===== */ .cw-v2_searchform .radio-switch input[type="radio"]:checked + .radio-switch-ui { background: #2f3fa8; } .cw-v2_searchform .radio-switch input[type="radio"]:checked + .radio-switch-ui::before { transform: translateX(10px); } /* ===== ETAT OFF ===== */ .cw-v2_searchform .radio-switch input[type="radio"]:not(:checked) + .radio-switch-ui { background: #bdbdbd; } /* ===== FOCUS ACCESSIBILITÉ ===== */ .cw-v2_searchform .radio-switch input[type="radio"]:focus + .radio-switch-ui { outline: 2px solid rgba(47, 63, 168, 0.25); outline-offset: 2px; } /* ===== ALIGNEMENT DES TITRES ===== */ .cw-v2_searchform .filtre-bloc > label:not(.radio-switch) { display: inline-flex; align-items: center; min-height: 22px; margin: 0; } /* ===== BONUS UX : hover léger ===== */ .cw-v2_searchform .radio-switch:hover .radio-switch-ui { filter: brightness(1.05); } .search_no_result { display: block; font-size: 16px; line-height: 1.2; padding-top: 20px!important; font-family: var(--cw-font-heading); } .force_noir, .force_noir a { color: #000!important; } .force_gris, .force_gris a { color: #949494!important; } .cw-v2-bloc-text p { margin: 0 0 5px; } /* HP */ /* A LA UNE - suite > Limite à 2 items sur mobile */ @media (max-width: 768px) { .cw-repeater-list .cw-repeater-item:nth-child(n+2) { display: none !important; } } /* ================================ CONSPIPEDIA ================================ */ /* --- bloc global --- */ .cw-conspipedia{ width:100%; } /* --- recherche --- */ .cw-conspipedia__search{ margin-bottom:30px; } .cw-conspipedia__search-field-wrap{ width:100%; } .cw-card-thumb { width: 100%!important; aspect-ratio: 16 / 10!important; overflow: hidden!important; /* border: solid 1px red!important; */ min-height: 150px!important; } .cw-card-thumb img { width: 100%!important; height: 100%!important; object-fit: cover!important; object-position: top!important; display: block!important; } .cw-search{ position:relative; display:inline-block; width:100%; max-width:420px; } .cw-conspipedia__search-input{ width:100%; min-height:42px; padding:10px 38px 10px 34px; border:1px solid #d0d0d0; border-radius:4px; font-size:14px; line-height:1.3; background-color:#fff; background-image:url("/wp-content/uploads/2026/03/ico_magnifying-glass-solid.png"); background-repeat:no-repeat; background-position:10px center; background-size:14px; transition:border-color .2s, box-shadow .2s; appearance:none; -webkit-appearance:none; } .cw-conspipedia__search-input:focus{ outline:none; border-color:#000; box-shadow:0 0 0 2px rgba(0,0,0,.05); } .cw-conspipedia__search-input::-webkit-search-decoration, .cw-conspipedia__search-input::-webkit-search-cancel-button{ display:none; } .cw-search-clear{ position:absolute; right:10px; top:50%; transform:translateY(-50%); z-index:3; display:none; width:18px; height:18px; padding:0; border:0; background:transparent; color:#000; font-size:18px; line-height:18px; text-align:center; cursor:pointer; appearance:none; -webkit-appearance:none; } .cw-search.has-text .cw-search-clear{ display:block !important; } /* --- statut / compteurs --- */ .cw-conspipedia__status{ margin:0 0 20px; font-size:14px; line-height:1.3; } .cw-conspipedia__results-count{ margin:0 0 14px; font-size:14px; line-height:1.3; } .cw-conspipedia__empty{ font-size:14px; line-height:1.4; opacity:.7; } /* --- grille principale des 4 colonnes --- */ .cw-conspipedia__grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:28px; align-items:start; } .cw-conspipedia__col{ min-width:0; } .cw-conspipedia__col-head{ margin-bottom:14px; } .cw-conspipedia__col-title{ margin:0 0 8px; font-size: 16px!important; background: #000; padding: 4px 8px; } .cw-conspipedia__col-title a{ color: #fff!important; } .cw-conspipedia__col-title a:hover{ color: #cd1618!important; } .cw-conspipedia__col-inner{ min-height:1px; } .cw-conspipedia__col-actions{ margin-top:8px; } .cw-conspipedia__col.is-empty .cw-conspipedia__col-actions{ display:none; } /* --- cartes --- */ .cw-conspipedia-card{ margin-bottom:28px; } .cw-conspipedia-card:last-child{ margin-bottom:0; } .cw-conspipedia-card__media{ position:relative; margin-bottom:12px; } .cw-conspipedia-card__media-link, .cw-conspipedia-card__title a{ display:block; text-decoration:none; } .cw-conspipedia-card__image{ display:block; width:100%; height:auto; } .cw-conspipedia-card__badge{ position:absolute; top:10px; right:10px; width:28px; height:auto; } .cw-conspipedia-card__body{ display:flex; flex-direction:column; gap:5px; } .cw-conspipedia-card__title{ margin:0; } .cw-conspipedia-card__title, .cw-conspipedia-card__title a{ font-size:16px; font-weight:700; letter-spacing:-0.16px; line-height:19.2px; text-transform:uppercase; } .cw-conspipedia-card__meta{ font-size:14px; line-height:1.3; padding-bottom: 10px; } .cw-conspipedia-card__excerpt{ margin:0; line-height:16px; font-family: var(--cw-font-body) !important; } .cw-conspipedia-card__title mark{ background:#fff2a8; color:inherit; padding:0 .08em; } /* --- bouton voir plus --- */ .cw-conspipedia__more { font-family: Bitter, serif; display:inline-flex; align-items:center; justify-content:center; font-size: 16px; border-radius: 20px; padding:8px 25px 6px 25px!important; /* border:1px solid #000; */ background:#cd1618; cursor:pointer; text-decoration:none; color:#fff!important; font-weight: 600!important; margin: 5px 0; } .cw-conspipedia__more[hidden]{ display:none !important; } .cw-conspipedia__more { appearance: none; -webkit-appearance: none; border: 0; padding: 0; margin: 0; } /* --- responsive --- */ @media (max-width: 1199px){ .cw-conspipedia__grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; } } @media (max-width: 767px){ .cw-conspipedia__grid{ grid-template-columns:1fr; gap:24px; } .cw-search{ max-width:none; } } /* ====================== */ /* PAYPAL DONATION BUTTON */ #cw-paypal-donation{ display:none !important; } /* On masque le bt form pour validation via bt html + JS */ /* ============================= REVUE DE PRESSE ================================*/ .lire-la-revue { padding-top: 5px; padding-right: 10px !important; padding-bottom: 5px; padding-left: 10px !important; border-radius: 20px; font-weight: 600; text-decoration: none !important; background-color: #fff; text-align: center; } .cw-rdp-list { width: 100%; } .cw-rdp-item { display: grid; grid-template-columns: 190px 1fr; gap: 22px; padding: 12px 0; border-bottom: 1px solid rgba(0, 0, 0, .25); align-items: start; } .cw-rdp-newsletter-wrap { padding: 0; border-bottom: 1px solid rgba(0, 0, 0, .25); } .cw-rdp-date { position: relative; min-height: 186px; color: #fff; padding: 18px 18px 16px 18px; display: flex; flex-direction: column; justify-content: space-between; } /* Icône premium */ .cw-rdp-premium { position: absolute; top: 8px; right: 10px; width: 25px; height: auto; display: block; z-index: 2; } .cw-rdp-date-inner { max-width: 120px; } .cw-rdp-day { font-size: 21px; line-height: 1; margin-bottom: 4px; } .cw-rdp-month-year { font-size: 24px; line-height: 1.04; text-transform: uppercase; white-space: pre-line; } .cw-rdp-link { color: #fff; text-decoration: underline; font-size: 15px; line-height: 1.2; font-weight: 600; display: block; margin-top: 18px; } .cw-rdp-link:hover { opacity: .9; } .cw-rdp-keywords { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 26px; padding-top: 2px; } .cw-rdp-keywords-col p { margin: 0; font-size: 16px; line-height: 1.18; font-weight: 600; text-transform: uppercase; } .cw-rdp-newsletter { display: grid; grid-template-columns: 260px 1fr 220px; gap: 20px; align-items: center; background: #ece6c8; padding: 22px 24px; margin: 6px 0 8px 0; border-top: 1px solid rgba(0, 0, 0, .25); border-bottom: 1px solid rgba(0, 0, 0, .25); } .cw-rdp-newsletter-left { display: flex; align-items: center; gap: 16px; } .cw-rdp-newsletter-icon { font-size: 34px; line-height: 1; } .cw-rdp-newsletter-title { font-size: 22px; line-height: 1.05; font-weight: 700; } .cw-rdp-newsletter-center { font-size: 18px; line-height: 1.35; text-align: center; } .cw-rdp-newsletter-right { text-align: center; } .cw-rdp-newsletter-btn { display: inline-block; background: #cd1618; color: #fff; text-decoration: none; font-weight: 700; font-size: 15px; line-height: 1; padding: 12px 34px; border-radius: 999px; } .cw-rdp-newsletter-btn:hover { opacity: .92; color: #fff; } .cw-rdp-pagination { margin-top: 28px; text-align: center; } .cw-rdp-pagination .page-numbers { display: inline-block; margin: 0 4px; padding: 8px 12px; text-decoration: none; border: 1px solid rgba(0, 0, 0, .2); color: inherit; } .cw-rdp-pagination .current { font-weight: 700; background: #f3f3f3; } /* ============================= TABLETTE ================================*/ @media (max-width: 900px) { .cw-rdp-item { grid-template-columns: 1fr; } .cw-rdp-date { min-height: 160px; } .cw-rdp-newsletter { grid-template-columns: 1fr; text-align: center; } .cw-rdp-newsletter-left { justify-content: center; } .cw-rdp-premium { top: 8px; right: 10px; width: 22px; } .cw-rdp-date-inner { max-width: 100%; } } /* ============================= MOBILE < 768 ================================*/ @media (max-width: 767px) { .cw-rdp-keywords { grid-template-columns: 1fr 1fr; gap: 12px; } .cw-rdp-keywords-col:nth-child(3) { display: none; } .cw-rdp-keywords-col p { font-size: 15px; line-height: 1.16; } } /* =========================== PREMIUM CONTENT ================================*/ .cw-premium-preview-wrap { position: relative; } .cw-premium-preview { position: relative; max-height: 260px; overflow: hidden; } .cw-premium-preview::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); pointer-events: none; } .cw-premium-cta { margin-top: 18px; } .cw-author-photo { width: 100%!important; height: auto!important; } a.nl_cta { color: #fff; font-family: 'Newsreader'; font-size: 16px; } /* ========================================= CW - Bloc Premium ========================================= */ .cw-paywall-banner { display: flex; align-items: stretch; width: 100%; max-width: 100%; min-height: 170px; border: 1px solid #bdbdbd; border-radius: 5px; background: #fff; padding: 10px; font-family: Bitter, serif; box-sizing: border-box; } .cw-paywall-left { width: 200px; background: #cd1618; display: flex; align-items: center; justify-content: center; padding: 8px; box-sizing: border-box; } .cw-paywall-left-content { text-align: center; color: #fff; } .cw-paywall-left-content p { margin: 0 0 12px; font-family: 'Bitter', serif; font-size: 16px; line-height: 1.2; font-weight: 700; } .cw-btn-login { display: inline-block; padding: 8px 14px; background: #1b1b1b; color: #fff; text-decoration: none; border-radius: 18px; font-family: 'Bitter', serif; font-size: 12px; font-weight: 700; } .cw-paywall-right { position: relative; flex: 1; text-align: center; padding: 8px 20px 14px; box-sizing: border-box; } .cw-logo { display: inline-flex; align-items: center; justify-content: center; margin: 0 auto 4px; width: 34px; height: 34px; border-radius: 50%; /* background: #f4d400; */ color: #000; font-size: 18px; font-weight: 800; line-height: 1; position: relative; } .cw-logo span { font-size: 10px; margin-left: 1px; position: relative; top: -1px; } .cw-paywall-right h2 { margin: 0 0 6px; color: #cd1618; font-size: 30px; line-height: 1; font-weight: 700; text-transform: uppercase; } .cw-subtitle { margin: 0 0 4px; color: #222; font-size: 16px; line-height: 1.15; font-weight: 700; } .cw-subtitle em { font-style: italic; font-weight: 700; } .cw-price { margin: 2px 0 6px; color: #cd1618; font-weight: 700; line-height: 1; } .cw-price .amount { font-size: 54px; } .cw-price .period { font-size: 18px; vertical-align: middle; } .cw-btn-subscribe { display: inline-block; padding: 8px 18px; background: #cd1618; color: #fff!important; text-decoration: none; border-radius: 18px; font-family: 'Bitter', serif; font-size: 14px; font-weight: 700; } @media (max-width: 640px) { .cw-paywall-banner { flex-direction: column; } .cw-paywall-left { width: 100%; } .cw-paywall-right h2 { font-size: 24px; } .cw-price .amount { font-size: 42px; } } /* ==================== * PAGINATION * */ span.page-numbers.current { background: #fff!important; color: #cd1618!important; } .page-numbers { padding: 5px 10px; display: inline-block; margin: 2px; border: solid 0px #7f7f7f!important; border-radius: 2px; background: #fff!important; color: #000!important; font-size: 16px!important; font-family: Bitter!important; } a.page-numbers:hover { background: #fff!important; color: #cd1618!important; } /* Home page : faire disparaitre le dernier filet sur la sélection dela rédac */ .cw-contener_selection_redac > .cw-bloc_selection_redac:nth-last-child(2) { border-bottom: 1px solid #fff !important; } /* ======================= MOBILE MEGA MENU */ #cw-pro-menu-v2 .sub-menu { display: none; } #cw-pro-menu-v2 li.is-open > .sub-menu { display: block; } #cw-pro-menu-v2 { --cw-red: #cd1618; --cw-red-dark: #a92a20; --cw-bg: #fff; --cw-card: #ece8e8; --cw-text: #000; --cw-radius: 0px; --cw-shadow: 0 0 0 rgba(0,0,0,0); } .oxy-nav-menu .oxy-nav-menu-list li.current-menu-item > a, .oxy-nav-menu .oxy-nav-menu-list li.menu-item:focus-within > a, .oxy-nav-menu .oxy-nav-menu-list li.menu-item:hover > a { border-color: #cd1618!important; } #cw-pro-menu-v2 .oxy-menu-toggle { display: none !important; } #cw-pro-menu-v2 .oxy-nav-menu , #cw-pro-menu-v2 .oxy-nav-menu-list { width: 100%!important; } #cw-pro-menu-v2 .oxy-nav-menu-list, #cw-pro-menu-v2 .sub-menu { list-style: none; margin: 0; padding: 0; } #cw-pro-menu-v2 .oxy-nav-menu-list > li { margin-bottom: 10px!important; } #cw-pro-menu-v2 li > a { text-decoration: none; } #cw-pro-menu-v2 .oxy-nav-menu-list > li > a { display: flex; align-items: center; justify-content: space-between; gap: 6px; width: auto; padding: 5px ; border-radius: var(--cw-radius); font-family: "Arvo", serif; font-size: 18px; line-height: 16px; color: #000; font-weight: 700; background: transparent; transition: background .25s ease, color .25s ease, box-shadow .25s ease; } #cw-pro-menu-v2 .sub-menu >li > .sub-menu > li { margin-bottom: 5px!important; } #cw-pro-menu-v2 .oxy-nav-menu-list > li.menu-item-has-children > a { background: var(--cw-card); } #cw-pro-menu-v2 .oxy-nav-menu-list > li.is-open > a { background: linear-gradient(135deg, var(--cw-red), var(--cw-red-dark)); color: #fff; box-shadow: var(--cw-shadow); } #cw-pro-menu-v2 ul.oxy-nav-menu-list ul.sub-menu > li > a { color:#000; } /* MENU ACTIF / ON */ #cw-pro-menu-v2 ul.oxy-nav-menu-list > li.current-menu-ancestor > a { background: var(--cw-red); color:#FFF; } #cw-pro-menu-v2 ul.oxy-nav-menu-list ul.sub-menu > li.current-menu-parent > a { color: var(--cw-red); } #cw-pro-menu-v2 ul.oxy-nav-menu-list ul.sub-menu > li.current-menu-parent > ul.sub-menu > li.current-menu-item > a { background: #fff!important; } #cw-pro-menu-v2 .cw-menu-arrow { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: 0 0 24px; transition: transform .25s ease; } #cw-pro-menu-v2 .cw-menu-arrow svg { width: 18px; height: 18px; display: block; } #cw-pro-menu-v2 .cw-menu-arrow path { stroke: currentColor; stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; } #cw-pro-menu-v2 li.is-open > a .cw-menu-arrow { transform: rotate(90deg); } #cw-pro-menu-v2 .sub-menu { display: none; margin-top: 0px; margin-bottom: 10px; padding: 0px; background: rgba(255,255,255,0.45); border-radius: 0px; } #cw-pro-menu-v2 li.is-open > .sub-menu { display: block; } #cw-pro-menu-v2 .sub-menu li { margin: 0; } #cw-pro-menu-v2 .sub-menu a { display: block; padding: 0px 0px 0 5px; margin-bottom: 0px; border-radius: 0px; font-family: "Arvo", serif; font-size: 18px; line-height: 16px; color: var(--cw-text); transition: background .2s ease, color .2s ease, transform .2s ease; } #cw-pro-menu-v2 .sub-menu a:hover { background: rgba(199,53,42,0.08); color: var(--cw-red); transform: translateX(2px); } #cw-pro-menu-v2 .sub-menu .sub-menu { margin-top: 0px; margin-left: 5px; background: rgba(255,255,255,0.65); } /* force les sous-menus Oxygen à redevenir des blocs normaux */ #cw-pro-menu-v2 .sub-menu { position: static !important; display: none !important; width: 100% !important; margin-top: 0px; padding: 5px; background: rgba(255,255,255,0.45); border-radius: 0px; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; left: auto !important; top: auto !important; min-width: 0 !important; box-shadow: none !important; } /* fermés par défaut */ #cw-pro-menu-v2 li > .sub-menu { display: none !important; } /* ouverts quand le parent a is-open */ #cw-pro-menu-v2 li.is-open > .sub-menu { display: block !important; } #cw-pro-menu-v2 li.menu-item-has-children { position: relative; } #cw-pro-menu-v2 .oxy-nav-menu-list, #cw-pro-menu-v2 .menu-2026-burger-mobile-container, #cw-pro-menu-v2 nav, #cw-pro-menu-v2 .oxy-nav-menu { overflow: visible !important; } /* ========================================================= FOOTER MOBILE MENU Conteneur : #cw_footer_menu_mobile ========================================================= */