/* Polices d'écriture */
@font-face {font-family: "Helv";src: url("../fonts/Helv.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: "HelvL";src: url("../fonts/HelvL.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: "HelvM";src: url("../fonts/HelvM.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: "HelvB";src: url("../fonts/HelvB.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: "HelvULI";src: url("../fonts/HelvULI.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}

:root {
    --bs-border-width: 2px;
    font-family: 'HelvB', sans-serif;

    /* Couleurs principales */
    --bs-primary: #E4003F;
    --bs-primary-rgb: 228, 0, 63;
    --bs-link-color-rgb: 228, 0, 63;
    --bs-link-hover-color-rgb: 255, 109, 149;

    --bs-secondary: #F9F9F9;
    --bs-secondary-rgb: 249, 249, 249;

    /* Texte global */
    --bs-body-color: #09212C;
    --bs-body-bg: #ffffff;

    /* Couleurs de base */
    --bs-light: #F9F9F9;
    --bs-light-rgb: 249, 249, 249;

    --bs-dark: #09212C;
    --bs-dark-rgb: 9, 33, 44;

    /* Couleurs badge */
    --bs-badge-bg: #FFDCE5;
    --bs-badge-color: #E41751;

    /* Lien */
    --bs-link-color: #E4003F;
    --bs-link-hover-color: #B70032;

    /* Bordures */
    --bs-border-color: #E5E5E5;

    /* Focus */
    --bs-focus-ring-color: rgba(228, 0, 63, .25);
}


/* Global */
html{height:100%;}
body{font-family: 'Helv', sans-serif;}
.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;}
.form-check-input:checked{background-color: var(--bs-primary) !important;border-color: var(--bs-primary) !important;}
.overflow-hidden-x{overflow-x: hidden !important;}
.w-80{width:80% !important;}
.w-90{width:90% !important;}
#page{overflow:hidden;}
.homepage{overflow: hidden;}
section{width:100%;scroll-margin-top: 100px;}
strong, b{font-weight: normal;font-family: 'HelvB', sans-serif;}
.fs-1{font-size: 2.75rem !important;}
.fs-2{font-size: 1.5rem !important;}
.fs-6{}
.fs-7{font-size: 0.9rem;}
.fs-8{font-size: 0.7rem;}
.fs-9{font-size: 0.5rem;}
h2, h3, h4, h5{font-weight: normal;font-family: 'HelvM', sans-serif;}
.smooth, a{-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.ratio-11{aspect-ratio: 1/1;}
.ratio-auto{aspect-ratio: unset !important;}
.letter-spacing{letter-spacing: 0.05rem;}
.fw-sb{font-weight:normal;font-family: 'HelvM', sans-serif;}
.fw-b, .fw-bold{font-weight:normal;font-family: 'HelvB', sans-serif;}
.text-grey{color:#D8D8D8;}
.text-soft-pink{color:#FFDCE5;}
.object-fit-cover{object-fit: cover;}
.object-fit-contain{object-fit: contain;}
.rotate180{transform: rotate(180deg);}
.blend-multiply{mix-blend-mode: multiply;}
.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 */
  }
.caps-title{text-transform: uppercase;font-family: 'HelvULI', sans-serif;font-weight: normal;font-size: 1.75rem;}
.img-radius, .bloc-radius{border-radius:0.5rem;border-top-left-radius: 7rem;}
.img-right-radius{border-radius:0.5rem;border-top-right-radius: 7rem;}
.btn{-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;font-weight: normal;font-family: 'HelvB', sans-serif;border-radius: 2rem;padding:0.85rem 2.25rem;text-transform: uppercase;letter-spacing: 0.025rem;font-size: 0.9rem;}
.btn.small{font-size: 0.6rem;padding:0.85rem 1.5rem;}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #E4003F;
    --bs-btn-border-color: #E4003F;

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

    --bs-btn-active-bg: #9E002B;
    --bs-btn-active-border-color: #9E002B;

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

.btn-secondary {
    --bs-btn-color: #09212C;
    --bs-btn-bg: #F9F9F9;
    --bs-btn-border-color: #F9F9F9;

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

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

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

.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;
}

.btn-outline-dark-custom {
    --bs-btn-color: #09212C;
    --bs-btn-border-color: #09212C;

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

    --bs-btn-active-bg: #09212C;
    --bs-btn-active-border-color: #09212C;

    --bs-btn-disabled-color: #09212C;
    --bs-btn-disabled-border-color: #09212C;
}

.btn-outline-primary {
    --bs-btn-color: #E4003F;
    --bs-btn-border-color: #E4003F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E4003F;
    --bs-btn-hover-border-color: #E4003F;
    --bs-btn-focus-shadow-rgb: 228, 0, 63;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E4003F;
    --bs-btn-active-border-color: #E4003F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #E4003F;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E4003F;
    --bs-gradient: none;
}

.badge {
    --bs-badge-bg: #FFDCE5;
    --bs-badge-color: #E41751;
}

/* ===== 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 .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(228,0,63,1) 0%, rgb(141, 7, 45) 50%, rgb(73, 13, 30) 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;}
footer:after{content:''; background-image: url(../images/Metal-Deploye-MD.svg);position: absolute;right:0;bottom:0;z-index: 0;opacity: 0.5;height:80%;width: 40%; background-repeat: no-repeat;background-size: contain;background-position: bottom right;}
footer .cartouche{width:2.5rem;height:2.5rem;padding:0.75rem;display: flex;align-items: center;justify-content: center;}

/* Header */
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 .disabled-on-fixed{display: none !important;}
header.fixed .pt-disabled-on-fixed{padding:0 !important;}
header.fixed .has-submenu>.submenu{top:8rem;}
header.fixed.active{background:rgba(0,0,0,1);}
.submenu .h4{font-size: 1.25rem !important;}
header.active{background-color: rgba(0,0,0,1);padding-bottom:5rem;}
header.active .disabled-on-fixed{display: none !important;}

.burger{z-index: 15;}
.burger>div{width:30px;height:26px;position:relative;cursor:pointer;display:inline-block}
.burger span{background-color:#fff;position:absolute;transition:.3s cubic-bezier(.8,.5,.2,1.4)}
.burger span:nth-child(1){width:100%;height:2px;display:block;top:0;left:0}
.burger span:nth-child(2){width:100%;height:2px;display:block;top:12px;left:0}
.burger span:nth-child(3){width:100%;height:2px;display:block;bottom:0;left:0}
.burger.on{z-index:5 !important}
.burger.on span{background-color:#fff}
.burger.on span:nth-child(1){width:100%;height:2px;display:block;top:50%;left:0;transform:translateY(-50%) rotate(45deg)}
.burger.on span:nth-child(2){width:100%;height:2px;display:block;top:50%;left:0;transform:translateY(-50%) rotate(-45deg)}
.burger.on span:nth-child(3){width:0;height:0;opacity:0}header.menu-open .burger span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
header.menu-open .burger span:nth-child(2){opacity:0;}
header.menu-open .burger span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);}
.menu-header-parent{overflow:auto;position: fixed;transform: translateY(100%);bottom:0;left:0;z-index: 16;height:calc(100% - 80px);width:100%;background: #000;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.menu-header-parent.visible{transform: translateY(0%);}
.logo-main{width:6rem;}
.menu-header>li{position: relative;}
.menu-header > li > a:not(.btn){font-size: calc(1.325rem + .9vw);}
.menu-header>li:after{content:'';width:20px;height:3px;background-color: var(--bs-primary);position: absolute;bottom: -0.75rem;left:0;display: block;}
.menu-header>li:last-of-type:after, .menu-header > li:nth-last-of-type(2):after{display: none;}
.li-acces-menu {opacity: 0;transform: translateX(-50px);transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
.li-acces-menu.li-enter {opacity: 1;transform: translateX(0);}
.li-acces-menu.li-enter:nth-child(1) { transition-delay: 0.1s; }
.li-acces-menu.li-enter:nth-child(2) { transition-delay: 0.2s; }
.li-acces-menu.li-enter:nth-child(3) { transition-delay: 0.3s; }
.li-acces-menu.li-enter:nth-child(4) { transition-delay: 0.4s; }
.li-acces-menu.li-enter:nth-child(5) { transition-delay: 0.5s; }
.li-acces-menu.li-enter:nth-child(6) { transition-delay: 0.6s; }
.li-acces-menu.li-enter:nth-child(7) { transition-delay: 0.7s; }

/* Home -------*/
/* Hero */
.hero{padding-top:5rem !important;min-height: calc(100vh - 80px);}
.hero-img{top:0;left:0;background:linear-gradient(90deg,#828282 0%,#4B4B4B 50%,#3B2E2E 100%);opacity: 0.8;}
.hero-img:before{content:'';position:absolute;inset:0;z-index:1;}
.hero-img img{opacity: 1;mix-blend-mode:multiply;}
.hero-visuel .img-circle{width:17rem;aspect-ratio: 1/1;object-fit: cover;border-radius:0.5rem;position: absolute;}
.hero-visuel .img-circle.img-1{right:22rem;top:0;border-top-left-radius:7rem;}
.hero-visuel .img-circle.img-2{right:0;top:8rem;border-top-right-radius:7rem;}
.hero-visuel .img-circle.img-3{right:22rem;top:22rem;border-bottom-left-radius:7rem;}
.hero-visuel .content-circle{position:absolute;font-family: 'HelvM', sans-serif;font-size: 2rem;display: flex;flex-direction: column;line-height: 1;}
.hero-visuel .content-circle span{font-family: 'HelvULI', sans-serif}
.hero-visuel .content-circle.content-circle-1{text-align: right;top:17.5rem;right:26.5rem;width:13rem;}
.hero-visuel .content-circle.content-circle-1>div{position:relative;display: flex;width:100%;align-items: center;}
.hero-visuel .content-circle.content-circle-1>div:after{content:'';flex-grow:1;height:3px;background-color:#E4003F;display: inline;margin-left:1rem;}
.hero-visuel .content-circle.content-circle-1>div div{display: flex;flex-direction: column;}
.hero-visuel .content-circle.content-circle-2{text-align: left;top:1rem;right:2rem;border-bottom: 3px solid #E4003F;padding-bottom:0.8rem;}
.hero-visuel .content-circle.content-circle-3{text-align: left;top:26rem;right:0rem}
.hero-visuel .circle-svg{position:absolute;z-index:3;right:12rem;top:12.5rem;opacity:0;transform:rotate(90deg);transform-origin:center;animation:fadeRotate 1s cubic-bezier(.4,0,.2,1) forwards;}
.hero-visuel .line-svg{position: absolute;top:26.9rem;right:0;}
.full-hero{height:calc(100vh - 80px);}
.full-hero>.container{padding-top:4rem;}
@keyframes fadeRotate {to {opacity: 1;transform: rotate(360deg);}}
.home-applications>.bg-img{height:33%;}

/* Type ------*/
/* Breadcrumb */
.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/right-chevron.svg') no-repeat center; background-size: contain; vertical-align: middle; }
.breadcrumb-item { display: flex; align-items: center;color:#fff;}
.breadcrumb-item.active{color:#747474;}
.breadcrumb-item a{color:#fff;}
/* Hero */
.mini-hero .hero-img{opacity: 0.5;}
.hero.mini-hero{min-height: unset !important;}
/* Contenus */
.content-summer strong, .content-summer b{color:var(--bs-primary);font-weight: normal;font-family: 'HelvB', sans-serif;}
.content-summer ul { list-style: none; padding-left: 1.5rem; }
.content-summer ul li { position: relative; margin-bottom: 0.5rem; }
.content-summer ul li::before { content: ""; position: absolute; left: -1.2rem; top: 1rem; transform: translateY(-50%); width: 12px; height: 12px; background: url('../images/right-chevron.svg') no-repeat center; background-size: contain; }
iframe.content-video{border-radius:0.5rem;border-top-right-radius: 7rem;overflow: hidden;min-height:400px;}
.img-card-height{height:250px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.content-summer a:not(.btn) {text-decoration: underline;font-family: 'HelvB', sans-serif;}
.content-summer p:last-of-type{margin-bottom: 0;}
.md-after{position: relative;}
.md-after>.container{position: relative;z-index:1;}
.md-after>.container:after{content: url(../images/Metal-Deploye-MD.svg);position: absolute;right:0;bottom:0;z-index: -1;}
.md-before{position: relative;}
.md-before>.container{position: relative;z-index:1;}
.md-before>.container:after{content: url(../images/Metal-Deploye-MD.svg);position: absolute;left:0;bottom:0;z-index: -1;}
.md-before-center>.container:after{content: url(../images/Metal-Deploye-MD.svg);position: absolute;left:50%;bottom:unset;top:50%;margin-top:2rem;z-index: -1;transform: translate(-50%, -50%);}
.bg-gradient-light{background: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 25%);}
.content-sup{display: none;}
.btn-content-sup{cursor: pointer;display: flex;align-items: center;width: 100%;justify-content: space-between;}
.btn-content-sup::after{content:'';display:inline-block;width:1.5rem;height:1.5rem;margin-left:1rem;background:url(../images/down-chevron.svg) no-repeat center/contain;transition:transform .3s ease;flex-shrink: 0;}
.btn-content-sup.on::after{transform: rotate(180deg);}
.btn-content-sup:hover{color:var(--bs-primary)}
/* Showroom / Diaporama full hero */
.fade-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: multiply;
    opacity: 0; 
    animation: fadeAnimation 12s infinite both; 
}

.fade-item:nth-child(1) { 
    animation-delay: 0s;
    opacity: 1;
}
.fade-item:nth-child(2) { animation-delay: 4s; }
.fade-item:nth-child(3) { animation-delay: 8s; }

@keyframes fadeAnimation {
    0% { opacity: 0; z-index: 1; }
    5%, 33% { opacity: 1; z-index: 2; }
    38%, 100% { opacity: 0; z-index: 1; }
}

/* Références */
.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-auto-rows:minmax(400px,auto);gap:15px}
.item-1{grid-column:1;grid-row:1/span 2}.item-6{grid-column:3;grid-row:2/span 2}.item-9{grid-column:2/span 2;grid-row:4}
.fadein-scroll{opacity:0}.fadein-scroll.on{animation:fade 1s ease forwards}
@keyframes fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.project-card{position:relative;width:100%;height:100%;overflow:hidden;background-color:#000;display:flex;flex-direction:column}
.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .5s ease}
.project-card .img-base{z-index:1}.project-card .img-hover{opacity:0;z-index:2}
.project-card:hover .img-base, .project-card:hover .img-hover{transform:scale(1.08)}.project-card:hover .img-hover{opacity:1}
.project-overlay{height:100%;position:relative;z-index:3;min-height:400px;width:100%;background:rgba(0,0,0,.6);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;opacity:0;transition:opacity .3s ease;padding:2rem;text-align:left}
.project-overlay p{margin:0}.project-card:hover .project-overlay{opacity:1}
@media(min-width:769px){.item-1 .project-card{border-top-left-radius:7rem}.item-3 .project-card{border-top-right-radius:0.5rem}.item-8 .project-card{border-bottom-left-radius:0.5rem}.item-9 .project-card{border-bottom-right-radius:7rem}}
@media(max-width:768px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-auto-rows:auto}.item-1,.item-6,.item-9{grid-column:auto;grid-row:auto}.project-card{border-radius:0.5rem}.project-overlay{min-height:250px}}
.bg-img{background-color: #000;}
.bg-img img{opacity: 0.15;}
.card-application img{aspect-ratio: 3/1.75;object-fit: cover;}
a.card-application:hover{transform: translateY(1rem) !important;}
.card-application p:last-of-type{margin-bottom: 0;}
.title-border-start{border-left: 3px solid #000;border-color: var(--bs-primary);padding-left:1rem;display: flex;}
.swiper-wrapper{align-items: stretch;}
.swiper-slide{height: auto !important;}
.swiper-next, .btn-text-arrow{display: flex;align-items: center;text-decoration: none;}
.swiper-next:hover, .btn-text-arrow:hover{opacity: 0.5;}
.swiper-next:after, .btn-text-arrow:after{content: url(../images/right-arrow.svg);display: inline-block;margin-left: 1rem;}
.swiper-button-lock{display: flex !important;visibility: hidden;}
.project-item a{display:block;width:100%;height:100%;text-decoration:none}
.glightbox{text-decoration: none;}
.glightbox-clean .gslide-title, .gdescription-title{color:#fff !important;margin-bottom:0.5rem !important;font-weight: normal !important;    font-family: 'HelvM', sans-serif !important;}
.gslide-description{background:rgba(0,0,0,0.85)!important;border-top:2px solid #ed008c;}
.gslide-desc{color:#eee;font-size:0.9rem;opacity: 0.7;}
.gslide-description{max-width:600px;margin:0 auto}

/* Besoins */
.home-besoins>img{max-height: 100%;opacity:0.05;position: absolute;top:0;left:0;}
.home-besoins .acces-translate-y{transform: translateY(5rem);}
.home-besoins .img-acces-parent{position: absolute; bottom:-1rem;left:0;}
.home-besoins .img-acces-parent:after{content:'';width:25%;height:3px;background-color: var(--bs-primary);position: absolute;bottom:-4rem;left:3rem;}
.vous-etes .acces{text-decoration: none;}
.vous-etes .acces:first-of-type{padding-top:0 !important;margin-top:0 !important;}
.vous-etes .acces:last-of-type{border-bottom:none !important;}
.vous-etes .acces span:after{content: url(../images/corner-arrow.svg);}
.vous-etes .acces.active span:after{content: url(../images/down-arrow-black.svg);}
.vous-etes .acces.active:last-of-type{border-bottom:none !important;margin-bottom:0 !important;}
.vous-etes .sup-content{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0;}
.vous-etes .acces.active .sup-content{max-height:500px;opacity:1;}
.vous-etes .acces{cursor:pointer;}

/* Actualités */
.cartouche{background-color:#FFDCE5;color:#E41751;border-radius: 5px;padding:0.35rem 1.5rem;}
.home-actualites .actualite .img-radius{height:15rem !important;}

/* Formulaires */
.form-check-input{width:1rem;height:1rem;cursor:pointer;border-radius: 0.15rem !important;border-color:#001F31;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.form-check-input:hover{border-color:#001F31;}
.form-check-label{cursor: pointer;}
.form-check-input:checked[type=checkbox]{background-color:#001F31 !important;}
.ls-1{letter-spacing:1px}
.form-control:focus, .form-select:focus{background-color:#fff!important;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.15)!important;border-color:var(--bs-primary)!important}
.btn-outline-primary:hover{color:#fff}
.form-check-input:checked{background-color:var(--bs-primary);border-color:var(--bs-primary)}
.modal-body{scrollbar-width:thin}

/* 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) { ... }
*/

@media (min-width: 576px) {
  .ul-semi ul{display: flex;flex-wrap: wrap;width: 100%;}
  .ul-semi ul li{width:50%;}
}


@media (min-width: 768px) {
  .logo-main{width:10rem;}
  header.fixed .logo-main{transform: scale(0.75);padding:0 !important;}
  .hero{padding-top:15rem !important;min-height: unset;}
  .footer-link:after{content:'';width:20px;height:3px;background-color: var(--bs-primary);position: absolute;bottom: -0.75rem;left:0;display: block;}
  .menu-header-parent {height: calc(100vh - 140px);}
}

@media (min-width: 992px) {
  .home-besoins:after{content:'';width:100%;position: absolute;bottom:0%;left:0;height:5rem;background:#fff;}
  .text-auto-cols{column-count: 2; column-gap: 2rem;}
  .ratio-11-lg{aspect-ratio: 1/1;}
  .full-hero{height:100vh;}

}



@media (min-width: 1200px) {
  .hero-visuel{z-index: 2;transform: scale(0.8);transform:scale(0.7) translateX(7rem)}
  .hero-visuel .content-circle.content-circle-1{width:17rem;}
  .menu-header-parent{overflow: unset;}
  .menu-header-parent, .menu-header-parent.visible{position:inherit;transform: none;top:unset;left:unset;z-index: 1;height:auto;width:auto;background:unset;}
  .has-submenu>.submenu{max-height:0;overflow:hidden;opacity:0;position: absolute;left:0;top:13rem;padding-top:0;padding-bottom:0;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;width:100%;background-color: #000;}
  header.active .has-submenu>.submenu{max-height:300px;opacity:1;padding-top:3rem;padding-bottom:3rem;}
  header.active{background-color: rgba(0,0,0,0.9);padding-bottom:5rem;}
  header.active .disabled-on-fixed{display: flex !important;}
  header.active.fixed .disabled-on-fixed{display: none !important;}
  .has-submenu>a::after{content:'';display:inline-block;width:12px;height:12px;margin-left:1rem;background:url(../images/down-chevron.svg) no-repeat center/contain;transition:transform .3s ease;}
  .has-submenu.open>a::after{transform:rotate(180deg);}
  .menu-header>li{position: unset;}
  .menu-header>li:after{display: none;}
  .submenu .h4{font-size: 1.5rem !important;}
  .menu-header > li > a:not(.btn){font-size: 1.25rem;}
  .li-acces-menu, .li-acces-menu.li-enter {opacity: 1;transform: none;}
  header a:not(.btn):hover {color:var(--bs-primary) !important;}
  .position-absolute-xl{position: absolute;}
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1400px;}
    .logo-main{width:12rem;}

  .hero-visuel .content-circle.content-circle-1{width:16rem;}
  .hero-visuel{transform: scale(1);}
  .home-applications .title-swiper-applications{position: absolute;left:4rem;top:-0.5rem;z-index: 2;padding-bottom:2.75rem;}
}


@media (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1600px;}
  .hero-visuel .content-circle.content-circle-1{width:20rem;}
}