@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
section figure img {height: 400px;object-fit:cover;object-position:center 20%}
section figure {position:relative}
section figure:before {content:'';position:absolute;left:0;bottom:0;width:100%;height:75%;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
h1 { color: #3AAA35; font-style: normal; font-weight: 900; font-size: 20pt!important; }
.s2 { color: #3AAA35; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 65pt!important; text-transform: uppercase; letter-spacing: -.05em; line-height: 65px; margin-bottom: .3em;}
h2 { color: #1D1D1B; font-weight: 700!important; font-size: 14pt!important; }
p { color: #1D1D1B; font-weight: 500; font-size: 11pt; margin:0pt; line-height: 20pt }
.s3 { color: #3AAA35; 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: #3AAA35; font-weight: 500; font-size: 18pt; }
.s7 { color: #3AAA35; 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; }
.cadre {border: solid 2px #3AAA35;}
.cadre p {line-height: 16pt}
@media only screen and (max-width: 575px) {
    section figure img {height:auto;object-fit:unset;object-position:unset}
    h1 {font-size: 10pt!important}
    .s2 {font-size: 26pt!important;line-height:26pt}
    h2 {font-size: 12pt!important}
    h2 br {display:none}
    p {line-height: 16pt}
    .col-12 img {margin-top:0!important}
}