main#main:has(.module-apidae-archive) {
    overflow: visible;
}
.marker {
    background-size: cover;
    content: "map-pin";
    height: 5rem;
    width: 5rem
}

.mapboxgl-popup-content {
    font-family: var(--font-general),arial,sans-serif;
    font-size: 1rem;
    font-weight: 700
}

.container-archive #top-container {
    border-bottom: 1px solid var(--color-secondary);
    display: flex;
    justify-content: space-between;
    padding-bottom: .625rem;
    position: relative
}

.container-archive #top-container .filtre-selection {
    display: flex;
    gap: 1rem;
    height: auto
}

.container-archive #top-container .filtre-selection .search-field {
    align-items: center;
    border: 2px solid var(--color-primary);
    display: flex;
    height: 3rem
}

.container-archive #top-container .filtre-selection .search-field svg {
    color: var(--color-secondary);
    height: 80%;
    padding-right: .9375rem;
    width: auto
}

.container-archive #top-container .filtre-selection .search-field input {
    border: none;
    font-family: var(--font-title),arial,sans-serif;
    font-size: 1.65rem;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 3rem;
    padding-left: .9375rem;
    text-transform: uppercase;
    width: 100%
}

.container-archive #top-container .filtre-selection .search-field input::-ms-input-placeholder {
    color: var(--color-primary);
    font-family: var(--font-title),arial,sans-serif;
    font-size: 1.65rem;
    font-weight: 500;
    letter-spacing: -.04em;
    text-transform: uppercase
}

.container-archive #top-container .filtre-selection .search-field input::placeholder {
    color: var(--color-primary);
    font-family: var(--font-title),arial,sans-serif;
    font-size: 1.65rem;
    font-weight: 500;
    letter-spacing: -.04em;
    text-transform: uppercase
}

.container-archive #top-container .filtre-selection .filterSelectWrap {
    position: relative
}

.container-archive #top-container .filtre-selection .filterSelectWrap select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--color-primary);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: normal 1.375rem Arial,Sans-Serif;
    font-family: var(--font-title),arial,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    height: 3rem;
    letter-spacing: -.04em;
    padding: 0 .9375rem;
    position: relative;
    text-transform: uppercase;
    width: 15.625rem
}

.container-archive #top-container .filtre-selection .filterSelectWrap select option {
    font-family: var(--font-general),arial,sans-serif;
    font-size: 1.125rem;
    line-height: 1.8125rem;
    text-transform: none
}

.container-archive #top-container .filtre-selection .filterSelectWrap:after {
    border: 2px solid var(--color-secondary);
    border-bottom: 0;
    border-left: 0;
    content: "";
    display: block;
    height: .5625rem;
    pointer-events: none;
    position: absolute;
    right: 1.25rem;
    top: calc(50% - .8125rem);
    transform: rotate(135deg);
    width: .5625rem
}

.container-archive #top-container #display-map {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
    width: 16.25rem
}

.container-archive #top-container #display-map .switch-title {
    color: var(--color-primary);
    font-family: var(--font-title),arial,sans-serif;
    font-size: 1.65rem;
    font-weight: 700;
    letter-spacing: -.04em;
    text-transform: uppercase;
    white-space: nowrap
}

.container-archive #count-result-container {
    margin-bottom: 1rem;
    margin-top: 1.875rem
}

.container-archive #count-result-container #counter-result {
    color: var(--color-primary);
    font-family: var(--font-title),arial,sans-serif;
    font-size: 2.1875rem;
    font-weight: 700;
    letter-spacing: -.1313rem;
    line-height: 2.4375rem;
    padding-bottom: .05rem;
    text-transform: uppercase
}

.container-archive #count-result-container #sentence-result {
    color: var(--color-primary);
    font-family: var(--font-general),arial,sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -.0275rem;
    line-height: 1.375rem
}

.container-archive #count-result-container #sentence-result span {
    font-weight: 400
}

.container-archive #archive-body {
    align-content: stretch;
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%
}

.container-archive #archive-body #list-result-filter {
    display: flex;
    width: 100%;
}

.container-archive #archive-body #list-result-filter #list-result-filter-item-container {
    padding-top: 2.3125rem;
}

