@charset "UTF-8";
/* # FONTs      ####################### */
/* Manrope Variant */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
/* # VARIABLES  ####################### */
:root {
  --pb-color-dark: #161616;
  --pb-color-dark-hovered: #292929;
  --pb-color-dark-pressed: #333333;
  --pb-color-darkgrey: #454545;
  --pb-color-grey: #656565;
  --pb-color-midgrey: #757575;
  --pb-color-text-lowkey: #757575;
  --pb-color-softgrey: #989898;
  --pb-color-lowgrey: #d8d8d8;
  --pb-color-lightgrey: #f5f5f5;
  --pb-color-bleu: #006af5;
  --pb-color-bleu-hovered: #0061e0;
  --pb-color-bleu-pressed: #0058cc;
  --pb-color-price: #e21212;
  --pb-color-rouge: #e21212;
  --pb-color-rouge-hovered: #d01111;
  --pb-color-rouge-pressed: #bd0f0f;
  --pb-color-vert: #007a38;
  --pb-color-jaune: #ffdb00;
  --pb-color-marketplace: #008391;
  --Shadows-Layer-base:rgba(69, 69, 69, 0.14);
  --Shadows-Elevations-Upper-Layer-1:rgba(69, 69, 69, 0.08);
  --Shadows-Elevations-Upper-Layer-2-to-4:rgba(69, 69, 69, 0.16);
  --pb-font-fam-title: Party, "Arial Narrow", "Trebuchet MS", sans-serif;
  --pb-font-fam-text: "Manrope", Arial, sans-serif;
  --pb-font-weight-normal: 500;
  --pb-font-weight-bold: 800;
  --pb-font-size-base: 16px; /* = html element font-size = 1rem */
  --pb-font-size-title-header: 3.125rem; /* = 50px */
  --pb-font-size-title: 1.5rem; /* DS Title L = 24px */
  --pb-font-size-title-sm: 1.25rem; /*  DS Title M = 20px */
  --pb-font-size-title-xs: 1rem; /* = 16px */
  --pb-font-size-text-med: 1rem; /* DS subtitle = 16px */
  --pb-font-size-text: 0.875rem; /* DS body text = 14px */
  --pb-font-size-text-sm: 0.75rem; /* = 12px */
  --pb-ratio-text-sm-to-text: calc(12 / 14);
  --pb-font-size-cta-lg: 1rem; /* = 16px */
  --pb-font-size-cta: 0.875rem; /* = 14px */
  --pb-line-height: 1.5;
  --pb-line-height-sm: 1.3;
  --pb-line-height-title: 1.2;
  --pb-layout-w:1280px;
  --pb-content-w:1048px;
  --pb-base-spacing: 1rem; /* = 16px */
  --pb-section-spacing: 3rem; /* = 48px */
  --pb-subsection-spacing: 2.5rem; /* = 40px */
  --pb-subsection-spacing-sm: 2rem; /*  = 32px */
  --pb-block-spacing-lg: 2rem; /* = 32px */
  --pb-block-spacing: 1.5rem; /*  = 24px */
  --pb-block-padding: 1.5rem; /*  = 24px */
  --pb-p-spacing:0.5rem; /* = 8px */
  --pb-inner-padding: 3rem; /*  = 48px  */
  --pb-radius-lg: 8px;
  --pb-radius: 8px;
  --pb-box-shadow: 0 2px 4px 0 var(--Shadows-Elevations-Upper-Layer-1), 0 0 2px 0 var(--Shadows-Layer-base);
  --pb-box-shadow-hover: 0 4px 8px 2px var(--Shadows-Elevations-Upper-Layer-2-to-4), 0 0 2px 0 var(--Shadows-Layer-base);
}

@media screen and (max-width: 1297px) {
  :root {
    --pb-font-size-title-header: 2.5rem; /* = 40px*/
  }
}
@media screen and (max-width: 768px) {
  :root {
    --pb-inner-padding: 1.5rem; /* = 24px */
  }
}
@media screen and (max-width: 480px) {
  :root {
    --pb-font-size-title-header: 2rem; /*  = 32px */
    --pb-font-size-title: 1.25rem; /* = 20px */
    --pb-font-size-title-sm: 1.125rem; /* = 18px */
    --pb-line-height: 1.3;
    --pb-radius-lg: 10px;
  }
}
/* # RESET      ####################### */
/***
    The new CSS reset - version 1.11.3 (last updated 25.08.2024)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Fix mobile Safari increase font-size on landscape mode */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu, summary {
  list-style: none;
}

/* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */
ol {
  counter-reset: revert;
}

/* For images to not be able to exceed their container 
img {
  max-inline-size: 100%;
  max-block-size: 100%;
}*/
/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
  -webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  appearance: revert;
}

/* preformatted text - use only for this feature */
:where(pre) {
  all: revert;
  box-sizing: border-box;
}

/* reset default text opacity of input placeholder */
::placeholder {
  color: unset;
}

/* fix the feature of 'hidden' attribute.
 display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* revert for bug in Chromium browsers
 - fix for the content editable attribute will work properly.
 - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
  -webkit-user-drag: element;
}

/* Revert Modal native behavior */
:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

/* Remove details summary webkit styles */
::-webkit-details-marker {
  display: none;
}

/* # NORMALIZE  ####################### */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
  font-size: 60% !important;
  margin-left: 2px;
}

sup {
  top: -0.5em;
  font-size: 60% !important;
  margin-left: 2px;
}

:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--pb-color-bleu-hovered); /* Default color */
}

/* Party  Bold (Regular not needed) */
/* # TYPOGRAPHY ####################### */
html {
  font-size: var(--pb-font-size-base);
}

.pb {
  color: var(--pb-color-dark);
  font-family: var(--pb-font-fam-text);
  font-weight: var(--pb-font-weight-normal);
  line-height: var(--pb-line-height);
}

h2 {
  font-size: var(--pb-font-size-title);
}

h3 {
  font-size: var(--pb-font-size-title-sm);
}

h4 {
  font-size: var(--pb-font-size-title-xs);
}

:where(.pb) b,
:where(.pb) strong {
  font-weight: var(--pb-font-weight-bold);
}

