/* Theme Name: Nexus Child Template: nexus_198_3_0_191213_1416 Version: 1.0.0 */ /* Desactive barre de recherche morte .nxs-widget.nxs-search { display: none; } */ .io-ordo-integralis-title { background: linear-gradient(90deg, #fff2b0 0%, #d1b200 50%, #8a6d00 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; font-family: 'Cinzel', 'Times New Roman', serif; font-weight: 600; font-size: 2.6rem; /* +20 % */ margin: 2rem auto 1rem auto; font-style: italic; letter-spacing: 2px; text-transform: uppercase; } /* Desactive ancien search en colonne latérale */ #nxs-pagerow-prid1227295304, #nxs-pagerow-prid1758091176, a.nxs-button:nth-child(2) { display: none; } /* Nouveau search */ .io-search-wrapper { display: flex; justify-content: center; /* centré horizontalement */ align-items: center; /* aligné verticalement */ margin: 1em auto; gap: 0.5em; /* espace entre champ et bouton */ } .io-search-wrapper input[type="text"] { padding: 6px 10px; border: 1px solid #aaa; border-radius: 4px; min-width: 220px; /* largeur mini confortable */ font-size: 14px; } .io-search-wrapper button { cursor: pointer; border: none; padding: 6px 10px; border-radius: 4px; } .io-search-wrapper button .nxs-icon-search { font-size: 16px; margin-left: 0; } /* Desactive bloc blanc sous bannière (anciens RS) */ #nxs-pagerow-prid250946378 {display: none;} /* Ecart bandeau site et navbar */ .nxs-widgettype-logo {margin-bottom: 0} /* Home + Articles : supprimer la colonne RS si présente */ #nxs-pagerow-prid1964962313 .nxs-widgettype-social, #nxs-pagerow-prid1246021546 .nxs-widgettype-social{ display:none !important; } /* ---- Bandeau partenaire CSC (home) ---- */ #io-csc-row, #io-csc-row * { box-sizing: border-box; } /* 2) Le bloc global sous citations/événements, avec espace avant "Dernières vidéos" */ #io-csc-row #io-csc-banner{ width: 96%; max-height: 420px; margin: 0 0 30px 0 !important; /* ton margin-bottom forcé */ } /* 3) Empêche tout débordement horizontal/vertical */ #io-csc-row, #io-csc-row .nxs-row-container, #io-csc-row .io-box, #io-csc-row .io-banner-wrap, #io-csc-row .io-partner-img { width: 100%; max-width: 100%; overflow: hidden; /* pas de scrollbars */ } /* 4) Habillage */ #io-csc-row .io-box{ margin:0; } #io-csc-row .io-ribbon{ background: linear-gradient(#a5861f,#7b6519); border:2px solid #3e2f05; border-radius:10px; color:#fff; text-align:center; font-weight:700; padding:.55rem .8rem; margin:6px 0 8px 0; } #io-csc-row .io-banner-wrap{ display:block; background:transparent; border:2px solid #3e2f05; border-radius:10px; padding:6px; box-shadow:0 2px 8px rgba(0,0,0,.15); } #io-csc-row .io-partner-img{ display:block; } #io-csc-row .io-partner-img img{ display:block; width:100%; /* prend toute la largeur disponible */ height:auto; /* conserve le ratio → image entière */ border-radius:6px; } #io-csc-row .io-note{ margin-top:6px; background:rgba(255,255,255,.08); border:2px solid #3e2f05; border-radius:6px; padding:.45rem .6rem; color:#fff; font-size:.95rem; line-height:1.35; } #io-csc-row .io-note a{ color:#fff; text-decoration:underline; } #io-csc-row .io-note a:hover{ opacity:.9; text-decoration:underline; } /* 5) Nettoyage d’un éventuel fond blanc parasite du thème */ #io-csc-row .nxs-table{ background:transparent !important; } /* Gestion bloc de citations ! */ :root{ --io-quotes-height: 353px; } @media (max-width: 1200px){ :root{ --io-quotes-height: 369px; } } /* compactage + suppression du "trait" sous la rangée */ .io-qe-row{ border:0 !important; } .io-qe-row .nxs-placeholder-list{ border:0 !important; } #io-quotes-box{ margin-bottom:.35rem; } .io-qe-row + .responsive-block{ margin-top:.35rem; } #io-quotes-box{ display:flex; flex-direction:column; justify-content:center; align-items:stretch; min-height: var(--io-quotes-height); } #io-quotes-box .io-head{ margin-bottom:.35rem; } #io-quotes-box .io-head h4{ margin:0; text-align:center; } /* --- Citations : zone défilable dédiée (unifie la variable) --- */ .io-quotes{ max-height: var(--io-quotes-height); /* ← unifié */ overflow: auto; -webkit-overflow-scrolling: touch; padding-right: 6px; scrollbar-width: thin; } .io-quotes::-webkit-scrollbar{ width: 8px; } .io-quotes::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.35); border-radius: 8px; } /* Cartes + contenu */ .io-quote{ display:none; opacity:0; transition:opacity .35s ease; max-width:880px; margin:0 auto; } .io-quote.active{ display:block; opacity:1; } .io-quote p{ margin:.35rem 0; line-height:1.45; text-align:justify; } /* ← justification */ .io-quote .io-src{ margin-top:.35rem; text-align:center; font-weight:700; } .io-quote .io-src em{ font-weight:400; font-size:13px; } .io-quote .io-src a{ color:#fff; text-decoration:underline; } .io-quote .io-src a:hover{ opacity:.9; text-decoration:underline; } /* Désactiver clamp quel que soit l'état */ .io-quote > p:first-of-type{ display:block; -webkit-line-clamp: unset; max-height: none; overflow: visible; } /* Masquer tout vestige de bouton */ .io-toggle{ display:none !important; } /* Bordure tableau */ .o-table > tbody:nth-child(1) { border: 1p solid black } /* Col laté teepee hauteur */ .tipeee-plugins-widget-wrapper > iframe:nth-child(1) { height: 520px !important; margin-bottom: 12px; } /* Centrer navbar */ #nxs-widget-l1295372736 { display: flex; justify-content: center; } /* Désactiver E64C dans bloc de citation */ .entry-content blockquote::before { content: none !important; } /* 1er bandeau image largeur et rattachement NAVBAR & In Article */ #nxs-widget-l271668883 > div > div > a > div > img, .nxs-ratio-original { width: 100% !important; } /* Formulaire abo responsive #wp-subscribe { height: 349px; } @media screen and (max-width: 1440px) and (min-width: 960px) { #wp-subscribe { height: 290px; } } @media screen and (max-width: 960px) and (min-width: 480px) { #wp-subscribe { height: 231px; } } @media screen and (max-width: 480px) { #wp-subscribe { height: 285px; } }*/ /* Sans casser vidéo YT*/ #nxs-widget-l1206856119 > div:nth-child(1) > div > p > iframe {width: 100%;} #nxs-pagerow-prid807850866, #nxs-pagerow-prid946562974 > div > ul > li > div.ABC.nxs-height100.nxs-linkcolorvar.nxs-linkcolorvar-c12-m { /* display: none;*/ } /* Imposer la couleur BLEU à tous les liens des articles du site */ .nxs-main a, #nxs-widget-l1206856119 > div > div > p > a{ color: rgb(0, 0, 255) !important; } /* Imposer la couleur MARRON à tous les sous-titres des articles */ .nxs-title.nxs-applylinkvarcolor font { color: #7C1C1C !important; /* Couleur maroon */ } .responsive-block { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bb980c), to(#5B4A06)); margin: 0 3.4rem 10px 3.4rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 13px; /* Espacement entre les articles */ padding: 18px; } @media (max-width: 480px) { .responsive-block { margin: 0; } } /* Titre centré au-dessus */ .responsive-block-title { width: 100%; text-align: center; } /* Styles des articles */ .responsive-item { flex: 1 1 calc(25% - 10px); /* Quatre articles par ligne en grand écran */ text-align: center; display: flex; flex-direction: column; align-items: center; } /* Titre sous les images */ .responsive-item h6 { font-size: 15px; margin-top: 10px; /* Espacement au-dessus du titre */ text-align: center; /* Centrer le texte */ color: #fff; /* Couleur du texte */ background: rgba(0, 0, 0, 0.7); /* Fond semi-transparent */ padding: 5px; /* Espacement interne */ border-radius: 4px; /* Coins arrondis */ width: 300px; /* Largeur relative */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Légère ombre */ overflow: hidden; /* Empêche le dépassement du texte */ text-overflow: ellipsis; /* Ajoute des points de suspension si le texte est trop long */ white-space: nowrap; /* Empêche le texte de passer à la ligne */ } .responsive-item:hover h6 { background: rgba(0, 0, 0, 0.85); /* Change légèrement le fond au survol */ } /* Responsiveness pour différentes tailles d'écran */ @media (max-width: 768px) { .responsive-item h6 { font-size: 0.9rem; /* Ajuster la taille pour les petits écrans */ width: 100%; /* S'assurer qu'il s'adapte à l'espace disponible */ } } .responsive-block-title > h3:nth-child(1) { font-size: 19px; font-family: Vidaloka, serif; fill: #5B4A06; color: #ffffff; text-shadow: 1px 1px 1px #000000; } /* Images avec taille imposée */ .responsive-item img { height: 225px; width: 300px; border-radius: 8px; /* Coins arrondis */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre douce */ transition: transform 0.3s ease; /* Animation au survol */ } .responsive-item img:hover { transform: scale(1.015); /* Effet de zoom au survol */ } /* Responsiveness pour différentes tailles d'écran */ @media (max-width: 1200px) { .responsive-item { flex: 1 1 calc(33.33% - 10px); /* Trois articles par ligne */ } } @media (max-width: 992px) { .responsive-item { flex: 1 1 calc(50% - 10px); /* Deux articles par ligne */ } } @media (max-width: 768px) { .responsive-item { flex: 1 1 100%; /* Un article par ligne */ } } /* Invisibilisation anciens sites partenaires */ #nxs-widget-l866732789 > div.nxs-list.nxs-applylinkvarcolor > ul { /* display: none;*/ } /* Invisibilisation des titres et blocs de citations & activités */ .nxs-row.nxs-not-unistyled.nxs-padding-top-0-3.nxs-margin-bottom-0-0.nxs-rowtemplate-1212 { /* display: none;*/ } .nxs-row.nxs-not-unistyled.nxs-padding-top-0-1.nxs-rowtemplate-1212 { /* display: none;*/ } /* Bandeau pub centré & RS old désactivé & RS new gray centré */ .nxs-row-container.nxs-containsimmediatehovermenu.nxs-row1 { display: flex; flex-direction: column; justify-content: center; } .nxs-placeholder.nxs-containshovermenu1.nxs-runtime-autocellsize.nxs-one-third.nxs-not-unistyled.nxs-not-unicontented.nxs-widgettype-social { /* display: none;*/ } /* Encart publicitaire in ARTICLE */ .nxs-placeholder.nxs-containshovermenu1.nxs-runtime-autocellsize.nxs-two-third.nxs-text-fontsize-0-8.nxs-unistyle-textcalltoactionsecondary.nxs-unistyled.nxs-not-unicontented.nxs-widgettype-text { display: none; } /* RS dans ARTICLE */ /* #nxs-widget-l215745579 > div > ul { display: none; } */ #nxs-widget-l215745579 > div > ul { display: flex; justify-content: end; margin-top: 1rem; } @media (min-width: 1157px) { height: 47px; } #nxs-pagerow-prid807850866 > div > ul > li { margin-bottom: 5px; } #nxs-widget-l2034228531 > div > ul { display: flex; justify-content: center; margin-top: 1rem; height: 47px; } /* Pour que les sous menu est un cadre logique (fond, surlignement, etc) */ .menu-item.menu-item-type-post_type.menu-item-object-page.height12.nxs-small-caps.nxs-inactive { background: #5B4A06; } .nxs-button.load-more.nxs-button-scale-1-6.nxs-colorzen.nxs-colorzen-base2-ml, .menu-item.menu-item-type-post_type.menu-item-object-page.height12.nxs-small-caps.nxs-inactive:hover, .menu-item.menu-item-type-post_type.menu-item-object-page.height12.nxs-small-caps.nxs-inactive > a:hover{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bb980c), to(#5B4A06)); } .menu-item.menu-item-type-post_type.menu-item-object-page.height12.nxs-small-caps.nxs-inactive > a { background: #5B4A06; z-index: 1000; } /* cadre image d'en tête fixe en dekstop */ @media (min-width: 1157px) { .nxs-overflow.nxs-border-width-5-0 > img { height: 375px !important; } } /* Barre RS alignée */ .nxs-social-list { display: flex; justify-content: flex-end; } /* Liens articles — Fait maison */ /* ================================ Cartes d'articles (IO) — Responsive & accessible ================================ */ /* Variables faciles à ajuster */ :root{ --io-border: #d6c38c; --io-bg: #c9a227; --io-text: #1f1c10; --io-link: #2f65a3; --io-link-hover: #7a5c00; --io-intro: #4a3a1a; --io-radius: 12px; --io-radius-sm: 8px; --io-gap: 14px; --io-pad: 10px; --io-pad-lg: 14px; --io-shadow: 0 1px 3px rgba(0,0,0,.1); --io-shadow-hover: 0 3px 6px rgba(0,0,0,.15); /* Blocs év. & citations */ --io-gold1:#bb980c; --io-gold2:#5B4A06; --io-border:#d6c38c; --io-bg:#c9a227; --io-text:#1f1c10; --io-link:#2f65a3; --io-white:#fff; } /* Grille responsive */ .art-io-bloc-liens{ display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: var(--io-gap); margin: 2px; } /* Carte */ .art-io-bloc{ border: 1px solid var(--io-border) !important; border-radius: var(--io-radius-sm); background-color: var(--io-bg); color: var(--io-text); box-shadow: var(--io-shadow); transition: transform .2s ease, box-shadow .2s ease; /* Structure interne propre */ display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; text-align: left; padding: var(--io-pad); } .art-io-bloc:hover{ transform: translateY(-2px); box-shadow: var(--io-shadow-hover); } .art-io-simili { background-color: gray !important; } /* Titres */ .art-io-titre{ margin: 0; line-height: 1.3; font-size: clamp(.95rem, .9rem + .2vw, 1.05rem); } .art-io-titre a{ text-decoration: none; color: var(--io-link); display: inline-block; } .art-io-simili .art-io-titre a { color: #c9a227 !important; } /* États focus/hover accessibles */ .art-io-titre a:hover{ color: gray !important; text-decoration: underline; } .art-io-titre a:focus-visible{ outline: 2px solid currentColor; outline-offset: 2px; border-radius: 6px; } /* Image miniature (placée juste après le

) */ .art-io-thumb{ width: 100%; aspect-ratio: 16/9; /* rogne proprement les formats variés */ object-fit: cover; /* centre et couvre */ border-radius: var(--io-radius); margin-top: .2rem; box-shadow: 0 1px 4px rgba(0,0,0,.08); max-height: 180px; /* limite la hauteur pour rester compact */ } /* Intro de section */ .art-io-intro{ font-weight: 700; margin: 10px 0; color: var(--io-intro); } /* --- Evènements & Citations (visibilité renforcée, mobile-first) --- */ .io-box{ --io-radius:12px; border:1px solid var(--io-border); border-radius:var(--io-radius); background:linear-gradient(180deg,var(--io-gold1),var(--io-gold2)); box-shadow:0 2px 6px rgba(0,0,0,.18); color:#fff; padding:14px 16px; } .io-box h4{ margin:0 0 10px 0; font-size:1.15rem; /* + lisible */ line-height:1.15; text-align:center; text-shadow:1px 1px 0 #000; } .io-max{ max-height: 260px; overflow:auto; scrollbar-width:thin; } .io-muted{ opacity:.96; } .io-link{ color:#fff; text-decoration:underline; } /* Harmonisation dans les blocs Nexus (titres centrés au-dessus) */ .io-box .io-head{ display:flex; align-items:center; justify-content:center; gap:.5rem; margin-bottom:8px; } .io-box .io-head svg{ width:20px; height:20px; flex:0 0 auto; fill:#fff; opacity:.9; } /* ---------------- ÉVÉNEMENTS ---------------- */ .io-events{ list-style:none; margin:0; padding:0; } .io-event{ background:#ffffff26; border:1px solid #0003; border-radius:10px; padding:10px 12px; margin:10px 0; color:#fff; } .io-event .io-line{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; /* “Passe plus vite sur une ligne” : autorise la casse/contrainte étroite */ min-width:0; } .io-event .io-line > *{ min-width:0; } .io-event .io-when{ font-weight:800; font-size:1rem; line-height:1.1; white-space:nowrap; /* reste compact */ } .io-tag{ display:inline-block; font-size:.82rem; padding:.2rem .5rem; border-radius:999px; background:#00000033; margin-left:.25rem; line-height:1.1; flex:0 0 auto; } .io-event .io-title{ font-weight:800; font-size:1.02rem; line-height:1.2; margin-top:.25rem; word-break:break-word; /* évite débordements */ } .io-event .io-where{ font-style:italic; opacity:.95; } .io-event p{ margin:.4rem 0 0 0; color:#fff; } /* ≤ 1024px (tablette) */ @media (max-width: 1024px){ #io-events-box .io-head h4{ font-size:1.22rem; } .io-event{ padding:12px 14px; border-radius:12px; } .io-event .io-line{ gap:12px; } .io-event .io-when{ font-size:1.08rem; line-height:1.15; } .io-tag{ font-size:.9rem; padding:.24rem .6rem; } .io-event .io-title{ font-size:1.18rem; line-height:1.25; margin-top:.3rem; word-break:break-word; overflow-wrap:anywhere; hyphens:auto; } .io-event .io-where{ font-size:1.02rem; } .io-event p{ font-size:1.02rem; line-height:1.5; } } /* ≤ 740px (mobile) */ @media (max-width: 740px){ #io-events-box .io-head h4{ font-size:1.28rem; } .io-event{ padding:14px 16px; /* + d’air pour doigts/yeux */ margin:12px 0; border-radius:14px; } .io-event .io-line{ gap:10px; } .io-event .io-when{ font-size:1.14rem; line-height:1.15; white-space:nowrap; } .io-tag{ font-size:.95rem; padding:.28rem .68rem; line-height:1.05; } .io-event .io-title{ font-size:1.26rem; line-height:1.28; margin-top:.35rem; word-break:break-word; overflow-wrap:anywhere; hyphens:auto; } .io-event .io-where{ font-size:1.06rem; } .io-event p{ font-size:1.06rem; line-height:1.55; } } /* Option accessibilité : contraste renforcé si l’utilisateur le demande */ @media (prefers-contrast: more){ .io-event{ background:#ffffff33; border-color:#0006; } } /* ---------------- CITATIONS ---------------- */ .io-quotes{ position:relative; } .io-quote{ display:none; color:#fff; font-size:1.02rem; /* + lisible */ line-height:1.35; } .io-quote.active{ display:block; } .io-quote p{ margin:.45rem 0; } .io-quote .io-src{ text-align:right; font-weight:700; margin-top:.35rem; } .io-quote .io-src em{ font-weight:400; } /* Clamp élégant du 1er paragraphe (mobile = plus serré) */ .io-quote:not(.expanded) > p:first-of-type{ display:-webkit-box; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 6; /* desktop par défaut */ max-height: calc(1.35em * 6); } /* Bouton Afficher plus / moins */ .io-toggle{ display:inline-block; margin-top:.25rem; background: #00000033; border:1px solid #ffffff40; border-radius:999px; padding:.25rem .6rem; font-size:.88rem; line-height:1.1; color:#fff; cursor:pointer; } .io-quote.expanded > p:first-of-type{ -webkit-line-clamp: initial; max-height:none; } /* ---------------- RWD (mobile priorité) ---------------- */ @media (max-width: 740px){ .io-max{ max-height: 300px; } .io-box{ padding:14px; } .io-box h4{ font-size:1.22rem; } /* Événements : densifier l’en-tête temps+tag sur une ligne courte */ .io-event{ padding:10px; } .io-event .io-when{ font-size:1.02rem; } .io-tag{ font-size:.84rem; padding:.18rem .5rem; } /* Citations : clamp plus ferme pour éviter le “mur de texte” */ .io-quote{ font-size:1.04rem; line-height:1.35; } .io-quote:not(.expanded) > p:first-of-type{ -webkit-line-clamp: 5; max-height: calc(1.35em * 5); } } /* Accessibilité mouvement réduit */ @media (prefers-reduced-motion: reduce){ .io-max{ scroll-behavior: auto; } } /* ------------------ Articles : encart pub (écart + habillage) ------------------ */ .io-ads-row { margin-top: 1.25rem; /* espace sous la bannière du site */ } /* Option : si la structure contient un