.container-archive #archive-body #list-result-filter .list-object-col-1,.container-archive #archive-body #list-result-filter .list-object-col-2,.container-archive #archive-body #list-result-filter .list-object-col-3,.container-archive #archive-body #list-result-filter .list-object-col-4,.container-archive #archive-body #list-result-filter .list-object-col-5 {
    display: grid;
    grid-column-gap: 1.875rem
}
.container-archive #archive-body #list-result-filter .list-object-col-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
}
.container-archive #archive-body #list-result-filter .list-object-col-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 30px;
}

.container-archive #archive-body #list-result-filter .list-object-col-1 a,.container-archive #archive-body #list-result-filter .list-object-col-2 a,.container-archive #archive-body #list-result-filter .list-object-col-3 a,.container-archive #archive-body #list-result-filter .list-object-col-4 a,.container-archive #archive-body #list-result-filter .list-object-col-5 a,.container-archive #archive-body #list-result-filter .wrap-100 {
    min-width: 100%
}

.container-archive #archive-body #list-result-filter .wrap-60 {
    width: 59.3%;
}

.container-archive #archive-body #list-result-filter .grid-item {
    margin-bottom: 1.25rem
}

.container-archive #archive-body #list-result-filter .grid-item:hover .overlay {
    opacity: 1;
    transform: translateY(0)
}

.container-archive #archive-body #list-result-filter .grid-item:hover .category {
    color: var(--color-secondary)
}

.container-archive #archive-body #list-result-filter .grid-item:hover .title {
    color: var(--color-primary)
}

.container-archive #archive-body #list-result-filter .grid-item:hover .archive-card-img:after {
    opacity: .5
}

.container-archive #archive-body #list-result-filter .grid-item:hover .desc {
    border-left: 10px solid var(--color-secondary);
    padding-left: .625rem;
    padding-right: 0;
    transition: all .3s ease
}

.container-archive #archive-body #list-result-filter .grid-item .archive-card-img {
    aspect-ratio: 1/1;
    height: auto;
    position: relative;
    width: 100%
}

.container-archive #archive-body #list-result-filter .grid-item .archive-card-img:after {
    background-color: var(--color-primary);
    content: "";
    height: 99%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: .75rem;
}

.container-archive #archive-body #list-result-filter .grid-item .desc {
    border-left: 0 solid var(--color-secondary);
    padding-left: 0;
    padding-right: .625rem;
    transition: all .3s ease
}

.container-archive #archive-body #list-result-filter .grid-item .archive-card-place {
    display: flex;
    font-family: var(--font-general),arial,sans-serif;
    font-size: 1.375rem;
    margin-top: .375rem
}

.container-archive #archive-body #list-result-filter .grid-item .archive-card-place .archive-card-place-svg {
    height: 1.5625rem;
    margin-right: .4rem;
    width: .875rem
}

.container-archive #archive-body #list-result-filter .grid-item .archive-card-place .archive-card-place-svg svg {
    height: 100%;
    width: auto
}

.container-archive #archive-body #list-result-filter .grid-item .archive-card-place span {
    color: #a7a7a7
}

.container-archive #archive-body #list-result-filter .grid-item img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.container-archive #archive-body #list-result-filter .grid-item .overlay {
    color: #fff;
    font-size: .9375rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    opacity: 0;
    position: absolute;
    right: 1.75rem;
    text-align: center;
    top: 1.75rem;
    transform: translateY(-.625rem);
    transition: all .3s ease;
    z-index: 5
}

.container-archive #archive-body #list-result-filter .grid-item .overlay .icon {
    display: block;
    margin-bottom: .3125rem
}

.container-archive #archive-body #list-result-filter .grid-item .overlay svg {
    margin: 0 auto
}

.container-archive #archive-body #list-result-filter .grid-item .overlay svg * {
    fill: #fff
}

.container-archive #archive-body .close-map-1 {
    padding-left: 30px;
    position: relative;
    width: 40.7%;
    z-index: 1
}

.container-archive #archive-body .close-map-1 #map {
    height: calc(100vh - 4.625rem);
    outline-style: none;
    position: relative;
    width: 100%
}

.container-archive #archive-body .close-map-2 {
    position: absolute;
    right: -9999px;
    width: 40%;
    z-index: -1
}

.container-archive #archive-body .close-map-2 #map-osm {
    height: 100vh;
    outline-style: none;
    width: 100%
}

.container-archive #archive-body #map-container {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-top: 2.3125rem;
    z-index: 1
}

#archive-footer {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
    margin-top: 1rem;
    width: 100%
}

#archive-footer .pagination-filter .pagination {
    display: flex;
    gap: 3.75rem
}

