.wg2.hub-programmes {
--wg-hub-largeur: 768px;
--wg-hub-carte-pad: 14px;
}
.wg2.hub-programmes .wg-hub-accroche,
.wg2.hub-programmes .wg-hub-cartes { margin-top: 24px; }
.wg2.hub-programmes .wg-contenu > .wg-hub-titre { margin-top: 24px; }
.wg2.hub-programmes .wg-hub-accroche {
margin-bottom: 0;
font: 400 15px/1.6 Arial, Helvetica, sans-serif;
color: var(--wg-encre-douce, #3d3a33);
}
.wg2.hub-programmes .wg-hub-titre .wg-partage--tete {
flex: none;
margin-left: auto;
}
.wg2.hub-programmes .wg-hub-titre { max-width: var(--wg-hub-largeur); }
.wg2.hub-programmes .wg-hub-cartes {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--wg-etalon-bloc, 44px);
max-width: var(--wg-hub-largeur);
}
.wg2.hub-programmes .wg-hub-carte {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #dde2ee;
overflow: hidden;
}
.wg2.hub-programmes .wg-hub-carte__lisere { height: 5px; }
.wg2.hub-programmes .wg-hub-carte__haut {
padding: var(--wg-hub-carte-pad) var(--wg-hub-carte-pad) 0;
}
.wg2.hub-programmes .wg-hub-carte__bas {
padding: 0 var(--wg-hub-carte-pad) var(--wg-hub-carte-pad);
margin-top: auto;
}
.wg2.hub-programmes .wg-hub-carte__titre {
margin: 0;
min-height: 44px;
font: 700 17px/1.25 "Baloo 2", Nunito, sans-serif;
color: var(--wg-encre, #16150f);
}
.wg2.hub-programmes .wg-hub-carte__boutons { display: flex; gap: 9px; }
.wg2.hub-programmes .wg-hub-bouton {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 14px 6px;
border: 1px solid #c9d0e2;
border-radius: 8px;
font: 700 14px/1 Nunito, Arial, sans-serif;
color: var(--wg-encre, #16150f);
text-decoration: none;
background: none;
}
.wg2.hub-programmes .wg-hub-bouton:hover,
.wg2.hub-programmes .wg-hub-bouton:focus-visible {
border-color: var(--wg-bleu-lien, #2000C3);
color: var(--wg-bleu-lien, #2000C3);
}
.wg2.hub-programmes .wg-hub-bouton--encours::before {
content: "";
display: block;
flex: none;
width: 8px;
height: 8px;
border-radius: 50%;
background: #25DE00;
}
@media (max-width: 660px) {
.wg2.hub-programmes .wg-hub-cartes {
grid-template-columns: 1fr;
max-width: none;
}
.wg2.hub-programmes .wg-hub-titre {
flex-wrap: wrap;
row-gap: 24px;
max-width: none;
}
.wg2.hub-programmes .wg-hub-titre .wg-partage--tete {
margin-left: 0;
width: 100%;
justify-content: center;
}
.wg2.hub-programmes .wg-hub-pub { display: none; }
.wg2.hub-programmes .wg-hub-accroche { display: none; }
}
@media (max-width: 767px) {
.wg2.hub-programmes .wg-contenu > .wg-hub-titre { margin-top: 0; }
}