:where(.pb) p,
:where(.pb) li,
:where(.pb) dt,
:where(.pb) dd,
:where(.pb) th,
:where(.pb) td {
  font-size: var(--pb-font-size-text);
}

:where(.pb) p {
  margin-bottom: var(--pb-p-spacing);
}

:where(.pb) p:last-child {
  margin-bottom: 0;
}

/* Liens bruts */
:where(.pb) a {
  color: inherit;
  text-decoration: underline;
}

:where(.pb) a:hover,
:where(.pb) a:focus,
:where(.pb) a:active {
  color: inherit;
  text-decoration: none;
}

/* # LAYOUT Base ########################## */
/* = "publi page" basic structure        */
/* # Body =============================== */
html body,
.darty_com_tablet body {
  background-color: var(--pb-color-lightgrey);
  background-image: none;
  margin: 0;
}

/* ## Page canvas ======================= */
.pb {
  width: auto;
  min-width: 740px;
  max-width: var(--pb-layout-w);
  padding: 0 0 var(--pb-subsection-spacing) 0;
  margin: 0 auto;
}

@media (max-width: 480px) {
  .pb {
    min-width: unset;
  }
}
.pb--white {
  background-color: #FFF;
}

.pb--grey {
  background-color: var(--pb-color-lightgrey);
}

/* ### inner limits ===================== */
.pb-inner {
  width: calc(100% - var(--pb-inner-padding) * 2);
  max-width: var(--pb-content-w);
  margin-left: auto;
  margin-right: auto;
}

.pb-inner--lg {
  max-width: var(--pb-layout-w);
}

@media screen and (max-width: 768px) {
  .pb-inner--lg {
    width: 100vw;
  }
}
/* # LAYOUT Elements ###################### */
/* = Elements used on every "publi page" */
/* ## Header ============================ */
.pb-headerBg {
  background-color: #FFF;
}

.pb-header {
  --pb-header-deco-w:33%;
  display: flex;
  align-items: stretch;
  padding: var(--pb-block-padding) 0;
}

.pb-header-deco {
  flex-basis: var(--pb-header-deco-w);
  min-height: 200px;
  border-radius: var(--pb-radius-lg);
  position: relative;
  overflow: hidden;
}

.pb-header-deco-img {
  display: block;
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.pb-header-deco-logo {
  background-color: #FFF;
  border-radius: var(--pb-radius-lg);
  padding: 8px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.pb-header-main {
  flex-basis: calc(100% - (var(--pb-header-deco-w) + var(--pb-subsection-spacing-sm)));
  align-self: center;
  margin-left: var(--pb-subsection-spacing-sm);
}

.pb-header-title {
  color: var(--pb-color-dark);
  font-family: var(--pb-font-fam-title);
  font-size: var(--pb-font-size-title-header);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  margin: 0 auto;
}

.pb-header-subtitle {
  font-size: var(--pb-font-size-title-sm);
  line-height: var(--pb-line-height-sm);
  margin: 1em auto 0 auto;
}

.pb-header-links {
  margin: var(--pb-base-spacing) auto 0 auto;
}

@media screen and (max-width: 480px) {
  .pb-header {
    display: block;
  }
  .pb-header-visuel {
    max-width: 100%;
    min-height: 50vw;
  }
  .pb-header-main {
    margin-top: var(--pb-block-spacing);
    margin-left: 0;
  }
}
/* ## Main ============================== */
.pb.pb--grey .pb-main {
  padding-top: var(--pb-block-spacing);
}

/* ## Mentions Legales ================== */
.pb-ml {
  margin-top: var(--pb-section-spacing);
}

.pb-ml-blk {
  border-radius: var(--pb-radius);
  color: var(--pb-color-text-lowkey);
  padding-left: var(--pb-block-padding);
  padding-right: var(--pb-block-padding);
}

.pb--white .pb-ml-blk {
  background-color: var(--pb-color-lightgrey);
}

.pb--grey .pb-ml-blk {
  background-color: #FFF;
}

.pb-ml summary {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: transparent;
  color: inherit;
  border: none;
  list-style: none;
  padding: 1.8461538462em 0;
  font-family: inherit;
  font-size: var(--pb-font-size-text-sm);
  font-weight: var(--pb-font-weight-bold);
  line-height: var(--pb-line-height);
  margin: 0;
  cursor: pointer;
}

.pb-ml details[open] summary {
  padding-bottom: 1em;
}

.pb-ml summary::-webkit-details-marker { /* Safari reset */
  display: none;
}

.pb-ml summary:hover {
  color: var(--darkgrey);
  text-decoration: underline;
}

.pb-ml summary::after {
  content: "";
  width: 1em;
  height: 1em;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23757575' d='M9.13 5.47 3.94.29a.77.77 0 0 0-1.07 0 .75.75 0 0 0 0 1.06L7.53 6l-4.66 4.66a.75.75 0 0 0 0 1.06c.3.28.77.28 1.07 0l5.18-5.2c.3-.3.3-.76.01-1.05z'/%3E%3C/svg%3E");
  margin-left: 0.75em;
  transition: 0.2s;
}

.pb-ml details[open] > summary::after {
  transform: rotate(-90deg);
}

.pb-ml-main {
  padding-bottom: 1em;
}

.pb-ml-main p {
  font-size: var(--pb-font-size-text-sm);
}

.pb-ml-main p + p {
  margin-top: 0.4em;
}

.pb-ml-main a {
  color: inherit;
  text-decoration: underline;
}

.pb-ml-main a:hover {
  color: var(--pb-color-main);
  text-decoration: none;
}

/* ## Ancre ============================= */
[id] {
  scroll-margin-top: 40px;
  scroll-behavior: smooth;
}

/* ## Titles ============================ */
/* */
.sectionTitle {
  color: inherit;
  text-align: center;
  text-wrap: balance;
  font-size: var(--pb-font-size-title);
  font-weight: 800;
  line-height: var(--pb-line-height-title);
  padding: 0;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}

@media (max-width: 480px) {
  .sectionTitle {
    text-align: left;
  }
}
.sectionTitle:not(:first-child) {
  margin-top: 1.5em; /* = 48px */
}

.sectionTitle.pre {
  white-space: pre;
}

/* */
.sectionSubtitle {
  text-align: center;
  font-size: var(--pb-font-size-text);
  margin: -0.5em auto 1em auto;
}

@media (max-width: 480px) {
  .sectionSubtitle {
    text-align: left;
  }
}
/* */
.subsectionTitle {
  text-align: left;
  font-size: var(--pb-font-size-title-sm);
  font-weight: 800;
  line-height: var(--pb-line-height-title);
  margin-top: 1.7777777778em;
  margin-right: auto;
  margin-bottom: 0.8888888889em;
  margin-left: auto;
}

.subsectionTitle:first-child {
  margin-top: 0;
}

/* # HELPERS    ####################### */
/* # images # */
.imgFluid {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

/* # Shapes # */
.pb-radius {
  border-radius: var(--pb-radius);
}

/* # Colors # */
.pb-rouge {
  color: var(--pb-color-rouge);
}

.pb-bleu {
  color: var(--pb-color-bleu);
}

.pb-vert {
  color: var(--pb-color-vert);
}

.pb-color-mp {
  color: var(--pb-color-marketplace);
}

/* # Spacing # */
.pb-mrg {
  margin-top: var(--pb-block-spacing);
}

.pb-mrgXXL {
  margin-top: var(--pb-section-spacing);
}

/* # Text # */
/* == text overflow ==  */
.oneLineOnly {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* # Desktop / Mobile # */
@media (min-width: 481px) {
  .pb-deskOnly {
    display: initial;
  }
  .pb-mobOnly {
    display: none;
  }
}
@media (max-width: 480px) {
  .pb-deskOnly {
    display: none;
  }
  .pb-mobOnly {
    display: initial;
  }
}
/* # a11y # */
/*
  Improved screen reader only CSS class
  @author Gaël Poupard
*/
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}

/* # Fake elements # */
/* fake <br> */
i.br:after {
  display: inline-block;
  content: "\a";
  width: 1px;
  height: 1px;
}

/* Fake Link */
.fakeLink {
  text-decoration: underline;
  cursor: pointer;
}

.fakeLink:hover,
.zoneLink:hover .fakeLink {
  text-decoration: none;
}

/* # REDEFINE Header & Footer ######### */
/* = export pack DARTY  */
#headerxxl {
  width: auto;
  min-width: 740px;
  max-width: 1280px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}

#headerxxl #h_xxl_top {
  height: 126px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  float: none;
  margin: 0 auto;
}

#h_xxl_logo {
  float: none;
  /*margin-right: 16px;*/
}

