/* ##### Ancien spectacles - gallery ##### */


/* global layout */
.gallery{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:1em
}

/* item */
.gallery details.gallery-item{
    width:200px;
    max-width:100%;
    padding:1em;
    border:3px dashed var(--gallery-color);
    border-radius:.5em
}

/* poster */
.gallery details.gallery-item summary img{
    display:block;
    width: 200px;
    height:auto;
}

.gallery details.gallery-item summary a.fullres{
    font-size:small
}

/* change when open */
.gallery details.gallery-item[open]{
    flex-basis:100%
}

.gallery details.gallery-item summary::marker{
    content:"> Click to expand";
    font-size:small;
    color:var(--link-color)
}
.gallery details.gallery-item[open] summary::marker{
    content:"< Click to close"
}
.gallery details.gallery-item .data-titre{
    font-size:larger;
    color:var(--principal-color)
}
.gallery details.gallery-item *[class^=data-]:before{
    display:inline;
    font-style:italic
}
.gallery details.gallery-item .data-miseenscene:before{
    content:"Mise en scène : "
}
.gallery details.gallery-item .data-assistanatmiseenscene:before{
    content:"Assistanat à la mise en scène : "
}
.gallery details.gallery-item .data-comediens:before{
    content:"Comédiens : "
}
.gallery details.gallery-item .data-scenographie:before{
    content:"Scénographie : "
}
.gallery details.gallery-item .data-eclairage:before{
    content:"Création lumière : "
}
.gallery details.gallery-item .data-maquillage:before{
    content:"Maquillage : "
}
.gallery details.gallery-item .data-costumes:before{
    content:"Costumes : "
}
.gallery details.gallery-item .data-decors:before{
    content:"Décors : "
}
.gallery details.gallery-item .data-accessoires:before{
    content:"Accessoires : "
}
.gallery details.gallery-item .data-soutienlog:before{
    content:"Soutien logistique : "
}
.gallery details.gallery-item .data-cascadeetarmes:before{
    content:"Cascades et maniement des armes : "
}
.gallery details.gallery-item .data-musicien:before{
    content:"Musique : "
}
.gallery details.gallery-item .data-graphisme:before{
    content:"Graphisme : "
}
.gallery details.gallery-item .data-choregraphie:before{
    content:"Chorégraphie : "
}
.gallery details.gallery-item .data-masques:before{
    content:"Masques : "
}
.gallery details.gallery-item .data-webmaster:before{
    content:"Webmaster : "
}
.gallery details.gallery-item .data-video:before{
    content:"Vidéo : "
}
.gallery details.gallery-item .data-scenographie:before{
    content:"Scénographie : "
}
.gallery details.gallery-item .data-miseenemotion:before{
    content:"Mise en émotion : "
}
.gallery details.gallery-item .data-ecriture:before{
    content:"Ecriture : "
}
.gallery details.gallery-item .data-affiche:before{
    content:"Creation affiche : "
}