/* Polices d'écriture */
@font-face{font-family:"Montserrat-Regular"; src: local("Montserrat-Regular"), url("../fonts/Montserrat-Regular.woff") format("woff")}
@font-face{font-family:"Montserrat-Medium"; src: local("Montserrat-Medium"), url("../fonts/Montserrat-ReMediumgular.woff") format("woff")}
@font-face{font-family:"Montserrat-Bold"; src: local("Montserrat-Bold"), url("../fonts/Montserrat-Bold.woff") format("woff")}
@font-face{font-family:"Montserrat-ExtraBold"; src: local("Montserrat-ExtraBold"), url("../fonts/Montserrat-ExtraBold.woff") format("woff")}
@font-face{font-family:"SDHHFF"; src: local("SDHHFF"), url("../fonts/SDHHFF.woff") format("woff")}

:root{
    --bs-link-color: #001F31;
    --bs-link-hover-color: #38799e;
    --bs-border-color: #f4f4f4;
	  --bs-primary-rgb: 154,8,30;
    --bs-primary:#9A081E;
    --bs-secondary-rgb: 108,117,125;
    --bs-secondary:#3C3C3D;
    --bs-secondary-rgb: 60, 60, 61;
    --bs-light-rgb: 248, 251, 251;
}

a{--bs-link-color-rgb: 154,8,30;
  --bs-link-hover-color-rgb: 108,117,125;
}


/* Global */
html{height:100%;}
body{font-family: 'Montserrat-Regular', sans-serif;}
.container-fluid{max-width: 1800px;}
.px-base{padding-left: 1rem !important; padding-right:1rem !important;}
.px-fluid{padding-left: calc((var(--bs-gutter-x) * .5) + 1rem) !important;padding-right: calc((var(--bs-gutter-x) * .5) + 1rem) !important;}
.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-60{opacity: 0.6;}
.opacity-60.opacity-60-mobile{opacity: 0.2;}
.overflow-hidden-x{overflow-x: hidden !important;}
.w-80{width:80% !important;}
.w-90{width:90% !important;}
#page{overflow-x: hidden;
  overflow-y: auto; /* Permet le sticky */}
.homepage{/*overflow: hidden;*/padding-top:100px;}
section{width:100%;}
strong, b, .fw-b{font-weight: normal;font-family: 'Montserrat-Bold', sans-serif;}
.text-pink{color:#D83F56;}
.text-pink-bis{color:#FB8093;}
.fs-2{font-size: 1.5rem !important;}
.fs-5{}
.fs-7{font-size: 0.8rem;}
.fs-8{font-size: 0.7rem;}
.fs-9{font-size: 0.5rem;}
.hr-small{width:40px;background: #fff;color:#fff;border: 0;height:2px;}
.smooth, a{-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.letter-spacing-no{letter-spacing: 0;}
.letter-spacing{letter-spacing: 0.05rem;}
.letter-spacing-2{letter-spacing: 0.25rem;}
.lh-xs{line-height: 1;}
.fw-sb{font-weight:normal;font-family: 'Montserrat-Medium', sans-serif;}
.fw-eb{font-weight: normal;font-family: 'Montserrat-ExtraBold', sans-serif;}
.ff-vest{font-weight:normal;font-family: 'SDHHFF', sans-serif;text-transform: uppercase;}
.object-fit-cover{object-fit: cover;}
.object-fit-contain{object-fit: contain;}
.custom-rounded-border{border-top-left-radius: 1rem;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 8rem;}
.custom-rounded-border-mini{border-top-left-radius: 1rem;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 8rem;}
.custom-rounded-border-bis{border-top-left-radius: 8rem;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;}
.w-100-mobile{width: 100%;}
.hover-bg{-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.hover-bg:hover{-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;-webkit-box-shadow: 0px 5px 25px 5px rgba(0,0,0,0.05); box-shadow: 0px 5px 25px 5px rgba(0,0,0,0.05);transform: translateY(-0.5rem);}
.rotate90{transform: rotate(90deg);}
.rotate180{transform: rotate(180deg);}
.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 */
  }

.btn{-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;font-weight: normal;font-family: 'Montserrat-ExtraBold', sans-serif;text-transform: uppercase;font-size: 0.8rem;letter-spacing: 0.05rem;padding:1rem 2rem;border-radius: 2rem;}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #9A081E;
    --bs-btn-border-color: #9A081E;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3C3C3D;
    --bs-btn-hover-border-color: #3C3C3D;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #3C3C3D;
    --bs-btn-active-bg: #3C3C3D;
    --bs-btn-active-border-color: #3C3C3D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3C3C3D;
    --bs-btn-disabled-border-color: #3C3C3D;
}

.btn-primary:hover{}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #002032;
    --bs-btn-border-color: #002032;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #042f47;
    --bs-btn-hover-border-color: #042f47;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #002032;
    --bs-btn-active-border-color: #002032;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #002032;
    --bs-btn-disabled-border-color: #002032;
}

.btn-secondary:hover{}

.btn-transp-primary{
	  --bs-btn-color: #9A081E;
    --bs-btn-border-color: #9A081E;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg:#9A081E;
    --bs-btn-hover-border-color: #9A081E;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-border-color: #9A081E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #9A081E;
    --bs-btn-disabled-border-color: #9A081E;
	  border-width: 2px;
}

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

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1800px;}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #9A081E #F8FBFB;
  }

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

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

  *::-webkit-scrollbar-thumb {
    background-color: #9A081E;
    border-radius: 5px;
    border: 2px solid #F8FBFB;
  }