@media screen and (min-width: 1280px) {
  /*#h_xxl_logo {
    margin-right: 16px;
  }*/
}
#h_xxl_top #logo img,
#h_xxl_logo {
  float: none;
}

/*#h_xxl_main {}*/
#h_xxl_main_g,
#h_xxl_main_d {
  float: none;
}

#h_xxl_main_d {
  display: grid;
  flex-flow: row nowrap;
}

#darty_footer {
  position: static;
  min-width: 740px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.seo_links_container,
#f_middle_ctn_bot,
.payment_options {
  width: auto;
  max-width: 980px;
}

@media (max-width: 1020px) {
  #headerxxl #darty_header_search input.text {
    width: calc(100% - 36px);
  }
  #f_middle_ctn_bot {
    display: none;
  }
  .seo_links_container .seo_list {
    width: auto;
  }
}
@media (max-width: 768px) {
  #headerxxl .h_xxl_container,
  .reinsurances_footer .reinsurance_list_services,
  .seo_links_container,
  #f_middle_ctn_bot,
  .seo_links_container .seo_list,
  .payment_options,
  .copyright_alt {
    width: auto;
    min-width: unset;
  }
  #headerxxl #h_xxl_wishlist_lien,
  #headerxxl #h_xxl_devis {
    display: none !important;
  }
  #headerxxl #h_xxl_login_lien,
  #headerxxl #h_xxl_panier_lien {
    padding-left: 2%;
  }
  #headerxxl #h_xxl_login,
  #headerxxl .h_xxl_panier {
    width: 50%;
  }
  .main-menu .level-1 {
    flex-wrap: wrap;
  }
  .main-menu .level-1 > li > a {
    font-size: 14px;
  }
  /*#main-tab{
          flex-basis: 100%;
      }
      */
  #darty_footer .reinsurances_footer .reinsurance_list_services,
  #darty_footer .copyright_alt,
  #darty_footer .payment_options {
    flex-wrap: wrap;
  }
  #darty_footer .seo_links_container {
    column-count: 2;
  }
  #darty_footer #f_middle_ctn_bot {
    display: none;
  }
}
@media (max-width: 480px) {
  #headerxxl,
  #darty_footer {
    min-width: unset;
  }
  #darty_footer {
    border-top: 2px solid #353535;
  }
  .price-details.text-legal {
    display: none;
  }
}
/* # COMPONENTS  ######################## */
/* = recurrent elements */
/* # sections ========================= */
.pb-section {
  padding-top: var(--pb-section-spacing);
}

.pb-header + .pb-section {
  padding-top: calc(var(--pb-section-spacing) * 0.75);
}

.pb-header + nav.pb-section {
  padding-top: calc(var(--pb-section-spacing) * 0.5);
}

nav.pb-section + .pb-section {
  padding-top: calc(var(--pb-section-spacing) * 0.625);
}

.pb-section.pb-section--wBg {
  padding-top: calc(var(--pb-section-spacing) * 0.5);
  padding-bottom: calc(var(--pb-section-spacing) * 0.5);
}

.pb-section.pb-section--wBg + .pb-section {
  padding-top: calc(var(--pb-section-spacing) * 0.5);
}

/* # Separations ====================== */
.pb-hr {
  border: 1px solid var(--pb-color-lowgrey);
  border-width: 1px 0 0 0;
  margin: var(--pb-block-spacing) 0;
}

/* # LIENS , CTA ====================== */
/* * zoneLink * */
.zoneLink {
  position: relative;
}

.zoneLink a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  z-index: 2;
}

