.gtm-logo-musee {
    padding: 0 0 0 20px !important;
    width: 115px;
    z-index: 100000;
}

.gtm-logo-laurier {
    padding: 0 20px;
}

.gtm-logo-laurier img {
    width: 100px;
}

.gtm-slogan {
    padding-top: 0;
    padding-bottom: 0;
}

/* ----- Recherche avancée ----- */
/* Enlever la bordure */
input[type="text"], input[type="email"] {
        border: 0px solid !important;
        width: 100%;
        background: transparent;
        height: 100%;
        color: #363B47;
        font-size: clamp(16px, 1.5vw, 20px);
        background-color: #fff;
        height: 30px;
        border-radius: 3px;
        margin-top: 10px;
        margin-bottom: 20px;
        grid-area: 1 / 1 / 2 / 12;
}

label.finder {
        font-size: clamp(20px, 2.5vw, 30px);
        margin-top: 15px;
        margin-bottom: 15px;
        padding-top: 20px;
        line-height: 1;
        color: #fff;
        text-align: left;
        font-weight: 600;
}

input#mod-finder-searchword209::placeholder {
        color: #fff;
}

input[type="text"]:focus {
    border-bottom: 1px solid #4d153b !important;
}

input::placeholder {
    font-size: clamp(16px, 1.5vw, 20px);
    color: #4d153b;
}

form.mod-finder.js-finder-searchform.form-search {
        align-self: center;
}

span.icon-search.icon-white:before {
    content: url(/images/icone-loupe-bordeaux.svg); /* loupe bordeaux propre au gabarit 2026 */
    display: block;
    width: 45px;
}

.mod-finder__search.input-group {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 15px;
}

.awesomplete {
    grid-area: 1 / 1 / 2 / 10;
}

form.mod-finder.js-finder-searchform.form-search button.btn.btn-primary {
    grid-area: 1 / 10 / 2 / 13;
    margin: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
}

/* affichage dans la page recherche */
.com-finder legend.com-finder__search-legend.visually-hidden, label.me-2 {
    display: none;
}

.com-finder {
    padding: 20px;
}

.com-finder .js-finder-searchform .input-group {
    display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
}

.com-finder .js-finder-searchform .input-group input[type="text"] {
        border-bottom: 2px solid #363B47 !important;
        border-radius: 0;
        grid-area: 1 / 1 / 2 / 12;
        transform: translateY(35px);
}

.com-finder .js-finder-searchform .input-group button.btn.btn-primary {
        grid-area: 1 / 12 / 2 / 13;
        width: fit-content;
        padding: 5px 8px !important;
}

.com-finder ul {
        margin-left: 0;
}

@media screen and (min-width: 768px) { 
        .com-finder {
                padding: 20px 40px;
        }
}
/* ----- Icône de recherche et Falang ----- */
.gtm-icone-recherche {
    width: fit-content;
    position: absolute;
    right: 10px;
    top: 115px;
    padding: 4px;
}

.gtm-icone-recherche img {
    width: 45px;
    content: url(/images/icone-loupe-bordeaux.svg); /* loupe bordeaux propre au gabarit 2026 (l'image du module reste commune) */
}

.gtm-10 {
   z-index: 2;
}

.gtm-2 {
   padding: 15px 0;
   position: absolute;
   right: 6px;
   top: 40px;
   z-index: 2;
}

.mod-languages {
    position: absolute;
    top: 85px;
    right: 10px;
}
    
.mod-languages a {
    text-decoration: none;
    background-color: #4d153b;
    color: #fff;
    border-radius: 50%;
    padding: 10px;
    font-size: 20px;
    z-index: 100000000;
    width: fit-content;
}

a#recherche {
    text-decoration: none;
    background-color: #4d153b;
    color: #fff;
    border-radius: 50%;
    padding: 10px;
    font-size: 20px;
    z-index: 100000000;
    width: fit-content;
}

/* icône flèche */
.gtm-fleche {
        text-align: center;
}

.gtm-fleche img {
    width: 45px;
    transform: translateY(15px);
    margin-left: 10px;
    display: inline-block;
}

@media screen and (min-width: 768px) { 
        .gtm-fleche {
                text-align: right;
        }

        .gtm-fleche img {
                width: 40px;
                margin-left: 2px;
        }
}

@media screen and (min-width: 800px) {
        .gtm-fleche img {
            width: 45px;
            margin-left: 10px;
        }
}

.gtm-titre-hero, .page-header h1 {
        background-color: transparent;
        background-image: url(/images/texture-art-deco-courbe.png);
        background-size: cover;        
        background-repeat: no-repeat;
        background-position: 75% 50%;
        height: 110px;
        padding-top: 0;
}

.com-content-article:not(.gtm-article-regulier) .page-header h1 {
    padding-top: 30px;
}

.com-content-article:not(.gtm-article-regulier) {
        padding-left: 0;
        padding-right: 0;
}

.gtm-article-don-objets .com-content-article__body {
    padding: 20px 20px;
}

@media screen and (min-width: 768px) { 
/* espace blanc devant certains modules */
        .gtm-grid-blanc .gtm-custom  {
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-template-rows: repeat(2, auto);
                grid-column-gap: 0px;
                grid-row-gap: 0px;
        }

        .gtm-grid-blanc .gtm-custom h2 { 
                grid-area: 1 / 5 / 2 / 13; 
        }

        .gtm-grid-blanc .gtm-custom p { 
                grid-area: 2 / 5 / 3 / 13; 
        }

        .gtm-grid-blanc .gtm-custom a { 
                grid-area: 3 / 5 / 4 / 13; 
                width: fit-content;
                margin: 0 0 0 auto;
        }

        .gtm-grid-blanc .com-content-article__body {
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-template-rows: repeat(4, auto);
                grid-column-gap: 0px;
                grid-row-gap: 0px; 
        }

        .gtm-grid-blanc .com-content-article__body  h2 { 
                grid-area: 1 / 4 / 2 / 13;
        }

        .gtm-grid-blanc .com-content-article__body  h3 { 
                grid-area: 2 / 4 / 3 / 13;; 
        }

        .gtm-grid-blanc .com-content-article__body p:nth-child(odd) { 
                grid-area: 3 / 4 / 4 / 13; 
        }
        .gtm-grid-blanc .com-content-article__body p:nth-child(even) { 
                grid-area: 4 / 4 / 5 / 13; 
        }
}    

