.section-calendrier {padding-top: 40px; padding-bottom: 80px;}
.section-calendrier>div {gap:20px; flex-direction: column;}
.section-calendrier h3 {color: var(--couleur-principale); font-size: 16px; font-weight: 500;}
.section-calendrier  .bloc-left h2{text-align: left;}
@media screen and (min-width: 768px) {
    .section-calendrier>div {gap:50px; flex-direction: row;}
    .section-calendrier {padding-top: 70px; padding-bottom: 110px; position: relative;}
    .module-motif.section-calendrier::before {position: absolute; content: ''; width: 1000px; height: 500px; background-image: var(--picto-fleches-bg); background-size: contain; transform: rotate(90deg); right: -250px; top: 100px; opacity: .3;}
    .section-calendrier .bloc-left, .section-calendrier .bloc-right {width: 50%;}
}