/* * Liens * */
[class*=itle] > a,
[class*=itle] > a:hover,
[class*=itle] > a:focus,
[class*=itle] > a:active {
  text-decoration: none;
}

/* * CTA * */
/* bouton gelule - Par defaut = primary (bleu) */
.pb-pillBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999em;
  border-width: 1px;
  border-style: solid;
  border-color: var(--pb-color-bleu);
  background-color: var(--pb-color-bleu);
  color: #FFF;
  padding: 0.75em 1.1428em;
  font-family: inherit;
  font-size: var(--pb-font-size-cta); /* 14px */
  line-height: 1.25em;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}

p + .pb-pillBtn:not(.pb-pillBtn--fullW) {
  margin-top: 8px;
}

.pb-pillBtn:hover,
.pb-pillBtn:focus {
  border-color: var(--pb-color-bleu-hovered);
  background-color: var(--pb-color-bleu-hovered);
  color: #FFF;
  text-decoration: none;
}

.pb-pillBtn:active {
  border-color: var(--pb-color-bleu-pressed);
  background-color: var(--pb-color-bleu-pressed);
  color: #FFF;
  text-decoration: none;
}

.pb-pillBtn--second {
  border-color: var(--pb-color-bleu);
  background-color: transparent;
  color: var(--pb-color-bleu);
}

.pb-pillBtn--second:hover,
.pb-pillBtn--second:focus {
  border-color: var(--pb-color-bleu-hovered);
  background-color: transparent;
  color: var(--pb-color-bleu-hovered);
}

.pb-pillBtn--second:active {
  border-color: var(--pb-color-bleu-pressed);
  background-color: transparent;
  color: var(--pb-color-bleu-pressed);
}

.pb-pillBtn--rouge {
  border-color: var(--pb-color-rouge);
  background-color: var(--pb-color-rouge);
  color: #FFF;
}

.pb-pillBtn--rouge:hover,
.pb-pillBtn--rouge:focus {
  border-color: var(--pb-color-rouge-hovered);
  background-color: var(--pb-color-rouge-hovered);
  color: #FFF;
}

.pb-pillBtn--rouge:active {
  border-color: var(--pb-color-rouge-pressed);
  background-color: var(--pb-color-rouge-pressed);
  color: #FFF;
}

.pb-pillBtn--fullW {
  display: block;
  margin-top: var(--pb-block-spacing);
}

.pb-blk-footer .pb-pillBtn--fullW {
  margin-top: 0;
}

@media (max-width: 480px) {
  .pb-pillBtn {
    display: flex;
  }
}
/**/
/* * global Links * */
.pb-globalLink {
  text-align: center;
  margin: var(--pb-base-spacing) auto 0 auto;
}

.pb-globalLink .pb-pillBtn {
  margin: var(--pb-base-spacing) var(--pb-base-spacing) 0 var(--pb-base-spacing);
}

/* # LISTES et BLOCS ================== */
/* * Bloc contener "cadre" : .pb-blkFrame{} * */
.pb-blkFrame {
  display: block;
  border-radius: var(--pb-radius);
  background-color: #fff;
  padding: var(--pb-block-padding);
  box-shadow: var(--pb-box-shadow);
}

@media screen and (max-width: 480px) {
  .pb-blkFrame--fullOnMob {
    width: calc(100% + 2 * var(--pb-block-spacing));
    transform: translateX(calc(var(--pb-block-spacing) * -1));
    box-shadow: none;
    border-radius: 0;
  }
}
/* * éléments de Bloc Basique : .pb-blk-___{} * */
.pb-blk-title {
  font-size: var(--pb-font-size-title-xs);
  font-weight: 800;
  line-height: var(--pb-line-height-title);
  margin-top: 0.6666666667em;
  margin-right: auto;
  margin-bottom: 0.5em;
  margin-left: auto;
}

.pb-blk-title:first-child {
  margin-top: 0;
}

.pb-blk-icon {
  display: block;
  width: 2em;
  height: 2em;
  margin: 0 auto var(--pb-base-spacing) auto;
}

/* Avec Footer absolute Bottom*/
.pb-blk--wFooter {
  position: relative;
  padding-bottom: calc(var(--pb-block-padding) * 3.25);
}

.pb-blk--wFooter .pb-blk-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: var(--pb-block-padding);
}

/* * declinaisons du Bloc Basique .pb-blk--xxx{} * */
/* Reassurance (version 'complexe' blocs séparés )*/
.pb-blk--reassur .pb-blk-title {
  text-align: center;
  margin-bottom: var(--pb-block-spacing);
}

.pb-blk--reassur .pb-blk-icon {
  width: 2.4em;
  height: 2.4em;
}

/* * Liste de blocs : .pb-blkList(), pb-blkList-item() *  */
/* note :
  Les "pb-blkList" qui ne comportent pas aussi de class "pb-blkList--lineOf*"
  restent sur une ligne...
  On doit leur attribuer une class "pb-scrollSlider" pourqu'ils passent 
  en overflow auto (pseudo slider) en mobile.
  Les "pb-blkList--lineOf*" ont la propriété wrap, les blocs peuvent donc
  passer à la ligne selon que le media query le precise.
  */
.pb-blkList {
  display: flex;
  align-items: stretch;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: calc(var(--pb-block-spacing) * -1) 0 0 calc(var(--pb-block-spacing) * -1);
}

.pb-scrollSlider.pb-blkList {
  margin-top: var(--pb-subsection-spacing-sm);
}

.sectionTitle + .pb-scrollSlider.pb-blkList {
  margin-top: 0;
}

.pb-blkList--lineOf2,
.pb-blkList--lineOf3,
.pb-blkList--lineOf4 {
  flex-wrap: wrap;
}

.pb-blkList-item {
  margin: var(--pb-block-spacing) 0 0 var(--pb-block-spacing);
  flex-basis: 33.3333333333%;
}

.pb-scrollSlider .pb-blkList-item {
  margin-top: 0;
}

.pb-blkList--lineOf2 .pb-blkList-item {
  flex-basis: calc((100% - 2 * var(--pb-block-spacing)) / 2);
}

.pb-blkList--lineOf3 .pb-blkList-item {
  flex-basis: calc((100% - 3 * var(--pb-block-spacing)) / 3);
}

