.pagination {
    margin:          2em 0;
    text-align:      center;
    display:         flex;
    width:           100%;
    justify-content: center;

    .sep, .label {
        display: none;
    }

    .lien_pagination, .on, .tbc {
        display:         inline-block;
        padding:         0 0.4em;
        text-decoration: none;
    }

    .lien_pagination:hover,
    .lien_pagination:focus,
    .lien_pagination:active {
        color:            #FFF;
        background-color: $couleur-lien-hover;
    }

    .lien_pagination, .on, .tbc {
        text-align:    center;
        border-radius: 0.25em;
        min-width:     1.5em;
    }
    .pages {
        display:         flex;
        justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
        .on {
            color:            #FFF;
            background-color: $couleur-lien;
            padding-left:     0.4em;
            padding-right:    0.4em;
        }
    }

    .next, .prev {
        //font-weight: bold;
        strong {
            font-weight: normal;
        }
    }

    .disabled {
        display: inline-block;
        color:   #838383;
    }

}

.pagination_ancre {
	@include visuallyhidden;
	padding: 0 !important;
	margin: 0 !important;
}

.col .prev,
.col .next {
    display: none;
}

/* spip4 */
.pagination, .aside .nav .pagination {
	margin: 2em 0;
	.pagination-items {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		list-style: none;
	}
	.pagination-item {
		padding: 0;
		background: none;
		margin: 0 0.15em 0.5em;
	}
	.pagination-items a, .pagination-items span.on {
		display: inline-block;
		text-decoration: none;
		border: none;
		padding: 0.5em;
		@include vendor-prefix(border-radius,0.25em);
		font-size: 1em;
		font-weight: 700;
		line-height: 1.5;
		color: $couleur-lien;
	}
	.pagination-items a:hover, .pagination-items span.on {
		background: $grayLighter !important;
		color: $couleur-lien-hover;
		text-decoration: none;
	}
	.tbc {
		line-height: 2.4;
	}
}