/* Polices d'écriture */
@font-face {font-family: "SatoB";src: url("../fonts/SatoB.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: "ChillR";src: url("../fonts/ChillR.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: "ChillSB";src: url("../fonts/ChillSB.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: "ChillB";src: url("../fonts/ChillB.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}

:root {
  --bs-primary: #192551;
  --bs-secondary: #3CC9BE;
  --bs-body-color: #475073;
  --bs-body-color-alt:#D1D3DC;
  --bs-primary-rgb: 25, 37, 81;
  --bs-secondary-rgb: 60, 201, 190;
  --bs-body-color-rgb: 71, 80, 115;
  --bs-border-color:#D1D3DC;
  --bs-light-rgb:233,234,238;
  --bs-light:#E9EAEE;
}


/* Global */
html{height:100%;}
body{font-family: 'ChillR', sans-serif;}
body.no-scroll {overflow: hidden;height: 100dvh;}
.z-n1 {z-index: -1!important;}
.z-0 {z-index: 0!important;}
.z-1 {z-index: 1!important;}
.z-2 {z-index: 2!important;}
.z-3 {z-index: 3!important;}
.z-4 {z-index: 4!important;}
.z-5 {z-index: 5!important;}
.opacity-5{opacity: 0.05;}
.opacity-10{opacity: 0.1;}
.opacity-20{opacity: 0.2;}
.opacity-70{opacity: 0.7;}
.overflow-hidden-x{overflow-x: hidden !important;}
.w-80{width:80% !important;}
.w-90{width:90% !important;}
.text-body-alt{color:var(--bs-body-color-alt)}
#page{/*overflow:hidden;*/}
.homepage{/*overflow: hidden;*/}
section{width:100%;scroll-margin-top: 100px;}
strong, b{font-weight: normal;font-family: 'ChillB', sans-serif;}
.cartouche{background-color: var(--bs-secondary);font-size: 0.75rem;padding:0.25rem 0.5rem;text-transform: uppercase;font-family: 'SatoB', sans-serif;font-weight: normal;}
h2, h3, h4, h5{font-weight: normal;font-family: 'ChillSB', sans-serif;}
.smooth, a{-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.hover-link:hover{color:var(--bs-secondary) !important;}
.ratio-43{aspect-ratio: 4/3;}
.ratio-11{aspect-ratio: 1/1;}
.ratio-auto{aspect-ratio: unset !important;}
.letter-spacing{letter-spacing: 0.05rem;}
.lh-xs{line-height: 1;}
.main-title{font-family: 'SatoB', sans-serif;font-weight: normal;text-transform: uppercase;letter-spacing: -0.05rem;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-break: break-word;}
.letter-spacing-0{letter-spacing: 0;}
.fw-r{font-weight:normal;font-family: 'ChillR', sans-serif !important;}
.fw-sb{font-weight:normal;font-family: 'ChillSB', sans-serif;}
.fw-b, .fw-bold{font-weight:normal;font-family: 'ChillB', sans-serif;}
.object-fit-cover{object-fit: cover;}
.object-fit-contain{object-fit: contain;}
.rotate90{transform: rotate(90deg);}
.rotate180{transform: rotate(180deg);}
.blend-multiply{mix-blend-mode: multiply;}
.bg-primary-light{background-color: #475073;}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }
.mini-picto{height:1.25rem;width: auto;}
.btn, .btn *{-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.btn{font-weight: normal;font-family: 'ChillSB', sans-serif;border-radius: 2rem;}
.btn-big{padding:0.9rem 1.5rem;}
.btn-souligne{padding-left:0;padding-right:0;position:relative;color:#192551;display: flex;align-items: center;font-weight: normal;font-family: 'ChillSB', sans-serif;}
:not(.btn-check)+.btn.btn-souligne:active, .btn.btn-souligne:first-child:active, :not(.btn-check)+.btn.btn-lien:active, .btn.btn-lien:first-child:active{border-color:transparent !important;}
.btn-souligne:after{content: ""; display: inline-block; width:1rem;height:1rem;margin-left:0.5rem;background-image: url('../images/fleche.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; transition: margin 0.3s ease;}
.btn-souligne.btn-souligne-retour:after{display: none;}
.btn-souligne.btn-souligne-down:after{transform: rotate(90deg);}
.btn-souligne.btn-souligne-retour:before{transform: rotate(180deg);content: ""; display: inline-block; width:1rem;height:1rem;margin-right:0.5rem;background-image: url('../images/fleche.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; transition: margin 0.3s ease;}
.btn-souligne img{height:1.4rem;padding-right: 0.5rem;}
.btn-souligne span{border-bottom:2px solid #3CC9BE;border-color: var(--bs-secondary);padding-bottom:0.05rem;}
.btn-souligne-clair{color:#fff;}
.btn-souligne-clair:hover{color: #D1D3DC;}
.btn-souligne:hover:after{margin-left: 0.85rem;}
.btn-souligne:hover img{opacity: 0.75;}
.btn-lien{display: flex;align-items: center;font-weight: normal;font-family: 'ChillSB', sans-serif;}
.btn-lien img{height:1.4rem;padding-right: 0.5rem;}
.btn-lien:hover img{opacity: 0.75;}
.btn-lien-clair{color:#fff;}
.btn-lien-clair:hover{color: #D1D3DC;}
.btn-telephone{padding:0;border-radius: 2rem;border:2px solid #475073;display: flex;align-items: center;font-weight: normal;font-family: 'ChillSB', sans-serif;color:#fff;}
.btn-telephone img{height:1.4rem;padding-left:1rem;padding-right:1rem;}
.btn-telephone span{height:100%;flex-shrink: 0;border-left:2px solid #475073;display: flex;align-items: center;padding-left:1rem;padding-right:1.25rem;}
.btn-telephone:hover{border-color:#3CC9BE;color:#fff;}
.btn-telephone:hover span{border-color: #3CC9BE;}
.card-cabinet .btn-telephone, .card-cabinet .btn-telephone span{border-color:#E9EAEE;}
.card-cabinet .btn-telephone:hover, .card-cabinet .btn-telephone:hover span{border-color:var(--bs-primary);}
.h3-small-mobile{font-size: calc(1rem + .6vw);}
.btn-doctolib{
  --bs-btn-color: #ffffff;
    --bs-btn-bg: #1079C9;
    --bs-btn-border-color: #1079C9;

    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #3CC9BE;
    --bs-btn-hover-border-color: #3CC9BE;

    --bs-btn-active-bg: #1079C9;
    --bs-btn-active-border-color: #1079C9;

    --bs-btn-disabled-bg: #1079C9;
    --bs-btn-disabled-border-color: #1079C9;
}
.btn-doctolib.big{min-height:4rem;}
.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #192551;
    --bs-btn-border-color: #192551;

    --bs-btn-hover-bg: #192551;
    --bs-btn-hover-border-color: #192551;

    --bs-btn-active-bg: #192551;
    --bs-btn-active-border-color: #192551;

    --bs-btn-disabled-bg: #192551;
    --bs-btn-disabled-border-color: #192551;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3CC9BE;
    --bs-btn-border-color: #3CC9BE;

    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg: #475073;
    --bs-btn-hover-border-color: #475073;

    --bs-btn-active-bg: #475073;
    --bs-btn-active-border-color: #475073;

    --bs-btn-disabled-bg: #475073;
    --bs-btn-disabled-border-color: #475073;
}

.btn-outline-white {
    --bs-btn-color: #ffffff;
    --bs-btn-border-color: #ffffff;

    --bs-btn-hover-color: #09212C;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ffffff;

    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;

    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-border-color: #ffffff;
    --bs-btn-border-width:2px;
}

.btn-outline-secondary {
    --bs-btn-color: #192551;
    --bs-btn-border-color: #3CC9BE;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3CC9BE;
    --bs-btn-hover-border-color: #3CC9BE;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #192551;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #192551;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #3CC9BE;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #3CC9BE;
    --bs-gradient: none;
    --bs-btn-border-width:2px;
}

.btn-light{
    --bs-btn-color: #192551;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3CC9BE;
    --bs-btn-hover-border-color: #3CC9BE;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3CC9BE;
    --bs-btn-active-border-color: #3CC9BE;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3CC9BE;
    --bs-btn-disabled-border-color: #3CC9BE;
}
.btn-light-bis{
    --bs-btn-color: #192551;
    --bs-btn-bg: #D1D3DC;
    --bs-btn-border-color: #D1D3DC;
    --bs-btn-hover-color: #192551;
    --bs-btn-hover-bg: #D1D3DC;
    --bs-btn-hover-border-color: #D1D3DC;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #D1D3DC;
    --bs-btn-active-border-color: #D1D3DC;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D1D3DC;
    --bs-btn-disabled-border-color: #D1D3DC;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #001F31 #F4F4F4;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 15px;
  }

  *::-webkit-scrollbar-track {
    background: #F4F4F4;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #001F31;
    border-radius: 5px;
    border: 2px solid #F4F4F4;
  }

/* Return to top et simuler flottant mobile */
#btnReturnToTop {-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
    opacity:0;
    transform:translateX(300px);
    position: fixed;
    bottom: 20px;
    right: 20px;
    width:3rem;height:3rem;
    z-index: 3;
}

#btnReturnToTop.show {
    opacity:1;
    transform:translateX(0px);
}

/* Footer, Emqu S */
  footer .border-end{border-width: 0px !important;}
footer .footer-bas a img{margin-right:5px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
footer .footer-bas a:hover img{transform: scale(0.8);}
footer .footer-bas a:hover{color:#63bca0;}
footer .footer-bas a u{text-decoration: none;position: relative;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
footer .footer-bas a u:after{-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: absolute;content: '';width: 100%;left: 0px;bottom: -10px;height: 0px;background: linear-gradient(90deg, rgba(25, 37, 81,1) 0%, rgb(60, 201, 190) 100%);border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
footer .footer-bas a:hover u:after{height:8px;}
.footer-list li{padding-bottom: 1.5rem;}
.footer-link{position: relative;}

/* Header */
header{position: absolute;width:100%;z-index: 15;}
header.active{z-index: 100;}
header.active .menu-principal-liste a{color:var(--bs-primary);}
/*header{position: fixed;width:100%;z-index: 2;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;background-color:rgba(0,0,0,0);}
header.fixed{background:rgba(0,0,0,0.9);}*/
header.fixed{background:rgba(25, 37, 81, 0.9);position: fixed;top:0;padding-bottom:1.5rem;}
.fixed-mini-header{position: fixed;height:4rem;z-index:3;}
.logo-principal img{height:7rem;width: auto;}
.menu-principal-parent {position: fixed; top: 0; left: 0; z-index: 10001; height: 100%; width: 90%;background-color: #fff; padding-top: 180px; padding-left: 0rem; padding-right: 0rem; transform: translateX(-100%); box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);overflow:auto ;}
.menu-principal-parent.active {transform: translateX(0);}
.close-trigger {background-color: rgba(25, 37, 81, 0); backdrop-filter: blur(0px); transition: all 0.5s ease; cursor: pointer;}
#mega-menu-overlay.active .close-trigger {background-color: rgba(25, 37, 81, 0.4); backdrop-filter: blur(6px);}
.menu-principal-liste>li{display: flex;flex-direction: column;}
.menu-principal-liste>li>a{color:var(--bs-primary);font-weight: normal;font-family: 'ChillSB', sans-serif;text-decoration: none;display: flex;align-items: center;justify-content: space-between;}
.menu-principal-liste>li{border-bottom:2px solid #D1D3DC;}
.menu-principal-parent.active{z-index: 1000;}
.menu-principal-liste>li>a:after{content: ""; display: inline-block; width:1rem;height:1rem;margin-left:0.5rem;background-image: url('../images/fleche.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.menu-principal-liste li.active>a:after{transform: rotate(90deg);}
.menu-principal-liste li.active>a{padding-bottom:0 !important;}
.px-custom-menu{padding-left: 2rem;padding-right: 2rem;}
.sub-menu-list li { opacity: 0; transform: translateY(-10px); transition: all 0.3s ease; }
.sub-menu-list.active li { opacity: 1; transform: translateY(0); }
.sub-menu-list {display: flex;flex-direction:column;overflow: hidden;height:0;list-style: none;position: relative;transform: translateY(2rem);-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.sub-menu-list.active{overflow: visible;height:auto;transform: translateY(0rem);padding-bottom:2rem;padding-top:1rem;}
.tab-pane {animation: fadeIn 0.3s ease-in-out;}
@keyframes fadeIn {from {opacity: 0; transform: translateY(10px);} to {opacity: 1; transform: translateY(0);}}
.side-panel { max-height: 100vh; }
.side-panel { overflow-y: hidden; }
#side-menu-content { position: relative; }
.menu-tab-content { overflow-y: auto; }
.menu-tab-content { flex-grow: 1; }
.menu-tab-content::-webkit-scrollbar { width: 4px; }
.menu-tab-content::-webkit-scrollbar-thumb { background: #26c4b9; }
.menu-tab-content::-webkit-scrollbar-thumb { border-radius: 10px; }
.card-doctolib {
    background: linear-gradient(135deg, #1079C9, #0056b3);
}
.trigger-menu {transition: color 0.3s ease; cursor: pointer;}
.trigger-menu:hover {color: #3cc9be !important;}
.mega-menu-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; /*visibility: hidden; */pointer-events: none;}
.mega-menu-wrapper.active { /*visibility: visible; */pointer-events: all;}
.side-panel {padding-top: 11rem !important;transform: translateX(-100%); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.mega-menu-wrapper.active .side-panel { transform: translateX(0); }
#side-menu-content{z-index: 2;}
.close-trigger {z-index:0;position:absolute;left:0;top:0;background: rgba(25, 37, 81, 0.4); backdrop-filter: blur(4px); opacity: 0; transition: opacity 0.4s; }
.mega-menu-wrapper.active .close-trigger { opacity: 1; }
.burger{z-index: 15;}
.burger>div{width:41px;height:32px;position:relative;cursor:pointer;display:inline-block}
.burger span{background-color:var(--bs-secondary);position:absolute;transition:.3s cubic-bezier(.8,.5,.2,1.4)}
.burger span:nth-child(1){width:50%;height:3px;display:block;top:0;left:0}
.burger span:nth-child(2){width:100%;height:3px;display:block;top:15px;left:0}
.burger span:nth-child(3){width:50%;height:3px;display:block;bottom:0;left:0}
.burger.on{z-index:5 !important}
.burger.on span{background-color:var(--bs-secondary)}
.burger.on span:nth-child(1){width:100%;height:3px;display:block;top:0;left:0}
.burger.on span:nth-child(2){width:50%;height:3px;display:block;top:15px;left:50%}
.burger.on span:nth-child(3){width:100%;height:3px;display:block;bottom:0;left:0}
.overlay-mobile{backdrop-filter: blur(4px);opacity: 0;transform: translateY(-110%);width:10%;background-color: rgba(25, 37, 81, 0.7);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.overlay-mobile.active{opacity: 1;transform: translateY(0);z-index:3;}

/* Home -------*/
.hero-home{height:100dvh;padding-top:90px;}
.hero-home .vague{right:-9rem;top:0;height:auto;opacity: 0.15;}
.vague2{left:-14rem;top:-25rem;height:auto;transform: scale(-1, 1);opacity: 0.15;}
.vague2b{left:-14rem;top:-25rem;height:auto;transform: scale(-1, 1);opacity:0.5;z-index: 2;}
.vague3{right:-9rem;top:0;height:auto;}
.vague4{left:-2rem;top:-2rem;width:5rem;height:auto;}
.swip-prestations:before, .swip-fierte:before, .swip-cab:before{content:'';height:100%;background-color:#fff;width: 200%;display: block;position: absolute;right:100%;z-index: 2;}
.swip-prestations .swipper-card, .swip-catalogue .swipper-card{min-height: 400px;}
.swip-equipe-tech .swipper-card{min-height: 450px;}
.swip-catalogue .swipper-card img{height:200px;object-fit: contain;object-position: center;width: 100%;}
.swip-catalogue .swipper-card:hover{transform: translateY(-0.5rem);border-color: #3CC9BE !important;}
.swip-prestations .swiper-slide img, .card-ratio-11 img{opacity:0.7;-webkit-transition:opacity .4s ease-out,-webkit-transform 10s ease-out;transition:opacity .4s ease-out,transform 5s ease-out}
.swip-prestations .swiper-slide a:hover img{opacity:0.2;-webkit-transform:scale(1.5);transform:scale(1.2)}
.swip-prestations .swiper-slide-content, .card-ratio-11 .card-content, .card-content-bg{padding:2rem;position: relative;z-index: 1;background: linear-gradient(to top, #192551 0%, rgba(25, 37, 81, 0.7) 60%, rgba(25, 37, 81, 0) 100%);}
.p-card{padding:2rem;}
.swip-prestations .swiper-slide-content p, .card-ratio-11 .card-content p, .card-content-bg p{margin-bottom: 0;}
.sw-scroll{height: 2px !important; background: #E2E2E2 !important;}
.swiper-scrollbar-drag{background-color: var(--bs-primary) !important;}
.swiper-button-next-custom, .swiper-button-prev-custom {color: #3cc9be; cursor: pointer; transition: all 0.3s ease;}
.swiper-button-disabled {color: #D1D1D1 !important; cursor: not-allowed; opacity: 0.5;}
.swiper-button-next-custom:not(.swiper-button-disabled):hover, .swiper-button-prev-custom:not(.swiper-button-disabled):hover {color: #192551;}.swip-prestations .swiper-scrollbar {background: #E9ECEF;height: 2px !important;border-radius: 0;}
.swip-prestations .swiper-scrollbar-drag {background: #192551 !important;height: 2px !important;border-radius: 0;}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{z-index: 3 !important;}
.card-rati-11:hover img{opacity:0.2;-webkit-transform:scale(1.5);transform:scale(1.2)}
/* Type ------*/
.hero-type-min-bis{height:auto;}
.hero-home.hero-type-min{height:auto;min-height: 400px;}
.hero-home.hero-type-catalogue{height:auto;min-height: unset;}
.bg-gradient-gray-white{background: linear-gradient(to bottom, #E8E9ED 0%, #ffffff 100%);}
.hero-type::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 20%; background: linear-gradient(to top, #192551 0%, rgba(25, 37, 81, 0.7) 50%, rgba(25, 37, 81, 0) 100%); pointer-events: none; z-index: 1;}
.sesection-degrade-image{position: relative;}
.section-degrade-image::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(25, 37, 81, 0.8);pointer-events: none; z-index: 1;}
.swip-cabinets .swipper-card{min-height: 300px;}
.min-height-card{min-height: 350px;}
.swip-cabinets .swipper-card img{-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.swip-cabinets .swipper-card:hover img{opacity: 0.4;}
.swip-cabinets .swipper-card:hover{transform: translateY(-0.5rem);}
.portrait-header{height: 300px;}
.portrait-header img{opacity: 0.9;}
.portrait-header .card-content-bg{padding-top:5rem;}
.cabinet-header{min-height: 240px;}
.rounded-4-bottom{border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;}
.rounded-4-top{border-top-left-radius: 1rem;border-top-right-radius: 1rem;}
.portrait-content, .cabinet-content{border:2px solid #E9EAEE;border-top: 0;}
.portrait-content ul li{display: flex;align-items: center;padding-bottom:0.25rem;position: relative;padding-left: 1.25rem;}
.portrait-content ul li:before{content: "";display:inline-block;position: absolute; width: 15px; height: 15px;margin-right:0.5rem; background: url('../images/fleche.svg') no-repeat center / contain;top:4px;left:0;}
.btn-lieu.off {display: none !important;}
.btn-lieu:not(.off) {animation: fadeIn 0.4s ease forwards;}
.article ul, .list-sticky ul, .card-cabinet ul, .podos-cabinet ul{list-style: none;padding:0;margin:0;}
.article strong, .list-sticky strong, .podos-cabinet strong{font-weight:normal;font-family: 'ChillSB', sans-serif;}
.article ul li, .list-sticky ul li, .card-cabinet ul li, .podos-cabinet ul li{position: relative;padding-left:1.5rem;margin-bottom:0.5rem;}
.article ul li:before, .list-sticky ul li:before, .card-cabinet ul li:before, .podos-cabinet ul li:before{content: "";display:inline-block;position: absolute; width: 15px; height: 15px;margin-right:0.5rem; background: url('../images/fleche.svg') no-repeat center / contain;top:7px;left:0;}
.article h1, .article h2, .article h3, .presentation-cabinet h2, .podos-cabinet h2, .carte-cabinet h2{font-family: 'SatoB', sans-serif;font-weight: normal;text-transform: uppercase;letter-spacing: -0.05rem;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-break: break-word;color:var(--bs-primary);padding-bottom:2rem;}
.article-info h2{font-size: calc(1.3rem + .6vw)!important;}
.article>img{max-width: 100%;height:auto;width:100%;border-radius: 1rem;object-fit: cover;max-height: 360px;margin:1rem 0rem 2rem 0rem;}
.article{border-bottom: 2px solid #E9EAEE;}
.article:last-of-type{border-bottom: none;}
.article p:last-of-type{margin-bottom: 0;}
.article>ul{margin-top:2rem;margin-bottom:1rem;}
.article ul:last-of-type{margin-bottom: 0;}
.specialite .col-articles .article:nth-last-of-type(2){border:0 !important;}
.specialite .col-articles .article:last-of-type{padding-top:0 !important;}
.specialite .col-articles .article:last-of-type .mt-5{margin-top:0 !important;}
@keyframes fadeIn {from {opacity: 0; transform: translateY(10px);} to {opacity: 1; transform: translateY(0);}}
/* Breadcrumb */
.breadcrumb{font-size: 0.75rem;}
.breadcrumb-item + .breadcrumb-item::before { content: none !important; }
.breadcrumb-item+.breadcrumb-item{padding-left:0;}
.breadcrumb-item:not(:last-child)::after { content: ""; display: inline-block; width: 12px; height: 12px; margin: 0 0.5rem; background: url('../images/fleche.svg') no-repeat center; background-size: contain; vertical-align: middle; }
.breadcrumb-item { display: flex; align-items: center;color:#fff;font-weight:normal;font-family: 'ChillSB', sans-serif;}
.breadcrumb-item.active{color:#D1D3DC;font-weight:normal;font-family: 'ChillR', sans-serif;}
.breadcrumb-item a{color:#D1D3DC;}
.breadcrumb-container { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.breadcrumb { flex-wrap: nowrap !important; }
/* Catalogue */
.card-catalogue {transition: all 0.3s ease;border: 1px solid #D1D3DC !important;}
.card-catalogue:hover {transform: translateY(-5px);border-color: var(--bs-secondary) !important;}
.search-wrapper .form-control {border: 1px solid #D1D3DC;padding-top: 12px;padding-bottom: 12px;color:var(--bs-primary);font-family: 'ChillSB', sans-serif;}
.search-wrapper .form-control::placeholder{color:var(--bs-primary);font-family: 'ChillSB', sans-serif;}
.filter-group .form-check-input:checked {background-color: var(--bs-primary);border-color: var(--bs-primary);}
.filter-group label {font-size: 0.95rem;color: #444;cursor: pointer;}
.cursor-pointer { cursor: pointer; }
.filter-arrow { width: 15px; transition: transform 0.3s ease; }
.filter-arrow.rotate-90 { transform: rotate(90deg); }
.filter-header.collapsed .filter-arrow { transform: rotate(0deg); }
.custom-check { display: flex; align-items: center; padding-left: 0; margin-bottom: 1rem; position: relative; }
.custom-check .form-check-input { width: 25px; height: 25px; margin: 0 15px 0 0; border-radius: 0 !important; border: 1px solid #dee2e6; background-color: #fff; cursor: pointer; flex-shrink: 0; appearance: none; -webkit-appearance: none; position: relative; }
.custom-check .form-check-input:checked { background-color: #1a2b4b; border-color: #1a2b4b; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); background-size: contain; background-position: center; }
.custom-check .form-check-label { cursor: pointer; font-size: 1.1rem; color: #1a2b4b; display: flex; align-items: center; margin-bottom: 0; }
.custom-check .form-check-input:checked + .form-check-label{font-family: 'ChillSB', sans-serif;}
.pagination .page-link { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; color: #1a2b4b; font-weight: 700; border: 2px solid #dee2e6; margin: 0; transition: all 0.2s ease; }
.pagination .page-item.active .page-link { background-color: transparent; border-color: #26c4b9; color: #1a2b4b; }
.pagination .page-link:hover { background-color: #f8f9fa; border-color: #26c4b9; }
.pagination .btn-prev-next { border-radius: 50% !important; border: 2px solid #dee2e6; background: transparent; }
.pagination .btn-prev-next.active { border-color: #26c4b9; }
.pagination .btn-prev-next img { opacity: 0.5; }
.pagination .btn-prev-next.active img { opacity: 1; filter: invert(56%) sepia(88%) saturate(354%) hue-rotate(127deg) brightness(92%) contrast(88%); }
.pagination .page-item.disabled .page-link { opacity: 0.4; border-color: #dee2e6; }
#dynamic-text { transition: opacity 0.4s ease, transform 0.4s ease; }
.text-hidden { opacity: 0; transform: translateY(-10px); }
/* Fiche pdt */
.badge-info-pdp { background: #f8f9fa; color: #1a2b4b; padding: 6px 18px; border-radius: 8px; font-size: 0.9rem; font-weight: 500; }
.custom-select-pdp { border: none; background-color: #F9F9F9; border-radius: 12px; color: #1a2b4b; font-size: 0.95rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2326c4b9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
.table-product-info td { padding: 12px 0; border-bottom: 2px solid #D1D3DC; color: #666; font-size: 0.95rem; }
.table-product-info tr:last-child td { border-bottom: none; }
.btn-info-pdp { background-color: #26c4b9; border: none; transition: all 0.3s ease; font-size: 0.95rem; }
.btn-info-pdp:hover { background-color: #1eb1a7; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(38, 196, 185, 0.3); }
.visuel-chaussure-pdt{width:100%;height:auto;aspect-ratio: 1/1;}
/* Carto */
.hero-home.hero-type-carte{padding-top:0px;height:100svh;}
.hero-type-carte::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 20%; background: linear-gradient(to bottom, #192551 0%, rgba(25, 37, 81, 0) 100%); pointer-events: none; z-index: 1;}
#map { background: #f8f9fa; }
.leaflet-popup-content-wrapper { border-radius: 15px; padding: 0; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
.leaflet-popup-content { margin: 0; width: 300px !important; }
.popup-card { display: flex; flex-direction: column; }
.popup-header {padding:0 !important;display: flex;align-items: stretch;justify-content: flex-start;}
.popup-img { width: 25%; object-fit: cover; }
.popup-body {padding:1rem;}
.popup-title {color:var(--bs-primary);}
.popup-addr {font-size: 1rem; color:var(--bs-body-color); line-height: 1.2; margin: 0.5rem 0; }
.popup-team { display: flex; gap: 5px; margin-bottom: 15px; }
.team-img { width: 3rem; height: 3rem; border-radius: 50%; border: 1px solid #fff; }
.btn-cabinet { background: #1a2b4b; color: #fff; text-decoration: none; padding: 8px 15px; border-radius: 20px; font-size: 0.8rem; display: flex; justify-content: space-between; align-items: center; font-weight: 600; }
.btn-cabinet:hover { color: #26c4b9; }
.leaflet-popup-tip-container { display: none; }
.leaflet-bottom.leaflet-left { margin-bottom: 20px; margin-left: 20px; }
.leaflet-bar { border: none !important; box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important; }
.leaflet-bar a { background-color: #fff !important; color: #1a2b4b !important; border-bottom: 1px solid #eee !important; width: 40px !important; height: 40px !important; line-height: 40px !important; font-size: 1.2rem !important; }
.leaflet-bar a:first-child { border-radius: 10px 10px 0 0 !important; }
.leaflet-bar a:last-child { border-radius: 0 0 10px 10px !important; border-bottom: none !important; }
.leaflet-bar a:hover { color: #26c4b9 !important; }
.leaflet-control-attribution{opacity: 0.25;}
.leaflet-marker-icon{-webkit-transition: opacity 0.4s ease-out;transition: opacity 0.4s ease-out;}
.leaflet-marker-icon:hover{opacity:0.7;}
.popup-bottom{bottom:unset !important;margin-top:1rem;}
.leaflet-popup-content-wrapper, .leaflet-popup-tip{box-shadow:0 4px 15px rgba(0,0,0,0.1) !important;}
.leaflet-popup-content-wrapper{padding:0 !important;}
.leaflet-popup-content{padding:0 !important;margin:0 !important;width:90vw !important;}
.popup-bottom .leaflet-popup-tip-container { display: none; }
.popup-bottom .leaflet-popup-content-wrapper::before { content: ""; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #ffffff; z-index: 1000; }
.leaflet-container a.leaflet-popup-close-button{font-family:'ChillSB', sans-serif !important;transform: scale(1.5);color:var(--bs-primary) !important;}
.leaflet-container a.leaflet-popup-close-button:hover{color:var(--bs-secondary) !important;}
.mini-portraits img{width:4rem;height:4rem;}
/* Cabinet */
.hero-type-cabinet{background-color: #475174;}
.hero-type-cabinet::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to bottom, #192551 0%, rgba(25, 37, 81, 0.5) 50%, rgba(25, 37, 81, 0) 100%); pointer-events: none; z-index: 1;}
.hero-type-cabinet>img{opacity: 0.1;}
.hero-type-cabinet .vague{display: none;}
.link-service{border:2px solid #E9EAEE;text-decoration: none;}
.link-service .picto{height:2rem;width: auto;}
.link-service:hover{border-color: var(--bs-secondary);}
.carte-cabinet .adresse{border-top-left-radius: 1rem;border-top-right-radius: 1rem;}
.carte-cabinet .carte{border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;height:300px;}
.carte-cabinet .btn-telephone, .carte-cabinet .btn-telephone span{border-color: var(--bs-secondary);}
.carte-cabinet .btn-telephone:hover, .carte-cabinet .btn-telephone:hover span{border-color: var(--bs-primary);}
.sommaire-links a{display: flex;align-items: center;justify-content: space-between;text-decoration: none;color:var(--bs-primary);border-bottom: 2px solid #E8E9ED;}
.sommaire-links a:last-of-type{border:0;}
.sommaire-links a:after{content: ""; display: inline-block; width:1rem;height:1rem;margin-left:0.5rem;background-image: url('../images/fleche.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; transition: margin 0.3s ease;}
.sommaire-links a:hover{color:var(--bs-secondary);}
.swip-cab .swipper-card{min-height: 300px;}
/* Pratique */
.col-infos .col-articles .article:first-of-type{padding-top: 0 !important;}
/* Modal prendre RDV */
.modal-content.rounded-4{border-radius: 0 !important;}
.card-cabinet-select { transition: all 0.3s ease; border: 2px solid #f8f9fa; }
.card-cabinet-select.selected { border-color: #26c4b9; background-color: rgba(38, 196, 185, 0.02); }
.card-cabinet-select.selected .btn-choisir { background-color: #26c4b9; color: white; border-color: #26c4b9; }
.btn-choisir { font-weight: bold; transition: all 0.2s; }
.btn-info { background-color: #26c4b9; border: none; }
.modal-footer { box-shadow: 0 -15px 30px rgba(0, 0, 0, 0.08); }
#cta-doctolib-container:not(.d-none) { animation: fadeInUp 0.5s ease forwards; }
.modal-backdrop{background: rgba(25, 37, 81, 0.4) !important; backdrop-filter: blur(4px);}
.modal-backdrop.show{opacity: 0.8 !important;}

@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 30px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

@media (max-width: 767.98px) {
    .modal-footer { padding-bottom: calc(1.5rem + env(safe-area-inset-bottom)) !important; }
}

#cta-doctolib-container { width: 100%; }
#cta-doctolib-container { text-align: center; }

.btn-doctolib { transition: transform 0.2s ease-in-out; }
.btn-doctolib:active { transform: scale(0.98); }

/* Animations */
@-webkit-keyframes fade {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@keyframes fade {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@-webkit-keyframes toleft {
  from {
      -webkit-transform: translateX(200px);
              transform: translateX(200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@keyframes toleft {
  from {
      -webkit-transform: translateX(200px);
              transform: translateX(200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@-webkit-keyframes toright {
  from {
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@keyframes toright {
  from {
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@-webkit-keyframes totop {
  from {
      -webkit-transform: translateY(200px);
              transform: translateY(200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@keyframes totop {
  from {
      -webkit-transform: translateY(200px);
              transform: translateY(200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@-webkit-keyframes tobottom {
  from {
      -webkit-transform: translateY(-200px);
              transform: translateY(-200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@keyframes tobottom {
  from {
      -webkit-transform: translateY(-200px);
              transform: translateY(-200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}

@-webkit-keyframes toscalein {
  from {
      -webkit-transform: scale(2);
              transform: scale(2);
  }
  to {
      -webkit-transform: scale(1);
              transform: scale(1);
  }
}
@keyframes toscalein {
  from {
      -webkit-transform: scale(2);
              transform: scale(2);
  }
  to {
      -webkit-transform: scale(1);
              transform: scale(1);
  }
}


.fadein-scroll {
  opacity:0;
}
.toleft-scroll {
  opacity:0;
  -webkit-transform: translateX(200px);
      -ms-transform: translateX(200px);
          transform: translateX(200px);
}
.toright-scroll {
  opacity:0;
  -webkit-transform: translateX(-200px);
      -ms-transform: translateX(-200px);
          transform: translateX(-200px);
}
.totop-scroll {
  opacity:0;
  -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
          transform: translateY(200px);
}
.tobottom-scroll {
  opacity:0;
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
}

.toscalein-scroll {
  opacity:0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
}

.fadein, .fadein-scroll.on {
  opacity:0;
  -webkit-animation: fade 1s ease;
          animation: fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.toleft, .toleft-scroll.on {
  opacity:0;
  -webkit-transform: translateX(200px);
      -ms-transform: translateX(200px);
          transform: translateX(200px);
  -webkit-animation: toleft 1s ease, fade 1s ease;
          animation: toleft 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.toright, .toright-scroll.on {
  opacity:0;
  -webkit-transform: translateX(-200px);
      -ms-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-animation: toright 1s ease, fade 1s ease;
          animation: toright 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.totop, .totop-scroll.on {
  opacity:0;
  -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
          transform: translateY(200px);
  -webkit-animation: totop 1s ease, fade 1s ease;
          animation: totop 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.tobottom, .tobottom-scroll.on {
  opacity:0;
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
  -webkit-animation: tobottom 1s ease, fade 1s ease;
          animation: tobottom 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.toscalein, .toscalein-scroll.on {
  opacity:0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  -webkit-animation: toscalein 1s ease, fade 1s ease;
          animation: toscalein 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

  .delay0{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
  .delay1{-webkit-animation-delay: 0.2s !important;animation-delay: 0.2s !important;}
  .delay2{-webkit-animation-delay: 0.3s !important;animation-delay: 0.3s !important;}
  .delay3{-webkit-animation-delay: 0.4s !important;animation-delay: 0.4s !important;}
  .delay4{-webkit-animation-delay: 0.5s !important;animation-delay: 0.5s !important;}
  .delay5{-webkit-animation-delay: 0.6s !important;animation-delay: 0.6s !important;}
  .delay6{-webkit-animation-delay: 0.7s !important;animation-delay: 0.7s !important;}  
  .delay7{-webkit-animation-delay: 0.8s !important;animation-delay: 0.8s !important;}  
  .delay8{-webkit-animation-delay: 0.9s !important;animation-delay: 0.9s !important;}    


/*
X-Small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px

/ Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*/

.container, .container-fluid, [class*="container-"] {padding-right: 1rem ;padding-left: 1rem ;}

.bloc-espace-patient-home{transform: translateX(2rem);padding-right: 0;padding-left: 0;}
.bloc-espace-patient-home img{height:100%;object-fit: cover;object-position: left;}

@media (min-width: 330px) {
.container, .container-fluid, [class*="container-"] {padding-right: 2rem ;padding-left: 2rem ;}
}


@media (min-width: 576px) {
  .bloc-espace-patient-home{transform: none;padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);}
  .bloc-espace-patient-home img{height:100%;object-fit: contain;object-position: center;}
  .portrait-header{height: 350px;}
  .visuel-chaussure-pdt{width:100%;height:300px;aspect-ratio: unset;}
}


@media (min-width: 768px) {
  .custom-stick-home{top:5rem;position: sticky;}
  .vague4{left:-2rem;top:-5rem;height:auto;width:10rem;}
  .section-degrade-image::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to left, #192551 0%, rgba(25, 37, 81, 0.6) 70%, rgba(25, 37, 81, 0) 100%); pointer-events: none; z-index: 1;}
  .swip-cabinets .swiper-wrapper{display: flex;flex-wrap: wrap;}
  .swip-cabinets .swiper-wrapper.row {display: flex !important;flex-wrap: wrap !important;width: auto !important;transform: none !important;margin-right: -0.75rem !important;margin-left: -0.75rem !important;}
  .swip-cabinets .swiper-slide {width: 33.3333333% !important;flex: 0 0 auto !important;}
  .sticky-top-prestation{position: sticky;top:120px;}
  .swip-cab .swipper-card{min-height: 338px;}
  .modal-content.rounded-4{border-radius: 1rem !important;}
  .modal-footer { box-shadow:none; }

}

@media (min-width: 992px) {
  footer .border-end{border-width: 2px !important;border-color: #475073 !important;}
  .min-height-card{min-height: 550px;}
  .carte-cabinet .adresse{border-top-right-radius: 0;border-bottom-left-radius: 1rem;}
  .carte-cabinet .carte{border-top-right-radius: 1rem;border-bottom-right-radius: 1rem;height:auto;}
  .visuel-chaussure-pdt{width:100%;height:400px;aspect-ratio: unset;}

}



@media (min-width: 1200px) {
.container, .container-fluid, [class*="container-"] {padding-right: 3rem ;padding-left: 3rem ;}
header.fixed{background:transparent;position: absolute;top:unset;padding-bottom:0;}
.h3-small-mobile{font-size: 1.75rem;}
.mega-menu-wrapper { display:flex;}
.side-panel {width:50%;}
.menu-principal-parent{position:relative;top:unset;left:unset;z-index: 2;height:auto;width:100%;transform: none;background-color: transparent;padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);}
.px-custom-menu{padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);}
.menu-principal-parent.active{transform:none;position: relative;}
.menu-principal-liste>li{border-bottom:none;padding-right:3.75rem;}
.menu-principal-liste>li>a{color:#fff;}
.menu-principal-liste>li>a:after{display: none;}
.pt-header{padding-top: 4rem;}
.hero-home{height:100dvh;padding-top:230px;min-height: 650px;}
.swip-prestations .swipper-card{min-height: 500px;}
.swip-cab .swipper-card{min-height: 338px;}
.swip-catalogue .swipper-card{min-height: 400px;}
.swip-cabinets .swipper-card{min-height: 400px;}
.ratio-11-desktop{aspect-ratio: 1/1;}
.vague4{left:-10rem;top:-15rem;height:auto;width:auto;}
.section-degrade-image::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to left, #192551 0%, rgba(25, 37, 81, 0.7) 50%, rgba(25, 37, 81, 0) 100%); pointer-events: none; z-index: 1;}
.swip-cabinets .swiper-slide {width: 25% !important;flex: 0 0 auto !important;}
.sticky-top-prestation{position: sticky;top:90px;}
.hero-type-carte::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to bottom, #192551 0%, rgba(25, 37, 81, 0.5) 50%, rgba(25, 37, 81, 0) 100%); pointer-events: none; z-index: 1;}
.hero-home.hero-type-carte{padding-top:60px;height:82svh;}
.leaflet-popup-content{padding:0 !important;margin:0 !important;width:400px !important;}
.hero-type-min-bis{height:auto;min-height: 400px;padding-top:120px;}
.article-info h2{font-size:1.75rem !important;padding-bottom:1rem;}
.visuel-chaussure-pdt{width:100%;height:500px;aspect-ratio: unset;}
}

@media (min-width: 1400px) {
  .side-panel {width:40%;}
  .container-xxl, .container {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
  }
  .menu-principal-liste>li{padding-right:2rem;}
  .hero-type-min-bis{height:auto;min-height: 350px;padding-top:100px;}
}


@media (min-width: 1500px) {
  .menu-principal-liste>li{padding-right:3rem;}
}

@media (min-width: 1600px) {
  .container-xxl, .container {
    max-width: 1720px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1890px) {
  .hero-type-cabinet .vague{display:block;opacity: 1;left:-7rem;top:9rem;z-index: 1;width:15rem;}
}