.artiste-event-body {
    max-width: 327px;
    padding-right: 56px;
    position: relative;
}

.artiste-event-body.artiste-event-body--home {
    max-width: 100%;
    padding-right: 0;
    position: relative;
}

.artiste-event-body.artiste-event-body--home .no-padding {
    padding-right: 0!important;
}

.artiste-event-title {
    color: var(--e-global-color-primary );
    text-transform: uppercase;
    position: absolute;
    top: -19px;
    right: 16px;
    transform: rotate(-90deg);
    transform-origin: right;
    white-space: nowrap;
}

.artiste-event-title.artiste-event-title--home {
    top: initial;
    right: initial;
    left: 47px;
    display: inline;
    transform: rotate(270deg) translateX(-263px);
    transform-origin: left;
    margin-bottom: 0;
}

.artiste-event-title.artiste-event-title--event {
    transform: rotate(270deg) translateX(-297px);
}

.artiste-event {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    max-width: 270px;
}

.artiste-event.artiste-event--prog {
    padding-left: 0;
    margin-left: -24px;
    margin-right: -24px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: initial;
}

.artiste-event__item {
    background-color: white;
    text-align: center;
    max-width: 270px;
}

.artiste-event.artiste-event--prog .artiste-event__item {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 24px;
    max-width: initial;
}

.artiste-event.artiste-event--prog .artiste-event__item--title {
    position: absolute;
    padding: 0;
}

.artiste-event__content {
    padding: 24px 18px;
}

.artiste-event__link {
    text-decoration: none!important;
}

.artiste-event__img {
    width: 100%;
    max-width: 270px!important;
    min-height: 404px;
    max-height: 404px;
    object-fit: cover;
    transition: .5s;
}

.artiste-event__content-img {
    position: relative;
    max-height: 404px;
    overflow: hidden;
}

.artiste-event__content-img--complete img {
    filter: grayscale(90%);
}

.artiste-event__content-img--border img {
    border: 1px solid rgba(0,0,0,0.15);
}

.artiste-event__link:hover .artiste-event__img {
    transform: scale(1.15);
}

.artiste-event__status {
    position: absolute;
    width: 100%;
    max-width: 270px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 0;
    background-color: var(--e-global-color-accent );
    color: var(--e-global-color-secondary );
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.artiste-event__status--complete {
    background-color: var(--e-global-color-primary );
}

.artiste-event__title {
    color: var(--e-global-color-primary );
    text-transform: uppercase;
    margin-top: 3px;
    margin-bottom: 3px;
    max-width: 100%;
}

.artiste-event .list-date {
    list-style-type: none;
    padding-left: 0;
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.artiste-event .list-date--no-margin {
    margin-bottom: 0;
}

.artiste-event .list-date__item {
    margin-right: 8px;
    margin-left: 8px;
    position: relative;
    display: flex;
    align-items: center;
}

.artiste-event .list-date__item span::after {
    content: " / ";
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
}

.artiste-event .list-date__item span:last-child::after,
.artiste-event .list-date__item:last-child::after {
    display: none;
}

.artiste-event .list-date__item::after {
    content: "";
    height: 10px;
    border-left-style: solid;
    border-left-width: 1px;
    border-color: var(--e-global-color-primary );
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    position: absolute;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    right: -8px;
}

.artiste-event .list-date__icon {
    width: 8px;
    height: 8px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 1px;
    display: inline-block;
}

.artiste-event .list-date__item p {
    margin-bottom: 0;
    color: var(--e-global-color-primary );
    text-transform: uppercase;
}

.artiste-event .list-date__item--no-maj p {
    text-transform: initial;
}

.artiste-event-body .slick-prev {
    transform: translateX(-50%);
}

.artiste-event-body .slick-next {
    transform: translateX(50%);
}

.artiste-event-body .slick-arrow {
    background-color: transparent;
    border-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -56px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {

    .artiste-event-title {
        width: 100%;
        text-align: center;
        padding-bottom: 19px;
        position: relative;
        top: initial;
        right: initial;
        transform: rotate(0);
        margin-bottom: 0;
    }

    .artiste-event-title.artiste-event-title--prog {
        padding-bottom: 32px;
    }
}

@media (min-width: 576px) {

    .artiste-event.artiste-event--prog .artiste-event__item {
        width: 50%;
    }
}

@media (min-width: 768px) {

    .artiste-event.artiste-event--prog {
        padding-left: 104px;
        justify-content: flex-start;
    }

    .artiste-event-title.artiste-event-title--prog {
        position: absolute;
        left: initial;
        top: initial;
        right: initial;
        transform: rotate(-90deg) translateX(-100%);
        transform-origin: left;
        text-align: right;
        margin-bottom: 0;
        margin-top: -29px;
        margin-left: -22px;
    }

    .artiste-event.artiste-event--prog .artiste-event__item {
        width: 50%;
    }
}

@media (min-width: 1024px) {

    .artiste-event.artiste-event--prog .artiste-event__item {
        width: 25%;
    }
}

/** CSS pour l'archive ============================================================================================== */
.artiste-title {
    color: var(--e-global-color-primary );
}

.artiste-archive {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.artiste-archive__item {
    border-top: 1px solid var(--e-global-color-primary );
    padding: 16px 0;
}

.artiste-archive__link {
    display: flex;
    align-items: flex-start;
    text-decoration: none!important;
}

.artiste-archive__div-img {
    flex: 0 0 70px;
    max-height: 104px;
    overflow: hidden;
    margin-right: 17px;
}

.artiste-archive__img {
    width: 70px;
    min-height: 104px;
    max-height: 104px;
    object-fit: cover;
}

.artiste-archive__title {
    color: var(--e-global-color-primary );
    text-transform: uppercase;
    margin-bottom: 8px;
}

.artiste-archive__title--first {
    display: flex;
    flex-direction: column-reverse;
}

.artiste-archive .list-date {
    list-style-type: none;
    padding-left: 0;
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.artiste-archive .list-date__item {
    margin-right: 8px;
    margin-left: 8px;
    position: relative;
    display: flex;
    align-items: center;
}

.artiste-archive .list-date__item:last-child::after {
    display: none;
}

.artiste-archive .list-date__item::after {
    content: "";
    height: 11px;
    border-left-style: solid;
    border-left-width: 2px;
    border-color: var(--e-global-color-primary );
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    position: absolute;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    right: -8px;
}

.artiste-archive .list-date__icon {
    width: 8px;
    height: 8px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 1px;
}

.artiste-archive .list-date__item p {
    margin-bottom: 0;
    color: var(--e-global-color-primary );
    text-transform: uppercase;
}

.archive-more {
    max-height: 274px;
    overflow: hidden;
}

.archive-more.showContent {
    max-height: initial;
    overflow: hidden;
}

.archive-button {
    margin-top: 24px;
    fill: var(--e-global-color-primary )!important;
    color: var(--e-global-color-primary )!important;
    background-color: var(--e-global-color-secondary )!important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary )!important;
}

.archive-button:hover {
    color: var(--e-global-color-secondary )!important;
    background-color: #FFFFFF00!important;
}

.archive-button:hover #icon-chevron-expand {
    fill: var(--e-global-color-secondary );
}
/** CSS pour les filtres ============================================================================================ */

.filter {
   display: flex;
   margin-bottom: 32px;
   width: 100%;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

.filter .filter__item {
    position: relative;
    text-align: center;
    margin: 8px;
    width: 100%;
}

.filter #button-01,
.filter #button-02 {
    display: none;
}

.filter .button-01-label,
.filter .button-02-label {
    background-color: white;
    color: black;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    border: 1px solid black;
    padding: 11px 16px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    width: 100%;
    max-width: 310px;
    text-align: left;
    position: relative;
}

.filter .button-01-label:after,
.filter .button-02-label:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid black;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    box-shadow: none;
    margin-right: 16px;
}

.filter .button-01-label:hover,
.filter #button-01:checked ~ .button-01-label,
.filter .button-02-label:hover,
.filter #button-02:checked ~ .button-02-label {
    background-color: black;
    color: white;
}

.filter .button-01-label:hover:after,
.filter .button-02-label:hover:after {
    border-top-color: white;
}


.filter #button-01:checked ~ .button-01-label:after,
.filter #button-02:checked ~ .button-02-label:after {
    border-top: 0;
    border-bottom: 7px solid white;
}