#archive-footer .pagination-filter .pagination li {
    color: var(--color-primary);
    cursor: pointer
}

#archive-footer .pagination-filter .pagination li span {
    font-family: var(--font-title),arial,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -.04em;
    text-transform: uppercase
}

#archive-footer .pagination-filter .pagination .page-selected {
    color: var(--color-secondary)!important
}

.switch {
    display: inline-block;
    height: 1.875rem;
    position: relative;
    width: 3.75rem
}

.switch input {
    height: 0;
    opacity: 0;
    width: 0
}

.switch .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    height: 1.125rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
    width: 2rem
}

.switch .slider:before {
    background-color: #fff;
    bottom: .1875rem;
    content: "";
    height: .75rem;
    left: .25rem;
    position: absolute;
    transition: .4s;
    width: .75rem
}

.switch input:checked+.slider {
    background-color: var(--color-primary)
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

.switch input:checked+.slider:before {
    transform: translateX(.75rem)
}

.switch .slider.round {
    border-radius: 34px;
    margin-left: .625rem;
    top: 25%
}

.switch .slider.round:before {
    border-radius: 50%
}

.labels .picto-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1.875rem;
    margin-bottom: 3.125rem
}

.labels.picto-module img,.labels.picto-module svg {
    height: 6.25rem;
    object-fit: contain
}

.labels.picto-module svg {
    width: auto
}

@media only screen and (max-width: 1600px) {
    .container-archive #top-container .filtre-selection {
        flex-wrap:wrap
    }

    .container-archive #top-container .filtre-selection .filterSelectWrap:after {
        top: calc(50% - .3125rem)
    }
}

@media only screen and (max-width: 1440px) {
    #list-result-filter .list-object-col-5 {
        display:grid;
        grid-template-columns: repeat(4,1fr)!important;
        grid-column-gap: 1.875rem
    }

    #list-result-filter .list-object-col-3 {
        display: grid;
        grid-template-columns: repeat(3,1fr)!important;
        grid-column-gap: 1.875rem
    }

    .container-archive #archive-body #list-result-filter .grid-item .archive-card-title {
        font-size: 1.6875rem;
        line-height: 1em
    }

    .container-archive #archive-body #list-result-filter .grid-item .archive-card-cat {
        font-size: 1.1875rem
    }

    .container-archive #archive-body #list-result-filter .grid-item .archive-card-place {
        align-items: center;
        font-size: .9375rem
    }
}

@media only screen and (max-width: 1024px) {
    #apidae_agenda.module-event .event-list.columns-4 .event-item .event-item-link h3 {
        font-size:1.5rem;
        line-height: 1em;
        padding-top: 0
    }

    #apidae_agenda.module-event .event-list.columns-4 .event-item .event-item-link .archive-card-place {
        font-size: 1.25rem;
        padding-top: 0
    }

    #list-result-filter .grid-item .archive-card-title {
        font-size: 1.25rem;
        line-height: 1em
    }

    #list-result-filter .grid-item .archive-card-cat {
        font-size: .9375rem
    }

    #list-result-filter .grid-item .archive-card-place {
        align-items: center;
        font-size: .9375rem
    }

    #list-result-filter .list-object-col-5 {
        display: grid;
        grid-template-columns: repeat(3,1fr)!important;
        grid-column-gap: 1.875rem
    }

    #list-result-filter .list-object-col-3 {
        display: grid;
        grid-template-columns: repeat(2,1fr)!important;
        grid-column-gap: 1.875rem
    }

    .container-archive #top-container .filtre-selection .search-field input {
        font-size: 1.125rem
    }

    .container-archive #top-container .filtre-selection .search-field input::-ms-input-placeholder {
        font-size: 1.125rem
    }

    .container-archive #top-container .filtre-selection .search-field input::placeholder {
        font-size: 1.125rem
    }

    .container-archive #top-container .filtre-selection .filterSelectWrap select {
        font-size: 1.125rem
    }

    .container-archive #top-container #display-map {
        justify-content: flex-end;
        width: 11.0625rem
    }

    .container-archive #top-container #display-map .switch-title {
        font-size: 1.125rem
    }

    .container-archive #top-container #display-map .switch {
        height: 1.625rem
    }
}