.pb-blkList--lineOf4 .pb-blkList-item {
  flex-basis: calc((100% - 4 * var(--pb-block-spacing)) / 4);
}

.pb-blkList-item p,
.pb-blkList-item dt,
.pb-blkList-item dd,
.pb-blkList-item li {
  font-size: var(--pb-font-size-text);
  line-height: var(--pb-line-height-sm);
}

@media screen and (max-width: 480px) {
  .pb-blkList--lineOf2 .pb-blkList-item,
  .pb-blkList--lineOf3 .pb-blkList-item,
  .pb-blkList--lineOf4 .pb-blkList-item {
    flex-basis: calc((100% - 1 * var(--pb-block-spacing)) / 1);
  }
}
/* * Liste Reassurance !! version simple !! .pb-reassurance{} * */
.pb-reassurance {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: calc(var(--pb-base-spacing) * -1) calc(var(--pb-base-spacing) / 2 * -1) 0 calc(var(--pb-base-spacing) / 2 * -1);
}

.pb-reassurance--multiblocks {
  align-items: stretch;
  margin: calc(var(--pb-base-spacing) * -1) 0 0 calc(var(--pb-base-spacing) * -1);
}

.pb-reassurance--wrap {
  flex-wrap: wrap;
}

.pb-reassurance-item {
  flex-basis: 50%;
  line-height: var(--line-height-sm);
  padding: 0 calc(var(--pb-base-spacing) / 2);
  margin: var(--pb-base-spacing) 0 0 0;
}

.pb-reassurance-item--block {
  flex-basis: calc((100% - var(--pb-base-spacing) * 3) / 3); /* lignes de 3 blocks */
  border-radius: var(--pb-radius);
  padding: var(--pb-base-spacing);
  margin: var(--pb-base-spacing) 0 0 var(--pb-base-spacing);
  /*box-shadow: var(--pb-box-shadow);*/
}

.modulo2 .pb-reassurance-item--block:nth-last-child(-n+2) { /* derniere ligne de 2 blocks */
  flex-basis: calc((100% - var(--pb-base-spacing) * 2) / 2);
}

.pb-reassurance-item-title {
  display: flex;
  align-items: center;
  font-size: 1em;
  margin: 0 0 0.4em 0;
}

.pb-reassurance-item-title-icon {
  display: block;
  width: 1.6em;
  height: 1.6em;
  margin-right: 0.8em;
}

.pb-reassurance-item-title-label {
  font-size: var(--pb-font-size-title-xs);
  line-height: var(--pb-line-height-title);
  font-weight: 800;
}

.pb-reassurance-item-desc {
  font-size: var(--pb-font-size-text);
  line-height: var(--pb-line-height-sm);
  margin: 0;
}

