/* Élargissement et responsive, 2026-10-23 (fichier produit par un générateur : sélecteurs longs factorisés). Identité inchangée : mise en page d'origine en tableaux, page portée de 765 à 1020 px ; la colonne centrale prend le gain, la colonne de droite et les blocs à cadre en images gardent leurs largeurs. Sous 760 px : une colonne, colonne de droite et blocs en pleine largeur, cadres en images refaits en CSS. */ /* ================= Ordinateur ================= */ table.bordpage { width: 1020px; } .rf-cadre-page-td { max-width: 1020px; } /* cadres de contenu (f_table_on) : largeur de la colonne */ table.rf-cadre { width: calc(100% - 20px); } td.rf-centre { width: auto; } /* tableaux de mise en page figés (300 à 565 px) : suivent la colonne. Jamais les blocs à cadre en images (en-tête et pied découpés à leur largeur), ni un tableau qui en contient (page Actualités) */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]):not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):not(:has(> tbody > tr > td > table > tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr > td > table > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr > td > table > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr > td > table > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"])):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])) { width: 100%; } /* sous-colonnes : le bloc principal (cellule figée à 340 px et plus) prend le gain, le bloc secondaire sans largeur (encart d'infos de la fiche artiste) garde 230 px ; cellules alignées en haut */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]):not(.rf-cadre) > tbody > tr > td:is([width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]) { width: auto; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]):not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) > tbody > tr:has(> td:is([width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"])) > td:not([width]):has(> *) { width: 230px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]):not(.rf-cadre) > tbody > tr > td:not([valign]) { vertical-align: top; } td:is(:has(> .rf-top), :has(> div > .rf-top)) td:is([width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]) table:is([width="300"],[width="340"],[width="350"]):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) { width: 100%; } td:is(:has(> .rf-top), :has(> div > .rf-top)) .tab-page table[width="300"] { width: 100%; } td:is(:has(> .rf-top), :has(> div > .rf-top)) .tab-pane[style*="width:365px"] { width: auto !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) td[bgcolor="#662401"] > table[width="340"] { width: calc(100% - 20px); } td:is(:has(> .rf-top), :has(> div > .rf-top)) iframe[src*="youtube"] { max-width: 100%; } td:is(:has(> .rf-top), :has(> div > .rf-top)) video[width="350"] { width: 100%; max-width: 640px; height: auto; } /* nom de l'artiste dans l'encart d'infos : classe claire prévue pour fond sombre, illisible sur blanc */ td:is(:has(> .rf-top), :has(> div > .rf-top)) h1.normal12 { color: #662401; font-size: 22px; line-height: 1.2; margin: 2px 0; } /* très grand écran : léger agrandissement, impression au moins égale à l'ancien zoom de 1,25 */ @media (min-width: 1400px) { body { zoom: 1.15; } } /* bandeau de rubrique : aplat + logo blanc vectoriel (hauteur d'origine 86 px) ; l'accueil garde sa photo */ a.rf-bandeau { display: flex; align-items: center; height: 86px; padding: 0 16px; } a.rf-bandeau img { display: block; height: 66px; width: auto; } a.rf-bandeau-home { display: block; position: relative; background: #000; text-align: center; overflow: hidden; } a.rf-bandeau-home img { display: inline-block; vertical-align: top; } a.rf-bandeau-home img.rf-bandeau-logo-mobile { display: none; } /* carrousel des unes : centré dans la colonne élargie */ #fpss-outer-container { margin-left: auto !important; margin-right: auto !important; } /* éléments du petit écran, masqués ailleurs */ .rf-unes-points, .rf-nav-mobile, .rf-legende-album { display: none; } .rf-vh { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } /* ---------- Polices de la colonne centrale (les classes du site sont en px) ---------- */ td:is(:has(> .rf-top), :has(> div > .rf-top)) { font-size: 15px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table { font-size: 15px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(.textenoir11, .textenoir11j, .textevert11, .textevert11j, .texte2) { font-size: 16px; line-height: 1.55; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(.textenoir12, .textenoir12b) { font-size: 17px; line-height: 1.5; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(.textenoir10, .textenoir10b, .textenoir10gras, .textenoir10justif) { font-size: 15px; line-height: 1.5; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(.textenoir9, .textenoir9b, .textenoir8) { font-size: 13px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(.texteblancgd, .texte, .normal11, .normal12, .gras11, .gras12, .textegd) { font-size: 15px; line-height: 1.5; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(.gras10, .normal10, .texteblanc10, .blanc10, .blanc11) { font-size: 13px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(.textegris10, .textegris10gras, .textemaron10, .texteorange10, .texterouge10, .textevert10, .texteor10) { font-size: 13px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) .txtvignette { font-size: 14px; line-height: 1.45; } td:is(:has(> .rf-top), :has(> div > .rf-top)) .textevert13 { font-size: 17px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(.titlebig, .titlebigblanc) { font-size: 25px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) h1:not(.titleimage) { font-size: 26px; line-height: 1.25; } td:is(:has(> .rf-top), :has(> div > .rf-top)) h2 { font-size: 21px; line-height: 1.3; } td:is(:has(> .rf-top), :has(> div > .rf-top)) h3 { font-size: 18px; line-height: 1.35; } td:is(:has(> .rf-top), :has(> div > .rf-top)) h3[style*="line-height"] { line-height: 1.25 !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) font[size="1"] { font-size: 12px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) font[size="2"] { font-size: 15px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) font[size="3"] { font-size: 18px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(select, textarea, input) { font-size: 14px; } /* listes étroites à liseré en images (« + consultés », 149 à 154 px) : taille d'origine, un nom par ligne */ td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(td[width="149"], table[style*="width:154px"]) :is(.texteorange10, .textenoir10, a) { font-size: 11px; } /* bandeaux verts « En bref », « Toutes les news » : texte centré sur le fond, icône RSS lisible */ td:is(:has(> .rf-top), :has(> div > .rf-top)) td[background*="frame_vert.gif"] { background-repeat: repeat-x; vertical-align: middle; } td:is(:has(> .rf-top), :has(> div > .rf-top)) td[width="10"]:has(img[src*="rss.gif"]) { width: auto !important; white-space: nowrap; } /* pied de page */ table.rf-plan { font-size: 13px; } table.rf-plan td { line-height: 1.5; } /* pagination lisible à toutes les largeurs */ #pagesNum a, #pagesNum strong { width: auto !important; height: auto !important; display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; margin: 2px; padding: 0 8px; box-sizing: border-box; font-size: 15px; } #pagesNum a { color: #662401 !important; background: #f5efe8; border: 1px solid #b39a86; text-decoration: none; } #pagesNum strong { color: #fff; background: #C2381F; } /* ================= De 761 à 1060 px : page fluide ================= */ @media (max-width: 1060px) { table.bordpage, .rf-cadre-page, .rf-cadre-page-td { width: 100% !important; } .rf-cadre-page-td { box-sizing: border-box; } .rf-pub-droite, .rf-espace-haut { display: none; } img[width="728"] { max-width: 100%; height: auto; } /* bandeau de l'accueil : les 20 px du bas portent l'ancien menu gravé dans la photo, on les coupe */ a.rf-bandeau-home { aspect-ratio: 767 / 66; } a.rf-bandeau-home img.rf-bandeau-photo { display: block; width: 100%; height: auto; } } @media (min-width: 761px) and (max-width: 1060px) { /* colonne secondaire interne (calendrier, « Près de chez vous », news de l'artiste) : sous le contenu */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]) > tbody > tr:has(> td:is([width="164"],[width="180"],[width="182"],[width="185"],[width="190"],[width="192"],[width="200"])) { display: flex; flex-wrap: wrap; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]) > tbody > tr:has(> td:is([width="164"],[width="180"],[width="182"],[width="185"],[width="190"],[width="192"],[width="200"])) > td { display: block; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]) > tbody > tr:has(> td:is([width="164"],[width="180"],[width="182"],[width="185"],[width="190"],[width="192"],[width="200"])) > td:not(:is([width="164"],[width="180"],[width="182"],[width="185"],[width="190"],[width="192"],[width="200"])):has(> *) { flex: 1 1 0; min-width: 0; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]) > tbody > tr:has(> td:is([width="164"],[width="180"],[width="182"],[width="185"],[width="190"],[width="192"],[width="200"])) > td:is([width="164"],[width="180"],[width="182"],[width="185"],[width="190"],[width="192"],[width="200"]) { flex: 0 0 100%; width: auto !important; } .rf-cadre-page-td { padding: 0 8px; } } @media (min-width: 561px) and (max-width: 760px) { td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) > tbody { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } /* ================= Mobile (760 px et moins) : une colonne ================= */ @media (max-width: 760px) { body { margin: 0; overflow-x: clip; background-image: none !important; background-color: #fff !important; } /* ossature de la page (cadre, en-tête, bandeau) en blocs */ .rf-cadre-page, .rf-cadre-page > tbody, .rf-cadre-page > tbody > tr, .rf-cadre-page > tbody > tr > td, table.bordpage, table.bordpage > tbody, table.bordpage > tbody > tr, table.bordpage > tbody > tr > td, table.bordpage > tbody > tr > td > table, table.bordpage > tbody > tr > td > table > tbody, table.bordpage > tbody > tr > td > table > tbody > tr, table.bordpage > tbody > tr > td > table > tbody > tr > td { display: block; width: auto !important; height: auto !important; } body > table[width="760"][height="120"] { display: none; } /* bandeau de l'accueil : la photo est gardée, cadrée sur sa partie gauche (logo), le menu gravé en bas est masqué */ a.rf-bandeau-home { aspect-ratio: auto; height: 72px; text-align: left; } a.rf-bandeau-home img.rf-bandeau-photo { display: block; width: auto; height: 86px; max-width: none; } a.rf-bandeau-home::after { content: ""; position: absolute; left: 190px; right: 0; bottom: 0; height: 24px; background: linear-gradient(rgba(0,0,0,0), #000 70%); } a.rf-bandeau { height: 64px; padding: 0 12px; } a.rf-bandeau img { height: 48px; } /* menu en images remplacé par le menu repliable ; recherche et drapeaux de f_top repris dedans */ table.rf-menu-img, .rf-top > table:not(.rf-menu-img) { display: none !important; } .rf-nav-mobile { display: block; background: #662401; margin: 0 0 8px; } .rf-nav-bouton { display: block; width: 100%; min-height: 44px; padding: 0 16px; border: 0; background: #662401; color: #FFDF61; font: bold 16px Arial, sans-serif; text-align: left; text-transform: uppercase; cursor: pointer; } .rf-nav-bouton::before { content: "\2630\00a0\00a0"; } .rf-nav-bouton:focus-visible, .rf-nav-mobile a:focus-visible { outline: 3px solid #FFDF61; outline-offset: -3px; } .rf-nav-mobile ul { list-style: none; margin: 0; padding: 0 0 6px; } .rf-nav-mobile li a { display: flex; align-items: center; min-height: 44px; padding: 0 16px; color: #fff; font: 16px Arial, sans-serif; text-decoration: none; border-top: 1px solid #7d3a14; } .rf-nav-mobile li a[aria-current] { color: #FFDF61; font-weight: bold; } .rf-nav-recherche { display: flex; gap: 6px; padding: 8px 16px; border-top: 1px solid #7d3a14; } .rf-nav-mobile .rf-nav-recherche input { flex: 1; width: auto; min-width: 0; min-height: 44px; padding: 0 10px; border: 0; font: 16px Arial, sans-serif !important; } .rf-nav-recherche button { min-height: 44px; min-width: 52px; border: 0; background: #ED5000; color: #fff; font: bold 15px Arial, sans-serif; } .rf-nav-langues { display: flex; } .rf-nav-langues a { flex: 1; } /* tableau à deux colonnes de la page : contenu puis colonne de droite, en pleine largeur */ table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top), table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody, table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr, table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td { display: block; width: auto !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) { overflow-x: auto; overflow-wrap: break-word; padding: 0 8px !important; box-sizing: border-box; } /* cadres f_table_on : contenu seul, liseré en images retiré */ table.rf-cadre.rf-cadre, table.rf-cadre.rf-cadre > tbody, table.rf-cadre.rf-cadre > tbody > tr:has(> td.rf-centre) { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } table.rf-cadre.rf-cadre > tbody > tr:not(:has(> td.rf-centre)), table.rf-cadre.rf-cadre > tbody > tr > td:not(.rf-centre) { display: none !important; } td.rf-centre.rf-centre { display: block !important; width: auto !important; padding: 0 !important; overflow-x: auto; } h1.titleimage { max-width: 100%; background-size: contain !important; } /* tableaux de mise en page figés : empilés, largeurs libérées */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]):not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > a > img[name^="album"], > tbody > tr > td > img[name^="album"])), td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]):not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > a > img[name^="album"], > tbody > tr > td > img[name^="album"])) > tbody, td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]):not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > a > img[name^="album"], > tbody > tr > td > img[name^="album"])) > tbody > tr, td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]):not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > a > img[name^="album"], > tbody > tr > td > img[name^="album"])) > tbody > tr > td { display: block; width: auto !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:is([width="164"],[width="180"],[width="182"],[width="185"],[width="190"],[width="192"],[width="200"])):not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])), td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:is([width="164"],[width="180"],[width="182"],[width="185"],[width="190"],[width="192"],[width="200"])):not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody, td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:is([width="164"],[width="180"],[width="182"],[width="185"],[width="190"],[width="192"],[width="200"])):not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr, td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:is([width="164"],[width="180"],[width="182"],[width="185"],[width="190"],[width="192"],[width="200"])):not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr > td { display: block; width: auto !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table[width]:not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])) { width: 100% !important; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:is([width="300"],[width="330"],[width="340"],[width="350"],[width="355"],[width="360"],[width="363"],[width="365"],[width="370"],[width="375"],[width="380"],[width="385"],[width="390"],[width="400"],[width="472"],[width="475"],[width="480"],[width="488"],[width="490"],[width="500"],[width="510"],[width="515"],[width="520"],[width="540"],[width="544"],[width="545"],[width="550"],[width="555"],[width="558"],[width="560"],[width="565"]):not(.rf-cadre):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) { table-layout: fixed; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:not([width]):has(img):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])) { width: 100% !important; table-layout: fixed; } td:is(:has(> .rf-top), :has(> div > .rf-top)) td[width]:not(:is(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]) td)) { width: auto !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(div, p, span, h1, h2, h3, ul)[style*="width"]:not(.titleimage):not(.reactions) { width: auto !important; max-width: 100%; box-sizing: border-box; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(table, tr, td)[height] { height: auto !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) [style*="position:relative;left:20px"] { left: 0 !important; } #exerg { width: auto !important; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(.textenoir11j, .textevert11j, .textenoir10justif, [align="justify"], [style*="justify"]) { text-align: left !important; } /* onglets en images (bt_ : Agenda / Comments) : côte à côte */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"]) { width: auto !important; } .dynamic-tab-pane-control .tab-row .tab { padding: 10px 8px !important; } /* images : jamais plus larges que l'écran ; proportion rétablie seulement si une largeur est imposée */ td:is(:has(> .rf-top), :has(> div > .rf-top)) img { max-width: 100%; } td:is(:has(> .rf-top), :has(> div > .rf-top)) img[width]:not([src*="vide.gif"]):not([src*="/bloc_"]) { height: auto; } td:is(:has(> .rf-top), :has(> div > .rf-top)) iframe[src*="youtube"] { width: 100%; height: auto; aspect-ratio: 16 / 9; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(object, embed, video, iframe) { max-width: 100%; } td:is(:has(> .rf-top), :has(> div > .rf-top)) :is(object, embed, video) { height: auto; } /* vignettes de liste (news, artistes) à taille fixe */ td:is(:has(> .rf-top), :has(> div > .rf-top)) td:has(> a > img[src*="/img/news/"]) { width: 72px !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) img[src*="/img/news/"] { width: 72px; height: auto; max-width: none; } td:is(:has(> .rf-top), :has(> div > .rf-top)) td:has(> a > img[src*="/vignettes/"]) { width: 80px !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) img[src*="/vignettes/"] { max-width: none; } td:is(:has(> .rf-top), :has(> div > .rf-top)) div.reactions { width: 80px !important; margin: 0 0 8px 12px; } /* carrousels jQuery Tools (vidéos de l'artiste, autres vidéos) : la fenêtre coupe la bande */ td:is(:has(> .rf-top), :has(> div > .rf-top)) .scrollable { max-width: 100%; overflow: hidden !important; position: relative; } td:is(:has(> .rf-top), :has(> div > .rf-top)) div.navi { display: flex; flex-wrap: wrap; max-width: 100%; } td:is(:has(> .rf-top), :has(> div > .rf-top)) #videoRelatedLegend { width: auto !important; max-width: 100%; } /* listes (4 à 6 colonnes) : chaque ligne devient une carte */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(4)):not(:has(> tbody > tr > td:nth-child(7))):not(.rf-cadre):not(.rf-menu-img):not(:has(.titrejours, .agenda_day, .titremois)):not(:has(> tbody > tr > td > a > img[name^="album"], > tbody > tr > td > img[name^="album"])), td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(4)):not(:has(> tbody > tr > td:nth-child(7))):not(.rf-cadre):not(.rf-menu-img):not(:has(.titrejours, .agenda_day, .titremois)):not(:has(> tbody > tr > td > a > img[name^="album"], > tbody > tr > td > img[name^="album"])) > tbody { display: block; width: 100% !important; table-layout: auto !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:not(.rf-menu-img) > tbody > tr:has(> td:nth-child(4)):not(:has(> td:nth-child(7))):not(:has(.titrejours, .agenda_day, .titremois)):not(:has(> td.rf-centre)):not(:has(> td > img.imgtonik, > td > a > img.imgtonik, > td > div > a > img.imgtonik, > td > div > img.imgtonik)):not(:has(> td[width="85"] + td[width="185"])):not(:has(> td > a > img[name^="album"])):not(:has(> td > :is(img, a > img)[src*="/bt_"])):not(:has(> td:nth-child(1) > img, > td:nth-child(1) > a > img, > td:nth-child(1) > div > a > img, > td:nth-child(1) > div > img, > td:nth-child(1) > center > a > img):has(> td:nth-child(2) > img, > td:nth-child(2) > a > img, > td:nth-child(2) > div > a > img, > td:nth-child(2) > div > img, > td:nth-child(2) > center > a > img)):not(:has(> td a[href*="riddim-"])):not(:has(> td > table, > td > form > table, > td > div > table)) { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 8px 4px; border-bottom: 1px solid #ddd; height: auto !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:not(.rf-menu-img) > tbody > tr:has(> td:nth-child(4)):not(:has(> td:nth-child(7))):not(:has(.titrejours, .agenda_day, .titremois)):not(:has(> td.rf-centre)):not(:has(> td > img.imgtonik, > td > a > img.imgtonik, > td > div > a > img.imgtonik, > td > div > img.imgtonik)):not(:has(> td[width="85"] + td[width="185"])):not(:has(> td > a > img[name^="album"])):not(:has(> td > :is(img, a > img)[src*="/bt_"])):not(:has(> td:nth-child(1) > img, > td:nth-child(1) > a > img, > td:nth-child(1) > div > a > img, > td:nth-child(1) > div > img, > td:nth-child(1) > center > a > img):has(> td:nth-child(2) > img, > td:nth-child(2) > a > img, > td:nth-child(2) > div > a > img, > td:nth-child(2) > div > img, > td:nth-child(2) > center > a > img)):not(:has(> td a[href*="riddim-"])):not(:has(> td > table, > td > form > table, > td > div > table)) > td { display: block !important; width: auto !important; padding: 0 !important; white-space: normal; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:not(.rf-menu-img) > tbody > tr:has(> td:nth-child(4)):not(:has(> td:nth-child(7))):not(:has(.titrejours, .agenda_day, .titremois)):not(:has(> td.rf-centre)):not(:has(> td > img.imgtonik, > td > a > img.imgtonik, > td > div > a > img.imgtonik, > td > div > img.imgtonik)):not(:has(> td[width="85"] + td[width="185"])):not(:has(> td > a > img[name^="album"])):not(:has(> td > :is(img, a > img)[src*="/bt_"])):not(:has(> td:nth-child(1) > img, > td:nth-child(1) > a > img, > td:nth-child(1) > div > a > img, > td:nth-child(1) > div > img, > td:nth-child(1) > center > a > img):has(> td:nth-child(2) > img, > td:nth-child(2) > a > img, > td:nth-child(2) > div > a > img, > td:nth-child(2) > div > img, > td:nth-child(2) > center > a > img)):not(:has(> td a[href*="riddim-"])):not(:has(> td > table, > td > form > table, > td > div > table)) > td:is(:empty, :has(> img[src*="vide.gif"]:only-child)) { display: none !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) tr:has(> th:nth-child(4)), td:is(:has(> .rf-top), :has(> div > .rf-top)) tr:has(> td.gras10 a[href*="tri="]) { display: none !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) td[nowrap] { white-space: nowrap; width: 1% !important; } /* pochette + texte par paires (chroniques, recherche) */ td:is(:has(> .rf-top), :has(> div > .rf-top)) tr:has(> td[width="85"] + td[width="185"]) { display: grid !important; grid-template-columns: 85px 1fr; gap: 12px 10px; align-items: start; padding: 8px 0; border-bottom: 1px solid #ddd; } td:is(:has(> .rf-top), :has(> div > .rf-top)) tr:has(> td[width="85"] + td[width="185"]) > td { display: block !important; width: auto !important; } /* mosaïque d'albums photo */ /* grilles d'images (interviews, vidéos, albums, une des artistes) : une seule grille continue, les rangées d'origine (4 cellules) s'effacent (display: contents), plus de cellule seule sur sa ligne */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) { display: block !important; width: 100% !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) > tbody { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) > tbody > tr { display: contents !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) > tbody > tr > td { display: block !important; width: auto !important; height: auto !important; padding: 0 !important; text-align: center; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) > tbody > tr > td:empty, td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) > tbody > tr > td:has(> img[src*="vide.gif"]:only-child) { display: none !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) > tbody > tr > td:has(*):not(:has(img)) { grid-column: 1 / -1; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) img.imgtonik { width: 100%; max-width: 180px; height: auto; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))) div[style*="height"] { height: auto !important; } /* artistes à la une : photo + long texte par cellule, une colonne */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):has(> tbody > tr > td.gras10) > tbody { grid-template-columns: 1fr !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td:nth-child(1) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(1) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):has(> tbody > tr > td:nth-child(2) > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > a > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > div > img:not([src*="vide.gif"]):not([src*="/bloc_"]), > tbody > tr > td:nth-child(2) > center > a > img:not([src*="vide.gif"]):not([src*="/bloc_"])):not(.rf-cadre):not(.rf-menu-img):not(table:has(> tbody > tr > td > :is(img, a > img)[src*="/bt_"])):not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):not(table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]))):has(> tbody > tr > td.gras10) > tbody > tr > td { text-align: left; } /* colonne secondaire empilée (calendrier, « Près de chez vous ») : titres alignés à gauche */ td:is(:has(> .rf-top), :has(> div > .rf-top)) td:is([width="164"],[width="180"],[width="182"],[width="185"],[width="190"],[width="192"],[width="200"]) :is(h1.titleimage, div[align="center"], div[align="right"]) { margin-left: 0 !important; text-align: left; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td > a > img[name^="album"], > tbody > tr > td > img[name^="album"]) img[name^="album"] { width: 100%; height: auto; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td > a > img[name^="album"], > tbody > tr > td > img[name^="album"]) .rf-legende-album { display: block; font-size: 12px; line-height: 1.3; padding: 2px 0 6px; color: #333; } /* panneau « Détails » des albums : rempli au survol, sans objet au doigt */ /* (le :not(#rf) donne le poids d'un identifiant, au-dessus de la règle des blocs à cadre) */ table:has(> tbody > tr > td > img[src*="bloc_reports_details"]):not(#rf) { display: none !important; } /* liste des riddims : date + DJ, puis riddim et label, écoutes à droite */ td:is(:has(> .rf-top), :has(> div > .rf-top)) tr:has(> td a[href*="riddim-"]):has(> td:nth-child(5)) { display: grid !important; grid-template-columns: auto 1fr auto; grid-template-areas: "date dj ecoutes" "riddim riddim ecoute"; gap: 2px 10px; padding: 8px 4px; border-bottom: 1px solid rgba(255,255,255,.25); } td:is(:has(> .rf-top), :has(> div > .rf-top)) tr:has(> td a[href*="riddim-"]):has(> td:nth-child(5)) > td { display: block !important; width: auto !important; padding: 0 !important; } td:is(:has(> .rf-top), :has(> div > .rf-top)) tr:has(> td a[href*="riddim-"]):has(> td:nth-child(5)) > td:nth-child(1) { grid-area: date; white-space: nowrap; } td:is(:has(> .rf-top), :has(> div > .rf-top)) tr:has(> td a[href*="riddim-"]):has(> td:nth-child(5)) > td:nth-child(2) { grid-area: dj; } td:is(:has(> .rf-top), :has(> div > .rf-top)) tr:has(> td a[href*="riddim-"]):has(> td:nth-child(5)) > td:nth-child(3) { grid-area: riddim; } td:is(:has(> .rf-top), :has(> div > .rf-top)) tr:has(> td a[href*="riddim-"]):has(> td:nth-child(5)) > td:nth-child(4) { grid-area: ecoutes; text-align: right; } td:is(:has(> .rf-top), :has(> div > .rf-top)) tr:has(> td a[href*="riddim-"]):has(> td:nth-child(5)) > td:nth-child(5) { grid-area: ecoute; justify-self: end; } /* blocs à cadre en images (titre bloc_*, coins, bordures, pied) : refaits en CSS, pleine largeur, image de titre gardée à gauche à sa taille, sur la couleur du bloc */ table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) { display: block !important; width: auto !important; max-width: 100%; margin: 0 0 16px !important; box-sizing: border-box; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody, table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr { display: block !important; height: auto !important; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr > td { display: block !important; width: auto !important; height: auto !important; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr:first-child > td { padding: 0 !important; line-height: 0; border-radius: 8px 8px 0 0; overflow: hidden; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr:first-child img { display: block; max-width: 100%; clip-path: inset(0 6px 0 0); } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr:not(:first-child) > td { padding: 6px 12px; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr:has(> td > img:is([src*="_bas"], [src*="riddims_bas"])), table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr > td:has(> img:is([src*="_g.gif"], [src*="_d.gif"], [src*="vide.gif"]):only-child), table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr > td[style*="bloc_actu_droite"], table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr > td:empty { display: none !important; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr:last-child > td:last-child { border-radius: 0 0 8px 8px; } /* cellules internes : sans fond propre (bandes blanches de l'ancien tableau), lignes d'espacement masquées */ table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) :is(tr, td) { background: transparent !important; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr:has(> td > img[src*="vide.gif"]:only-child), table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr[height="4"], table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr[height="5"] { display: none !important; } /* vinyle des riddims : les morceaux de cadre (haut, bas, bord gauche) masqués, pochette et disque gardés */ table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]) > tbody > tr:has(> td > img:is([src*="bloc_actu_riddims2"], [src*="bloc_actu_riddims_bas"])), table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]) td:has(> img[src*="bloc_actu_riddims3"]) { display: none !important; } /* tableaux à liseré par cellspacing (encarts de la fiche artiste : NEWS, sons...) : une liste nette, filets fins */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table[cellspacing="1"][bgcolor]:has(> tbody > tr > td[bgcolor="#FFFFFF"]) { background: transparent !important; border-spacing: 0; border: 1px solid #e3d6c8; border-radius: 8px; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table[cellspacing="1"][bgcolor]:has(> tbody > tr > td[bgcolor="#FFFFFF"]) table { border-spacing: 0; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table[cellspacing="1"][bgcolor]:has(> tbody > tr > td[bgcolor="#FFFFFF"]) tr:has(> td[width="7"]) { display: block !important; padding: 8px 4px; border-bottom: 1px solid #eee; text-align: left; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table[cellspacing="1"][bgcolor]:has(> tbody > tr > td[bgcolor="#FFFFFF"]) tr:has(> td[width="7"]) > td { display: inline !important; padding: 0 !important; color: #888; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table[cellspacing="1"][bgcolor]:has(> tbody > tr > td[bgcolor="#FFFFFF"]) tr:has(> td[width="7"]) > td[width="7"] { display: none !important; } /* encart d'identité de la fiche artiste : valeurs alignées à gauche */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table[style*="text-align:center"]:has(h1.normal12) td { text-align: left; } /* libellé « Publicité » seul (encart vide) : masqué */ :is(table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)), td:is(:has(> .rf-top), :has(> div > .rf-top))) :is(td.textenoir10[align="right"], td.textenoir10[style*="text-align:right"]):has(> b:only-child):not(:has(img, a, input)), :is(table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)), td:is(:has(> .rf-top), :has(> div > .rf-top))) td[width="182"]:has(> font[size="1"]:only-child > b:only-child):not(:has(img, a, input)) { display: none !important; } /* lignes date | titre (bloc NEWS) : côte à côte */ table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr:has(> td[nowrap]) { display: flex !important; gap: 8px; align-items: baseline; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr:has(> td[nowrap]) > td { padding: 2px 0 !important; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) > tbody > tr:has(> td[nowrap]) > td[nowrap] { padding-left: 12px !important; } /* bloc « Sorties » sans aucune sortie : masqué */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr:first-child > td > h2 > img[src*="bloc_vert_sorties"]):not(:has(> tbody > tr > td img[src*="logo_"])):not(#rf) { display: none !important; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) table:not(table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) { width: 100% !important; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])) td[width] > :is(div, table)[style*="width"] { width: auto !important; padding-left: 0 !important; padding-right: 0 !important; } :is(table:has(> tbody > tr:first-child > td > img[src*="bloc_actu_news"], > tbody > tr:first-child > td > h2 > img[src*="bloc_actu_news"], > tbody > tr:first-child > td > a > img[src*="bloc_actu_news"], > tbody > tr:first-child > td > h2 > a > img[src*="bloc_actu_news"])) { background: #ABB202 !important; border-radius: 8px; } :is(table:has(> tbody > tr:first-child > td > img[src*="bloc_actu_riddims"], > tbody > tr:first-child > td > h2 > img[src*="bloc_actu_riddims"], > tbody > tr:first-child > td > a > img[src*="bloc_actu_riddims"], > tbody > tr:first-child > td > h2 > a > img[src*="bloc_actu_riddims"])) { background: #538917 !important; border-radius: 8px; } :is(table:has(> tbody > tr:first-child > td > img[src*="bloc_actu_chroniques"], > tbody > tr:first-child > td > h2 > img[src*="bloc_actu_chroniques"], > tbody > tr:first-child > td > a > img[src*="bloc_actu_chroniques"], > tbody > tr:first-child > td > h2 > a > img[src*="bloc_actu_chroniques"]), table:has(> tbody > tr:first-child > td > img[src*="bloc_actu_sorties"], > tbody > tr:first-child > td > h2 > img[src*="bloc_actu_sorties"], > tbody > tr:first-child > td > a > img[src*="bloc_actu_sorties"], > tbody > tr:first-child > td > h2 > a > img[src*="bloc_actu_sorties"]), table:has(> tbody > tr:first-child > td > img[src*="bloc_actu_charts"], > tbody > tr:first-child > td > h2 > img[src*="bloc_actu_charts"], > tbody > tr:first-child > td > a > img[src*="bloc_actu_charts"], > tbody > tr:first-child > td > h2 > a > img[src*="bloc_actu_charts"])) { background: #164614 !important; border-radius: 8px; } :is(table:has(> tbody > tr:first-child > td > img[src*="bloc_agenda"], > tbody > tr:first-child > td > h2 > img[src*="bloc_agenda"], > tbody > tr:first-child > td > a > img[src*="bloc_agenda"], > tbody > tr:first-child > td > h2 > a > img[src*="bloc_agenda"])) { background: #662401 !important; border-radius: 8px; } :is(table:has(> tbody > tr:first-child > td > img[src*="bloc_reports"], > tbody > tr:first-child > td > h2 > img[src*="bloc_reports"], > tbody > tr:first-child > td > a > img[src*="bloc_reports"], > tbody > tr:first-child > td > h2 > a > img[src*="bloc_reports"])) { background: #FED559 !important; border-radius: 8px; } /* cadres à liseré latéral (bloc_vert/rouge/marron _g, _d) : fond blanc, bordure de la couleur du liseré */ table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):has(> tbody > tr > td > img[src*="bloc_vert_g"]) { border: 4px solid #164614; border-top: 0; border-radius: 0 0 8px 8px; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):has(> tbody > tr > td > img[src*="bloc_rouge_g"]) { border: 4px solid #b40121; border-top: 0; border-radius: 0 0 8px 8px; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):has(> tbody > tr > td > img[src*="bloc_marron_g"]) { border: 4px solid #662401; border-top: 0; border-radius: 0 0 8px 8px; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):has(> tbody > tr > td > img[src*="bloc_vert_g"]) > tbody > tr:first-child > td { background: #164614; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):has(> tbody > tr > td > img[src*="bloc_rouge_g"]) > tbody > tr:first-child > td { background: #b40121; } table:has(> tbody > tr:first-child > td > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > img[src*="/bloc_"], > tbody > tr:first-child > td > a > img[src*="/bloc_"], > tbody > tr:first-child > td > h2 > a > img[src*="/bloc_"]):not(:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"])):has(> tbody > tr > td > img[src*="bloc_marron_g"]) > tbody > tr:first-child > td { background: #662401; } /* vinyle des riddims (images découpées 18 + 119 + 45 px) : intact, à gauche avec la marge du bloc */ table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]) { display: table !important; width: 182px !important; margin: 4px 0 8px !important; table-layout: auto !important; } table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]) > tbody { display: table-row-group !important; } table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]) > tbody > tr { display: table-row !important; } table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]) > tbody > tr > td { display: table-cell !important; width: auto !important; padding: 0 !important; } table:has(> tbody > tr > td > img[src*="bloc_actu_riddims3"]) img { max-width: none; height: auto; } /* colonne de droite : pleine largeur, blocs et menus alignés à gauche, aucune largeur figée */ table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) { padding: 12px 8px !important; text-align: left; box-sizing: border-box; } table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) table { width: 100% !important; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; } table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) td[width] { width: auto !important; } table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) :is(td[align="right"], td[style*="text-align:right"], div[align="right"], div[align="center"]) { text-align: left !important; } table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) img { max-width: 100%; } /* lien qui porte une image de titre : bloc pleine largeur (en inline-block, la largeur max de l'image tombait à 0) */ table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) a:has(> img) { display: block !important; padding: 0 !important; margin: 0 0 6px; } table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) :is(h1.titleimage, div[align="right"]) { margin-left: 0 !important; } /* blocs f_tablegauche (liseré déchiré en images à gauche et en bas) : fond de couleur pleine largeur */ table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) td:has(> img[src*="tableau_gauche_"]), table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) tr:has(> td > img[src*="tableau_bas_"]) { display: none; } table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) table[bgcolor] { border-radius: 0 0 8px 8px; } table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) td.blocgauche { padding: 12px !important; font-size: 14px; line-height: 1.45; } table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) td.blocgauche a { display: inline-block; padding: 5px 0; } table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) :is(.texte, .blocgauche, .textenoir10) { font-size: 14px; } /* formulaires à la taille du doigt */ body :is(select, input[type="text"], input[type="search"], input[type="password"], input:not([type])):not(.rf-nav-recherche input) { width: 100%; max-width: 100%; min-height: 44px; font-size: 16px !important; box-sizing: border-box; } body :is(input.bouton, input[type="submit"]:not(.rf-nav-recherche *)) { min-height: 44px; min-width: 64px; width: auto !important; padding: 0 12px; font-size: 16px; } table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) td:has(> input) { display: block; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table[style*="width:154px"] select, table:has(> tbody > tr > td > .rf-top, > tbody > tr > td > div > .rf-top) > tbody > tr > td:not(:has(.rf-top)) table[style*="width:154px"] select { width: auto; display: inline-block; } /* calendrier de l'agenda : jours et flèches touchables */ table[width="160"]:has(td.titrenum) { width: 100% !important; max-width: 360px; } table[width="160"]:has(td.titrenum) td.titrenum a { display: block; min-height: 40px; line-height: 40px; font-size: 15px; } table[width="160"]:has(td.titrenum) td:has(> a > img) a { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; } /* vote « J'y vais » : trois colonnes égales, boutons de 44 px */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td > button) { width: 100% !important; table-layout: fixed; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td > button) td { width: 33% !important; text-align: center; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table:has(> tbody > tr > td > button) button { min-height: 44px; } /* fiche artiste : encart d'identité avant les onglets ; festival : titre avant les onglets */ td:is(:has(> .rf-top), :has(> div > .rf-top)) table[width="560"] > tbody > tr:has(> td[width="385"]) { display: flex !important; flex-direction: column; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table[width="560"] > tbody > tr:has(> td[width="385"]) > td:not([width="385"]) { order: -1; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table[width="555"]:has(> tbody > tr > td[width="165"] > h1) > tbody > tr { display: flex !important; flex-direction: column; } td:is(:has(> .rf-top), :has(> div > .rf-top)) table[width="555"]:has(> tbody > tr > td[width="165"] > h1) > tbody > tr > td[width="165"] { order: -1; padding-bottom: 8px; } /* pagination : cases de 44 px */ #pagesNum table, #pagesNum td { display: block; width: auto !important; text-align: center; } #pagesNum a, #pagesNum strong { min-width: 44px; min-height: 44px; margin: 3px; font-size: 16px; } /* lien seul centré (« Retour ») : aligné sur le contenu, cible de 44 px */ td:is(:has(> .rf-top), :has(> div > .rf-top)) div[align="center"]:has(> a:only-child) { text-align: left; } td:is(:has(> .rf-top), :has(> div > .rf-top)) div[align="center"]:has(> a:only-child) > a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; } /* carrousel des unes : une à la fois, défilement au doigt (include/unes-mobile.js : points et défilement auto) ; les !important neutralisent les styles en ligne posés par l'ancien fondu enchaîné (unes.js) */ #fpss-outer-container, #fpss-slider, #slide-wrapper { width: auto !important; max-width: 100%; height: auto !important; margin: 0 0 8px !important; padding: 0 !important; } #slide-loading, #navi-outer { display: none !important; } #slide-wrapper { display: block !important; } #slide-wrapper #slide-outer { display: flex !important; height: auto !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; } #slide-wrapper #slide-outer::-webkit-scrollbar { display: none; } #slide-wrapper #slide-outer .slide { flex: 0 0 100%; width: 100% !important; height: auto !important; scroll-snap-align: start; display: block !important; opacity: 1 !important; position: relative !important; left: auto !important; top: auto !important; } #slide-wrapper #slide-outer .slide .slide-inner { height: auto !important; position: relative; } #fpss-container .slide img { display: block; width: 100%; height: auto; aspect-ratio: 472 / 265; object-fit: cover; } .fpss-introtext { position: static !important; width: auto !important; height: 150px; overflow: hidden; background: linear-gradient(#2a1206, #000) !important; } .fpss-introtext .slidetext { padding: 10px 12px; } .fpss-introtext .slidetext :is(h1, h2.une-titre), .fpss-introtext .slidetext :is(h1, h2.une-titre) a { font-size: 19px !important; line-height: 1.25 !important; color: #fff; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fpss-introtext .slidetext :is(h2:not(.une-titre), .une-type) { font-size: 13px; color: #c3cd31; font-weight: bold; margin: 4px 0; } .fpss-introtext .slidetext p:not(.une-type) { font-size: 15px; line-height: 1.4; color: #f2f2f2; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .rf-unes-points { display: flex; justify-content: center; gap: 4px; padding: 6px 0 2px; } .rf-unes-points button { width: 44px; height: 44px; border: 0; padding: 0; background: none; cursor: pointer; display: grid; place-items: center; } .rf-unes-points button::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #c9b8a8; transition: background .2s; } .rf-unes-points button[aria-current]::before { background: #ED5000; transform: scale(1.25); } .rf-unes-points button:focus-visible { outline: 3px solid #ED5000; outline-offset: -6px; border-radius: 50%; } /* pied de page : la recherche est dans le menu repliable ; plan du site en liste */ table.rf-pied-recherche, table.rf-pied-recherche > tbody, table.rf-pied-recherche > tbody > tr, table.rf-pied-recherche td { display: block; width: auto !important; text-align: center; } table.rf-pied-recherche td:has(input) { display: none; } table.rf-plan, table.rf-plan > tbody, table.rf-plan tr, table.rf-plan td { display: block; width: auto !important; height: auto !important; text-align: left !important; } table.rf-plan td { padding: 2px 12px; } table.rf-plan td:empty { display: none; } table.rf-plan .jaune13 { font-size: 15px; padding-top: 10px; } table.rf-plan a { display: inline-block; min-height: 32px; line-height: 32px; } #news-footer { display: none; } }