@media screen and (min-width: 576px) { 
        .gtm-10 {
            position: absolute;
            top: 75px;
            right: 45px;
        }

        .awesomplete {
           grid-area: 1 / 1 / 2 / 12;
        }     
                
        form.mod-finder.js-finder-searchform.form-search button.btn.btn-primary {
                grid-area: 1 / 12 / 2 / 13;
                justify-self: flex-end;
        }  
        
        .gtm-2 {
                position: absolute;
                top: 43px;
                right: 5px;
        }
}

@media screen and (min-width: 768px) { 
        .gtm-logo-musee {
           position: absolute;
        }

        .mod-languages {
                top: 80px;
        }

        .gtm-icone-recherche {
                right: 70px;
                top: 48px;
        }

        .gtm-slogan {
                padding-top: 0;
                position: absolute;
                top: 105px;
                right: 0;
        }

        h5 {
                text-align: right;
        }

        .gtm-10 {
                top: 59px;
        }
        
        .gtm-2 {
                top: 35px;
        }

        .gtm-article-don-objets .com-content-article__body {
                padding: 20px 40px;
        }
}

/* Menu horizontal dès 1275 px (2026-11-05 ; avant : 1500 px) */
@media screen and (min-width: 1275px) { 
        .gtm-slogan {
                top: 70px;
        }

        .mod-languages {
                top: 45px;
        }

        .gtm-icone-recherche {
                top: 15px;
        }
}

@media screen and (min-width: 1024px) { 
        /* .mod-languages {
                right: 30px;
        }

        .gtm-icone-recherche {
                right: 95px;
        } */

        .gtm-2 {
                right: 15px;
        }

        .gtm-10 {
                top: 58px;
                right: 65px;
        }
}

@media screen and (min-width: 1200px) { 
        .gtm-titre-hero, .page-header h1 {
                height: 150px;
        }

        .gtm-10 {
                right: 83px;
                top: 46px;
        }

        .gtm-2 {
                top: 29px;
                right: 25px;
        }
}

/* Menu horizontal dès 1275 px (2026-11-05 ; avant : 1500 px) */
@media screen and (min-width: 1275px) { 
        .mod-languages {
                right: 90px;
                top: 46px;
        }

        .gtm-icone-recherche {
                right: 30px;
                top: 15px;
        }

        .gtm-slogan {
                top: 73px;
        }
}

@media screen and (min-width: 1700px) { 
        .gtm-titre-hero, .page-header h1 {
                height: 250px;
        }
}

/* ----- page accueil ----- */
.gtm-accueil h1 {
    color: #363B47;
}

.gtm-accueil .com-content-article__body {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
}

.gtm-accueil .com-content-article__body p, .gtm-accueil .com-content-article__body h1 {
    width: 100%;
    text-align: center;
    padding: 0;
}

.gtm-accueil-blog ul {
        margin-left: 0;
}

.gtm-accueil-blog li::marker {
        color: #fff;
}

.mod-articles-item-content h3:not(h3.mod-articles-title) {
        display: none;
}

.gtm-accueil-blog h2{
        text-align: left;
}

h3.mod-articles-title a {
    font-size: clamp(23px, 3vw, 40px);
}

.gtm-accueil-blog .mod-articles-item-content {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(4, auto);
        grid-column-gap: 0px;
        grid-row-gap: 20px;
}

.gtm-accueil-blog .mod-articles-title { 
        grid-area: 1 / 1 / 2 / 13; 
}

.gtm-accueil-blog .mod-articles-image { 
        grid-area: 2 / 1 / 3 / 13; 
}

.gtm-accueil-blog p:not(p.readmore) { 
        grid-area: 3 / 1 / 4 / 13; 
}

.gtm-accueil-blog p.readmore { 
        grid-area: 4 / 1 / 5 / 13; 
}

.gtm-mission h2 {
    text-align: left;
}

.gtm-cta-accueil {
    margin-top: 30px;
    margin-bottom: 60px;
}

.gtm-cta-accueil .gtm-custom {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 275px;
    background-position: 100% 47%;
}

.gtm-cta-accueil .gtm-custom::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #363B47;
        opacity: .2;
        height: 100%;
}

.gtm-cta-accueil .gtm-custom:hover::before {
        background-color: #4d153b;
        opacity: .7;
}

/* Titres des blocs-liens (CTA) : bouton orange #e16753, texte blanc sur une ligne, survol #c53922 (2026-11-05) */
.gtm-cta-accueil .gtm-custom:hover a  {
        background-color: #c53922;
        color: #fff !important;
}

.gtm-cta-accueil a {
    position: absolute;
    bottom: 20px; /* bouton en bas de l'image, 20 px du bord (2026-11-05) */
    left: 50%;
    transform: translateX(-50%);
    font-size: clamp(15px, 1.6vw, 22px);
    color: #fff;
    background-color: #e16753;
    border-radius: 99px;
    padding: 10px 18px;
    white-space: nowrap;
    line-height: 1.2;
    transition: background .2s ease-in-out;
    font-weight: 600;
    text-align: center;
}

.gtm-cta-accueil a br {
    display: none;
}

/* Texte blanc même quand le lien a déjà été visité (sinon la règle générale a:visited le met en orange sur le fond orange) */
.gtm-cta-accueil .gtm-custom a:visited {
    color: #fff;
}

.com-content-article.item-page.gtm-article.gtm-tablette-4.gtm-accueil {
    display: none;
}

/* .gtm-cta-accueil .gtm-custom {
    background-image: url(https://laurier.patoushka.com/images/accueil-nos-activites.jpg), linear-gradient(45deg, black, transparent);
    height: 250px;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
} */

