h3 {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: x-large !important;
    font-weight: 600 !important;
}


.ycvl-stages-grid {
    display: grid;

    grid-template-columns: repeat(5, 11vw);

    column-gap: 8vw;
    row-gap: 110px;

    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    justify-content: start;
}


/* Carte */
.ycvl-stage-card {
    width: 100%;
}


/* Image */
.ycvl-stage-image-link {
    display: block;
    width: 100%;
    overflow: hidden;
}

.ycvl-stage-image {
    display: block;

    width: 100%;
	height: auto;
    aspect-ratio: 1 / 1;

    object-fit: cover;

    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
}


/* Petit effet au survol */
.ycvl-stage-card:hover .ycvl-stage-image  {
    transform: scale(1.03);
    opacity: 0.9;
}


/* Texte */
.ycvl-stage-content {
    margin-top: 2px;
}

.ycvl-stage-title {
    display: inline-block;

    font-size: 21px;
    line-height: 1.35;

    color: #111;
    text-decoration: underline 1px;

    transition: opacity 0.2s ease;
    margin-bottom: 0;

}

.ycvl-stage-card:hover .ycvl-stage-title {
    opacity: 0.65;
    text-decoration: none;
}


.ycvl-stage-age {
    display: inline-block;
    margin-top: 19.2px;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;

    color: #222;
}

.ycvl-stages-grid {
    display: grid;

    grid-template-columns: repeat(5, 10vw);

    column-gap: 8vw;
    row-gap: 110px;

    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    justify-content: start;
}


/* Carte */
.ycvl-stage-card {
    width: 100%;
}


/* Image */
.ycvl-stage-image-link {
    display: block;
    width: 100%;
    overflow: hidden;
}

.ycvl-stage-image {
    display: block;

    width: 100%;
	height: auto;
    aspect-ratio: 1 / 1;

    object-fit: cover;

    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
}


/* Petit effet au survol */
.ycvl-stage-card:hover .ycvl-stage-image  {
    transform: scale(1.03);
    opacity: 0.9;
}


/* Texte */
.ycvl-stage-content {
    margin-top: 2px;
}

.ycvl-stage-title {
    display: inline-block;

    font-size: 21px;
    line-height: 1.35;

    color: #111;
    text-decoration: underline 1px;

    transition: opacity 0.2s ease;

}

.ycvl-stage-card:hover .ycvl-stage-title {
    opacity: 0.65;
    text-decoration: none;
}


.ycvl-stage-age {
    display: inline-block;
    margin-top: 2px;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;

    color: #222;
}


/* Tablette */
@media (max-width: 1200px) {

    .ycvl-stages-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));

        column-gap: 40px;
        row-gap: 70px;
    }
}


/* Petite tablette */
@media (max-width: 800px) {

    .ycvl-stages-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 25px;
        row-gap: 50px;
    }

    .ycvl-stage-title {
        font-size: 19px;
    }
}


/* Mobile */
@media (max-width: 500px) {

    .ycvl-stages-grid {
        grid-template-columns: 1fr;

        row-gap: 45px;
    }

    .ycvl-stage-image {
        aspect-ratio: 16 / 10;
    }
}