@charset "UTF-8";
.icon-agenda:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-assistance:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-avion:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-carnet:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-carte:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-casque:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-check:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-close:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-conciergerie:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-datepicker:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-devise:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-facebook:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-fleche-bouton:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-fleche-nav:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-fleche-select:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-fooding:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-google-plus:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-gps:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-guillemet-ferme:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-guillemet-ouvert:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-home:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-horaire:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-instagram:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-likeafriend:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-linkedin:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-liste:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-mail:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-miles:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-pinterest:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-scroll:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-select:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-share:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-slider-left:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-slider-right:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-star-half:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-star:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-tchat:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-tel:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-twitter:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-user:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-wifi:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-youtube:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-co2:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-librairie:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.icon-train:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

@font-face {
  font-family: 'Dala Moa';
  src: url("../font/Dala Moa - Regular.woff2") format("woff2"), url("../font/Dala Moa - Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Dala Moa';
  src: url("../font/Dala Moa - Light.woff2") format("woff2"), url("../font/Dala Moa - Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Dala Moa';
  src: url("../font/Dala Moa - Thin.woff2") format("woff2"), url("../font/Dala Moa - Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Apercu';
  src: url("../font/apercu-light.woff2") format("woff2"), url("../font/apercu-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

.page-devis-web {
  line-height: 1.5;
}

.body-inner {
  padding-bottom: 4.9rem;
}

@media (min-width: 768px) {
  .body-inner {
    padding-bottom: 6.3rem;
  }
}

.body-inner.CO2 {
  padding-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: auto;
  }
}

@media (min-width: 1440px) {
  .container {
    width: 1000px;
  }
}

.nav {
  border-bottom: 1px solid #c3c3be;
  align-items: center;
  height: 5.8rem;
}

@media (max-width: 767px) {
  .nav {
    display: flex;
    background-color: white;
    justify-content: center;
    color: currentColor;
  }
}

.nav__link {
  line-height: 1.3;
  letter-spacing: normal;
  padding-block: 1rem;
}

@media (max-width: 767px) {
  .nav__link {
    width: auto;
    font-size: 1.4rem;
    padding: 2rem 1rem;
    display: block;
  }
}

@media (min-width: 768px) {
  .nav__link {
    text-transform: none;
  }
}

.arrow .nav__link {
  position: relative;
  padding-right: 2.5rem;
  text-align: left;
}

.arrow .nav__link:after {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.arrow .nav__link:after {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  font-size: 1rem;
  margin-left: 0.5rem;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  transform: rotate(90deg);
  color: #0082ad;
}

.nav__link.co2 {
  color: green;
}

.open .nav__link {
  background-color: #f2f9fb;
  color: #0082ad;
}

.nav__list {
  flex: 1;
}

@media (max-width: 767px) {
  .nav__list.left {
    display: none;
  }
}

.nav__list.right {
  margin-left: auto;
}

@media (max-width: 767px) {
  .nav__list.right {
    display: none;
  }
}

.nav .scrolled {
  box-shadow: none;
}

.nav .link-logo-2024 {
  margin-inline: 1rem;
}

@media (max-width: 767px) {
  .nav .link-logo-2024 {
    display: block;
    width: calc(100% - 14rem);
    max-width: 28rem;
  }
}

.nav .logo-2024 {
  display: block;
  width: 100%;
}

.nav .menu-button {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}

.nav .menu-button .nav-icon span {
  margin-top: -2px;
}

.menu-mobile-opened .nav .menu-button .nav-icon span {
  background-color: transparent;
}

.nav .menu-button .nav-icon span, .nav .menu-button .nav-icon span::before, .nav .menu-button .nav-icon span::after {
  background-color: currentColor;
}

@media (max-width: 767px) {
  .menu-mobile {
    top: 5.8rem;
  }
}

.open-menu:hover, .open-menu:focus, .open-menu.active {
  position: static;
}

.devis-intro {
  margin-bottom: 4rem;
}

@media (max-width: 767px) {
  .devis-intro {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 8rem;
  }
}

@media (min-width: 768px) {
  .devis-intro {
    background-color: #FFF;
    height: calc(100vh - 12.2rem);
    position: relative;
    z-index: 1;
  }
}

@media (min-width: 768px) {
  .devis-intro__row {
    display: flex;
    justify-content: space-between;
    margin-left: 0;
    height: 100%;
  }
}

@media (min-width: 768px) {
  .devis-intro__col {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .devis-intro__col.left {
    flex: 0 0 auto;
    width: 30%;
    padding: 2rem 2rem 4rem 2rem;
    overflow: hidden;
    min-width: 43rem;
  }
}

@media (min-width: 992px) {
  .devis-intro__col.left {
    padding: 4rem 6.4rem;
  }
}

@media (max-width: 767px) {
  .devis-intro__col.right {
    margin-top: 2rem;
  }
}

@media (min-width: 768px) {
  .devis-intro__col.right {
    flex: 1 1 auto;
    width: 70%;
    position: relative;
  }
}

@media (min-width: 768px) {
  .devis-intro__sidebar {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
  }
}

.devis-intro__header {
  overflow: hidden;
  position: relative;
  padding-bottom: 3rem;
}

.devis-intro__header-content {
  height: 100%;
}

.devis-intro__link {
  color: #0082ad;
  font-weight: bold;
}

:not(.is-truncated) + .devis-intro__link {
  display: none;
}

@media (min-width: 768px) {
  .devis-intro__footer {
    padding-top: 3rem;
  }
}

.devis-intro__title {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}

.devis-intro__date {
  color: #0082ad;
  font-weight: 700;
  margin-bottom: 3rem;
}

.devis-intro__signature strong {
  color: #0082ad;
}

@media (min-width: 768px) {
  .devis-intro__visual-wrapper {
    background-color: #e9e9e9;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.4) 20px, rgba(255, 255, 255, 0.4) 24px);
    position: relative;
    height: 100%;
  }
  .devis-intro__visual-wrapper .devis-intro__visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
  }
  .devis-intro__visual-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.devis-intro__map {
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.map-mode .devis-intro__map {
  visibility: visible;
}

@media (max-width: 767px) {
  .devis-intro__map {
    position: fixed !important;
    max-height: calc(100vh - 6.5rem - 5rem) !important;
    top: 6.5rem;
    z-index: 1;
  }
}

@media (min-width: 768px) {
  .devis-intro__actions {
    position: absolute;
    bottom: 3rem;
    right: 5rem;
    text-align: right;
    padding: 1rem;
  }
}

.devis-intro__btn {
  display: block;
  margin-top: 2rem;
  width: 100%;
}

.devis-intro__btn, .devis-intro__btn:hover {
  background-color: #000;
}

.devis-intro__btn .icon {
  font-size: 1.4em;
  position: relative;
  top: 0.3em;
  line-height: 0;
}

@media (max-width: 767px) {
  .map-mode .devis-intro__btn#devis-toggle-map {
    position: fixed;
    z-index: 2;
    bottom: 8rem;
    width: 73%;
    padding: 1.5rem;
    background-color: rgba(255, 255, 255, 0.9);
  }
}

@keyframes move {
  50% {
    transform: translateY(2rem);
  }
}

.devis-intro__scroll-down {
  position: absolute;
  z-index: 1;
  bottom: 5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  animation: move 2s ease infinite;
  width: 6rem;
  height: 6rem;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.devis-intro__scroll-down:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.devis-recap {
  padding-top: 4rem;
  padding-bottom: 0;
}

.devis-recap__title {
  font-size: 6rem;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.2rem;
  margin-bottom: 6rem;
  line-height: 1;
}

.devis-recap__title span {
  display: block;
  color: #0082ad;
}

@media (max-width: 767px) {
  .devis-recap__title {
    font-size: 4rem;
    margin-bottom: 4rem;
  }
}

.devis-recap__content {
  background-color: #e9e9e9;
}

.devis-recap__inner {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 768px) {
  .devis-recap__row {
    display: flex;
  }
}

.devis-recap__col {
  flex: 1 0 auto;
}

@media (min-width: 768px) {
  .devis-recap__col.left {
    width: 50%;
    border-right: 1px solid #d7d7d7;
    padding-right: 4rem;
  }
}

@media (max-width: 767px) {
  .devis-recap__col.right {
    margin-top: 4rem;
  }
}

@media (min-width: 768px) {
  .devis-recap__col.right {
    width: 50%;
    padding-top: 5rem;
    padding-left: 4rem;
  }
}

@media (min-width: 992px) {
  .devis-recap__col.right {
    display: flex;
  }
}

@media (min-width: 992px) {
  .devis-recap__subcol.left {
    width: 50%;
    padding-right: 1rem;
  }
}

@media (max-width: 991px) {
  .devis-recap__subcol.right {
    margin-top: 3rem;
  }
}

@media (min-width: 992px) {
  .devis-recap__subcol.right {
    flex: 1;
    padding-left: 1rem;
  }
}

.devis-recap__subtitle {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}

.devis-recap__text {
  margin-bottom: 2rem;
  overflow-wrap: break-word;
}

.devis-recap__signature {
  font-weight: 700;
}

.devis-recap__prix {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3em;
  margin-bottom: 2rem;
}

.devis-recap__conditions {
  font-size: 0.9em;
  font-style: italic;
  margin-bottom: 4rem;
}

.devis-recap__footer {
  padding: 3rem 4rem 2rem;
  font-style: italic;
  font-size: 0.9em;
}

.devis-recap__btn {
  margin-top: 2rem;
}

.devis-recap-detail + .devis-recap-detail {
  margin-top: 3rem;
}

.devis-recap-detail__title {
  text-transform: uppercase;
  font-weight: 700;
}

.devis-recap-detail__link {
  text-decoration: underline;
  font-style: italic;
  font-size: 0.9em;
  margin-top: 1rem;
  display: inline-block;
}

.devis-arbres {
  display: flex;
  align-items: center;
}

.devis-arbres__visual {
  margin-right: 0.5rem;
  height: 3rem;
  display: none;
}

@media (min-width: 768px) {
  .devis-arbres__visual {
    display: block;
  }
}

.devis-arbres__nombre {
  font-size: 4rem;
  margin-right: 0.5rem;
  line-height: 1;
}

.devis-arbres__content {
  text-align: left;
}

.devis-arbres__text {
  font-style: italic;
  font-size: 0.8em;
}

.devis-arbres__title {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .devis-arbres__title {
    font-size: 1.4rem;
  }
}

.devis-contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #0082ad;
  width: 100%;
  color: #FFF;
  z-index: 3;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-size: 1.5rem;
  min-height: 5rem;
}

@media (min-width: 768px) {
  .devis-contact {
    padding: 1rem 2rem;
    min-height: 6.3rem;
  }
}

.devis-contact__left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  padding-right: 4rem;
}

@media (max-width: 767px) {
  .devis-contact__left {
    display: none;
  }
}

.devis-contact__right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .devis-contact__right {
    flex: 1;
  }
}

@media (min-width: 768px) {
  .devis-contact__right {
    padding-left: 4rem;
  }
}

.devis-contact__conseiller {
  display: flex;
  align-items: center;
}

.devis-contact__visual {
  margin-right: 2rem;
  width: 4.5rem;
  height: 4.5rem;
}

@media (max-width: 767px) {
  .devis-contact__visual {
    display: none;
  }
}

.devis-contact__btn {
  padding: 1.3rem 1.5rem;
  color: #000;
  font-weight: 400;
  line-height: 1.2;
}

.devis-contact__btn, .devis-contact__btn:hover, .devis-contact__btn:focus, .devis-contact__btn:active {
  background-color: #FFF;
}

@media (min-width: 768px) {
  .devis-contact__btn {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 767px) {
  .devis-contact__btn {
    width: auto;
    padding: 1rem 1.2rem;
  }
}

.devis-contact__info {
  font-style: italic;
  text-align: right;
  color: #c3c3be;
}

@media (max-width: 767px) {
  .devis-contact__info {
    display: none;
  }
}

.devis-contact__prix {
  margin-right: 2rem;
  line-height: 1.2;
}

.devis-contact__prix span {
  font-style: italic;
  font-size: 0.85em;
}

@media (min-width: 768px) {
  .devis-contact__prix {
    text-align: right;
  }
}

@media (max-width: 767px) {
  .devis-contact__tel {
    display: none;
  }
}

.devis-contact__erreur {
  color: #dc3545;
  text-transform: uppercase;
}

.box-services {
  padding: 0;
  margin-bottom: 8rem;
}

.box-service__picto {
  width: 10rem;
  height: 10rem;
}

.box-service__picto.assistance {
  position: relative;
  left: -1em;
}

.box-service__picto.conciergerie {
  transform: scale(0.8);
}

.box-service__picto.avion {
  transform: scale(0.8);
}

.box-service__picto.miles {
  transform: scale(1.2);
}

.box-service__picto.co2 {
  transform: scale(0.9);
}

.box-service__picto.wifi {
  transform: scale(0.8);
}

.box-service__text {
  color: #0082ad;
}

.box-service__text2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (max-width: 767px) {
  .devis-depart-retour {
    margin-bottom: 3rem;
  }
}

@media (min-width: 768px) {
  .devis-depart-retour {
    margin-bottom: -5rem;
  }
}

.devis-depart-retour__inner {
  text-align: center;
  font-weight: 500;
  color: #0082ad;
  letter-spacing: 0.2rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #e9e9e9;
}

@media (max-width: 767px) {
  .devis-depart-retour__inner {
    font-size: 5rem;
  }
}

@media (min-width: 768px) {
  .devis-depart-retour__inner {
    font-size: 6rem;
  }
}

.devis-final-title {
  margin-bottom: 3rem;
}

.devis-final-title.demande {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .devis-final-title {
    margin-top: 8rem;
  }
}

@media (min-width: 768px) {
  .devis-final-title {
    margin-top: 6rem;
  }
}

@media (min-width: 992px) {
  .devis-final-title {
    margin-top: 13rem;
  }
}

.devis-final-title__inner {
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.2rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #e9e9e9;
}

@media (max-width: 767px) {
  .devis-final-title__inner {
    font-size: 3rem;
  }
}

@media (min-width: 768px) {
  .devis-final-title__inner {
    font-size: 5rem;
  }
}

.devis-final-fil {
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .devis-final-fil__list {
    display: flex;
    padding-left: 4rem;
    padding-right: 4rem;
    justify-content: center;
  }
}

.devis-final-fil__item {
  font-weight: 700;
}

@media (min-width: 768px) {
  .devis-final-fil__item + .devis-final-fil__item {
    margin-left: 10rem;
  }
}

.devis-final-fil__item.active {
  color: #0082ad;
}

.devis-etape {
  position: relative;
}

@media (max-width: 767px) {
  .devis-etape {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

@media (min-width: 768px) {
  .devis-etape {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}

.devis-etape__content {
  padding-top: 4rem;
  /*padding-bottom: 4rem;  --- gestion ecart header/footer si pas de presta dans l'étape */
  position: relative;
}

.devis-etape__title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
}

.devis-etape__title .icon {
  font-size: 0.5em;
  color: #0082ad;
}

@media (max-width: 767px) {
  .devis-etape__title {
    order: -1;
  }
}

.devis-etape__date {
  text-align: center;
  font-size: 2rem;
  color: #0082ad;
}

@media (max-width: 767px) {
  .devis-etape__date {
    order: -1;
  }
}

.devis-etape__text {
  margin-top: 2rem;
  margin-right: auto;
  margin-left: auto;
  text-align: justify;
}

@media (min-width: 768px) {
  .devis-etape__text {
    width: 80%;
  }
}

.devis-etape__transport {
  color: #c3c3be;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 2rem;
}

.devis-etape__link-1 {
  color: #0082ad;
  margin-bottom: 1rem;
  font-weight: bold;
}

.devis-etape__link-1 .icon {
  position: relative;
  top: 0.4em;
  font-size: 1.5em;
  line-height: 0;
}

.devis-etape__link-2 {
  color: #0082ad;
  font-weight: 700;
  text-align: inherit;
}

.devis-etape-header {
  position: relative;
}

@media (max-width: 767px) {
  .devis-etape-header {
    display: flex;
    flex-direction: column;
  }
}

.devis-etape-header__carousel-wrapper {
  margin-top: 4rem;
}

.devis-etape-header__carousel {
  display: none;
}

.devis-etape-header__carousel.slick-initialized {
  display: block;
}

.devis-etape-header__carousel .slick-dots li {
  z-index: 1;
}

@media (min-width: 992px) {
  .devis-etape-header__carousel .slick-dots {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .devis-etape-header__carousel .slick-next,
  .devis-etape-header__carousel .slick-prev {
    display: none !important;
  }
}

.devis-etape-header__visual-wrapper {
  background-color: #e9e9e9;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.4) 20px, rgba(255, 255, 255, 0.4) 24px);
  position: relative;
  padding-top: 50%;
  margin-top: 4rem;
}

.devis-etape-header__visual-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.devis-etape-header__visual-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .devis-etape-header__visual-wrapper {
    order: -1;
  }
}

.devis-etape-header__visual-wrapper.slick-slide {
  padding-top: 12.5%;
  margin-top: 0;
}

@media (max-width: 767px) {
  .devis-etape-header__content {
    margin-top: 2rem;
  }
}

@media (min-width: 768px) {
  .devis-etape-header__content {
    position: relative;
    z-index: 2;
    width: 60%;
    text-align: justify;
    background-color: #FFF;
    margin: 0 auto;
    padding: 2rem 4rem;
  }
  .devis-etape-header__visual-wrapper + .devis-etape-header__content {
    margin-top: -6rem;
  }
}

.devis-etape-header__title {
  color: #0082ad;
  font-size: 1.3em;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.devis-etape-header__text {
  margin-bottom: 2rem;
}

.devis-etape-header__text.blockquote {
  font-style: italic;
}

.devis-etape-header__text.blockquote:before, .devis-etape-header__text.blockquote:after {
  font-family: "Spectral", serif;
  font-size: 2.5em;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  height: 0;
}

.devis-etape-header__text.blockquote:before {
  content: '\201C';
}

.devis-etape-header__text.blockquote:after {
  content: '\201D';
}

.devis-etape-header__link {
  font-weight: 700;
  text-decoration: underline;
  margin: 1rem auto 0 auto;
  display: block;
}

.devis-etape-footer {
  padding: 3rem 0;
  background-color: #e9e9e9;
  margin-top: 4rem;
  /* --- gestion ecart header/footer si pas de presta dans l'étape*/
}

@media (min-width: 768px) {
  .devis-etape-footer__ligne {
    display: flex;
  }
}

@media (max-width: 767px) {
  .devis-etape-footer__col {
    padding: 0 2rem;
  }
  .devis-etape-footer__col + .devis-etape-footer__col {
    margin-top: 4rem;
  }
}

@media (min-width: 768px) {
  .devis-etape-footer__col {
    flex: 1;
    padding: 0 4rem;
  }
  .devis-etape-footer__col + .devis-etape-footer__col {
    border-left: 1px solid #d7d7d7;
  }
}

.devis-etape-footer__title {
  font-weight: 500;
  font-size: 1.3em;
  margin-bottom: 2rem;
}

.devis-etape-footer__list li {
  text-indent: 0.8em;
  position: relative;
}

.devis-etape-footer__list li:before {
  content: "";
  display: block;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  position: absolute;
  background-color: #000;
  background-color: currentColor;
  top: 0.5em;
}

.devis-etape-footer__list > li {
  font-weight: 300;
  margin-top: 1rem;
  text-indent: 0;
  padding-left: 0.8em;
}

.devis-etape-footer__list > li:before {
  left: 0;
}

.devis-etape-footer__text {
  font-weight: 300;
}

.devis-etape-footer__text.blockquote:before, .devis-etape-footer__text.blockquote:after {
  font-family: "Spectral", serif;
  font-size: 2.5em;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  height: 0;
}

.devis-etape-footer__text.blockquote:before {
  content: '\201C';
}

.devis-etape-footer__text.blockquote:after {
  content: '\201D';
}

.devis-etape-footer__text .btn-popin-open {
  white-space: nowrap;
  text-decoration: underline;
}

.devis-etape-footer__picto {
  height: 9rem;
  width: 100%;
  fill: #0082ad;
}

.devis-ligne .devis-ligne__inner {
  padding: 2rem 0 3rem;
}

@media (min-width: 768px) {
  .devis-ligne .devis-ligne__inner.demande {
    padding: 3rem 5rem;
  }
}

@media (max-width: 767px) {
  .devis-ligne .devis-ligne__inner.option {
    padding: 3rem 0;
  }
  .devis-ligne .devis-ligne__inner.option:last-of-type {
    padding-bottom: 0;
  }
  .devis-ligne .devis-ligne__inner.option + .devis-ligne__inner {
    border-top: 1px solid #e9e9e9;
  }
}

.devis-ligne__title {
  font-weight: 500;
  font-size: 1.3em;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  .devis-ligne__title {
    display: block;
  }
}

.devis-ligne + .devis-ligne {
  border-top: 1px solid #e9e9e9;
}

@media (min-width: 768px) {
  .devis-ligne .devis-ligne__content {
    display: flex;
  }
}

.devis-ligne__col-left {
  flex: 1 1 auto;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.devis-ligne__col-right {
  flex: 1 1 auto;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.devis-ligne__email {
  position: relative;
  margin-left: 1rem;
  color: #ff4d42;
}

.devis-ligne__email:before {
  position: absolute;
  top: 0;
}

@media (max-width: 767px) {
  .devis-ligne.options {
    border: 1px solid #0082ad;
    padding: 1rem;
  }
}

@media (min-width: 768px) {
  .devis-ligne.options {
    padding-top: 3rem;
  }
}

@media (min-width: 768px) {
  .devis-ligne-inner {
    display: flex;
    padding: 2rem;
  }
}

.devis-detail {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}

@media (max-width: 767px) {
  .devis-detail {
    margin-top: 2rem;
  }
  .devis-detail.option {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .devis-detail__content {
    max-height: 20rem;
  }
}

@media (min-width: 768px) {
  .devis-detail__content {
    max-height: 14.5rem;
  }
}

.devis-detail__date {
  font-weight: 500;
  color: #0082ad;
}

.devis-detail__title {
  font-weight: 700;
  margin-bottom: 1rem;
}

.devis-detail__title span {
  font-weight: 400;
}

.devis-detail__text {
  margin-bottom: 1rem;
}

.devis-detail__footer {
  display: flex;
  justify-content: space-between;
}

.devis-detail__link-1 {
  margin-bottom: 0;
}

.devis-detail__alternatives {
  margin-top: 1rem;
}

.devis-alternative-title {
  margin-bottom: 0.4rem;
  font-weight: 700;
}

.devis-alternative {
  background-color: #f6f6f6;
  display: flex;
  justify-content: space-between;
  margin-top: 0.4rem;
}

@media (max-width: 499px) {
  .devis-alternative {
    flex-direction: column;
    padding: 1.5rem;
  }
}

@media (min-width: 500px) {
  .devis-alternative {
    align-items: center;
  }
}

.devis-alternative__title {
  flex: 1;
}

@media (min-width: 500px) {
  .devis-alternative__title {
    padding-left: 1rem;
  }
}

.devis-alternative__title, .devis-alternative__title > * {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 500px) {
  .devis-alternative__title, .devis-alternative__title > * {
    white-space: nowrap;
  }
}

@media (max-width: 499px) {
  .devis-alternative__price-wrapper {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 500px) {
  .devis-alternative__price-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
    min-width: 25rem;
  }
}

@media (max-width: 767px) {
  .devis-alternative__price-wrapper {
    min-width: 30rem;
  }
}

.devis-alternative__price {
  color: #0082ad;
  font-weight: 600;
}

.devis-alternative__checkbox-label {
  margin-bottom: 0;
  font-size: inherit;
}

.devis-alternative__link {
  text-align: center;
  background-color: #0082ad;
  color: #FFF;
  display: block;
  padding: 0.8rem 2rem;
  white-space: nowrap;
}

.devis-demande {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .devis-demande {
    margin-top: 2rem;
  }
}

@media (min-width: 768px) {
  .devis-demande__content {
    max-height: 9rem;
  }
}

.devis-demande__date {
  font-weight: 500;
  color: #0082ad;
}

.devis-demande__title {
  font-weight: 500;
  font-size: 1.3em;
  margin-bottom: 1rem;
}

.devis-demande__text {
  margin-bottom: 1rem;
}

.devis-demande__btn {
  padding: 1rem 1.5rem;
}

.devis-detail-image {
  flex: 0 0 auto;
}

@media (min-width: 768px) {
  .devis-detail-image {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 3rem;
    width: 30%;
  }
  .devis-detail-image.demande {
    padding-right: 0;
    padding-left: 3rem;
    order: 1;
  }
}

.devis-detail-image__title {
  font-weight: 500;
  font-size: 1.3em;
}

@media (max-width: 767px) {
  .devis-detail-image__title {
    display: block;
  }
}

.devis-detail-image__inner {
  background-color: #e9e9e9;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.4) 20px, rgba(255, 255, 255, 0.4) 24px);
  position: relative;
  padding-top: 64.75%;
  height: 100%;
  width: 100%;
  background: transparent;
}

.devis-detail-image__inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.devis-detail-image__inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.devis-detail-duree {
  justify-content: center;
}

@media (min-width: 768px) {
  .devis-detail-actions {
    padding-left: 3rem;
    flex: 0 0 auto;
    width: 30%;
  }
}

.devis-etape__infos .devis-etape__link-1 {
  text-align: right;
}

.devis-ligne-transport {
  border: 2px solid #0082ad;
  padding: 2rem;
}

.devis-ligne-transport + .devis-ligne-transport {
  margin-top: 4rem;
}

.devis-ligne-transport__title {
  color: #c3c3be;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 2rem;
}

.devis-ligne-transport__picto {
  max-width: 16rem;
  margin-bottom: 2rem;
  display: none;
}

@media (min-width: 768px) {
  .devis-ligne-transport__picto {
    display: block;
  }
}

@media (min-width: 768px) {
  .devis-ligne-transport {
    padding: 2rem 4rem;
  }
  .devis-ligne-transport__content {
    display: flex;
  }
  .devis-ligne-transport__col-left {
    flex: 1;
    text-align: left;
  }
  .devis-ligne-transport__col-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
  }
}

.devis-timeline {
  position: relative;
  padding-left: 2rem;
  margin-left: 1rem;
}

.devis-timeline__depart {
  padding-bottom: 6rem;
}

.devis-timeline__depart:after {
  content: "";
  position: absolute;
  left: -2rem;
  top: 1em;
  display: block;
  background-color: #c3c3be;
  width: 1px;
  height: calc(100% + 1rem);
}

.devis-timeline__depart, .devis-timeline__arrivee {
  position: relative;
  padding: 0;
}

.devis-timeline__depart + .devis-ligne, .devis-timeline__arrivee + .devis-ligne {
  border-top: 0;
}

.devis-timeline__depart:before, .devis-timeline__arrivee:before {
  content: "";
  position: absolute;
  left: -2rem;
  top: 1rem;
  background-color: #c3c3be;
  display: block;
  width: 1rem;
  height: 1rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.devis-title-1 {
  text-align: center;
  padding: 0.8rem 1rem;
  background-color: #0082ad;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-size: 0.9em;
}

.devis-title-1.compensation {
  background-color: #8fa17a;
}

.devis-conseil {
  margin: 2rem auto;
}

.devis-conseil__title {
  font-weight: 500;
  font-size: 1.3em;
  color: #0082ad;
}

.devis-conseil__date {
  font-weight: 500;
  font-size: 1.3em;
}

.devis-conseil__item {
  margin-top: 2.5rem;
  text-align: justify;
}

.devis-conseil__subtitle {
  color: #0082ad;
  margin-bottom: 1rem;
}

.devis-conseil__link {
  color: #0082ad;
}

.devis-supplement {
  border: 1px solid #e9e9e9;
  background-color: #FFF;
  text-align: left;
}

.devis-supplement__title {
  text-align: left;
  padding: 2rem;
  display: flex;
}

.devis-supplement__title span {
  color: #0082ad;
}

.devis-supplement__title input {
  margin-right: 0.5rem;
}

.devis-supplement__link {
  text-align: center;
  background-color: #0082ad;
  color: #FFF;
  display: block;
  padding: 0.8rem;
}

.devis-supplement__link .icon {
  position: relative;
  top: 0.4em;
  font-size: 1.5em;
  line-height: 0;
}

.devis-carousel {
  display: none;
}

.devis-carousel__close {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  line-height: 1;
  text-decoration: inherit;
  text-align: center;
  top: 2rem;
  right: 2rem;
  z-index: 6;
  text-indent: -999em;
}

.devis-carousel__close:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.devis-carousel__close:focus {
  outline: 0;
}

.devis-carousel__close:hover {
  opacity: 0.7;
}

.devis-carousel__close:before {
  position: absolute;
  text-indent: 0;
  display: block;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  line-height: 0;
  margin-top: 0.1em;
}

.devis-carousel-images {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
}

.devis-carousel-images .slick-list {
  margin: 0 8rem 8rem 8rem;
}

.devis-carousel-images__title {
  font-size: 3rem;
  text-transform: uppercase;
  height: 8rem;
  line-height: 8rem;
  text-align: center;
}

.devis-carousel-images__visual-wrapper {
  height: calc(100vh - 16rem);
  position: relative;
}

.devis-carousel-images__visual-wrapper.intro:before {
  content: "";
  background-color: #000;
  opacity: 0.2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.devis-carousel-images__visual {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.devis-carousel-images .slick-arrow {
  z-index: 6;
}

.devis-carousel-images .slick-arrow:before {
  font-size: 4rem;
}

.devis-carousel-images .slick-prev {
  left: 2.5rem;
}

.devis-carousel-images .slick-next {
  right: 2.5rem;
}

.devis-carousel-images .slick-dots {
  bottom: 3rem;
}

.devis-carousel-images .slick-dots li button:before {
  font-size: 1.8rem;
}

.devis-carousel-intro {
  position: absolute;
  z-index: 1;
  top: calc(50% + 4rem);
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  color: #FFF;
  width: 100%;
}

.devis-carousel-intro__title {
  font-size: 4rem;
  margin-bottom: 2rem;
  line-height: 1;
  font-weight: 500;
}

.devis-carousel-intro__text {
  font-size: 2rem;
}

.devis-carousel-infos {
  background-color: #FFF;
  padding: 2rem;
  position: absolute;
  bottom: 4rem;
  left: 4rem;
  width: 30rem;
  z-index: 1;
}

.devis-carousel-infos__title {
  font-weight: 700;
  margin-bottom: 2rem;
}

.diaporama-opened .devis-carousel {
  display: block;
}

.diaporama-opened .body-inner,
.diaporama-opened .devis-contact,
.diaporama-opened .devis-popin,
.diaporama-opened .devis-popin-concierge,
.diaporama-opened .devis-popin-conseiller,
.diaporama-opened .devis-popin-service,
.diaporama-opened .devis-popin-location,
.diaporama-opened .devis-popin-date-validite-depassee,
.diaporama-opened .devis-popin-reinscription-necessaire {
  display: none;
}

.devis-popin {
  display: none;
  background-color: #e9e9e9;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-x: hidden;
  overflow-y: auto;
}

.devis-popin__close {
  position: fixed;
  display: inline-block;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  line-height: 1;
  text-decoration: inherit;
  text-align: center;
  top: 2rem;
  right: 2rem;
  z-index: 6;
  text-indent: -999em;
}

.devis-popin__close:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.devis-popin__close:focus {
  outline: 0;
}

.devis-popin__close:hover {
  opacity: 0.7;
}

.devis-popin__close:before {
  position: absolute;
  text-indent: 0;
  display: block;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  line-height: 0;
  margin-top: 0.1em;
}

.devis-popin-option {
  display: none;
  background-color: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-x: hidden;
  overflow-y: auto;
}

.devis-popin-option__content {
  max-width: 1024px;
  margin: auto;
  padding: 3rem 15px 7rem 15px;
}

@media (min-width: 768px) {
  .devis-popin-option__content {
    padding: 0 7rem 7rem 7rem;
  }
}

.devis-popin-option__tabs {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .devis-popin-option__tabs {
    display: flex;
    justify-content: space-around;
  }
}

.devis-popin-option__tab {
  flex: 1;
}

@media (max-width: 767px) {
  .devis-popin-option__tab {
    padding-left: 2rem;
    padding-right: 2rem;
    color: #0082ad;
  }
}

@media (min-width: 768px) {
  .devis-popin-option__tab {
    text-align: center;
  }
}

.devis-popin-option__tab.active {
  background-color: #e9e9e9;
  font-weight: 700;
}

@media (min-width: 768px) {
  .devis-popin-option__tab.active {
    border-bottom: 4px solid #0082ad;
  }
}

@media (max-width: 767px) {
  .devis-popin-option__tab.active {
    color: #0082ad;
  }
}

.devis-popin-option__tab:not(.active):hover {
  color: #0082ad;
  background-color: #fbfbfb;
}

@media (min-width: 768px) {
  .devis-popin-option__tab:not(.active):hover {
    border-bottom: 2px solid #0082ad;
  }
}

.devis-popin-option__tab-link {
  display: block;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 768px) {
  .devis-popin-option__header {
    display: flex;
  }
}

.devis-popin-option__sidebar {
  background-color: #e9e9e9;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .devis-popin-option__sidebar {
    width: 30%;
    margin-right: 2rem;
  }
}

@media (max-width: 767px) {
  .devis-popin-option__sidebar {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .devis-popin-option__carousel {
    width: 70%;
  }
}

.devis-popin-option__carousel .slick-arrow:before {
  background-size: contain;
  width: 3.6rem;
  height: 6rem;
}

.devis-popin-option__carousel .slick-prev {
  left: 2rem;
  z-index: 1;
}

.devis-popin-option__carousel .slick-prev:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 600' xml:space='preserve'%3E%3Cpath d='M342.4 67.8c0 4.8-1.9 9.1-5.6 12.8L117.5 300l219.3 219.3c3.7 3.7 5.6 8 5.6 12.9s-1.9 9.1-5.6 12.8l-27.9 27.9c-3.7 3.7-8 5.6-12.8 5.6s-9.1-1.9-12.9-5.6l-260-260.1c-3.7-3.7-5.6-7.9-5.6-12.8s1.9-9.1 5.6-12.8l260-260.1c3.7-3.7 8-5.5 12.9-5.5s9.1 1.8 12.8 5.5L336.8 55c3.7 3.7 5.6 8 5.6 12.8z' stroke='black' stroke-width='5' fill='%23fff'/%3E%3C/svg%3E");
}

.devis-popin-option__carousel .slick-next {
  right: 2rem;
  z-index: 1;
}

.devis-popin-option__carousel .slick-next:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 600' xml:space='preserve'%3E%3Cpath d='M342.4 300c0 4.9-1.8 9.1-5.5 12.8l-260.1 260c-3.7 3.7-8 5.6-12.8 5.6-4.8 0-9.1-1.9-12.9-5.6l-28-27.8c-3.7-3.7-5.5-8-5.5-12.8 0-4.8 1.8-9.1 5.5-12.9L242.5 300 23.1 80.7c-3.7-3.7-5.5-8-5.5-12.8 0-4.8 1.8-9.1 5.5-12.9L51 27.1c3.7-3.7 8-5.5 12.9-5.5s9.1 1.8 12.8 5.5l260.1 260.1c3.7 3.7 5.6 7.9 5.6 12.8z' stroke='black' stroke-width='5' fill='%23fff' /%3E%3C/svg%3E");
}

.devis-popin-option__title {
  font-size: 2.6rem;
  font-weight: 500;
  text-transform: uppercase;
}

.devis-popin-option__subtitle {
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.devis-popin-option__supplement {
  margin-top: 2rem;
}

.devis-popin-option__visual-wrapper {
  position: relative;
  padding-bottom: 65%;
  height: 100%;
}

.devis-popin-option__visual-wrapper.slick-slide {
  padding-bottom: 14%;
}

.devis-popin-concierge {
  display: none;
  background-color: #e9e9e9;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-x: hidden;
  overflow-y: auto;
}

.devis-popin-concierge__close {
  position: fixed;
  display: inline-block;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  line-height: 1;
  text-decoration: inherit;
  text-align: center;
  top: 2rem;
  right: 2rem;
  z-index: 6;
  text-indent: -999em;
}

.devis-popin-concierge__close:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.devis-popin-concierge__close:focus {
  outline: 0;
}

.devis-popin-concierge__close:hover {
  opacity: 0.7;
}

.devis-popin-concierge__close:before {
  position: absolute;
  text-indent: 0;
  display: block;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  line-height: 0;
  margin-top: 0.1em;
}

.devis-popin-conseiller {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-x: hidden;
  overflow-y: auto;
}

.devis-popin-conseiller__content {
  background: white;
  padding: 0;
  position: relative;
  max-width: 1024px;
  margin: auto;
}

@media (min-width: 768px) {
  .devis-popin-conseiller__content {
    margin-top: 4rem;
  }
}

@media (max-width: 767px) {
  .devis-popin-conseiller__content {
    margin: 1rem;
  }
}

.devis-popin-conseiller .devis-popin-col-wrapper {
  display: flex;
}

@media (max-width: 767px) {
  .devis-popin-conseiller .devis-popin-col-wrapper {
    flex-direction: column;
  }
}

.devis-popin-conseiller .devis-popin-col-left {
  background-color: #e9e9e9;
  padding: 2rem 15px;
}

@media (min-width: 768px) {
  .devis-popin-conseiller .devis-popin-col-left {
    flex: 0 0 auto;
    width: 35%;
    padding: 7rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
  }
}

.devis-popin-conseiller .devis-popin-col-right {
  padding: 2rem 15px;
}

@media (min-width: 768px) {
  .devis-popin-conseiller .devis-popin-col-right {
    flex: 1 0 auto;
    padding: 7rem;
    display: flex;
    flex-direction: column;
  }
}

.devis-popin-conseiller__close {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  line-height: 1;
  text-decoration: inherit;
  text-align: center;
  top: 2rem;
  right: 2rem;
  z-index: 6;
  text-indent: -999em;
}

.devis-popin-conseiller__close:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.devis-popin-conseiller__close:focus {
  outline: 0;
}

.devis-popin-conseiller__close:hover {
  opacity: 0.7;
}

.devis-popin-conseiller__close:before {
  position: absolute;
  text-indent: 0;
  display: block;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  line-height: 0;
  margin-top: 0.1em;
}

.devis-popin-conseiller__btn {
  padding: 1.3rem 3rem;
  font-weight: 400;
}

.devis-popin-conseiller__btn, .devis-popin-conseiller__btn:hover, .devis-popin-conseiller__btn:focus, .devis-popin-conseiller__btn:active {
  background-color: #000;
}

.devis-popin-conseiller__btn-alpha {
  padding: 1.3rem 3rem;
  font-weight: 400;
  margin-bottom: 3rem;
}

.devis-popin-conseiller__visual {
  width: 10rem;
  border-radius: 50%;
  margin-bottom: 3rem;
}

.devis-popin-conseiller__nom {
  font-size: 2rem;
  font-weight: 700;
}

.devis-popin-conseiller__pays {
  color: #0082ad;
  font-family: Spectral,serif;
  font-size: 1.8rem;
  margin-bottom: 3rem;
}

.devis-popin-conseiller__email {
  margin-bottom: 3rem;
}

.devis-popin-conseiller__email .icon-mail {
  font-size: 1.4em;
  line-height: 0.8;
}

.devis-popin-conseiller__label {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 3rem;
}

.devis-popin-conseiller__textarea {
  margin-bottom: 3rem;
  flex-grow: 1;
  resize: none;
  line-height: 2;
  min-height: 20rem;
}

.devis-popin-conseiller__actions {
  text-align: right;
}

.devis-popin-conseiller__nom-client {
  font-size: 3rem;
  font-weight: 500;
  margin-bottom: 4rem;
}

.devis-popin-conseiller__erreur {
  color: #dc3545;
  margin-bottom: 2rem;
  font-weight: 500;
}

.devis-popin-conseiller__text {
  margin-bottom: 4rem;
}

.devis-popin-conseiller__conseiller-pays {
  font-family: Spectral,serif;
  font-size: 1.8rem;
}

.devis-popin-conseiller__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.devis-popin-conseiller__btn-footer {
  padding: 1.3rem 3rem;
  font-weight: 400;
}

.devis-popin-date-validite-depassee,
.devis-popin-reinscription-necessaire {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-x: hidden;
  overflow-y: auto;
}

.devis-popin-date-validite-depassee .devis-popin-col-wrapper,
.devis-popin-reinscription-necessaire .devis-popin-col-wrapper {
  display: flex;
}

@media (max-width: 767px) {
  .devis-popin-date-validite-depassee .devis-popin-col-wrapper,
  .devis-popin-reinscription-necessaire .devis-popin-col-wrapper {
    flex-direction: column;
  }
}

.devis-popin-date-validite-depassee .devis-popin-col-left,
.devis-popin-reinscription-necessaire .devis-popin-col-left {
  flex: 0 0 auto;
  background-color: #e9e9e9;
  padding: 7rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}

@media (min-width: 768px) {
  .devis-popin-date-validite-depassee .devis-popin-col-left,
  .devis-popin-reinscription-necessaire .devis-popin-col-left {
    width: 35%;
  }
}

.devis-popin-date-validite-depassee .devis-popin-col-right,
.devis-popin-reinscription-necessaire .devis-popin-col-right {
  flex: 1 0 auto;
  padding: 13rem 7rem 7rem 7rem;
}

@media (min-width: 768px) {
  .devis-popin-date-validite-depassee .devis-popin-col-right,
  .devis-popin-reinscription-necessaire .devis-popin-col-right {
    width: 65%;
  }
}

.devis-popin-descriptif {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-x: hidden;
  overflow-y: auto;
}

.devis-popin-descriptif__wrapper {
  max-width: 1024px;
  margin: auto;
}

.devis-popin-descriptif__content {
  background: white;
  padding: 0;
  position: relative;
}

@media (max-width: 767px) {
  .devis-popin-descriptif__content {
    margin: 1rem;
  }
}

@media (min-width: 768px) {
  .devis-popin-descriptif__content {
    margin: 4rem;
  }
}

.devis-popin-descriptif__close {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  line-height: 1;
  text-decoration: inherit;
  text-align: center;
  top: 2rem;
  right: 2rem;
  z-index: 6;
  text-indent: -999em;
}

.devis-popin-descriptif__close:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.devis-popin-descriptif__close:focus {
  outline: 0;
}

.devis-popin-descriptif__close:hover {
  opacity: 0.7;
}

.devis-popin-descriptif__close:before {
  position: absolute;
  text-indent: 0;
  display: block;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  line-height: 0;
  margin-top: 0.1em;
}

@media (max-width: 767px) {
  .devis-popin-descriptif__text {
    padding: 7rem 3rem 3rem 3rem;
  }
}

@media (min-width: 768px) {
  .devis-popin-descriptif__text {
    padding: 7rem;
  }
}

.devis-popin-location {
  display: none;
  background-color: #e9e9e9;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-x: hidden;
  overflow-y: auto;
}

.devis-popin-location__close {
  position: fixed;
  display: inline-block;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  line-height: 1;
  text-decoration: inherit;
  text-align: center;
  top: 2rem;
  right: 2rem;
  z-index: 6;
  text-indent: -999em;
}

.devis-popin-location__close:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.devis-popin-location__close:focus {
  outline: 0;
}

.devis-popin-location__close:hover {
  opacity: 0.7;
}

.devis-popin-location__close:before {
  position: absolute;
  text-indent: 0;
  display: block;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  line-height: 0;
  margin-top: 0.1em;
}

.devis-popin-service {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow-x: hidden;
  overflow-y: auto;
}

.devis-popin-service__close {
  position: fixed;
  display: inline-block;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  line-height: 1;
  text-decoration: inherit;
  text-align: center;
  top: 2rem;
  right: 2rem;
  z-index: 6;
  text-indent: -999em;
}

.devis-popin-service__close:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.devis-popin-service__close:focus {
  outline: 0;
}

.devis-popin-service__close:hover {
  opacity: 0.7;
}

.devis-popin-service__close:before {
  color: #FFF;
  position: absolute;
  text-indent: 0;
  display: block;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  line-height: 0;
  margin-top: 0.1em;
}

.devis-popin-service__content {
  max-width: 1024px;
  margin: auto;
  padding: 0;
  background: #FFF;
  margin-top: 4rem;
}

.devis-popin-service__intro {
  margin: 0 auto 6rem auto;
  max-width: 40rem;
  text-align: center;
}

.devis-popin-service__title {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.devis-popin-service__main {
  padding: 4rem;
}

.popin-opened {
  overflow: hidden;
}

.popin-opened .devis-popin {
  display: block;
}

.popin-concierge-opened {
  overflow: hidden;
}

.popin-concierge-opened .devis-popin-concierge {
  display: block;
}

.popin-conseiller-opened {
  overflow: hidden;
}

.popin-conseiller-opened .devis-popin-conseiller {
  display: block;
}

.popin-date-validite-depassee-opened {
  overflow: hidden;
}

.popin-date-validite-depassee-opened .devis-popin-date-validite-depassee {
  display: block;
}

.popin-reinscription-necessaire-opened {
  overflow: hidden;
}

.popin-reinscription-necessaire-opened .devis-popin-reinscription-necessaire {
  display: block;
}

.popin-location-opened {
  overflow: hidden;
}

.popin-location-opened .devis-popin-location {
  display: block;
}

.popin-service-opened {
  overflow: hidden;
}

.popin-service-opened .devis-popin-service {
  display: block;
}

.popin-option-opened {
  overflow: hidden;
}

.popin-option-opened .devis-popin-option {
  display: block;
}

.popin-descriptif-opened {
  overflow: hidden;
}

.popin-descriptif-opened .devis-popin-descriptif {
  display: block;
}

.devis-popin-content {
  max-width: 768px;
  margin: auto;
  padding: 3rem 15px 7rem 15px;
}

@media (min-width: 768px) {
  .devis-popin-content {
    padding: 3rem 7rem 7rem 7rem;
  }
}

.devis-popin-content__title {
  font-size: 3.3rem;
  font-weight: 500;
  margin-bottom: 3rem;
  text-align: center;
}

.devis-popin-content__visual-wrapper {
  position: relative;
  padding-bottom: 65%;
  height: 100%;
}

.devis-popin-content__visual-wrapper.slick-slide {
  padding-bottom: 12%;
}

.devis-popin-content__visual {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.devis-popin-resume {
  font-size: 1.8rem;
}

.devis-popin-resume__title {
  margin-top: 3rem;
  margin-bottom: 1rem;
  color: #0082ad;
  font-weight: 500;
}

.devis-popin-resume__text {
  font-weight: 300;
}

.devis-popin-resume__descriptif {
  font-weight: 300;
  padding-top: 5rem;
}

.devis-synthese {
  margin-bottom: 4rem;
}

@media (min-width: 768px) {
  .devis-synthese__content {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.devis-synthese__content + .devis-synthese__content {
  margin-top: 6rem;
}

.devis-synthese__actions {
  text-align: center;
}

.devis-synthese__message {
  margin-top: 3rem;
  margin-bottom: 6rem;
  text-align: center;
}

.devis-synthese__title {
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: -1rem;
}

.devis-synthese__passagers {
  font-size: 1.8rem;
  font-weight: 500;
}

.devis-synthese-ligne {
  padding: 1.2rem;
}

@media (min-width: 768px) {
  .devis-synthese-ligne {
    display: flex;
  }
}

.devis-synthese-ligne.pair {
  background-color: #f6f6f6;
}

.devis-synthese-ligne.total {
  margin-top: 4rem;
  margin-bottom: 4rem;
  background-color: #e9e9e9;
}

.devis-synthese-ligne.total.assurance {
  margin-top: 0;
}

.devis-synthese-ligne.total.recap {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.devis-synthese-ligne.assurance {
  background-color: #f6f6f6;
}

.devis-synthese-ligne.assurance + .devis-synthese-ligne.assurance {
  border-top: 1px solid;
}

.devis-synthese-ligne.compensation {
  background-color: #f6f6f6;
}

.devis-synthese-ligne.compensation + .devis-synthese-ligne.compensation {
  border-top: 1px solid;
}

.devis-synthese-ligne__date {
  color: #0082ad;
  font-size: 1.7rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  .devis-synthese-ligne__date {
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .devis-synthese-ligne__date {
    padding-left: 2rem;
    padding-right: 2rem;
    flex: 0 0 auto;
    width: 25%;
  }
  .devis-synthese-ligne__date.vertical-align-center {
    align-self: center;
  }
}

@media (max-width: 767px) {
  .devis-synthese-ligne__content {
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .devis-synthese-ligne__content {
    padding-left: 2rem;
    padding-right: 2rem;
    flex: 0 0 auto;
    width: 50%;
    align-self: center;
  }
}

.devis-synthese-ligne__lieu {
  color: #0082ad;
  text-align: right;
}

@media (min-width: 768px) {
  .devis-synthese-ligne__lieu {
    padding-left: 2rem;
    padding-right: 2rem;
    flex: 0 0 auto;
    width: 25%;
  }
}

.devis-synthese-ligne__title {
  font-size: 1.7rem;
  font-weight: 500;
}

.devis-synthese-ligne__prix {
  background-color: #FFF;
  width: 100%;
  padding: 1rem;
  text-align: right;
  font-size: 2rem;
}

@media (max-width: 767px) {
  .devis-synthese-ligne__assurance-content label {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .devis-synthese-ligne__assurance-content {
    padding-left: 2rem;
    padding-right: 2rem;
    flex: 0 0 auto;
    width: 85%;
    align-self: center;
  }
  .devis-synthese-ligne__assurance-content label {
    margin-bottom: 0;
  }
}

.devis-synthese-ligne__assurance-prix {
  background-color: #FFF;
  width: 100%;
  padding: 1rem;
  text-align: right;
  font-size: 2rem;
}

@media (max-width: 767px) {
  .devis-synthese-ligne__compensation-content label {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .devis-synthese-ligne__compensation-content {
    padding-left: 2rem;
    padding-right: 2rem;
    flex: 0 0 auto;
    width: 85%;
    align-items: center;
    display: flex;
  }
  .devis-synthese-ligne__compensation-content label {
    margin-bottom: 0;
  }
  .devis-synthese-ligne__compensation-content .bootstrap-select {
    width: auto !important;
    margin-right: 2rem;
  }
  .devis-synthese-ligne__compensation-content .bootstrap-select .dropdown-toggle .caret {
    color: #8fa17a;
  }
  .devis-synthese-ligne__compensation-content .bootstrap-select.btn-group.open .dropdown-toggle {
    border-color: #8fa17a;
  }
}

.devis-synthese-ligne__compensation-prix {
  background-color: #FFF;
  width: 100%;
  padding: 1rem;
  text-align: right;
  font-size: 2rem;
}

.devis-synthese-compensation {
  background-color: #f6f6f6;
  padding: 2rem 4rem 0 4rem;
}

.devis-synthese-compensation__title {
  text-transform: uppercase;
  margin-top: 4rem;
  font-weight: 700;
}

.devis-synthese-warning-assurance {
  padding: 1rem 1.6rem;
  border: 2px solid #0082ad;
  margin-bottom: 1rem;
  font-style: italic;
  font-weight: 700;
}

.devis-fil {
  position: fixed;
  top: 20rem;
  left: 5%;
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .devis-fil {
    display: none;
  }
}

.diaporama-opened .devis-fil {
  display: none;
}

.devis-fil-etape {
  position: relative;
  height: 4rem;
  color: transparent;
}

.devis-fil-etape:last-child:before {
  display: none;
}

.devis-fil-etape__link {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #c3c3be;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  margin-bottom: 2rem;
}

.devis-fil-etape__link:before {
  content: "";
  height: 2rem;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 100%;
  border-left: 1px dotted #c3c3be;
  transform: translateX(-50%);
}

.devis-fil-etape__link:first-child:before {
  border-left-width: 0;
}

.devis-fil-etape__link:hover {
  background-color: #0082ad;
}

.devis-fil-etape__link.active, .devis-fil-etape__link.active:hover {
  background-color: #000;
}

.devis-form {
  margin-top: 3rem;
  margin-bottom: 4rem;
}

.devis-form__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  background-color: #FFF;
}

@media (min-width: 1440px) {
  .devis-form__inner {
    max-width: 100rem;
  }
}

@media (min-width: 768px) {
  .devis-form__inner {
    padding: 2rem 2rem 8rem 2rem;
  }
}

.devis-form__subtitle {
  font-weight: 700;
  font-size: 1.77778rem;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 1rem;
}

.devis-form__text {
  margin-bottom: 2rem;
}

.devis-form__obligatoire {
  font-size: 1.2rem;
  text-align: right;
  margin-top: 2rem;
  margin-bottom: 4rem;
}

.devis-form__mentions {
  font-size: 1.2rem;
}

.devis-form__special {
  padding-top: 1rem;
  padding-bottom: 2rem;
  background-color: #f6f6f6;
}

.devis-miles {
  background: #000 url("../images/background/devis/flyingblue700-214.jpg") no-repeat 100% 0;
  background-size: contain;
  margin-bottom: 4rem;
  color: #FFF;
  padding: 35% 2rem 2rem 2rem;
}

@media (min-width: 768px) {
  .devis-miles {
    padding: 2rem 25% 2rem 2rem;
  }
}

.devis-conditions {
  background-color: #f6f6f6;
  padding: 2rem;
  text-align: justify;
}

@media (min-width: 768px) {
  .devis-content {
    margin-top: 4rem;
    margin-bottom: 8rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.devis-content.wysiwyg a {
  text-decoration: underline;
}

.devis-document {
  margin-bottom: 4rem;
}

@media (max-width: 767px) {
  .devis-document {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .devis-document {
    padding: 2rem;
  }
}

.devis-document__link {
  font-weight: 700;
  display: block;
}

@media (max-width: 767px) {
  .devis-document__link {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .devis-document__link {
    text-align: right;
  }
}

.devis-document__link span {
  display: block;
  margin: auto;
}

.devis-document__pdf {
  max-width: 6rem;
}

@media (max-width: 767px) {
  .devis-document__pdf {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .devis-document__pdf {
    display: block;
    margin: 0 0 1rem auto;
  }
}

.devis-carnet .box-mini-intro {
  font-size: 1.8rem;
}

.devis-carnet__row {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.devis-carnet__subtitle {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.devis-carnet__visual {
  margin-bottom: 2rem;
}

.devis-carnet__push {
  max-width: 14rem;
}

.devis-carnet__push.appstore {
  margin-right: 1rem;
}

.devis-services {
  margin-bottom: 4rem;
}

.devis-services__title {
  font-size: 6rem;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.2rem;
  margin-bottom: 6rem;
  line-height: 1;
}

.devis-services__title span {
  display: block;
  color: #0082ad;
}

@media (max-width: 767px) {
  .devis-services__title {
    font-size: 4rem;
    margin-bottom: 4rem;
  }
}

.devis-services__content {
  position: relative;
}

.devis-services__tabs {
  display: flex;
  justify-content: space-around;
  border-top: 1px solid;
}

@media (max-width: 767px) {
  .devis-services__tabs {
    display: none;
  }
}

.devis-services__tabs-content {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

@media (max-width: 767px) {
  .devis-services__tabs-content {
    padding-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  .tab-content > .devis-services__tab-pane {
    display: block;
  }
}

.devis-services__tab {
  display: block;
  border: 1px solid transparent;
  padding: 1.6rem 2rem;
  text-align: center;
}

.devis-services__tab.active {
  font-weight: 700;
}

.devis-services__tab-link {
  display: block;
}

.devis-services__tab-link:hover {
  color: #0082ad;
}

@media (min-width: 768px) {
  .devis-services__row {
    display: flex;
  }
}

@media (min-width: 768px) {
  .devis-services__col-left, .devis-services__col-right {
    flex: 0 0 auto;
    width: 50%;
  }
}

.devis-services__col-right {
  padding-left: 2rem;
}

@media (min-width: 768px) {
  .devis-services__col-right {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  .devis-services__visual-wrapper {
    display: none;
  }
}

@media (min-width: 768px) {
  .devis-services__visual-wrapper {
    background-color: #e9e9e9;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.4) 20px, rgba(255, 255, 255, 0.4) 24px);
    position: relative;
    height: 100%;
    width: 100%;
  }
  .devis-services__visual-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
  }
  .devis-services__visual-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.devis-services__list li {
  text-indent: 0.8em;
  position: relative;
}

.devis-services__list li:before {
  content: "";
  display: block;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  position: absolute;
  background-color: #000;
  background-color: currentColor;
  top: 0.5em;
}

.devis-services__list > li {
  margin-top: 1rem;
  text-indent: 0;
  padding-left: 0.8em;
}

.devis-services__list > li:before {
  left: 0;
}

.box-tests {
  padding-top: 8rem;
  margin-bottom: 8rem;
  position: relative;
  z-index: 1;
  background-color: #FFF;
}

.box-tests__list {
  display: none;
}

.box-tests__list.slick-initialized {
  display: block;
}

.box-tests__list:hover .slick-arrow {
  display: inline-block !important;
}

.box-tests__list:hover .slick-arrow.slick-disabled {
  display: none !important;
}

.box-tests .slick-arrow {
  z-index: 6;
  top: calc(50% - 4rem);
  display: none !important;
}

.box-tests .slick-arrow:before {
  font-size: 10rem;
  color: #FFF;
}

.box-tests .slick-arrow.slick-disabled {
  display: none;
}

.box-tests .slick-prev {
  left: 5rem;
}

.box-tests .slick-next {
  right: 5rem;
}

.box-test__inner {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 768px) {
  .box-test__visual-wrapper {
    position: relative;
    padding-bottom: 140%;
  }
}

@media (min-width: 768px) {
  .box-test__visual {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}

.box-test__content {
  position: relative;
  z-index: 2;
  width: 90%;
  background-color: #FFF;
  margin: -10rem auto 0 auto;
  padding: 2rem;
  text-align: center;
  min-height: 12rem;
}

.box-test__title {
  font-weight: 700;
}

.box-test-intro__inner {
  padding: 1rem 4rem 1rem 6rem;
}

.box-test-intro__title {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}

.box-tests2 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.box-tests2__list {
  margin-left: 0;
  margin-right: 0;
}

.box-tests2__list > * {
  padding-left: 0;
  padding-right: 0;
}

.box-tests2__title {
  text-align: center;
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 4rem;
}

.box-test2 {
  background-color: #e9e9e9;
  position: relative;
  padding-bottom: 100%;
  cursor: pointer;
}

.box-test2__visual {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.box-test2__content {
  position: absolute;
  background-color: #FFF;
  top: 2rem;
  left: 2rem;
  right: 2rem;
  bottom: 2rem;
  padding: 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.box-test2__title {
  font-weight: 700;
}

.devis-CO2 {
  background: #eceee7;
}

@media (max-width: 767px) {
  .devis-CO2 {
    padding-top: 6.5rem;
  }
}

@media (min-width: 992px) {
  .devis-CO2 {
    display: flex;
    min-height: calc(100vh - 12rem);
  }
}

.devis-CO2-col-left {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem;
}

@media (min-width: 992px) {
  .devis-CO2-col-left {
    flex: 0 0 auto;
    width: 50%;
  }
}

.devis-CO2-col-right {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/background/devis/plantes-co2.jpg");
  background-size: cover;
  background-position: 50% 50%;
  padding: 4rem;
}

@media (min-width: 992px) {
  .devis-CO2-col-right {
    flex: 0 0 auto;
    width: 50%;
    padding: 8rem;
  }
}

.devis-CO2-fiche {
  max-width: 61rem;
}

.devis-CO2-title {
  font-size: 4rem;
  font-weight: 700;
  color: #8fa17a;
}

.devis-CO2-subtitle {
  font-size: 2rem;
}

.devis-CO2-item {
  margin-top: 3rem;
  font-size: 3.5rem;
  display: flex;
}

.devis-CO2-item-combien {
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.devis-CO2-item-quoi {
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}

.devis-CO2-item-picto {
  width: 12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.devis-CO2-item-picto-CO2 {
  width: 10rem;
}

.devis-CO2-item-picto-plantation {
  width: 8rem;
}

.devis-CO2-egal {
  font-size: 6rem;
  line-height: 1;
  padding-left: 12rem;
  margin-bottom: 2rem;
}

.devis-CO2-total {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
}

.devis-CO2-question {
  margin: 6rem 0 0 0;
}

.devis-CO2-question__title {
  font-size: 2rem;
  margin-bottom: 4rem;
}

.devis-CO2-question__subtitle {
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.devis-CO2-question__input {
  display: flex;
  align-items: center;
  background: #8fa17a;
  padding: 2rem;
  color: #FFF;
}

.devis-CO2-question__input .bootstrap-select {
  width: auto !important;
  margin-right: 2rem;
  height: 44px;
}

.devis-CO2-question__input .bootstrap-select .dropdown-toggle .caret {
  color: #8fa17a;
}

.devis-CO2-question__input .bootstrap-select.btn-group.open .dropdown-toggle {
  border-color: #8fa17a;
}

.devis-CO2-scroll-content {
  background: #FFF;
  width: 100%;
  padding: 4rem 8rem 8rem 8rem;
  max-width: 73rem;
}

.devis-CO2-scroll-content__picto {
  width: 8rem;
  margin: 0 auto 2rem auto;
  display: block;
}

.devis-CO2-scroll-content__title {
  color: #8fa17a;
  font-weight: 700;
  font-size: 2.2rem;
}

.devis-CO2-scroll-content__title:not(:first-of-type) {
  margin-top: 2rem;
}

.devis-CO2-scroll-content__text {
  margin-top: 0;
}

.scrollTopButton {
  bottom: 10rem;
}

.scrolltop-popin-button-is-showed .scrollTopPopinButton {
  opacity: 1;
}

/* ==========================================================================
   & nav devis web 
   ========================================================================== */
@media (max-width: 767px) {
  .nav-devis-web {
    position: relative;
  }
  .nav-devis-web:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .nav-devis-web-mobile-is-fixed .nav-devis-web {
    position: fixed;
    z-index: 1;
    top: 6.5rem;
    right: 0;
    left: 0;
    background-color: #FFF;
  }
}

@media (max-width: 767px) {
  .nav-devis-web__inner {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media (min-width: 768px) {
  .nav-devis-web__inner {
    padding-left: 5.55556rem;
    padding-right: 5.55556rem;
  }
}

@media (max-width: 767px) {
  .nav-devis-web__list {
    white-space: nowrap;
  }
}

@media (min-width: 768px) {
  .nav-devis-web__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .nav-devis-web__item {
    position: relative;
  }
}

.no-touch .nav-devis-web__item:hover .nav-devis-web__link, .no-touch .nav-devis-web__item:focus .nav-devis-web__link {
  color: #0082ad;
}

.nav-devis-web__item .dropdown-backdrop {
  display: none;
}

.nav-devis-web__btn {
  padding: 1.3rem 3rem;
  color: #000;
  font-weight: 400;
}

.nav-devis-web__btn, .nav-devis-web__btn:hover, .nav-devis-web__btn:focus, .nav-devis-web__btn:active {
  background-color: #FFF;
}

.nav-devis-web-mobile-wrapper {
  height: 5.55556rem;
}

.sousnav-devis-web {
  display: none;
  position: absolute;
  border: 2px solid #0082ad;
  background-color: #FFF;
  overflow: hidden;
  line-height: normal;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
  text-align: left;
  z-index: 995;
}

@media (max-width: 767px) {
  .sousnav-devis-web {
    left: 2rem;
    right: 2rem;
    margin-top: -2px;
    border-width: 3px;
    white-space: normal;
  }
}

@media (min-width: 768px) {
  .sousnav-devis-web {
    min-width: 100%;
    white-space: nowrap;
  }
}

.touch .sousnav-devis-web {
  max-height: calc(100vh - 18rem);
  overflow-y: auto;
}

.sousnav-devis-web__link {
  display: block;
  padding: 1rem;
}

.no-touch .sousnav-devis-web__link:hover {
  background-color: #f5f5f5;
}

.touch .sousnav-devis-web__link {
  padding-right: 3rem;
}

.no-touch .nav-devis-web__item:hover .sousnav-devis-web, .no-touch
.nav-devis-web__item:focus .sousnav-devis-web {
  display: block;
}

.open .sousnav-devis-web {
  display: block;
}

/* ==========================================================================
   & nav devis web mobile
   ========================================================================== */
.menu-mobile-devis-list {
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  z-index: 1;
  background-color: #FFF;
}

.menu-mobile-devis-list a {
  display: block;
}

.menu-mobile-devis-list > li > a {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  margin: 0;
  border-bottom: 1px solid #e9e9e9;
  padding: 1.5rem 2rem;
  font-size: 2rem;
}

.menu-mobile-devis-list > li > a.js-toggle-menu {
  transition: all .3s;
  padding-right: 5rem;
}

.menu-mobile-devis-list > li > a.js-toggle-menu:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.menu-mobile-devis-list > li > a.js-toggle-menu:before {
  position: absolute;
  right: 2rem;
  transition: transform .3s;
  transform: rotate(-45deg);
}

.menu-mobile-devis-list > li > a.opened {
  background-color: #8a8a8a;
  color: #FFF;
}

.menu-mobile-devis-list > li > a.opened + ul {
  display: block;
}

.menu-mobile-devis-list > li > a.opened:before {
  transform: rotate(0);
}

.menu-mobile-devis-list > li > ul {
  display: none;
}

.menu-mobile-devis-list > li > ul > li > .js-menu-mobile-niv2 {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  margin: 0;
  border-bottom: 1px solid #e9e9e9;
  padding: 1.5rem 3rem;
  font-size: 1.6rem;
  width: 100%;
  text-align: left;
}

.menu-mobile-devis-list > li > ul > li > .js-menu-mobile-niv2.js-toggle-menu {
  transition: all .3s;
  padding-right: 5rem;
}

.menu-mobile-devis-list > li > ul > li > .js-menu-mobile-niv2.js-toggle-menu:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.menu-mobile-devis-list > li > ul > li > .js-menu-mobile-niv2.js-toggle-menu:before {
  position: absolute;
  right: 2.4rem;
  transition: transform .3s;
  transform: rotate(-45deg);
}

.menu-mobile-devis-list > li > ul > li > .js-menu-mobile-niv2.opened {
  background-color: #d1d1d1;
}

.menu-mobile-devis-list > li > ul > li > .js-menu-mobile-niv2.opened + ul {
  display: block;
}

.menu-mobile-devis-list > li > ul > li > .js-menu-mobile-niv2.opened:before {
  transform: rotate(0);
}

.menu-mobile-devis-list > li > ul > li > ul {
  display: none;
}

.menu-mobile-devis-list > li > ul > li > ul > li > .js-menu-mobile-niv3 {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  margin: 0;
  border-bottom: 1px solid #e9e9e9;
  padding: 1.5rem 5rem 1.5rem 4rem;
  font-size: 1.6rem;
}

.menu-mobile-devis-list > li > ul > li > ul.opened {
  display: block;
}

@media (max-width: 767px) {
  .nav-univers-mobile-wrapper {
    margin-bottom: 4rem;
  }
}

.page-devis-web .overlay {
  display: flex;
  transition: none;
  z-index: 401;
}

.page-devis-web .overlay, .page-devis-web .overlay.loading {
  background-color: rgba(0, 0, 0, 0.5);
}

.page-devis-web .overlay.loading {
  background-image: url("../images/loading.svg");
  background-size: 10rem 10rem;
}

@media (max-width: 767px) {
  .page-devis-web .overlay__iframe {
    margin-top: 6.5rem;
  }
}

.page-devis-web .overlay__inner {
  width: 100%;
  height: 100%;
  /*max-width: 900px;*/
  margin-left: auto;
  position: relative;
}

.page-devis-web .overlay .devis-popin__close {
  top: 1rem;
  right: 1rem;
}

@media (min-width: 768px) {
  .page-devis-web .overlay .devis-popin__close {
    right: 3rem;
  }
}

.page-devis-web .overlay .devis-popin__close:before {
  font-size: 2.5rem;
}

@media (max-width: 767px) {
  .page-devis-web .overlay .devis-popin__close:before {
    color: #FFF;
  }
}

.page-devis-web .overlay .devis-popin-option__content {
  padding-left: 4rem;
}

.devis-demande-pushes {
  border-top: 1px solid #e9e9e9;
  padding-top: 4rem;
}

@media (min-width: 768px) {
  .devis-demande-pushes {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

.devis-push {
  margin-bottom: 4rem;
}

.devis-push__link {
  display: block;
}

.devis-push__title {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.devis-push__text {
  margin-bottom: 1rem;
}

.devis-push-image {
  margin-bottom: 1rem;
}

.devis-push-image__inner {
  background-color: #e9e9e9;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.4) 20px, rgba(255, 255, 255, 0.4) 24px);
  position: relative;
  padding-top: 100%;
}

.devis-push-image__inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.devis-push-image__inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.devis-push-image__inner.double {
  padding-top: calc(50% - 1.8rem);
}

.devis-donnees-perso__tabs {
  display: flex;
}

@media (max-width: 767px) {
  .devis-donnees-perso__tabs {
    flex-direction: column;
  }
}

.devis-donnees-perso__tab {
  text-align: center;
  display: block;
}

@media (max-width: 767px) {
  .devis-donnees-perso__tab.active {
    order: 1;
  }
}

.devis-donnees-perso__tab-link {
  display: block;
  padding: 1rem 2rem;
  background-color: rgba(255, 255, 255, 0.5);
}

.devis-donnees-perso__tab.active .devis-donnees-perso__tab-link {
  background-color: #0082ad;
  color: #FFF;
  position: relative;
}

.devis-donnees-perso__tab.active .devis-donnees-perso__tab-link:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 1.5rem solid transparent;
  border-right: 1.5rem solid transparent;
  border-top: 1.5rem solid #0082ad;
  position: absolute;
  left: 50%;
  bottom: -1.4rem;
  transform: translateX(-50%);
}

.devis-donnees-perso__text {
  margin-bottom: 2rem;
}

.box-ddv__inner {
  max-width: none;
}

@media (max-width: 767px) {
  .box-ddv__inner {
    padding: 2rem;
  }
}

.box-ddv__obligatoire {
  margin-bottom: 0;
}

.bootstrap-select.btn-group.disabled .dropdown-toggle .caret {
  color: #8a8a8a;
}

.bootstrap-select.btn-group .no-results {
  display: none;
}

input[type=radio][disabled].radio-alpha ~ label {
  opacity: .5;
  cursor: not-allowed;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fff;
  opacity: .5;
  cursor: not-allowed;
}

.form-subsection {
  padding: 4rem 0;
}

.form-subsection__title {
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 2.2rem;
  color: #0082ad;
}

.form-subsection__title .icon-user {
  font-size: 2.8rem;
  position: relative;
  top: 0.12em;
}

.choix-restant {
  margin-bottom: 8rem;
}

.choix-restant__title {
  text-align: center;
  padding: 0.8rem 1rem;
  background-color: #ff4d42;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-size: 0.9em;
}

.choix-restant__inner {
  border: 2px solid #ff4d42;
  padding: 0 4rem 4rem 4rem;
}

@media (max-width: 767px) {
  .choix-restant__inner {
    padding: 0 1rem 1rem 1rem;
  }
}

.choix-restant__header {
  margin-top: 4rem;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .choix-restant__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
  }
}

.choix-restant__actions {
  margin-top: 4rem;
  text-align: center;
}

.choix-restant__btn {
  padding: 1rem 2rem;
  background-color: #ff4d42;
}

.choix-restant__btn:hover {
  background-color: #ff685e;
}

.choix-restant-etape__title {
  font-weight: 500;
  font-size: 1.3em;
  padding-left: 2rem;
}

.choix-restant-etape__title.inclus {
  color: #8a8a8a;
}

@media (max-width: 767px) {
  .choix-restant-etape__link {
    margin-left: 2rem;
  }
}

@media (min-width: 768px) {
  .choix-restant-etape__link {
    margin-right: 14%;
  }
}

@media (min-width: 768px) {
  .choix-restant-ligne {
    display: flex;
  }
}

.choix-restant-ligne + .choix-restant-ligne {
  margin-top: 2rem;
}

.choix-restant-ligne__col {
  padding: 1rem 2rem;
}

@media (min-width: 768px) {
  .choix-restant-ligne__col {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
  }
}

@media (min-width: 768px) {
  .choix-restant-ligne__col.inclus {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
}

.choix-restant-ligne__title {
  background-color: #f6f6f6;
  color: #ff4d42;
}

@media (min-width: 768px) {
  .choix-restant-ligne__title {
    width: 18%;
  }
}

.choix-restant-ligne__text {
  background-color: #f6f6f6;
}

@media (min-width: 768px) {
  .choix-restant-ligne__text {
    flex: 1;
  }
}

.choix-restant-ligne__date {
  background-color: #f6f6f6;
}

@media (min-width: 768px) {
  .choix-restant-ligne__date {
    width: 22%;
  }
}

.choix-restant-ligne__prix-col {
  background-color: #f6f6f6;
  text-align: center;
}

@media (min-width: 768px) {
  .choix-restant-ligne__prix-col {
    width: 18%;
    text-align: right;
  }
}

.choix-restant-ligne__choix {
  text-align: center;
}

@media (min-width: 768px) {
  .choix-restant-ligne__choix {
    width: 14%;
    text-align: right;
  }
}

.choix-restant-ligne__prix {
  color: #ff4d42;
  padding: 1rem;
  border: 2px solid currentColor;
  display: inline-block;
  min-width: 9rem;
  text-align: center;
}

.choix-restant-ligne .radio-group {
  text-align: center;
}

.choix-restant-ligne .radio-group label {
  display: block;
  margin-bottom: 0;
}

/* Toujours utile ? */
.field-validation-error {
  color: #CB1B30;
}

/* Toujours utile ? */
.field-validation-valid {
  display: none;
}

.ui-dialog {
  border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar {
  background: #0082ad;
  color: #FFF;
  border: none;
  border-radius: 0;
}

.page-devis-services .box-mini-intro {
  font-size: 2rem;
}

.box-page-services {
  padding-bottom: 8rem;
}

@media (max-width: 767px) {
  .box-page-services-item__visual-container {
    margin-bottom: 2rem;
  }
}

.box-page-services-item__visual-wrapper {
  background-color: #e9e9e9;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.4) 20px, rgba(255, 255, 255, 0.4) 24px);
  position: relative;
  padding-top: 68.51852%;
}

.box-page-services-item__visual-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.box-page-services-item__visual-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.warning-message {
  border: 2px solid #ff4d42;
  background-color: #fff6f5;
  padding: 1rem;
  color: #ff4d42;
  font-weight: 500;
}

.payment-message {
  display: none;
  margin: 1rem 0 0 3rem;
  font-size: 1.3rem;
}

.with-warning-message:checked ~ .payment-message {
  display: block;
}