/* @media screen and (min-width: 768px) {  */
/* affichage des articles de blogue page d'accueil */
        /* .gtm-accueil-blog-1-3 h3, .gtm-accueil-blog-1-3 p {
                text-align: right;
        }

        .gtm-accueil-blog-1-3 .mod-articles-item-content {
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-template-rows: repeat(3, auto);
                grid-column-gap: 20px;
                grid-row-gap: 0px;
        }

        .gtm-accueil-blog-1-3 .mod-articles-item-content .mod-articles-title { 
                grid-area: 1 / 3 / 2 / 8;
        }

        .gtm-accueil-blog-1-3 .mod-articles-item-content p { 
                grid-area: 2 / 3 / 3 / 8; 
        }

        .gtm-accueil-blog-1-3 .mod-articles-item-content p.readmore { 
                grid-area: 3 / 3 / 4 / 8;
        }

        .gtm-accueil-blog-1-3 .mod-articles-item-content .mod-articles-image { 
                grid-area: 1 / 8 / 4 / 13; 
        }

        .gtm-accueil-blog-2 .mod-articles-item-content {
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-template-rows: repeat(2, auto);
                grid-column-gap: 20px;
                grid-row-gap: 0px;
        }
                
        .gtm-accueil-blog-2 .mod-articles-item-content .mod-articles-image { 
                grid-area: 1 / 1 / 4 / 6; 
        }

        .gtm-accueil-blog-2 .mod-articles-item-content .mod-articles-title { 
                grid-area: 1 / 6 / 2 / 11; 
        }

        .gtm-accueil-blog-2 .mod-articles-item-content p { 
                grid-area: 2 / 6 / 3 / 11; 
        }

        .gtm-accueil-blog-2 .mod-articles-item-content p.readmore { 
                grid-area: 3 / 6 / 4 / 11; 
        }
} */

/* Animations */
.tadamLoaded .tadam .tadam-1, .tadamLoaded .tadam .tadam-2, .tadamLoaded .tadam .tadam-3 {
        opacity: 0!important;
        -webkit-animation: none!important;
                animation: none!important;
        -webkit-transition: 0s!important;
        -o-transition: 0s!important;
        transition: 0s!important;
}

/* Par défaut, les éléments sont cachés */
.tadam .tadam-1, .tadam .tadam-2, .tadam .tadam-3 {
  opacity: 0;
  transition: none; /* Supprime toute transition non voulue */
}

/* animation image droite vers gauche */

.tadamLoaded  .tadam-1 {
        -webkit-animation: slidegauche 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: slidegauche 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.tadamLoaded .tadam-1 {
        -webkit-animation-delay: .1s;
                animation-delay: .1s;
}

@-webkit-keyframes slidegauche {
        0% {
                -webkit-transform: translateX(500px);
                        transform: translateX(500px);
                opacity: 0;
        }
        100% {
                -webkit-transform: translateX(0);
                        transform: translateX(0);
                opacity: 1;
        }
}
@keyframes slidegauche {
        0% {
                -webkit-transform: translateX(500px);
                        transform: translateX(500px);
                opacity: 0;
        }
        100% {
                -webkit-transform: translateX(0);
                        transform: translateX(0);
                opacity: 1;
        }
} 


/* animation image gauche vers droite */

.tadamLoaded  .tadam-2 {
        -webkit-animation: slidedroite 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: slidedroite 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.tadamLoaded .tadam-2 {
        -webkit-animation-delay: .1s;
                animation-delay: .1s;
}

@-webkit-keyframes slidedroite {
        0% {
                -webkit-transform: translateX(-500px);
                        transform: translateX(-500px);
                opacity: 0;
        }
        100% {
                -webkit-transform: translateX(0);
                        transform: translateX(0);
                opacity: 1;
        }
}
@keyframes slidedroite {
        0% {
                -webkit-transform: translateX(-500px);
                        transform: translateX(-500px);
                opacity: 0;
        }
        100% {
                -webkit-transform: translateX(0);
                        transform: translateX(0);
                opacity: 1;
        }
}

a.gtm-ms img {
        width: 50px;
        margin-right: 20px;
}

.gtm-courbe-1, .gtm-courbe-2, .gtm-courbe-3, .gtm-courbe-4, .gtm-courbe-5 {
        position: relative;
        overflow: hidden;
}

.gtm-courbe-1::before, .gtm-courbe-2::before, .gtm-courbe-3::before, .gtm-courbe-4::before, .gtm-courbe-5::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        overflow: clip !important;
        z-index: 1;
}

.gtm-courbe-1::before {
        content: url(/images/courbe-1.svg);
}

.gtm-courbe-2::before {
        content: url(/images/courbe-2.svg);
}

.gtm-courbe-3::before {
        content: url(/images/courbe-3.svg);
}

.gtm-courbe-4::before {
        content: url(/images/courbe-4.svg);
}

.gtm-courbe-5::before {
        content: url(/images/courbe-5.svg);
}

.gtm-order-1 {
        order: 2;
}

.gtm-order-2 {
        order: 1;
}

@media screen and (min-width: 768px) { 
        .gtm-order-1 {
                order: 2;
        }
        
        .gtm-order-2 {
                order: 1;
        }

        .gtm-order-3 {
                order: 3;
        }
}

p.gtm-last-p {
        margin-top: 15px;
}

.gtm-suivre img {
        width: 45px;
        margin-right: 15px;
}

.gtm-rejoindre h3 {
        padding-top: 0;
        margin-top: 0;
}

.gtm-rejoindre a {
        color: #363B47;
}

.gtm-lien-rejoindre {
        color: #363B47;
        display: inline-block;
        padding: 0px 12px;
        border: 2px solid #363B47;
        border-radius: 99px;
        margin: 10px 5px 10px 0;
}

.gtm-lien-rejoindre:hover {
        border: 2px solid #4d153b;
        background-color: #4d153b;
}

.gtm-titre-rejoindre {
        text-align: left;
}

.gtm-flex-lieu h3 {
        margin-top: 0;
}

.gtm-flex-voir {
        display: flex;
        gap: 5%;
        margin: auto;
        justify-content: center;
}

.gtm-flex-voir img {
        width: 200px;
}

@media screen and (min-width: 768px) { 
        .gtm-flex-rejoindre {
                display: flex;
                gap: 2%;
                flex-wrap: wrap;
        }
        
        .gtm-flex-lieu {
                width: 49%;
        }
}

@media screen and (min-width: 992px) {
        .gtm-flex-lieu {
            width: 30%;
        }
}

@media screen and (min-width: 1024px) { 
        .gtm-logo-musee {
                padding: 0 0 0 40px !important;
                width: 135px;
                }

        .gtm-titre-hero, .page-header h1 {
                margin-bottom: 30px;
                }
}

/* Rapetisser le logo Kéroul */
.gtm-keroul p {
        text-align: center;
        justify-content: center;
}

.gtm-keroul img {
        max-width: 250px;
        width: 100%;
    }

.gtm-tout-voir .gtm-custom {
        display: flex;
        justify-content: center;
}

.gtm-tout-voir img {
        max-width: 200px;
}

/* ----- Galerie ----- */
.ba-caption-content p {
    font-size: clamp(16px, 1.5vw, 20px) !important;
    font-weight: 600 !important;
}

.gtm-galerie-description-hover .ba-caption p.short-description {
    width: fit-content;
    border-radius: 99px;
    margin-bottom: 20px;
    margin-left: 15px;
    box-sizing: border-box;
    color: #363B47 !important;
    margin-top: 20px;
    background-color: #4d153b;
    line-height: 1.2;
    padding: 10px 20px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease-in-out;
    font-weight: 600;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0) !important;
}

