body{background:var(--bg)}
.breadcrumb{color:#fff}
.breadcrumb a{color:#7da1f5}
.page-title{color:#d8eeed}
.page-intro{color:whitesmoke}
.grid{display:grid;grid-template-columns: repeat(auto-fill,minmax(175px,1fr));gap:10px;overflow:hidden}
.card{overflow:hidden}.conteneur-thumb{position:relative;overflow:hidden}
.card img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .4s ease}
.card img:hover{transform:scale(1.2)}
.card .title{font-size:clamp(1.25rem,2vw,1.875rem);margin-block:1rem;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:0 10px;line-height:1.3}
.pagination-container ul{display:flex;gap:10px;padding:0;list-style:none;flex-wrap:wrap}
.pagination-container a{display:inline-flex;padding:8px 16px;border:solid 1px}
.pagination-container a,.navig a{transition:.3s ease;color:#aaa;background:#272a42}
.pagination-container a:hover,.navig a:hover {background-color:#303453 !important;color:#fff !important}
.page-numbers.current{display:flex;padding:8px 16px;background:var(--main);border-radius:50%;align-content:center;min-width:40px;color:var(--bg);font-weight:700}
.navig a{padding:10px 20px;gap:2px;align-items:center;border:none !important}
@media(min-width: 992px){
    .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
	gap:20px}
}