@import url(https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css);.slider>p{line-height:1.5;padding-left:3.5rem}main{overflow-x:hidden;width:100%}.swiper-histoire{height:auto;margin-top:3rem;padding-bottom:12rem;position:relative}.swiper-histoire .swiper-slide{height:30rem}.swiper-histoire .swiper-slide .content{background-color:var(--green);border-radius:1.7rem;height:100%;margin:0 auto;overflow:hidden;position:relative;width:calc(100% - 2rem)}.swiper-histoire .swiper-slide .content ul{margin:0 4rem;text-align:center}.swiper-histoire .swiper-slide .content ul li{font-weight:700;margin-bottom:1.5rem;position:relative}.swiper-histoire .swiper-slide .content ul li:before{background-color:var(--black);border-radius:50%;content:"";height:.7rem;left:-.7rem;position:absolute;top:.4rem;width:.7rem}.swiper-histoire .swiper-slide .background{height:45%;width:100%}.swiper-histoire .swiper-slide h2{color:var(--white);font-size:3.5rem;font-weight:300;margin-bottom:1rem;margin-top:3rem;padding-left:0;text-align:center}.swiper-histoire .swiper-slide h2:after{content:none}.swiper-histoire .swiper-slide p,.swiper-histoire .swiper-slide ul{color:var(--black);font-size:1.6rem;font-weight:700;text-align:center;transition:opacity .7s}.swiper-histoire .swiper-slide .onClick{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.swiper-histoire .swiper-slide.active h2{color:var(--white);padding-top:9rem}.swiper-histoire .swiper-slide.active .content:before{opacity:1}.swiper-histoire .swiper-slide.active .content:after{opacity:0}.swiper-histoire .swiper-slide.active p,.swiper-histoire .swiper-slide.active ul{opacity:1}.swiper-histoire .swiper-slide.active .background{opacity:0;transition:.7s}.swiper-histoire .navigate{align-items:center;bottom:4rem;display:flex;height:3rem;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:100%}.swiper-histoire .navigate div{position:static;transform:none}.swiper-histoire .navigate .swiper-button-next,.swiper-histoire .navigate .swiper-button-prev{background-image:url(/app/themes/jhMesguen/public/images/red_arrow2.9b5f73.png);background-size:contain;height:100%;margin-top:0;width:3rem}.swiper-histoire .navigate .swiper-button-next:after,.swiper-histoire .navigate .swiper-button-prev:after{content:none}.swiper-histoire .navigate .swiper-button-next{margin-left:1.5rem;rotate:180deg}.swiper-histoire .navigate .swiper-button-prev{margin-right:1.5rem}.swiper-histoire .navigate .swiper-pagination{transform:none;width:25rem!important}.swiper-histoire .navigate .swiper-pagination span{background-color:transparent;color:var(--green);font-family:ProximaNova,sans-serif;font-size:1.8rem;font-weight:700;margin:0 .5rem;text-align:center;transform:none;width:4rem}.swiper-histoire .onDesktopNavigate{display:none}@media only screen and (min-width:768px){h1{margin-bottom:6rem}.slider>p{padding-left:5rem}.swiper-histoire .swiper-slide{height:40rem}.swiper-histoire .swiper-slide .background{height:60%}}@media only screen and (min-width:1280px){.slider>p{margin-bottom:9rem;padding-left:7rem;width:90rem}.slider h1{margin-bottom:3rem;width:90%}.swiper-histoire{margin:0 7vw}.swiper-histoire .swiper-slide{height:45rem}.swiper-histoire .swiper-slide .content{border-radius:0;max-width:50rem}.swiper-histoire .navigate .swiper-button-next,.swiper-histoire .navigate .swiper-button-prev{transition:transform .7s}.swiper-histoire .navigate .swiper-button-next:hover,.swiper-histoire .navigate .swiper-button-prev:hover{transform:scale(1.3)}.swiper-histoire .navigate .swiper-pagination-bullet{transition:transform .2s,left .2s,opacity .7s!important}.swiper-histoire .navigate .swiper-pagination-bullet:hover{opacity:1}.swiper-histoire .onDesktopNavigate{display:inline;display:initial;position:static}.swiper-histoire .onDesktopNavigate .swiper-button-next,.swiper-histoire .onDesktopNavigate .swiper-button-prev{height:5rem;position:absolute;top:calc(50% - 5rem);width:5rem}.swiper-histoire .onDesktopNavigate .swiper-button-next{right:-8rem;transform:translateY(50%)}.swiper-histoire .onDesktopNavigate .swiper-button-next:hover{transform:translateY(50%) scale(1.3)}.swiper-histoire .onDesktopNavigate .swiper-button-prev{left:-8rem;transform:translateY(-50%)}.swiper-histoire .onDesktopNavigate .swiper-button-prev:hover{transform:translateY(-50%) scale(1.3)}}@media only screen and (min-width:1920px){h1{margin-top:9rem}.slider>p{margin-left:14vw}.swiper-histoire .swiper-slide h2{margin-left:0;margin-right:0}.swiper-histoire .swiper-slide p{font-size:2.6rem;margin:0 10rem}}