.gtm-galerie-description-hover .ba-caption p.short-description:hover {
  background-color: #363B47 !important;
  color: #4d153b !important;
}

/* Smartslider */
div#n2-ss-12 .n2-style-10b1ec1b164e923d3c85a61844cc7b6c-heading {
    border-radius: 99px !important;
}

/* ----- Blogue ----- */
/* sur la page d'accueil du blogue */
.com-content-category-blog__item.blog-item .nombre-de-personnes,.com-content-category-blog__item.blog-item .duree,.com-content-category-blog__item.blog-item .cout,.com-content-category-blog__item.blog-item .lieu,.com-content-category-blog__item.blog-item .horaire, .com-content-category-blog__item.blog-item .pour-qui, .com-content-category-blog__item.blog-item .nombre-de-personnes, .com-content-category-blog__item.blog-item .lien-pour-la-reservation, .com-content-category-blog__item.blog-item .pour-bien-se-preparer, .com-content-category-blog__item.blog-item .pour-en-savoir-plus, .com-content-category-blog__item.blog-item .en-collaboration-avec,  .com-content-category-blog__item.blog-item .logo-partenaire-1,  .com-content-category-blog__item.blog-item .logo-partenaire-2,  .com-content-category-blog__item.blog-item .logo-partenaire-3,  .com-content-category-blog__item.blog-item .logo-partenaire-4,  .com-content-category-blog__item.blog-item .logo-partenaire-5,  .com-content-category-blog__item.blog-item .logo-partenaire-6,  .com-content-category-blog__item.blog-item .field-entry.retour,  .gtm-articles-blogue .com-content-category-blog__item h3  {
    display: none;
}

li.field-entry.retour {
    width: max-content;
}

/* image */
.gtm-courbe-blogue-1, .gtm-courbe-blogue-2, .gtm-courbe-blogue-3, .gtm-courbe-blogue-4, .gtm-courbe-blogue-5 {
        position: relative;
}

