.wg2.liste-tv .wg-colonne-droite { width: var(--wg-col-liens); flex: none; }
.wg2.liste-tv .wg-colonne-droite .wg-reserve--pub {
text-align:center;
margin-bottom:24px;
}
.wg2.liste-tv .wg-colonne-droite__blocs { width: 100%; }
.wg2.liste-tv .wg-fil {
font: 400 13px/26px var(--wg-courant);
color: var(--wg-meta);
}
.wg2.liste-tv .wg-fil a { color: var(--wg-bleu); }
.wg2.liste-tv .wg-fil__sep {
padding: 0 6px;
color: var(--wg-sep-typo);
}
.wg2.liste-tv .wg-liste-accroche {
margin: 0;
font: 400 15px/1.6 var(--wg-courant);
color: var(--wg-texte-2);
}
.wg2.liste-tv .wg-boutons-prog { display: flex; gap: 12px; }
.wg2.liste-tv .wg-bouton-prog {
display: flex;
align-items: center;
justify-content: center;
padding: 13px 20px;
border: 1px solid #c9d0e2;
border-radius: 8px;
font: 700 14px/1 var(--wg-interface);
color: var(--wg-texte);
text-decoration: none;
}
.wg2.liste-tv .wg-bouton-prog:hover { background: var(--wg-fond-alt); }
.wg2.liste-tv .wg-bouton-prog--encours::before {
content: "";
display: block;
flex: none;
width: 8px;
height: 8px;
margin-right: 8px;
border-radius: 50%;
background: var(--wg-vert-clair);
}
.wg2.liste-tv .wg-tbl { border: 1px solid var(--wg-meta); }
.wg2.liste-tv .wg-tbl__tete {
display: flex;
gap: 16px;
align-items: flex-end;
padding: 14px 16px 12px;
}
.wg2.liste-tv .wg-tbl__tete .wg-tbl__c {
font: 700 11px/1.3 var(--wg-interface);
letter-spacing: .03em;
text-transform: uppercase;
color: var(--wg-texte);
}
.wg2.liste-tv .wg-tbl > .wg-filet5 {
height: 4px;
margin: 0 16px 8px;
}
.wg2.liste-tv .wg-tbl__rangee {
display: flex;
align-items: center;
gap: 16px;
padding: 11px 16px;
}
.wg2.liste-tv .wg-tbl__rangee + .wg-tbl__rangee {
border-top: 1px solid var(--wg-filet-clair);
}
.wg2.liste-tv .wg-tbl__corps > .wg-tbl__rangee:nth-child(even) {
background: var(--wg-fond-alt);
}
.wg2.liste-tv .wg-tbl__rangee:hover { background: var(--wg-fond-alt); }
.wg2.liste-tv .wg-tbl__rangee:hover .wg-tbl__c--nom a { text-decoration: underline; }
.wg2.liste-tv .wg-tbl__c--logo { width: 84px; flex: none; }
.wg2.liste-tv .wg-tbl__c--nom {
width: 190px;
flex: none;
padding-right: 12px;
padding-left: 4px;
font: 700 15px/1.25 var(--wg-interface);
letter-spacing: .02em;
}
.wg2.liste-tv .wg-tbl__c--nom a { color: var(--wg-bleu); text-decoration: none; }
.wg2.liste-tv .wg-tbl__c--genre {
flex: 1;
min-width: 0;
font: 400 13px/1.35 var(--wg-courant);
color: #6b675c;
}
.wg2.liste-tv .wg-tbl__c--pays {
width: 96px;
flex: none;
text-align: right;
font: 400 12px/1.3 var(--wg-courant);
color: var(--wg-meta);
}
.wg2.liste-tv .wg-tbl__c--logo a {
display: flex;
align-items: center;
justify-content: center;
width: 84px;
height: 60px;
border-radius: 4px;
overflow: hidden;
}
.wg2.liste-tv .wg-tbl__c--logo img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.wg2.liste-tv .wg-tbl__c--logo a:not(:has(img)) {
font: 700 10px/1.2 var(--wg-interface);
color: var(--wg-meta);
text-align: center;
text-decoration: none;
}
.wg2.liste-tv .wg-liste-tranches {
margin: 0;
font: 400 15px/1.6 var(--wg-courant);
color: var(--wg-texte-2);
}
.wg2.liste-tv .wg-liste-tranches a { color: var(--wg-bleu); }
.wg2.liste-tv .wg-tbl__c--suite { flex: 1; min-width: 0; }
.wg2.liste-tv .wg-tbl__rangee--suite {
font: 700 15px/1.25 var(--wg-interface);
}
.wg2.liste-tv .wg-tbl__rangee--suite a {
color: var(--wg-bleu);
text-decoration: none;
margin-right: 16px;
}
.wg2.liste-tv .wg-tbl__mention {
display: block;
font: 400 11px/1.3 var(--wg-courant);
color: var(--wg-meta);
}
.wg2.liste-tv .wg-tbl__tete:not(:has(.wg-tbl__c--logo)) ~ .wg-tbl__corps
.wg-tbl__c--nom,
.wg2.liste-tv .wg-tbl__rangee:not(:has(.wg-tbl__c--logo)) .wg-tbl__c--nom {
width: 290px;
}
.wg2.liste-tv .wg-tbl__tete:not(:has(.wg-tbl__c--logo)) .wg-tbl__c--nom {
width: 290px;
}
.wg2 .wg-ecart-40 { height: 40px; }
.wg2.liste-tv .wg-ecart-24 + .wg-section,
.wg2.liste-tv .wg-ecart-40 + .wg-section { margin-top: 0; }
.wg2.liste-tv .wg-ecart-24:has(+ .wg-section) { display: block; }
.wg2.liste-tv .wg-contenu > .wg-ecart-24 { height: 17px; }
@media (max-width: 1023px) {
.wg2.liste-tv .wg-corps { flex-wrap: wrap; }
.wg2.liste-tv .wg-colonne-droite { width: 100%; order: 3; }
}
@media (max-width: 599px) {
.wg2.liste-tv .wg-tbl__tete,
.wg2.liste-tv .wg-tbl__rangee { padding: 11px 14px; gap: 12px; }
.wg2.liste-tv .wg-tbl > .wg-filet5 { margin: 0 14px 12px; }
.wg2.liste-tv .wg-tbl__c--logo,
.wg2.liste-tv .wg-tbl__c--logo a { width: 64px; height: 34px; }
.wg2.liste-tv .wg-tbl__c--nom {
width: auto;
flex: 1;
min-width: 0;
padding-right: 10px;
font: 700 14px/1.25 var(--wg-interface);
}
.wg2.liste-tv .wg-tbl__c--genre { width: 88px; flex: none; }
.wg2.liste-tv .wg-tbl__c--pays { width: 64px; }
.wg2.liste-tv .wg-boutons-prog { flex-wrap: wrap; }
}
@media (max-width: 403px) {
.wg2.liste-tv .wg-tbl__rangee,
.wg2.liste-tv .wg-tbl__tete {
display: grid;
grid-template-columns: 64px minmax(0, 1fr) 64px;
column-gap: 12px;
row-gap: 3px;
align-items: center;
}
.wg2.liste-tv .wg-tbl__c--logo  { grid-column: 1; grid-row: 1 / span 2; }
.wg2.liste-tv .wg-tbl__c--nom   { grid-column: 2; grid-row: 1; width: auto; padding-right: 0; padding-left: 0; }
.wg2.liste-tv .wg-tbl__c--pays  { grid-column: 3; grid-row: 1 / span 2; width: 64px; }
.wg2.liste-tv .wg-tbl__c--genre { grid-column: 2; grid-row: 2; width: auto; }
.wg2.liste-tv .wg-tbl__rangee:not(:has(.wg-tbl__c--logo)),
.wg2.liste-tv .wg-tbl__tete:not(:has(.wg-tbl__c--logo)) {
grid-template-columns: minmax(0, 1fr) 64px;
}
.wg2.liste-tv .wg-tbl__rangee:not(:has(.wg-tbl__c--logo)) .wg-tbl__c--nom,
.wg2.liste-tv .wg-tbl__tete:not(:has(.wg-tbl__c--logo)) .wg-tbl__c--nom     { grid-column: 1; }
.wg2.liste-tv .wg-tbl__rangee:not(:has(.wg-tbl__c--logo)) .wg-tbl__c--pays,
.wg2.liste-tv .wg-tbl__tete:not(:has(.wg-tbl__c--logo)) .wg-tbl__c--pays    { grid-column: 2; }
.wg2.liste-tv .wg-tbl__rangee:not(:has(.wg-tbl__c--logo)) .wg-tbl__c--genre,
.wg2.liste-tv .wg-tbl__tete:not(:has(.wg-tbl__c--logo)) .wg-tbl__c--genre   { grid-column: 1; }
.wg2.liste-tv .wg-tbl__tete .wg-tbl__c--genre { display: none; }
.wg2.liste-tv .wg-tbl__tete { row-gap: 0; align-items: end; }
.wg2.liste-tv .wg-tbl__tete .wg-tbl__c--logo,
.wg2.liste-tv .wg-tbl__tete .wg-tbl__c--pays { grid-row: 1; }
.wg2.liste-tv .wg-tbl__tete .wg-tbl__c--logo { height: auto; }
}
@media (max-width: 599px) {
.wg2.liste-tv .wg-colonne-droite { display: none; }
}
@media (max-width: 599px) {
.wg2.liste-tv .wg-contenu { display: flex; flex-direction: column; }
.wg2.liste-tv .wg-contenu > .wg-section--partage,
.wg2.liste-tv .wg-contenu > .wg-section--partage + .wg-ecart-24,
.wg2.liste-tv .wg-contenu > .wg-partage--fin { order: 10; }
.wg2.liste-tv .wg-contenu > .wg-rubriques { order: 20; }
.wg2.liste-tv .wg-contenu > .wg-fb-page   { order: 30; }
}
