@charset "UTF-8";.big_image{padding:45px 0;height:775px;margin-bottom:45px;position:relative;overflow:hidden}
.big_image::before{content:"";display:block;width:0;height:0;border-style:solid;border-width:1000px 0 0 1000px;border-color:transparent transparent transparent #003150;position:absolute;z-index:1;right:100%;bottom:-45px;transition:right 500ms ease-in-out 800ms}
.big_image.fade::before{right:60%}
.big_image.back_blue::before{border-color:transparent transparent transparent #FFF}
.big_image picture{width:100%;max-width:1300px;height:685px;position:absolute;z-index:2;top:45px;opacity:0;left:calc((100vw - 1300px) / 2)}
.big_image picture::after{content:"";width:0;height:0;background:url('https://www.idgroupe.fr/medias/imports/big-image-circles.svg') no-repeat center center;background-size:contain;position:absolute;z-index:3;right:0;bottom:0;transition:width 300ms ease-in-out 500ms,height 300ms ease-in-out 500ms}
.big_image.fade picture::after{width:685px;height:685px}
.big_image.fade picture{opacity:1;transition:opacity 300ms ease-in-out 500ms}
.big_image picture img{overflow:hidden;border-radius:0 0 350px 0}
.big_image.top_corner picture img{border-radius:0 335px 0 0}
#testimonies.section{padding-bottom:0}
#slider{width:100%;max-width:1300px;padding:0 40px;margin:0 auto;position:relative;overflow:hidden}
#slider::before,#slider::after{content:"«";font-size:15rem;line-height:15rem;font-weight:700;color:#f5f5f5;position:absolute;z-index:-1}
#slider::before{content:"«";top:-50px;left:0}
#slider::after{content:"»";bottom:50px;right:0}
#slider .inner{width:100%;min-height:300px;height:500px;margin-bottom:100px;overflow:hidden}
#slider .swiper-slide{border-style:solid;border-width:1px;border-radius:100px 0 100px 0;padding:50px 180px 100px;text-align:center;position:relative;color:#003150}
#slider .people{margin-bottom:20px}
#slider .people mark,#slider .people em,#slider .people strong{display:block;font-size:1.25rem;line-height:1.5rem;background:transparent;color:#003150}
#slider .people mark{font-size:1.45rem;font-weight:700;margin-bottom:8px}
#slider picture{width:150px;height:150px;position:absolute;top:10px;right:10px;border-radius:0 0 0 80px;overflow:hidden}
#slider .testimony{height:325px;padding:0 20px 0 0;overflow:auto}
#testimonies .controls{position:absolute;z-index:5;width:100%;bottom:20px;left:0}
#testimonies .controls button{border:none;width:27px;height:26px;background:url('https://www.idgroupe.fr/medias/imports/slider-nav-arrow.svg') no-repeat center center;background-size:contain}
#testimonies .controls button.cNext{transform:rotate(180deg)}
#testimonies .swiper-pagination{position:relative;top:auto;left:auto;right:auto;bottom:auto;height:26px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;padding:0 10px}
#testimonies .swiper-pagination-bullet{display:inline-block;margin:0 5px}
#testimonies .swiper-pagination-bullet-active{width:17px;height:17px}
#map_section{position:relative}
#map_framework{position:relative}
.close_infos{position:absolute;z-index:21;top:-443px;left:-2px;justify-content:center;align-items:center;align-content:center;font-size:1.3rem;padding-bottom:2px;border-radius:50%;width:30px;height:30px;border:2px solid #003150;background-color:#FFF;font-weight:500;color:#003150;display:none}
#map_france{position:absolute;top:-570px;left:275px}
#map_france .relative{display:block;width:480px;padding-top:50px;height:540px}
#map_france .pin{position:absolute;z-index:5}
#map_france .pin span{display:block;background:url('https://www.idgroupe.fr/medias/imports/pin-geoloc.svg') no-repeat center bottom;background-size:25px 36px;width:40px;height:50px;position:relative;cursor:pointer;transition:all 300ms}
#map_france .pin span::after{content:"";position:absolute;top:19px;left:12px;width:15px;height:15px;border:3px solid #FFF;border-radius:50%;background-color:#009ddf;transition:all 300ms}
#map_france .pin:hover span,#map_france .pin.active span{background-size:40px 50px}
#map_france .pin:hover span::after,#map_france .pin.active span::after{top:7px;left:7px;width:25px;height:25px;border-width:5px}
#map_infos{position:absolute;bottom:100px;height:310px;left:0;border-left:1px solid #003150;padding-left:15px}
#map_infos::before,.place_infos::before{content:"";display:block;width:20px;height:20px;border-radius:50%;background-color:#003150;border:5px solid #FFF;position:absolute;bottom:290px;left:-10px}
.place_infos{position:relative;display:none;height:100%;overflow:auto}
.place_infos::-webkit-scrollbar{width:10px}
.place_infos::-webkit-scrollbar-track{background:#FFF}
.place_infos::-webkit-scrollbar-thumb{background:rgba(0,49,80,0.2)}
.place_infos::-webkit-scrollbar-thumb:hover{background:rgba(0,49,80,0.4)}
.place_infos::before{z-index:2;bottom:auto;top:0;left:-25px;background-color:currentColor}
.place_infos .place{color:#003150!important;display:none;font-weight:700;margin-bottom:20px}
.place_infos mark{display:block;text-transform:uppercase;letter-spacing:.1rem;background:transparent;margin-bottom:5px}
.place_infos hr{border:1px solid transparent}
.place_infos a{color:#009ddf;font-weight:400}
#map_buttons{margin-top:560px;height:100px;border-width:0 0 1px 1px;border-style:solid;border-color:#003150;border-radius:0 0 0 200px;position:relative}
#map_buttons .inner{position:absolute;width:100%;bottom:35px;top:0;margin-bottom:-50px}
#map_buttons button{display:block;border:none;cursor:pointer;font-weight:700;background-color:#FFF;text-transform:uppercase;transform:skewX(45deg);margin:0 20px;box-shadow:0 0 10px rgba(0,0,0,0.2);transition:background-color 300ms}
#map_buttons button span{display:block;transform:skewX(-45deg);padding:5px 15px;color:#003150}
#map_buttons button:hover,#map_buttons button.active{background-color:currentColor}
#map_buttons button:hover span,#map_buttons button.active span{color:#FFF}
#map_complement{position:absolute;width:360px;bottom:100px;right:0;font-size:1.25rem;line-height:1.5rem;font-weight:700;text-align:right}
#map_complement .intro{margin-bottom:30px}
#map_complement .hover_inner{position:relative}
#map_complement .hover{position:absolute;top:0;left:0;z-index:5;width:100%;height:100%}
footer{background:#003150;color:#FFF;min-height:100px;padding:30px 20px}
footer #navigation{text-align:left;width:calc(100% - 150px)}
footer nav{width:100%;margin-right:30px}
footer nav li{margin:5px 0}
footer nav:not(.last) li span{display:inline-block;margin:0 6px 0 5px;color:#009ddf}
footer nav.last ul li{margin-right:1.5vw}
footer nav a,footer strong.title{font-weight:700;font-size:.8375rem;letter-spacing:.1rem;text-transform:uppercase;color:#FFF;transition:color 300ms}
footer nav li ul li a{text-transform:none}
footer a:hover{color:#009ddf!important}
footer strong.title{width:100%;color:#009ddf;display:block;font-size:1rem;margin-bottom:10px}
#social{width:150px;text-align:right}
#social li{width:100%;padding:5px}
#social a{font-size:2rem;color:#FFF;transition:color 500ms}
#legals{width:100%;color:#FFF;font-size:.8125rem;text-align:center;padding:0 20px;margin-top:30px}
#legals a{color:#FFF;transition:color 300ms}
@media screen and (max-width:480px){.big_image{height:230px}
.big_image picture{width:calc(100% - 40px);height:180px;top:25px;left:20px}
.big_image.fade picture::after{width:180px;height:180px}
.big_image picture img{border-radius:0 0 90px 0}
.big_image.top_corner picture img{border-radius:0 90px 0 0}
#slider{padding:0 20px}
#slider::before,#slider::after{font-size:10rem;line-height:10rem}
#slider .inner{min-height:100px;height:500px;margin-bottom:75px}
#slider .swiper-slide{border-radius:50px 0 50px 0;padding:130px 20px 100px}
#slider .people mark{font-size:1.25rem}
#slider picture{width:100px;height:100px;right:calc(50% - 50px);border-radius:0 0 0 50px}
#slider .testimony{height:220px;padding:0 20px 0 0;overflow:auto}
#map_framework.wrapper{width:calc(100% - 40px)}
.close_infos.active{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
#map_infos{max-width:300px;position:absolute;bottom:100px;height:310px;left:0;border-left:1px solid #003150;padding-left:15px}
.place_infos{height:300px;margin-top:-295px;z-index:20;background-color:#FFF;padding:10px;box-shadow:0 0 5px rgba(0,0,0,0.3)}
.place{width:195px}
#map_france{transform:scale(0.7);transform-origin:center center;top:-610px;left:calc((100% - 495px) /2)}
#map_complement{bottom:-360px;transform:scale(0.85);transform-origin:center center}
#map_buttons{margin-top:530px;margin-bottom:300px}
#map_buttons button{margin-top:20px}
#map_infos{height:130px}
#map_infos::before,.place_infos::before{bottom:115px}
.place_infos::before{display:none}
footer #navigation,#social{text-align:left;width:60%;margin-bottom:40px}
#social{text-align:right;width:40%}
footer strong.title{text-align:left}
footer nav li{width:100%}
footer nav{width:100%;margin-bottom:5px}
footer nav:not(.last) li span{display:none}}
.legals h2,.legals h3,.legals h4{background:#FFF;text-transform:uppercase;font-weight:700;font-size:1.625rem;line-height:1.8rem;letter-spacing:.1rem;padding:10px 0;margin-bottom:10px}
.legals h3{font-size:1.425rem}
.legals h4{font-size:1.225rem}
.important-box{border:1px solid #ccc;padding:15px;margin:20px 0;background-color:#f9f9f9}
.legals ul ul{margin:10px}
.wrapper:has(.legals){padding-top:50px;padding-bottom:50px}
@media screen and (max-width:450px){.legals h2,.legals h3,.legals h4{font-size:1.325rem;line-height:1.5rem}
.legals h3{font-size:1.125rem}
.legals h4{font-size:1rem}}