.grid-blocs, .grid-blocs-index {
    display:flex;
    flex-wrap:wrap
}

.card, .card-header, .card-footer {
    border-radius: 0;
}

.card-footer.card-footer-link {
    border:none;
    padding: 0;
}

.card-bloc {
    border-width: 0;
    margin-bottom:4rem;
}

.card-bloc .card-header {
    border:none;
    border-radius: 0;

}

.card-bloc .card-header h3 {
    font-size: calc(1.4rem);
    color:var(--grey-color);
}

.card-bloc .card-subheader {
    border:none;
    border-radius: 0;
    padding: 0 var(--bs-card-cap-padding-x);
}

.card-bloc .card-subheader h4 {
    font-size: calc(1.2rem);
    color:var(--grey-color);
    font-weight: bold;
    margin:0;
}

@media (min-width: 1200px) {
    .card-bloc .card-header h3 {
        font-size: 1.5rem;
    }
}

.card-bloc .card-body {
    font-weight: 400;
}

/* Listing */

.grid-blocs-index a.grid-blocs-index-item {
    text-decoration:none;
    transition: background-color 500ms ease-in;
}

/* Listing Actualites */
.grid-blocs-index-Actualites .grid-blocs-index-item .bloc-template-actu-description .card-body {
}

/* Listing Categories */
.grid-blocs-index-Categories .grid-blocs-index-item {
    margin-bottom:1rem;
}

.grid-blocs-index-Categories .bloc-template-catg-cover .swiper-categ {
    overflow-x: scroll;
    overflow-y: hidden;

}

.grid-blocs-index-Categories  .bloc-template-catg-cover .swiper-wrapper {
    display: flex;
    gap: 0.5rem;
}

.grid-blocs-index-Categories  .bloc-template-catg-cover:hover .swiper-wrapper {

}
.grid-blocs-index-Categories .bloc-template-catg-cover .swiper-wrapper .swiper-slide {
    width:auto;
}

.grid-blocs-index-Categories .bloc-template-catg-cover .swiper-wrapper img {
    height:var(--swiper-series-height);
}

.grid-blocs-index-Categories .bloc-template-catg-cover .card-footer-link {
    width:100%;
    display:flex;
    align-items: center;
    justify-content:end;

    background: transparent;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) calc(100% - 31px), rgba(255,255,255,1)  calc(100% - 30px), rgba(255,255,255,1) 100%);
    font-size:1.7rem;
    height: 100%;
    z-index:1;
}

.grid-blocs-index-Categories .bloc-template-catg-cover .card-footer-link a {

}

/* Ressources */

/* bloc texte*/
.card-bloc.bloc-template-ress-texte .card-header h3 {
    font-size:1.2rem;
    font-weight:bold;
    margin-bottom:0;
}

/* Sculptures, Dessins */

@media (min-width: 768px) {
    .card-bloc.bloc-template-scul-description, .card-bloc.bloc-template-dess-description {
        padding-top: 11%;
    }
}

/* Acutalités */

.card-bloc.bloc-template-actu-description > * {
    order:1;
}

.card-bloc.bloc-template-actu-description > div.card-subheader {
    order:0;
}

/* Links */
.card-bloc.bloc-type-default.bloc-has-link-1 .card-body {
    flex-grow:0;
}

.card-bloc.bloc-has-link-1 .card-footer-link {
    text-align: right;
}

.card-bloc.bloc-has-link-1 .card-footer-link a span.rarr {
    font-size: 1.7rem;
    display:inline-block;
    transform: translateY(3px);
    margin-left: 5px;
}

/* Attachments */
.card-bloc.bloc-has-attachments-1 .card-body:not(.card-body-attachments) {
    flex-grow: 0;
}

/* Vidéos */
.card-bloc.bloc-video .card-body p:not(:first-child) {
    display:none;
}

.card-bloc.bloc-video {
    flex-direction: column-reverse;
}

 .card-bloc.bloc-video .card-header {
    padding-top: 0;
    padding-bottom:0;
}

.card-bloc.bloc-video .card-header h3 {
    margin-bottom:0;
    margin-top:-1.5rem;
    font-size:1.2rem;
}

@media (max-width: 767px) {
    .grid-blocs-index-Categories .bloc-template-catg-cover .swiper-categ {
        cursor: pointer;
    }
    .grid-blocs-index-Categories .bloc-template-catg-cover .card-footer-link a.stretched-link {
        position: relative;
        flex-grow:1;
    }
}

@media (min-width: 768px) {
    .grid-blocs-index-Categories {
        --swiper-series-height : 350px;
    }

    .grid-blocs-index-Categories .grid-blocs-index-item {
        margin-bottom: 8rem;
    }

    .grid-blocs-index-Categories  .bloc-template-catg-cover .swiper-wrapper {
        gap: 1rem;
    }

    .grid-blocs-index-Categories .bloc-template-catg-cover .swiper-categ {
        overflow-x: hidden;
        padding-right: 100px;
    }
    .grid-blocs-index-Categories .bloc-template-catg-cover .card-footer-link {
        position:absolute;
        right: 0;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) calc(100% - 61px), rgba(255,255,255,1)  calc(100% - 60px), rgba(255,255,255,1) 100%);
    }
}

#offcanvasVideo button.btn-play-video {
    display:none;
}

#offcanvasVideo .card-header h3 {
    display:none;
}

button.btn-play-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:transparent;
    background-image: url('/img/play.svg');
    background-size: 70px 70px;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
}

button.btn-play-video:hover {
    background-size: 90px 90px;
    transition: background-size 0.3s ease;
}

/* Specials classes */

/* bloc-title-section */
.card-bloc.bloc-title-section .card-header h3 {
    font-family: var(--title-font);
    text-transform: uppercase;
    color:var(--black-color);
    border-top:1px solid var(--black-color);
    text-shadow: var(--title-shadow);
    font-size:2rem;
}

/* Card no-y-space (for bio or others) */
.card-bloc.bloc-no-y-space {
    margin-bottom:0;
}

.card-bloc.bloc-no-y-space .card-header {
    margin-bottom:1rem;
}

.card-bloc.bloc-no-y-space .card-body {
    padding-bottom:0;
    padding-top:0;
}

.card-bloc.bloc-no-y-space .card-body ul {
    margin-bottom:0;
}


/* buttons */
.btn.btn-outline-auffret {
    border-radius: 0;
    --bs-btn-color: ;
    --bs-btn-bg:var(--bg-color);
    --bs-btn-border-color: var(--grey-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--grey-color);
    --bs-btn-hover-border-color: var(--grey-color);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--grey-color);
    --bs-btn-active-border-color: var(--grey-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;

}
/* missed on bootstrap 5 ;) */
.text-justify { text-align: justify;}

/* Special inside card body css (no wrapper for admin tinymce )*/

h4.bloc-inside-title {
    font-size:1.3rem;
    font-weight: bold;
    margin: 5px 0;
}


ul.timeline {}
ul.timeline li:not(.annee) { margin-left:-20px;  }
ul.timeline li.annee {
    font-family: var(--title-font);
    transform:translateX(-40px);
    list-style-type: none;
    font-weight: bolder;
    color:var(--black-color);
}

@media (min-width: 576px) {
    ul.timeline li:not(.annee) { margin-left:60px; }
    ul.timeline li.annee {
        position:absolute;
        transform:translateX(-30px);
    }
}

.bloc-citation {
    font-size: var(--citation-size);
}