.wg2 { --wg-marge-ecran: 20px; }
.wg2 .wg-ecran {
padding-left: var(--wg-marge-ecran);
padding-right: var(--wg-marge-ecran);
}
.wg2 .wg-page {
width: 100%;
max-width: var(--wg-page);
margin: 0 auto;
}
.wg2 .wg-bloc { padding-left: 0; padding-right: 0; }
.wg2 .wg-perdu { width: 100%; }
.wg2 .wg-perdu--nav    { background: var(--wg-bleu-nav); }
.wg2 .wg-perdu--direct { background: var(--wg-noir-direct); }
.wg2 .wg-reserve {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.wg2 .wg-reserve::after {
content: attr(data-libelle);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
font: 700 10px/1 'Space Mono', ui-monospace, monospace;
letter-spacing: .05em;
pointer-events: none;
}
.wg2 .wg-reserve:has(ins[data-ad-status="filled"]) { background: none; border: 0; }
.wg2 .wg-reserve:has(ins[data-ad-status])::after { content: none; }
.wg2 .wg-reserve:has(ins[data-ad-status="unfilled"]) { border: 0; }
.wg2 .wg-reserve {
border: 1px solid var(--wg-meta);
background: none;
}
.wg2 .wg-reserve::after { color: var(--wg-meta); }
.wg2 .wg-reserve { border: 0; }
.wg2 .wg-reserve::after { content: none; }
.wg2 .wg-reserve--sombre::after { color: var(--wg-reserve-noir-texte); }
.wg2 .wg-reserve ins { position: relative; z-index: 1; }
.wg2 .wg-ecart-6   { height: 6px; }
.wg2 .wg-ecart-20  { height: 20px; }
.wg2 .wg-ecart-24  { height: 24px; }
.wg2 .wg-entete {
padding: 14px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
}
.wg2 .wg-entete__logo { width: 150px; flex: none; }
.wg2 .wg-entete__logo img { display: block; width: 150px; height: auto; }
.wg2 .wg-menu__etat,
.wg2 .wg-menu__bouton,
.wg2 .wg-menu { display: none; }
.wg2 .wg-encart-mobile { display: none; }
.wg2 .wg-entete__centre { flex: 1; max-width: 440px; }
.wg2 .wg-accroche {
font: 700 16px/1.3 var(--wg-titre);
text-align: center;
margin-bottom: 10px;
}
.wg2 .wg-recherche {
position: relative;
border: 1px solid var(--wg-filet);
border-radius: 6px;
padding: 10px 14px;
font: 400 13px/1 var(--wg-courant);
color: var(--wg-meta);
}
.wg2 .wg-recherche__libelle {
position: absolute;
left: 71px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
font: 400 13px/1 var(--wg-courant);
color: var(--wg-meta);
}
.wg2 .wg-recherche:focus-within .wg-recherche__libelle { opacity: 0; }
.wg2 .wg-recherche .gsc-input-box,
.wg2 .wg-recherche .gsc-search-box,
.wg2 .wg-recherche table.gsc-input {
border: 0;
background: transparent;
box-shadow: none;
margin: 0;
}
.wg2 .wg-recherche .gsc-input { padding: 0; }
.wg2 .wg-recherche form.gsc-search-box,
.wg2 .wg-recherche table.gsc-search-box,
.wg2 .wg-recherche tbody,
.wg2 .wg-recherche tr,
.wg2 .wg-recherche td,
.wg2 .wg-recherche .gsc-input-box,
.wg2 .wg-recherche table.gstl_50 {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
.wg2 .wg-recherche .gsib_a { padding: 0 !important; }
.wg2 .wg-recherche input.gsc-input {
height: 15px !important;
line-height: 15px !important;
min-height: 0 !important;
}
.wg2 .wg-recherche .gsc-search-button,
.wg2 .wg-recherche .gsc-clear-button { display: none !important; }
.wg2 .wg-recherche input.gsc-input {
font: 400 13px/1 var(--wg-courant) !important;
background: transparent !important;
text-indent: 0 !important;
padding: 0 !important;
}
.wg2 .wg-entete__social { width: 110px; height: 36px; border-radius: 6px; flex: none; }
.wg2 .wg-nav {
display: flex;
align-items: stretch;
height: var(--wg-barre-h);
}
.wg2 .wg-nav__accueil {
padding: 0;
display: flex;
align-items: center;
flex: none;
}
.wg2 .wg-nav__accueil { width: calc(var(--wg-logo, 150px) - 30px + 10px); }
.wg2 .wg-nav .wg-nav__accueil a { padding: 0; width: 100%;
height: 100%; justify-content: flex-start; }
.wg2 .wg-nav .wg-nav__accueil img { display: block; width: 17px; height: 19px; }
.wg2 .wg-nav a {
padding: 0 30px;
height: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
gap: 9px;
color: #fff;
text-decoration: none;
}
.wg2 .wg-nav a:link,
.wg2 .wg-nav a:visited { color: #fff; }
.wg2 .wg-nav a:hover { color: #fff; }
.wg2 .wg-nav img {
display: block;
width: 19px;
height: 19px;
filter: brightness(0) invert(1);
}
.wg2 .wg-nav__mot--court { display: none; }
.wg2 .wg-mot--court { display: none; }
.wg2 .wg-nav span {
font: 700 22px/1 var(--wg-titre);
color: #fff;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.wg2 .wg-nav .wg-actif { background: var(--wg-texte); }
.wg2 .wg-nav__reste { flex: 1; }
.wg2 .wg-tete { padding: 24px 0 0; }
.wg2 .wg-titre-ligne {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 8px;
}
.wg2 .wg-titre-ligne h1 {
font: 700 26px/1.2 var(--wg-titre);
color: var(--wg-texte);
margin: 0;
}
.wg2 .wg-partage { display: flex; gap: 8px; flex: none; }
.wg2 .wg-direct__gauche .wg-partage { justify-content: center; }
.wg2 .resp-sharing-button__link { text-decoration: none; display: block; }
.wg2 .resp-sharing-button {
box-sizing: border-box;
height: 32px;
min-width: 112px;
padding: 0 12px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font: 700 14px/1 var(--wg-titre);
color: #fff;
white-space: nowrap;
}
.wg2 .resp-sharing-button__icon {
width: 16px;
height: 16px;
flex: none;
display: flex;
align-items: center;
}
.wg2 .resp-sharing-button__icon svg { width: 16px; height: 16px; display: block; }
.wg2 .resp-sharing-button__icon--solid svg { fill: currentColor; }
.wg2 .resp-sharing-button--facebook { background: #3b5998; }
.wg2 .resp-sharing-button--whatsapp { background: #075E54; }
.wg2 .resp-sharing-button--x        { background: #000; }
.wg2 .wg-partage { display: flex; gap: 8px; flex: none; }
.wg2 .wg-direct__gauche .wg-partage { justify-content: center; }
.wg2 .wg-encours .ERLive_name4 {
font: 700 18px/1.25 var(--wg-titre);
color: var(--wg-texte);
margin-bottom: 8px;
}
.wg2 .wg-encours .ERLive_percent3 {
width: 340px;
max-width: 100%;
height: 11px;
border-radius: 6px;
overflow: hidden;
background: var(--wg-jaune);
}
.wg2 .wg-encours .ERLive_percentreal3 {
height: 100%;
background: var(--wg-bleu-bande);
}
.wg2 .wg-encadre,
.wg2 .wg-encadre .ERLive_wrapper,
.wg2 .wg-encadre .ERLive_wrapper > .clearfix:not(:has(.ERLive_percent)) {
display: flex;
flex-direction: column;
gap: var(--wg-rythme-10);
}
.wg2 .wg-encadre,
.wg2 .wg-encadre--serre { --wg-rythme-encadre: 14px; }
.wg2 .wg-encadre { --wg-rythme-10: var(--wg-rythme-encadre); }
.wg2 .wg-encadre .ERLive_sub:empty,
.wg2 .wg-encadre--serre .ERLive_sub:empty { display: none; }
.wg2 .wg-encadre .ERLive_name {
float: none;
font: 700 16px/1.25 var(--wg-titre);
color: var(--wg-texte);
margin-bottom: 0;
}
.wg2 .wg-encadre .ERLive_category,
.wg2 .wg-encadre .ERLive_sub {
float: none;
display: inline;
font: 400 12px/1.35 var(--wg-courant);
color: var(--wg-texte-2);
}
.wg2 .wg-encadre .ERLive_sub { margin-bottom: 0; display: block; }
.wg2 .wg-encadre .clearfix:has(.ERLive_percent) {
display: flex;
flex-direction: row;
align-items: center;
gap: 9px;
margin: 0;
}
.wg2 .wg-encadre .ERLive_datestart,
.wg2 .wg-encadre .ERLive_dateend {
float: none;
font: 700 11px/1 var(--wg-interface);
color: #fff;
border-radius: 3px;
padding: 4px 6px;
flex: none;
}
.wg2 .wg-encadre .ERLive_datestart { background: var(--wg-vert-heure); }
.wg2 .wg-encadre .ERLive_dateend { background: var(--wg-rouge-heure); }
.wg2 .wg-encadre .ERLive_percent {
float: none;
flex: 1;
height: 11px;
border-radius: 6px;
overflow: hidden;
background: var(--wg-jaune);
}
.wg2 .wg-encadre .ERLive_percentreal {
height: 100%;
background: var(--wg-bleu-bande);
}
.wg2 .wg-encadre .ERLive_readmoreWrap2,
.wg2 .wg-liens-suite {
display: flex;
flex-direction: column;
gap: var(--wg-rythme-encadre);
margin-top: 0;
}
.wg2 .wg-encadre > .wg-liens-suite { margin-top: 0; }
.wg2 .wg-encadre .ERLive_readmore,
.wg2 .wg-liens-suite a {
font: 700 13px/1.4 var(--wg-interface) !important;
color: var(--wg-bleu-lien) !important;
text-decoration: none;
cursor: pointer;
display: flex;
align-items: center;
gap: 7px;
}
.wg2 .wg-encadre .ERLive_readmore::before,
.wg2 .wg-liens-suite a::before {
content: "";
width: 8px;
height: 8px;
border-radius: 2px;
background: var(--wg-bleu);
flex: none;
}
.wg2 .wg-encadre br { display: none; }
.wg2 .wg-encadre .ERLive_name,
.wg2 .wg-encadre .ERLive_category,
.wg2 .wg-encadre .ERLive_sub,
.wg2 .wg-encadre .ERLive_readmore,
.wg2 .wg-encadre .wg-liens-suite a,
.wg2 .wg-ce-soir .ERLive_name2,
.wg2 .wg-ce-soir .ERLive_sub3,
.wg2 .wg-ce-soir .ERLive_readmore {
line-height: 1 !important;
text-box: trim-both cap alphabetic;
}
.wg2 .wg-ce-soir .ERLive_readmoreWrap { display: flex; }
.wg2 .wg-encadre .clearfix:has(.ERLive_percent) { line-height: 0; }
.wg2 .wg-direct {
padding: var(--wg-lecteur-marge) 0;
display: flex;
gap: var(--wg-gout-direct);
align-items: flex-start;
}
.wg2 .wg-direct__gauche {
width: var(--wg-lecteur);
flex: none;
display: flex;
flex-direction: column;
gap: var(--wg-lecteur-marge);
}
.wg2 .wg-lecteur--video {
width: 100%;
max-width: 100%;
background: #000;
}
.wg2 .wg-lecteur--video iframe {
display: block;
width: 100%;
max-width: 100%;
border: 0;
}
.wg2 .wg-lecteur-groupe {
display: flex;
flex-direction: column;
gap: var(--wg-lecteur-ecart);
}
.wg2 .wg-lecteur {
height: auto;
background: var(--wg-noir-direct);
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.wg2 .wg-lecteur > a {
position: static;
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: var(--wg-lecteur-ecart);
}
.wg2 .wg-lecteur > a > .wg-lecteur__logo {
display: block;
width: auto;
height: auto;
object-fit: initial;
}
.wg2 .wg-lecteur > a > .wg-lecteur__logo {
background: #fff;
border-radius: 6px;
padding: 10px 14px;
box-sizing: content-box;
}
.wg2 .wg-lecteur img {
width: var(--wg-lecteur);
max-width: 100%;
height: 470px;
object-fit: cover;
display: block;
}
.wg2 .wg-lecture {
position: relative;
width: 160px;
height: 160px;
border-radius: 50%;
background: var(--wg-bleu);
display: flex;
align-items: center;
justify-content: center;
flex: none;
border: 0;
cursor: pointer;
padding: 0;
}
.wg2 .wg-lecture::after {
content: "";
width: 0;
height: 0;
border-left: 52px solid #fff;
border-top: 34px solid transparent;
border-bottom: 34px solid transparent;
margin-left: 14px;
}
.wg2 .wg-direct__legende a { color: inherit; text-decoration: underline; }
.wg2 .wg-direct__legende {
font: 400 13px/1.4 var(--wg-courant);
color: var(--wg-reserve-noir-texte);
text-align: center;
}
.wg2 .wg-direct__droite { width: var(--wg-colonne-pub); flex: none; }
.wg2 .wg-bandeau {
min-height: 90px;
display: flex;
align-items: center;
justify-content: center;
}
.wg2 .wg-bandeau ins { display: block; width: 100%; }
.wg2 .wg-corps {
padding: 24px 0 var(--wg-etalon-bloc);
display: flex;
gap: var(--wg-gouttiere);
align-items: flex-start;
}
.wg2 .wg-colonne-liens { width: var(--wg-col-liens); flex: none; }
.wg2 .wg-groupe + .wg-groupe { margin-top: 26px; }
.wg2 .wg-groupe + .wg-groupe:has(.wg-groupe__titre--marque) { margin-top: 36px; }
.wg2 .wg-groupe__titre {
font: 700 18px/1.2 var(--wg-titre);
color: var(--wg-texte);
margin-bottom: 14px;
display: flex;
align-items: baseline;
gap: 10px;
}
.wg2 .wg-groupe__titre::before {
content: "";
flex: none;
width: 8px;
height: 8px;
border-radius: 2px;
position: relative;
top: -1px;
background: var(--wg-bleu);
}
.wg2 .wg-pastille-1::before { background: var(--wg-bleu); }
.wg2 .wg-pastille-2::before { background: var(--wg-vert-fonce); }
.wg2 .wg-pastille-3::before { background: var(--wg-vert-clair); }
.wg2 .wg-pastille-4::before { background: var(--wg-rouge); }
.wg2 .wg-pastille-5::before { background: var(--wg-jaune); }
.wg2 .wg-groupe__titre--marque::before { content: none; }
.wg2 .wg-groupe__titre--marque { gap: 11px; align-items: center;
font-size: 20px; line-height: 1.3; }
.wg2 .wg-groupe__titre--marque .wg-marqueur { flex: none; }
.wg2 .wg-groupe__lien + .wg-groupe__lien { margin-top: 12px; }
.wg2 .wg-groupe__titre--lien a,
.wg2 .wg-groupe__titre--lien a:link,
.wg2 .wg-groupe__titre--lien a:visited {
font: inherit;
color: var(--wg-bleu);
text-decoration: none;
}
.wg2 .wg-groupe__titre--lien a:hover { color: var(--wg-texte); }
.wg2 .wg-canal {
display: flex;
align-items: center;
gap: 10px;
}
.wg2 .wg-canal + .wg-canal { margin-top: 12px; }
.wg2 .wg-canal__logo {
width: 40px;
flex: none;
display: flex;
align-items: center;
justify-content: center;
}
.wg2 .wg-canal__logo img { display: block; max-width: 100%; height: auto; }
.wg2 .wg-canal__nom,
.wg2 .wg-canal__nom:link,
.wg2 .wg-canal__nom:visited {
font: 700 17px/1.2 var(--wg-titre);
color: var(--wg-bleu);
text-decoration: none;
}
.wg2 .wg-canal__nom:hover { color: var(--wg-texte); }
.wg2 .wg-groupe__sortie { margin-top: 14px; }
.wg2 .wg-groupe__sortie a,
.wg2 .wg-groupe__sortie a:link,
.wg2 .wg-groupe__sortie a:visited {
font: 400 14px/1.2 var(--wg-courant);
color: var(--wg-meta);
text-decoration: none;
}
.wg2 .wg-groupe__sortie a:hover { color: var(--wg-texte); }
.wg2 .wg-groupe__lien a,
.wg2 .wg-groupe__lien a:link,
.wg2 .wg-groupe__lien a:visited {
font: 700 17px/1.2 var(--wg-titre);
color: var(--wg-bleu);
text-decoration: none;
}
.wg2 .wg-groupe__lien a:hover { color: var(--wg-texte); text-decoration: none; }
.wg2 .wg-groupe__lien img {
display: inline-block;
vertical-align: middle;
max-width: 28px;
height: auto;
margin-right: 6px;
}
.wg2 .wg-contenu { flex: 1; min-width: 0; }
.wg2 .wg-contenu > .wg-section,
.wg2 .wg-contenu > .wg-rubriques,
.wg2 .wg-contenu > .wg-fb-page { margin-top: var(--wg-etalon-bloc); }
.wg2 .wg-contenu > *:first-child { margin-top: 0; }
.wg2 .wg-section {
display: flex;
gap: 11px;
align-items: baseline;
}
.wg2 .wg-section .wg-marqueur { flex: none; position: relative; top: -4px; }
.wg2 .wg-section--flux { align-items: center; }
.wg2 .wg-section--flux .wg-marqueur { top: 0; }
.wg2 .wg-section--flux .wg-section__titre { line-height: 1.35; }
.wg2 .wg-section__titre { font: 700 22px/1.2 var(--wg-titre); color: var(--wg-texte); }
.wg2 .wg-section__titre .wg-titre-nom { display: inline-block; }
.wg2 .wg-encadre {
border: 1px solid var(--wg-meta);
padding: var(--wg-rythme-encadre);
}
.wg2 .wg-encadre--serre { border: 1px solid var(--wg-meta); }
.wg2 .wg-direct { align-items: stretch; }
.wg2 .wg-direct__droite { display: flex; flex-direction: column; }
.wg2 .wg-direct__droite .wg-reserve--sombre { flex: 1; }
.wg2 .wg-direct__droite .wg-reserve--sombre ins { width: 300px; height: 100%; }
.wg2 .wg-petits-logos {
display: flex;
align-items: center;
justify-content: center;
gap: 28px;
}
.wg2 .wg-petits-logos a {
display: flex;
align-items: center;
justify-content: center;
height: 44px;
padding: 0 10px;
border-radius: 6px;
background: #fff;
line-height: 0;
}
.wg2 .wg-petits-logos img {
display: block;
width: auto;
height: auto;
max-height: 32px;
max-width: 100%;
}
.wg2 .wg-rangee-logos {
height: 34px;
line-height: 34px;
padding: 4px 0;
margin: -4px 0;
white-space: nowrap;
}
.wg2 .wg-rangee-logos .wg-chaine__logo {
display: inline-block;
padding-right: 8px;
vertical-align: middle;
line-height: normal;
}
.wg2 .wg-rangee-logos img {
display: block;
transition: transform .4s ease;
}
.wg2 .wg-rangee-logos img:hover { transform: scale(1.2); }
.wg2 .wg-rangee-logos img:active { transform: rotate(175deg); transition: transform .2s ease; }
.wg2 .wg-rangee-logos .wg-chaine__logo--courante img { opacity: .4; }
.wg2 .wg-chaines__etat,
.wg2 .wg-chaines__bascule,
.wg2 .wg-chaines__filet,
.wg2 .wg-chaine__nom,
.wg2 .wg-chaine__filet { display: none; }
.wg2 .wg-chaines__liste { display: none; }
@media (max-width: 1159px) {
.wg2 .wg-chaines {
background: #fff;
border: 1px solid #c9d0e2;
border-radius: 14px;
overflow: hidden;
}
.wg2 .wg-chaines__etat {
display: block;
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip-path: inset(50%);
}
.wg2 .wg-chaines__bascule {
display: flex;
align-items: center;
gap: 14px;
padding: 15px 18px;
cursor: pointer;
}
.wg2 .wg-chaines__etat:focus-visible + .wg-chaines__bascule {
outline: 3px solid var(--wg-bleu-lien);
outline-offset: -3px;
}
.wg2 .wg-chaines__signe {
font: 700 20px/1 var(--wg-interface);
color: var(--wg-bleu-lien);
flex: none;
}
.wg2 .wg-chaines__signe::before { content: "+"; }
.wg2 .wg-chaines__etat:checked + .wg-chaines__bascule .wg-chaines__signe::before {
content: "";
display: block;
width: 0;
height: 0;
border-left: 11px solid var(--wg-bleu-lien);
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
}
.wg2 .wg-chaines__libelle {
font: 700 15px/1.2 var(--wg-titre);
color: var(--wg-texte);
flex: 1;
min-width: 0;
}
.wg2 .wg-chaines__filet { display: flex; height: 4px; overflow: hidden; }
.wg2 .wg-chaines__filet i { flex: 1; }
.wg2 .wg-section__titre--ordi { display: none; }
.wg2 .wg-section:has(.wg-section__titre--ordi) { display: none; }
.wg2 .wg-chaines--liens .wg-chaines__corps { display: none; }
.wg2 .wg-chaines__liste {
display: none;
list-style: none;
margin: 0;
padding: 0;
}
.wg2 .wg-chaines__etat:checked ~ .wg-chaines__liste { display: block; }
.wg2 .wg-chaines__liste a,
.wg2 .wg-chaines__liste a:link,
.wg2 .wg-chaines__liste a:visited {
display: flex;
align-items: center;
gap: 14px;
padding: 11px 16px;
border-bottom: 1px solid var(--wg-filet-clair);
box-sizing: border-box;
min-height: 48px;
text-decoration: none;
}
.wg2 .wg-chaines__liste .wg-chaine__nom {
display: block;
font: 700 16px/1.2 var(--wg-titre);
color: var(--wg-texte);
flex: 1;
min-width: 0;
}
.wg2 .wg-chaines__liste .wg-chaine__filet {
display: block;
width: 4px;
height: 22px;
border-radius: 2px;
flex: none;
}
.wg2 .wg-colonne-liens { display: none; }
.wg2 .wg-chaines .wg-rangee-logos {
display: none;
height: auto;
line-height: normal;
white-space: normal;
}
.wg2 .wg-chaines__etat:checked ~ .wg-rangee-logos { display: block; }
.wg2 .wg-chaines .wg-chaine__logo {
display: flex;
align-items: center;
gap: 14px;
padding: 11px 16px;
border-bottom: 1px solid var(--wg-filet-clair);
box-sizing: border-box;
min-height: 58px;
text-decoration: none;
}
.wg2 .wg-chaines .wg-chaine__logo > img {
width: auto;
height: auto;
max-width: 72px;
max-height: 36px;
flex: none;
border-radius: 4px;
object-fit: contain;
}
.wg2 .wg-chaines .wg-chaine__logo::before {
content: "";
width: 72px;
flex: none;
margin-right: -72px;
}
.wg2 .wg-chaines .wg-rangee-logos img:hover,
.wg2 .wg-chaines .wg-rangee-logos img:active { transform: none; }
.wg2 .wg-chaines .wg-chaine__nom {
display: block;
font: 700 16px/1.2 var(--wg-titre);
color: var(--wg-texte);
flex: 1;
min-width: 0;
}
.wg2 .wg-chaines .wg-chaine__filet {
display: block;
width: 4px;
height: 22px;
border-radius: 2px;
flex: none;
}
}
.wg2 .wg-rubriques {
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
gap: 0 10px;
}
.wg2 .wg-rubriques a,
.wg2 .wg-rubriques a:link,
.wg2 .wg-rubriques a:visited {
font: 700 20px/1.6 var(--wg-titre);
color: var(--wg-bleu);
text-decoration: none;
}
.wg2 .wg-rubriques a:hover { color: var(--wg-texte); }
.wg2 .wg-fb-page { text-align: center; }
.wg2 .wg-fb-page a { display: inline-block; line-height: 0; }
.wg2 .wg-fb-page img { display: block; }
.wg2 .wg-entree-plate {
display: flex;
align-items: baseline;
gap: 11px;
margin-bottom: 16px;
}
.wg2 .wg-entree-plate--meta { margin-bottom: 8px; }
.wg2 .wg-entree-plate .wg-cube { position: relative; top: -1px; }
.wg2 .wg-entree-plate__titre a,
.wg2 .wg-entree-plate__titre a:link,
.wg2 .wg-entree-plate__titre a:visited {
font: 700 17px/1.2 var(--wg-titre);
color: var(--wg-bleu);
text-decoration: none;
}
.wg2 .wg-entree-plate__titre a:hover { color: var(--wg-texte); }
.wg2 .wg-entree-plate__meta {
font: 400 14px/1.2 var(--wg-courant);
color: var(--wg-texte-2);
}
.wg2 .wg-sous-liens {
padding-left: 19px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0 6px;
}
.wg2 .wg-sous-liens a,
.wg2 .wg-sous-liens a:link,
.wg2 .wg-sous-liens a:visited {
font: 700 17px/1.5 var(--wg-titre);
color: var(--wg-bleu);
text-decoration: none;
}
.wg2 .wg-sous-liens a:hover { color: var(--wg-texte); }
.wg2 .wg-sep { color: var(--wg-filet); }
.wg2 .wg-rangee-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--wg-gout-direct);
}
.wg2 .wg-rangee-4--5 { grid-template-columns: repeat(5, 1fr); }
.wg2 .wg-tuile { text-align: center; }
.wg2 .wg-tuile__ico {
width: 72px;
height: 72px;
margin: 0 auto 9px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.wg2 .wg-tuile__ico img { display: block; max-width: 100%; max-height: 100%; }
.wg2 .wg-tuile__nom,
.wg2 .wg-tuile__nom:link,
.wg2 .wg-tuile__nom:visited {
display: block;
font: 600 13px/1.25 var(--wg-courant);
color: var(--wg-bleu);
text-decoration: none;
}
.wg2 .wg-tuile__nom:hover { color: var(--wg-texte); }
.wg2 .wg-fiche {
display: flex;
gap: var(--wg-gout-direct);
align-items: center;
margin-bottom: var(--wg-marge-24);
}
.wg2 .wg-fiche__logo {
width: 160px;
height: 90px;
border-radius: 6px;
flex: none;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.wg2 .wg-fiche__logo img { max-width: 100%; max-height: 100%; }
.wg2 .wg-fiche__texte {
display: flex;
flex-direction: column;
gap: 12px;
}
.wg2 .wg-fiche__nom {
font: 700 17px/1.25 var(--wg-titre);
color: var(--wg-texte);
margin-bottom: 0;
}
.wg2 .wg-fiche__genre {
font: 400 13px/1.4 var(--wg-courant);
color: var(--wg-texte-2);
margin-bottom: 0;
}
.wg2 .wg-deux-colonnes {
display: flex;
gap: var(--wg-gout-direct);
align-items: flex-start;
}
.wg2 .wg-deux-colonnes__gauche { flex: 1; min-width: 0; }
.wg2 .wg-deux-colonnes__droite {
width: var(--wg-colonne-pub);
flex: none;
margin-left: auto;
}
.wg2 .wg-entree { display: flex; gap: 11px; align-items: baseline; margin-bottom: 20px; }
.wg2 .wg-entree > .wg-cube { flex: none; position: relative; top: -1px; }
.wg2 .wg-entree__titre a { font: 700 17px/1.2 var(--wg-titre); }
.wg2 .wg-entree__desc {
font: 400 15px/1.6 var(--wg-courant);
color: var(--wg-texte-2);
}
@media (max-width: 767px) {
.wg2 .wg-deux-colonnes { flex-direction: column; }
.wg2 .wg-deux-colonnes__droite { margin: 0 auto; }
}
.wg2 .wg-soustitre {
font: 700 17px/1.25 var(--wg-titre);
margin-bottom: var(--wg-marge-24);
}
.wg2 .wg-para {
font: 400 15px/1.6 var(--wg-courant);
color: var(--wg-texte-2);
margin-bottom: 16px;
}
.wg2 .wg-para:last-child { margin-bottom: 0; }
.wg2 .wg-ce-soir .ERLive_wrapper2 + .ERLive_wrapper2 {
border-top: 1px solid var(--wg-filet-clair);
}
.wg2 .wg-ce-soir .ERLive_datestart {
float: none;
display: inline-block;
margin-bottom: 0;
font: 700 11px/1 var(--wg-interface);
color: #fff;
background: var(--wg-vert-heure);
border-radius: 3px;
padding: 4px 6px;
}
.wg2 .wg-ce-soir .ERLive_wrapper2 {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: start;
column-gap: 16px;
row-gap: var(--wg-rythme-encadre);
padding: var(--wg-rythme-encadre);
}
.wg2 .wg-ce-soir .ERLive_wrapper2 > *:nth-child(1) { grid-column: 1; grid-row: 1 / span 3; }
.wg2 .wg-ce-soir .ERLive_wrapper2 > *:nth-child(2) { grid-column: 2; grid-row: 1; }
.wg2 .wg-ce-soir .ERLive_wrapper2 > .ERLive_sub3         { grid-column: 2; grid-row: 2; }
.wg2 .wg-ce-soir .ERLive_wrapper2 > .ERLive_readmoreWrap { grid-column: 2; grid-row: 3; }
.wg2 .wg-ce-soir .ERLive_wrapper2 > .wg-imdb             { grid-column: 3; grid-row: 1 / span 3; }
.wg2 .wg-ce-soir > .widget_jx_ER:nth-of-type(even) .ERLive_wrapper2 { background: #eef1f7; }
.wg2 .wg-ce-soir .ERLive_datestart {
display: inline-block;
font: 700 11px/1 var(--wg-interface);
color: #fff;
background: var(--wg-vert-heure);
border-radius: 3px;
padding: 4px 6px;
}
.wg2 .wg-ce-soir .ERLive_name2 {
font: 700 16px/1.25 var(--wg-titre);
color: var(--wg-texte);
display: block;
margin-bottom: 0;
line-height: 1;
}
.wg2 .wg-ce-soir .ERLive_sub3 {
font: 400 12px/1.35 var(--wg-courant);
color: var(--wg-texte-2);
display: block;
margin-bottom: 0;
line-height: 1;
}
.wg2 .wg-ce-soir .ERLive_readmoreWrap { margin-top: 0 !important; }
.wg2 .wg-ce-soir .ERLive_readmore {
font: 700 13px/1.4 var(--wg-interface);
color: var(--wg-bleu);
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 7px;
}
.wg2 .wg-ce-soir .ERLive_readmore::before {
content: "";
width: 6px;
height: 6px;
border-radius: 2px;
background: var(--wg-bleu);
flex: none;
}
.wg2 .wg-ce-soir .ERLive_readmore:hover { box-shadow: inset 0 -1px 0; }
.wg2 .wg-ce-soir .wg-imdb {
align-self: start;
text-align: center;
background: #F5C518;
border-radius: 7px;
padding: 7px 10px;
}
.wg2 .wg-ce-soir .wg-imdb b {
display: block;
font: 700 17px/1 var(--wg-titre);
color: var(--wg-texte);
}
.wg2 .wg-ce-soir .wg-imdb i {
display: block;
font: 700 8px/1 var(--wg-interface);
font-style: normal;
letter-spacing: .12em;
color: #5a4a06;
margin-top: 3px;
}
.wg2 .wg-ce-soir .ERLiveTonight_percent { display: none; }
.wg2 .ERLive_wrapper2.wg-survol-ouvert { background: #eef1f7; }
.wg2 .ERLive_wrapper2.wg-survol-ouvert > .wg-imdb { visibility: hidden; }
.wg2 .wg-encadre .wg-survol {
margin-top: var(--wg-rythme-encadre);
margin-bottom: 0;
}
.wg2 .wg-survol {
margin: 0 14px 14px;
padding: 16px 18px;
background: #fff;
border: 1px solid #e2ded5;
border-radius: 10px;
box-shadow: 0 6px 24px rgba(22, 21, 15, .13);
display: flex;
align-items: flex-start;
gap: 16px;
}
.wg2 .wg-survol__corps { flex: 1; min-width: 0; }
.wg2 .wg-survol__ligne-titre {
display: flex;
gap: 11px;
align-items: center;
margin-bottom: 6px;
}
.wg2 .wg-survol__ligne-titre .wg-cube { flex: none; }
.wg2 .wg-survol__titre { font: 700 18px/1.25 var(--wg-titre); color: var(--wg-texte); }
.wg2 .wg-survol__episode {
font: 600 14px/1.4 var(--wg-interface);
color: var(--wg-texte-2);
margin-bottom: 6px;
}
.wg2 .wg-survol__faits {
font: 600 12.5px/1.4 var(--wg-interface);
color: var(--wg-meta);
margin-bottom: 12px;
}
.wg2 .wg-survol__faits .wg-sep { margin: 0 6px; color: var(--wg-filet); }
.wg2 .wg-survol__distribution {
font: 400 13px/1.5 var(--wg-courant);
color: var(--wg-texte-2);
margin-bottom: 10px;
}
.wg2 .wg-survol__resume { font: 400 14px/1.55 var(--wg-courant); color: var(--wg-texte-2); }
.wg2 .wg-survol__note {
flex: none;
text-align: center;
background: #F5C518;
border-radius: 7px;
padding: 7px 10px;
}
.wg2 .wg-survol__note-chiffre { font: 700 17px/1 var(--wg-titre); color: var(--wg-texte); }
.wg2 .wg-survol__note-marque {
font: 700 8px/1 var(--wg-interface);
letter-spacing: .12em;
color: #5a4a06;
margin-top: 3px;
}
.wg2 .wg-ce-soir .wg-imdb {
grid-column: 3;
grid-row: 1;
justify-self: end;
font: 700 11px/1 var(--wg-interface);
color: var(--wg-texte);
background: #F5C518;
border-radius: 3px;
padding: 4px 6px;
white-space: nowrap;
}
.wg2 .wg-ce-soir .wg-imdb:empty { display: none; }
.wg2 .wg-ce-soir .ERLive_readmoreWrap { grid-column: 1 / -1; margin-top: 0; }
.wg2 .wg-ce-soir .ERLive_readmore {
font: 700 13px/1.4 var(--wg-interface);
color: var(--wg-bleu-lien);
cursor: pointer;
display: inline-flex;
align-items: baseline;
gap: 7px;
}
.wg2 .wg-ce-soir .ERLive_readmore::before {
content: "";
width: 6px;
height: 6px;
border-radius: 2px;
background: var(--wg-bleu);
flex: none;
}
.wg2 .wg-pied { padding: 0 0 24px; }
.wg2 .wg-pied__corps { display: flex; gap: var(--wg-gouttiere); }
.wg2 .wg-pied__signature {
width: var(--wg-col-liens);
flex: none;
display: flex;
flex-direction: column;
gap: 8px;
}
.wg2 .wg-pied__signature > .wg-ecart-6 { display: none; }
.wg2 .wg-pied__nom {
font: 700 17px/1.3 var(--wg-titre);
margin-bottom: 0;
}
.wg2 .wg-pied__cubes { display: flex; gap: 3px; align-items: center; flex: none; }
.wg2 .wg-pied__cubes > * { display: inline-block; width: 11px; height: 11px; border-radius: 2px; }
.wg2 .wg-pied__cubes > .wg-cube-1 { background: var(--wg-rouge); }
.wg2 .wg-pied__cubes > .wg-cube-2 { background: var(--wg-vert-fonce); }
.wg2 .wg-pied__cubes > .wg-cube-3 { background: var(--wg-bleu); }
.wg2 .wg-pied__cubes > .wg-cube-4 { background: var(--wg-vert-clair); }
.wg2 .wg-pied__cubes > .wg-cube-5 { background: var(--wg-jaune); }
.wg2 .wg-pied__mention {
font: 400 13px/1.5 var(--wg-courant);
color: #6b675c;
}
.wg2 .wg-pied__liens {
flex: 1;
font: 400 14px/1.9 var(--wg-courant);
color: var(--wg-bleu-lien);
}
.wg2 .wg-pied__liens .wg-sep { color: var(--wg-sep-typo); }
@media (max-width: 1279px) {
.wg2 .wg-direct { flex-wrap: wrap; }
.wg2 .wg-direct__gauche { width: 100%; }
.wg2 .wg-lecteur { height: auto; }
.wg2 .wg-lecteur img { width: 100%; height: 100%; }
.wg2 .wg-lecteur > a {
width: auto;
justify-content: center;
padding-top: 0;
gap: var(--wg-marge-24);
}
.wg2 .wg-direct__droite { margin: 0 auto; }
}
@media (max-width: 1023px) {
.wg2 .wg-entete { flex-wrap: wrap; gap: 14px 20px; }
.wg2 .wg-entete__centre { order: 3; flex-basis: 100%; max-width: none; }
}
@media (max-width: 1023px) {
.wg2 .wg-corps { flex-direction: column; }
.wg2 .wg-colonne-liens { width: 100%; order: 3; }
.wg2 .wg-contenu { width: 100%; }
}
@media (max-width: 767px) {
.wg2 .wg-pied__corps { flex-direction: column; gap: var(--wg-marge-24); }
.wg2 .wg-pied__signature { width: 100%; }
}
@media (max-width: 1279px) {
.wg2 .wg-nav a { padding-left: 14px; padding-right: 14px; }
}
@media (max-width: 767px) {
.wg2 .wg-nav span { font-size: 13px; }
.wg2 .wg-nav { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
height: auto; }
.wg2 .wg-nav__reste { display: contents; }
.wg2 .wg-nav__accueil { padding: 0; display: block; }
.wg2 .wg-nav__onglet { display: block; }
.wg2 .wg-nav a {
padding: 10.5px 2px;
flex-direction: column;
justify-content: center;
gap: 0;
box-sizing: border-box;
height: 100%;
text-align: center;
}
.wg2 .wg-nav img,
.wg2 .wg-nav__accueil img {
width: 21px;
height: 21px;
margin: 0 auto 5px;
}
.wg2 .wg-nav__accueil img { width: 18px; height: 21px; }
}
@media (max-width: 824px) {
.wg2 .wg-nav__mot--court { display: inline; }
.wg2 .wg-nav__mot--long { display: none; }
}
@media (max-width: 599px) {
.wg2 { --wg-marge-ecran: 14px; }
.wg2 .wg-fil { display: none; }
.wg2 .wg-entete {
min-height: 66px;
padding: 11px 0;
gap: 12px;
}
.wg2 .wg-entete__logo,
.wg2 .wg-entete__logo img { width: 128px; }
.wg2 .wg-entete__centre,
.wg2 .wg-entete__social { display: none; }
.wg2 .wg-titre__contexte { display: none; }
.wg2 .wg-fiche {
flex-direction: column;
align-items: flex-start;
gap: var(--wg-marge-12);
}
.wg2 .wg-fiche__texte {
width: 100%;
min-width: 0;
gap: var(--wg-marge-12);
}
.wg2 .wg-fiche__nom,
.wg2 .wg-fiche__genre { line-height: calc(1em + 5px); }
.wg2 .wg-fiche__logo { height: auto; width: auto; max-width: 100%; }
.wg2 .wg-entree:last-child { margin-bottom: 0; }
.wg2 .wg-encadre .ERLive_name,
.wg2 .wg-encadre--serre .ERLive_name2 { font-size: 18px; }
.wg2 .wg-encadre .ERLive_category,
.wg2 .wg-encadre .ERLive_sub,
.wg2 .wg-encadre--serre .ERLive_category2,
.wg2 .wg-encadre--serre .ERLive_sub3 { font-size: 14px; }
.wg2 .wg-encadre .ERLive_datestart,
.wg2 .wg-encadre .ERLive_dateend,
.wg2 .wg-encadre--serre .ERLive_datestart2,
.wg2 .wg-encadre--serre .ERLive_dateend2 { font-size: 12px; }
.wg2 .wg-encadre .ERLive_readmore,
.wg2 .wg-liens-suite a { font-size: 15px !important; }
.wg2 .wg-encart-mobile {
display: block;
text-align: center;
padding: 12px 0 0;
}
.wg2 .wg-encart-mobile {
margin-left: calc(-1 * var(--wg-marge-ecran));
margin-right: calc(-1 * var(--wg-marge-ecran));
}
.wg2 .wg-menu__bouton {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 6px;
width: var(--wg-cible-min);
height: var(--wg-cible-min);
flex: none;
cursor: pointer;
margin-left: auto;
}
.wg2 .wg-menu__bouton i {
display: block;
width: 28px;
height: 4px;
border-radius: 2px;
background: var(--wg-texte);
}
.wg2 .wg-menu__etat {
display: block;
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip-path: inset(50%);
}
.wg2 .wg-menu__etat:focus-visible ~ .wg-entete .wg-menu__bouton {
outline: 3px solid var(--wg-bleu-lien);
outline-offset: 2px;
}
.wg2 .wg-menu {
display: none;
position: fixed;
inset: 0;
z-index: 40;
background: #fff;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.wg2 .wg-menu__etat:checked ~ .wg-menu { display: block; }
.wg2 .wg-menu__tete {
padding: 11px 14px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.wg2 .wg-menu__logo img { display: block; width: 128px; height: auto; }
.wg2 .wg-menu__croix {
position: relative;
width: var(--wg-cible-min);
height: var(--wg-cible-min);
flex: none;
cursor: pointer;
}
.wg2 .wg-menu__croix i {
position: absolute;
left: 11px;
top: 21px;
width: 22px;
height: 2px;
border-radius: 1px;
background: var(--wg-texte);
}
.wg2 .wg-menu__croix i:first-child { transform: rotate(45deg); }
.wg2 .wg-menu__croix i:last-child  { transform: rotate(-45deg); }
.wg2 .wg-menu__liste { list-style: none; margin: 0; padding: 20px 14px 20px; }
.wg2 .wg-menu__liste a,
.wg2 .wg-menu__liste a:link,
.wg2 .wg-menu__liste a:visited {
display: flex;
align-items: baseline;
gap: 12px;
padding: 15px 0;
font: 700 20px/1.25 var(--wg-titre);
color: var(--wg-texte);
text-decoration: none;
}
.wg2 .wg-menu__liste .wg-cube { flex: none; position: relative; top: -1px; }
.wg2 .wg-menu__social { margin-top: 55px; }
.wg2 .wg-menu__social a,
.wg2 .wg-menu__social a:link,
.wg2 .wg-menu__social a:visited {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
height: var(--wg-cible-min);
padding: 0;
color: #1877F2;
text-decoration: none;
}
.wg2 .wg-menu__social svg { display: block; fill: currentColor; }
.wg2 .wg-nav span {
font: 700 9px/1 var(--wg-courant);
letter-spacing: 0;
}
.wg2 .wg-nav__accueil { display: none; }
.wg2 .wg-mot--court { display: inline; }
.wg2 .wg-mot--long { display: none; }
}
@media (max-width: 599px) {
.wg2 .wg-lecture { width: 110px; height: 110px; }
.wg2 .wg-lecture::after {
border-left-width: 36px;
border-top-width: 23px;
border-bottom-width: 23px;
margin-left: 10px;
}
.wg2 .wg-titre-ligne { flex-wrap: wrap; gap: 12px; }
.wg2 .wg-titre-ligne h1 { font-size: 22px; }
.wg2 .wg-rangee-4 { grid-template-columns: repeat(2, 1fr); }
.wg2 .wg-rangee-4--5 .wg-tuile--direct { display: none; }
.wg2 .wg-colonne-liens a,
.wg2 .wg-pied__liens a { display: inline-block; min-height: var(--wg-cible-min); }
.wg2 .wg-partage { gap: 14px; flex-wrap: wrap; }
.wg2 .wg-partage .resp-sharing-button {
width: 36px;
height: 30px;
min-width: 0;
padding: 0;
gap: 0;
border-radius: 5px;
font-size: 0;
}
.wg2 .wg-partage .resp-sharing-button__icon,
.wg2 .wg-partage .resp-sharing-button__icon svg { width: 19px; height: 19px; }
.wg2 .wg-fiche__texte .wg-partage { margin-top: 8px; }
.wg2 .wg-partage--fin { justify-content: center; }
.wg2 .wg-partage--fin .resp-sharing-button {
width: var(--wg-cible-min);
height: var(--wg-cible-min);
border-radius: 50%;
}
.wg2 .wg-partage--fin .resp-sharing-button__icon,
.wg2 .wg-partage--fin .resp-sharing-button__icon svg { width: 22px; height: 22px; }
}