body {
    font-family: sans-serif;
    max-width: 100vw;
}

._item {

}

/* NAVIGATION */
nav {
    display: flex;
    justify-content: space-between;
}

/* UI */
.bouton {
    border: 1px solid black;
    padding: .5em 1em;
    text-decoration: none;
    color: black;
    text-align:center;
}

/* MINI */
._item._mini {
    display: flex;

}

._item._mini .visuel {
    width: 3em;
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 10px 10px 10px 0;

}

._item._mini h3 {
    font-size: 120%;
}

._item._mini h4 {
    font-size: 90%;
}

._item._mini .infos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;

}

.square {
    display: inline-block;
    width:1em;
    height: 1em;
}

.busy, .busy_hour {

}

/* LOGO */
._item._logo {
    width: 15vw;
    aspect-ratio: 4/3;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 4px;
}

/* LISTE */

._item._list {
    display: flex;
    margin: 20px 0;
    text-decoration: none;
}

._item._list .visuel {
    flex: 0 0 20%;
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: cover;
}

._item._list .visuel span {
    visibility: hidden;
}

._item._list .infos {
    flex: 0 0 60%;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
}

._item._list .actions {
    flex: 0 0 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

/* BLOC */
._card-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

._item._card {
    margin: 0vw 1vw;
    display: block;
    /*width: 25vw;*/
    aspect-ratio: 1;
}

#_card-wrapper ._item._card {
    width: auto;
}

._item._card .visuel{
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* GRILLE */

._grid-wrapper {
    display: flex;
    flex-wrap: wrap;

}

._item._grid {
    margin: 1vw;
    display: block;
    width: 20vw;
    aspect-ratio: 1;
}

._item._grid .visuel {
    width: 100%;
    aspect-ratio: 1;
}

._item._grid .infos {
    height: 100%;
    position: relative;
    margin-top: -100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

._item._grid .actions {
    height: 100%;
    position: relative;
    margin-top: -100%;
    background: rgba(255, 255, 255, .75);
    flex-direction: column;
    justify-content: center;
    display: none
}

._item._grid:hover .actions {
    display: flex;
}

/* DETAIL */

._item._detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;


}


._item._detail>.title-container {
    flex: 0 0 66%;
    height: fit-content;
    align-self: flex-start;
}

._item._detail > .visuel {
    flex: 0 0 33%;

    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
}

._item._detail .content-container {
    flex: 0 0 66%;
}

._item._detail .actions-container {
    flex: 0 0 33%;

}

._item._detail .secondary-container {
    font-size: 90%;
    flex: 0 0 25%
}

.sticker {
    position: absolute;
    overflow: hidden;
    height: fit-content;
    height: 20%;
    /*padding: .2em 2em;*/
    /*margin: 0 0 2em;*/
    /*transf */

}

.sticker span {
    display: block;
    font-size: 150%;
    font-family: "forumsans", sans-serif;
    position: relative;
    transform-origin: center;
    transform: rotateZ(-35deg);
    padding:.5em 5em 0 5em;
    margin: 1em 0 0 -4em ;

}
/* GALERIES
*********************************************************************/
._gallery-wrapper {
    display: flex;
    flex-wrap: wrap;
}

._gallery-wrapper a {
    flex: 0 0 30%;
    margin: 1.5% 1.5% 0 0;
    aspect-ratio: 4/3;
    overflow: hidden;
}