.bloc.articles_lists{display:flex;flex-direction:column;justify-content:center;align-items:center}.bloc.articles_lists .wrapper-filters{padding:var(--gap-5);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--gap-2);max-width:1400px;width:100%}.bloc.articles_lists .wrapper{padding:var(--gap-5);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-2);max-width:1400px;width:100%}.bloc.articles_lists .wrapper-filters{padding-bottom:0}.bloc.articles_lists .wrapper-filters .button-filter{transition:all .3s;padding:var(--gap-xs) var(--gap-2);display:inline-flex;align-items:center;font-family:var(--font-title);font-size:1.4rem;background-color:var(--color-black);color:var(--color-white);text-transform:uppercase;cursor:pointer}.bloc.articles_lists .wrapper-filters .button-filter .thumbnail{width:30%;aspect-ratio:1/1}.bloc.articles_lists .wrapper-filters .button-filter:hover,.bloc.articles_lists .wrapper-filters .button-filter.selected{background-color:var(--color-primary);color:var(--color-white)}.bloc.articles_lists .wrapper .item{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:var(--gap);overflow:hidden;box-shadow:rgba(60,64,67,.3) 0px 1px 2px 0px,rgba(60,64,67,.15) 0px 2px 6px 2px;transition:all .3s ease-in-out}.bloc.articles_lists .wrapper .item:hover{box-shadow:rgba(0,0,0,.3) 0px 19px 38px,rgba(0,0,0,.22) 0px 15px 12px}.bloc.articles_lists .wrapper .item .top{position:relative;height:250px;aspect-ratio:1/1}.bloc.articles_lists .wrapper .item .title{text-align:center;color:var(--color-black);font-family:var(--font-title);min-height:50px;font-size:2rem;line-height:2.5rem;padding:0 var(--gap);margin-bottom:0;transition:all .3s ease-in-out}.bloc.articles_lists .wrapper .item:hover .title{color:var(--color-primary)}.bloc.articles_lists .wrapper .item .title:hover{color:var(--color-black)}.bloc.articles_lists .wrapper .item p{color:var(--color-black);padding:0 var(--gap);text-align:justify}.bloc.articles_lists .wrapper .item .button{justify-content:center;text-transform:uppercase;width:100%;color:var(--color-black);background-color:transparent;border:none;margin-bottom:var(--gap)}.bloc.articles_lists .wrapper .item:hover .button{color:var(--color-white);background-color:var(--color-primary)}@media (max-width:768px){.bloc.articles_lists .wrapper{grid-template-columns:repeat(1,1fr);padding:var(--gap)}}