.pad-0 {
  padding: 0 !important;
}

@media all and (min-width: 576px) {
  .pad-sm-0 {
    padding: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-0 {
    padding: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-0 {
    padding: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-xl-0 {
    padding: 0 !important;
  }
}

.pad-1 {
  padding: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-1 {
    padding: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-1 {
    padding: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-1 {
    padding: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-xl-1 {
    padding: 16px !important;
  }
}

.pad-2 {
  padding: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-2 {
    padding: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-2 {
    padding: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-2 {
    padding: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-xl-2 {
    padding: 24px !important;
  }
}

.pad-3 {
  padding: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-3 {
    padding: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-3 {
    padding: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-3 {
    padding: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-xl-3 {
    padding: 32px !important;
  }
}

.pad-4 {
  padding: 48px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-4 {
    padding: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-4 {
    padding: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-4 {
    padding: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-xl-4 {
    padding: 48px !important;
  }
}

.pad-5 {
  padding: 80px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-5 {
    padding: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-5 {
    padding: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-5 {
    padding: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-xl-5 {
    padding: 80px !important;
  }
}

.pad-6 {
  padding: 88px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-6 {
    padding: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-6 {
    padding: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-6 {
    padding: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-xl-6 {
    padding: 88px !important;
  }
}

.pad-7 {
  padding: 136px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-7 {
    padding: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-7 {
    padding: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-7 {
    padding: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-xl-7 {
    padding: 136px !important;
  }
}

.pad-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-x-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.pad-x-1 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-x-xl-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.pad-x-2 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-x-xl-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

.pad-x-3 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-x-xl-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

.pad-x-4 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-4 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-4 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-4 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-x-xl-4 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}

.pad-x-5 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-5 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-5 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-5 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-x-xl-5 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

.pad-x-6 {
  padding-left: 88px !important;
  padding-right: 88px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-6 {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-6 {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-6 {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-x-xl-6 {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
}

.pad-x-7 {
  padding-left: 136px !important;
  padding-right: 136px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-7 {
    padding-left: 136px !important;
    padding-right: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-7 {
    padding-left: 136px !important;
    padding-right: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-7 {
    padding-left: 136px !important;
    padding-right: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-x-xl-7 {
    padding-left: 136px !important;
    padding-right: 136px !important;
  }
}

.pad-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-y-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.pad-y-1 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-y-xl-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

.pad-y-2 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-y-xl-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

.pad-y-3 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-y-xl-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

.pad-y-4 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-4 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-4 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-4 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-y-xl-4 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

.pad-y-5 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-5 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-5 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-5 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-y-xl-5 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

.pad-y-6 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-6 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-6 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-6 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-y-xl-6 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
}

.pad-y-7 {
  padding-top: 136px !important;
  padding-bottom: 136px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-7 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-7 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-7 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-y-xl-7 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
}

.pad-left-0 {
  padding-left: 0 !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-0 {
    padding-left: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-0 {
    padding-left: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-0 {
    padding-left: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-left-xl-0 {
    padding-left: 0 !important;
  }
}

.pad-left-1 {
  padding-left: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-1 {
    padding-left: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-1 {
    padding-left: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-1 {
    padding-left: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-left-xl-1 {
    padding-left: 16px !important;
  }
}

.pad-left-2 {
  padding-left: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-2 {
    padding-left: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-2 {
    padding-left: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-2 {
    padding-left: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-left-xl-2 {
    padding-left: 24px !important;
  }
}

.pad-left-3 {
  padding-left: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-3 {
    padding-left: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-3 {
    padding-left: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-3 {
    padding-left: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-left-xl-3 {
    padding-left: 32px !important;
  }
}

.pad-left-4 {
  padding-left: 48px !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-4 {
    padding-left: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-4 {
    padding-left: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-4 {
    padding-left: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-left-xl-4 {
    padding-left: 48px !important;
  }
}

.pad-left-5 {
  padding-left: 80px !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-5 {
    padding-left: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-5 {
    padding-left: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-5 {
    padding-left: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-left-xl-5 {
    padding-left: 80px !important;
  }
}

.pad-left-6 {
  padding-left: 88px !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-6 {
    padding-left: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-6 {
    padding-left: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-6 {
    padding-left: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-left-xl-6 {
    padding-left: 88px !important;
  }
}

.pad-left-7 {
  padding-left: 136px !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-7 {
    padding-left: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-7 {
    padding-left: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-7 {
    padding-left: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-left-xl-7 {
    padding-left: 136px !important;
  }
}

.pad-right-0 {
  padding-right: 0 !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-0 {
    padding-right: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-0 {
    padding-right: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-0 {
    padding-right: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-right-xl-0 {
    padding-right: 0 !important;
  }
}

.pad-right-1 {
  padding-right: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-1 {
    padding-right: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-1 {
    padding-right: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-1 {
    padding-right: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-right-xl-1 {
    padding-right: 16px !important;
  }
}

.pad-right-2 {
  padding-right: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-2 {
    padding-right: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-2 {
    padding-right: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-2 {
    padding-right: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-right-xl-2 {
    padding-right: 24px !important;
  }
}

.pad-right-3 {
  padding-right: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-3 {
    padding-right: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-3 {
    padding-right: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-3 {
    padding-right: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-right-xl-3 {
    padding-right: 32px !important;
  }
}

.pad-right-4 {
  padding-right: 48px !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-4 {
    padding-right: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-4 {
    padding-right: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-4 {
    padding-right: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-right-xl-4 {
    padding-right: 48px !important;
  }
}

.pad-right-5 {
  padding-right: 80px !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-5 {
    padding-right: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-5 {
    padding-right: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-5 {
    padding-right: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-right-xl-5 {
    padding-right: 80px !important;
  }
}

.pad-right-6 {
  padding-right: 88px !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-6 {
    padding-right: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-6 {
    padding-right: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-6 {
    padding-right: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-right-xl-6 {
    padding-right: 88px !important;
  }
}

.pad-right-7 {
  padding-right: 136px !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-7 {
    padding-right: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-7 {
    padding-right: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-7 {
    padding-right: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-right-xl-7 {
    padding-right: 136px !important;
  }
}

.pad-top-0 {
  padding-top: 0 !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-0 {
    padding-top: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-0 {
    padding-top: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-0 {
    padding-top: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-top-xl-0 {
    padding-top: 0 !important;
  }
}

.pad-top-1 {
  padding-top: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-1 {
    padding-top: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-1 {
    padding-top: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-1 {
    padding-top: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-top-xl-1 {
    padding-top: 16px !important;
  }
}

.pad-top-2 {
  padding-top: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-2 {
    padding-top: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-2 {
    padding-top: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-2 {
    padding-top: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-top-xl-2 {
    padding-top: 24px !important;
  }
}

.pad-top-3 {
  padding-top: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-3 {
    padding-top: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-3 {
    padding-top: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-3 {
    padding-top: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-top-xl-3 {
    padding-top: 32px !important;
  }
}

.pad-top-4 {
  padding-top: 48px !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-4 {
    padding-top: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-4 {
    padding-top: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-4 {
    padding-top: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-top-xl-4 {
    padding-top: 48px !important;
  }
}

.pad-top-5 {
  padding-top: 80px !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-5 {
    padding-top: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-5 {
    padding-top: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-5 {
    padding-top: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-top-xl-5 {
    padding-top: 80px !important;
  }
}

.pad-top-6 {
  padding-top: 88px !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-6 {
    padding-top: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-6 {
    padding-top: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-6 {
    padding-top: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-top-xl-6 {
    padding-top: 88px !important;
  }
}

.pad-top-7 {
  padding-top: 136px !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-7 {
    padding-top: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-7 {
    padding-top: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-7 {
    padding-top: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-top-xl-7 {
    padding-top: 136px !important;
  }
}

.pad-bottom-0 {
  padding-bottom: 0 !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-0 {
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-0 {
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-0 {
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-bottom-xl-0 {
    padding-bottom: 0 !important;
  }
}

.pad-bottom-1 {
  padding-bottom: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-1 {
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-1 {
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-1 {
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-bottom-xl-1 {
    padding-bottom: 16px !important;
  }
}

.pad-bottom-2 {
  padding-bottom: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-2 {
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-2 {
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-2 {
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-bottom-xl-2 {
    padding-bottom: 24px !important;
  }
}

.pad-bottom-3 {
  padding-bottom: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-3 {
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-3 {
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-3 {
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-bottom-xl-3 {
    padding-bottom: 32px !important;
  }
}

.pad-bottom-4 {
  padding-bottom: 48px !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-4 {
    padding-bottom: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-4 {
    padding-bottom: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-4 {
    padding-bottom: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-bottom-xl-4 {
    padding-bottom: 48px !important;
  }
}

.pad-bottom-5 {
  padding-bottom: 80px !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-5 {
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-5 {
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-5 {
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-bottom-xl-5 {
    padding-bottom: 80px !important;
  }
}

.pad-bottom-6 {
  padding-bottom: 88px !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-6 {
    padding-bottom: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-6 {
    padding-bottom: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-6 {
    padding-bottom: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-bottom-xl-6 {
    padding-bottom: 88px !important;
  }
}

.pad-bottom-7 {
  padding-bottom: 136px !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-7 {
    padding-bottom: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-7 {
    padding-bottom: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-7 {
    padding-bottom: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .pad-bottom-xl-7 {
    padding-bottom: 136px !important;
  }
}

.marg-0 {
  margin: 0 !important;
}

@media all and (min-width: 576px) {
  .marg-sm-0 {
    margin: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-0 {
    margin: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-0 {
    margin: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-xl-0 {
    margin: 0 !important;
  }
}

.marg-1 {
  margin: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-1 {
    margin: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-1 {
    margin: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-1 {
    margin: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-xl-1 {
    margin: 16px !important;
  }
}

.marg-2 {
  margin: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-2 {
    margin: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-2 {
    margin: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-2 {
    margin: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-xl-2 {
    margin: 24px !important;
  }
}

.marg-3 {
  margin: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-3 {
    margin: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-3 {
    margin: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-3 {
    margin: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-xl-3 {
    margin: 32px !important;
  }
}

.marg-4 {
  margin: 48px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-4 {
    margin: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-4 {
    margin: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-4 {
    margin: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-xl-4 {
    margin: 48px !important;
  }
}

.marg-5 {
  margin: 80px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-5 {
    margin: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-5 {
    margin: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-5 {
    margin: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-xl-5 {
    margin: 80px !important;
  }
}

.marg-6 {
  margin: 88px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-6 {
    margin: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-6 {
    margin: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-6 {
    margin: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-xl-6 {
    margin: 88px !important;
  }
}

.marg-7 {
  margin: 136px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-7 {
    margin: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-7 {
    margin: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-7 {
    margin: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-xl-7 {
    margin: 136px !important;
  }
}

.marg-x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-x-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.marg-x-1 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-x-xl-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

.marg-x-2 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-x-xl-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

.marg-x-3 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-x-xl-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

.marg-x-4 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-4 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-4 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-4 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-x-xl-4 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}

.marg-x-5 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-5 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-5 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-5 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-x-xl-5 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

.marg-x-6 {
  margin-left: 88px !important;
  margin-right: 88px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-6 {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-6 {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-6 {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-x-xl-6 {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
}

.marg-x-7 {
  margin-left: 136px !important;
  margin-right: 136px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-7 {
    margin-left: 136px !important;
    margin-right: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-7 {
    margin-left: 136px !important;
    margin-right: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-7 {
    margin-left: 136px !important;
    margin-right: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-x-xl-7 {
    margin-left: 136px !important;
    margin-right: 136px !important;
  }
}

.marg-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-y-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.marg-y-1 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-y-xl-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

.marg-y-2 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-y-xl-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

.marg-y-3 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-y-xl-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

.marg-y-4 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-4 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-4 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-4 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-y-xl-4 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}

.marg-y-5 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-5 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-5 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-5 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-y-xl-5 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

.marg-y-6 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-6 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-6 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-6 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-y-xl-6 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
}

.marg-y-7 {
  margin-top: 136px !important;
  margin-bottom: 136px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-7 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-7 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-7 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-y-xl-7 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
}

.marg-left-0 {
  margin-left: 0 !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-0 {
    margin-left: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-0 {
    margin-left: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-0 {
    margin-left: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-left-xl-0 {
    margin-left: 0 !important;
  }
}

.marg-left-1 {
  margin-left: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-1 {
    margin-left: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-1 {
    margin-left: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-1 {
    margin-left: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-left-xl-1 {
    margin-left: 16px !important;
  }
}

.marg-left-2 {
  margin-left: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-2 {
    margin-left: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-2 {
    margin-left: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-2 {
    margin-left: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-left-xl-2 {
    margin-left: 24px !important;
  }
}

.marg-left-3 {
  margin-left: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-3 {
    margin-left: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-3 {
    margin-left: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-3 {
    margin-left: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-left-xl-3 {
    margin-left: 32px !important;
  }
}

.marg-left-4 {
  margin-left: 48px !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-4 {
    margin-left: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-4 {
    margin-left: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-4 {
    margin-left: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-left-xl-4 {
    margin-left: 48px !important;
  }
}

.marg-left-5 {
  margin-left: 80px !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-5 {
    margin-left: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-5 {
    margin-left: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-5 {
    margin-left: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-left-xl-5 {
    margin-left: 80px !important;
  }
}

.marg-left-6 {
  margin-left: 88px !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-6 {
    margin-left: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-6 {
    margin-left: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-6 {
    margin-left: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-left-xl-6 {
    margin-left: 88px !important;
  }
}

.marg-left-7 {
  margin-left: 136px !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-7 {
    margin-left: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-7 {
    margin-left: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-7 {
    margin-left: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-left-xl-7 {
    margin-left: 136px !important;
  }
}

.marg-right-0 {
  margin-right: 0 !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-0 {
    margin-right: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-0 {
    margin-right: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-0 {
    margin-right: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-right-xl-0 {
    margin-right: 0 !important;
  }
}

.marg-right-1 {
  margin-right: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-1 {
    margin-right: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-1 {
    margin-right: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-1 {
    margin-right: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-right-xl-1 {
    margin-right: 16px !important;
  }
}

.marg-right-2 {
  margin-right: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-2 {
    margin-right: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-2 {
    margin-right: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-2 {
    margin-right: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-right-xl-2 {
    margin-right: 24px !important;
  }
}

.marg-right-3 {
  margin-right: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-3 {
    margin-right: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-3 {
    margin-right: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-3 {
    margin-right: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-right-xl-3 {
    margin-right: 32px !important;
  }
}

.marg-right-4 {
  margin-right: 48px !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-4 {
    margin-right: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-4 {
    margin-right: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-4 {
    margin-right: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-right-xl-4 {
    margin-right: 48px !important;
  }
}

.marg-right-5 {
  margin-right: 80px !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-5 {
    margin-right: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-5 {
    margin-right: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-5 {
    margin-right: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-right-xl-5 {
    margin-right: 80px !important;
  }
}

.marg-right-6 {
  margin-right: 88px !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-6 {
    margin-right: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-6 {
    margin-right: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-6 {
    margin-right: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-right-xl-6 {
    margin-right: 88px !important;
  }
}

.marg-right-7 {
  margin-right: 136px !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-7 {
    margin-right: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-7 {
    margin-right: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-7 {
    margin-right: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-right-xl-7 {
    margin-right: 136px !important;
  }
}

.marg-top-0 {
  margin-top: 0 !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-0 {
    margin-top: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-0 {
    margin-top: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-0 {
    margin-top: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-top-xl-0 {
    margin-top: 0 !important;
  }
}

.marg-top-1 {
  margin-top: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-1 {
    margin-top: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-1 {
    margin-top: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-1 {
    margin-top: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-top-xl-1 {
    margin-top: 16px !important;
  }
}

.marg-top-2 {
  margin-top: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-2 {
    margin-top: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-2 {
    margin-top: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-2 {
    margin-top: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-top-xl-2 {
    margin-top: 24px !important;
  }
}

.marg-top-3 {
  margin-top: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-3 {
    margin-top: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-3 {
    margin-top: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-3 {
    margin-top: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-top-xl-3 {
    margin-top: 32px !important;
  }
}

.marg-top-4 {
  margin-top: 48px !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-4 {
    margin-top: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-4 {
    margin-top: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-4 {
    margin-top: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-top-xl-4 {
    margin-top: 48px !important;
  }
}

.marg-top-5 {
  margin-top: 80px !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-5 {
    margin-top: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-5 {
    margin-top: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-5 {
    margin-top: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-top-xl-5 {
    margin-top: 80px !important;
  }
}

.marg-top-6 {
  margin-top: 88px !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-6 {
    margin-top: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-6 {
    margin-top: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-6 {
    margin-top: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-top-xl-6 {
    margin-top: 88px !important;
  }
}

.marg-top-7 {
  margin-top: 136px !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-7 {
    margin-top: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-7 {
    margin-top: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-7 {
    margin-top: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-top-xl-7 {
    margin-top: 136px !important;
  }
}

.marg-bottom-0 {
  margin-bottom: 0 !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-0 {
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-0 {
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-0 {
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-bottom-xl-0 {
    margin-bottom: 0 !important;
  }
}

.marg-bottom-1 {
  margin-bottom: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-1 {
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-1 {
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-1 {
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-bottom-xl-1 {
    margin-bottom: 16px !important;
  }
}

.marg-bottom-2 {
  margin-bottom: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-2 {
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-2 {
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-2 {
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-bottom-xl-2 {
    margin-bottom: 24px !important;
  }
}

.marg-bottom-3 {
  margin-bottom: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-3 {
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-3 {
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-3 {
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-bottom-xl-3 {
    margin-bottom: 32px !important;
  }
}

.marg-bottom-4 {
  margin-bottom: 48px !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-4 {
    margin-bottom: 48px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-4 {
    margin-bottom: 48px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-4 {
    margin-bottom: 48px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-bottom-xl-4 {
    margin-bottom: 48px !important;
  }
}

.marg-bottom-5 {
  margin-bottom: 80px !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-5 {
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-5 {
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-5 {
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-bottom-xl-5 {
    margin-bottom: 80px !important;
  }
}

.marg-bottom-6 {
  margin-bottom: 88px !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-6 {
    margin-bottom: 88px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-6 {
    margin-bottom: 88px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-6 {
    margin-bottom: 88px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-bottom-xl-6 {
    margin-bottom: 88px !important;
  }
}

.marg-bottom-7 {
  margin-bottom: 136px !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-7 {
    margin-bottom: 136px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-7 {
    margin-bottom: 136px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-7 {
    margin-bottom: 136px !important;
  }
}

@media all and (min-width: 1320px) {
  .marg-bottom-xl-7 {
    margin-bottom: 136px !important;
  }
}

* {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}
@media all and (max-width: 991px) {
  html {
    --bs-gutter-x: 16px;
  }
}
html:has(.navbar-collapse.show) {
  overflow: hidden;
}

body.site_devaux h1,
body.site_devaux .h1,
body.site_devaux#page_article .section-produit h1,
body.site_devaux body.page_shop#page_article .section-produit h1,
body.page_shop#page_article .section-produit body.site_devaux h1 {
  font-family: "Cormorant Garamond", serif;
  font-size: 63px;
  font-weight: 700;
  line-height: 85%; /* 54.4px */
  color: #000000;
  margin: 0;
}
@media all and (max-width: 991px) {
  body.site_devaux h1,
body.site_devaux .h1,
body.site_devaux#page_article .section-produit h1,
body.site_devaux body.page_shop#page_article .section-produit h1,
body.page_shop#page_article .section-produit body.site_devaux h1 {
    font-size: 48px;
    text-align: start;
  }
}
body.site_devaux h2,
body.site_devaux .h2 {
  color: #000000;
  font-family: "Cormorant Garamond", serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 100%; /* 56px */
  margin: 0;
}
@media all and (max-width: 991px) {
  body.site_devaux h2,
body.site_devaux .h2 {
    font-size: 40px;
  }
}
body.site_devaux h3,
body.site_devaux .h3 {
  color: #000000;
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}
@media all and (max-width: 991px) {
  body.site_devaux h3,
body.site_devaux .h3 {
    font-size: 20px;
  }
}
body.site_devaux img {
  max-width: 100%;
  height: auto;
}
body.site_devaux .texte-blanc, body.site_devaux main .section-chiffres__desc,
body.page_shop main body.site_devaux .section-chiffres__desc, body.site_devaux main .devaux-img-card__content,
body.page_shop main body.site_devaux .devaux-img-card__content,
body.site_devaux .texte-blanc p,
body.site_devaux main .section-chiffres__desc p,
body.page_shop main body.site_devaux .section-chiffres__desc p,
body.site_devaux main .devaux-img-card__content p,
body.page_shop main body.site_devaux .devaux-img-card__content p {
  color: white;
}
body.site_devaux .no-list-style, body.site_devaux nav ul,
body.site_devaux footer ul,
body.site_devaux #page_article ul,
body.site_devaux body.page_shop nav ul,
body.page_shop nav body.site_devaux ul,
body.site_devaux body.page_shop footer ul,
body.page_shop footer body.site_devaux ul,
body.page_shop #page_article body.site_devaux ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}
body.site_devaux .lien {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  gap: 8px;
  position: relative;
  text-decoration: none;
  color: #7b5000;
  padding-top: 10px;
}
body.site_devaux .lien .arrow {
  transition: margin 0.25s ease-in-out;
}
body.site_devaux .lien::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: #7b5000;
  transition: width 0.2s ease-in-out;
}
body.site_devaux .lien:hover::after {
  width: 100%;
}
body.site_devaux .with-line, body.site_devaux .with-line--top, body.site_devaux .with-line--bottom {
  position: relative;
}
body.site_devaux .with-line--bottom::before {
  bottom: -62px;
}
@media all and (max-width: 1319px) {
  body.site_devaux .with-line--bottom::before {
    bottom: -38px;
  }
}
body.site_devaux .with-line--top::before {
  top: -62px;
}
@media all and (max-width: 1319px) {
  body.site_devaux .with-line--top::before {
    top: -38px;
  }
}
body.site_devaux .with-line::before, body.site_devaux .with-line--bottom::before, body.site_devaux .with-line--top::before {
  z-index: 10;
  content: "";
  position: absolute;
  width: 2px;
  height: 124px;
  background: #e9bd4d;
  left: 50%;
  transform: translateX(-50%);
}
@media all and (max-width: 1319px) {
  body.site_devaux .with-line::before, body.site_devaux .with-line--bottom::before, body.site_devaux .with-line--top::before {
    height: 76px;
  }
}
body.site_devaux .photo-escalier-img--tall {
  aspect-ratio: 650/490;
  object-fit: cover;
  width: 100%;
}
body.site_devaux .photo-escalier-img--wide {
  aspect-ratio: 659/378;
  object-fit: cover;
  width: 100%;
}

body.site_devaux,
body.page_shop {
  min-height: 100%;
  font-family: "Instrument Sans", sans-serif;
  color: #383838;
  font-weight: 400;
  overflow-x: hidden;
}
body.site_devaux main,
body.page_shop main {
  padding-top: 88px;
}
body.site_devaux:has(header.transparent) main,
body.page_shop:has(header.transparent) main {
  padding-top: 0;
}
body.site_devaux input, body.site_devaux select, body.site_devaux textarea,
body.page_shop input,
body.page_shop select,
body.page_shop textarea {
  background: white;
  border: 1px solid #e7e7e7;
}
body.site_devaux input:focus, body.site_devaux select:focus, body.site_devaux textarea:focus,
body.page_shop input:focus,
body.page_shop select:focus,
body.page_shop textarea:focus {
  outline: none;
  border-color: #7b5000;
}
body.site_devaux p,
body.page_shop p {
  color: #383838;
  font-size: 16px;
  line-height: 150%;
  margin: 0;
}
body.site_devaux .sur-titre, body.site_devaux .sur-titre--small, body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement, body.site_devaux .sur-titre--small-bold,
body.page_shop .sur-titre,
body.page_shop .sur-titre--small,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement,
body.page_shop .sur-titre--small-bold {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}
body.site_devaux .sur-titre--small, body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement, body.site_devaux .sur-titre--small-bold,
body.page_shop .sur-titre--small,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement,
body.page_shop .sur-titre--small-bold {
  font-size: 12px;
  letter-spacing: 2px;
}
body.site_devaux .sur-titre--small-bold,
body.page_shop .sur-titre--small-bold {
  font-weight: 600;
}
@media all and (max-width: 991px) {
  body.site_devaux .sur-titre, body.site_devaux .sur-titre--small, body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement, body.site_devaux .sur-titre--small-bold,
body.page_shop .sur-titre,
body.page_shop .sur-titre--small,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement,
body.page_shop .sur-titre--small-bold {
    font-size: 12px;
  }
}
body.site_devaux .bg-noir,
body.page_shop .bg-noir {
  background: #1a1a1a;
}
body.site_devaux .bg-beige,
body.page_shop .bg-beige {
  background: #fefbf7;
}
body.site_devaux .bg-gris,
body.page_shop .bg-gris {
  background-color: #f7f7f7;
}
body.site_devaux .bg-pattern,
body.page_shop .bg-pattern {
  background-image: url("/medias/pattern.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
@media (max-width: 1319px) {
  body.site_devaux .bg-pattern,
body.page_shop .bg-pattern {
    background-size: cover;
  }
}
body.site_devaux .bg-pattern-beige,
body.page_shop .bg-pattern-beige {
  background-image: url("/medias/pattern-beige.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
@media (max-width: 1319px) {
  body.site_devaux .bg-pattern-beige,
body.page_shop .bg-pattern-beige {
    background-size: cover;
  }
}
body.site_devaux #bg_noir,
body.page_shop #bg_noir {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
  opacity: 0.4;
}
body.site_devaux .texte-blanc, body.site_devaux main .section-chiffres__desc, body.site_devaux main .devaux-img-card__content,
body.site_devaux .texte-blanc p,
body.site_devaux main .section-chiffres__desc p,
body.site_devaux main .devaux-img-card__content p,
body.page_shop .texte-blanc,
body.page_shop main .section-chiffres__desc,
body.page_shop main .devaux-img-card__content,
body.page_shop .texte-blanc p,
body.page_shop main .section-chiffres__desc p,
body.page_shop main .devaux-img-card__content p {
  color: white;
}
body.site_devaux .no-list-style, body.site_devaux nav ul,
body.site_devaux footer ul,
body.site_devaux #page_article ul,
body.site_devaux body.page_shop nav ul,
body.page_shop nav body.site_devaux ul,
body.site_devaux body.page_shop footer ul,
body.page_shop footer body.site_devaux ul,
body.page_shop .no-list-style,
body.page_shop body.site_devaux nav ul,
body.site_devaux nav body.page_shop ul,
body.page_shop body.site_devaux footer ul,
body.site_devaux footer body.page_shop ul,
body.page_shop nav ul,
body.page_shop footer ul,
body.page_shop #page_article ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}
body.site_devaux .bouton,
body.page_shop .bouton {
  font-family: "Instrument Sans", sans-serif;
  font-size: 16px;
  line-height: 100%;
  border-radius: 64px;
  border: 1px solid transparent;
  text-decoration: none;
  text-align: center;
  padding: 16px 24px;
  max-width: 100%;
  display: flex;
  width: fit-content;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
  /* PRINCIPAL */
  background: #e9bd4d;
  border-color: #e9bd4d;
  color: #000000;
}
@media all and (max-width: 991px) {
  body.site_devaux .bouton,
body.page_shop .bouton {
    width: 100%;
  }
}
body.site_devaux .bouton:disabled, body.site_devaux .bouton.disabled,
body.page_shop .bouton:disabled,
body.page_shop .bouton.disabled {
  background: var(--couleur-disabled, #d3dbde);
  border: var(--couleur-disabled, #d3dbde);
  cursor: default;
}
body.site_devaux .bouton--rond,
body.page_shop .bouton--rond {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  aspect-ratio: 1/1;
  gap: 8px;
}
body.site_devaux .bouton:hover:not(:disabled, .disabled),
body.page_shop .bouton:hover:not(:disabled, .disabled) {
  background: #d5a939;
  border-color: #d5a939;
}
body.site_devaux .bouton-secondaire,
body.page_shop .bouton-secondaire {
  background: transparent !important;
  border-color: #7b5000 !important;
  color: #7b5000 !important;
}
body.site_devaux .bouton-secondaire:hover,
body.page_shop .bouton-secondaire:hover {
  background: rgba(123, 80, 0, 0.1) !important;
}
body.site_devaux .bouton-secondaire-blanc,
body.page_shop .bouton-secondaire-blanc {
  border-color: white !important;
  color: white !important;
}
body.site_devaux .bouton-secondaire-blanc:hover,
body.page_shop .bouton-secondaire-blanc:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}
body.site_devaux .bouton-secondaire-jaune,
body.page_shop .bouton-secondaire-jaune {
  border-color: #e9bd4d !important;
  color: #e9bd4d !important;
}
body.site_devaux .bouton-secondaire-jaune:hover,
body.page_shop .bouton-secondaire-jaune:hover {
  background: rgba(233, 189, 77, 0.1) !important;
}

@keyframes devaux-wiggle {
  0%, 85%, 100% {
    transform: rotate(0deg);
  }
  88% {
    transform: rotate(-5deg);
  }
  91% {
    transform: rotate(4deg);
  }
  94% {
    transform: rotate(-3deg);
  }
  97% {
    transform: rotate(2deg);
  }
}
.trace_anime path {
  fill: transparent;
}
@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.3s ease-in 0.3s both;
  animation: animate-svg-fill-1 0.3s ease-in 0.3s both;
}
@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.3s ease-in 0.4s both;
  animation: animate-svg-fill-2 0.3s ease-in 0.4s both;
}
@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.3s ease-in 0.5s both;
  animation: animate-svg-fill-3 0.3s ease-in 0.5s both;
}
@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 0.3s ease-in 0.6s both;
  animation: animate-svg-fill-4 0.3s ease-in 0.6s both;
}
@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.3s ease-in 0.7s both;
  animation: animate-svg-fill-5 0.3s ease-in 0.7s both;
}
@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-6 {
  -webkit-animation: animate-svg-fill-6 0.3s ease-in 0.8s both;
  animation: animate-svg-fill-6 0.3s ease-in 0.8s both;
}
@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-7 {
  -webkit-animation: animate-svg-fill-7 0.3s ease-in 0.9s both;
  animation: animate-svg-fill-7 0.3s ease-in 0.9s both;
}
@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-8 {
  -webkit-animation: animate-svg-fill-8 0.3s ease-in 1s both;
  animation: animate-svg-fill-8 0.3s ease-in 1s both;
}
@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-9 {
  -webkit-animation: animate-svg-fill-9 0.3s ease-in 1.1s both;
  animation: animate-svg-fill-9 0.3s ease-in 1.1s both;
}
@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-10 {
  -webkit-animation: animate-svg-fill-10 0.3s ease-in 1.2s both;
  animation: animate-svg-fill-10 0.3s ease-in 1.2s both;
}
@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-11 {
  -webkit-animation: animate-svg-fill-11 0.3s ease-in 1.3s both;
  animation: animate-svg-fill-11 0.3s ease-in 1.3s both;
}
@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-12 {
  -webkit-animation: animate-svg-fill-12 0.3s ease-in 1.4s both;
  animation: animate-svg-fill-12 0.3s ease-in 1.4s both;
}
@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-13 {
  -webkit-animation: animate-svg-fill-13 0.3s ease-in 1.5s both;
  animation: animate-svg-fill-13 0.3s ease-in 1.5s both;
}
@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-14 {
  -webkit-animation: animate-svg-fill-14 0.3s ease-in 1.6s both;
  animation: animate-svg-fill-14 0.3s ease-in 1.6s both;
}
@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-15 {
  -webkit-animation: animate-svg-fill-15 0.3s ease-in 1.7s both;
  animation: animate-svg-fill-15 0.3s ease-in 1.7s both;
}
@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-16 {
  -webkit-animation: animate-svg-fill-16 0.3s ease-in 1.8s both;
  animation: animate-svg-fill-16 0.3s ease-in 1.8s both;
}
@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-17 {
  -webkit-animation: animate-svg-fill-17 0.3s ease-in 1.9s both;
  animation: animate-svg-fill-17 0.3s ease-in 1.9s both;
}
@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-18 {
  -webkit-animation: animate-svg-fill-18 0.3s ease-in 2s both;
  animation: animate-svg-fill-18 0.3s ease-in 2s both;
}
@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-19 {
  -webkit-animation: animate-svg-fill-19 0.3s ease-in 2.1s both;
  animation: animate-svg-fill-19 0.3s ease-in 2.1s both;
}
@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-20 {
  -webkit-animation: animate-svg-fill-20 0.3s ease-in 2.2s both;
  animation: animate-svg-fill-20 0.3s ease-in 2.2s both;
}
@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-21 {
  -webkit-animation: animate-svg-fill-21 0.3s ease-in 2.3s both;
  animation: animate-svg-fill-21 0.3s ease-in 2.3s both;
}
@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-22 {
  -webkit-animation: animate-svg-fill-22 0.3s ease-in 2.4s both;
  animation: animate-svg-fill-22 0.3s ease-in 2.4s both;
}
@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-23 {
  -webkit-animation: animate-svg-fill-23 0.3s ease-in 2.5s both;
  animation: animate-svg-fill-23 0.3s ease-in 2.5s both;
}
@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-24 {
  -webkit-animation: animate-svg-fill-24 0.3s ease-in 2.6s both;
  animation: animate-svg-fill-24 0.3s ease-in 2.6s both;
}
@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-25 {
  -webkit-animation: animate-svg-fill-25 0.3s ease-in 2.7s both;
  animation: animate-svg-fill-25 0.3s ease-in 2.7s both;
}
@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-26 {
  -webkit-animation: animate-svg-fill-26 0.3s ease-in 2.8s both;
  animation: animate-svg-fill-26 0.3s ease-in 2.8s both;
}
@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-27 {
  -webkit-animation: animate-svg-fill-27 0.3s ease-in 2.9s both;
  animation: animate-svg-fill-27 0.3s ease-in 2.9s both;
}
@keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-28 {
  -webkit-animation: animate-svg-fill-28 0.3s ease-in 3s both;
  animation: animate-svg-fill-28 0.3s ease-in 3s both;
}
@keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-29 {
  -webkit-animation: animate-svg-fill-29 0.3s ease-in 3.1s both;
  animation: animate-svg-fill-29 0.3s ease-in 3.1s both;
}
@keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-30 {
  -webkit-animation: animate-svg-fill-30 0.3s ease-in 3.2s both;
  animation: animate-svg-fill-30 0.3s ease-in 3.2s both;
}
@keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-31 {
  -webkit-animation: animate-svg-fill-31 0.3s ease-in 3.3s both;
  animation: animate-svg-fill-31 0.3s ease-in 3.3s both;
}
@keyframes animate-svg-fill-32 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-32 {
  -webkit-animation: animate-svg-fill-32 0.3s ease-in 3.4s both;
  animation: animate-svg-fill-32 0.3s ease-in 3.4s both;
}
@keyframes animate-svg-fill-33 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-33 {
  -webkit-animation: animate-svg-fill-33 0.3s ease-in 3.5s both;
  animation: animate-svg-fill-33 0.3s ease-in 3.5s both;
}
@keyframes animate-svg-fill-34 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-34 {
  -webkit-animation: animate-svg-fill-34 0.3s ease-in 3.6s both;
  animation: animate-svg-fill-34 0.3s ease-in 3.6s both;
}
@keyframes animate-svg-fill-35 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-35 {
  -webkit-animation: animate-svg-fill-35 0.3s ease-in 3.7s both;
  animation: animate-svg-fill-35 0.3s ease-in 3.7s both;
}
@keyframes animate-svg-fill-36 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-36 {
  -webkit-animation: animate-svg-fill-36 0.3s ease-in 3.8s both;
  animation: animate-svg-fill-36 0.3s ease-in 3.8s both;
}
@keyframes animate-svg-fill-37 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-37 {
  -webkit-animation: animate-svg-fill-37 0.3s ease-in 3.9s both;
  animation: animate-svg-fill-37 0.3s ease-in 3.9s both;
}
@keyframes animate-svg-fill-38 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-38 {
  -webkit-animation: animate-svg-fill-38 0.3s ease-in 4s both;
  animation: animate-svg-fill-38 0.3s ease-in 4s both;
}
@keyframes animate-svg-fill-39 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-39 {
  -webkit-animation: animate-svg-fill-39 0.3s ease-in 4.1s both;
  animation: animate-svg-fill-39 0.3s ease-in 4.1s both;
}
@keyframes animate-svg-fill-40 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-40 {
  -webkit-animation: animate-svg-fill-40 0.3s ease-in 4.2s both;
  animation: animate-svg-fill-40 0.3s ease-in 4.2s both;
}
@keyframes animate-svg-fill-41 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-41 {
  -webkit-animation: animate-svg-fill-41 0.3s ease-in 4.3s both;
  animation: animate-svg-fill-41 0.3s ease-in 4.3s both;
}
@keyframes animate-svg-fill-42 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(233, 189, 77);
  }
}
.trace_anime.aos-animate .svg-elem-42 {
  -webkit-animation: animate-svg-fill-42 0.3s ease-in 4.4s both;
  animation: animate-svg-fill-42 0.3s ease-in 4.4s both;
}
@keyframes animate-svg-fill-43 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-43 {
  -webkit-animation: animate-svg-fill-43 0.3s ease-in 4.5s both;
  animation: animate-svg-fill-43 0.3s ease-in 4.5s both;
}
@keyframes animate-svg-fill-44 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-44 {
  -webkit-animation: animate-svg-fill-44 0.3s ease-in 4.6s both;
  animation: animate-svg-fill-44 0.3s ease-in 4.6s both;
}
@keyframes animate-svg-fill-45 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-45 {
  -webkit-animation: animate-svg-fill-45 0.3s ease-in 4.7s both;
  animation: animate-svg-fill-45 0.3s ease-in 4.7s both;
}
@keyframes animate-svg-fill-46 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-46 {
  -webkit-animation: animate-svg-fill-46 0.3s ease-in 4.8s both;
  animation: animate-svg-fill-46 0.3s ease-in 4.8s both;
}
@keyframes animate-svg-fill-47 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-47 {
  -webkit-animation: animate-svg-fill-47 0.3s ease-in 4.9s both;
  animation: animate-svg-fill-47 0.3s ease-in 4.9s both;
}
@keyframes animate-svg-fill-48 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-48 {
  -webkit-animation: animate-svg-fill-48 0.3s ease-in 5s both;
  animation: animate-svg-fill-48 0.3s ease-in 5s both;
}
@keyframes animate-svg-fill-49 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-49 {
  -webkit-animation: animate-svg-fill-49 0.3s ease-in 5.1s both;
  animation: animate-svg-fill-49 0.3s ease-in 5.1s both;
}
@keyframes animate-svg-fill-50 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-50 {
  -webkit-animation: animate-svg-fill-50 0.3s ease-in 5.2s both;
  animation: animate-svg-fill-50 0.3s ease-in 5.2s both;
}
@keyframes animate-svg-fill-51 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-51 {
  -webkit-animation: animate-svg-fill-51 0.3s ease-in 5.3s both;
  animation: animate-svg-fill-51 0.3s ease-in 5.3s both;
}
@keyframes animate-svg-fill-52 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-52 {
  -webkit-animation: animate-svg-fill-52 0.3s ease-in 5.4s both;
  animation: animate-svg-fill-52 0.3s ease-in 5.4s both;
}
@keyframes animate-svg-fill-53 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-53 {
  -webkit-animation: animate-svg-fill-53 0.3s ease-in 5.5s both;
  animation: animate-svg-fill-53 0.3s ease-in 5.5s both;
}
@keyframes animate-svg-fill-54 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-54 {
  -webkit-animation: animate-svg-fill-54 0.3s ease-in 5.6s both;
  animation: animate-svg-fill-54 0.3s ease-in 5.6s both;
}
@keyframes animate-svg-fill-55 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-55 {
  -webkit-animation: animate-svg-fill-55 0.3s ease-in 5.7s both;
  animation: animate-svg-fill-55 0.3s ease-in 5.7s both;
}
@keyframes animate-svg-fill-56 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-56 {
  -webkit-animation: animate-svg-fill-56 0.3s ease-in 5.8s both;
  animation: animate-svg-fill-56 0.3s ease-in 5.8s both;
}
@keyframes animate-svg-fill-57 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-57 {
  -webkit-animation: animate-svg-fill-57 0.3s ease-in 5.9s both;
  animation: animate-svg-fill-57 0.3s ease-in 5.9s both;
}
@keyframes animate-svg-fill-58 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-58 {
  -webkit-animation: animate-svg-fill-58 0.3s ease-in 6s both;
  animation: animate-svg-fill-58 0.3s ease-in 6s both;
}
@keyframes animate-svg-fill-59 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-59 {
  -webkit-animation: animate-svg-fill-59 0.3s ease-in 6.1s both;
  animation: animate-svg-fill-59 0.3s ease-in 6.1s both;
}
@keyframes animate-svg-fill-60 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-60 {
  -webkit-animation: animate-svg-fill-60 0.3s ease-in 6.2s both;
  animation: animate-svg-fill-60 0.3s ease-in 6.2s both;
}
@keyframes animate-svg-fill-61 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-61 {
  -webkit-animation: animate-svg-fill-61 0.3s ease-in 6.3s both;
  animation: animate-svg-fill-61 0.3s ease-in 6.3s both;
}
@keyframes animate-svg-fill-62 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-62 {
  -webkit-animation: animate-svg-fill-62 0.3s ease-in 6.4s both;
  animation: animate-svg-fill-62 0.3s ease-in 6.4s both;
}
@keyframes animate-svg-fill-63 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-63 {
  -webkit-animation: animate-svg-fill-63 0.3s ease-in 6.5s both;
  animation: animate-svg-fill-63 0.3s ease-in 6.5s both;
}
@keyframes animate-svg-fill-64 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-64 {
  -webkit-animation: animate-svg-fill-64 0.3s ease-in 6.6s both;
  animation: animate-svg-fill-64 0.3s ease-in 6.6s both;
}
@keyframes animate-svg-fill-65 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-65 {
  -webkit-animation: animate-svg-fill-65 0.3s ease-in 6.7s both;
  animation: animate-svg-fill-65 0.3s ease-in 6.7s both;
}
@keyframes animate-svg-fill-66 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-66 {
  -webkit-animation: animate-svg-fill-66 0.3s ease-in 6.8s both;
  animation: animate-svg-fill-66 0.3s ease-in 6.8s both;
}
@keyframes animate-svg-fill-67 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-67 {
  -webkit-animation: animate-svg-fill-67 0.3s ease-in 6.9s both;
  animation: animate-svg-fill-67 0.3s ease-in 6.9s both;
}
@keyframes animate-svg-fill-68 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-68 {
  -webkit-animation: animate-svg-fill-68 0.3s ease-in 7s both;
  animation: animate-svg-fill-68 0.3s ease-in 7s both;
}
@keyframes animate-svg-fill-69 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-69 {
  -webkit-animation: animate-svg-fill-69 0.3s ease-in 7.1s both;
  animation: animate-svg-fill-69 0.3s ease-in 7.1s both;
}
@keyframes animate-svg-fill-70 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-70 {
  -webkit-animation: animate-svg-fill-70 0.3s ease-in 7.2s both;
  animation: animate-svg-fill-70 0.3s ease-in 7.2s both;
}
@keyframes animate-svg-fill-71 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-71 {
  -webkit-animation: animate-svg-fill-71 0.3s ease-in 7.3s both;
  animation: animate-svg-fill-71 0.3s ease-in 7.3s both;
}
@keyframes animate-svg-fill-72 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-72 {
  -webkit-animation: animate-svg-fill-72 0.3s ease-in 7.4s both;
  animation: animate-svg-fill-72 0.3s ease-in 7.4s both;
}
@keyframes animate-svg-fill-73 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-73 {
  -webkit-animation: animate-svg-fill-73 0.3s ease-in 7.5s both;
  animation: animate-svg-fill-73 0.3s ease-in 7.5s both;
}
@keyframes animate-svg-fill-74 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-74 {
  -webkit-animation: animate-svg-fill-74 0.3s ease-in 7.6s both;
  animation: animate-svg-fill-74 0.3s ease-in 7.6s both;
}
@keyframes animate-svg-fill-75 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-75 {
  -webkit-animation: animate-svg-fill-75 0.3s ease-in 7.7s both;
  animation: animate-svg-fill-75 0.3s ease-in 7.7s both;
}
@keyframes animate-svg-fill-76 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-76 {
  -webkit-animation: animate-svg-fill-76 0.3s ease-in 7.8s both;
  animation: animate-svg-fill-76 0.3s ease-in 7.8s both;
}
@keyframes animate-svg-fill-77 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-77 {
  -webkit-animation: animate-svg-fill-77 0.3s ease-in 7.9s both;
  animation: animate-svg-fill-77 0.3s ease-in 7.9s both;
}
@keyframes animate-svg-fill-78 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-78 {
  -webkit-animation: animate-svg-fill-78 0.3s ease-in 8s both;
  animation: animate-svg-fill-78 0.3s ease-in 8s both;
}
@keyframes animate-svg-fill-79 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-79 {
  -webkit-animation: animate-svg-fill-79 0.3s ease-in 8.1s both;
  animation: animate-svg-fill-79 0.3s ease-in 8.1s both;
}
@keyframes animate-svg-fill-80 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-80 {
  -webkit-animation: animate-svg-fill-80 0.3s ease-in 8.2s both;
  animation: animate-svg-fill-80 0.3s ease-in 8.2s both;
}
@keyframes animate-svg-fill-81 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-81 {
  -webkit-animation: animate-svg-fill-81 0.3s ease-in 8.3s both;
  animation: animate-svg-fill-81 0.3s ease-in 8.3s both;
}
@keyframes animate-svg-fill-82 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-82 {
  -webkit-animation: animate-svg-fill-82 0.3s ease-in 8.4s both;
  animation: animate-svg-fill-82 0.3s ease-in 8.4s both;
}
@keyframes animate-svg-fill-83 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-83 {
  -webkit-animation: animate-svg-fill-83 0.3s ease-in 8.5s both;
  animation: animate-svg-fill-83 0.3s ease-in 8.5s both;
}
@keyframes animate-svg-fill-84 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-84 {
  -webkit-animation: animate-svg-fill-84 0.3s ease-in 8.6s both;
  animation: animate-svg-fill-84 0.3s ease-in 8.6s both;
}
@keyframes animate-svg-fill-85 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-85 {
  -webkit-animation: animate-svg-fill-85 0.3s ease-in 8.7s both;
  animation: animate-svg-fill-85 0.3s ease-in 8.7s both;
}
@keyframes animate-svg-fill-86 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-86 {
  -webkit-animation: animate-svg-fill-86 0.3s ease-in 8.8s both;
  animation: animate-svg-fill-86 0.3s ease-in 8.8s both;
}
@keyframes animate-svg-fill-87 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-87 {
  -webkit-animation: animate-svg-fill-87 0.3s ease-in 8.9s both;
  animation: animate-svg-fill-87 0.3s ease-in 8.9s both;
}
@keyframes animate-svg-fill-88 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-88 {
  -webkit-animation: animate-svg-fill-88 0.3s ease-in 9s both;
  animation: animate-svg-fill-88 0.3s ease-in 9s both;
}
@keyframes animate-svg-fill-89 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-89 {
  -webkit-animation: animate-svg-fill-89 0.3s ease-in 9.1s both;
  animation: animate-svg-fill-89 0.3s ease-in 9.1s both;
}
@keyframes animate-svg-fill-90 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-90 {
  -webkit-animation: animate-svg-fill-90 0.3s ease-in 9.2s both;
  animation: animate-svg-fill-90 0.3s ease-in 9.2s both;
}
@keyframes animate-svg-fill-91 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-91 {
  -webkit-animation: animate-svg-fill-91 0.3s ease-in 9.3s both;
  animation: animate-svg-fill-91 0.3s ease-in 9.3s both;
}
@keyframes animate-svg-fill-92 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-92 {
  -webkit-animation: animate-svg-fill-92 0.3s ease-in 9.4s both;
  animation: animate-svg-fill-92 0.3s ease-in 9.4s both;
}
@keyframes animate-svg-fill-93 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-93 {
  -webkit-animation: animate-svg-fill-93 0.3s ease-in 9.5s both;
  animation: animate-svg-fill-93 0.3s ease-in 9.5s both;
}
@keyframes animate-svg-fill-94 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-94 {
  -webkit-animation: animate-svg-fill-94 0.3s ease-in 9.6s both;
  animation: animate-svg-fill-94 0.3s ease-in 9.6s both;
}
@keyframes animate-svg-fill-95 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-95 {
  -webkit-animation: animate-svg-fill-95 0.3s ease-in 9.7s both;
  animation: animate-svg-fill-95 0.3s ease-in 9.7s both;
}
@keyframes animate-svg-fill-96 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-96 {
  -webkit-animation: animate-svg-fill-96 0.3s ease-in 9.8s both;
  animation: animate-svg-fill-96 0.3s ease-in 9.8s both;
}
@keyframes animate-svg-fill-97 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-97 {
  -webkit-animation: animate-svg-fill-97 0.3s ease-in 9.9s both;
  animation: animate-svg-fill-97 0.3s ease-in 9.9s both;
}
@keyframes animate-svg-fill-98 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-98 {
  -webkit-animation: animate-svg-fill-98 0.3s ease-in 10s both;
  animation: animate-svg-fill-98 0.3s ease-in 10s both;
}
@keyframes animate-svg-fill-99 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-99 {
  -webkit-animation: animate-svg-fill-99 0.3s ease-in 10.1s both;
  animation: animate-svg-fill-99 0.3s ease-in 10.1s both;
}
@keyframes animate-svg-fill-100 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-100 {
  -webkit-animation: animate-svg-fill-100 0.3s ease-in 10.2s both;
  animation: animate-svg-fill-100 0.3s ease-in 10.2s both;
}
@keyframes animate-svg-fill-101 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-101 {
  -webkit-animation: animate-svg-fill-101 0.3s ease-in 10.3s both;
  animation: animate-svg-fill-101 0.3s ease-in 10.3s both;
}
@keyframes animate-svg-fill-102 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-102 {
  -webkit-animation: animate-svg-fill-102 0.3s ease-in 10.4s both;
  animation: animate-svg-fill-102 0.3s ease-in 10.4s both;
}
@keyframes animate-svg-fill-103 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-103 {
  -webkit-animation: animate-svg-fill-103 0.3s ease-in 10.5s both;
  animation: animate-svg-fill-103 0.3s ease-in 10.5s both;
}
@keyframes animate-svg-fill-104 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-104 {
  -webkit-animation: animate-svg-fill-104 0.3s ease-in 10.6s both;
  animation: animate-svg-fill-104 0.3s ease-in 10.6s both;
}
@keyframes animate-svg-fill-105 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-105 {
  -webkit-animation: animate-svg-fill-105 0.3s ease-in 10.7s both;
  animation: animate-svg-fill-105 0.3s ease-in 10.7s both;
}
@keyframes animate-svg-fill-106 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-106 {
  -webkit-animation: animate-svg-fill-106 0.3s ease-in 10.8s both;
  animation: animate-svg-fill-106 0.3s ease-in 10.8s both;
}
@keyframes animate-svg-fill-107 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-107 {
  -webkit-animation: animate-svg-fill-107 0.3s ease-in 10.9s both;
  animation: animate-svg-fill-107 0.3s ease-in 10.9s both;
}
@keyframes animate-svg-fill-108 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-108 {
  -webkit-animation: animate-svg-fill-108 0.3s ease-in 11s both;
  animation: animate-svg-fill-108 0.3s ease-in 11s both;
}
@keyframes animate-svg-fill-109 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-109 {
  -webkit-animation: animate-svg-fill-109 0.3s ease-in 11.1s both;
  animation: animate-svg-fill-109 0.3s ease-in 11.1s both;
}
@keyframes animate-svg-fill-110 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-110 {
  -webkit-animation: animate-svg-fill-110 0.3s ease-in 11.2s both;
  animation: animate-svg-fill-110 0.3s ease-in 11.2s both;
}
@keyframes animate-svg-fill-111 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-111 {
  -webkit-animation: animate-svg-fill-111 0.3s ease-in 11.3s both;
  animation: animate-svg-fill-111 0.3s ease-in 11.3s both;
}
@keyframes animate-svg-fill-112 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-112 {
  -webkit-animation: animate-svg-fill-112 0.3s ease-in 11.4s both;
  animation: animate-svg-fill-112 0.3s ease-in 11.4s both;
}
@keyframes animate-svg-fill-113 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-113 {
  -webkit-animation: animate-svg-fill-113 0.3s ease-in 11.5s both;
  animation: animate-svg-fill-113 0.3s ease-in 11.5s both;
}
@keyframes animate-svg-fill-114 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-114 {
  -webkit-animation: animate-svg-fill-114 0.3s ease-in 11.6s both;
  animation: animate-svg-fill-114 0.3s ease-in 11.6s both;
}
@keyframes animate-svg-fill-115 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-115 {
  -webkit-animation: animate-svg-fill-115 0.3s ease-in 11.7s both;
  animation: animate-svg-fill-115 0.3s ease-in 11.7s both;
}
@keyframes animate-svg-fill-116 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-116 {
  -webkit-animation: animate-svg-fill-116 0.3s ease-in 11.8s both;
  animation: animate-svg-fill-116 0.3s ease-in 11.8s both;
}
@keyframes animate-svg-fill-117 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-117 {
  -webkit-animation: animate-svg-fill-117 0.3s ease-in 11.9s both;
  animation: animate-svg-fill-117 0.3s ease-in 11.9s both;
}
@keyframes animate-svg-fill-118 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-118 {
  -webkit-animation: animate-svg-fill-118 0.3s ease-in 12s both;
  animation: animate-svg-fill-118 0.3s ease-in 12s both;
}
@keyframes animate-svg-fill-119 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-119 {
  -webkit-animation: animate-svg-fill-119 0.3s ease-in 12.1s both;
  animation: animate-svg-fill-119 0.3s ease-in 12.1s both;
}
@keyframes animate-svg-fill-120 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-120 {
  -webkit-animation: animate-svg-fill-120 0.3s ease-in 12.2s both;
  animation: animate-svg-fill-120 0.3s ease-in 12.2s both;
}
@keyframes animate-svg-fill-121 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-121 {
  -webkit-animation: animate-svg-fill-121 0.3s ease-in 12.3s both;
  animation: animate-svg-fill-121 0.3s ease-in 12.3s both;
}
@keyframes animate-svg-fill-122 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-122 {
  -webkit-animation: animate-svg-fill-122 0.3s ease-in 12.4s both;
  animation: animate-svg-fill-122 0.3s ease-in 12.4s both;
}
@keyframes animate-svg-fill-123 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-123 {
  -webkit-animation: animate-svg-fill-123 0.3s ease-in 12.5s both;
  animation: animate-svg-fill-123 0.3s ease-in 12.5s both;
}
@keyframes animate-svg-fill-124 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-124 {
  -webkit-animation: animate-svg-fill-124 0.3s ease-in 12.6s both;
  animation: animate-svg-fill-124 0.3s ease-in 12.6s both;
}
@keyframes animate-svg-fill-125 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(241, 241, 241);
  }
}
.trace_anime.aos-animate .svg-elem-125 {
  -webkit-animation: animate-svg-fill-125 0.3s ease-in 12.7s both;
  animation: animate-svg-fill-125 0.3s ease-in 12.7s both;
}
@keyframes animate-svg-fill-126 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
.trace_anime.aos-animate .svg-elem-126 {
  -webkit-animation: animate-svg-fill-126 0.3s ease-in 12.8s both;
  animation: animate-svg-fill-126 0.3s ease-in 12.8s both;
}

body.site_devaux header,
body.page_shop header {
  position: relative;
  z-index: 99;
}
body.site_devaux header.transparent .devaux-navbar,
body.page_shop header.transparent .devaux-navbar {
  background: transparent;
}
body.site_devaux header.transparent .devaux-navbar .devaux-logo--blanc,
body.page_shop header.transparent .devaux-navbar .devaux-logo--blanc {
  display: block;
}
body.site_devaux header.transparent .devaux-navbar .devaux-logo--noir,
body.page_shop header.transparent .devaux-navbar .devaux-logo--noir {
  display: none;
}
body.site_devaux header.transparent .devaux-navbar .devaux-burger,
body.page_shop header.transparent .devaux-navbar .devaux-burger {
  color: white;
}
body.site_devaux header.transparent .devaux-navbar .devaux-icon-btn,
body.page_shop header.transparent .devaux-navbar .devaux-icon-btn {
  color: white;
}
body.site_devaux header.transparent .devaux-navbar .devaux-nav-link:not(.bouton),
body.page_shop header.transparent .devaux-navbar .devaux-nav-link:not(.bouton) {
  color: white;
}
body.site_devaux header.transparent .devaux-navbar .devaux-nav-link:not(.bouton)::after,
body.page_shop header.transparent .devaux-navbar .devaux-nav-link:not(.bouton)::after {
  background: white;
}
body.site_devaux header.transparent .devaux-navbar .devaux-nav-link:not(.bouton):hover, body.site_devaux header.transparent .devaux-navbar .devaux-nav-link:not(.bouton).active,
body.page_shop header.transparent .devaux-navbar .devaux-nav-link:not(.bouton):hover,
body.page_shop header.transparent .devaux-navbar .devaux-nav-link:not(.bouton).active {
  color: #e9bd4d;
}
body.site_devaux header.transparent .devaux-navbar .devaux-nav-link:not(.bouton):hover::after, body.site_devaux header.transparent .devaux-navbar .devaux-nav-link:not(.bouton).active::after,
body.page_shop header.transparent .devaux-navbar .devaux-nav-link:not(.bouton):hover::after,
body.page_shop header.transparent .devaux-navbar .devaux-nav-link:not(.bouton).active::after {
  background: #e9bd4d;
}
body.site_devaux header.transparent .devaux-navbar .navbar-toggler-icon,
body.page_shop header.transparent .devaux-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
body.site_devaux header.transparent .devaux-navbar .devaux-mega-open > .devaux-nav-link:not(.bouton),
body.page_shop header.transparent .devaux-navbar .devaux-mega-open > .devaux-nav-link:not(.bouton) {
  color: #e9bd4d;
}
body.site_devaux header.transparent .devaux-navbar .devaux-mega-open > .devaux-nav-link:not(.bouton)::after,
body.page_shop header.transparent .devaux-navbar .devaux-mega-open > .devaux-nav-link:not(.bouton)::after {
  background: #e9bd4d;
}
body.site_devaux header.transparent .devaux-navbar.devaux-navbar--scrolled-past, body.site_devaux header.transparent .devaux-navbar.devaux-mega-active,
body.page_shop header.transparent .devaux-navbar.devaux-navbar--scrolled-past,
body.page_shop header.transparent .devaux-navbar.devaux-mega-active {
  background: white;
}
body.site_devaux header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-logo--noir, body.site_devaux header.transparent .devaux-navbar.devaux-mega-active .devaux-logo--noir,
body.page_shop header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-logo--noir,
body.page_shop header.transparent .devaux-navbar.devaux-mega-active .devaux-logo--noir {
  display: block;
}
body.site_devaux header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-logo--blanc, body.site_devaux header.transparent .devaux-navbar.devaux-mega-active .devaux-logo--blanc,
body.page_shop header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-logo--blanc,
body.page_shop header.transparent .devaux-navbar.devaux-mega-active .devaux-logo--blanc {
  display: none;
}
body.site_devaux header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-burger, body.site_devaux header.transparent .devaux-navbar.devaux-mega-active .devaux-burger,
body.page_shop header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-burger,
body.page_shop header.transparent .devaux-navbar.devaux-mega-active .devaux-burger {
  color: #000000;
}
body.site_devaux header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-icon-btn, body.site_devaux header.transparent .devaux-navbar.devaux-mega-active .devaux-icon-btn,
body.page_shop header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-icon-btn,
body.page_shop header.transparent .devaux-navbar.devaux-mega-active .devaux-icon-btn {
  color: #000000;
}
body.site_devaux header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-nav-link:not(.bouton), body.site_devaux header.transparent .devaux-navbar.devaux-mega-active .devaux-nav-link:not(.bouton),
body.page_shop header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-nav-link:not(.bouton),
body.page_shop header.transparent .devaux-navbar.devaux-mega-active .devaux-nav-link:not(.bouton) {
  color: #000000;
}
body.site_devaux header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-nav-link:not(.bouton)::after, body.site_devaux header.transparent .devaux-navbar.devaux-mega-active .devaux-nav-link:not(.bouton)::after,
body.page_shop header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-nav-link:not(.bouton)::after,
body.page_shop header.transparent .devaux-navbar.devaux-mega-active .devaux-nav-link:not(.bouton)::after {
  background: #7b5000;
}
body.site_devaux header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-nav-link:not(.bouton):hover, body.site_devaux header.transparent .devaux-navbar.devaux-mega-active .devaux-nav-link:not(.bouton):hover,
body.page_shop header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-nav-link:not(.bouton):hover,
body.page_shop header.transparent .devaux-navbar.devaux-mega-active .devaux-nav-link:not(.bouton):hover {
  color: #7b5000;
}
body.site_devaux header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-nav-link:not(.bouton):hover::after, body.site_devaux header.transparent .devaux-navbar.devaux-mega-active .devaux-nav-link:not(.bouton):hover::after,
body.page_shop header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-nav-link:not(.bouton):hover::after,
body.page_shop header.transparent .devaux-navbar.devaux-mega-active .devaux-nav-link:not(.bouton):hover::after {
  background: #7b5000;
}
body.site_devaux header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-mega-open > .devaux-nav-link:not(.bouton), body.site_devaux header.transparent .devaux-navbar.devaux-mega-active .devaux-mega-open > .devaux-nav-link:not(.bouton),
body.page_shop header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-mega-open > .devaux-nav-link:not(.bouton),
body.page_shop header.transparent .devaux-navbar.devaux-mega-active .devaux-mega-open > .devaux-nav-link:not(.bouton) {
  color: #7b5000;
}
body.site_devaux header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-mega-open > .devaux-nav-link:not(.bouton)::after, body.site_devaux header.transparent .devaux-navbar.devaux-mega-active .devaux-mega-open > .devaux-nav-link:not(.bouton)::after,
body.page_shop header.transparent .devaux-navbar.devaux-navbar--scrolled-past .devaux-mega-open > .devaux-nav-link:not(.bouton)::after,
body.page_shop header.transparent .devaux-navbar.devaux-mega-active .devaux-mega-open > .devaux-nav-link:not(.bouton)::after {
  background: #7b5000;
}
body.site_devaux nav.devaux-navbar,
body.page_shop nav.devaux-navbar {
  background: white;
  min-height: 86px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 600;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transition: background 0.3s ease;
  border-top: solid 2px;
  border-color: #e9bd4d;
}
body.site_devaux nav a.devaux-icon-btn,
body.page_shop nav a.devaux-icon-btn {
  color: #000000;
  text-decoration: none;
}
body.site_devaux nav a.disabled,
body.page_shop nav a.disabled {
  pointer-events: none;
}
body.site_devaux nav .devaux-logo--blanc,
body.page_shop nav .devaux-logo--blanc {
  display: none;
}
body.site_devaux nav .devaux-logo--noir,
body.page_shop nav .devaux-logo--noir {
  display: block;
}
@media all and (max-width: 991px) {
  body.site_devaux nav .navbar-brand,
body.page_shop nav .navbar-brand {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 !important;
  }
  body.site_devaux nav .navbar-brand img,
body.page_shop nav .navbar-brand img {
    height: 48px;
    width: auto;
  }
  body.site_devaux nav .devaux-icon,
body.page_shop nav .devaux-icon {
    margin-left: auto;
  }
}
body.site_devaux nav .devaux-burger,
body.page_shop nav .devaux-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  width: 40px;
  height: 40px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: black;
}
body.site_devaux nav .devaux-burger__bar,
body.page_shop nav .devaux-burger__bar {
  display: block;
  width: 24px;
  height: 1px;
  background: currentColor;
  transition: transform 0.25s ease, opacity 0.25s ease, width 0.25s ease;
  transform-origin: center;
}
body.site_devaux nav .devaux-burger:not(.collapsed) .devaux-burger__bar:nth-child(1),
body.page_shop nav .devaux-burger:not(.collapsed) .devaux-burger__bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
  width: 28px;
}
body.site_devaux nav .devaux-burger:not(.collapsed) .devaux-burger__bar:nth-child(2),
body.page_shop nav .devaux-burger:not(.collapsed) .devaux-burger__bar:nth-child(2) {
  opacity: 0;
  width: 0;
}
body.site_devaux nav .devaux-burger:not(.collapsed) .devaux-burger__bar:nth-child(3),
body.page_shop nav .devaux-burger:not(.collapsed) .devaux-burger__bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
  width: 28px;
}
body.site_devaux nav .devaux-nav-link:not(.bouton),
body.page_shop nav .devaux-nav-link:not(.bouton) {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  padding: 0 !important;
  margin: 14px 16px;
  position: relative;
  transition: color 0.28s ease;
  text-align: center;
}
@media all and (max-width: 991px) {
  body.site_devaux nav .devaux-nav-link:not(.bouton),
body.page_shop nav .devaux-nav-link:not(.bouton) {
    text-align: left;
    width: fit-content;
  }
}
body.site_devaux nav .devaux-nav-link:not(.bouton)::after,
body.page_shop nav .devaux-nav-link:not(.bouton)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 1px;
  background: #7b5000;
  transition: width 0.2s ease-in-out;
}
body.site_devaux nav .devaux-nav-link:not(.bouton):hover, body.site_devaux nav .devaux-nav-link:not(.bouton).active,
body.page_shop nav .devaux-nav-link:not(.bouton):hover,
body.page_shop nav .devaux-nav-link:not(.bouton).active {
  color: #7b5000;
}
body.site_devaux nav .devaux-nav-link:not(.bouton):hover::after, body.site_devaux nav .devaux-nav-link:not(.bouton).active::after,
body.page_shop nav .devaux-nav-link:not(.bouton):hover::after,
body.page_shop nav .devaux-nav-link:not(.bouton).active::after {
  width: 100%;
}
body.site_devaux nav .devaux-mega-open > .devaux-nav-link,
body.page_shop nav .devaux-mega-open > .devaux-nav-link {
  color: #7b5000;
}
body.site_devaux nav .devaux-mega-open > .devaux-nav-link::after,
body.page_shop nav .devaux-mega-open > .devaux-nav-link::after {
  width: 100%;
}
body.site_devaux nav .bouton,
body.page_shop nav .bouton {
  padding: 8px 16px;
  border-radius: 48px;
  transition: transform 0.15s ease-in-out;
}
body.site_devaux nav .bouton:hover,
body.page_shop nav .bouton:hover {
  transform: rotate(-4deg);
  background-color: #e9bd4d;
}
body.site_devaux nav .devaux-offre,
body.page_shop nav .devaux-offre {
  transform-origin: center;
}
body.site_devaux nav .devaux-offre:hover,
body.page_shop nav .devaux-offre:hover {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  body.site_devaux nav .devaux-offre,
body.page_shop nav .devaux-offre {
    animation: none;
  }
}
body.site_devaux nav .devaux-icon,
body.page_shop nav .devaux-icon {
  height: 86px;
}
body.site_devaux nav .devaux-icon svg,
body.site_devaux nav .devaux-icon svg path,
body.page_shop nav .devaux-icon svg,
body.page_shop nav .devaux-icon svg path {
  fill: none;
}
body.site_devaux nav .devaux-icon-btn,
body.page_shop nav .devaux-icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: background 0.2s ease;
}
body.site_devaux nav .devaux-icon-btn:hover,
body.page_shop nav .devaux-icon-btn:hover {
  background: rgba(233, 189, 77, 0.15);
}
body.site_devaux nav .devaux-mega-panel,
body.page_shop nav .devaux-mega-panel {
  position: fixed;
  top: 86px;
  left: 0;
  right: 0;
  background: white;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
@media all and (max-width: 991px) {
  body.site_devaux nav .devaux-mega-panel,
body.page_shop nav .devaux-mega-panel {
    position: static;
    transform: none !important;
    pointer-events: auto !important;
    background: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease;
  }
  body.site_devaux nav .devaux-mega-panel .devaux-img-card,
body.page_shop nav .devaux-mega-panel .devaux-img-card {
    display: none !important;
  }
  body.site_devaux nav .devaux-mega-panel .col,
body.page_shop nav .devaux-mega-panel .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  body.site_devaux nav .devaux-mega-panel .row,
body.page_shop nav .devaux-mega-panel .row {
    --bs-gutter-y: 0;
  }
}
body.site_devaux nav .devaux-mega-open > .devaux-mega-panel,
body.page_shop nav .devaux-mega-open > .devaux-mega-panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
@media all and (max-width: 991px) {
  body.site_devaux nav .devaux-mega-open > .devaux-mega-panel,
body.page_shop nav .devaux-mega-open > .devaux-mega-panel {
    max-height: 1600px;
    padding-bottom: 32px;
  }
}
body.site_devaux nav.devaux-mega-active ~ #bg_noir,
body.page_shop nav.devaux-mega-active ~ #bg_noir {
  transform: translateY(0);
}
body.site_devaux nav .devaux-img-card,
body.page_shop nav .devaux-img-card {
  position: relative;
  overflow: hidden;
  aspect-ratio: 322/190;
  text-decoration: none;
}
body.site_devaux nav .devaux-img-card:not(.devaux-img-card--full),
body.page_shop nav .devaux-img-card:not(.devaux-img-card--full) {
  pointer-events: none;
}
body.site_devaux nav .devaux-img-card::after,
body.page_shop nav .devaux-img-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 40;
  background: linear-gradient(180deg, rgba(26, 26, 26, 0) 65.74%, #1a1a1a 100%);
  transition: background 0.2s ease-in-out;
}
body.site_devaux nav .devaux-img-card--full,
body.page_shop nav .devaux-img-card--full {
  height: 100%;
  max-width: 100%;
}
body.site_devaux nav .devaux-img-card--full .devaux-img-label,
body.page_shop nav .devaux-img-card--full .devaux-img-label {
  width: calc(100% - 72px);
}
body.site_devaux nav .devaux-img-card--full::after,
body.page_shop nav .devaux-img-card--full::after {
  transition: background 0.2s ease-in-out;
  background: linear-gradient(180deg, rgba(123, 80, 0, 0) 0%, #7b5000 100%);
}
body.site_devaux nav .devaux-img-card--full:hover img,
body.page_shop nav .devaux-img-card--full:hover img {
  scale: 1.1;
}
body.site_devaux nav .devaux-img-card img,
body.page_shop nav .devaux-img-card img {
  position: relative;
  z-index: 20;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.5s ease;
}
body.site_devaux nav .devaux-manifeste-wrap,
body.page_shop nav .devaux-manifeste-wrap {
  height: 100%;
}
body.site_devaux nav .devaux-card-cta,
body.page_shop nav .devaux-card-cta {
  position: absolute;
  right: 14px;
  bottom: 14px;
  height: 40px;
  width: 40px;
  z-index: 70;
  transition: background-color 0.15s ease-in-out;
}
body.site_devaux nav .devaux-card-cta:hover,
body.page_shop nav .devaux-card-cta:hover {
  transform: none;
  background-color: #d5a939;
}
body.site_devaux nav .devaux-img-label,
body.page_shop nav .devaux-img-label {
  position: absolute;
  bottom: 12px;
  left: 14px;
  right: 14px;
  z-index: 60;
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: white;
}
body.site_devaux nav .devaux-sub-links a,
body.page_shop nav .devaux-sub-links a {
  display: block;
  height: auto;
  width: fit-content;
  padding: 10px 16px 14px;
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  position: relative;
  transition: color 0.22s ease;
}
body.site_devaux nav .devaux-sub-links a::after,
body.page_shop nav .devaux-sub-links a::after {
  content: "";
  position: absolute;
  left: 16px;
  bottom: 8px;
  width: 0;
  height: 1px;
  background: #7b5000;
  transition: width 0.2s ease-in-out;
}
body.site_devaux nav .devaux-sub-links a:hover, body.site_devaux nav .devaux-sub-links a.active,
body.page_shop nav .devaux-sub-links a:hover,
body.page_shop nav .devaux-sub-links a.active {
  color: #7b5000;
}
body.site_devaux nav .devaux-sub-links a:hover::after, body.site_devaux nav .devaux-sub-links a.active::after,
body.page_shop nav .devaux-sub-links a:hover::after,
body.page_shop nav .devaux-sub-links a.active::after {
  width: calc(100% - 32px);
}
body.site_devaux nav .lien,
body.page_shop nav .lien {
  width: 100%;
  padding: 10px 0 4px;
  justify-content: space-between;
}
body.site_devaux nav .lien:after,
body.page_shop nav .lien:after {
  left: 16px;
}
@media all and (max-width: 991px) {
  body.site_devaux nav .lien,
body.page_shop nav .lien {
    width: fit-content;
    justify-content: flex-start;
    gap: 8px;
  }
}
body.site_devaux nav .lien:hover::after, body.site_devaux nav .lien.active::after,
body.page_shop nav .lien:hover::after,
body.page_shop nav .lien.active::after {
  width: calc(100% - 32px);
}
body.site_devaux nav .devaux-mobile-nav,
body.page_shop nav .devaux-mobile-nav {
  position: relative;
  width: 100%;
  height: calc(100dvh - 86px);
  overflow: hidden;
  background: white;
}
body.site_devaux nav .devaux-mobile-nav svg,
body.site_devaux nav .devaux-mobile-nav svg path,
body.page_shop nav .devaux-mobile-nav svg,
body.page_shop nav .devaux-mobile-nav svg path {
  fill: none;
}
body.site_devaux nav .devaux-mobile-nav__panel,
body.page_shop nav .devaux-mobile-nav__panel {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  background: white;
  transform: translateX(100%);
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
}
body.site_devaux nav .devaux-mobile-nav__panel[data-panel=root],
body.page_shop nav .devaux-mobile-nav__panel[data-panel=root] {
  transform: translateX(0);
}
body.site_devaux nav .devaux-mobile-nav__back,
body.page_shop nav .devaux-mobile-nav__back {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 16px;
  background: none;
  border: none;
  color: #000000;
  font-size: 16px;
  cursor: pointer;
}
body.site_devaux nav .devaux-mobile-nav__back-title,
body.page_shop nav .devaux-mobile-nav__back-title {
  flex: 1;
  padding-right: 38px;
  text-align: center;
  font-weight: 500;
}
body.site_devaux nav .devaux-mobile-nav__list,
body.page_shop nav .devaux-mobile-nav__list {
  flex: 1 1 auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.site_devaux nav .devaux-mobile-nav__item, body.site_devaux nav .devaux-mobile-nav__list > li > a,
body.page_shop nav .devaux-mobile-nav__item,
body.page_shop nav .devaux-mobile-nav__list > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 16px;
  background: none;
  border: none;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
body.site_devaux nav .devaux-mobile-nav__panel[data-panel=root] .devaux-mobile-nav__item,
body.page_shop nav .devaux-mobile-nav__panel[data-panel=root] .devaux-mobile-nav__item {
  font-weight: 500;
}
body.site_devaux nav .devaux-mobile-nav__chevron,
body.page_shop nav .devaux-mobile-nav__chevron {
  flex: 0 0 auto;
}
body.site_devaux nav .devaux-mobile-nav__seeall,
body.page_shop nav .devaux-mobile-nav__seeall {
  color: #7b5000 !important;
  font-weight: 600 !important;
}
body.site_devaux nav .devaux-mobile-nav__seeall svg,
body.page_shop nav .devaux-mobile-nav__seeall svg {
  flex: 0 0 auto;
}
body.site_devaux nav .devaux-mobile-nav__cta,
body.page_shop nav .devaux-mobile-nav__cta {
  display: block;
  margin: 24px 0px 16px;
  text-align: center;
}
body.site_devaux nav .devaux-mobile-nav__cta:hover,
body.page_shop nav .devaux-mobile-nav__cta:hover {
  transform: none;
}
body.site_devaux footer .section-newsletter,
body.page_shop footer .section-newsletter {
  background-color: #fff;
}
body.site_devaux footer .section-newsletter h3,
body.site_devaux footer .section-newsletter .h3,
body.page_shop footer .section-newsletter h3,
body.page_shop footer .section-newsletter .h3 {
  color: #000000;
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}
@media all and (max-width: 991px) {
  body.site_devaux footer .section-newsletter h3,
body.site_devaux footer .section-newsletter .h3,
body.page_shop footer .section-newsletter h3,
body.page_shop footer .section-newsletter .h3 {
    font-size: 20px;
  }
}
body.site_devaux footer hr,
body.page_shop footer hr {
  color: white;
  height: 1px;
  opacity: 1;
  background: white;
}
body.site_devaux footer li:not(.footer__legal li),
body.page_shop footer li:not(.footer__legal li) {
  margin-top: 20px;
}
body.site_devaux footer .footer__titre,
body.page_shop footer .footer__titre {
  text-transform: uppercase;
  font-weight: 600;
}
body.site_devaux footer p,
body.site_devaux footer a,
body.page_shop footer p,
body.page_shop footer a {
  color: white;
  text-decoration: none;
  font-size: 14px;
}
@media all and (min-width: 992px) {
  body.site_devaux footer .footer__legal,
body.page_shop footer .footer__legal {
    gap: 48px;
  }
}
body.site_devaux footer .footer__mentions p,
body.page_shop footer .footer__mentions p {
  font-size: 12px;
}

body.site_devaux .form-groupe,
body.page_shop .form-groupe {
  padding: 16px 8px;
  border-bottom: 1px solid #e7e7e7;
}
body.site_devaux .form-groupe__input,
body.page_shop .form-groupe__input {
  width: 100%;
  border: none;
  background: transparent;
}
body.site_devaux .form-groupe__input:focus,
body.page_shop .form-groupe__input:focus {
  outline: none;
}
body.site_devaux main .hero-container,
body.site_devaux main .bg-image-container,
body.page_shop main .hero-container,
body.page_shop main .bg-image-container {
  overflow: visible;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
body.site_devaux main .hero-container::after,
body.site_devaux main .bg-image-container::after,
body.page_shop main .hero-container::after,
body.page_shop main .bg-image-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%);
  z-index: 1;
}
body.site_devaux main .hero-container--video,
body.site_devaux main .bg-image-container--video,
body.page_shop main .hero-container--video,
body.page_shop main .bg-image-container--video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
body.site_devaux main .hero-container .container,
body.site_devaux main .bg-image-container .container,
body.page_shop main .hero-container .container,
body.page_shop main .bg-image-container .container {
  z-index: 2;
  position: relative;
}
body.site_devaux main .section-boutique,
body.page_shop main .section-boutique {
  position: relative;
}
body.site_devaux main .section-boutique .row-cards,
body.page_shop main .section-boutique .row-cards {
  --bs-gutter-x: 104px;
}
@media all and (max-width: 991px) {
  body.site_devaux main .section-boutique .row-cards,
body.page_shop main .section-boutique .row-cards {
    --bs-gutter-x: 24px;
  }
}
body.site_devaux main .devaux-img-card,
body.page_shop main .devaux-img-card {
  position: relative;
  overflow: hidden;
  aspect-ratio: 585/598;
}
@media all and (max-width: 991px) {
  body.site_devaux main .devaux-img-card,
body.page_shop main .devaux-img-card {
    height: auto;
    aspect-ratio: 1/1;
  }
}
body.site_devaux main .devaux-img-card::after,
body.page_shop main .devaux-img-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(26, 26, 26, 0) 40%, rgba(26, 26, 26, 0.9) 100%);
  transition: background 0.4s ease;
}
body.site_devaux main .devaux-img-card img,
body.page_shop main .devaux-img-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
body.site_devaux main .devaux-img-card:hover img,
body.page_shop main .devaux-img-card:hover img {
  transform: scale(1.04);
}
body.site_devaux main .devaux-img-card__label,
body.page_shop main .devaux-img-card__label {
  position: static;
  display: block;
  margin-bottom: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 100%;
  transition: margin-bottom 0.3s ease;
}
body.site_devaux main .devaux-img-card__content,
body.page_shop main .devaux-img-card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 28px;
  z-index: 2;
}
body.site_devaux main .devaux-img-card__content p,
body.page_shop main .devaux-img-card__content p {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease 0.1s, max-height 0.4s ease;
}
body.site_devaux main .devaux-img-card__btn,
body.page_shop main .devaux-img-card__btn {
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 3;
  width: 44px !important;
  height: 44px;
  padding: 8px;
  transition: bottom 0.3s ease;
}
body.site_devaux main .devaux-img-card__btn img,
body.page_shop main .devaux-img-card__btn img {
  width: 14px;
  height: auto;
}
body.site_devaux main .devaux-img-card__link,
body.page_shop main .devaux-img-card__link {
  position: absolute;
  inset: 0;
  z-index: 4;
}
@media all and (max-width: 1319px) {
  body.site_devaux main .devaux-img-card__link,
body.page_shop main .devaux-img-card__link {
    pointer-events: none;
  }
}
body.site_devaux main .collections-accordion,
body.page_shop main .collections-accordion {
  display: flex;
  height: 604px;
  overflow: hidden;
  gap: 8px;
}
@media all and (max-width: 991px) {
  body.site_devaux main .collections-accordion,
body.page_shop main .collections-accordion {
    flex-direction: column;
    height: auto;
    gap: 24px;
  }
}
body.site_devaux main .collections-accordion__slide,
body.page_shop main .collections-accordion__slide {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
  transition: flex 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
}
body.site_devaux main .collections-accordion__slide:hover, body.site_devaux main .collections-accordion__slide--active,
body.page_shop main .collections-accordion__slide:hover,
body.page_shop main .collections-accordion__slide--active {
  flex: 4 1 0;
}
@media all and (max-width: 991px) {
  body.site_devaux main .collections-accordion__slide,
body.page_shop main .collections-accordion__slide {
    flex: none !important;
    width: 100%;
    max-height: 568px;
    aspect-ratio: 368/406;
  }
}
body.site_devaux main .collections-accordion__overlay,
body.page_shop main .collections-accordion__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(26, 26, 26, 0) 40.66%, rgba(26, 26, 26, 0.9) 98.34%);
}
@media all and (max-width: 991px) {
  body.site_devaux main .collections-accordion__overlay,
body.page_shop main .collections-accordion__overlay {
    background: linear-gradient(180deg, rgba(26, 26, 26, 0) 85.58%, rgba(26, 26, 26, 0.9) 98.34%);
  }
}
body.site_devaux main .collections-accordion__overlay::after,
body.page_shop main .collections-accordion__overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  transition: opacity 0.5s ease;
  background: linear-gradient(180deg, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.9) 98.34%);
  opacity: 0;
}
@media all and (max-width: 991px) {
  body.site_devaux main .collections-accordion__overlay::after,
body.page_shop main .collections-accordion__overlay::after {
    background: linear-gradient(180deg, rgba(26, 26, 26, 0) 0%, #1a1a1a 100%);
    opacity: 0;
  }
}
@media all and (min-width: 992px) {
  body.site_devaux main .collections-accordion__slide:hover .collections-accordion__overlay::after, body.site_devaux main .collections-accordion__slide--active .collections-accordion__overlay::after,
body.page_shop main .collections-accordion__slide:hover .collections-accordion__overlay::after,
body.page_shop main .collections-accordion__slide--active .collections-accordion__overlay::after {
    opacity: 1;
  }
}
body.site_devaux main .collections-accordion__slide:hover .collections-accordion__content, body.site_devaux main .collections-accordion__slide--active .collections-accordion__content,
body.page_shop main .collections-accordion__slide:hover .collections-accordion__content,
body.page_shop main .collections-accordion__slide--active .collections-accordion__content {
  opacity: 1;
}
@media all and (max-width: 991px) {
  body.site_devaux main .collections-accordion__slide--active .collections-accordion__overlay::after,
body.page_shop main .collections-accordion__slide--active .collections-accordion__overlay::after {
    opacity: 1;
  }
  body.site_devaux main .collections-accordion__slide--active .collections-accordion__content,
body.page_shop main .collections-accordion__slide--active .collections-accordion__content {
    pointer-events: auto;
  }
  body.site_devaux main .collections-accordion__slide--active .collections-accordion__desc,
body.page_shop main .collections-accordion__slide--active .collections-accordion__desc {
    max-height: 200px;
  }
  body.site_devaux main .collections-accordion__slide--active .collections-accordion__arrow,
body.page_shop main .collections-accordion__slide--active .collections-accordion__arrow {
    transform: translateY(-50px);
  }
}
body.site_devaux main .collections-accordion__content,
body.page_shop main .collections-accordion__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 28px;
  width: 400px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;
}
@media all and (max-width: 991px) {
  body.site_devaux main .collections-accordion__content,
body.page_shop main .collections-accordion__content {
    inset: 0;
    width: 100% !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px 72px 8px 20px;
    opacity: 1;
    transform: none;
    transition: none;
    pointer-events: none;
    overflow: hidden;
  }
}
@media all and (min-width: 1320px) {
  body.site_devaux main .collections-accordion__content,
body.page_shop main .collections-accordion__content {
    width: 512px;
  }
}
body.site_devaux main .collections-accordion.is-hovering body.site_devaux main .collections-accordion__slide--active:not(:hover) body.site_devaux main .collections-accordion__content,
body.site_devaux main .collections-accordion.is-hovering body.site_devaux main .collections-accordion__slide--active:not(:hover) body.page_shop main .collections-accordion__content,
body.site_devaux main .collections-accordion.is-hovering body.page_shop main .collections-accordion__slide--active:not(:hover) body.site_devaux main .collections-accordion__content,
body.site_devaux main .collections-accordion.is-hovering body.page_shop main .collections-accordion__slide--active:not(:hover) body.page_shop main .collections-accordion__content,
body.page_shop main .collections-accordion.is-hovering body.site_devaux main .collections-accordion__slide--active:not(:hover) body.site_devaux main .collections-accordion__content,
body.page_shop main .collections-accordion.is-hovering body.site_devaux main .collections-accordion__slide--active:not(:hover) body.page_shop main .collections-accordion__content,
body.page_shop main .collections-accordion.is-hovering body.page_shop main .collections-accordion__slide--active:not(:hover) body.site_devaux main .collections-accordion__content,
body.page_shop main .collections-accordion.is-hovering body.page_shop main .collections-accordion__slide--active:not(:hover) body.page_shop main .collections-accordion__content {
  opacity: 0;
}
@media all and (max-width: 991px) {
  body.site_devaux main .collections-accordion__text,
body.page_shop main .collections-accordion__text {
    display: flex;
    flex-direction: column;
  }
}
body.site_devaux main .collections-accordion__title,
body.page_shop main .collections-accordion__title {
  font-family: "Cormorant Garamond", serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 35px;
}
@media all and (max-width: 991px) {
  body.site_devaux main .collections-accordion__title,
body.page_shop main .collections-accordion__title {
    font-size: 32px;
    line-height: 1.2;
  }
}
body.site_devaux main .collections-accordion__desc,
body.page_shop main .collections-accordion__desc {
  white-space: normal;
}
@media all and (max-width: 991px) {
  body.site_devaux main .collections-accordion__desc,
body.page_shop main .collections-accordion__desc {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }
}
body.site_devaux main .collections-accordion__arrow,
body.page_shop main .collections-accordion__arrow {
  position: absolute;
  bottom: 16px;
  right: 28px;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  padding: 0;
}
body.site_devaux main .collections-accordion__arrow img,
body.page_shop main .collections-accordion__arrow img {
  width: 18px;
  height: auto;
}
@media all and (max-width: 991px) {
  body.site_devaux main .collections-accordion__arrow,
body.page_shop main .collections-accordion__arrow {
    top: auto;
    right: 20px;
    transform: none;
    transition: transform 0.4s ease;
  }
}
body.site_devaux main .section-cuvees,
body.page_shop main .section-cuvees {
  position: relative;
}
@media all and (max-width: 1319px) {
  body.site_devaux main .section-cuvees,
body.page_shop main .section-cuvees {
    overflow: hidden;
  }
}
@media all and (max-width: 1319px) {
  body.site_devaux main .section-cuvees .swiper-cuvees,
body.page_shop main .section-cuvees .swiper-cuvees {
    overflow: visible;
    position: relative;
  }
}
@media all and (min-width: 768px) and (max-width: 1470px) {
  body.site_devaux main .section-cuvees .swiper-cuvees .cuvee-card__desc,
body.page_shop main .section-cuvees .swiper-cuvees .cuvee-card__desc {
    min-width: 300px;
  }
}
body.site_devaux main .section-cuvees .swiper-cuvees__navigation,
body.page_shop main .section-cuvees .swiper-cuvees__navigation {
  left: calc((92vw - 1300px) / 2);
  right: calc((92vw - 1300px) / 2);
  position: absolute;
  top: 35%;
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 767px) {
  body.site_devaux main .section-cuvees .swiper-cuvees__navigation,
body.page_shop main .section-cuvees .swiper-cuvees__navigation {
    display: none;
  }
}
@media all and (max-width: 1319px) {
  body.site_devaux main .section-cuvees .swiper-cuvees__navigation,
body.page_shop main .section-cuvees .swiper-cuvees__navigation {
    right: 26px;
    left: 26px;
  }
}
@media all and (min-width: 1320px) and (max-width: 1470px) {
  body.site_devaux main .section-cuvees .swiper-cuvees__navigation,
body.page_shop main .section-cuvees .swiper-cuvees__navigation {
    left: 32px;
    right: 32px;
  }
}
body.site_devaux main .section-cuvees .swiper-cuvees__scrollbar-container,
body.page_shop main .section-cuvees .swiper-cuvees__scrollbar-container {
  margin-top: 48px;
}
body.site_devaux main .section-chiffres,
body.page_shop main .section-chiffres {
  background: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%), url("../medias/vignoble/chiffres-bg.webp") 50%/cover no-repeat;
}
body.site_devaux main .section-chiffres__icon,
body.page_shop main .section-chiffres__icon {
  width: 56px;
  height: 56px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  filter: brightness(0) invert(1);
}
body.site_devaux main .section-chiffres__chiffre,
body.page_shop main .section-chiffres__chiffre {
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
  font-weight: 700;
  color: #e9bd4d;
  line-height: 1;
}
body.site_devaux main .section-chiffres__desc,
body.page_shop main .section-chiffres__desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 991px) {
  body.site_devaux main .section-chiffres__desc,
body.page_shop main .section-chiffres__desc {
    font-size: 16px;
  }
}
body.site_devaux main .section-chiffres__col--sep,
body.page_shop main .section-chiffres__col--sep {
  position: relative;
}
body.site_devaux main .section-chiffres__col--sep::before,
body.page_shop main .section-chiffres__col--sep::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 100px;
  transform: translate(-50%, -50%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 991px) {
  body.site_devaux main .section-chiffres__col--sep::before,
body.page_shop main .section-chiffres__col--sep::before {
    display: none;
  }
}
body.site_devaux main .section-savoir-faire__img,
body.page_shop main .section-savoir-faire__img {
  aspect-ratio: 538/536;
  object-fit: cover;
}
body.site_devaux main .section-intro__img,
body.page_shop main .section-intro__img {
  overflow: hidden;
  height: 100%;
}
@media all and (min-width: 1320px) {
  body.site_devaux main .section-intro__img,
body.page_shop main .section-intro__img {
    aspect-ratio: 708/614;
  }
}
@media all and (max-width: 991px) {
  body.site_devaux main .section-intro__img,
body.page_shop main .section-intro__img {
    aspect-ratio: 708/614;
  }
}
body.site_devaux main .section-intro__img img,
body.page_shop main .section-intro__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.site_devaux main .section-manifeste,
body.page_shop main .section-manifeste {
  background-image: url(/medias/maison_background.png);
  background-repeat: no-repeat;
  background-position: center top;
}
body.site_devaux main .section_filtre-rayons,
body.page_shop main .section_filtre-rayons {
  display: none;
}
body.site_devaux main .section-infos__map,
body.page_shop main .section-infos__map {
  aspect-ratio: 536/538;
}
body.site_devaux main .section-infos__map iframe,
body.page_shop main .section-infos__map iframe {
  width: 100%;
  height: 100%;
  display: block;
}
body.site_devaux main .section_chemin,
body.page_shop main .section_chemin {
  display: none;
}
body.site_devaux main .section-infos p a,
body.page_shop main .section-infos p a {
  color: #7b5000;
  text-decoration: none;
}
body.site_devaux main .section-infos p a:hover,
body.page_shop main .section-infos p a:hover {
  text-decoration: underline;
}
body.site_devaux main .section-infos__lien,
body.page_shop main .section-infos__lien {
  color: #7b5000;
  text-decoration: none;
}
body.site_devaux main .section-infos__lien:hover,
body.page_shop main .section-infos__lien:hover {
  text-decoration: underline;
}
body.site_devaux main .carte_animation,
body.page_shop main .carte_animation {
  position: relative;
}
body.site_devaux main .carte_animation svg,
body.page_shop main .carte_animation svg {
  width: 100%;
}
body.site_devaux main .carte_animation img,
body.page_shop main .carte_animation img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
body.site_devaux main .cuvee-grid .cuvee-card,
body.page_shop main .cuvee-grid .cuvee-card {
  margin-bottom: 64px;
}
@media all and (min-width: 992px) {
  body.site_devaux main .cuvee-grid .cuvee-card,
body.page_shop main .cuvee-grid .cuvee-card {
    margin-bottom: 80px;
  }
}
body.site_devaux main .cuvee-grid .cuvee-card__img,
body.page_shop main .cuvee-grid .cuvee-card__img {
  aspect-ratio: 598/518;
  overflow: hidden;
}
body.site_devaux main .cuvee-grid .cuvee-card__img img,
body.page_shop main .cuvee-grid .cuvee-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.site_devaux main .text-center h2,
body.page_shop main .text-center h2 {
  text-align: center;
}
body.site_devaux main .text-center .section-coteaux__citation,
body.page_shop main .text-center .section-coteaux__citation {
  text-align: left;
}

body.site_devaux main .swiper-devaux .swiper-slide img,
body.page_shop main .swiper-devaux .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.site_devaux main .swiper-devaux__btn,
body.page_shop main .swiper-devaux__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 64px;
  height: 64px;
  padding: 0 !important;
}
body.site_devaux main .swiper-devaux__btn img,
body.page_shop main .swiper-devaux__btn img {
  width: 48px;
  height: 48px;
  display: block;
}
body.site_devaux main .swiper-devaux__btn--prev,
body.page_shop main .swiper-devaux__btn--prev {
  left: 16px;
}
body.site_devaux main .swiper-devaux__btn--prev img,
body.page_shop main .swiper-devaux__btn--prev img {
  rotate: 180deg;
}
body.site_devaux main .swiper-devaux__btn--next,
body.page_shop main .swiper-devaux__btn--next {
  right: 16px;
}
body.site_devaux main .swiper-devaux__btn.swiper-button-disabled,
body.page_shop main .swiper-devaux__btn.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
@media all and (max-width: 767px) {
  body.site_devaux main .swiper-devaux__btn,
body.page_shop main .swiper-devaux__btn {
    display: none;
  }
}
body.site_devaux main .swiper-devaux__scrollbar-container,
body.page_shop main .swiper-devaux__scrollbar-container {
  position: relative;
}
body.site_devaux main .swiper-devaux__scrollbar-container .swiper-devaux__scrollbar,
body.page_shop main .swiper-devaux__scrollbar-container .swiper-devaux__scrollbar {
  background: #e7e7e7;
  height: 3px;
}
body.site_devaux main .swiper-devaux__scrollbar-container .swiper-scrollbar-drag,
body.page_shop main .swiper-devaux__scrollbar-container .swiper-scrollbar-drag {
  background: #e9bd4d;
  cursor: grab;
}
body.site_devaux main .swiper-devaux__scrollbar-container .swiper-scrollbar-drag:active,
body.page_shop main .swiper-devaux__scrollbar-container .swiper-scrollbar-drag:active {
  cursor: grabbing;
}
body.site_devaux main .swiper-devaux--with-text .cuvee-card,
body.page_shop main .swiper-devaux--with-text .cuvee-card {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
body.site_devaux main .swiper-devaux--with-text .cuvee-card__img,
body.page_shop main .swiper-devaux--with-text .cuvee-card__img {
  overflow: hidden;
  aspect-ratio: 598/518;
}
body.site_devaux main .swiper-devaux--with-text .cuvee-card__img img,
body.page_shop main .swiper-devaux--with-text .cuvee-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
body.site_devaux main .swiper-devaux--with-text .cuvee-card__img:hover img,
body.page_shop main .swiper-devaux--with-text .cuvee-card__img:hover img {
  transform: scale(1.03);
}
body.site_devaux main .swiper-devaux--with-text .cuvee-card__content,
body.page_shop main .swiper-devaux--with-text .cuvee-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
}
body.site_devaux main .swiper-devaux--with-text .cuvee-card__nom,
body.page_shop main .swiper-devaux--with-text .cuvee-card__nom {
  color: #000;
  text-align: center;
  font-family: "Cormorant Garamond", serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 100%;
}
body.site_devaux main .swiper-devaux--with-text .cuvee-card__desc,
body.page_shop main .swiper-devaux--with-text .cuvee-card__desc {
  max-width: 80%;
  line-height: 24px;
}
body.site_devaux main .swiper-cuvees__btn,
body.page_shop main .swiper-cuvees__btn {
  z-index: 10;
  width: 64px;
  height: 64px;
}
body.site_devaux main .swiper-cuvees__btn img,
body.page_shop main .swiper-cuvees__btn img {
  height: 48px;
  width: 48px;
  display: block;
}
body.site_devaux main .swiper-cuvees__btn--prev img,
body.page_shop main .swiper-cuvees__btn--prev img {
  rotate: 180deg;
}
body.site_devaux main .swiper-cuvees__btn.swiper-button-disabled,
body.page_shop main .swiper-cuvees__btn.swiper-button-disabled {
  visibility: hidden;
  pointer-events: none;
}
body.site_devaux main .swiper-cuvees__scrollbar-container,
body.page_shop main .swiper-cuvees__scrollbar-container {
  position: relative;
  width: 100%;
}
body.site_devaux main .swiper-cuvees__scrollbar-container .swiper-cuvees__scrollbar,
body.page_shop main .swiper-cuvees__scrollbar-container .swiper-cuvees__scrollbar {
  height: 3px;
}
body.site_devaux main .swiper-cuvees__scrollbar-container .swiper-scrollbar-drag,
body.page_shop main .swiper-cuvees__scrollbar-container .swiper-scrollbar-drag {
  background: #e9bd4d;
  cursor: grab;
}
body.site_devaux main .swiper-cuvees__scrollbar-container .swiper-scrollbar-drag:active,
body.page_shop main .swiper-cuvees__scrollbar-container .swiper-scrollbar-drag:active {
  cursor: grabbing;
}

body.site_devaux#page_home .hero-container,
body.page_shop#page_home .hero-container {
  --hero-bg: url("../medias/home_hero-bg.jpg");
  padding: 254px 0 190px;
}
body.site_devaux#page_home .hero-container > img, body.site_devaux#page_home .hero-container > picture,
body.page_shop#page_home .hero-container > img,
body.page_shop#page_home .hero-container > picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
body.site_devaux#page_home .hero-container picture img,
body.page_shop#page_home .hero-container picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media all and (max-width: 1319px) {
  body.site_devaux#page_home .hero-container,
body.page_shop#page_home .hero-container {
    padding: 134px 0 134px;
  }
}
body.site_devaux#page_home .bg-image-container,
body.page_shop#page_home .bg-image-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
body.site_devaux#page_home .bg-image-container::after,
body.page_shop#page_home .bg-image-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0.35) 0%, rgba(30, 30, 30, 0) 30%), linear-gradient(270deg, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 0.88) 100%);
  z-index: 1;
}
@media all and (max-width: 1319px) {
  body.site_devaux#page_home .bg-image-container::after,
body.page_shop#page_home .bg-image-container::after {
    background: linear-gradient(0deg, rgba(30, 30, 30, 0) 67.41%, rgba(30, 30, 30, 0.4) 78.62%), linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 0.56) 27.34%);
  }
}
body.site_devaux#page_home .bg-image-container--video,
body.page_shop#page_home .bg-image-container--video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
body.site_devaux#page_home .bg-image-container .container,
body.page_shop#page_home .bg-image-container .container {
  z-index: 2;
  position: relative;
}
body.site_devaux#page_home #vignoble.bg-image-container,
body.page_shop#page_home #vignoble.bg-image-container {
  height: 739px;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_home #vignoble.bg-image-container,
body.page_shop#page_home #vignoble.bg-image-container {
    height: fit-content;
    padding: 80px 0;
  }
}
body.site_devaux#page_home #experience-devaux,
body.page_shop#page_home #experience-devaux {
  text-align: center;
}
body.site_devaux#page_home #experience-devaux.bg-image-container,
body.page_shop#page_home #experience-devaux.bg-image-container {
  height: 523px;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_home #experience-devaux.bg-image-container,
body.page_shop#page_home #experience-devaux.bg-image-container {
    height: fit-content;
    padding: 80px 0;
  }
}
body.site_devaux#page_article .sur-titre, body.site_devaux#page_article .sur-titre--small, body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement, body.site_devaux#page_article .sur-titre--small-bold,
body.page_shop#page_article .sur-titre,
body.page_shop#page_article .sur-titre--small,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement,
body.page_shop#page_article .sur-titre--small-bold {
  font-size: 12px;
}
body.site_devaux#page_article .logo-devaux,
body.page_shop#page_article .logo-devaux {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
body.site_devaux#page_article .logo-devaux img,
body.page_shop#page_article .logo-devaux img {
  display: block;
  position: relative;
  z-index: 2;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s ease;
}
body.site_devaux#page_article .logo-devaux::after,
body.page_shop#page_article .logo-devaux::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #e9bd4d;
  mask: url("/medias/heritage/logo_devaux_noir.svg") no-repeat center/contain;
  -webkit-mask: url("/medias/heritage/logo_devaux_noir.svg") no-repeat center/contain;
  z-index: 1;
  clip-path: inset(0 0% 0 0);
  transition: clip-path 1s ease;
}
body.site_devaux#page_article .logo-devaux:hover img,
body.page_shop#page_article .logo-devaux:hover img {
  clip-path: inset(0 0% 0 0);
}
body.site_devaux#page_article .modal .modal-content,
body.page_shop#page_article .modal .modal-content {
  border: none;
  border-radius: 12px;
}
body.site_devaux#page_article .modal .modal-content .modal-header,
body.page_shop#page_article .modal .modal-content .modal-header {
  border: none;
  padding-bottom: 0;
}
body.site_devaux#page_article .modal .modal-content .modal-body,
body.page_shop#page_article .modal .modal-content .modal-body {
  padding: 0 24px 24px;
  text-align: center;
}
body.site_devaux#page_article .modal .modal-content .modal-body .modal-title,
body.page_shop#page_article .modal .modal-content .modal-body .modal-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 24px;
}
body.site_devaux#page_article .modal .modal-content .modal-body .modal-title img,
body.page_shop#page_article .modal .modal-content .modal-body .modal-title img {
  width: 22px;
  height: 22px;
}
body.site_devaux#page_article .modal .modal-content .modal-body .modal-article,
body.page_shop#page_article .modal .modal-content .modal-body .modal-article {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px 0;
  margin-bottom: 24px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
body.site_devaux#page_article .modal .modal-content .modal-body .modal-article img,
body.page_shop#page_article .modal .modal-content .modal-body .modal-article img {
  width: 64px;
  height: auto;
}
body.site_devaux#page_article .modal .modal-content .modal-body .modal-article_titre,
body.page_shop#page_article .modal .modal-content .modal-body .modal-article_titre {
  font-weight: 700;
  color: #000000;
  text-align: left;
}
body.site_devaux#page_article .modal .modal-content .modal-body .boutons a.hot,
body.site_devaux#page_article .modal .modal-content .modal-body .boutons a.continuer,
body.page_shop#page_article .modal .modal-content .modal-body .boutons a.hot,
body.page_shop#page_article .modal .modal-content .modal-body .boutons a.continuer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 24px;
  border-radius: 64px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease;
}
body.site_devaux#page_article .modal .modal-content .modal-body .boutons a.hot,
body.page_shop#page_article .modal .modal-content .modal-body .boutons a.hot {
  border: 1px solid #e9bd4d;
  background: #e9bd4d;
  color: #000000;
}
body.site_devaux#page_article .modal .modal-content .modal-body .boutons a.hot:hover,
body.page_shop#page_article .modal .modal-content .modal-body .boutons a.hot:hover {
  background: #d5a939;
  border-color: #d5a939;
}
body.site_devaux#page_article .modal .modal-content .modal-body .boutons a.continuer,
body.page_shop#page_article .modal .modal-content .modal-body .boutons a.continuer {
  border: 1px solid #7b5000;
  background: transparent;
  color: #7b5000;
}
body.site_devaux#page_article .modal .modal-content .modal-body .boutons a.continuer:hover,
body.page_shop#page_article .modal .modal-content .modal-body .boutons a.continuer:hover {
  background: rgba(123, 80, 0, 0.1);
}
body.site_devaux#page_article #modalNutrition .modal-dialog,
body.page_shop#page_article #modalNutrition .modal-dialog {
  max-width: 600px;
}
body.site_devaux#page_article #modalNutrition .nutrition_modal-content,
body.page_shop#page_article #modalNutrition .nutrition_modal-content {
  position: relative;
  border: none;
  border-radius: 0px;
  background: #fff;
  padding: 64px 40px 40px;
  overflow: hidden;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article #modalNutrition .nutrition_modal-content,
body.page_shop#page_article #modalNutrition .nutrition_modal-content {
    padding: 48px 16px 24px;
  }
}
body.site_devaux#page_article #modalNutrition .modal-header,
body.page_shop#page_article #modalNutrition .modal-header {
  display: block;
  border: none;
  padding: 0 0 8px;
  text-align: center;
}
body.site_devaux#page_article #modalNutrition .modal-header .modal-title,
body.page_shop#page_article #modalNutrition .modal-header .modal-title {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 4px;
  line-height: 100%;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 8px;
}
body.site_devaux#page_article #modalNutrition .modal-header p,
body.page_shop#page_article #modalNutrition .modal-header p {
  margin: 0;
}
body.site_devaux#page_article #modalNutrition .h1, body.site_devaux#page_article #modalNutrition .section-produit h1, body.site_devaux#page_article .section-produit #modalNutrition h1,
body.page_shop#page_article #modalNutrition .h1,
body.page_shop#page_article #modalNutrition .section-produit h1,
body.page_shop#page_article .section-produit #modalNutrition h1 {
  text-align: center;
  margin-bottom: 32px;
  font-size: 43px;
}
body.site_devaux#page_article #modalNutrition .btn-close,
body.page_shop#page_article #modalNutrition .btn-close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 56px;
  height: 56px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  opacity: 1;
  background-color: #e9bd4d;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3e%3cpath d='M12.3535 0.353516L0.353516 12.3535M0.353516 0.353516L12.3535 12.3535' stroke='black' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article #modalNutrition .btn-close,
body.page_shop#page_article #modalNutrition .btn-close {
    top: 12px;
    right: 12px;
    width: 44px;
    height: 44px;
  }
}
body.site_devaux#page_article #modalNutrition .btn-close:hover,
body.page_shop#page_article #modalNutrition .btn-close:hover {
  background-color: #d5a939;
  transform: rotate(90deg);
}
body.site_devaux#page_article #modalNutrition .btn-close:focus,
body.page_shop#page_article #modalNutrition .btn-close:focus {
  outline: none;
  box-shadow: none;
}
body.site_devaux#page_article #modalNutrition .modal-body,
body.page_shop#page_article #modalNutrition .modal-body {
  padding: 0;
}
body.site_devaux#page_article #modalNutrition figure.table,
body.page_shop#page_article #modalNutrition figure.table {
  margin: 0;
  width: 100%;
  overflow-x: auto;
}
body.site_devaux#page_article #modalNutrition .nutrition_table,
body.page_shop#page_article #modalNutrition .nutrition_table {
  margin-top: 24px;
  width: 100%;
  border-collapse: collapse;
}
body.site_devaux#page_article #modalNutrition .nutrition_table tr,
body.site_devaux#page_article #modalNutrition .nutrition_table td,
body.page_shop#page_article #modalNutrition .nutrition_table tr,
body.page_shop#page_article #modalNutrition .nutrition_table td {
  border: none;
  box-shadow: none;
  background-color: transparent;
}
body.site_devaux#page_article #modalNutrition .nutrition_table td,
body.page_shop#page_article #modalNutrition .nutrition_table td {
  padding: 8px 16px;
  border: none;
  font-size: 16px;
  line-height: 1.3;
  color: #383838;
  text-align: left;
}
body.site_devaux#page_article #modalNutrition .nutrition_table td + td,
body.page_shop#page_article #modalNutrition .nutrition_table td + td {
  text-align: right;
  white-space: nowrap;
  color: #000000;
}
body.site_devaux#page_article #modalNutrition .nutrition_table tbody tr:nth-child(odd) td,
body.page_shop#page_article #modalNutrition .nutrition_table tbody tr:nth-child(odd) td {
  background: #fefbf7;
}
body.site_devaux#page_article .section-stenope,
body.page_shop#page_article .section-stenope {
  position: relative;
}
body.site_devaux#page_article .section-stenope .container,
body.page_shop#page_article .section-stenope .container {
  position: relative;
  z-index: 3;
}
body.site_devaux#page_article .section-stenope h2,
body.site_devaux#page_article .section-stenope p,
body.site_devaux#page_article .section-stenope .sur-titre,
body.site_devaux#page_article .section-stenope .sur-titre--small,
body.site_devaux#page_article .section-stenope .section-produit .article_cadre form .article_regroupement .nom_regroupement,
body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .section-stenope .nom_regroupement,
body.site_devaux#page_article .section-stenope .sur-titre--small-bold,
body.page_shop#page_article .section-stenope h2,
body.page_shop#page_article .section-stenope p,
body.page_shop#page_article .section-stenope .sur-titre,
body.page_shop#page_article .section-stenope .sur-titre--small,
body.page_shop#page_article .section-stenope .section-produit .article_cadre form .article_regroupement .nom_regroupement,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .section-stenope .nom_regroupement,
body.page_shop#page_article .section-stenope .sur-titre--small-bold {
  color: white;
}
body.site_devaux#page_article .section-stenope__radial,
body.page_shop#page_article .section-stenope__radial {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 4;
  background: radial-gradient(ellipse 60% 70% at 50% 50%, rgba(1, 1, 1, 0) 36%, #010101 66%);
}
@media (max-width: 991px) {
  body.site_devaux#page_article .section-stenope__radial,
body.page_shop#page_article .section-stenope__radial {
    display: none;
  }
}
body.site_devaux#page_article .section-stenope__img,
body.page_shop#page_article .section-stenope__img {
  margin: 0 auto;
  text-align: center;
}
body.site_devaux#page_article .section-stenope__img img,
body.page_shop#page_article .section-stenope__img img {
  max-height: 700px;
  width: auto;
  max-width: 100%;
}
@media (max-width: 991px) {
  body.site_devaux#page_article .section-stenope__img img,
body.page_shop#page_article .section-stenope__img img {
    max-height: 400px;
  }
}
body.site_devaux#page_article .section-produit__img,
body.page_shop#page_article .section-produit__img {
  display: block;
  width: 100%;
  aspect-ratio: 648/684;
  object-fit: cover;
}
body.site_devaux#page_article .section-produit__thumb,
body.page_shop#page_article .section-produit__thumb {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
body.site_devaux#page_article .section-produit__liens,
body.page_shop#page_article .section-produit__liens {
  display: flex;
  gap: 0 40px;
  flex-wrap: wrap;
}
.swiper-slide-thumb-active body.site_devaux#page_article .section-produit__thumb,
.swiper-slide-thumb-active body.page_shop#page_article .section-produit__thumb {
  opacity: 1;
}
body.site_devaux#page_article .section-produit__scrollbar.swiper-scrollbar,
body.page_shop#page_article .section-produit__scrollbar.swiper-scrollbar {
  position: relative;
  inset: auto;
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.1);
}
body.site_devaux#page_article .section-produit__scrollbar .swiper-scrollbar-drag,
body.page_shop#page_article .section-produit__scrollbar .swiper-scrollbar-drag {
  background: #e9bd4d;
}
body.site_devaux#page_article .section-produit h1,
body.page_shop#page_article .section-produit h1 {
  font-size: 56px;
}
body.site_devaux#page_article .section-produit .recompenses,
body.page_shop#page_article .section-produit .recompenses {
  border-bottom: none;
}
body.site_devaux#page_article .section-produit .recompenses .ck-content,
body.site_devaux#page_article .section-produit .recompenses figure.table,
body.site_devaux#page_article .section-produit .recompenses figure.table table,
body.page_shop#page_article .section-produit .recompenses .ck-content,
body.page_shop#page_article .section-produit .recompenses figure.table,
body.page_shop#page_article .section-produit .recompenses figure.table table {
  margin: 0;
}
body.site_devaux#page_article .section-produit .recompenses table,
body.page_shop#page_article .section-produit .recompenses table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
body.site_devaux#page_article .section-produit .recompenses td,
body.page_shop#page_article .section-produit .recompenses td {
  padding: 0 0 10px;
  border: 0;
  border-bottom: 4px solid transparent;
  text-align: center;
  font-size: 14px !important;
  color: #383838;
}
@media (max-width: 991px) {
  body.site_devaux#page_article .section-produit .recompenses td,
body.page_shop#page_article .section-produit .recompenses td {
    font-size: 14px;
  }
}
body.site_devaux#page_article .section-produit .recompenses .pinot_noir,
body.page_shop#page_article .section-produit .recompenses .pinot_noir {
  border-bottom-color: #73435f;
}
body.site_devaux#page_article .section-produit .recompenses .chardonnay,
body.page_shop#page_article .section-produit .recompenses .chardonnay {
  border-bottom-color: #e9bd4d;
}
body.site_devaux#page_article .section-produit .description,
body.page_shop#page_article .section-produit .description {
  padding: 0;
  border: 0;
}
body.site_devaux#page_article .section-produit .description h2,
body.page_shop#page_article .section-produit .description h2 {
  position: relative;
  display: inline-block;
  padding: 0 30px;
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: #000000;
}
body.site_devaux#page_article .section-produit .description h2::before, body.site_devaux#page_article .section-produit .description h2::after,
body.page_shop#page_article .section-produit .description h2::before,
body.page_shop#page_article .section-produit .description h2::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 21px;
  background: url("/medias/icons/quote-noir.svg") no-repeat center/contain;
}
body.site_devaux#page_article .section-produit .description h2::before,
body.page_shop#page_article .section-produit .description h2::before {
  left: 0;
}
body.site_devaux#page_article .section-produit .description h2::after,
body.page_shop#page_article .section-produit .description h2::after {
  transform: rotate(-180deg);
  right: 0;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article .section-produit .description h2::after,
body.page_shop#page_article .section-produit .description h2::after {
    position: static;
    display: inline-block;
    margin-left: 8px;
    vertical-align: 0.5em;
  }
}
body.site_devaux#page_article .section-produit .description p,
body.page_shop#page_article .section-produit .description p {
  margin-bottom: 16px;
}
body.site_devaux#page_article .section-produit .description a,
body.page_shop#page_article .section-produit .description a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  position: relative;
  text-decoration: none;
  color: #7b5000;
  font-weight: 400;
}
body.site_devaux#page_article .section-produit .description a::before,
body.page_shop#page_article .section-produit .description a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: #7b5000;
  transition: width 0.2s ease-in-out;
}
body.site_devaux#page_article .section-produit .description a:hover::before,
body.page_shop#page_article .section-produit .description a:hover::before {
  width: 100%;
}
body.site_devaux#page_article .section-produit .description a:hover::after,
body.page_shop#page_article .section-produit .description a:hover::after {
  margin-left: 4px;
}
body.site_devaux#page_article .section-produit .article_cadre form,
body.page_shop#page_article .section-produit .article_cadre form {
  gap: 16px;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement {
  margin-top: 24px;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement {
  font-weight: 600;
  margin-bottom: 10px;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement span,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement span {
  text-transform: none;
  font-weight: 600;
  letter-spacing: 1px;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement ul,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement ul {
  gap: 12px;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .radio,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .radio {
  margin-right: 0;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .radio .radio_variante,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .radio .radio_variante {
  gap: 0;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .radio .radio_variante::before,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .radio .radio_variante::before {
  display: none;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .radio a,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .radio a {
  display: inline-flex;
  align-items: center;
  padding: 10px 24px;
  border: 1px solid #000000;
  border-radius: 48px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .radio a:hover, body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .radio a.current,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .radio a:hover,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .radio a.current {
  background: #000000;
  color: #fff;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_declinaison,
body.page_shop#page_article .section-produit .article_cadre form .article_declinaison {
  margin-top: 24px;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_declinaison .nom_declinaison_type,
body.page_shop#page_article .section-produit .article_cadre form .article_declinaison .nom_declinaison_type {
  opacity: 0;
}
body.site_devaux#page_article .section-produit .article_cadre form .article_declinaison select,
body.page_shop#page_article .section-produit .article_cadre form .article_declinaison select {
  opacity: 0;
}
body.site_devaux#page_article .section-produit__toggle,
body.page_shop#page_article .section-produit__toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  width: fit-content;
}
body.site_devaux#page_article .section-produit__toggle-input,
body.page_shop#page_article .section-produit__toggle-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
body.site_devaux#page_article .section-produit__toggle-switch,
body.page_shop#page_article .section-produit__toggle-switch {
  position: relative;
  flex-shrink: 0;
  width: 44px;
  height: 24px;
  border-radius: 24px;
  background: #e7e7e7;
  transition: background 0.2s ease;
}
body.site_devaux#page_article .section-produit__toggle-knob,
body.page_shop#page_article .section-produit__toggle-knob {
  position: absolute;
  top: 2px;
  left: 2px;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  transition: transform 0.3s ease;
}
body.site_devaux#page_article .section-produit__toggle-icon,
body.page_shop#page_article .section-produit__toggle-icon {
  grid-area: 1/1;
  width: 12px;
  height: 12px;
  transition: opacity 0.3s ease;
}
body.site_devaux#page_article .section-produit__toggle-icon--on,
body.page_shop#page_article .section-produit__toggle-icon--on {
  opacity: 0;
  transform: rotate(-180deg);
}
body.site_devaux#page_article .section-produit__toggle-input:checked + .section-produit__toggle-switch,
body.page_shop#page_article .section-produit__toggle-input:checked + .section-produit__toggle-switch {
  background: #e9bd4d;
}
body.site_devaux#page_article .section-produit__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-knob,
body.page_shop#page_article .section-produit__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-knob {
  transform: translateX(20px) rotate(180deg);
}
body.site_devaux#page_article .section-produit__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-icon--off,
body.page_shop#page_article .section-produit__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-icon--off {
  opacity: 0;
}
body.site_devaux#page_article .section-produit__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-icon--on,
body.page_shop#page_article .section-produit__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-icon--on {
  opacity: 1;
}
body.site_devaux#page_article .section-produit__toggle-input:checked ~ .section-produit__toggle-text--off,
body.page_shop#page_article .section-produit__toggle-input:checked ~ .section-produit__toggle-text--off {
  display: none;
}
body.site_devaux#page_article .section-produit__toggle-input:checked ~ .section-produit__toggle-text--on,
body.page_shop#page_article .section-produit__toggle-input:checked ~ .section-produit__toggle-text--on {
  display: inline;
}
body.site_devaux#page_article .section-produit__toggle-text,
body.page_shop#page_article .section-produit__toggle-text {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
}
body.site_devaux#page_article .section-produit__toggle-text--on,
body.page_shop#page_article .section-produit__toggle-text--on {
  display: none;
}
body.site_devaux#page_article .section-produit .article_prix_unitaire,
body.page_shop#page_article .section-produit .article_prix_unitaire {
  font-size: 1em;
}
body.site_devaux#page_article .section-produit__prix,
body.page_shop#page_article .section-produit__prix {
  font-family: "Cormorant Garamond", serif;
  font-size: 40px;
}
body.site_devaux#page_article .section-produit__prix-montant,
body.page_shop#page_article .section-produit__prix-montant {
  font-size: 1em;
  font-weight: 700;
  color: #000000;
}
body.site_devaux#page_article .section-produit__prix-unite,
body.page_shop#page_article .section-produit__prix-unite {
  font-size: 0.5em;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  vertical-align: 0.5em;
}
@media all and (max-width: 767px) {
  body.site_devaux#page_article .section-produit__prix-unite,
body.page_shop#page_article .section-produit__prix-unite {
    font-size: 24px;
  }
}
body.site_devaux#page_article .section-produit__prix-detail,
body.page_shop#page_article .section-produit__prix-detail {
  font-style: italic;
  color: #595959;
}
body.site_devaux#page_article .section-produit__qte,
body.page_shop#page_article .section-produit__qte {
  position: relative;
}
body.site_devaux#page_article .section-produit__qte select,
body.page_shop#page_article .section-produit__qte select {
  height: 100%;
  padding: 12px 40px 12px 20px;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 48px;
  background: #e7e7e7;
  font-size: 16px;
  color: #000000;
  cursor: pointer;
}
body.site_devaux#page_article .section-produit__qte::after,
body.page_shop#page_article .section-produit__qte::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  background: url("/medias/icons/chevron.svg") center/contain no-repeat;
  pointer-events: none;
  transition: transform 0.2s ease;
}
body.site_devaux#page_article .section-produit__qte.is-open::after,
body.page_shop#page_article .section-produit__qte.is-open::after {
  transform: translateY(-50%) rotate(90deg);
}
body.site_devaux#page_article .section-produit .quantite_ajouter_panier .quantite .input_quantite,
body.page_shop#page_article .section-produit .quantite_ajouter_panier .quantite .input_quantite {
  border: none;
}
body.site_devaux#page_article .section-produit .quantite_ajouter_panier .quantite .input_quantite #select_quantity:focus-visible,
body.page_shop#page_article .section-produit .quantite_ajouter_panier .quantite .input_quantite #select_quantity:focus-visible {
  border: none;
  box-shadow: none;
  outline: none;
}
body.site_devaux#page_article .section-produit__avantages li,
body.page_shop#page_article .section-produit__avantages li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  font-size: 14px;
  color: #383838;
}
body.site_devaux#page_article .section-produit__avantages li img,
body.page_shop#page_article .section-produit__avantages li img {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}
body.site_devaux#page_article .section-produit__cta-flottant,
body.page_shop#page_article .section-produit__cta-flottant {
  display: none;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article .section-produit__cta-flottant,
body.page_shop#page_article .section-produit__cta-flottant {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(120%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  body.site_devaux#page_article .section-produit__cta-flottant.is-visible,
body.page_shop#page_article .section-produit__cta-flottant.is-visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  body.site_devaux#page_article .section-produit__cta-flottant .bouton,
body.page_shop#page_article .section-produit__cta-flottant .bouton {
    width: 100%;
    justify-content: center;
  }
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article main:has(.section-produit__cta-flottant),
body.page_shop#page_article main:has(.section-produit__cta-flottant) {
    padding-bottom: 88px;
  }
}
body.site_devaux#page_article .section-hero-img__img,
body.page_shop#page_article .section-hero-img__img {
  aspect-ratio: 1440/736;
  object-fit: cover;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article .section-hero-img__img,
body.page_shop#page_article .section-hero-img__img {
    aspect-ratio: 375/500;
  }
}
body.site_devaux#page_article .section-equilibre h3,
body.page_shop#page_article .section-equilibre h3 {
  font-size: 26px;
}
body.site_devaux#page_article .section-equilibre__img,
body.page_shop#page_article .section-equilibre__img {
  aspect-ratio: 338/310;
  object-fit: cover;
  display: block;
}
body.site_devaux#page_article .section-coteaux,
body.page_shop#page_article .section-coteaux {
  background: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%), lightgray 50%/cover no-repeat;
}
body.site_devaux#page_article .section-coteaux h2,
body.site_devaux#page_article .section-coteaux p,
body.page_shop#page_article .section-coteaux h2,
body.page_shop#page_article .section-coteaux p {
  color: white;
}
body.site_devaux#page_article .section-coteaux--rouge,
body.page_shop#page_article .section-coteaux--rouge {
  background-image: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%), url(/medias/boutique/coteaux/champenois-rouge/bg-rouge.webp);
}
body.site_devaux#page_article .section-coteaux--blanc,
body.page_shop#page_article .section-coteaux--blanc {
  background-image: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%), url(/medias/boutique/coteaux/champenois-blanc/bg-blanc.webp);
}
body.site_devaux#page_article .section-coteaux--rose,
body.page_shop#page_article .section-coteaux--rose {
  background-image: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%), url(/medias/boutique/rose-des-riceys/bg-rose.webp);
}
body.site_devaux#page_article .section-recompenses .recompense-item,
body.page_shop#page_article .section-recompenses .recompense-item {
  --couleur-recompense: #828282;
}
body.site_devaux#page_article .section-recompenses .recompense-item > *,
body.page_shop#page_article .section-recompenses .recompense-item > * {
  position: relative;
  display: inline-block;
  padding-right: 0.05em;
}
body.site_devaux#page_article .section-recompenses .recompense-item .h3,
body.page_shop#page_article .section-recompenses .recompense-item .h3 {
  font-size: 27px;
  color: var(--couleur-recompense);
  flex-shrink: 0;
}
body.site_devaux#page_article .section-recompenses .recompense-item .letter,
body.page_shop#page_article .section-recompenses .recompense-item .letter {
  opacity: 0;
}
@media all and (max-width: 767px) {
  body.site_devaux#page_article .section-recompenses .recompense-item,
body.page_shop#page_article .section-recompenses .recompense-item {
    flex-wrap: wrap;
    gap: 4px;
  }
}
body.site_devaux#page_article .section-recompenses .recompense-item__ligne,
body.page_shop#page_article .section-recompenses .recompense-item__ligne {
  position: relative;
  top: -4px;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  body.site_devaux#page_article .section-recompenses .recompense-item__ligne,
body.page_shop#page_article .section-recompenses .recompense-item__ligne {
    display: none;
  }
}
body.site_devaux#page_article .section-recompenses .recompense-item__ligne__underline,
body.page_shop#page_article .section-recompenses .recompense-item__ligne__underline {
  display: block;
  border-bottom: 1px dashed var(--couleur-recompense);
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
}
body.site_devaux#page_article .section-recompenses .recompense-item__ligne__revealer,
body.page_shop#page_article .section-recompenses .recompense-item__ligne__revealer {
  display: block;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 12%);
  width: 150%;
  height: 10px;
  transform: translateY(5px) translateX(-25%);
}
body.site_devaux#page_article .section-recompenses .recompense-item__ligne:before,
body.page_shop#page_article .section-recompenses .recompense-item__ligne:before {
  border-bottom: 1px dashed var(--couleur-recompense);
  display: block;
  background-color: white;
  width: 100%;
  position: absolute;
  inset: 0;
  content: "";
}
body.site_devaux#page_article .section-recompenses .recompense-item__medaille,
body.page_shop#page_article .section-recompenses .recompense-item__medaille {
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: var(--couleur-recompense);
  text-align: right;
}
@media all and (max-width: 767px) {
  body.site_devaux#page_article .section-recompenses .recompense-item__medaille,
body.page_shop#page_article .section-recompenses .recompense-item__medaille {
    text-align: left;
    font-size: 16px;
    width: 100%;
  }
}
body.site_devaux#page_article .section-recompenses .recompense-item--or,
body.page_shop#page_article .section-recompenses .recompense-item--or {
  --couleur-recompense: #e9bd4d;
}
body.site_devaux#page_article .section-service__img,
body.page_shop#page_article .section-service__img {
  aspect-ratio: 646/872;
  object-fit: cover;
  display: block;
}
@media all and (max-width: 1319px) {
  body.site_devaux#page_article .section-service__img,
body.page_shop#page_article .section-service__img {
    aspect-ratio: 3/4;
  }
}
body.site_devaux#page_article .section-silhouette,
body.page_shop#page_article .section-silhouette {
  background: black;
}
body.site_devaux#page_article .section-silhouette__titre,
body.page_shop#page_article .section-silhouette__titre {
  font-size: 64px;
  text-shadow: 1px 0 0 white, -1px 0 0 white, 0 1px 0 white, 0 -1px 0 white;
}
@media all and (max-width: 767px) {
  body.site_devaux#page_article .section-silhouette__titre,
body.page_shop#page_article .section-silhouette__titre {
    font-size: 40px;
  }
}
body.site_devaux#page_article .section-silhouette__bouteille,
body.page_shop#page_article .section-silhouette__bouteille {
  max-height: 880px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article .section-silhouette__bouteille,
body.page_shop#page_article .section-silhouette__bouteille {
    max-height: 400px;
  }
}
body.site_devaux#page_article .section-distinction__scene,
body.page_shop#page_article .section-distinction__scene {
  position: relative;
}
body.site_devaux#page_article .section-distinction__topo,
body.page_shop#page_article .section-distinction__topo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  z-index: 1;
}
body.site_devaux#page_article .section-distinction__bouteille,
body.page_shop#page_article .section-distinction__bouteille {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 189px;
  aspect-ratio: 189/702;
  height: auto;
  object-fit: contain;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article .section-distinction__bouteille,
body.page_shop#page_article .section-distinction__bouteille {
    max-width: 180px;
  }
}
body.site_devaux#page_article .section-identite,
body.page_shop#page_article .section-identite {
  background: url("/medias/boutique/paper-texture.png") center/cover;
}
body.site_devaux#page_article .section-identite__scene,
body.page_shop#page_article .section-identite__scene {
  position: relative;
}
body.site_devaux#page_article .section-identite__topo,
body.page_shop#page_article .section-identite__topo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity 1.2s ease;
  pointer-events: none;
  z-index: 1;
}
body.site_devaux#page_article .section-identite__bouteille,
body.page_shop#page_article .section-identite__bouteille {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 280px;
  aspect-ratio: 329/892;
  height: auto;
  object-fit: contain;
  transform-origin: center 87%;
  transition: opacity 1.2s ease 0.4s, transform 1.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article .section-identite__bouteille,
body.page_shop#page_article .section-identite__bouteille {
    max-width: 180px;
  }
}
body.site_devaux#page_article .section-identite__texte,
body.page_shop#page_article .section-identite__texte {
  position: relative;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.8s ease 0.4s;
}
body.site_devaux#page_article .section-identite__texte--tertiaire p,
body.page_shop#page_article .section-identite__texte--tertiaire p {
  color: #7b5000;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article .section-identite__texte,
body.page_shop#page_article .section-identite__texte {
    opacity: 1;
    transition: none;
  }
}
body.site_devaux#page_article .section-identite__scene.is-active .section-identite__topo,
body.page_shop#page_article .section-identite__scene.is-active .section-identite__topo {
  opacity: 1;
}
body.site_devaux#page_article .section-identite__scene.is-active .section-identite__bouteille,
body.page_shop#page_article .section-identite__scene.is-active .section-identite__bouteille {
  opacity: 0;
  transform: scale(4.6);
}
body.site_devaux#page_article .section-identite__scene.is-active .section-identite__texte,
body.page_shop#page_article .section-identite__scene.is-active .section-identite__texte {
  opacity: 1;
}
body.site_devaux#page_article .section_vous_aimerez_aussi,
body.page_shop#page_article .section_vous_aimerez_aussi {
  overflow: hidden;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .swiper2,
body.page_shop#page_article .section_vous_aimerez_aussi .swiper2 {
  overflow: visible;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .swiper-slide,
body.page_shop#page_article .section_vous_aimerez_aussi .swiper-slide {
  height: auto;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .prix,
body.page_shop#page_article .section_vous_aimerez_aussi .prix {
  display: none;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue {
  text-align: center;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue a,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue a {
  text-decoration: none;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue .image,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue .image {
  height: 360px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  background: none;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue .image,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue .image {
    height: 280px;
  }
}
body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue .image img,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue .image img {
  width: auto;
  max-width: none;
  height: 100%;
  object-fit: contain;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue .infos,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue .infos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 20px 8px 0;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue .delai_livraison,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue .delai_livraison {
  order: 0;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue h3,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue h3 {
  order: 1;
  margin: 0;
  font-family: "Instrument Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue h2,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue h2 {
  order: 2;
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  color: #000000;
  text-align: center;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue h2,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue h2 {
    font-size: 20px;
  }
}
body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue .prix,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue .prix {
  order: 3;
  margin: 0;
  text-align: center;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue .prix .prix_unitaire,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue .prix .prix_unitaire {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  font-weight: 700;
  color: #000000;
  text-align: center;
}
body.site_devaux#page_article .section_vous_aimerez_aussi .article_catalogue .prix .prix_unitaire .unite,
body.page_shop#page_article .section_vous_aimerez_aussi .article_catalogue .prix .prix_unitaire .unite {
  font-size: 14px;
  font-weight: 400;
  color: #383838;
}
body.site_devaux#page_article .section-faq__question,
body.page_shop#page_article .section-faq__question {
  font-size: 24px;
  margin: 0;
}
body.site_devaux#page_article .section-faq .accordion-item,
body.page_shop#page_article .section-faq .accordion-item {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
body.site_devaux#page_article .section-faq .accordion-item:first-child,
body.page_shop#page_article .section-faq .accordion-item:first-child {
  border-top: 1px solid #e7e7e7;
}
body.site_devaux#page_article .section-faq .accordion-button,
body.page_shop#page_article .section-faq .accordion-button {
  background: transparent !important;
  box-shadow: none !important;
  padding: 20px 0;
}
body.site_devaux#page_article .section-faq .accordion-button::after,
body.page_shop#page_article .section-faq .accordion-button::after {
  flex-shrink: 0;
  margin-left: auto;
}
body.site_devaux#page_article .section-faq .accordion-body,
body.page_shop#page_article .section-faq .accordion-body {
  padding: 0 0 20px;
}
body.site_devaux#page_mentions_legales main, body.site_devaux#page_rgpd main, body.site_devaux#page_cgv main,
body.page_shop#page_mentions_legales main,
body.page_shop#page_rgpd main,
body.page_shop#page_cgv main {
  padding-top: 180px;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_mentions_legales main, body.site_devaux#page_rgpd main, body.site_devaux#page_cgv main,
body.page_shop#page_mentions_legales main,
body.page_shop#page_rgpd main,
body.page_shop#page_cgv main {
    padding-top: 120px;
  }
}
body.site_devaux#page_mc_arthur .hero-container,
body.page_shop#page_mc_arthur .hero-container {
  padding: 284px 0;
  --hero-bg: url("../medias/mcarthur/mcarthur_hero-bg.jpg");
  background: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%), var(--hero-bg) 50%/cover no-repeat;
}
@media all and (max-width: 1319px) {
  body.site_devaux#page_mc_arthur .hero-container,
body.page_shop#page_mc_arthur .hero-container {
    padding: 134px 0 134px;
  }
}
body.site_devaux#page_mc_arthur .hero-container h1,
body.page_shop#page_mc_arthur .hero-container h1 {
  font-size: clamp(42px, 5vw, 64px);
}
body.site_devaux#page_mc_arthur .section-photos,
body.page_shop#page_mc_arthur .section-photos {
  --swiper-scrollbar-drag-bg-color: #e9bd4d;
  --swiper-scrollbar-size: 3px;
  overflow: hidden;
}
body.site_devaux#page_mc_arthur .section-photos__wrapper,
body.page_shop#page_mc_arthur .section-photos__wrapper {
  overflow: hidden;
  position: relative;
}
body.site_devaux#page_mc_arthur .section-photos .swiper-photos,
body.page_shop#page_mc_arthur .section-photos .swiper-photos {
  height: 375px;
  overflow: visible;
  position: relative;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_mc_arthur .section-photos .swiper-photos,
body.page_shop#page_mc_arthur .section-photos .swiper-photos {
    height: 350px;
  }
}
body.site_devaux#page_mc_arthur .section-photos .swiper-photos .swiper-slide,
body.page_shop#page_mc_arthur .section-photos .swiper-photos .swiper-slide {
  height: 375px;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_mc_arthur .section-photos .swiper-photos .swiper-slide,
body.page_shop#page_mc_arthur .section-photos .swiper-photos .swiper-slide {
    height: 350px;
  }
}
body.site_devaux#page_visite_ateliers .section-visite-hero__img,
body.page_shop#page_visite_ateliers .section-visite-hero__img {
  aspect-ratio: 708/614;
  overflow: hidden;
}
body.site_devaux#page_visite_ateliers .section-visite-hero__img img,
body.page_shop#page_visite_ateliers .section-visite-hero__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.site_devaux#page_visite_ateliers .section-infos-rapides a,
body.page_shop#page_visite_ateliers .section-infos-rapides a {
  color: #7b5000;
  text-decoration: none;
  position: relative;
}
body.site_devaux#page_visite_ateliers .section-infos-rapides a::after,
body.page_shop#page_visite_ateliers .section-infos-rapides a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: #7b5000;
  transition: width 0.2s ease-in-out;
}
body.site_devaux#page_visite_ateliers .section-infos-rapides a:hover::after,
body.page_shop#page_visite_ateliers .section-infos-rapides a:hover::after {
  width: 100%;
}
body.site_devaux#page_visite_ateliers .section-infos-rapides__col,
body.page_shop#page_visite_ateliers .section-infos-rapides__col {
  text-align: center;
  position: relative;
}
body.site_devaux#page_visite_ateliers .section-infos-rapides__col::before,
body.page_shop#page_visite_ateliers .section-infos-rapides__col::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 98px;
  background: #e9bd4d;
}
body.site_devaux#page_visite_ateliers .section-infos-rapides__col:first-child::before,
body.page_shop#page_visite_ateliers .section-infos-rapides__col:first-child::before {
  display: none;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_visite_ateliers .section-infos-rapides__col,
body.page_shop#page_visite_ateliers .section-infos-rapides__col {
    padding: 24px 0;
  }
  body.site_devaux#page_visite_ateliers .section-infos-rapides__col::before,
body.page_shop#page_visite_ateliers .section-infos-rapides__col::before {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 92px;
    height: 2px;
  }
  body.site_devaux#page_visite_ateliers .section-infos-rapides__col:first-child::before,
body.page_shop#page_visite_ateliers .section-infos-rapides__col:first-child::before {
    display: none;
  }
}
body.site_devaux#page_visite_ateliers .section-infos-rapides__titre,
body.page_shop#page_visite_ateliers .section-infos-rapides__titre {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 2px;
  text-transform: uppercase;
}
body.site_devaux#page_visite_ateliers .section-winalist .winalist-text,
body.page_shop#page_visite_ateliers .section-winalist .winalist-text {
  max-width: 520px;
}
body.site_devaux#page_visite_ateliers .section-winalist iframe,
body.page_shop#page_visite_ateliers .section-winalist iframe {
  display: block;
  border: none;
}
body.site_devaux#page_visite_ateliers p a,
body.page_shop#page_visite_ateliers p a {
  color: #383838;
}
body.site_devaux#page_heritage .hero-container,
body.page_shop#page_heritage .hero-container {
  --hero-bg: url("../medias/heritage/heritage_hero-bg.jpg");
  position: relative;
  background: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%), var(--hero-bg) 50%/cover no-repeat;
  padding: 374px 0;
}
@media all and (max-width: 1319px) {
  body.site_devaux#page_heritage .hero-container,
body.page_shop#page_heritage .hero-container {
    padding: 134px 0 134px;
  }
}
body.site_devaux#page_heritage .hero-container::before,
body.page_shop#page_heritage .hero-container::before {
  content: "";
  background-image: url("/medias/logo_initiale_devaux.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  display: block;
  width: 125px;
  height: 114px;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%) translateY(var(--logo-scroll-y, 0));
  opacity: var(--logo-opacity, 1);
  transition: transform 0.1s linear, opacity 0.1s linear;
  will-change: transform, opacity;
  z-index: 2;
}
body.site_devaux#page_heritage .bg-pattern-heritage,
body.page_shop#page_heritage .bg-pattern-heritage {
  background-image: url("/medias/heritage/bg_devaux.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  background-repeat: repeat-y;
}
@media (max-width: 1319px) {
  body.site_devaux#page_heritage .bg-pattern-heritage,
body.page_shop#page_heritage .bg-pattern-heritage {
    background-size: cover;
  }
}
body.site_devaux#page_heritage .bg-pattern-heritage .citation,
body.site_devaux#page_heritage .bg-pattern-heritage .sections-histoire-wrapper,
body.page_shop#page_heritage .bg-pattern-heritage .citation,
body.page_shop#page_heritage .bg-pattern-heritage .sections-histoire-wrapper {
  position: relative;
  z-index: 4;
}
body.site_devaux#page_heritage .citation,
body.page_shop#page_heritage .citation {
  padding: 144px 0;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_heritage .citation,
body.page_shop#page_heritage .citation {
    padding: 88px 0;
  }
}
body.site_devaux#page_heritage .citation p,
body.page_shop#page_heritage .citation p {
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  color: #000000;
  position: relative;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_heritage .citation p,
body.page_shop#page_heritage .citation p {
    font-size: 22px;
  }
}
body.site_devaux#page_heritage .citation p::before, body.site_devaux#page_heritage .citation p::after,
body.page_shop#page_heritage .citation p::before,
body.page_shop#page_heritage .citation p::after {
  content: "";
  background-image: url("/medias/icons/quote.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  display: block;
  width: 84px;
  height: 80px;
  position: absolute;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_heritage .citation p::before, body.site_devaux#page_heritage .citation p::after,
body.page_shop#page_heritage .citation p::before,
body.page_shop#page_heritage .citation p::after {
    width: 48px;
    height: 46px;
  }
}
body.site_devaux#page_heritage .citation p::before,
body.page_shop#page_heritage .citation p::before {
  left: -108px;
  top: -72px;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_heritage .citation p::before,
body.page_shop#page_heritage .citation p::before {
    left: 0;
    top: -56px;
  }
}
body.site_devaux#page_heritage .citation p::after,
body.page_shop#page_heritage .citation p::after {
  right: -108px;
  bottom: -72px;
  rotate: 180deg;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_heritage .citation p::after,
body.page_shop#page_heritage .citation p::after {
    right: 0;
    bottom: -56px;
  }
}
body.site_devaux#page_heritage .sections-histoire-wrapper,
body.page_shop#page_heritage .sections-histoire-wrapper {
  position: relative;
  overflow: hidden;
}
body.site_devaux#page_heritage .timeline-progress,
body.page_shop#page_heritage .timeline-progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background: rgba(233, 189, 77, 0.2);
  pointer-events: none;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_heritage .timeline-progress,
body.page_shop#page_heritage .timeline-progress {
    left: 10px;
    transform: none;
  }
}
body.site_devaux#page_heritage .timeline-progress__bar,
body.page_shop#page_heritage .timeline-progress__bar {
  width: 100%;
  height: 0%;
  background: #e9bd4d;
  transition: height 0.1s linear;
}
body.site_devaux#page_heritage .section-histoire__titre,
body.page_shop#page_heritage .section-histoire__titre {
  color: #e9bd4d;
  font-family: "Cormorant Garamond", serif;
  font-size: 126px;
  font-weight: 700;
  line-height: 100%;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_heritage .section-histoire__titre,
body.page_shop#page_heritage .section-histoire__titre {
    font-size: 84px;
  }
}
body.site_devaux#page_heritage .section-histoire__titre--small,
body.page_shop#page_heritage .section-histoire__titre--small {
  font-size: clamp(36px, 8vw, 102px);
}
@media all and (max-width: 991px) {
  body.site_devaux#page_heritage .section-histoire__titre--small,
body.page_shop#page_heritage .section-histoire__titre--small {
    font-size: clamp(36px, 8vw, 60px);
  }
}
body.site_devaux#page_heritage .section-histoire--reverse .section-histoire__img,
body.page_shop#page_heritage .section-histoire--reverse .section-histoire__img {
  order: -1;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_heritage .section-histoire--reverse .section-histoire__img,
body.page_shop#page_heritage .section-histoire--reverse .section-histoire__img {
    order: 0;
  }
}
body.site_devaux#page_heritage .section-histoire--logo .row,
body.page_shop#page_heritage .section-histoire--logo .row {
  --bs-gutter-x: 239px;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_heritage .section-histoire--logo .row,
body.page_shop#page_heritage .section-histoire--logo .row {
    --bs-gutter-x: 24px;
  }
}
body.site_devaux#page_heritage .section-histoire--logo .section-histoire__img img,
body.page_shop#page_heritage .section-histoire--logo .section-histoire__img img {
  width: 350px;
  max-width: 100%;
}
body.site_devaux#page_heritage .section-engagements__logos img,
body.page_shop#page_heritage .section-engagements__logos img {
  max-height: 60px;
  max-width: 100%;
  width: auto;
}
body.site_devaux#page_heritage .exposant,
body.page_shop#page_heritage .exposant {
  font-size: 0.55em;
  vertical-align: super;
  line-height: 0;
  font-feature-settings: "sups" 1;
}
body.site_devaux#page_heritage .logo-devaux,
body.page_shop#page_heritage .logo-devaux {
  position: relative;
  display: inline-block;
}
body.site_devaux#page_heritage .logo-devaux img,
body.page_shop#page_heritage .logo-devaux img {
  display: block;
  position: relative;
  z-index: 1;
  mask-image: linear-gradient(to left, black 0%, black 50%, transparent 50%, transparent 100%);
  mask-size: 200% 100%;
  mask-position: right;
  -webkit-mask-image: linear-gradient(to left, black 0%, black 50%, transparent 50%, transparent 100%);
  -webkit-mask-size: 200% 100%;
  -webkit-mask-position: right;
  transition: mask-position 0.6s ease;
}
body.site_devaux#page_heritage .logo-devaux::after,
body.page_shop#page_heritage .logo-devaux::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #e9bd4d;
  mask: url("/medias/heritage/logo_devaux_noir.svg") no-repeat center/contain;
  -webkit-mask: url("/medias/heritage/logo_devaux_noir.svg") no-repeat center/contain;
  z-index: 0;
}
body.site_devaux#page_heritage .logo-devaux:hover img,
body.page_shop#page_heritage .logo-devaux:hover img {
  mask-position: left;
  -webkit-mask-position: left;
}
body.site_devaux#page_visites_manoir_boutique .hero-container,
body.page_shop#page_visites_manoir_boutique .hero-container {
  background: none;
  padding: 374px 0;
}
@media all and (max-width: 1319px) {
  body.site_devaux#page_visites_manoir_boutique .hero-container,
body.page_shop#page_visites_manoir_boutique .hero-container {
    padding: 134px 0 134px;
  }
}
body.site_devaux#page_visites_manoir_boutique .section-intro--lieu,
body.page_shop#page_visites_manoir_boutique .section-intro--lieu {
  background-image: url("/medias/maison_background.png");
  background-repeat: no-repeat;
  background-position: center top;
}
body.site_devaux#page_visites_manoir_boutique #section-lieu-emblematique,
body.site_devaux#page_visites_manoir_boutique #section-art,
body.page_shop#page_visites_manoir_boutique #section-lieu-emblematique,
body.page_shop#page_visites_manoir_boutique #section-art {
  overflow: hidden;
}
body.site_devaux#page_visites_manoir_boutique #section-lieu-emblematique .swiper-lieu__wrapper,
body.site_devaux#page_visites_manoir_boutique #section-lieu-emblematique .swiper-art__wrapper,
body.site_devaux#page_visites_manoir_boutique #section-art .swiper-lieu__wrapper,
body.site_devaux#page_visites_manoir_boutique #section-art .swiper-art__wrapper,
body.page_shop#page_visites_manoir_boutique #section-lieu-emblematique .swiper-lieu__wrapper,
body.page_shop#page_visites_manoir_boutique #section-lieu-emblematique .swiper-art__wrapper,
body.page_shop#page_visites_manoir_boutique #section-art .swiper-lieu__wrapper,
body.page_shop#page_visites_manoir_boutique #section-art .swiper-art__wrapper {
  position: relative;
  overflow: hidden;
}
body.site_devaux#page_visites_manoir_boutique #section-lieu-emblematique .swiper-lieu-emblematique,
body.site_devaux#page_visites_manoir_boutique #section-lieu-emblematique .swiper-art,
body.site_devaux#page_visites_manoir_boutique #section-art .swiper-lieu-emblematique,
body.site_devaux#page_visites_manoir_boutique #section-art .swiper-art,
body.page_shop#page_visites_manoir_boutique #section-lieu-emblematique .swiper-lieu-emblematique,
body.page_shop#page_visites_manoir_boutique #section-lieu-emblematique .swiper-art,
body.page_shop#page_visites_manoir_boutique #section-art .swiper-lieu-emblematique,
body.page_shop#page_visites_manoir_boutique #section-art .swiper-art {
  overflow: visible;
}
body.site_devaux#page_visites_manoir_boutique #section-lieu-emblematique .swiper-lieu-emblematique .swiper-slide,
body.site_devaux#page_visites_manoir_boutique #section-lieu-emblematique .swiper-art .swiper-slide,
body.site_devaux#page_visites_manoir_boutique #section-art .swiper-lieu-emblematique .swiper-slide,
body.site_devaux#page_visites_manoir_boutique #section-art .swiper-art .swiper-slide,
body.page_shop#page_visites_manoir_boutique #section-lieu-emblematique .swiper-lieu-emblematique .swiper-slide,
body.page_shop#page_visites_manoir_boutique #section-lieu-emblematique .swiper-art .swiper-slide,
body.page_shop#page_visites_manoir_boutique #section-art .swiper-lieu-emblematique .swiper-slide,
body.page_shop#page_visites_manoir_boutique #section-art .swiper-art .swiper-slide {
  aspect-ratio: 491/399;
}
body.site_devaux#page_visites_manoir_boutique #section-lieu-emblematique .swiper-art .swiper-slide,
body.site_devaux#page_visites_manoir_boutique #section-art .swiper-art .swiper-slide,
body.page_shop#page_visites_manoir_boutique #section-lieu-emblematique .swiper-art .swiper-slide,
body.page_shop#page_visites_manoir_boutique #section-art .swiper-art .swiper-slide {
  aspect-ratio: 413/399;
}
body.site_devaux#page_visites_seminaires .section-configurations a,
body.page_shop#page_visites_seminaires .section-configurations a {
  color: #7b5000;
  text-decoration: none;
  position: relative;
}
body.site_devaux#page_visites_seminaires .section-configurations a::after,
body.page_shop#page_visites_seminaires .section-configurations a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: #7b5000;
  transition: width 0.2s ease-in-out;
}
body.site_devaux#page_visites_seminaires .section-configurations a:hover::after,
body.page_shop#page_visites_seminaires .section-configurations a:hover::after {
  width: 100%;
}
body.site_devaux#page_visites_seminaires .section-configurations__col,
body.page_shop#page_visites_seminaires .section-configurations__col {
  text-align: center;
  position: relative;
}
body.site_devaux#page_visites_seminaires .section-configurations__col::before,
body.page_shop#page_visites_seminaires .section-configurations__col::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 98px;
  background: #e9bd4d;
}
body.site_devaux#page_visites_seminaires .section-configurations__col:first-child::before,
body.page_shop#page_visites_seminaires .section-configurations__col:first-child::before {
  display: none;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_visites_seminaires .section-configurations__col,
body.page_shop#page_visites_seminaires .section-configurations__col {
    padding: 24px 0;
  }
  body.site_devaux#page_visites_seminaires .section-configurations__col::before,
body.page_shop#page_visites_seminaires .section-configurations__col::before {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 92px;
    height: 2px;
  }
  body.site_devaux#page_visites_seminaires .section-configurations__col:first-child::before,
body.page_shop#page_visites_seminaires .section-configurations__col:first-child::before {
    display: none;
  }
}
body.site_devaux#page_visites_seminaires .section-configurations__titre,
body.page_shop#page_visites_seminaires .section-configurations__titre {
  color: #000;
  text-align: center;
  font-family: "Cormorant Garamond";
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
body.site_devaux#page_visites_seminaires .config-image,
body.page_shop#page_visites_seminaires .config-image {
  aspect-ratio: 659/482;
  object-fit: cover;
  width: 100%;
}
body.site_devaux#page_visites_seminaires .section-experience a,
body.page_shop#page_visites_seminaires .section-experience a {
  color: #7b5000;
  text-decoration: none;
  position: relative;
}
body.site_devaux#page_visites_seminaires .section-contact a,
body.page_shop#page_visites_seminaires .section-contact a {
  color: #7b5000;
}
body.site_devaux#page_visites_seminaires .section-contact__form,
body.page_shop#page_visites_seminaires .section-contact__form {
  background: white;
}
body.site_devaux#page_visites_seminaires .section-contact__form .form-control,
body.page_shop#page_visites_seminaires .section-contact__form .form-control {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.site_devaux#page_visites_seminaires .section-contact__form .form-control:focus,
body.page_shop#page_visites_seminaires .section-contact__form .form-control:focus {
  box-shadow: none;
  border-bottom-color: #000000;
}
body.site_devaux#page_visites_seminaires .section-contact__form .form-floating > label,
body.page_shop#page_visites_seminaires .section-contact__form .form-floating > label {
  padding-left: 0;
}
body.site_devaux#page_manifeste .bg-texture,
body.page_shop#page_manifeste .bg-texture {
  background-image: url("../medias/manifeste/texture.webp");
  background-repeat: repeat;
  background-position: center top;
  background-size: auto;
}
body.site_devaux#page_manifeste .citation p,
body.page_shop#page_manifeste .citation p {
  font-family: "Cormorant Garamond", serif;
  font-size: 54px;
  font-weight: 700;
  line-height: 120%;
  color: #000000;
  position: relative;
  text-align: center;
}
@media all and (max-width: 1319px) {
  body.site_devaux#page_manifeste .citation p,
body.page_shop#page_manifeste .citation p {
    font-size: 46px;
  }
}
@media all and (max-width: 767px) {
  body.site_devaux#page_manifeste .citation p,
body.page_shop#page_manifeste .citation p {
    font-size: 38px;
  }
}
body.site_devaux#page_manifeste .citation p::before, body.site_devaux#page_manifeste .citation p::after,
body.page_shop#page_manifeste .citation p::before,
body.page_shop#page_manifeste .citation p::after {
  content: "";
  background-image: url("/medias/icons/quote.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  display: block;
  width: 84px;
  height: 80px;
  position: absolute;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_manifeste .citation p::before, body.site_devaux#page_manifeste .citation p::after,
body.page_shop#page_manifeste .citation p::before,
body.page_shop#page_manifeste .citation p::after {
    width: 48px;
    height: 46px;
  }
}
body.site_devaux#page_manifeste .citation p::before,
body.page_shop#page_manifeste .citation p::before {
  left: -108px;
  top: -72px;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_manifeste .citation p::before,