@media only screen and (max-width: 960px) {
    .container-archive #archive-body #list-result-filter {
        flex-direction:column
    }

    .container-archive #archive-body #list-result-filter .grid-item .archive-card-title {
        font-size: 1.3125rem;
        line-height: 1em
    }

    .container-archive #archive-body #list-result-filter .grid-item .archive-card-cat {
        font-size: 1.0625rem
    }

    .container-archive #archive-body #list-result-filter .grid-item .archive-card-place {
        align-items: center;
        font-size: .9375rem
    }

    .container-archive #archive-body #list-result-filter .list-object-col-3,.container-archive #archive-body #list-result-filter .list-object-col-5 {
        grid-template-columns: repeat(3,1fr)!important
    }

    .container-archive #archive-body #list-result-filter .wrap-60 {
        width: 100%
    }

    .container-archive #archive-body #map-container {
        padding: 0;
        width: 100%
    }

    .container-archive #archive-body #map-container #map {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .container-archive #top-container {
        flex-direction:column
    }

    .container-archive #top-container .filtre-selection {
        flex-direction: column;
        height: 100%;
        width: 100%
    }

    .container-archive #top-container .filtre-selection .filterSelectWrap select {
        width: 100%
    }

    .container-archive #top-container #display-map {
        margin-top: unset;
        padding-top: .625rem;
        width: auto
    }

    .container-archive #archive-body #list-result-filter {
        flex-direction: column
    }

    .container-archive #archive-body #list-result-filter .list-object-col-3,.container-archive #archive-body #list-result-filter .list-object-col-5 {
        grid-template-columns: repeat(2,1fr)!important
    }

    .container-archive #archive-body #list-result-filter .wrap-60 {
        width: 100%
    }

    .container-archive #archive-body #map-container {
        padding: 0;
        width: 100%
    }

    .container-archive #archive-body #map-container #map {
        width: 100%
    }
}

@media only screen and (max-width: 600px) {
    .container-archive #archive-body #list-result-filter .grid-item .archive-card-title {
        font-size:1.8125rem
    }

    .container-archive #archive-body #list-result-filter .grid-item .archive-card-cat {
        font-size: 1.25rem
    }

    .container-archive #archive-body #list-result-filter .grid-item .archive-card-place {
        font-size: 1.125rem
    }

    .container-archive #top-container {
        flex-direction: column
    }

    .container-archive #top-container .filtre-selection {
        flex-direction: column;
        height: 100%;
        width: 100%
    }

    .container-archive #top-container .filtre-selection .filterSelectWrap select {
        width: 100%
    }

    .container-archive #archive-body #list-result-filter {
        flex-direction: column
    }

    .container-archive #archive-body #list-result-filter .list-object-col-3,.container-archive #archive-body #list-result-filter .list-object-col-5 {
        grid-template-columns: repeat(1,1fr)!important
    }

    .container-archive #archive-body #list-result-filter .wrap-60 {
        width: 100%
    }

    .container-archive #archive-body #map-container {
        padding: 0;
        width: 100%
    }

    .container-archive #archive-body #map-container #map {
        width: 100%
    }
}

body {
    margin: 0;
    padding: 0
}

.module-link .btn-wrapper {
    margin-top: 1.875rem!important
}

div.container img.illus.illus-alt {
    display: none
}

.container-mini-archive #button-center {
    display: flex;
    justify-content: center;
    margin-top: 5rem;
    width: 100%
}

.container-mini-archive #button-center .event-button {
    background-color: transparent;
    border: 2px solid var(--color-default);
    border-radius: 0;
    color: var(--color-default);
    font-family: var(--font-title),arial,sans-serif;
    font-size: 1.625rem;
    font-weight: 600;
    letter-spacing: -.0325rem;
    padding: .3125rem .9375rem;
    text-transform: uppercase
}

.container-mini-archive #button-center .event-button:hover {
    background-color: var(--color-default);
    color: var(--color-secondary)
}

.container-mini-archive #archive-body {
    align-content: stretch;
    display: flex;
    flex-direction: row;
    margin-top: .625rem;
    position: relative;
    width: 100%
}

.container-mini-archive #archive-body #list-result-filter {
    display: flex
}

.container-mini-archive #archive-body #list-result-filter .list-object-col-1,.container-mini-archive #archive-body #list-result-filter .list-object-col-2,.container-mini-archive #archive-body #list-result-filter .list-object-col-3 {
    display: grid;
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem
}

.container-mini-archive #archive-body #list-result-filter .list-object-col-1 a,.container-mini-archive #archive-body #list-result-filter .list-object-col-2 a,.container-mini-archive #archive-body #list-result-filter .list-object-col-3 a,.container-mini-archive #archive-body #list-result-filter .wrap-100 {
    width: 100%
}