@media screen and (max-width: 768px) {
  .pb-reassurance {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .pb-reassurance {
    display: block;
  }
  .pb-reassurance-item:not(:last-child) {
    margin-bottom: var(--pb-block-spacing);
  }
}
/* * Liste Steps .pb-steps{}* */
.pb-steps {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: var(--pb-block-spacing);
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.pb-blkFrame.pb-steps {
  padding: var(--pb-block-padding) 0;
  margin: 0;
}

.pb-steps-item {
  flex-basis: 50%;
  padding: 0;
  margin: 0;
  position: relative;
}

.pb-steps-item:not(:last-child):before {
  display: block;
  content: "";
  height: 0;
  width: 100%;
  border-top: 2px dashed var(--pb-color-bleu);
  transform: translateX(50%);
  position: absolute;
  top: 1.5em;
}

.pb-steps-item-icon,
.pb-steps-item-num {
  text-align: center;
  color: #FFF;
  position: relative;
  overflow: hidden;
}

.pb-steps-item-num {
  border-radius: 50%;
  margin: 0 auto var(--pb-base-spacing) auto;
}

.pb-steps-item-icon {
  background-color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3em;
  height: 2em;
  margin: 0 auto;
}

.pb-steps-item-icon img {
  width: 2em;
  height: 2em;
}

.pb-steps-item-num {
  --pb-disc-size:calc((48/25) * 1em);
  background-color: var(--pb-color-bleu);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--pb-font-fam-title);
  font-size: 25px;
  font-weight: 800;
  width: var(--pb-disc-size);
  height: var(--pb-disc-size);
}

.pb-steps-item-main {
  display: block;
  line-height: var(--pb-line-height-sm);
  margin: 0 auto;
  max-width: 300px;
}

.pb-steps-item-main.center {
  text-align: center;
}

.pb-steps-item-title {
  display: block;
  font-size: var(--pb-font-size-title-xs);
  line-height: var(--pb-line-height-title);
  font-weight: 800;
  margin: 0 0 0.835em 0;
}

.pb-steps-item-desc {
  display: block;
  font-size: var(--pb-font-size-text);
  line-height: var(--pb-line-height-sm);
  margin: 0;
}

.pb-steps-item-desc em {
  display: block;
  color: var(--pb-color-text-lowkey);
  font-size: calc(var(--pb-ratio-text-sm-to-text) * 1em);
  font-style: normal;
  margin-top: 8px;
}

@media (max-width: 480px) {
  .pb-steps {
    justify-content: flex-start;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-padding: 0;
    scroll-snap-type: x mandatory;
    width: 100vw;
    padding-left: calc(var(--pb-block-spacing) / 2);
    padding-right: calc(var(--pb-block-spacing) / 2);
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .pb-steps-item {
    flex-basis: 56% !important;
    min-width: 230px;
  }
}
/* * checklist .pb-checklist {} * */
.pb-checklist {
  list-style-type: none;
  text-align: left;
  padding: 0;
  margin: 0;
}

.pb-checklist-item {
  position: relative;
  padding: 0 0 0 1.7em;
  margin: 0;
}

.pb-checklist-item:before {
  --color:var(--pb-color-vert);
  display: block;
  content: "";
  width: 1.1428571429em;
  height: 1.1428571429em;
  position: absolute;
  top: 0.2142857143em;
  left: 0;
  background-color: var(--color, var(--pb-color-vert));
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.33 13a1 1 0 0 1-.7-.3L1.96 8.05a1 1 0 0 1 0-1.41 1 1 0 0 1 1.41 0l3.86 3.85 5.3-7.08a1 1 0 0 1 1.6 1.2l-6 8a1 1 0 0 1-.72.4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.33 13a1 1 0 0 1-.7-.3L1.96 8.05a1 1 0 0 1 0-1.41 1 1 0 0 1 1.41 0l3.86 3.85 5.3-7.08a1 1 0 0 1 1.6 1.2l-6 8a1 1 0 0 1-.72.4z'/%3E%3C/svg%3E");
}

.pb-checklist-item:not(:first-child) {
  margin-top: 0.4em;
}

.pb-checklist-item em {
  font-size: calc(var(--pb-ratio-text-sm-to-text) * 1em);
  font-style: normal;
}

/* * Bloc Feature .pb-feature{} * */
.pb-feature {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border-radius: var(--pb-radius);
  background-color: #FFF;
  padding: var(--pb-block-padding);
  border: 1px solid var(--pb-color-darkgrey);
}

.pb-feature--durable {
  border-color: var(--pb-color-vert);
}

.pb-feature--service {
  border-color: var(--pb-color-bleu);
}

.pb-feature:not(:first-child) {
  margin-top: var(--pb-subsection-spacing);
}

.sectionTitle + .pb-feature {
  margin-top: 0;
}

.pb-feature > div:first-child {
  margin-right: var(--pb-subsection-spacing-sm);
}

.pb-feature-main {
  flex-basis: 67%;
  max-width: 27em;
  padding: 4px 0;
}

.pb-feature-title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1em;
  margin: 0 0 8px 0;
}

.pb-feature-title-icon {
  display: block;
  width: 1.6em;
  height: 1.6em;
  margin: -0.4em 4px 0 0;
}

.pb-feature-title-label {
  font-size: var(--pb-font-size-title-xs);
  line-height: var(--pb-line-height-title);
  font-weight: 800;
}

.pb-feature-visuel {
  flex-basis: 50%;
  min-height: 150px;
  border-radius: var(--pb-radius);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 480px) {
  .pb-feature {
    flex-wrap: wrap;
  }
  .pb-feature > div:first-child {
    margin-right: 0;
  }
  .pb-feature-main,
  .pb-feature-visuel {
    flex-basis: 100%;
    max-width: unset;
  }
  .pb-feature-main {
    order: 2;
    padding: 0;
  }
  .pb-feature-visuel {
    order: 1;
    margin-bottom: var(--pb-block-padding);
  }
  .pb-feature-title {
    align-items: center;
  }
  .pb-feature-title-icon {
    margin-top: 0;
  }
}
/* * Bloc Precision .pb-precision{} * */
.pb-precision {
  border: 1px solid #FFF;
  border-radius: var(--pb-radius);
  background-color: #fff;
  padding: var(--pb-block-padding);
  margin-top: var(--pb-subsection-spacing-sm);
}

.sectionTitle + .pb-precision {
  margin-top: 0;
}

.pb-precision--durable {
  border-color: var(--pb-color-vert);
}

.pb-precision--service {
  border-color: var(--pb-color-bleu);
}

.pb-blkFrame .pb-precision {
  border-color: var(--pb-color-lowgrey);
}

.pb-precision-title {
  display: flex;
  align-items: flex-start;
  font-size: 1em;
  line-height: var(--pb-line-height-title);
  margin: 0 0 var(--pb-base-spacing) 0;
}

.pb-precision-title-icon {
  display: block;
  width: 1.6em;
  height: 1.6em;
  margin-right: var(--pb-base-spacing);
}

.pb-precision-title-label {
  padding-top: 0.3em;
  font-size: var(--pb-font-size-title-xs);
  font-weight: 800;
}

.pb-precision-desc {
  font-size: var(--pb-font-size-text);
  margin: 0;
}

.pb-precision-desc em {
  color: var(--pb-color-low-key);
  font-size: calc(var(--pb-ratio-text-sm-to-text) * 1em);
  font-style: normal;
}

.pb-precision-desc p:not(class) {
  font-size: 1em;
}

.pb-precision-desc p:first-of-type {
  margin-top: 0;
}

.pb-precision-shortMsg {
  display: flex;
  align-items: center;
  font-size: 1em;
  line-height: var(--pb-line-height-title);
  margin: 0;
}

.pb-precision-shortMsg-icon {
  display: block;
  width: 1.6em;
  height: 1.6em;
  margin-right: var(--pb-base-spacing);
}

.pb-precision-shortMsg-label {
  font-size: var(--pb-font-size-title-xs);
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  .pb-precision {
    padding: var(--pb-base-spacing) var(--pb-block-spacing);
  }
  .pb-precision-title {
    align-items: center;
  }
  .pb-precision-desc {
    margin-left: 0;
  }
}
/* * Bloc Toaster = mini bloc information / warning .pb-toaster{} * */
.pb-toaster {
  display: flex;
  align-items: center;
  border-radius: var(--pb-radius);
  background-color: #fff;
  border-left: 5px solid var(--pb-color-main);
  padding: calc(var(--pb-base-spacing) * 0.75);
  margin-top: var(--pb-subsection-spacing-sm);
  box-shadow: var(--pb-box-shadow);
}

.pb-toaster--alert {
  border-left-color: #000;
  color: #000;
}

.pb-blkFrame > .pb-toaster {
  margin-top: var(--pb-block-spacing);
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

.pb-toaster-icon {
  display: block;
  width: 1.6em;
  height: 1.6em;
  margin-right: 0.8em;
}

.pb-toaster-label {
  display: block;
  padding-top: 0.2em;
  font-size: var(--pb-font-size-text);
  font-weight: 800;
}

/* * bandeaux * */
.pb-banner {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--pb-subsection-spacing-sm);
}

.pb-banners {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: calc(var(--pb-block-spacing) * -1) 0 0 calc(var(--pb-block-spacing) * -1);
  overflow: hidden;
}

.pb-banners > a {
  display: block;
  margin: var(--pb-block-spacing) 0 0 var(--pb-block-spacing);
}

img.pb-banner,
.pb-banner img,
.pb-banners img {
  display: block;
  max-width: 100%;
}

@media screen and (max-width: 480px) {
  .pb-banners {
    display: block;
  }
}
/* * mention de block * */
.pb-nb {
  color: var(--pb-color-midgrey);
  font-size: var(--pb-font-size-text-sm);
  margin: var(--pb-base-spacing) auto 0 auto;
}

/* # scroll Slider ==================== */
@media (max-width: 480px) {
  .pb-scrollSlider {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-padding: 0;
    scroll-snap-type: x mandatory;
    padding-top: 2px;
    padding-bottom: 7px;
    margin-top: var(--pb-base-spacing);
    margin-left: calc(var(--pb-inner-padding) * -1); /* comble les padding du .pb-inner */
    margin-right: calc(var(--pb-inner-padding) * -1);
  }
  .pb-scrollSlider > li,
  .pb-scrollSlider > div {
    flex-basis: 56% !important;
    min-width: 240px;
    margin-top: 0;
    margin-left: var(--pb-block-spacing) !important;
  }
  .pb-scrollSlider > li:last-child,
  .pb-scrollSlider > div:last-child {
    margin-right: var(--pb-block-spacing);
  }
}
/* # Mini FAQ SmartContext ============ */
.hide-title .question-list-title,
.hide-questionLink .open.question-list-item .question-item-link,
.hide-gotToFaqLink .go-to-faq-link-wrapper {
  display: none !important;
}

div[id^=st-faq-context].hide-questionLink .html-response-content {
  padding: 8px 16px 16px 16px;
}

/* # POPINS =========================== */
/* - /!\ se place en dehors de l'element .pb /!\ - */
.pb-popin {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFF;
  border-radius: var(--pb-radius);
  padding: calc(var(--pb-base-spacing) * 2);
  position: relative;
}

.pb-popin-title {
  text-align: center;
  font-size: var(--pb-font-size-title-xs);
  font-weight: 800;
  line-height: var(--pb-line-height-title);
  margin: 0 auto 1.5em auto;
}

.pb-popin dl {
  margin: 0.4em 0 0 0;
}

.pb-popin ul {
  padding-left: 0.4em;
  margin-top: 0.4em;
}

.pb-popin li {
  margin-left: 1em;
}

.pb-popin p,
.pb-popin dt,
.pb-popin dd,
.pb-popin li {
  font-size: var(--pb-font-size-text-sm);
  line-height: var(--pb-line-height-sm);
  margin-top: 0.4em;
}

.pb-popin dd li,
.pb-popin dd p {
  font-size: 1em;
}

.pb-popin dt {
  font-weight: 800;
}

.pb-popin dd + dt {
  margin-top: 0.4em;
}

.pb-popin dd {
  margin-left: 0;
}

.pb-popin .globalLink {
  margin-top: 0;
}

/* # CAROUSEL SPLIDE (add-ons) ======= 
  .splideCanvas{
    max-width:1200px;
    padding:0 96px;
    margin:0 auto;
    overflow: hidden;
  }      
    .splideCanvas .splide{
      margin:0 auto;
    }
      .splideCanvas .splide__arrow--prev{
        left:-3em;
      }
      .splideCanvas .splide__arrow--next{
        right:-3em;
      }
      .splideCanvas .splide__list{
        padding:1px 0!important;
      }
    @media (max-width: 768px) {
      .splideCanvas{
        width: 100%;
        padding:0;
      }
    }
*/
/* splide */
.splide {
  --track-pdg-inline:0.5rem; /* = space pr permettre la visibilité des shadows de blocs . */
  --track-pdg-block:1rem;
  --limits-bg-color:var(--pb-color-softgrey);
  --arrow-width:32px;
  --arrow-gap:16px;
  --arrow-position:static;
  --arrow-distance:calc((var(--arrow-width) + var(--arrow-gap)) * -1); /* when pos absolute*/
  position: relative;
  visibility: hidden;
  width: auto;
  margin-left: calc(var(--track-pdg-inline) * -1); /* = compense le space pr visibilité des shadows de blocs*/
}

.splide.is-overflow:has(.splide__slide:last-child:not([aria-hidden=true])) { /* = sliders debordants en fin de course */
  margin-left: 0;
  margin-right: calc(var(--track-pdg-inline) * -1);
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

@media screen and (max-width: 480px) {
  .splide {
    width: 100vw;
    transform: translateX(-50%);
    margin-left: 50% !important;
  }
}
/* __container */
.splide__container {
  box-sizing: border-box;
  position: relative;
}

/* __arrows */
.splide__arrows {
  position: absolute;
  top: calc(var(--arrow-width) * -1);
  right: 0;
  display: flex;
  gap: var(--arrow-gap);
}

.splide:not(.is-overflow) .splide__arrows {
  display: none;
}

@media screen and (max-width: 480px) {
  .splide__arrows {
    right: 0.5rem;
  }
}
/* __arrow */
.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #FFF;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.15);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: var(--arrow-width);
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.8;
  padding: 0;
  position: var(--arrow-position);
  /*top: 50%;
  transform: translateY(-50%);*/
  width: var(--arrow-width);
  z-index: 1;
}

.splide__arrow svg {
  fill: #006AF5;
  height: calc(0.59375 * var(--arrow-width));
  width: auto;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 1;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: var(--arrow-distance);
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: var(--arrow-distance);
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

/* __track */
.splide__track {
  padding-block: var(--track-pdg-block);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

/* tracks 'limit' shadow borders */
.splide.is-overflow .splide__track:after,
.splide.is-overflow .splide__track:before {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 1rem;
}

/* right limit */
.splide.is-overflow:has(.splide__arrow--next:not([disabled])) .splide__track:after {
  display: block;
  right: 0;
  background: linear-gradient(to top, rgba(245, 245, 245, 0) 95%, rgb(245, 245, 245) 99%), linear-gradient(to bottom, rgba(245, 245, 245, 0) 95%, rgb(245, 245, 245) 99%), linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(160, 160, 160, 0.1) 99%, rgb(80, 80, 80) 100%), linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(200, 200, 200, 0.15) 80%, rgba(160, 160, 160, 0.3) 100%);
}

/* left limit */
.splide.is-overflow:has(.splide__arrow--prev:not([disabled])):has(.splide__arrow--next[disabled]) .splide__track:before {
  display: block;
  left: 0;
  background: linear-gradient(to top, rgba(245, 245, 245, 0) 95%, rgb(245, 245, 245) 99%), linear-gradient(to bottom, rgba(245, 245, 245, 0) 95%, rgb(245, 245, 245) 99%), linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(160, 160, 160, 0.1) 99%, rgb(80, 80, 80) 100%), linear-gradient(to left, rgba(255, 255, 255, 0) 30%, rgba(200, 200, 200, 0.15) 80%, rgba(160, 160, 160, 0.3) 100%);
  z-index: 2;
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

@media screen and (max-width: 480px) {
  .splide__track {
    padding-inline: 1.5rem !important;
  }
  .splide.is-overflow .splide__track:after,
  .splide.is-overflow .splide__track:before {
    display: none !important;
  }
}
/* __list */
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

/* __slide */
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

/*.splide__slide img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
    margin: 0 auto;
}*/
.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

/* __pagination */
.splide__pagination {
  bottom: -1.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #757575;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  margin: 3px 4px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 12px;
}

.splide__pagination__page.is-active {
  background: #006AF5;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 1;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

/* __toggle */
.splide__toggle {
  cursor: pointer;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

/* __spinner */
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

/* others */
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* + Styles Specifiques : ++++++++++++++++++++++++++++ */
/* # HEADER ========================================== */
.pb-header {
  --pb-header-deco-w:45%;
}

/* # MAIN ============================================ */
/* ## Tablist */
[role=tablist] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-right: calc(64px + var(--pb-base-spacing) * 2);
}

[role=tab] {
  --tab-bg-color:#FFF;
  --tab-bdr-color:var(--pb-color-midgrey);
  --tab-txt-color:var(--pb-color-dark);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid var(--tab-bdr-color);
  border-radius: 1000vw;
  background-color: var(--tab-bg-color);
  color: var(--tab-txt-color);
  font-size: var(--pb-font-size-text);
  height: 2.5em;
  white-space: nowrap;
  padding-inline: var(--pb-base-spacing);
}

[role=tab]:hover {
  --tab-bg-color:var(--pb-color-bleu-hovered);
  --tab-bdr-color:var(--pb-color-bleu-hovered);
  --tab-txt-color:#FFF;
}

[role=tab][aria-selected=true] {
  --tab-bg-color:var(--pb-color-bleu);
  --tab-bdr-color:var(--pb-color-bleu);
  --tab-txt-color:#FFF;
  cursor: default;
}

@media (max-width: 480px) {
  [role=tablist] {
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    padding: 3px 1.5rem;
    width: 100vw;
    transform: translateX(-50%);
    margin-left: 50%;
    margin-bottom: 2.5rem;
  }
}
/* ## Bloc Service */
.blkService {
  width: 15rem;
  border-radius: var(--pb-radius-lg);
  background-color: #FFF;
  overflow: hidden;
  line-height: var(--pb-line-height-sm);
  box-shadow: var(--pb-box-shadow);
  position: relative;
}

.blkService.zoneLink:hover {
  box-shadow: var(--pb-box-shadow-hover);
}

.splide__slide .blkService-visuel,
.blkService-visuel {
  display: block;
  height: 7.5rem;
  width: auto;
}

.blkService-main {
  --pbg-b:calc((var(--pb-block-padding) * 2 ) + 8px);
  padding: var(--pb-block-padding) var(--pb-base-spacing) var(--pbg-b) var(--pb-base-spacing);
}

.splide__slide .blkService-logo,
.blkService-logo {
  display: block;
  height: 1rem;
  width: auto;
  margin-bottom: 0.5rem;
}

.blkService-title {
  font-size: var(--pb-font-size-text-med);
  font-weight: var(--pb-font-weight-bold);
  margin-bottom: 0.5rem;
}

.zoneLink .blkService-link:after {
  display: block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00208 21.5C8.60481 21.4986 8.22414 21.3401 7.94263 21.0591C7.80241 20.9203 7.69109 20.7549 7.61511 20.5726C7.53912 20.3903 7.5 20.1946 7.5 19.997C7.5 19.7994 7.53912 19.6038 7.61511 19.4215C7.69109 19.2392 7.80241 19.0738 7.94263 18.9349L14.879 11.9813L7.94263 5.02756C7.67781 4.74265 7.53364 4.36581 7.54049 3.97645C7.54734 3.58708 7.70469 3.21558 7.97937 2.94021C8.25405 2.66484 8.62463 2.5071 9.01303 2.50023C9.40143 2.49336 9.77733 2.6379 10.0615 2.90338L18.0574 10.9192C18.1976 11.058 18.3089 11.2234 18.3849 11.4057C18.4609 11.588 18.5 11.7837 18.5 11.9813C18.5 12.1788 18.4609 12.3745 18.3849 12.5568C18.3089 12.7391 18.1976 12.9045 18.0574 13.0433L10.0615 21.0591C9.78002 21.3401 9.39935 21.4986 9.00208 21.5Z' fill='%23005EE2'/%3E%3C/svg%3E%0A");
  position: absolute;
  bottom: var(--pb-block-padding);
  right: var(--pb-base-spacing);
}

.blkService-title + p {
  margin: 0;
}

.blkService-mentions {
  font-size: var(--pb-font-size-text-sm);
  color: var(--pb-color-text-lowkey);
  margin: 0.5rem 0 0 0;
}

/* ## push Contactez-nous */
.pushContact {
  margin-top: var(--pb-subsection-spacing);
}

.pushContact .pb-blk-icon {
  width: 2.5rem;
  height: 2.5rem;
}

@media (min-width: 768px) {
  .pushContact {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--pb-block-spacing);
  }
  .pushContact .pb-blk-icon,
  .pushContact .pb-pillBtn {
    flex-shrink: 0;
    width: fit-content;
  }
  .pushContact .pb-blk-icon {
    margin: 0;
  }
  .pushContact .pb-pillBtn--fullW {
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;
  }
}