.actus{position:relative;margin-bottom:30px}.actus ul{list-style:none;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-evenly;padding-left:0;gap:25px 15px}.actus li{background:var(--color-white);overflow:hidden}.actus ul.filter{margin-bottom:20px}.actus ul.filter li{text-transform:uppercase;font-weight:700;cursor:pointer;border-bottom:2px solid var(--color-black)}.actus ul.filter li.selected{border-top:1px solid var(--color-black);border-left:1px solid var(--color-black);border-right:1px solid var(--color-black)}.actus ul.filter li.fiche{border-bottom-color:var(--color-fiche)}.actus ul.filter li.essai{border-bottom-color:var(--color-essai)}.actus ul.items li:not(.pub){max-width:160px;box-shadow:0 0 8px var(--color-black);flex:1 auto}.actus ul.items li.pub{max-width:300px}.actus ul.items li.hide{display:none}.actus ul.items li .type{display:block;margin:0;padding:5px 10px 2px;font-size:.8rem;color:var(--color-white)}.actus ul.items li .title{display:block;margin:0;padding:2px 10px 5px;font-size:.9rem;color:var(--color-white)}.actus ul.items li picture img{width:100%;height:100%;object-fit:cover;object-position:center}.actus ul.items li.fiche .type,.actus ul.items li.fiche .title{background-color:var(--color-fiche)}.actus ul.items li.essai .type,.actus ul.items li.essai .title{background-color:var(--color-essai)}.actus ul.items li.actu .type,.actus ul.items li.actu .title{background-color:var(--color-actu)}.actus li a,.actus li a:hover,.actus li a:visited,.actus li a:link{color:inherit;text-decoration:none}.actus li.pub_native_web{min-height:360px}.actus li picture{display:block;overflow:hidden;height:calc(100% - 45px);width:100%}.actus li img{display:inline-block;float:left}.actus li .description{float:right;padding:5px 5px 5px 10px;width:calc(100% - 100px)}.actus li .description .title{font-size:.9rem;font-weight:700}.actus li .description .comment{font-size:.8rem}.actus li .description .comment p{margin:0}.actus li .description .tags,.actus li .description .date{font-size:.8rem;line-height:1rem}.actus li .details{padding:5px}.actus li .details .date{font-style:italic;padding-bottom:5px}@media screen and (min-width:720px){.actus ul.items li{max-width:250px}}@media screen and (min-width:1280px){.actus ul.items li:not(.pub){max-width:380px}}