.filter__content {
    position: absolute;
    width: 100%;
    margin-top: 8px;
    color: white;
    background: #000;
    visibility: hidden;
    opacity: 0;
    z-index: 5;
    transition: all .1s ease;
}

.filter #button-01:checked ~ .filter__content,
.filter #button-02:checked ~ .filter__content {
    visibility: visible;
    position: relative;
    opacity: 1;
}

.filter__body {
    overflow: auto;
    padding: 24px 24px 0;
}

.filter__list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    margin-bottom: 16px;
}

.filter__list input {
    display: none;
}

.filter__list label {
    font-weight: 800;
    color: white;
    padding: 12px 16px;
    border: 2px solid rgba(255, 255, 255, .6);
    margin-right: 8px;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.filter__list label:hover,
.filter__list label:focus,
.filter__list input:checked ~ label {
    color: black;
    background-color: white;
    cursor: pointer;
}

.filter__footer {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter__reset {
    color: white!important;
}

.filter__reset:hover {
    color: #E40D0D!important;
}

.filter__submit {
    backgorund-color: white!important;
    color: white!important;
    border: 1px solid white!important;
}

.filter__submit:hover,
.filter__submit:focus {
    backgorund-color: white!important;
    color: black!important;
    border: 1px solid white!important;
}


@media (min-width: 768px) {

    .filter {
        flex-direction: row;
    }

    .filter .filter__item {
        width: auto;
    }

    .filter .button-01-label,
    .filter .button-02-label {
        padding-right: 40px;
    }

    .filter__content {
        position: absolute;
        width: 465px;
        margin-top: 8px;
        top: 100%;
        left: 50%;
        transform: translateX(-50%) scaleY(.5);
        transform-origin: top center;
        transition: all .3s ease;
    }

    .filter #button-01:checked ~ .filter__content,
    .filter #button-02:checked ~ .filter__content {
        position: absolute;
        transform: translateX(-50%) scaleY(1);
    }

    .filter__body {
        max-height: 320px;
    }
}

.date-picker-wrapper .month-name {
    font-family: var(--e-global-typography-bf83f36-font-family ), Sans-serif;
    font-size: var(--e-global-typography-bf83f36-font-size );
    font-weight: var(--e-global-typography-bf83f36-font-weight );
    line-height: var(--e-global-typography-bf83f36-line-height );
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: white;
    color: black;
}

.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth {
    background-color: black;
}

.date-picker-wrapper .gap .gap-line .gap-1 {
    border-left: 8px solid black;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
    border-top: 8px solid black;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
    border-bottom: 8px solid black;
}

.date-picker-wrapper .month-wrapper table .day.nextMonth,
.date-picker-wrapper .month-wrapper table .day.lastMonth {
    display: initial;
    color: white!important;
    opacity: .4;
}

.date-picker-wrapper .month-wrapper {
    width: 100%!important;
}

.date-picker-wrapper .month-wrapper table {
    width: 45%!important;
}

.date-picker-wrapper.single-month .month-wrapper table {
    width: 100%!important;
}