body.page_shop#page_manifeste .citation p::before {
    left: 0;
    top: -56px;
  }
}
body.site_devaux#page_manifeste .citation p::after,
body.page_shop#page_manifeste .citation p::after {
  right: -108px;
  bottom: -72px;
  rotate: 180deg;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_manifeste .citation p::after,
body.page_shop#page_manifeste .citation p::after {
    right: 0;
    bottom: -56px;
  }
}
body.site_devaux#page_manifeste .section-coherence,
body.page_shop#page_manifeste .section-coherence {
  position: relative;
}
body.site_devaux#page_manifeste .section-coherence::before,
body.page_shop#page_manifeste .section-coherence::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../medias/manifeste/texture.webp");
  background-repeat: repeat;
  background-position: center top;
  background-size: auto;
  opacity: 0.5;
  z-index: 0;
  pointer-events: none;
}
body.site_devaux#page_manifeste .section-coherence .container,
body.page_shop#page_manifeste .section-coherence .container {
  position: relative;
  z-index: 1;
}
body.site_devaux#page_manifeste .section-transmission img,
body.page_shop#page_manifeste .section-transmission img {
  aspect-ratio: 409/399;
  width: 100%;
  object-fit: cover;
  display: block;
}
body.site_devaux#page_manifeste .section-engagement a,
body.page_shop#page_manifeste .section-engagement a {
  margin: 0;
}
body.site_devaux#page_vignoble .bg-pattern-vignoble,
body.page_shop#page_vignoble .bg-pattern-vignoble {
  background-image: url("../medias/pattern.png");
  background-repeat: repeat-y;
  background-position: left;
  background-size: 100% auto;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_vignoble .sur-titre:not(.sur-titre--small), body.site_devaux#page_vignoble .sur-titre--small:not(.sur-titre--small), body.site_devaux#page_vignoble .sur-titre--small-bold:not(.sur-titre--small), body.site_devaux#page_vignoble body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement:not(.sur-titre--small), body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement body.site_devaux#page_vignoble .nom_regroupement:not(.sur-titre--small),