.gtm-courbe-blogue-1:before {
    content: url(/images/courbe-blogue-1.svg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80%;
    z-index: 1;
    overflow: clip !important;
}

.gtm-courbe-blogue-2:before {
        content: url(/images/courbe-blogue-2.svg);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        overflow: clip !important;
}

.gtm-courbe-blogue-3:before {
        content: url(/images/courbe-blogue-3.svg);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        overflow: clip !important;
}

.gtm-courbe-blogue-4:before {
        content: url(/images/courbe-blogue-4.svg);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        overflow: clip !important;
}

.gtm-courbe-blogue-5:before {
        content: url(/images/courbe-blogue-5.svg);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        overflow: clip !important;
}

.gtm-blogue-act-expo .com-content-article__body h3 {
    margin-top: 0;
}

/* Tri */
.com-content-category-blog__children.cat-children {
    display: flex;
    flex-wrap: wrap;
}

/* Boutons des sous-catégories : corail #e16753, texte blanc, survol #c53922 (2026-11-05) */
.page-header.item-title a,
.page-header.item-title a:visited {
    background: #e16753;
    padding: 10px 20px;
    color: #fff;
    border-radius: 99px;
    display: inline-block;
    margin-bottom: 0;
}

.page-header.item-title a:hover {
    background-color: #c53922;
    color: #fff;
}

.blog-item ul.fields-container {
        text-align: left;
        margin-left: 0;
}

.blog-item li.field-entry.dates::before {
    content: url(/images/icone-dates.svg);
    display: inline-block;
    width: 30px;
    transform: translateY(8px);
    margin-right: 5px;
}

.blog-item li.field-entry.dates::after {
    content: '';
}

.field-entry::marker {
    color: #fff;
}

.readmore a.btn.btn-secondary {
    margin-left: 0;
}

/* étiquettes sous l'image */
li.list-inline-item {
    display: inline-block;
    padding: 0px 12px;
    border: 2px solid #363B47;
    border-radius: 99px;
    margin: 0 5px 10px 0;
}

li.list-inline-item a {
    font-size: clamp(10px, 1vw, 16px);
    color: #363B47;
    font-weight: 900;
}

ul.list-inline {
    margin-left: 0 !important;
}

/* liste des tags */
/* .gtm-tags {
    padding: 0px 20px;
}

.gtm-tags ul {
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.gtm-tags li {
    display: inline-block;
    background: #6B2D34;
    padding: 5px 20px;
    border-radius: 99px;
    margin-bottom: 0;
    color: #fff;
}

.gtm-tags li:hover {
    background: #4d153b;
    color: #fff;
}

.gtm-tags a {
    color: #fff;
    font-weight: 900;
}

.gtm-tags a:active {
    font-weight: 900;
} */

/* ul.com-tags-tag__category.category.list-group {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0 20px;
} */
/* 
li.list-group-item.list-group-item-action {
    grid-column: span 4;
    display: flex;
    flex-wrap: wrap;
}

li.list-group-item.list-group-item-action a {
    order: 1;
}

li.list-group-item.list-group-item-action h3 {
    order: 2;
    width: 100%;
}

li.list-group-item.list-group-item-action .fields-container {
    order: 3;
}

li.list-group-item.list-group-item-action .tag-body {
    order: 4;
}

li.list-group-item.list-group-item-action .tag-body {
    order: 4;
}

li.list-group-item.list-group-item-action::marker {
    color: #fff;
} */

/* page des tags */
.com-tags-tag li.list-group-item.list-group-item-action {
    grid-column: span 12;
}

.com-tags-tag ul.fields-container {
    text-align: right;
}

.com-tags-tag li.field-entry.pour-bien-se-preparer, .com-tags-tag li.field-entry.pour-en-savoir-plus, .com-tags-tag li.field-entry.en-collaboration-avec, .com-tags-tag li.field-entry.logo-partenaire-1, .com-tags-tag li.field-entry.logo-partenaire-2, .com-tags-tag li.field-entry.logo-partenaire-3, .com-tags-tag li.field-entry.logo-partenaire-4, .com-tags-tag li.field-entry.logo-partenaire-5, .com-tags-tag li.field-entry.logo-partenaire-6 {
        display: none;
}

.com-tags-tag li.list-group-item.list-group-item-action {
    justify-content: flex-end;
}

.com-tags-tag .tag-body {
    margin-top: 30px;
}

.alert.alert-info {
    padding: 0 20px;
}

.gtm-titre-pages-tags h2 {
    text-align: left;
}

li.list-group-item.list-group-item-action::marker {
    color: #fff;
}

.list-group-item .fields-container {
    display: none;
}

li.list-group-item.list-group-item-action a {
        font-size: clamp(20px, 2.5vw, 30px);
}

/* Liens dans le texte des pages d'étiquettes : même taille que le paragraphe (2026-11-05) */
li.list-group-item.list-group-item-action .tag-body a {
        font-size: inherit;
}

.tag-body h3 {
    display: none;
}

.com-tags-tag li.list-group-item.list-group-item-action {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
}

.list-group-item img {
    order: 1;
}

.list-group-item h3 {
    order: 2;
}

.list-group-item .tag-body {
    order: 3;
    margin-top: 0;
}



@media screen and (min-width: 768px) { 
        /* Pages d'étiquettes : 2 colonnes dès 768 px, 3 colonnes à 1200 px (2026-11-05) */
        ul.com-tags-tag__category.category.list-group {
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-template-rows: 1fr;
                grid-column-gap: 20px;
                grid-row-gap: 20px;
        }

        .com-tags-tag li.list-group-item.list-group-item-action {
                grid-column: span 6;
        }

        .gtm-titre-pages-tags {
                transform: translateY(-15px);
        }
}

@media screen and (min-width: 992px) { 

        ul.com-tags-tag__category.category.list-group {
                margin-left: 0;
                padding: 0 40px;
        }
}

@media screen and (min-width: 1200px) { 
        .com-tags-tag li.list-group-item.list-group-item-action {
                grid-column: span 4;
        }
}

/* pages des articles de blogue */
/* retirer la couleur du marker */
li.field-entry.nombre-de-personnes::marker, li.field-entry.duree::marker, li.field-entry.dates::marker, li.field-entry.cout::marker, li.field-entry.lieu::marker, li.field-entry.horaire::marker {
    color: transparent;
}

.com-content-article.item-page ul.tags.list-inline {
    display: none;
}

/* grille */
.com-content-article.item-page:not(.gtm-article-regulier) {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(4, auto);
    grid-row-gap: 0px;
}

.page-header { 
        grid-area: 1 / 1 / 2 / 13; 
}

figure.item-image { 
        grid-area: 2 / 1 / 3 / 13; 
}

.page-header h2 { 
        text-align: left;
}

.com-content-article ul.fields-container { 
        grid-area: 3 / 1 / 4 / 13;
        margin-left: 0;
        text-align: right;
        align-self: center;
        padding: 0 20px;
}

.com-content-article__body {
        grid-area: 4 / 1 / 5 / 13;
        text-align: left;
        padding: 20px;
}

.com-content-article .fields-container:nth-child(odd) {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(7, auto);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
}
        
.pour-bien-se-preparer { 
        grid-area: 1 / 1 / 2 / 13; 
}

.pour-en-savoir-plus { 
        grid-area: 2 / 1 / 3 / 13; 
}

.en-collaboration-avec {
        grid-area: 3 / 1 / 4 / 13;
}

.logo-partenaire-1 { 
        grid-area: 4 / 1 / 5 / 7; 
        align-self: center;
}

.logo-partenaire-2 { 
        grid-area: 4 / 7 / 5 / 13;
        align-self: center;
}

.logo-partenaire-3 { 
        grid-area: 5 / 1 / 6 / 7;
        align-self: center;
}

.logo-partenaire-4 { 
        grid-area: 5 / 7 / 6 / 13;
        align-self: center;
}

.logo-partenaire-5 { 
        grid-area: 6 / 1 / 7 / 7;
        align-self: center;
}

.logo-partenaire-6 { 
        grid-area: 6 / 1 / 7 / 13;
        align-self: center;
}

.retour {
        grid-area: 7 / 1 / 8 / 13;
}

ul.fields-container:last-child { 
        grid-area: 5 / 1 / 6 / 13;
        text-align: left;
}

ul.fields-container li {
    line-height: 1.2;
}

ul.fields-container:last-child li {
    margin-bottom: 15px;
}

li.field-entry.nombre-de-personnes::after {
    content: url(/images/icone-personnes.svg);
    display: inline-block;
    width: 30px;
    transform: translateY(8px);
}

li.field-entry.duree::after {
        content: url(/images/icone-duree.svg);
        display: inline-block;
        width: 30px;
        transform: translateY(8px);
}

li.field-entry.dates::after {
        content: url(/images/icone-dates.svg);
        display: inline-block;
        width: 30px;
        transform: translateY(8px);
}

li.field-entry.cout::after {
        content: url(/images/icone-cout.svg);
        display: inline-block;
        width: 30px;
        transform: translateY(8px);
}

li.field-entry.pour-qui::after {
    content: url(/images/icone-clientele.svg);
    display: inline-block;
    width: 30px;
    transform: translateY(8px);
}

li.field-entry.lieu::after {
        content: url(/images/icone-lieu.svg);
        display: inline-block;
        width: 30px;
        transform: translateY(8px);
}

li.field-entry.horaire::after {
        content: url(/images/icone-horaire.svg);
        display: inline-block;
        width: 30px;
        transform: translateY(8px);
}

li.field-entry.lien-pour-la-reservation {
        border-radius: 99px;
        margin-bottom: 20px;
        margin-left: 15px;
        box-sizing: border-box;
        color: #fff;
        margin-top: 20px;
        background-color: #e16753;
        line-height: 1.2;
        padding: 10px 20px;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        transition: background .2s ease-in-out;
        font-weight: 600;
}

/* Bouton « Réserver » : corail #e16753, texte blanc, survol #c53922 (2026-11-05) */
li.field-entry.lien-pour-la-reservation:hover {
        background-color: #c53922;
}

li.field-entry.lien-pour-la-reservation a,
li.field-entry.lien-pour-la-reservation a:visited,
li.field-entry.lien-pour-la-reservation a:hover {
        color: #fff;
}

li.field-entry.pour-bien-se-preparer::before {
    content: "Pour bien se préparer";
    display: block;
    color: #4d153b;
    font-size: clamp(20px, 3vw, 30px);
  margin-bottom: 15px;
  line-height: 1;
}

li.field-entry.pour-en-savoir-plus::before {
    content: "Pour en savoir plus";
    display: block;
    color: #4d153b;
    font-size: clamp(20px, 3vw, 30px);
  margin-bottom: 15px;
  line-height: 1;
}

li.field-entry.en-collaboration-avec::after {
    content: "En collaboration avec";
    display: block;
    color: #4d153b;
    font-size: clamp(20px, 3vw, 30px);
  margin-bottom: 15px;
  line-height: 1;
}

@media screen and (min-width: 768px) { 
        .com-content-article .fields-container:nth-child(odd) {
                grid-template-rows: repeat(5, auto);
        }

        .logo-partenaire-1 { 
                grid-area: 4 / 1 / 5 / 5; 
        }

        .logo-partenaire-2 { 
                grid-area: 4 / 5 / 5 / 9; 
        }

        .logo-partenaire-3 { 
                grid-area: 4 / 9 / 5 / 13; 
        }

        .logo-partenaire-4 { 
                grid-area: 5 / 1 / 6 / 5; 
        }

        .logo-partenaire-5 { 
                grid-area: 5 / 5 / 6 / 9; 
        }

        .logo-partenaire-6 { 
                grid-area: 5 / 9 / 6 / 13; 
        }

        .logo-partenaire-1 img, .logo-partenaire-2 img, .logo-partenaire-3 img, .logo-partenaire-4 img, .logo-partenaire-5 img, .logo-partenaire-6 img {
                /* max-width: 100px; */
                width: 100%;
        }
}

@media screen and (min-width: 992px) { 

        .com-content-article.item-page:not(.gtm-article-regulier) {
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-template-rows: repeat(3, auto);
                grid-column-gap: 30px;
                grid-row-gap: 0px;
        }

        .com-content-article .com-content-article__body:not(.gtm-article-regulier .com-content-article__body, .gtm-merci .com-content-article__body, .gtm-reserver .com-content-article__body) {
                text-align: right;
                margin-top: 40px;
        }

        .gtm-merci .com-content-article__body {
                text-align: center;
        }

        .page-header {
                grid-area: 1 / 1 / 2 / 13;
        }

        .com-content-article.item-page ul.fields-container { 
                grid-area: 2 / 1 / 3 / 8; 
        }

        .com-content-article .item-image { 
                grid-area: 2 / 8 / 3 / 13; 
        }

        .com-content-article__body:not(.gtm-accueil .com-content-article__body, .gtm-merci .com-content-article__body, .gtm-membre-ami .com-content-article__body, .gtm-reserver .com-content-article__body) { 
                grid-area: 3 / 1 / 4 / 8; 
        }

        .gtm-credits .com-content-article__body { 
                grid-area: 3 / 1 / 4 / 13 !important; 
        }

        .com-content-article.item-page ul.fields-container:last-child { 
                grid-area: 3 / 8 / 4 / 13; 
                align-self: start;
                margin-top: 60px;
        }        

        /* tri */
        .com-content-category-blog__children.cat-children {
                padding: 0 0 0 20px;
        }

        /* tags */
        .gtm-tags {
                padding: 0px 40px;
        }
}

@media screen and (min-width: 768px) { 
        /* Don d'objets */
        .gtm-etapes .gtm-custom {
                display: flex;
                flex-wrap: wrap;
                gap: 2%;
        }

        .gtm-etapes h2 {
                width: 100%;
        }

        .gtm-flex-etapes {
                width: 49%;
        }
}

/* précieux partenaires */
.gtm-partenaires {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
}

.gtm-partenaires img {
    max-width: 200px;
    max-height: 100px;
    width: auto;
}

.gtm-logo-partenaire-special p {
        display: flex;
        justify-content: center;
}
.gtm-logo-partenaire-special img {
    width: 600px;
}

/* parcours nature culture */
.gtm-parcours-culture {
        text-align: center;
}

.gtm-parcours-culture img {
    /* max-width: 150px; */
    max-width: 200px;
    max-height: 100px;
    width: auto;
}

/* Inscription à l'infolettre */
#mc_embed_signup {
        background: #4d153b !important;
        clear: left;
        font: 14px "Roboto", sans-serif !important;
        color: #fff !important;
        width: 100% !important;
}

