.jb-partenaires {
display: grid;
grid-template-columns: repeat(var(--jb-part-colonnes, 3), minmax(0, 1fr));
gap: 32px;
margin: 24px 0;
}
.jb-partenaire {
text-align: center;
}
.jb-partenaire__lien {
display: block;
text-decoration: none;
color: inherit;
}
.jb-partenaire__image {
display: block;
width: 300px;
max-width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
margin: 0 auto 12px;
border-radius: 6px;
transition: transform .2s ease, box-shadow .2s ease;
}
a.jb-partenaire__lien:hover .jb-partenaire__image,
a.jb-partenaire__lien:focus .jb-partenaire__image {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}
.jb-partenaire__nom {
display: block;
font-weight: 700;
font-size: 1.1em;
}
a.jb-partenaire__lien:hover .jb-partenaire__nom,
a.jb-partenaire__lien:focus .jb-partenaire__nom {
text-decoration: underline;
}
.jb-partenaire__description {
margin-top: 8px;
font-size: .95em;
}
.jb-partenaire__description p {
margin: 0 0 .5em;
}
@media (max-width: 900px) {
.jb-partenaires {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.jb-partenaires {
grid-template-columns: 1fr;
}
}
.jb-partenaires-groupe {
margin: 0 0 40px;
}
.jb-partenaires-groupe__titre {
margin: 0 0 8px;
}
.jb-partenaires-groupe__description {
margin-bottom: 8px;
}