.h3{ display: block; font-size: 1.17em; margin-block-end: 0.5em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;} main section { display: block;} main button.h-main { border: none; background: none; padding: 0; margin-right: 0; margin-bottom: 0;} main section .actions { display: flex; align-items: center; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem;} main section h2.h-main { display: inline-flex;  color: var(--color-main); margin-bottom: 0;} main section .addLink {  text-align: right;  max-width: max-content; margin-left: auto;}#lesactus{ display: flex; flex-wrap: wrap;}#actus article { width: 380px;  height: 304px;  margin: 10px; background-color: var(--white); } #actus article.pub{ padding:0; height: fit-content;}  #actus article:not(.imgless){ flex-direction: column;} #actus article.imgless{ flex-direction: column;}    #actus article img { justify-self: center;} #actus article .title { grid-area: title; color: var(--color-main);} #actus article .title a { text-transform: uppercase; display: inline-block; margin-right: 1rem; text-decoration: none;} #actus article .title a:hover { text-decoration: underline;} #actus article .title span { display: flex; align-items: center; font-size: 1.4rem;} #actus article .title span a { margin-left: .8rem; display: inline-flex;} #actus article .title img { display: inline-block; max-width: 5rem; max-height: 5rem;} #actus article .text { width: 100%;} #actus article .content { position: relative; max-height: 24ch; overflow: hidden; margin-top: 1rem; } #actus article .content div { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;} #actus article.opened .content { max-height: max-content; overflow: initial;} #actus article .content > div { word-break: break-word;} #actus article .button-container { display: flex; justify-content: end; padding: 1rem; } #actus article .button-container button { display: inline-block; font-size: 1.3rem; color: var(--color-main); border: none; background-color: var(--white); padding: .2rem; padding-left: 4rem;} #actus article .button-container a { display: inline-block; font-size: 1.3rem; color: var(--color-main); text-decoration: none; border: none; background-color: var(--white); padding: .2rem; padding-left: 4rem;} #actus article .button-container button:hover{ text-decoration: underline;} #actus article .button-container a:hover{ text-decoration: underline;} #actus article .content ul,#actus article .content ol { padding-left: 2rem; list-style: initial; margin: 0;} #actus article .content ul { list-style: disc;} #actus article .content ol { list-style: decimal;} .container-socials{ display: flex; flex-direction: row; gap : 5rem; margin-top: 1rem; margin-bottom: 1rem; align-items: center; justify-content: center; } .container-socials a:not(:last-child) { margin-right: 1.5rem;} .container-socials img { filter: contrast(0%); max-width: 2.5rem;} .body-container{ padding: 3rem 2rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.skeleton{ width: 380px; height: 304px; background-color: white; display: flex; align-items: center; justify-content: center; color: grey;} article{ position: relative; overflow: hidden;} .backgroud-image{ width: 100%; height: 304px; object-fit: cover;  opacity: 0.2;} .overlay{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%;} #actus article .button-container{ justify-content: left; padding: 0;}#actus article .button-container a{ background-color: transparent; padding: 0; padding-top: 5px;}@media only screen and (min-width: 768px) and (max-width: 991px) { #actus article { height: 304px; width: calc(50% - 20px); }} @media only screen and (max-width: 767px) { #actus article { height: 425px; width: calc(100% - 20px); } #actus article .backgroud-image{  } }#lesactus{ justify-content: center;}