#mc_embed_signup form {
        margin: 0 !important;
}

#mc_embed_signup .mc-field-group label {
        font-size: clamp(16px, 1.5vw, 20px);
}

#mc_embed_signup .mc-field-group {
    width: 100% !important;
}

#mc_embed_signup input {
    border: 1px solid #363B47 !important;
}

/* Message merci pour votre inscription */
#mc_embed_signup #mce-success-response {
    color: #fff;
    font-size: clamp(16px, 1.5vw, 20px);
}

#mc_embed_signup div#mce-responses {
    margin: 0;
    padding: 0;
}

/* Accordéons */
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {
    border: 1px solid #363B47;
    background-color: #fff;
    border-radius: 5px;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading] {
    color: #363B47;
    text-align: right;
}

.gtm-location-salle [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading] {
        color: #363B47;
        text-align: left;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading]:hover {
        color: #4d153b;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:hover{
        color: #4d153b;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel] {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel]>[data-rlta-element=panel-content], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
    text-align: right;
}

.gtm-location-salle [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel]>[data-rlta-element=panel-content], .gtm-location-salle [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
        text-align: left;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:hover {
    background-color: #fff !important;
}

/* cacher les champs de l'opengraph */
li.field-entry.image-opengraph, li.field-entry.titre {
    display: none;
}

/* page crédits */
.gtm-mod-credits .gtm-custom p {
    column-count: 4;
}

.btn-group.float-end {
    display: none;
}

/* ----- Hero des pages (2026-11-04) : ligne verte + symbole M + nom de la page ----- */
/* Titre de page (article, plan du site…) ou titre venu d'un module « gtm-titre-hero » (ex. page Oups) : la boîte du module perd la texture */
.moduletable.gtm-titre-hero {
        background: none;
        height: auto;
        margin-bottom: 0;
        padding: 0; /* la ligne verte part du bord de la page */
}

.gtm-box-article .page-header h1,
.gtm-titre-hero h1 {
        font-size: clamp(35px, 3.2vw, 60px); /* 35 px en mobile, grossit ensuite jusqu'à 60 px (atteint vers 1875 px) */
        display: flex;
        align-items: center;
        gap: 0;
        height: auto;
        background: none;
        color: #4d153b;
        text-align: left;
        padding-top: 30px !important;
        margin-bottom: 30px;
}


/* Ligne verte, du bord gauche jusqu'au M */
.gtm-box-article .page-header h1::before,
.gtm-titre-hero h1::before {
        content: "";
        order: -2;
        flex: 1 1 0;
        min-width: 40px;
        height: 1.08em; /* même hauteur que le M */
        background-color: #6e9f93;
}

/* Symbole M du musée */
.gtm-box-article .page-header h1::after,
.gtm-titre-hero h1::after {
        content: "";
        order: -1;
        flex: 0 0 auto;
        width: 1.747em; /* proportions exactes du M */
        height: 1.08em;
        margin-left: -2px; /* le M chevauche la ligne : aucun espace blanc */
        margin-right: 0.4em; /* espace entre le M et le nom de la page */
        background: url(/images/sml-symbole-bourgogne.svg) no-repeat left center / contain;
}

/* Mobile : ligne verte et M sur une rangée (M à droite), nom de la page en dessous */
@media screen and (max-width: 575px) {
        .gtm-box-article .page-header h1,
        .gtm-titre-hero h1 {
                display: block;
                padding-left: 20px;
                padding-right: 20px;
        }

        .gtm-box-article .page-header h1::before,
        .gtm-titre-hero h1::before {
                display: block;
                width: calc(100% + 20px);
                margin-left: -20px; /* la ligne part du bord de l'écran */
                margin-bottom: 0.3em;
                background:
                        url(/images/sml-symbole-bourgogne.svg) right center / 1.747em 1.08em no-repeat,
                        linear-gradient(#6e9f93, #6e9f93) left center / calc(100% - 1.747em + 2px) 100% no-repeat;
        }

        .gtm-box-article .page-header h1::after,
        .gtm-titre-hero h1::after {
                display: none;
        }
}

/* ----- Logos (2026-11-04) : symbole M bourgogne dans l'en-tête, corail dans le pied de page ----- */
.gtm-logo-musee img {
        content: url(/images/sml-symbole-bourgogne.svg);
}

#gtm-custom168 img {
        content: url(/images/sml-symbole-corail.svg);
}

/* Menu horizontal : bas du M aligné sur le bas des mots du menu */
@media screen and (min-width: 1275px) {
        .gtm-logo-musee {
                top: 27px;
        }
}

/* ----- Bouton des témoins (rouvrir le bandeau) : biscuit corail, plus foncé au survol ----- */
.cc-revoke.cc-bottom {
        background-image: url(/images/cookie-corail.svg);
}

.cc-revoke.cc-bottom:hover {
        background-image: url(/images/cookie-corail-hover.svg);
}

/* ----- Icônes Facebook et Instagram du pied de page (2026-11-04) : fond corail ----- */
.gtm-suivre img[src*="icone-facebook"] {
        content: url(/images/icone-facebook-corail.svg);
}

.gtm-suivre img[src*="icone-instagram"] {
        content: url(/images/icone-instagram-corail.svg);
}

/* ----- Liens et boutons (2026-11-04) : corail #e16753, survol un peu plus foncé #c53922 ----- */
a,
a:visited,
a.gtm-lien-secondary,
a.gtm-lien-secondary:visited,
.gtm-footer p a,
.gtm-copyright-content h6 a {
        color: #e16753;
}

a:hover,
a.gtm-lien-secondary:hover,
.gtm-footer p a:hover,
.gtm-copyright-content h6 a:hover {
        color: #c53922;
}

/* Boutons ronds de l'en-tête (loupe, EN) : texte blanc conservé */
.mod-languages a,
.mod-languages a:visited,
a#recherche,
a#recherche:visited {
        color: #fff;
}

