@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
section figure {position:relative}
section figure img {width:100%;height:100%;object-fit:cover}
section figure:first-child {margin:0;width:100vw;height:calc(50vh + 3em);position:relative}
section figure figcaption {position:absolute;top:calc((25vh + 1.5em) - 162px);padding:20px;border-radius:3px;width: 500px;left:calc((100vw - 1140px) / 2)}
section figure figcaption h1 { color: #e83f3f; font-style: normal; font-weight: 900; font-size: 1.5em}
section figure figcaption h1 span {display: block; font-size: 2.25em}
section figure figcaption h2 {font-weight: 600!important;line-height: 1.5em;font-size: 1em!important}
section figure figcaption p {font-weight: 500!important;line-height: 1.4em;font-size: .9em!important}
.s2 { color: #e83f3f; font-weight: 500; font-size: 65pt; text-transform: uppercase; letter-spacing: -.05em; line-height: 65px; margin-bottom: .3em;}
h2 { color: #1D1D1B; font-weight: 700!important; font-size: 14pt!important}
.s3 { color: #e83f3f; font-weight: 700; font-size: 11pt; }
.s5 { color: #706F6F; font-weight: 700; font-size: 9pt; }
.s6 { color: #706F6F; font-weight: 500; font-size: 9pt; }
.a { color: #e83f3f; font-weight: 500; font-size: 18pt; }
.s7 { color: #e83f3f; font-weight: 500; font-size: 18pt; }
li {display: block; }
#l1 {padding-left: 0pt}
#l1> li>*:first-child:before {content: "• "; color: #706F6F; font-style: normal; font-weight: normal; font-size: 9pt; }
img[src*="economie-circulaire-sporteed"] {margin-top: -3em}
.cadre {border: solid 2px #e83f3f;}
.cadre p {line-height: 16pt}
a.btn {display:inline-block;margin:0 4px}
section figure figcaption span b {display:inline-block;padding: .35em 1.2em}
a.btn-danger, section figure figcaption span b {border: none;box-shadow: none;border-radius: 5px;font-weight: 700;color: #fff;background-color: #e83f3f;}
a.btn-white {border: none;box-shadow: none;border-radius: 5px;font-weight: 700;color: #e83f3f;background-color: #fff;}
@media only screen and (max-width: 575px) {
    h1 {font-size: 10pt!important}
    .s2 {font-size: 26pt!important;line-height:26pt}
    h2 {font-size: 12pt!important}
    p {line-height: 16pt}
    .col-12 img {margin-top:0!important}
    section figure figcaption {top:auto;bottom:0;width:100%;left:0;padding-top:50%}
    section figure.gym figcaption {background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%)}
    section figure img {object-position: 72% center}
    section figure figcaption h2 {display: none}
    a.btn {margin:4px 0}
}