body.site_devaux#page_vignoble body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement:not(.sur-titre--small),
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement body.site_devaux#page_vignoble .nom_regroupement:not(.sur-titre--small),
body.site_devaux#page_vignoble h1,
body.site_devaux#page_vignoble h2,
body.page_shop#page_vignoble .sur-titre:not(.sur-titre--small),
body.page_shop#page_vignoble .sur-titre--small:not(.sur-titre--small),
body.page_shop#page_vignoble .sur-titre--small-bold:not(.sur-titre--small),
body.page_shop#page_vignoble body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement:not(.sur-titre--small),
body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement body.page_shop#page_vignoble .nom_regroupement:not(.sur-titre--small),
body.page_shop#page_vignoble body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement:not(.sur-titre--small),
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement body.page_shop#page_vignoble .nom_regroupement:not(.sur-titre--small),
body.page_shop#page_vignoble h1,
body.page_shop#page_vignoble h2 {
    text-align: center;
  }
}
body.site_devaux#page_vignoble .section-vignoble__video,
body.page_shop#page_vignoble .section-vignoble__video {
  overflow: hidden;
  aspect-ratio: 16/9;
}
body.site_devaux#page_vignoble .section-vignoble__video video,
body.page_shop#page_vignoble .section-vignoble__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.site_devaux#page_vignoble .section-terroir a,
body.page_shop#page_vignoble .section-terroir a {
  color: #7b5000;
  text-decoration: none;
  position: relative;
}
body.site_devaux#page_vignoble .section-pinot__img,
body.page_shop#page_vignoble .section-pinot__img {
  overflow: hidden;
  aspect-ratio: 455/620;
}
body.site_devaux#page_vignoble .section-pinot__img img,
body.page_shop#page_vignoble .section-pinot__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.site_devaux#page_vignoble .section-durable,
body.page_shop#page_vignoble .section-durable {
  overflow: hidden;
}
body.site_devaux#page_vignoble .section-durable__img,
body.page_shop#page_vignoble .section-durable__img {
  aspect-ratio: 4/3;
}
body.site_devaux#page_vignoble .section-durable__img img,
body.page_shop#page_vignoble .section-durable__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.site_devaux#page_vignoble .section-signature .swiper-cuvees,
body.page_shop#page_vignoble .section-signature .swiper-cuvees {
  overflow: visible;
}
body.site_devaux#page_vignoble .section-signature .swiper-cuvees .swiper-cuvees__navigation,
body.page_shop#page_vignoble .section-signature .swiper-cuvees .swiper-cuvees__navigation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  aspect-ratio: 598/518;
  z-index: 10;
  pointer-events: none;
}
@media all and (max-width: 991px) {
  body.site_devaux#page_vignoble .section-signature .swiper-cuvees .swiper-cuvees__navigation,
body.page_shop#page_vignoble .section-signature .swiper-cuvees .swiper-cuvees__navigation {
    display: none;
  }
}
body.site_devaux#page_vignoble .section-signature .swiper-cuvees .swiper-cuvees__btn,
body.page_shop#page_vignoble .section-signature .swiper-cuvees .swiper-cuvees__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: all;
}
body.site_devaux#page_vignoble .section-signature .swiper-cuvees .swiper-cuvees__btn--prev,
body.page_shop#page_vignoble .section-signature .swiper-cuvees .swiper-cuvees__btn--prev {
  left: 16px;
}
body.site_devaux#page_vignoble .section-signature .swiper-cuvees .swiper-cuvees__btn--next,
body.page_shop#page_vignoble .section-signature .swiper-cuvees .swiper-cuvees__btn--next {
  right: 16px;
}
body.site_devaux#page_vignoble .section-signature .swiper-cuvees__scrollbar-container,
body.page_shop#page_vignoble .section-signature .swiper-cuvees__scrollbar-container {
  margin-top: 48px;
}
@media all and (max-width: 767px) {
  body.site_devaux#page_vinification p,
body.site_devaux#page_vinification h1,
body.site_devaux#page_vinification ul,
body.page_shop#page_vinification p,
body.page_shop#page_vinification h1,
body.page_shop#page_vinification ul {
    text-align: justify;
  }
}
body.site_devaux#page_vinification .section-vinification,
body.page_shop#page_vinification .section-vinification {
  overflow: hidden;
}
body.site_devaux#page_vinification .section-vinification .swiper-vinification__wrapper,
body.page_shop#page_vinification .section-vinification .swiper-vinification__wrapper {
  position: relative;
  overflow: hidden;
}
body.site_devaux#page_vinification .section-vinification .swiper-vinification,
body.page_shop#page_vinification .section-vinification .swiper-vinification {
  overflow: visible;
}
body.site_devaux#page_vinification .section-vinification .swiper-vinification .swiper-slide,
body.page_shop#page_vinification .section-vinification .swiper-vinification .swiper-slide {
  aspect-ratio: 491/399;
}
body.site_devaux#page_vinification .section-assemblage img,
body.page_shop#page_vinification .section-assemblage img {
  display: block;
  aspect-ratio: 1320/579;
  object-fit: cover;
  object-position: center 10%;
}
body.site_devaux#page_vinification .section-lenteur,
body.page_shop#page_vinification .section-lenteur {
  min-height: 724px;
  background: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%), url("../medias/vinification/lenteur.webp") lightgray 50%/cover no-repeat;
}
body.site_devaux#page_vinification .section-habillage img,
body.page_shop#page_vinification .section-habillage img {
  display: block;
  object-fit: cover;
}
body.site_devaux#page_qualite .hero-container,
body.page_shop#page_qualite .hero-container {
  padding: 284px 0;
  --hero-bg: url("../medias/qualite/hero-bg.webp");
  background: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%), var(--hero-bg) 50%/cover no-repeat;
}
@media all and (max-width: 1319px) {
  body.site_devaux#page_qualite .hero-container,
body.page_shop#page_qualite .hero-container {
    padding: 134px 0 134px;
  }
}
body.site_devaux#page_qualite .hero-container h1,
body.page_shop#page_qualite .hero-container h1 {
  font-size: clamp(42px, 5vw, 64px);
}
body.site_devaux#page_qualite .section-certifiee__img,
body.page_shop#page_qualite .section-certifiee__img {
  position: relative;
  overflow: hidden;
}
body.site_devaux#page_qualite .section-certifiee__img::after,
body.page_shop#page_qualite .section-certifiee__img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%);
}
body.site_devaux#page_qualite .section-certifiee__bg,
body.page_shop#page_qualite .section-certifiee__bg {
  width: 100%;
  aspect-ratio: 1320/494;
  object-fit: cover;
  height: 496px;
}
@media (max-width: 767px) {
  body.site_devaux#page_qualite .section-certifiee__bg,
body.page_shop#page_qualite .section-certifiee__bg {
    aspect-ratio: auto;
    height: 396px;
  }
}
@media (max-width: 575px) {
  body.site_devaux#page_qualite .section-certifiee__bg,
body.page_shop#page_qualite .section-certifiee__bg {
    aspect-ratio: auto;
    height: 728px;
  }
}
body.site_devaux#page_qualite .section-certifiee__logos,
body.page_shop#page_qualite .section-certifiee__logos {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
}
body.site_devaux#page_qualite .section-certifiee__logos img,
body.page_shop#page_qualite .section-certifiee__logos img {
  width: 120px;
  height: auto;
}
@media (max-width: 767px) {
  body.site_devaux#page_qualite .section-certifiee__logos img,
body.page_shop#page_qualite .section-certifiee__logos img {
    width: 96px;
  }
}
body.site_devaux#page_qualite .section-bio__img,
body.page_shop#page_qualite .section-bio__img {
  overflow: hidden;
  aspect-ratio: 455/620;
}
body.site_devaux#page_qualite .section-bio__img img,
body.page_shop#page_qualite .section-bio__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.site_devaux#page_politique_achat .section-energie__img,
body.page_shop#page_politique_achat .section-energie__img {
  width: 100%;
  aspect-ratio: 1440/564;
  object-fit: cover;
  object-position: center;
  display: block;
}
body.site_devaux#page_politique_achat .section-packaging__img,
body.page_shop#page_politique_achat .section-packaging__img {
  aspect-ratio: 617/784;
}
body.site_devaux#page_politique_achat .section-packaging__img img,
body.page_shop#page_politique_achat .section-packaging__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.site_devaux#page_mecenat .hero-container,
body.page_shop#page_mecenat .hero-container {
  padding: 284px 0;
  --hero-bg: url("../medias/mecenat/mecenat_hero.webp");
  background: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%), var(--hero-bg) 50%/cover no-repeat;
}
@media all and (max-width: 1319px) {
  body.site_devaux#page_mecenat .hero-container,
body.page_shop#page_mecenat .hero-container {
    padding: 134px 0 134px;
  }
}
body.site_devaux#page_mecenat .hero-container h1,
body.page_shop#page_mecenat .hero-container h1 {
  font-size: clamp(42px, 5vw, 64px);
}
body.site_devaux#page_mecenat .section-partenariats img,
body.page_shop#page_mecenat .section-partenariats img {
  aspect-ratio: 409/399;
  width: 100%;
  object-fit: cover;
  display: block;
}
body.site_devaux#page_mecenat .section-unesco.bg-image-container::after,
body.page_shop#page_mecenat .section-unesco.bg-image-container::after {
  background: linear-gradient(0deg, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.7) 100%);
}
body.site_devaux#page_mecenat .section-unesco img,
body.page_shop#page_mecenat .section-unesco img {
  width: 60%;
  transform: rotate(-4deg);
}
body.site_devaux#page_mecenat .section-partenaires__bandeau,
body.page_shop#page_mecenat .section-partenaires__bandeau {
  overflow: hidden;
  width: 100%;
}
body.site_devaux#page_mecenat .section-partenaires__track,
body.page_shop#page_mecenat .section-partenaires__track {
  gap: 79px;
  width: max-content;
  animation: scroll-logos 20s linear infinite;
}
body.site_devaux#page_mecenat .section-partenaires__track img,
body.page_shop#page_mecenat .section-partenaires__track img {
  aspect-ratio: 1/1;
  max-height: 80px;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
}
@keyframes scroll-logos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
body.site_devaux#page_mecenat .section-vision,
body.page_shop#page_mecenat .section-vision {
  background-image: url("/medias/maison_background.png");
  background-repeat: no-repeat;
  background-position: center top;
}
body.site_devaux#page_plan_du_site main h2,
body.page_shop#page_plan_du_site main h2 {
  font-size: 1.2rem;
}
body.site_devaux#page_plan_du_site main h3,
body.page_shop#page_plan_du_site main h3 {
  font-size: 1.1rem;
}
body.site_devaux#page_plan_du_site main a,
body.page_shop#page_plan_du_site main a {
  color: currentColor;
}

