/**
 * Fonctions utiles
 */
/**
 * Helpers - CSS utile
 */
.debug {
  position: relative;
  z-index: 99999999;
}
.font7 {
  font-size: 0.4375rem !important;
}
.font8 {
  font-size: 0.5rem !important;
}
.font9 {
  font-size: 0.5625rem !important;
}
.font10 {
  font-size: 0.625rem !important;
}
.font11 {
  font-size: 0.6875rem !important;
}
.font12 {
  font-size: 0.75rem !important;
}
.font13 {
  font-size: 0.8125rem !important;
}
.font14 {
  font-size: 0.875rem !important;
}
.font15 {
  font-size: 0.9375rem !important;
}
.font16 {
  font-size: 1rem !important;
}
.font17 {
  font-size: 1.0625rem !important;
}
.font18 {
  font-size: 1.125rem !important;
}
.font19 {
  font-size: 1.1875rem !important;
}
.font20 {
  font-size: 1.25rem !important;
}
.font21 {
  font-size: 1.3125rem !important;
}
.font22 {
  font-size: 1.375rem !important;
}
.font23 {
  font-size: 1.4375rem !important;
}
.font24 {
  font-size: 1.5rem !important;
}
.font25 {
  font-size: 1.5625rem !important;
}
.font26 {
  font-size: 1.625rem !important;
}
.font27 {
  font-size: 1.6875rem !important;
}
.font28 {
  font-size: 1.75rem !important;
}
.font29 {
  font-size: 1.8125rem !important;
}
.font30 {
  font-size: 1.875rem !important;
}
.font32 {
  font-size: 2rem !important;
}
.font34 {
  font-size: 2.125rem !important;
}
.font36 {
  font-size: 2.25rem !important;
}
.font38 {
  font-size: 2.375rem !important;
}
.font40 {
  font-size: 2.5rem !important;
}
.font42 {
  font-size: 2.625rem !important;
}
.font44 {
  font-size: 2.75rem !important;
}
.font46 {
  font-size: 2.875rem !important;
}
.font48 {
  font-size: 3rem !important;
}
.font50 {
  font-size: 3.125rem !important;
}
.badge {
  font-weight: 400;
  font-size: 11px;
}
.required {
  color: #f00;
  font-weight: bold;
}
.font-family-sans-serif {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.font-family-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-family-default {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.anton-regular,
.anton {
  font-family: "Anton", sans-serif;
  font-style: normal;
}
.line-height-1 {
  line-height: 1;
}
.fw-100 {
  font-weight: 100 !important;
}
.fw-200 {
  font-weight: 200 !important;
}
.fw-300 {
  font-weight: 300 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fw-800 {
  font-weight: 800 !important;
}
.fw-900 {
  font-weight: 900 !important;
}
@media (min-width: 576px) {
  .collapse.dont-collapse-xs {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}
.text-facebook {
  color: #3b5998 !important;
}
.text-facebook-hover:hover {
  color: #3b5998 !important;
}
.bg-facebook {
  background-color: #3b5998 !important;
}
.text-twitter {
  color: #1da1f2 !important;
}
.text-twitter-hover:hover {
  color: #1da1f2 !important;
}
.bg-twitter {
  background-color: #1da1f2 !important;
}
.text-snapchat {
  color: #fffc00 !important;
}
.text-snapchat-hover:hover {
  color: #fffc00 !important;
}
.bg-snapchat {
  background-color: #fffc00 !important;
}
.text-linkedin {
  color: #0077b5 !important;
}
.text-linkedin-hover:hover {
  color: #0077b5 !important;
}
.bg-linkedin {
  background-color: #0077b5 !important;
}
.text-pinterest {
  color: #bd081c !important;
}
.text-pinterest-hover:hover {
  color: #bd081c !important;
}
.bg-pinterest {
  background-color: #bd081c !important;
}
.text-youtube {
  color: #ff0000 !important;
}
.text-youtube-hover:hover {
  color: #ff0000 !important;
}
.bg-youtube {
  background-color: #ff0000 !important;
}
.text-instagram {
  color: #c13584 !important;
}
.text-instagram-hover:hover {
  color: #c13584 !important;
}
.bg-instagram {
  background-color: #c13584 !important;
}
.text-messenger {
  color: #0084ff !important;
}
.text-messenger-hover:hover {
  color: #0084ff !important;
}
.bg-messenger {
  background-color: #0084ff !important;
}
.text-whatsapp {
  color: #25D366 !important;
}
.text-whatsapp-hover:hover {
  color: #25D366 !important;
}
.bg-whatsapp {
  background-color: #25D366 !important;
}
/**
 * Class utiles
 */
.btn-yellow {
  color: #fff;
  background-color: #F9B53B;
  border-color: #F9B53B;
}
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow.active {
  color: #ececec;
  background-color: #f8a716;
  border-color: #f7a20a;
}
.btn-yellow:focus,
.btn-yellow.focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 181, 59, 0.5);
}
.btn-outline-yellow {
  --bg-default: transparent;
  color: #F9B53B;
  background-color: var(--bg-default);
  background-image: none;
  border-color: #F9B53B;
}
.btn-outline-yellow:hover,
.btn-outline-yellow:active,
.btn-outline-yellow.active {
  color: #fff;
  background-color: #F9B53B;
  border-color: #F9B53B;
}
.btn-outline-yellow:focus,
.btn-outline-yellow.focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 181, 59, 0.5);
}
.btn-orange {
  color: #fff;
  background-color: #F6881C;
  border-color: #F6881C;
}
.btn-orange:hover,
.btn-orange:active,
.btn-orange.active {
  color: #ececec;
  background-color: #e37509;
  border-color: #d66f09;
}
.btn-orange:focus,
.btn-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 136, 28, 0.5);
}
.btn-outline-orange {
  --bg-default: transparent;
  color: #F6881C;
  background-color: var(--bg-default);
  background-image: none;
  border-color: #F6881C;
}
.btn-outline-orange:hover,
.btn-outline-orange:active,
.btn-outline-orange.active {
  color: #fff;
  background-color: #F6881C;
  border-color: #F6881C;
}
.btn-outline-orange:focus,
.btn-outline-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 136, 28, 0.5);
}
.btn-bordeaux-dark {
  color: #fff;
  background-color: #850E36;
  border-color: #850E36;
}
.btn-bordeaux-dark:hover,
.btn-bordeaux-dark:active,
.btn-bordeaux-dark.active {
  color: #ececec;
  background-color: #620a28;
  border-color: #570923;
}
.btn-bordeaux-dark:focus,
.btn-bordeaux-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(133, 14, 54, 0.5);
}
.btn-outline-bordeaux-dark {
  --bg-default: transparent;
  color: #850E36;
  background-color: var(--bg-default);
  background-image: none;
  border-color: #850E36;
}
.btn-outline-bordeaux-dark:hover,
.btn-outline-bordeaux-dark:active,
.btn-outline-bordeaux-dark.active {
  color: #fff;
  background-color: #850E36;
  border-color: #850E36;
}
.btn-outline-bordeaux-dark:focus,
.btn-outline-bordeaux-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(133, 14, 54, 0.5);
}
.btn-bordeaux-light {
  color: #fff;
  background-color: #C00032;
  border-color: #C00032;
}
.btn-bordeaux-light:hover,
.btn-bordeaux-light:active,
.btn-bordeaux-light.active {
  color: #ececec;
  background-color: #9a0028;
  border-color: #8d0025;
}
.btn-bordeaux-light:focus,
.btn-bordeaux-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(192, 0, 50, 0.5);
}
.btn-outline-bordeaux-light {
  --bg-default: transparent;
  color: #C00032;
  background-color: var(--bg-default);
  background-image: none;
  border-color: #C00032;
}
.btn-outline-bordeaux-light:hover,
.btn-outline-bordeaux-light:active,
.btn-outline-bordeaux-light.active {
  color: #fff;
  background-color: #C00032;
  border-color: #C00032;
}
.btn-outline-bordeaux-light:focus,
.btn-outline-bordeaux-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(192, 0, 50, 0.5);
}
.btn-pink {
  color: #fff;
  background-color: #F69BA0;
  border-color: #F69BA0;
}
.btn-pink:hover,
.btn-pink:active,
.btn-pink.active {
  color: #ececec;
  background-color: #f3787f;
  border-color: #f26c74;
}
.btn-pink:focus,
.btn-pink.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 155, 160, 0.5);
}
.btn-white {
  color: #333;
  background-color: #FFF;
  border-color: #FFF;
}
.btn-white:hover,
.btn-white:active,
.btn-white.active {
  color: #202020;
  background-color: #ececec;
  border-color: #e6e6e6;
}
.btn-white:focus,
.btn-white.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-outline-pink {
  --bg-default: transparent;
  color: #F69BA0;
  background-color: var(--bg-default);
  background-image: none;
  border-color: #F69BA0;
}
.btn-outline-pink:hover,
.btn-outline-pink:active,
.btn-outline-pink.active {
  color: #fff;
  background-color: #F69BA0;
  border-color: #F69BA0;
}
.btn-outline-pink:focus,
.btn-outline-pink.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 155, 160, 0.5);
}
.btn-dark-red {
  color: #fff;
  background-color: #B02037;
  border-color: #B02037;
}
.btn-dark-red:hover,
.btn-dark-red:active,
.btn-dark-red.active {
  color: #ececec;
  background-color: #901a2d;
  border-color: #85182a;
}
.btn-dark-red:focus,
.btn-dark-red.focus {
  box-shadow: 0 0 0 0.2rem rgba(176, 32, 55, 0.5);
}
.btn-outline-dark-red {
  --bg-default: transparent;
  color: #B02037;
  background-color: var(--bg-default);
  background-image: none;
  border-color: #B02037;
}
.btn-outline-dark-red:hover,
.btn-outline-dark-red:active,
.btn-outline-dark-red.active {
  color: #fff;
  background-color: #B02037;
  border-color: #B02037;
}
.btn-outline-dark-red:focus,
.btn-outline-dark-red.focus {
  box-shadow: 0 0 0 0.2rem rgba(176, 32, 55, 0.5);
}
.btn-outline-green-noel24 {
  --bg-default: transparent;
  color: #014421;
  background-color: var(--bg-default);
  background-image: none;
  border-color: #014421;
}
.btn-outline-green-noel24:hover,
.btn-outline-green-noel24:active,
.btn-outline-green-noel24.active {
  color: #fff;
  background-color: #014421;
  border-color: #014421;
}
.btn-outline-green-noel24:focus,
.btn-outline-green-noel24.focus {
  box-shadow: 0 0 0 0.2rem rgba(1, 68, 33, 0.5);
}
.btn-outline-blue-noel24 {
  --bg-default: transparent;
  color: #009dc3;
  background-color: var(--bg-default);
  background-image: none;
  border-color: #009dc3;
}
.btn-outline-blue-noel24:hover,
.btn-outline-blue-noel24:active,
.btn-outline-blue-noel24.active {
  color: #fff;
  background-color: #009dc3;
  border-color: #009dc3;
}
.btn-outline-blue-noel24:focus,
.btn-outline-blue-noel24.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 157, 195, 0.5);
}
.btn-rounded-white {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border-color: #fff;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 13px 17px 9px;
  line-height: 1;
  font-family: 'Catamaran', sans-serif;
  cursor: pointer;
  font-weight: 300;
  letter-spacing: 0.8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-rounded-white:hover,
.btn-rounded-white:active,
.btn-rounded-white.active {
  color: #f7a20a !important;
  background-color: #fff;
  border-color: #fff;
}
.btn-rounded-white:focus,
.btn-rounded-white.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-rounded-yellow {
  color: #F9B53B;
  background-color: transparent;
  background-image: none;
  border-color: #F9B53B;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 13px 17px 9px;
  line-height: 1;
  font-family: 'Catamaran', sans-serif;
  cursor: pointer;
  font-weight: 300;
  letter-spacing: 0.8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-rounded-yellow:hover,
.btn-rounded-yellow:active,
.btn-rounded-yellow.active {
  color: #fff !important;
  background-color: #F9B53B;
  border-color: #F9B53B;
}
.btn-rounded-yellow:focus,
.btn-rounded-yellow.focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 181, 59, 0.5);
}
.btn-rounded-orange {
  color: #F6881C;
  background-color: transparent;
  background-image: none;
  border-color: #F6881C;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 13px 17px 9px;
  line-height: 1;
  font-family: 'Catamaran', sans-serif;
  cursor: pointer;
  font-weight: 300;
  letter-spacing: 0.8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-rounded-orange:hover,
.btn-rounded-orange:active,
.btn-rounded-orange.active {
  color: #fff !important;
  background-color: #F6881C;
  border-color: #F6881C;
}
.btn-rounded-orange:focus,
.btn-rounded-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 136, 28, 0.5);
}
.btn-rounded-bordeaux-light {
  color: #C00032;
  background-color: transparent;
  background-image: none;
  border-color: #C00032;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 13px 17px 9px;
  line-height: 1;
  font-family: 'Catamaran', sans-serif;
  cursor: pointer;
  font-weight: 300;
  letter-spacing: 0.8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-rounded-bordeaux-light:hover,
.btn-rounded-bordeaux-light:active,
.btn-rounded-bordeaux-light.active {
  color: #fff !important;
  background-color: #C00032;
  border-color: #C00032;
}
.btn-rounded-bordeaux-light:focus,
.btn-rounded-bordeaux-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(192, 0, 50, 0.5);
}
.btn-rounded-bordeaux-dark {
  color: #850E36;
  background-color: transparent;
  background-image: none;
  border-color: #850E36;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 13px 17px 9px;
  line-height: 1;
  font-family: 'Catamaran', sans-serif;
  cursor: pointer;
  font-weight: 300;
  letter-spacing: 0.8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-rounded-bordeaux-dark:hover,
.btn-rounded-bordeaux-dark:active,
.btn-rounded-bordeaux-dark.active {
  color: #fff !important;
  background-color: #850E36;
  border-color: #850E36;
}
.btn-rounded-bordeaux-dark:focus,
.btn-rounded-bordeaux-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(133, 14, 54, 0.5);
}
.btn-green-noel24 {
  color: #fff;
  background-color: #014421;
  border-color: #014421;
}
.btn-green-noel24:hover,
.btn-green-noel24:active,
.btn-green-noel24.active {
  color: #ececec;
  background-color: #001e0f;
  border-color: #001209;
}
.btn-green-noel24:focus,
.btn-green-noel24.focus {
  box-shadow: 0 0 0 0.2rem rgba(1, 68, 33, 0.5);
}
.btn-link-yellow {
  color: #F9B53B;
  background-color: transparent;
  border-color: transparent;
}
.btn-link-yellow:hover,
.btn-link-yellow:active,
.btn-link-yellow.active {
  color: #f8a716;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-link-yellow:focus,
.btn-link-yellow.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
.btn-link-orange {
  color: #F6881C;
  background-color: transparent;
  border-color: transparent;
}
.btn-link-orange:hover,
.btn-link-orange:active,
.btn-link-orange.active {
  color: #e37509;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-link-orange:focus,
.btn-link-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
.btn-link-bordeaux-light {
  color: #C00032;
  background-color: transparent;
  border-color: transparent;
}
.btn-link-bordeaux-light:hover,
.btn-link-bordeaux-light:active,
.btn-link-bordeaux-light.active {
  color: #9a0028;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-link-bordeaux-light:focus,
.btn-link-bordeaux-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
.btn-link-bordeaux-dark {
  color: #850E36;
  background-color: transparent;
  border-color: transparent;
}
.btn-link-bordeaux-dark:hover,
.btn-link-bordeaux-dark:active,
.btn-link-bordeaux-dark.active {
  color: #620a28;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-link-bordeaux-dark:focus,
.btn-link-bordeaux-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
.btn-link-grey-light {
  color: #EEE;
  background-color: transparent;
  border-color: transparent;
}
.btn-link-grey-light:hover,
.btn-link-grey-light:active,
.btn-link-grey-light.active {
  color: #dbdbdb;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-link-grey-light:focus,
.btn-link-grey-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
.btn-link-grey-dark {
  color: #666;
  background-color: transparent;
  border-color: transparent;
}
.btn-link-grey-dark:hover,
.btn-link-grey-dark:active,
.btn-link-grey-dark.active {
  color: #535353;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-link-grey-dark:focus,
.btn-link-grey-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
.btn-link-secondary {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.btn-link-secondary:hover,
.btn-link-secondary:active,
.btn-link-secondary.active {
  color: #5a6268;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-link-secondary:focus,
.btn-link-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
[class*="btn-link-"]:hover {
  text-decoration: underline;
}
[class*="btn-link-"]:focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}
.radius-8px {
  border-radius: 8px;
}
.radius-10px {
  border-radius: 10px;
}
.radius-12px {
  border-radius: 12px;
}
.radius-14px {
  border-radius: 14px;
}
.bg-yellow {
  background-color: #F9B53B !important;
}
.bg-orange {
  background-color: #F6881C !important;
}
.bg-bordeaux-dark {
  background-color: #850E36 !important;
}
.bg-bordeaux-light {
  background-color: #C00032 !important;
}
.bg-beige {
  background-color: #F6F3EF !important;
}
.text-yellow {
  color: #F9B53B !important;
}
.text-orange {
  color: #F6881C !important;
}
.text-bordeaux-dark {
  color: #850E36 !important;
}
.text-bordeaux-light {
  color: #C00032 !important;
}
.text-beige {
  color: #F6F3EF !important;
}
.text-grey-light {
  color: #EEE !important;
}
.text-grey-dark {
  color: #666 !important;
}
.border-yellow {
  border-color: #F9B53B !important;
}
.border-orange {
  border-color: #F6881C !important;
}
.border-bordeaux-dark {
  border-color: #850E36 !important;
}
.border-bordeaux-light {
  border-color: #C00032 !important;
}
.border-beige {
  border-color: #F6F3EF !important;
}
.text-underline {
  text-decoration: underline;
}
.bg-toogle-yellow-orange {
  background: #F9B53B;
  animation: YellowToOrange linear 3s infinite;
}
@keyframes YellowToOrange {
  0% {
    background-color: #F9B53B;
  }
  50% {
    background-color: #F6881C;
  }
  100% {
    background-color: #F9B53B;
  }
}
/**
 * Typo
 */
.opensans,
.open-sans {
  font-family: 'Open Sans', sans-serif;
}
.catamaran {
  font-family: 'Catamaran', sans-serif;
}
.poiret,
.poiret-one {
  font-family: 'Poiret One', cursive !important;
}
.arsenal {
  font-family: 'Arsenal', sans-serif;
}
.lato {
  font-family: 'Lato', sans-serif;
}
.gotu {
  font-family: 'Gotu', sans-serif;
}
@font-face {
  font-family: 'Amoresa';
  src: url('/assets/fonts/armosera/Amoresa.eot');
  src: url('/assets/fonts/armosera/Amoresa.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/armosera/Amoresa.woff2') format('woff2'), url('/assets/fonts/armosera/Amoresa.woff') format('woff'), url('/assets/fonts/armosera/Amoresa.ttf') format('truetype'), url('/assets/fonts/armosera/Amoresa.svg#Amoresa') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.armoresa {
  font-family: 'Amoresa', cursive;
}
@font-face {
  font-family: 'Gistesy';
  src: url('/assets/fonts/gistesy/Gistesy.eot');
  src: url('/assets/fonts/gistesy/Gistesy.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/gistesy/Gistesy.woff') format('woff'), url('/assets/fonts/gistesy/Gistesy.ttf') format('truetype'), url('/assets/fonts/gistesy/Gistesy.svg#Gistesy') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.gistesy {
  font-family: 'Gistesy', cursive;
}
.gistesy-apos {
  position: relative;
  --top: 26%;
  color: transparent;
  --color-text: black;
}
.gistesy-apos:before {
  position: absolute;
  content: '\'';
  display: inline-block;
  color: var(--color-text);
  top: var(--top);
  left: 8%;
}
.gistesy-accent-acute {
  position: relative;
  --top: 10%;
}
.gistesy-accent-acute:before {
  position: absolute;
  content: '`';
  display: inline-block;
  transform: scale(-1, 0.75);
  top: var(--top);
  left: 8%;
}
.gistesy-accent-grav {
  position: relative;
  --top: 10%;
}
.gistesy-accent-grav:before {
  position: absolute;
  content: '`';
  display: inline-block;
  transform: scale(0.75);
  top: var(--top);
  left: 8%;
}
.gistesy-accent-uml {
  position: relative;
  --top: -8%;
}
.gistesy-accent-uml:before {
  position: absolute;
  content: '..';
  display: inline-block;
  transform: scale(0.65) rotate(-11deg);
  top: var(--top);
  left: -0.095em;
}
.gistesy-accent-circ {
  position: relative;
  --top: 0.12em;
}
.gistesy-accent-circ:before {
  position: absolute;
  content: '^';
  display: inline-block;
  transform: scale(0.65) rotate(353deg);
  top: var(--top);
  left: 0;
}
.menu-engagement .engagements-link {
  background-color: white;
  font-size: 1.625rem !important;
  text-align: center;
  font-family: 'Poiret One', cursive !important;
  margin-right: -4rem !important;
  color: #f5868c;
  text-decoration: none;
}
.menu-engagement .engagements-link.engagements-link-1 {
  box-shadow: 5px 5px 0px #e6a8bd;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.menu-engagement .engagements-link.engagements-link-1:hover,
.menu-engagement .engagements-link.engagements-link-1:focus {
  background-color: #e6a8bd;
  color: white;
  box-shadow: 0px 0px 0px #e6a8bd;
}
.menu-engagement .engagements-link.engagements-link-2 {
  box-shadow: 5px 5px 0px #f35b5a;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.menu-engagement .engagements-link.engagements-link-2:hover,
.menu-engagement .engagements-link.engagements-link-2:focus {
  background-color: #f35b5a;
  color: white;
  box-shadow: 0px 0px 0px #f35b5a;
}
.menu-engagement .engagements-link.engagements-link-3 {
  box-shadow: 5px 5px 0px #f7b339;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.menu-engagement .engagements-link.engagements-link-3:hover,
.menu-engagement .engagements-link.engagements-link-3:focus {
  background-color: #f7b339;
  color: white;
  box-shadow: 0px 0px 0px #f7b339;
}
.menu-engagement.links-bottom .engagements-link {
  margin-right: 0px!important;
}
.title-commitments h1 {
  color: white!important;
  line-height: 4rem;
}
.title-commitments h1 .title-wine {
  background-color: #B86E7A;
}
.title-commitments h1 .title-dark-wine {
  background-color: #7d3b3f;
}
#commitments-page blockquote {
  color: #666;
}
#commitments-page .bloc-quote {
  background-color: #e6a8bd;
}
@media (min-width: 768px) {
  #commitments-page .bloc-quote {
    width: 35% !important;
  }
}
#commitments-page .triangle {
  position: relative;
  color: #FFFFFF !important;
  font-size: 40px;
}
#commitments-page .triangle:before {
  position: absolute;
  content: " ";
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 40px;
  top: 0;
  left: -20px;
}
#commitments-page .triangle:after {
  position: absolute;
  content: " ";
  background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113 194'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='0 0 113 0 56.5 194 0 0'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 40px;
  top: 0;
  right: -21px;
}
#commitments-page .triangle.triangle-bordeaux {
  background-color: #C00032;
}
#commitments-page .triangle.triangle-bordeaux:before {
  background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113 194'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23850E36;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='113 194 0 194 56.5 0 113 194'/%3E%3C/svg%3E");
}
#commitments-page .triangle.triangle-beige-bordeaux {
  background-color: #D3A47F;
}
#commitments-page .triangle.triangle-beige-bordeaux:before {
  background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113 194'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23850E36;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='113 194 0 194 56.5 0 113 194'/%3E%3C/svg%3E");
}
#commitments-page .triangle.triangle-mauve {
  background-color: #DEC0D8;
}
#commitments-page .triangle.triangle-mauve:before {
  background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113 194'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23D3A2C6;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='113 194 0 194 56.5 0 113 194'/%3E%3C/svg%3E");
}
#commitments-page .triangle.triangle-vert {
  background-color: #C8DDBF;
}
#commitments-page .triangle.triangle-vert:before {
  background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113 194'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2390AF86;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='113 194 0 194 56.5 0 113 194'/%3E%3C/svg%3E");
}
#commitments-page .triangle.triangle-marron {
  background-color: #DECAB5;
}
#commitments-page .triangle.triangle-marron:before {
  background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113 194'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23776644;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='113 194 0 194 56.5 0 113 194'/%3E%3C/svg%3E");
}
@media (max-width: 767.98px) {
  #commitments-page .triangle {
    font-size: 28px;
  }
  #commitments-page .triangle:before {
    height: 0;
    width: 0;
  }
  #commitments-page .triangle:after {
    height: 0;
    width: 0;
  }
}
#commitments-page .color-plus {
  color: #7FC898;
}
#commitments-page .plus-advantage {
  font-size: 3rem !important;
  color: #7FC898;
}
#commitments-page .color-minus {
  color: #BD354E;
}
#commitments-page .minus-advantage {
  font-size: 3rem !important;
  color: #BD354E;
}
#commitments-page .item-bonus {
  position: relative;
  background-color: #D8EEE0;
}
#commitments-page .item-bonus:after {
  content: '';
  height: 1px;
  width: 50%;
  background-color: #CCCCCC;
  position: absolute;
  top: 50%;
  left: 100%;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15) !important;
  z-index: 12;
}
@media (max-width: 767.98px) {
  #commitments-page .item-bonus:after {
    height: 0;
    width: 0;
  }
}
#commitments-page .item-minus {
  position: relative;
  background-color: #EBC2C9;
}
#commitments-page .item-minus:after {
  content: '';
  height: 1px;
  width: 50%;
  background-color: #CCCCCC;
  position: absolute;
  top: 50%;
  right: 100%;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15) !important;
  z-index: 12;
}
@media (max-width: 767.98px) {
  #commitments-page .item-minus:after {
    height: 0;
    width: 0;
  }
}
#commitments-page .scotch {
  position: relative;
}
#commitments-page .scotch:after {
  content: '';
  height: 25px;
  width: 120px;
  background-color: #C00032;
  position: absolute;
  bottom: 3%;
  left: 78%;
  z-index: 12;
  transform: rotate(-45deg);
}
@media (max-width: 767.98px) {
  #commitments-page .scotch:after {
    content: '';
    height: 0px;
    width: 0px;
  }
}
#commitments-page .title-yellow {
  color: #F9B53B !important;
  font-family: 'Arsenal', sans-serif !important;
  font-size: 2rem!important;
  margin-bottom: 45px!important;
}
#commitments-page .title-bordeaux {
  color: #C00032 !important;
  font-family: 'Arsenal', sans-serif !important;
  font-size: 1.75rem !important;
}
#commitments-page .label-title {
  font-family: 'Arsenal', sans-serif;
  font-size: 1.75rem !important;
  color: #FFFFFF;
  background-color: #93B368;
}
#commitments-page .label-resume {
  font-family: 'Arsenal', sans-serif;
  font-size: 1.125rem !important;
  text-align: center;
  color: #F9B53B;
}