/*TAG CATEGORY*/

.categ {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 4;
    background: #ffed00;
    margin: 0 0 20px;
    padding: 5px;
    font-size: 12px;
    line-height: 14px;
    color: #2f394e;
    font-weight: 500;
    text-transform: uppercase;
}

/*GRID*/
.grid {
    display: grid;
}

/*VISIBILTY*/
.invisible {
    visibility: hidden;
}

/*COLORS*/
.text-grey {
    color: #8c8989;
}

/*IMAGES*/
.wp-caption {
    max-width: 100% !important;
}

/*PAGINATION*/
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem auto;
}

.pagination .page-numbers {
    display: block;
    padding: .2rem .5rem;
    margin: .5rem;
    color: #FFFFFF;
    background: var(--bordure);
}

.pagination .page-numbers:hover, .pagination .page-numbers.current {
    background: #000000;
}
.pagination .nav-links{
    display:flex
}

/*PADDING*/
@media screen and (min-width: 992px) {
    .pt-2 {
        padding-top: 2rem !important;
    }
    .pt-3 {
        padding-top: 3rem !important;
    }

    .mt-2 {
        margin-top: 2rem !important;
    }
    .mt-3 {
        margin-top: 3rem !important;
    }
}

.btn-primary {
    background-color: var(--bleufonce);
    border-color: var(--bleufonce);
}

/*FILTERS*/
.filters .item {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 992px) {
    .filters {
        align-items: flex-end;
        justify-content: flex-start;
    }
    .container {
        width: 90% !important;
    }
}

/*BLOC TYPE - LIST AGENDA OR NEWS*/
.a.bloc-type, .bloc-type {
    margin-bottom: 2rem;
}

.a.bloc-type .img, .bloc-type .img {
    padding-bottom: 56%;
    position: relative;
    display: block;
    width: 100%;
}

.a.bloc-type .img img, .bloc-type .img img {
    display: block;
    object-fit: cover;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

/*GRID STYLE PLAGES*/
.grid-style {
    display: block;
}

.grid-style div {
    float: left;
}

.grid-style .big a.bloc-type {
    display: flex;
    flex-wrap: wrap;
}

.grid-style a.bloc-type .img {
    height: 30vw;
}

.grid-style a.bloc-type .img img, .grid-style a.bloc-type .img {
    padding-bottom: inherit;
}

.grid-style a.bloc-type .wrapper {
    height: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
}


.grid-style .big a.bloc-type span {
    width: 100%;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 992px) {
    .grid-style a.bloc-type .img {
        height: 12vw;
    }

    .grid-style .big a.bloc-type .img {
        height: 30vw;
    }

}

/*TROMBI*/
.bloc-trombi {
    display: block;
    position: relative;
}

.bloc-trombi .img {
    position: relative;
    display: block;
}

.bloc-trombi .img img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
}

.bloc-trombi .wrapper {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25px 15px 15px;
    background: rgba(18, 31, 57, 0.5);
    text-align: center;
}

.bloc-trombi .wrapper h3 {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 2px;
}

.bloc-trombi .wrapper .poste {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 3px double #fff;
}

.bloc-trombi .wrapper .missions {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
}

.bloc-trombi .wrapper .missions strong {
    color: #fff;
}

.bloc-trombi .wrapper .missions p {
    color: #fff;
    font-size: 12px;
}

.bloc-trombi .wrapper:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 3;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 1px solid #fff;
}

.bloc-trombi:hover .wrapper {
    display: block;
}

/*INFOS SUP*/
.infos-sup {
    position: relative;
    background: #fff;
    padding: 25px 30px 25px 60px;
    margin-top: 25px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
}

.infos-sup i {
    color: #000000;
    position: absolute;
    z-index: 1;
    top: 24px;
    left: 20px;
    font-size: 30px;
}

.sidebar .infos {
    line-height: 2rem;
}

.sidebar .infos .fa {
    margin-right: .6rem;
}

/*SLIDESHOW*/
.slideshow {
    position: relative;
}

.slideshow .item .wrapper {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    background: rgba(255,255,255,0.3);
    width: 100%;
    z-index: 3;
}

.slideshow .swiper-button-next {
    position: absolute;
    top: 50%;
    right: 1rem;
    color: #FFFFFF;
}

.slideshow .swiper-button-prev {
    position: absolute;
    top: 50%;
    left: 1rem;
    color: #FFFFFF;
    bottom: inherit;
}

.swiper-pagination {
    position: absolute;
    bottom: 1rem;
}