.page-cuvee .section-hero-img__img {
  aspect-ratio: 1440/736;
  object-fit: cover;
}
@media all and (max-width: 991px) {
  .page-cuvee .section-hero-img__img {
    aspect-ratio: 375/500;
  }
}
.page-cuvee .section-produit__cta-flottant {
  display: none;
}
@media all and (max-width: 991px) {
  .page-cuvee .section-produit__cta-flottant {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(120%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .page-cuvee .section-produit__cta-flottant.is-visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .page-cuvee .section-produit__cta-flottant .bouton {
    width: 100%;
    justify-content: center;
  }
}
@media all and (max-width: 991px) {
  .page-cuvee main:has(.section-produit__cta-flottant) {
    padding-bottom: 88px;
  }
}
.page-cuvee .section-produit__img,
.page-cuvee .section-coteaux__img {
  display: block;
  width: 100%;
  aspect-ratio: 648/684;
  object-fit: cover;
}
.page-cuvee .section-produit__thumb,
.page-cuvee .section-coteaux__thumb {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.swiper-slide-thumb-active .page-cuvee .section-produit__thumb,
.swiper-slide-thumb-active .page-cuvee .section-coteaux__thumb {
  opacity: 1;
}
.page-cuvee .section-produit__scrollbar.swiper-scrollbar,
.page-cuvee .section-coteaux__scrollbar.swiper-scrollbar {
  position: relative;
  inset: auto;
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.1);
}
.page-cuvee .section-produit__scrollbar .swiper-scrollbar-drag,
.page-cuvee .section-coteaux__scrollbar .swiper-scrollbar-drag {
  background: #e9bd4d;
}
.page-cuvee .section-produit__assemblage,
.page-cuvee .section-coteaux__assemblage {
  display: flex;
}
.page-cuvee .section-produit__cepage,
.page-cuvee .section-coteaux__cepage {
  flex-grow: 1;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 4px solid;
  font-size: 16px;
  color: #383838;
}
@media (max-width: 991px) {
  .page-cuvee .section-produit__cepage,
.page-cuvee .section-coteaux__cepage {
    font-size: 14px;
  }
}
.page-cuvee .section-produit__cepage--pinot,
.page-cuvee .section-coteaux__cepage--pinot {
  flex-grow: 60;
  border-color: #73435f;
}
.page-cuvee .section-produit__cepage--chardonnay,
.page-cuvee .section-coteaux__cepage--chardonnay {
  flex-grow: 40;
  border-color: #e9bd4d;
}
.page-cuvee .section-produit__citation,
.page-cuvee .section-coteaux__citation {
  position: relative;
  display: inline-block;
  padding: 0 30px;
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: #000000;
  text-align: left;
}
.page-cuvee .section-produit__citation::before, .page-cuvee .section-produit__citation::after,
.page-cuvee .section-coteaux__citation::before,
.page-cuvee .section-coteaux__citation::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 21px;
  background: url("/medias/icons/quote-noir.svg") no-repeat center/contain;
}
.page-cuvee .section-produit__citation::before,
.page-cuvee .section-coteaux__citation::before {
  left: 0;
}
.page-cuvee .section-produit__citation::after,
.page-cuvee .section-coteaux__citation::after {
  transform: rotate(-180deg);
  right: 0;
}
@media all and (max-width: 991px) {
  .page-cuvee .section-produit__citation::after,
.page-cuvee .section-coteaux__citation::after {
    position: static;
    display: inline-block;
    margin-left: 8px;
    vertical-align: 0.5em;
  }
}
.page-cuvee .section-produit__liens,
.page-cuvee .section-coteaux__liens {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 40px;
}
.page-cuvee .section-produit__liens .lien,
.page-cuvee .section-coteaux__liens .lien {
  margin: 0;
  padding-top: 0;
}
.page-cuvee .section-produit__pill,
.page-cuvee .section-coteaux__pill {
  padding: 10px 24px;
  border: 1px solid #000000;
  border-radius: 48px;
  background: transparent;
  font-family: "Instrument Sans", sans-serif;
  font-size: 16px;
  color: #000000;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.page-cuvee .section-produit__pill--active, .page-cuvee .section-produit__pill:hover,
.page-cuvee .section-coteaux__pill--active,
.page-cuvee .section-coteaux__pill:hover {
  background: #000000;
  color: white;
}
.page-cuvee .section-produit__toggle,
.page-cuvee .section-coteaux__toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  width: fit-content;
}
.page-cuvee .section-produit__toggle-input,
.page-cuvee .section-coteaux__toggle-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.page-cuvee .section-produit__toggle-switch,
.page-cuvee .section-coteaux__toggle-switch {
  position: relative;
  flex-shrink: 0;
  width: 44px;
  height: 24px;
  border-radius: 24px;
  background: #e7e7e7;
  transition: background 0.2s ease;
}
.page-cuvee .section-produit__toggle-knob,
.page-cuvee .section-coteaux__toggle-knob {
  position: absolute;
  top: 2px;
  left: 2px;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  transition: transform 0.3s ease;
}
.page-cuvee .section-produit__toggle-icon,
.page-cuvee .section-coteaux__toggle-icon {
  grid-area: 1/1;
  width: 12px;
  height: 12px;
  transition: opacity 0.3s ease;
}
.page-cuvee .section-produit__toggle-icon--on,
.page-cuvee .section-coteaux__toggle-icon--on {
  opacity: 0;
  transform: rotate(-180deg);
}
.page-cuvee .section-produit__toggle-input:checked + .section-produit__toggle-switch,
.page-cuvee .section-coteaux__toggle-input:checked + .section-produit__toggle-switch {
  background: #e9bd4d;
}
.page-cuvee .section-produit__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-knob,
.page-cuvee .section-coteaux__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-knob {
  transform: translateX(20px) rotate(180deg);
}
.page-cuvee .section-produit__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-icon--off,
.page-cuvee .section-coteaux__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-icon--off {
  opacity: 0;
}
.page-cuvee .section-produit__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-icon--on,
.page-cuvee .section-coteaux__toggle-input:checked + .section-produit__toggle-switch .section-produit__toggle-icon--on {
  opacity: 1;
}
.page-cuvee .section-produit__toggle-input:checked ~ .section-produit__toggle-text--off,
.page-cuvee .section-coteaux__toggle-input:checked ~ .section-produit__toggle-text--off {
  display: none;
}
.page-cuvee .section-produit__toggle-input:checked ~ .section-produit__toggle-text--on,
.page-cuvee .section-coteaux__toggle-input:checked ~ .section-produit__toggle-text--on {
  display: inline;
}
.page-cuvee .section-produit__toggle-text,
.page-cuvee .section-coteaux__toggle-text {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
}
.page-cuvee .section-produit__toggle-text--on,
.page-cuvee .section-coteaux__toggle-text--on {
  display: none;
}
.page-cuvee .section-produit__prix-montant,
.page-cuvee .section-coteaux__prix-montant {
  font-family: "Cormorant Garamond", serif;
  font-size: 40px;
  font-weight: 700;
  color: #000000;
}
.page-cuvee .section-produit__prix-unite,
.page-cuvee .section-coteaux__prix-unite {
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  vertical-align: 0.2em;
}
@media all and (max-width: 767px) {
  .page-cuvee .section-produit__prix-unite,
.page-cuvee .section-coteaux__prix-unite {
    font-size: 24px;
  }
}
.page-cuvee .section-produit__prix-detail,
.page-cuvee .section-coteaux__prix-detail {
  font-style: italic;
  color: #595959;
}
.page-cuvee .section-produit__achat,
.page-cuvee .section-coteaux__achat {
  display: flex;
  align-items: stretch;
  gap: 16px;
}
.page-cuvee .section-produit__qte,
.page-cuvee .section-coteaux__qte {
  position: relative;
}
.page-cuvee .section-produit__qte select,
.page-cuvee .section-coteaux__qte select {
  height: 100%;
  padding: 12px 40px 12px 20px;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 48px;
  background: #e7e7e7;
  font-family: "Instrument Sans", sans-serif;
  font-size: 16px;
  color: #000000;
  cursor: pointer;
}
.page-cuvee .section-produit__qte::after,
.page-cuvee .section-coteaux__qte::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  background: url("/medias/icons/chevron.svg") center/contain no-repeat;
  pointer-events: none;
  transition: transform 0.2s ease;
}
.page-cuvee .section-produit__qte.is-open::after,
.page-cuvee .section-coteaux__qte.is-open::after {
  transform: translateY(-50%) rotate(90deg);
}
.page-cuvee .section-produit__cta,
.page-cuvee .section-coteaux__cta {
  flex-grow: 1;
}
.page-cuvee .section-produit__avantages li,
.page-cuvee .section-coteaux__avantages li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  font-size: 14px;
  color: #383838;
}
.page-cuvee .section-produit__avantages li img,
.page-cuvee .section-coteaux__avantages li img {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}
.page-cuvee#page_article .article_declinaison {
  margin-top: 24px;
}
.page-cuvee#page_article .article_declinaison .nom_declinaison_type {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 10px;
}
.page-cuvee#page_article .article_declinaison select {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #000000;
  border-radius: 48px;
  background: #e7e7e7 url("/medias/icons/chevron.svg") no-repeat right 18px center/12px 12px;
  padding: 12px 44px 12px 20px;
  font-family: "Instrument Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  cursor: pointer;
}
.page-cuvee#page_article .article .description {
  padding: 0;
  border: 0;
}
.page-cuvee#page_article .article .recompenses .ck-content,
.page-cuvee#page_article .article .recompenses figure.table,
.page-cuvee#page_article .article .recompenses figure.table table {
  margin: 0;
}
.page-cuvee#page_article .article .recompenses table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.page-cuvee#page_article .article .recompenses td {
  padding: 0 0 10px;
  border: 0;
  border-bottom: 4px solid transparent;
  text-align: center;
  font-size: 16px;
  color: #383838;
}
@media (max-width: 991px) {
  .page-cuvee#page_article .article .recompenses td {
    font-size: 14px;
  }
}
.page-cuvee#page_article .article .recompenses .pinot_noir {
  border-bottom-color: #73435f;
}
.page-cuvee#page_article .article .recompenses .chardonnay {
  border-bottom-color: #e9bd4d;
}
.page-cuvee#page_article .article_cadre form {
  gap: 16px;
}
.page-cuvee#page_article .section_vous_aimerez_aussi {
  overflow: hidden;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .swiper2 {
  overflow: visible;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .swiper-slide {
  height: auto;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .prix {
  display: none;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue {
  text-align: center;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue a {
  text-decoration: none;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue .image {
  height: 360px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  background: none;
}
@media all and (max-width: 991px) {
  .page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue .image {
    height: 280px;
  }
}
.page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue .image img {
  width: auto;
  max-width: none;
  height: 100%;
  object-fit: contain;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue .infos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 20px 8px 0;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue .delai_livraison {
  order: 0;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue h3 {
  order: 1;
  margin: 0;
  font-family: "Instrument Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue h2 {
  order: 2;
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  color: #000000;
  text-align: center;
}
@media all and (max-width: 991px) {
  .page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue h2 {
    font-size: 20px;
  }
}
.page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue .prix {
  order: 3;
  margin: 0;
  text-align: center;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue .prix .prix_unitaire {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  font-weight: 700;
  color: #000000;
  text-align: center;
}
.page-cuvee#page_article .section_vous_aimerez_aussi .article_catalogue .prix .prix_unitaire .unite {
  font-family: "Instrument Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #383838;
}
.page-cuvee .recompense-item .h3 {
  font-size: 27px;
}
@media all and (max-width: 767px) {
  .page-cuvee .recompense-item {
    flex-wrap: wrap;
    gap: 4px;
  }
}
.page-cuvee .recompense-item__ligne {
  position: relative;
  top: -4px;
}
@media all and (max-width: 767px) {
  .page-cuvee .recompense-item__ligne {
    display: none;
  }
}
.page-cuvee .recompense-item__ligne--argent {
  border-bottom: 1px dashed #828282;
}
.page-cuvee .recompense-item__ligne--or {
  border-bottom: 1px dashed #e9bd4d;
}
.page-cuvee .recompense-item__medaille {
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #828282;
  text-align: right;
}
@media all and (max-width: 767px) {
  .page-cuvee .recompense-item__medaille {
    text-align: left;
    font-size: 16px;
    width: 100%;
  }
}
.page-cuvee .recompense-item__medaille--or {
  color: #e9bd4d;
}
.page-cuvee .section-equilibre h3 {
  font-size: 26px;
}
.page-cuvee .section-equilibre__img {
  aspect-ratio: 338/310;
  object-fit: cover;
  display: block;
}
.page-cuvee .section-service__img {
  aspect-ratio: 646/872;
  object-fit: cover;
  display: block;
}
@media all and (max-width: 1319px) {
  .page-cuvee .section-service__img {
    aspect-ratio: 3/4;
  }
}
.page-cuvee .section-silhouette {
  background: black;
}
.page-cuvee .section-silhouette__titre {
  font-size: 64px;
  text-shadow: 1px 0 0 white, -1px 0 0 white, 0 1px 0 white, 0 -1px 0 white;
}
@media all and (max-width: 767px) {
  .page-cuvee .section-silhouette__titre {
    font-size: 40px;
  }
}
.page-cuvee .section-silhouette__bouteille {
  max-height: 880px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
@media all and (max-width: 991px) {
  .page-cuvee .section-silhouette__bouteille {
    max-height: 400px;
  }
}
.page-cuvee .section-identite {
  background: url("/medias/boutique/paper-texture.png") center/cover;
}
.page-cuvee .section-identite__scene {
  position: relative;
}
.page-cuvee .section-identite__topo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity 1.2s ease;
  pointer-events: none;
  z-index: 1;
}
.page-cuvee .section-identite__bouteille {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 280px;
  aspect-ratio: 329/892;
  height: auto;
  object-fit: contain;
  transform-origin: center 87%;
  transition: opacity 1.2s ease 0.4s, transform 1.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@media all and (max-width: 991px) {
  .page-cuvee .section-identite__bouteille {
    max-width: 180px;
  }
}
.page-cuvee .section-identite__texte {
  position: relative;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.8s ease 0.4s;
}
.page-cuvee .section-identite__texte--tertiaire p {
  color: #7b5000;
}
@media all and (max-width: 991px) {
  .page-cuvee .section-identite__texte {
    opacity: 1;
    transition: none;
  }
}
.page-cuvee .section-identite__scene.is-active .section-identite__topo {
  opacity: 1;
}
.page-cuvee .section-identite__scene.is-active .section-identite__bouteille {
  opacity: 0;
  transform: scale(4.6);
}
.page-cuvee .section-identite__scene.is-active .section-identite__texte {
  opacity: 1;
}
.page-cuvee .section-autres-cuvees .cuvee-card__img {
  aspect-ratio: 3/4;
  overflow: hidden;
}
.page-cuvee .section-autres-cuvees .cuvee-card__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.page-cuvee .section-autres-cuvees .swiper-devaux .swiper-slide {
  height: auto;
}
.page-cuvee .section-autres-cuvees .swiper-devaux .swiper-slide .cuvee-card__img {
  aspect-ratio: auto;
  height: 360px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media all and (max-width: 991px) {
  .page-cuvee .section-autres-cuvees .swiper-devaux .swiper-slide .cuvee-card__img {
    height: 280px;
  }
}
.page-cuvee .section-autres-cuvees .swiper-devaux .swiper-slide .cuvee-card__img img {
  width: auto !important;
  max-width: none;
  height: 100%;
  object-fit: contain;
}
.page-cuvee .section-autres-cuvees__barre {
  height: 2px;
  background: #e9bd4d;
}
.page-cuvee .section-faq__question {
  font-size: 24px;
  margin: 0;
}
.page-cuvee .section-faq .accordion-item {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.page-cuvee .section-faq .accordion-item:first-child {
  border-top: 1px solid #e7e7e7;
}
.page-cuvee .section-faq .accordion-button {
  background: transparent !important;
  box-shadow: none !important;
  padding: 20px 0;
}
.page-cuvee .section-faq .accordion-button::after {
  flex-shrink: 0;
  margin-left: auto;
}
.page-cuvee .section-faq .accordion-body {
  padding: 0 0 20px;
}

#page_landing .hero-container,
.page_boutique_landing .hero-container,
#page_catalogue .hero-container {
  padding: 208px 0 160px;
}
@media all and (max-width: 1319px) {
  #page_landing .hero-container,
.page_boutique_landing .hero-container,
#page_catalogue .hero-container {
    padding: 246px 0 120px;
    padding: 136px 0;
  }
}
#page_landing .hero-container > img,
.page_boutique_landing .hero-container > img,
#page_catalogue .hero-container > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
#page_landing .hero-container::after,
.page_boutique_landing .hero-container::after,
#page_catalogue .hero-container::after {
  background: linear-gradient(270deg, rgba(30, 30, 30, 0) 35.23%, rgba(30, 30, 30, 0.7) 51.23%);
}
@media all and (max-width: 1319px) {
  #page_landing .hero-container::after,
.page_boutique_landing .hero-container::after,
#page_catalogue .hero-container::after {
    background: linear-gradient(0deg, rgba(30, 30, 30, 0) 67.41%, rgba(30, 30, 30, 0.4) 78.62%), linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 0.56) 27.34%);
  }
}

#page_contact .sur-titre, #page_contact body.site_devaux .sur-titre--small, body.site_devaux #page_contact .sur-titre--small,
#page_contact body.page_shop .sur-titre--small,
body.page_shop #page_contact .sur-titre--small, #page_contact body.site_devaux .sur-titre--small-bold, body.site_devaux #page_contact .sur-titre--small-bold,
#page_contact body.page_shop .sur-titre--small-bold,
body.page_shop #page_contact .sur-titre--small-bold, #page_contact body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement, body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement #page_contact .nom_regroupement,
#page_contact body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement #page_contact .nom_regroupement {
  font-family: "Instrument Sans", sans-serif;
}
#page_contact .sur-titre--small, #page_contact body.site_devaux .sur-titre--small-bold, body.site_devaux #page_contact .sur-titre--small-bold,
#page_contact body.page_shop .sur-titre--small-bold,
body.page_shop #page_contact .sur-titre--small-bold, #page_contact body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement, body.site_devaux#page_article .section-produit .article_cadre form .article_regroupement #page_contact .nom_regroupement,
#page_contact body.page_shop#page_article .section-produit .article_cadre form .article_regroupement .nom_regroupement,
body.page_shop#page_article .section-produit .article_cadre form .article_regroupement #page_contact .nom_regroupement {
  color: #7b5000;
}
#page_contact .message {
  font-size: 24px;
  text-align: center;
}
#page_contact form#form {
  padding: 48px 24px;
  background-color: white;
  height: 100%;
}
#page_contact form#form .form-groupe {
  padding: 16px 8px;
  border-bottom: 1px solid #e7e7e7;
}
#page_contact form#form .form-groupe__input {
  width: 100%;
  border: none;
  background: transparent;
}
#page_contact form#form .form-groupe__input:focus {
  outline: none;
}
#page_contact .coordonnees-container {
  padding: 48px 24px;
  background-color: white;
  height: 100%;
}
#page_contact .coordonnees-container .lien-copie {
  position: relative;
}
#page_contact .coordonnees-container .lien-copie__bulle {
  position: absolute;
  bottom: -4px;
  left: calc(100% + 12px);
  background: rgba(130, 130, 130, 0.1);
  color: #383838;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 10;
}
@media all and (max-width: 767px) {
  #page_contact .coordonnees-container .lien-copie__bulle {
    bottom: -28px;
    left: 0;
  }
}
#page_contact .coordonnees-container .lien-copie__bulle.visible {
  opacity: 1;
}
#page_contact .coordonnees-container .coordonnees-infos {
  height: fit-content;
}
#page_contact .coordonnees-container .coordonnees-infos a {
  text-decoration: none;
  color: #383838;
}
#page_contact .coordonnees-container .coordonnees-infos::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 40px 0;
  background-color: #e9bd4d;
  opacity: 0.3;
}
#page_contact #devaux-maps {
  border: 0;
  width: 100%;
  height: 536px;
  display: block;
}
@media all and (max-width: 991px) {
  #page_contact #devaux-maps {
    height: 204px;
  }
}