.container-mini-archive #archive-body #list-result-filter .wrap-60 {
    width: 60%
}

.container-mini-archive #archive-body #list-result-filter .grid-item {
    margin-bottom: 1.25rem
}

.container-mini-archive #archive-body #list-result-filter .grid-item .archive-card-img {
    position: relative
}

.container-mini-archive #archive-body #list-result-filter .grid-item .archive-card-img:after {
    background-color: var(--color-primary);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s ease;
    width: 100%
}

.container-mini-archive #archive-body #list-result-filter .grid-item .archive-card-img .overlay {
    color: #fff;
    font-size: .9375rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    opacity: 0;
    position: absolute;
    right: 1.75rem;
    text-align: center;
    top: 1.75rem;
    transform: translateY(-.625rem);
    transition: all .3s ease;
    z-index: 5
}

.container-mini-archive #archive-body #list-result-filter .grid-item .archive-card-img .overlay .icon {
    display: block;
    margin-bottom: .3125rem
}

.container-mini-archive #archive-body #list-result-filter .grid-item .archive-card-img .overlay .icon svg {
    margin: 0 auto
}

.container-mini-archive #archive-body #list-result-filter .grid-item .archive-card-img .overlay .icon svg * {
    fill: #fff
}

.container-mini-archive #archive-body #list-result-filter .grid-item .archive-card-cat {
    font-family: var(--font-title),arial,sans-serif;
    font-size: 1.25rem;
    font-weight: lighter
}

.container-mini-archive #archive-body #list-result-filter .grid-item .archive-card-title {
    border-left: 0 solid var(--color-secondary);
    color: var(--color-primary);
    font-family: var(--font-title),arial,sans-serif;
    font-size: 2.1875rem;
    font-weight: 700;
    letter-spacing: -.075rem;
    line-height: .9;
    margin-top: .625rem;
    padding-right: 1.25rem;
    text-transform: uppercase;
    transition: all .3s ease
}

.container-mini-archive #archive-body #list-result-filter .grid-item:hover .archive-card-img:after {
    opacity: .5
}

.container-mini-archive #archive-body #list-result-filter .grid-item:hover .archive-card-img .overlay {
    opacity: 1
}

.container-mini-archive #archive-body #list-result-filter .grid-item:hover .archive-card-title {
    border-left-width: 10px;
    padding-left: .625rem;
    padding-right: 0
}

.container-mini-archive #archive-body #list-result-filter .grid-item .archive-card-place {
    display: flex;
    font-family: var(--font-general),arial,sans-serif;
    margin-top: .5rem
}

.container-mini-archive #archive-body #list-result-filter .grid-item .archive-card-place .archive-card-place-svg {
    height: 1rem;
    margin-right: .5rem;
    width: auto
}

.container-mini-archive #archive-body #list-result-filter .grid-item .archive-card-place .archive-card-place-svg svg {
    height: 100%;
    width: auto
}

.container-mini-archive #archive-body #list-result-filter .grid-item img {
    aspect-ratio: 288/325;
    display: block;
    object-fit: cover;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    .container-mini-archive #archive-body #list-result-filter .list-object-col-1,.container-mini-archive #archive-body #list-result-filter .list-object-col-2,.container-mini-archive #archive-body #list-result-filter .list-object-col-3 {
        grid-template-columns:repeat(2,1fr)!important
    }
}

@media only screen and (max-width: 600px) {
    .container-mini-archive #archive-body #list-result-filter .list-object-col-1,.container-mini-archive #archive-body #list-result-filter .list-object-col-2,.container-mini-archive #archive-body #list-result-filter .list-object-col-3 {
        grid-template-columns:repeat(1,1fr)!important
    }
}

.daterangepicker .drp-calendar.right {
    position: absolute!important;
    right: 0!important;
    top: 0!important
}

.daterangepicker .drp-calendar.right tbody,.daterangepicker .drp-calendar.right th.month,.daterangepicker .drp-calendar.right thead>tr:nth-child(2) {
    display: none!important
}

.daterangepicker .drp-calendar.right .calendar-table {
    background: transparent!important
}

.daterangepicker .daterangepicker.ltr .ranges,.daterangepicker.ltr .drp-calendar {
    float: none!important
}

.daterangepicker .drp-calendar.right .daterangepicker_input {
    position: absolute!important
}