/* 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: 2;
    padding:0;
    background-color: var(--bs-primary) !important;
    border:0 !important;
}

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

/* Emqu S */
footer .emqu{width:100%;}
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(144,198,135,1) 0%, rgba(84,186,164,1) 50%, rgba(52,184,193,1) 100%);border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
footer .footer-bas a:hover u:after{height:8px;}

/* Nav */
header{position: absolute;z-index: 3;left:0;top:0;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
header.fixed{position: fixed;top:0;background-color: rgba(255, 255, 255, 0.95);-webkit-box-shadow: 0px 5px 25px 5px rgba(0,0,0,0.05); box-shadow: 0px 5px 25px 5px rgba(0,0,0,0.05);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
header.fixed .mini-header{display: none !important;}
.bloc-menu{position: fixed;left:-100%;width:100%;height:100vh;top:0;background-color: #fff;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.bloc-menu.on{left:0;}
.bloc-menu:before{content: "";
  display: block;
  width: 803.803px;
  height: 731.715px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='803.803' height='731.715' viewBox='0 0 803.803 731.715'%3E%3Cg id='Groupe_251' data-name='Groupe 251' transform='translate(-1238.128 -1865)'%3E%3Cpath id='Tracé_202' data-name='Tracé 202' d='M708.6,180.257l-32.708,69.237c-33.278,83.624-50.878,231.982,1.787,383.532L713.7,711.481l229.55-531.224Z' transform='translate(1098.686 1684.743)' fill='%23eef5f5'/%3E%3Cpath id='Tracé_203' data-name='Tracé 203' d='M1093.89,911.971l62.074-129.238-35.1-74.331C918.281,306.34,617.727,180.257,617.727,180.257l326.61,731.714Z' transform='translate(620.401 1684.743)' fill='%23eef5f5'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -5rem;
  right: -10rem;
  z-index: 0;}
.nav.fs-8{font-size:1.25rem;}
.nav.fs-8 a{color:#000000 !important;}
.nav li{position: relative;}
.nav li:after{content:'';width:20px;height:2px;background-color: #D8D8D8;position: absolute;bottom:0;}
.nav li.noborder:after{display:none;}

.nav svg, .nav img{height:auto;width:2rem;height:2rem;object-fit: contain;}
/* Menu mobile */
.open-menu-mobile{}
.open-menu-mobile>div{
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.open-menu-mobile span{
    background-color:var(--bs-primary);
    position: absolute;
    border-radius: 2px;
    -webkit-transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    -o-transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
}
.open-menu-mobile span:nth-child(1){
    width: 100%;
    height:  3px;
    display: block;
    top: 5px;
    left: 0px;
}
.open-menu-mobile span:nth-child(2){
    width: 100%;
    height:  3px;
    display: block;
    top: 18px;
    left: 0px;
}
.open-menu-mobile span:nth-child(3){
    width: 100%;
    height:  3px;
    display: block;
    bottom: 6px;
    left: 0px;
}

.open-menu-mobile.on span:nth-child(1) {
  width: 100%;
  height: 3px;
  display: block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.open-menu-mobile.on span:nth-child(2) {
  width: 100%;
  height: 3px;
  display: block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.open-menu-mobile.on span:nth-child(3) {
  width: 0;
  height: 0;
  display: none; /* Masquer le troisième span */
}

.bloc-menu nav ul li {transform: translateX(-200px); -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; transition-delay: 0s;}
.bloc-menu.on nav ul li {transform: translateX(0px);}
.bloc-menu.on nav ul li:first-of-type {transition-delay: 0s;}
.bloc-menu.on nav ul li:nth-of-type(2) {transition-delay: 0.1s;}
.bloc-menu.on nav ul li:nth-of-type(3) {transition-delay: 0.2s;}
.bloc-menu.on nav ul li:nth-of-type(4) {transition-delay: 0.3s;}

.accesrapide a{border-bottom: 2px solid #FB8093;display: flex;align-items: center;justify-content: center;position: relative;}
.accesrapide a:first-of-type{border-top-left-radius: 1rem;}
.accesrapide a:last-of-type{border-bottom: none;border-bottom-left-radius: 3rem;}
.accesrapide a:hover{background-color: var(--bs-secondary) !important;border-color: #4e4e4e;}
.accesrapide a:first-of-type:hover::before{content:"Appeler";position: absolute;bottom:0.15rem;color:#fff;font-family: 'Montserrat-ExtraBold', sans-serif;text-transform: uppercase;font-size: 0.7rem;}
.accesrapide a:nth-of-type(2):hover::before{content:"Devis";position: absolute;bottom:0.15rem;color:#fff;font-family: 'Montserrat-ExtraBold', sans-serif;text-transform: uppercase;font-size: 0.7rem;}
.accesrapide a:last-of-type:hover::before{content:"SAV";position: absolute;bottom:0.25rem;color:#fff;font-family: 'Montserrat-ExtraBold', sans-serif;text-transform: uppercase;font-size: 0.7rem;}
/* Home */
.bandeau-home .row{background-image: url(../images/Vestalia-climatisation-chauffage-plomberie-electricite-Dijon-mobile.jpg);background-size: cover;background-position: top left;}
.access-card, .access-card *{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.access-card img{height:65px;object-fit: contain;max-width: 80px;}
.access-card{color:#000000;text-decoration:none;background-color:transparent;border-top-left-radius: 1rem;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 4rem;}
.access-card:hover{color:#fff;background-color: var(--bs-primary);border-top-left-radius: 1rem;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 4rem;}
.access-card:hover h3{color:#fff;}
.access-card:hover p{color:#ECBDBD;}
.access-card:hover svg path{fill:#fff;}
.custom-translate-box-home .v-logo{width:160px;}

/* Form devis */
.form-devis label{font-size: 0.8rem;font-family: 'Montserrat-ExtraBold', sans-serif !important;text-transform: uppercase;letter-spacing: 0.05rem;}
.form-control, .form-select{border-radius: 1rem;padding:0.5rem 1rem;font-size: 1rem;border:2px solid #D5E6E6;background-color: rgb(var(--bs-light-rgb));}
.form-check-input{background-color: var(--bs-secondary);}

/* Page type */
.summernote-content a:not(.btn) {font-family: 'Montserrat-Bold', sans-serif;}
.filariane li{position: relative;}
.filariane li:not(:last-child)::after{
  margin-left:0.45rem;
  content: "";
  display: inline-block;
  width: 5.371px;
  height: 7.914px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.371' height='7.914' viewBox='0 0 5.371 7.914'%3E%3Cpath d='M-6351,473.25l3.25,3.25-3.25,3.25' transform='translate(6351.707 -472.543)' fill='none' stroke='%23d8d8d8' stroke-width='2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.article-0-type h2 strong{color:var(--bs-primary);}
.article-1-type ul{list-style-type: none;padding-left: 0;font-family:'Montserrat-Bold', sans-serif;;}
.article-1-type ul li{position: relative;padding:0.75rem 0rem 0.75rem 2rem;}
.article-1-type ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22.387" height="22.346" viewBox="0 0 22.387 22.346"><path id="Tracé_197" data-name="Tracé 197" d="M-5476.5,1501l6.5,8,13.5-19" transform="translate(5477.664 -1489.131)" fill="none" stroke="%23d83f56" stroke-width="3"/></svg>') no-repeat center / contain;
}
.article-1-type ul li::after {content:"";position: absolute;bottom:0;left:2rem;width:20px;height:2px;background-color: #E1E2E7;}
.mini-img-header-type{height:200px;}

.custom-v-bg::before {
  content: "";
  display: block;
  width: 803.803px;
  height: 731.715px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='803.803' height='731.715' viewBox='0 0 803.803 731.715'%3E%3Cg id='Groupe_251' data-name='Groupe 251' transform='translate(-1238.128 -1865)'%3E%3Cpath id='Tracé_202' data-name='Tracé 202' d='M708.6,180.257l-32.708,69.237c-33.278,83.624-50.878,231.982,1.787,383.532L713.7,711.481l229.55-531.224Z' transform='translate(1098.686 1684.743)' fill='%23eef5f5'/%3E%3Cpath id='Tracé_203' data-name='Tracé 203' d='M1093.89,911.971l62.074-129.238-35.1-74.331C918.281,306.34,617.727,180.257,617.727,180.257l326.61,731.714Z' transform='translate(620.401 1684.743)' fill='%23eef5f5'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -5rem;
  right: -10rem;
  z-index: 0;
}

.custom-v-bg.custom-v-bg-bis::before{left: -10rem;right:unset;bottom:unset;top:0}
.custom-v-bg.custom-v-bg-ter::before{bottom: -10rem;right: 20rem;}
.modal{background-color:var(--bs-primary)}

.custom-v-bg-contact::before {
  bottom: -5rem;
  right: unset;
  left:-5rem;
  opacity: 0.25;
}

.custom-v-bg-light::after {
  content: "";
  position: absolute;
  opacity:0.35;
  width: 451.896px;
  height: 411.114px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='451.896' height='411.114' viewBox='0 0 451.896 411.114'%3E%3Cg id='Groupe_138' data-name='Groupe 138' transform='translate(1.943 1.899)'%3E%3Cpath id='Trac%C3%A9_65' data-name='Trac%C3%A9 65' d='M680.169,180.257l-18.248,38.627c-18.565,46.653-28.384,129.42,1,213.968L683.01,476.62,811.074,180.257Z' transform='translate(-362.642 -180.257)' fill='none' stroke='%23ffb8c3' stroke-width='2'/%3E%3Cpath id='Trac%C3%A9_66' data-name='Trac%C3%A9 66' d='M883.373,588.471l34.63-72.1L898.42,474.9C785.4,250.6,617.727,180.257,617.727,180.257L799.939,588.471Z' transform='translate(-617.727 -180.257)' fill='none' stroke='%23acd4e3' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 30%;
  left: -10rem;
  z-index: 0;
}

.custom-v-bg-light-big::before {
  content: "";
  position: absolute;
  width: 1286.302px;
  height: 1598.212px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1286.302' height='1598.212' viewBox='0 0 1286.302 1598.212'%3E%3Cg id='Groupe_251' data-name='Groupe 251' transform='translate(-1188.243 -746.522)'%3E%3Cpath id='Trac%C3%A9_194' data-name='Trac%C3%A9_194' d='M778.744,180.257,710.361,325.009c-69.573,174.831-106.37,485,3.736,801.839l75.3,164.022L1269.306,180.257Z' transform='translate(1331.313 367.599) rotate(19)' fill='none' stroke='%23ffb8c3' stroke-width='2'/%3E%3Cpath id='Trac%C3%A9_195' data-name='Trac%C3%A9_195' d='M1201.7,1077.635l76.128-158.5-43.048-91.16c-248.447-493.091-617.048-647.72-617.048-647.72l400.556,897.378Z' transform='translate(572.459 1266.099)' fill='none' stroke='%23acd4e3' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity:0.35;
  bottom: -46rem;
  right: -15rem;
  z-index: 0;
}
.custom-v-bg-light-big.custom-v-bg-light-big-left::before {left: -15rem;right:unset;
  width:  1296.131px;
  height: 1179.635px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1296.131" height="1179.635" viewBox="0 0 1296.131 1179.635"><g id="Groupe_253" data-name="Groupe 253" transform="translate(1.943 1.9)"><path id="Tracé_65" data-name="Tracé 65" d="M747.715,180.257,695.114,291.6C641.6,426.087,613.292,664.675,697.988,908.4l57.919,126.169,369.16-854.309Z" transform="translate(167.6 -180.257)" fill="none" stroke="%23ffb8c3" stroke-width="2"/><path id="Tracé_66" data-name="Tracé 66" d="M1383.488,1356.992l99.827-207.84-56.45-119.538C1101.076,383.022,617.727,180.257,617.727,180.257l525.251,1176.735Z" transform="translate(-617.727 -180.257)" fill="none" stroke="%23acd4e3" stroke-width="2"/></g></svg>');
}

.custom-v-bg-light-big.custom-v-bg-light-big-right::before {left: unset;right:-15rem;
  width:  1296.131px;
  height: 1179.635px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1296.131" height="1179.635" viewBox="0 0 1296.131 1179.635"><g id="Groupe_253" data-name="Groupe 253" transform="translate(1.943 1.9)"><path id="Tracé_65" data-name="Tracé 65" d="M747.715,180.257,695.114,291.6C641.6,426.087,613.292,664.675,697.988,908.4l57.919,126.169,369.16-854.309Z" transform="translate(167.6 -180.257)" fill="none" stroke="%23ffb8c3" stroke-width="2"/><path id="Tracé_66" data-name="Tracé 66" d="M1383.488,1356.992l99.827-207.84-56.45-119.538C1101.076,383.022,617.727,180.257,617.727,180.257l525.251,1176.735Z" transform="translate(-617.727 -180.257)" fill="none" stroke="%23acd4e3" stroke-width="2"/></g></svg>');
}

.modal.custom-v-bg-light-big.custom-v-bg-light-big-left::before {left: -15rem;right:unset;top:1rem;
  width:  1296.131px;
  height: 1179.635px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1296.131" height="1179.635" viewBox="0 0 1296.131 1179.635"><g id="Groupe_253" data-name="Groupe 253" transform="translate(1.943 1.9)"><path id="Tracé_65" data-name="Tracé 65" d="M747.715,180.257,695.114,291.6C641.6,426.087,613.292,664.675,697.988,908.4l57.919,126.169,369.16-854.309Z" transform="translate(167.6 -180.257)" fill="none" stroke="%23ffb8c3" stroke-width="2"/><path id="Tracé_66" data-name="Tracé 66" d="M1383.488,1356.992l99.827-207.84-56.45-119.538C1101.076,383.022,617.727,180.257,617.727,180.257l525.251,1176.735Z" transform="translate(-617.727 -180.257)" fill="none" stroke="%23acd4e3" stroke-width="2"/></g></svg>');
}


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

.delay0{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay1{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay2{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay3{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay4{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay5{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay6{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}


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

.homepage.begin #open-menu>img {opacity: 0;}
.homepage.init #open-menu>img {
  opacity: 0;
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
  -webkit-animation: custom-menu 1s ease, fade 1s ease;
          animation: custom-menu 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;

}
@keyframes custom-menu {
  from {
    opacity: 0;
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
        transform: translateY(-200px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px);
  }
}


/*
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) {
   .w-100-mobile{width: auto;}
   .custom-rounded-border{border-top-left-radius: 1rem;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 12rem;}
  .custom-rounded-border-bis{border-top-left-radius: 12rem;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;}
  .opacity-60.opacity-60-mobile{opacity: 0.6;}
  .delay0{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
  .delay1{-webkit-animation-delay: 0.25s !important;animation-delay: 0.25s !important;}
  .delay2{-webkit-animation-delay: 0.5s !important;animation-delay: 0.5s !important;}
  .delay3{-webkit-animation-delay: 0.75s !important;animation-delay: 0.75s !important;}
  .delay4{-webkit-animation-delay: 1s !important;animation-delay: 1s !important;}
  .delay5{-webkit-animation-delay: 1.25s !important;animation-delay: 1.25s !important;}
  .delay6{-webkit-animation-delay: 1.5s !important;animation-delay: 1.5s !important;}   
}


@media (min-width: 768px) {
  .homepage{padding-top:120px;}
  .custom-translate-box-home{transform: translateY(-5rem);}
  .bandeau-home .row{background-image: url(../images/Vestalia-climatisation-chauffage-plomberie-electricite-Dijon.jpg);background-size: cover;background-position: top center;}
  .custom-translate-y-type{transform: translateY(-15rem);}
  .custom-translate-y-type-bis{transform: translateY(-10rem);}

}

@media (min-width: 992px) {
  .homepage{padding-top:190px;}
  .px-base{padding-left: 2rem !important; padding-right: 2rem !important;}
  .px-fluid{padding-left: calc((var(--bs-gutter-x) * .5) + 2rem) !important;padding-right: calc((var(--bs-gutter-x) * .5) + 2rem) !important;}
  .h-img-adapt{height:100%;padding-right:5rem !important;padding-left:0;position:absolute; right:0;bottom:0;}
}



@media (min-width: 1200px) {
  .bloc-menu{position: relative;left:unset;height:auto;width:auto;top:unset;background-color: transparent;}
  .bloc-menu.on{left:unset;}
  .nav li:not(:nth-last-child(2)){border-right: 2px solid #D8D8D8;}
  .nav.fs-8{font-size:0.8rem;font-family:'Montserrat-ExtraBold', sans-serif !important;text-transform: uppercase;color:var(--bs-primary) !important;}
  .nav.fs-8 a{color:var(--bs-primary) !important;}
  .bloc-menu:before{display:none;}
  .bloc-menu nav ul li, .bloc-menu.on nav ul li {transform: translateX(0px);}
  .nav li:after{display:none;}
  .h-img-adapt{height:150%;padding-right:5rem !important;padding-left:0;position:absolute; right:0;bottom:0;}

}

@media (min-width: 1400px) {
  .px-base{padding-left: 5rem !important; padding-right: 5rem !important;}
  .px-fluid{padding-left: calc((var(--bs-gutter-x) * .5) + 5rem) !important;padding-right: calc((var(--bs-gutter-x) * .5) + 5rem) !important;}
  

}


@media (min-width: 1600px) {
  .px-base{padding-left: 9rem !important; padding-right: 9rem !important;}
  .px-fluid{padding-left: calc((var(--bs-gutter-x) * .5) + 9rem) !important;padding-right: calc((var(--bs-gutter-x) * .5) + 9rem) !important;}  
  .h-img-adapt{height:190%;padding-right:calc((var(--bs-gutter-x) * .5) + 9rem) !important;padding-left:0;position:absolute; right:0;bottom:0;}

}