body.site_devaux .card_blog {
  text-decoration: none;
}
body.site_devaux .card_blog-img {
  width: 100%;
  height: auto;
  aspect-ratio: 300/216;
  margin-bottom: 16px;
}
body.site_devaux .card_blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.site_devaux .card_blog-titre {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 105%;
}
body.site_devaux .card_blog-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
body.site_devaux .card_blog-date {
  color: #828282;
  font-size: 12px;
}
body.site_devaux .card_blog-tag {
  padding: 4px 10px;
  border-radius: 8px;
  background: #e9bd4d;
  color: #383838;
  font-size: 12px;
  width: fit-content;
}
body.site_devaux .card_blog-tag-big {
  font-size: 16px;
}
body.site_devaux#page_blogs, body.site_devaux#page_blog {
  background-image: url(../medias/pattern.png);
  background-repeat: repeat-y;
  background-position: left;
  background-size: 100% auto;
}
body.site_devaux#page_blogs h1, body.site_devaux#page_blog h1 {
  line-height: 100%;
  margin-bottom: 20px;
}
body.site_devaux#page_blogs .blog_ligne .image, body.site_devaux#page_blog .blog_ligne .image {
  width: 100%;
  aspect-ratio: 5/4;
  margin-bottom: 48px;
}
body.site_devaux#page_blogs .blog_ligne .image img, body.site_devaux#page_blog .blog_ligne .image img {
  width: 100%;
  max-height: 800px;
  height: 100%;
  object-fit: cover;
}
body.site_devaux#page_blogs .blog_type_container, body.site_devaux#page_blog .blog_type_container {
  display: flex;
  gap: 8px;
  justify-content: center;
}
body.site_devaux#page_blogs .blog_type_container .blog_type, body.site_devaux#page_blog .blog_type_container .blog_type {
  text-decoration: none;
  border-radius: 8px;
  color: #383838;
  border: 2px solid #e9bd4d;
  padding: 8px 16px;
}
body.site_devaux#page_blogs .blog_type_container .blog_type.active, body.site_devaux#page_blog .blog_type_container .blog_type.active {
  background-color: #e9bd4d;
}

