/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss ***!
  \**************************************************************************************************************/
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONCTIONS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Display flex */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Object Fit */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> EM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> REM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* VARIABLES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* GRIS */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* TABS */
/* ---------------------------------------------------------------------------------------------------------- */
.tabs {
  /* ---------------------------------------------------------------------------------------------------------- */
  /* ONGLETS */
  /* ---------------------------------------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------------------------------------------- */
  /* ACCORDEON */
  /* ---------------------------------------------------------------------------------------------------------- */
}
.tabs__content {
  padding: 1rem;
}
.tabs__icon {
  --icon-size: 6rem;
  --icon-color: var(--wp--preset--color--sedaconday);
  margin-bottom: 1em;
}
.tabs__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 1em;
}
.tabs__texte p {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 1em;
}
.tabs__link {
  text-align: left;
  margin-top: 1em;
  --icon-color: var(--wp--preset--color--black);
}
.tabs .nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--page-color, var(--bs-border-color));
  --bs-nav-tabs-border-radius: 0px;
  --bs-nav-link-color: var(--general_color, var(--bs-emphasis-color));
  --bs-nav-link-hover-color: var(--wp--preset--color--primary);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--body_bg, var(--bs-body-bg));
  --bs-nav-tabs-link-active-bg: var(--general_color, var(--bs-emphasis-color));
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: none;
}
.tabs .nav-tabs .nav-item {
  margin-bottom: 0;
}
.tabs .nav-link {
  background-color: var(--body_bg, var(--bs-body-bg));
}
.tabs .tab-content .tab-pane {
  padding: var(--paddingBase) 0;
}
.tabs .accordion {
  --bs-accordion-color: var(--page-color, var(--wp--preset--color--primary));
  --bs-accordion-bg: var(--wp--preset--color--primary-contrast);
  --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 0px;
  --bs-accordion-border-radius: 0px;
  --bs-accordion-inner-border-radius: 0px;
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--page-color, var(--wp--preset--color--primary, var(--bs-body-color)));
  --bs-accordion-btn-bg: var(--wp--preset--color--primary-contrast, var(--bs-accordion-bg));
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27%23084186%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27m2 5 6 6 6-6%27/%3E%3C/svg%3E");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27%23FFFFFF%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27m2 5 6 6 6-6%27/%3E%3C/svg%3E");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--wp--preset--color--primary-contrast, var(--bs-primary-text-emphasis));
  --bs-accordion-active-bg: var(--page-color, var(--wp--preset--color--primary, var(--bs-primary-bg-subtle)));
}
.tabs .accordion-item {
  margin-bottom: 1rem;
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------------------- RESPONSIVE --------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
@media (min-width: 992px) {
  .tabs__icon {
    margin-bottom: 2em;
  }
  .tabs__title {
    font-size: 1.25em;
  }
}
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XXL */
/* ----------------------------------------------------- */
@media (min-width: 1650px) {
  .tabs__icon {
    --icon-size: 6em;
  }
  .tabs__title {
    font-size: 1.375em;
  }
}
/* ----------------------------------------------------- */
/* HOVER */
/* ----------------------------------------------------- */