.articles-lies{
width: 100%;
}
.articles-lies__inner{
width: 100%;
} .articles-lies__list{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
} @media (max-width: 860px){
.articles-lies__list{
grid-template-columns: 1fr;
gap: 22px;
}
}.card-actualite{
width: 100%;
} .card-actualite__link{
position: relative;
display: block;
text-decoration: none;
color: inherit;
overflow: visible; transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
} .card-actualite__link:hover,
.card-actualite__link:focus-visible{
transform: translateY(-4px); } .card-actualite__linkOverlay{
position: absolute;
inset: 0;
pointer-events: none;
} .card-actualite__media{
position: relative;
} .card-actualite__mediaImg{
height: 242px; overflow: hidden; position: relative;
background:url(//www.etap-lab.com/wp-content/themes/dc_theme/blocks/card-actualite/assets/images/placeholder.jpg);
background-size:cover;
background: var(--color-blanc);
}
.card-actualite__img{
width: 100%;
height: 100%;
display: block;
object-fit: contain;
} .card-actualite__aires{
position: absolute;
right: 14px;
bottom: -18px; display: inline-flex;
gap: 10px;
align-items: center;
z-index: 2;
} .card-actualite__aireIcon{
width: 46px;
height: 46px;
border-radius: 999px;
background: var(--aire-color);
border: 3px solid var(--color-blanc);
display: grid;
place-items: center;
overflow: hidden;
}
.card-actualite__aireIcon img{
display: block;
} .card-actualite__body{
padding: 22px 20px 18px;
} .card-actualite__date{
font-size: var(--font-size-xs);
font-weight: 400;
line-height: 1.25;
color: var(--color-noir);
margin-bottom: 10px;
} .card-actualite__title{
margin: 0 0 10px;
color: var(--color-bleu);
font-size: var(--font-size-l);
font-weight: 500;
line-height: 1.15;
} .card-actualite__excerpt{
font-size: var(--font-size-s);
font-weight: 400;
line-height: 1.35;
color: var(--color-noir);
margin-bottom: 14px;
} .card-actualite__cats{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.card-actualite__cat{
display: inline-flex;
align-items: center;
font-size: var(--font-size-s);
font-weight: 500;
font-style: italic;
background: var(--color-blanc);
color: var(--color-noir);
padding: 10px 15px;
border-radius: 200px;
}