@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/inc/fonts/bebas1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/inc/fonts/bebas2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
} 
 
.entete-etalon h1 { 
    text-shadow: -2px 2px 6px hsl(0deg 0% 0% / 36%);
    color: #FFF;
    font-family: 'Bebas Neue', cursive;
    font-weight: normal;
    font-size: clamp(2.5rem, 4.5vw, 4rem)
}

.content {  width: 100%; border-radius: 0;  margin-bottom: var(--ec-2);   background-image: url(/media/themes_etalons/nature/background.webp), linear-gradient(180deg, rgb(0 92 150) 0%, rgba(255, 255, 255, 1) 600px, rgba(255, 255, 255, 1)100%);  }
.dark .content {    background-image: url(/media/themes_etalons/nature/background.webp), linear-gradient(180deg, rgb(22 135 204) 0%, rgb(36 41 45) 600px, rgb(36 41 45) 100%)}
.list-etoile .star {    background-color: hsl(203deg 97% 30%)}
.dark .list-etoile .star {    background-color: hsl(203deg 100% 68%)} 
.content-etalon { background-image: none;}
/*****************************************/
/*****************************************/
.entete-etalon h1 {    display: flex;    flex-direction: column;    align-items: center; text-align: center;}
.entete-etalon h1 span { margin-bottom: .75rem; font-family: 'Quicksand', sans-serif; font-size: clamp(1rem, 2vw, 1.25rem);    color: var(--rev-white); }
.content:last-child {    background-image: none}
.entete-etalon h1 + .list-etoile { justify-content: center; }
.content {    background-repeat: no-repeat;    background-position: top center}
.gridifich .it2 {    grid-row: 1 / 2 }
.liste-1 li {    border-top: 0 }
.entete-etalon { padding: var(--ec-0) 0 }
.mot {    margin-top: 0}
 
@media only screen and (max-width:900px) { 
    .list-etoile .star,    .list-etoile .certif {        height: 18px;        width: 18px    }
    .list-etoile .star span,
    .dark .list-etoile .star span,
    .list-etoile .certif span,
    .dark .list-etoile .certif span {        display: block;        height: 12px;        width: 14px    }
    .content {      background-repeat: no-repeat    }
    .dark .content {        background-repeat: no-repeat    } 
}