.gtm-btn-primary,
.gtm-btn-primary:visited,
.formResponsive button[type=submit],
a.gtm-btn-primary,
a.gtm-btn-secondary,
a.gtm-btn-secondary:visited,
#mc_embed_signup .button,
#mc_embed_signup .button:visited,
a.gtm-btn-third,
.btn.btn-primary,
.btn.btn-primary:visited,
.btn.btn-secondary,
.btn.btn-secondary:visited,
.readmore .btn-secondary,
.readmore .btn-secondary:visited,
button[type="submit"] {
        background-color: #e16753 !important;
        border-color: #e16753 !important;
        color: #fff !important;
}

.gtm-btn-primary:hover,
.formResponsive button[type=submit]:hover,
a.gtm-btn-secondary:hover,
#mc_embed_signup .button:hover,
a.gtm-btn-third:hover,
.btn.btn-primary:hover,
.btn.btn-secondary:hover,
.readmore .btn-secondary:hover,
button[type="submit"]:hover {
        background-color: #c53922 !important;
        border-color: #c53922 !important;
        color: #fff !important;
}

/* ----- Liens du bas de page (Crédits | Sitemap | Politique) : sans gras, séparateurs blancs (2026-11-04) ----- */
h6.gtm-flinks,
h6.gtm-flinks a.gtm-lien-copy,
h6.gtm-flinks span {
        font-weight: 400;
}