.modal_popup {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal_popup p {
  margin-bottom: 24px;
}
.modal_popup-logo {
  margin: auto;
  width: 115px;
  height: auto;
  margin-bottom: 24px;
}
.modal_popup-logo img {
  width: 100%;
  height: auto;
}
.modal_popup-content {
  background-color: white;
  margin: 10% auto;
  padding: 32px 40px;
  width: 80%;
  max-width: 500px;
}
.modal_popup-content .buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.modal_popup-content .buttons button {
  flex: 1;
}
.modal_popup-content .abus_alcool {
  margin-top: 24px;
  color: #383838;
  text-align: center;
  font-size: 12px;
  line-height: 140%; /* 16.8px */
}
.modal_popup-select-wrapper {
  position: relative;
  margin-bottom: 16px;
}
.modal_popup-select-wrapper::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  background-color: #000000;
  width: 32px;
  height: 32px;
  mask-image: url("../medias/icons/chevron.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-image: url("../medias/icons/chevron.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  pointer-events: none;
}
.modal_popup-select {
  width: 100%;
  padding: 12px 40px 12px 12px;
  border: none;
  border-bottom: 1px solid #e7e7e7;
  background-color: transparent;
  appearance: none;
  -webkit-appearance: none;
  font-weight: 500;
  cursor: pointer;
  outline: none;
}
.modal_popup-select:focus {
  border-bottom-color: #e9bd4d;
}
.modal_popup-input {
  width: 100%;
  padding: 16px 8px;
  border: none;
  border-bottom: 1px solid #e7e7e7;
  background-color: transparent;
  font-size: 14px;
  font-weight: 600;
  outline: none;
  margin-bottom: 24px;
  box-sizing: border-box;
  -moz-appearance: textfield;
}
.modal_popup-input::placeholder {
  font-weight: 400;
  color: #828282;
}
.modal_popup-input:focus {
  border-bottom-color: #e9bd4d;
}
.modal_popup-input::-webkit-outer-spin-button, .modal_popup-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantite_ajouter_panier, .devaux-icon-btn, .prix, .article_prix_unitaire, .section-produit__toggle {
  display: none !important;
}

/*# sourceMappingURL=devaux_20261104.css.map */