h6.gtm-flinks span {
        color: #fff;
}

/* ----- Loupe de la recherche du pied de page : fond corail, couleur des liens (2026-11-04) ----- */
#gtm-custom173 span.icon-search.icon-white:before {
        content: url(/images/icone-loupe-corail.svg);
}

/* ----- Page Oups : texte centré verticalement par rapport à l'image d'à côté (2026-11-04) ----- */
.gtm-box-article > .com-content-article.gtm-oups {
        align-self: center;
}

/* ----- Pages de blogue (liste par étiquette) : 20 px à gauche et à droite sous 992 px (2026-11-04) ----- */
@media screen and (max-width: 991px) {
        ul.com-tags-tag__category.category.list-group {
                margin-left: 20px;
                margin-right: 20px;
        }
}

/* ----- Page Dons : sens des blocs texte/image dès 768 px (2026-11-05) -----
   « Une autre façon de donner » (207 texte, 211 image) : texte à gauche
   « Comment faire? » (212 texte, 213 image) : image à gauche
   « Contribuez à enrichir les collections » (214 texte, 215 image) : texte à gauche
   Histoire & mission, « Bien plus qu'une maison » (155 texte, 156 image) et « Maison Fleury » (161 texte, 162 image) : texte à gauche */
@media screen and (min-width: 768px) {
        .moduletable:has(> #gtm-custom207),
        .moduletable:has(> #gtm-custom213),
        .moduletable:has(> #gtm-custom214),
        .moduletable:has(> #gtm-custom155),
        .moduletable:has(> #gtm-custom161) {
                order: 1;
        }

        .moduletable:has(> #gtm-custom211),
        .moduletable:has(> #gtm-custom212),
        .moduletable:has(> #gtm-custom215),
        .moduletable:has(> #gtm-custom156),
        .moduletable:has(> #gtm-custom162) {
                order: 2;
        }
}

/* ----- Devenir membre Ami du Musée : texte à gauche, image à droite dès 768 px (2026-11-05) ----- */
@media screen and (min-width: 768px) {
        .gtm-box-article > .com-content-article.gtm-membre-ami {
                order: 1;
        }

        .gtm-box-article > .moduletable:has(> #gtm-custom415) {
                order: 2;
        }
}

/* ----- Location de salle (module 407), Horaires et tarifs (module 171) et Documentation (module 283) : texte à gauche, image à droite dès 768 px (2026-11-05) ----- */
@media screen and (min-width: 768px) {
        .gtm-box-article:has(> .moduletable > #gtm-custom407) > .com-content-article,
        .gtm-box-article:has(> .moduletable > #gtm-custom171) > .com-content-article,
        .gtm-box-article:has(> .moduletable > #gtm-custom283) > .com-content-article {
                order: 1;
        }

        .gtm-box-article > .moduletable:has(> #gtm-custom407),
        .gtm-box-article > .moduletable:has(> #gtm-custom171),
        .gtm-box-article > .moduletable:has(> #gtm-custom283) {
                order: 2;
        }
}

/* ----- Horaires et tarifs, galerie (module 194) : fond rose #d2b0c0 à 25 %, titre bordeaux, texte gris (2026-11-05) ----- */
#gtm-custom194 .ba-caption {
        background-color: #d2b0c040 !important;
}

#gtm-custom194 .ba-caption h3 {
        color: #4d153b !important;
}

#gtm-custom194 .ba-caption p {
        color: #363B47 !important;
}

/* ----- Horaires et tarifs, galerie (module 197) : voile #d2b0c0 à 90 %, titres bordeaux, lien orange foncé (2026-11-05) ----- */
#gtm-custom197 .ba-caption {
        background-color: rgba(210, 176, 192, 0.9) !important; /* #d2b0c0 à 90 % */
}

#gtm-custom197 .ba-caption h3,
#gtm-custom197 .ba-caption p.image-category {
        color: #4d153b !important;
}

#gtm-custom197 .ba-caption p.short-description {
        color: #c53922 !important;
}

/* ----- Équipe, galeries de l'équipe (167), des guides-interprètes (188) et du conseil d'administration (189) : 40 px entre les colonnes au lieu de 10 (2026-11-05) ----- */
#gtm-custom167 .ba-gallery-items .ba-image img,
#gtm-custom188 .ba-gallery-items .ba-image img,
#gtm-custom189 .ba-gallery-items .ba-image img {
        display: block;
        width: calc(100% - 30px) !important; /* 15 px de chaque côté : 10 + 30 = 40 px entre les photos */
        height: auto !important;
        aspect-ratio: 1 / 1; /* garde les photos rondes */
        object-fit: cover;
        margin: 0 auto;
}

/* Conseil d'administration (189) : légendes de même hauteur pour aligner les rangées (2026-11-05) */
#gtm-custom189 .ba-gallery-items .ba-caption {
        min-height: 140px;
}