/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
@import "../../../../loi25/views/loi25/loi25.css";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*!
Brassard Buro général */
/* Icons et images */
.font-48-56-500 {
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
}
.font-48-56-400 {
  font-size: 48px;
  line-height: 56px;
  font-weight: 400;
}
.font-32-40-700 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
.font-32-40-500 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.font-32-40-400 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
}
.font-24-32-500 {
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
}
.font-20-32-500 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}
.font-18-28-700 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.font-18-28-500 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.font-16-24-700 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.font-16-24-500 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.font-14-20-700 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.font-14-20-500 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.font-12-20-500 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}
.font-12-20-700 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
}
.font-12-15-400 {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}
.font-12-15-600 {
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
}
.font-12-15-700 {
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
}
.font-12-15-400 {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}
.font-10-15-600 {
  font-size: 10px !important;
  line-height: 15px !important;
  font-weight: 600 !important;
}
.font-10-15-400 {
  font-size: 10px !important;
  line-height: 15px !important;
  font-weight: 400 !important;
}
.font-8-12-500 {
  font-size: 8px;
  line-height: 12px;
  font-weight: 500;
}
.font-8-15-400 {
  font-size: 8px;
  line-height: 12px;
  font-weight: 500;
}
.dark-purple {
  color: #1D1747 !important;
}
.light-purple {
  color: #F1EBF9 !important;
}
.normal-purple {
  color: #5A3098 !important;
}
.gold {
  color: #F6C864 !important;
}
.red {
  color: #EB3030 !important;
}
.bg-dark-purple {
  background-color: #1D1747;
}
.bg-light-purple {
  background-color: #F1EBF9;
}
.bg-purple {
  background-color: #5A3098;
}
.bg-white {
  background-color: white;
}
.white {
  color: white !important;
}
.bg-grey-1 {
  background-color: #F8F8F7 !important;
}
.bg-grey-2 {
  background-color: #F3F3F1 !important;
}
.bg-grey-3 {
  background-color: #E7E7E5 !important;
}
.opacity60 {
  opacity: 0.6;
}
.data-step-panel-wrapper {
  background: linear-gradient(to right, white 50%, #F3F3F1 50%);
}
.image-container {
  flex: none !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.image-container a {
  display: block;
  width: 100%;
  height: 100%;
}
.line-through {
  text-decoration: line-through #1D1747;
}
/* Icon et image */
.printable {
  display: none;
}
@media print {
  .printable {
    display: block;
  }
}
@media (min-width: 2160px) {
  body {
    zoom: 1.4;
  }
}
iframe {
  width: 100%;
}
.disable {
  opacity: 0.4;
  position: relative;
}
.disable:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* Général  */
*,
*:after,
*:before {
  box-sizing: border-box;
}
a {
  cursor: pointer;
  text-decoration: none;
  color: #1D1747;
}
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.full-width {
  width: 100%;
}
@media (min-width: 992px) {
  .full-height {
    min-height: calc(100vh - 229px);
  }
  .full-height-with-footer {
    min-height: calc(100vh - 712px);
  }
}
.relative {
  position: relative;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.m-h-40 {
  max-height: 40px;
}
.fit-content {
  width: fit-content;
}
/* Style police/text */
html,
body {
  scroll-behavior: smooth;
}
body {
  font-family: Manrope, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  opacity: 1;
  transition: opacity 0.05s;
}
p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #1D1747;
}
.overflow-hidden {
  overflow: hidden;
}
.shadow {
  position: fixed;
  z-index: 5;
  background: #0009;
  top: 97px;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}
.shadow.show {
  display: block;
}
@media (min-width: 992px) {
  .shadow {
    top: 165px;
  }
}
h1,
.h1 {
  font-size: 48px;
  line-height: 56px;
  font-weight: 400;
  color: #1D1747;
  margin-bottom: 40px;
}
h1 span,
.h1 span {
  display: inline-block;
  position: relative;
}
h1 span:before,
.h1 span:before {
  z-index: -1;
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 4px;
  display: inline-block;
  content: ' ';
  border-bottom: 12px solid #f6c864;
  border-radius: 4px;
}
@media (max-width: 549px) {
  h1,
  .h1 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
  }
}
h2,
.h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1D1747;
  margin-bottom: 40px;
}
h2 span,
.h2 span {
  display: inline-block;
  position: relative;
}
h2 span:before,
.h2 span:before {
  z-index: -1;
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 4px;
  display: inline-block;
  content: ' ';
  border-bottom: 8px solid #f6c864;
  border-radius: 4px;
}
h3,
.h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  color: #1D1747;
  margin-bottom: 5px;
}
h4,
.h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #1D1747;
  margin-top: 5px;
  margin-bottom: 10px;
}
h5,
.h5 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: #1D1747;
  margin-bottom: 1rem;
}
h5 span,
.h5 span {
  display: inline-block;
  position: relative;
}
h5 span:before,
.h5 span:before {
  z-index: -1;
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 4px;
  display: inline-block;
  content: ' ';
  border-bottom: 8px solid #f6c864;
  border-radius: 4px;
}
h6,
.h6 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #1D1747;
  margin: 0;
}
.sous-titre {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.text-small {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (max-width: 1199px) {
  .text-center-mobile {
    text-align: center;
  }
}
.underline {
  display: inline-block;
  position: relative;
  z-index: 0;
}
.underline:before {
  z-index: -1;
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 4px;
  display: inline-block;
  content: ' ';
  border-bottom: 8px solid #f6c864;
  border-radius: 4px;
}
.underline:hover:before {
  border-bottom: 8px solid #5A3098;
}
.underline-small {
  display: inline-block;
  position: relative;
  z-index: 0;
}
.underline-small:before {
  z-index: -1;
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 1px;
  display: inline-block;
  content: ' ';
  border-bottom: 2px solid #f6c864;
}
.underline-small:hover:before {
  border-bottom: 2px solid #5A3098;
}
a.underline-small {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #1D1747;
}
/* Structures / Containers / Dispositions */
.wrapper-dark-purple {
  background-color: #1D1747;
}
.wrapper-purple {
  background-color: #5A3098;
}
.wrapper-grey-1 {
  background-color: #F8F8F7;
}
.wrapper-grey-2 {
  background-color: #F8F8F7;
  padding-bottom: 4rem;
}
.container {
  max-width: 1440px;
  margin: 0 auto;
}
.container-460 {
  max-width: 460px;
  margin: 0 auto;
}
.container-520 {
  max-width: 520px;
  margin: 0 auto;
}
.container-630 {
  max-width: 630px;
  margin: 0 auto;
}
.container-750 {
  max-width: 630px;
  margin: 0 auto;
}
.container-padding {
  padding: 0 24px 0 24px;
}
@media (min-width: 992px) {
  .container-padding {
    padding: 0 80px 0 80px;
  }
}
.grid-3-cols {
  grid-template-columns: 1fr 1fr 1fr !important;
}
.toggle-menu {
  position: relative;
}
.toggle-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  text-align: center;
  background: white;
  border: 1px solid #1D1747;
}
.toggle-menu ul a {
  display: block;
  padding: 2px 0;
}
.toggle-menu ul a:hover {
  background: #1D1747;
  color: white;
}
.toggle-menu:hover ul {
  display: block;
}
.p-t-2 {
  padding-top: 2px;
}
@media (min-width: 992px) {
  .padding-right-135-md {
    padding-right: 135px !important;
  }
}
.border-top {
  border-top: 1px solid #E7E7E5;
}
.padding-left-48 {
  padding-left: 48px !important;
}
.padding-left-40 {
  padding-left: 40px !important;
}
.padding-left-32 {
  padding-left: 32px !important;
}
.padding-left-24 {
  padding-left: 24px !important;
}
.padding-left-16 {
  padding-left: 16px !important;
}
.padding-left-8 {
  padding-left: 8px !important;
}
.padding-left-0 {
  padding-left: 0 !important;
}
.padding-right-48 {
  padding-right: 48px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
.padding-right-32 {
  padding-right: 32px !important;
}
.padding-right-24 {
  padding-right: 24px !important;
}
.padding-right-16 {
  padding-right: 16px !important;
}
.padding-right-8 {
  padding-right: 8px !important;
}
.padding-right-0 {
  padding-right: 0 !important;
}
.padding-top-48 {
  padding-top: 48px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-top-32 {
  padding-top: 32px !important;
}
.padding-top-24 {
  padding-top: 24px !important;
}
.padding-top-16 {
  padding-top: 16px !important;
}
.padding-top-8 {
  padding-top: 8px !important;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-bottom-48 {
  padding-bottom: 48px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
.padding-bottom-32 {
  padding-bottom: 32px !important;
}
.padding-bottom-24 {
  padding-bottom: 24px !important;
}
.padding-bottom-16 {
  padding-bottom: 16px !important;
}
.padding-bottom-8 {
  padding-bottom: 8px !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-8 {
  padding: 8px;
}
.padding-16 {
  padding: 16px;
}
.padding-24 {
  padding: 24px;
}
.padding-32 {
  padding: 32px;
}
.padding-40 {
  padding: 40px;
}
.padding-48 {
  padding: 48px;
}
.layout-fit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.layout-fit.content {
  width: fit-content;
  height: fit-content;
}
.margin-auto {
  margin: auto;
}
.margin-0 {
  margin: 0;
}
.margin-top-48 {
  margin-top: 48px !important;
}
.margin-top-32 {
  margin-top: 32px !important;
}
.margin-top-24 {
  margin-top: 24px !important;
}
.margin-top-16 {
  margin-top: 16px !important;
}
.margin-top-8 {
  margin-top: 8px !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-bottom-48 {
  margin-bottom: 48px !important;
}
.margin-bottom-32 {
  margin-bottom: 32px !important;
}
.margin-bottom-24 {
  margin-bottom: 24px !important;
}
.margin-bottom-16 {
  margin-bottom: 16px !important;
}
.margin-bottom-8 {
  margin-bottom: 8px !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-left-16 {
  margin-left: 16px !important;
}
.margin-left-24 {
  margin-left: 24px !important;
}
.margin-right-16 {
  margin-right: 16px !important;
}
@media (min-width: 992px) {
  .margin-right-16-md {
    margin-right: 16px !important;
  }
}
@media (max-width: 1199px) {
  .mobile-margin-bottom-24 {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 992px) {
  .web-margin-right-24 {
    margin-right: 24px !important;
  }
}
@media (max-width: 991px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-web {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-lg {
    display: none !important;
  }
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clearfix {
  clear: both;
}
.height-fit-content {
  height: fit-content;
}
.absolute-center {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.size-60 {
  width: 60px;
  height: 60px;
}
.size-90 {
  width: 90px;
  height: 90px;
}
/** Flex util **/
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-row > .button {
  flex: none;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-row > *,
.flex-column > * {
  flex: 1;
}
.flex-fit-content {
  flex: none !important;
  width: fit-content;
  height: fit-content;
}
.flex-width-fit-content {
  flex: none;
  width: fit-content;
}
.flex-height-fit-content {
  flex: none;
  height: fit-content;
}
@media (min-width: 768px) {
  .flex-row-sm > *,
  .flex-column-sm > * {
    flex: 1;
  }
  .flex-row-sm {
    display: flex;
    flex-direction: row;
  }
  .flex-row-sm > .button {
    flex: none;
  }
  .flex-column-sm {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .flex-row-md > *,
  .flex-column-md > * {
    flex: 1;
  }
  .flex-row-md {
    display: flex;
    flex-direction: row;
  }
  .flex-row-md > .button {
    flex: none;
  }
  .flex-column-md {
    display: flex;
    flex-direction: column;
  }
  .sticky-md {
    position: sticky;
    top: 0;
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .flex-row-lg > *,
  .flex-column-lg > * {
    flex: 1;
  }
  .flex-row-lg {
    display: flex;
    flex-direction: row;
  }
  .flex-row-lg > .button {
    flex: none;
  }
  .flex-column-lg {
    display: flex;
    flex-direction: column;
  }
}
.test {
  min-height: 100px;
  background-color: #F1EBF9;
}
.flex-space-8 {
  gap: 8px;
}
.flex-space-16 {
  gap: 16px;
}
.flex-space-24 {
  gap: 24px;
}
.flex-space-32 {
  gap: 32px;
}
.flex-space-40 {
  gap: 40px;
}
.flex-space-48 {
  gap: 48px;
}
.gap-8 {
  gap: 8px;
}
.gap-12 {
  gap: 12px;
}
.gap-16 {
  gap: 16px;
}
.gap-24 {
  gap: 24px;
}
.gap-32 {
  gap: 32px;
}
.gap-40 {
  gap: 40px;
}
.gap-48 {
  gap: 48px;
}
.flex-1 {
  flex: 1;
}
@media (min-width: 992px) {
  .flex-space-160-md {
    gap: 160px;
  }
}
@media (min-width: 1200px) {
  .flex-space-160-lg {
    gap: 160px;
  }
}
/** Slider **/
[data-slider=slider] {
  overflow-x: scroll !important;
}
@media (min-width: 992px) {
  [data-slider=slider] {
    overflow-x: hidden !important;
  }
}
[data-slider] {
  position: relative;
  overflow: hidden;
}
[data-slider] > div {
  position: relative;
  transition: left 0.5s;
  white-space: nowrap;
  width: fit-content;
  height: 100%;
}
[data-slider] > div img {
  height: 100%;
}
[data-degrade] {
  position: relative;
}
[data-degrade]:before,
[data-degrade]:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 24px;
}
@media (min-width: 992px) {
  [data-degrade]:before,
  [data-degrade]:after {
    width: 80px;
  }
}
[data-degrade]:before {
  background: linear-gradient(to left, transparent, #fff);
  left: 0;
}
[data-degrade]:after {
  background: linear-gradient(to right, transparent, #fff);
  right: 0;
}
/* Sidebar */
.sidebar-wrapper {
  background: linear-gradient(to right, white 50%, #F8F8F7 50%);
}
.sidebar {
  flex: 1.4348;
  background: white;
  padding: 0 24px 24px 24px;
}
.sidebar.small {
  flex: 0.677;
}
@media (min-width: 992px) {
  .sidebar {
    padding: 0 80px 0 80px;
  }
}
.sidebar + div {
  background-color: #F8F8F7;
  padding: 8px 24px 8px 24px;
}
@media (min-width: 992px) {
  .sidebar + div {
    padding: 50px 80px 50px 80px;
  }
}
/* Step Panel */
[data-step-panel] [data-toolbar] {
  background: white;
  padding: 32px;
  flex: none;
}
@media (min-width: 992px) {
  [data-step-panel] [data-toolbar] {
    width: 297px;
  }
}
[data-step-panel] [data-toolbar] h1 {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
@media (min-width: 992px) {
  [data-step-panel] [data-toolbar] h1 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
  }
}
[data-step-panel] [data-toolbar] ul.step li {
  padding-left: 12px;
}
[data-step-panel] [data-toolbar] ul.step a {
  position: relative;
  display: block;
  padding: 5px;
  min-height: 49px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
  opacity: 0.5;
}
[data-step-panel] [data-toolbar] ul.step a:before {
  display: block;
  position: absolute;
  left: -12px;
  top: 12px;
  content: ' ';
  width: 8px;
  height: 8px;
  border: 1px solid #1D1747;
  border-radius: 4px;
}
[data-step-panel] [data-toolbar] ul.step a span {
  display: block;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #1D1747;
}
[data-step-panel] [data-toolbar] ul.step a.closed {
  color: #5A3098;
  opacity: 1;
}
[data-step-panel] [data-toolbar] ul.step a.closed span {
  color: #5A3098;
}
[data-step-panel] [data-toolbar] ul.step a.closed:before {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #5A3098;
  background-image: url(../img/check.svg);
}
[data-step-panel] [data-toolbar] ul.step a.selected {
  opacity: 1;
}
[data-step-panel] [data-toolbar] ul.step a.selected span:before {
  content: __('en cours');
}
[data-step-panel] [data-items] {
  background: #F3F3F1;
  padding: 40px 24px 40px 24px;
}
@media (min-width: 992px) {
  [data-step-panel] [data-items] {
    padding: 80px 0 80px 80px;
  }
}
[data-step-panel] [data-items] h2 {
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
}
@media (min-width: 992px) {
  [data-step-panel] [data-items] h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
  }
}
[data-step-panel] [data-items] h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
@media (min-width: 992px) {
  [data-step-panel] [data-items] h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }
}
[data-step-panel] [data-items] > div {
  max-width: 845px;
}
[data-step-panel] [data-items] > div:first-child {
  display: block;
}
@media (min-width: 992px) {
  [data-step-panel] [data-items] {
    min-height: 690px;
  }
}
/* Popup */
#mask {
  z-index: 100;
  background-color: #000b;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.popup {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1100;
  min-width: 400px;
  max-width: 90%;
  width: fit-content;
  height: fit-content;
  background-color: #fff;
  border-radius: 5px;
  padding: 14px 28px 14px;
  border-left: solid 1px #cacaca !important;
  border-right: none !important;
  box-shadow: 0 0 5px #999 !important;
}
.popup progress {
  width: 100%;
  height: 50px;
}
.popup .close {
  display: inline-block;
  cursor: pointer;
  background-image: url(../img/cross.png);
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
  z-index: 1;
}
/* Formulaires */
.separator {
  border-top: 1px solid #1D1747;
  margin-top: 24px;
  padding-top: 24px;
}
@media (min-width: 992px) {
  .separator {
    margin-top: 48px;
    padding-top: 48px;
  }
}
@media (min-width: 992px) {
  .small-form {
    max-width: 630px !important;
  }
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
fieldset {
  padding: 0;
  border: none;
  margin-bottom: 16px;
}
fieldset legend {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 600;
  color: #1D1747;
  margin-bottom: 8px;
}
fieldset input[type=radio] {
  display: none;
}
fieldset input[type=radio]:checked + label {
  background-color: #5A3098;
  color: white;
}
fieldset label {
  cursor: pointer;
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #5A3098;
  border-radius: 50px;
  margin-bottom: 15px;
  margin-left: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.number-field-container {
  user-select: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  border: 1px solid #1D174766;
  display: inline-block;
  border-radius: 6px;
  background: white;
}
.number-field-container.large {
  padding: 6px 0;
}
.number-field-container .before,
.number-field-container .after,
.number-field-container .none {
  display: inline-block;
  padding: 7px 0;
  font-size: 14px;
  text-align: center;
  width: 30px;
}
.number-field-container .none {
  padding: 17px 0;
  vertical-align: middle;
}
.number-field-container .after:after {
  content: '+';
}
.number-field-container .before:before {
  content: '-';
}
.number-field-container input[type=number] {
  text-align: center;
  border: none;
  color: #1D1747;
  width: 30px;
}
.number-field-container input[type=number]:focus-visible {
  border: none;
}
[data-placeholder]:before {
  content: attr(data-placeholder);
  position: absolute;
  left: 15px;
  top: 0;
  font-size: 14px;
  opacity: 0.8;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
}
[data-placeholder] input {
  padding: 22px 14px 6px !important;
}
[data-placeholder] .text-field {
  padding: 22px 14px 0 !important;
}
[data-placeholder] .state-field {
  padding: 22px 14px 5px 10px !important;
}
[data-info] {
  position: relative;
}
[data-info]:hover:after {
  content: attr(data-info);
}
[data-info]:after {
  position: absolute;
  color: #1D1747;
  background-color: #F1EBF9;
  font-size: 8px;
  line-height: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 6px 8px;
  bottom: 150%;
  left: -500px;
  right: -500px;
  margin: auto;
  width: fit-content;
}
.field-container:after {
  content: '';
  opacity: 0;
  transition: opacity ease 300ms;
}
.field-container input {
  transition: padding linear 100ms;
}
[data-error]:after {
  content: attr(data-error) !important;
  color: red;
  position: absolute;
  right: 15px;
  top: 0;
  font-size: 14px;
  opacity: 1;
}
[data-error] input {
  outline: red solid 1px !important;
  padding: 22px 14px 6px !important;
}
input.input-element:read-only {
  background: #E7E7E5;
}
input.input-element:read-only:focus-visible {
  outline: none;
}
.field-container {
  position: relative;
  max-width: 100%;
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  /* placeholder : #1D174766 40 % */
}
.field-container.disabled .text {
  opacity: 0.2;
}
.field-container.disabled input[type=radio]:before,
.field-container.disabled input[type=checkbox]:before {
  opacity: 0.2;
}
.field-container.disabled input[type=radio]:after,
.field-container.disabled input[type=checkbox]:after {
  opacity: 0.2;
}
.field-container .info {
  margin-left: 10px;
  color: white;
  background-color: #5A3098;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  line-height: 16px;
  font-size: 8px;
  text-align: center;
  border-radius: 8px;
}
.field-container input:focus + ul {
  display: flex;
}
.field-container ul {
  position: absolute;
  z-index: 10;
  top: calc(100% + 10px);
  border: 1px solid #E7E7E5;
  border-radius: 4px;
  padding: 6px;
  background: white;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.field-container ul li {
  border: 1px solid transparent;
  padding: 6px;
}
.field-container ul li:hover {
  border: 1px solid #F8F8F7;
  background-color: #F8F8F7;
}
.field-container .text-field {
  max-height: 48px;
}
.field-container .text-field,
.field-container .state-field,
.field-container input[type=text],
.field-container input[type=email],
.field-container input[type=password],
.field-container input[type=number],
.field-container textarea {
  border: 1px solid #1D174766;
  border-radius: 6px;
  padding: 14px;
  width: 100%;
}
.field-container textarea {
  resize: none;
  padding: 24px 14px 14px;
  height: 120px;
}
.field-container input[type=radio],
.field-container input[type=checkbox] {
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.field-container input[type=radio]:before,
.field-container input[type=checkbox]:before {
  display: inline-block;
  content: '';
  width: 14px;
  height: 14px;
  border: 1px solid #5A3098;
  border-radius: 7px;
  background-color: white;
  position: relative;
}
.field-container input[type=radio]:checked:after,
.field-container input[type=checkbox]:checked:after {
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 7px;
  background-color: #5A3098;
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 3px;
}
.field-container input[type=checkbox]:before {
  border: 1px solid #5A3098;
  border-radius: 2px;
  background-color: white;
  position: relative;
}
.field-container input[type=checkbox]:checked:after {
  border-radius: 1px;
  background-color: #5A3098;
}
.field-container button {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #5A3098;
  border: 0;
}
.field-container button:hover {
  box-shadow: inset 0 0 9px #1D1747;
}
.field-container button img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.field-container input[type=file] {
  border: 1px solid #ccc;
  border-radius: 6px;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}
.hover-bg-light-purple:hover {
  background-color: #F1EBF9 !important;
}
/* Features */
.connected .bookmark {
  display: inherit;
}
.bookmark {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 16px;
  width: 32px;
  height: 32px;
  flex: none !important;
  background: white url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjU3MTQgMEMxMC4wOTY0IDAgOC44MDUgMC42MzQyODYgOCAxLjcwNjQzQzcuMTk1IDAuNjM0Mjg2IDUuOTAzNTcgMCA0LjQyODU3IDBDMy4yNTQ0NSAwLjAwMTMyMzM4IDIuMTI4NzkgMC40NjgzMjkgMS4yOTg1NiAxLjI5ODU2QzAuNDY4MzI5IDIuMTI4NzkgMC4wMDEzMjMzOCAzLjI1NDQ1IDAgNC40Mjg1N0MwIDkuNDI4NTcgNy40MTM1NyAxMy40NzU3IDcuNzI5MjkgMTMuNjQyOUM3LjgxMjUgMTMuNjg3NiA3LjkwNTUxIDEzLjcxMTEgOCAxMy43MTExQzguMDk0NDkgMTMuNzExMSA4LjE4NzUgMTMuNjg3NiA4LjI3MDcxIDEzLjY0MjlDOC41ODY0MyAxMy40NzU3IDE2IDkuNDI4NTcgMTYgNC40Mjg1N0MxNS45OTg3IDMuMjU0NDUgMTUuNTMxNyAyLjEyODc5IDE0LjcwMTQgMS4yOTg1NkMxMy44NzEyIDAuNDY4MzI5IDEyLjc0NTYgMC4wMDEzMjMzOCAxMS41NzE0IDBaTTggMTIuNDg1N0M2LjY5NTcxIDExLjcyNTcgMS4xNDI4NiA4LjI2MzU3IDEuMTQyODYgNC40Mjg1N0MxLjE0Mzk5IDMuNTU3NDkgMS40OTA1MyAyLjcyMjQyIDIuMTA2NDcgMi4xMDY0N0MyLjcyMjQyIDEuNDkwNTMgMy41NTc0OSAxLjE0Mzk5IDQuNDI4NTcgMS4xNDI4NkM1LjgxNzg2IDEuMTQyODYgNi45ODQyOSAxLjg4Mjg2IDcuNDcxNDMgMy4wNzE0M0M3LjUxNDQ4IDMuMTc2MjQgNy41ODc3MiAzLjI2NTg4IDcuNjgxODMgMy4zMjg5NkM3Ljc3NTk1IDMuMzkyMDUgNy44ODY3IDMuNDI1NzMgOCAzLjQyNTczQzguMTEzMyAzLjQyNTczIDguMjI0MDUgMy4zOTIwNSA4LjMxODE3IDMuMzI4OTZDOC40MTIyOCAzLjI2NTg4IDguNDg1NTIgMy4xNzYyNCA4LjUyODU3IDMuMDcxNDNDOS4wMTU3MSAxLjg4MDcxIDEwLjE4MjEgMS4xNDI4NiAxMS41NzE0IDEuMTQyODZDMTIuNDQyNSAxLjE0Mzk5IDEzLjI3NzYgMS40OTA1MyAxMy44OTM1IDIuMTA2NDdDMTQuNTA5NSAyLjcyMjQyIDE0Ljg1NiAzLjU1NzQ5IDE0Ljg1NzEgNC40Mjg1N0MxNC44NTcxIDguMjU3ODYgOS4zMDI4NiAxMS43MjUgOCAxMi40ODU3WiIgZmlsbD0iIzVBMzA5OCIvPgo8L3N2Zz4K') no-repeat center center;
  background-size: 50%;
}
.bookmark.large {
  border-radius: 20px;
  width: 40px;
  height: 40px;
}
.bookmark.yes {
  background: #F1EBF9 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNTcxNCAwQzEwLjA5NjQgMCA4LjgwNSAwLjYzNDI4NiA4IDEuNzA2NDNDNy4xOTUgMC42MzQyODYgNS45MDM1NyAwIDQuNDI4NTcgMEMzLjI1NDQ1IDAuMDAxMzIzMzggMi4xMjg3OSAwLjQ2ODMyOSAxLjI5ODU2IDEuMjk4NTZDMC40NjgzMjkgMi4xMjg3OSAwLjAwMTMyMzM4IDMuMjU0NDUgMCA0LjQyODU3QzAgOS40Mjg1NyA3LjQxMzU3IDEzLjQ3NTcgNy43MjkyOSAxMy42NDI5QzcuODEyNSAxMy42ODc2IDcuOTA1NTEgMTMuNzExMSA4IDEzLjcxMTFDOC4wOTQ0OSAxMy43MTExIDguMTg3NSAxMy42ODc2IDguMjcwNzEgMTMuNjQyOUM4LjU4NjQzIDEzLjQ3NTcgMTYgOS40Mjg1NyAxNiA0LjQyODU3QzE1Ljk5ODcgMy4yNTQ0NSAxNS41MzE3IDIuMTI4NzkgMTQuNzAxNCAxLjI5ODU2QzEzLjg3MTIgMC40NjgzMjkgMTIuNzQ1NiAwLjAwMTMyMzM4IDExLjU3MTQgMFpNOCAxMi40ODU3QzYuNjk1NzEgMTEuNzI1NyAxLjE0Mjg2IDguMjYzNTcgMS4xNDI4NiA0LjQyODU3QzEuMTQzOTkgMy41NTc0OSAxLjQ5MDUzIDIuNzIyNDIgMi4xMDY0NyAyLjEwNjQ3QzIuNzIyNDIgMS40OTA1MyAzLjU1NzQ5IDEuMTQzOTkgNC40Mjg1NyAxLjE0Mjg2QzUuODE3ODYgMS4xNDI4NiA2Ljk4NDI5IDEuODgyODYgNy40NzE0MyAzLjA3MTQzQzcuNTE0NDggMy4xNzYyNCA3LjU4NzcyIDMuMjY1ODggNy42ODE4MyAzLjMyODk2QzcuNzc1OTUgMy4zOTIwNSA3Ljg4NjcgMy40MjU3MyA4IDMuNDI1NzNDOC4xMTMzIDMuNDI1NzMgOC4yMjQwNSAzLjM5MjA1IDguMzE4MTcgMy4zMjg5NkM4LjQxMjI4IDMuMjY1ODggOC40ODU1MiAzLjE3NjI0IDguNTI4NTcgMy4wNzE0M0M5LjAxNTcxIDEuODgwNzEgMTAuMTgyMSAxLjE0Mjg2IDExLjU3MTQgMS4xNDI4NkMxMi40NDI1IDEuMTQzOTkgMTMuMjc3NiAxLjQ5MDUzIDEzLjg5MzUgMi4xMDY0N0MxNC41MDk1IDIuNzIyNDIgMTQuODU2IDMuNTU3NDkgMTQuODU3MSA0LjQyODU3QzE0Ljg1NzEgOC4yNTc4NiA5LjMwMjg2IDExLjcyNSA4IDEyLjQ4NTdaIiBmaWxsPSIjMUQxNzQ3Ii8+PC9zdmc+') no-repeat center center;
}
.login-banner {
  display: block;
  padding: 8px 22px;
  margin-bottom: 32px;
  background-color: #5A3098;
  color: white;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
}
.login-banner span {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjgyNDIgMTYuOTc1MkMxNy44Nzk5IDE3LjAzMSAxNy45MjQxIDE3LjA5NzEgMTcuOTU0MyAxNy4xN0MxNy45ODQ1IDE3LjI0MjggMTggMTcuMzIwOSAxOCAxNy4zOTk3QzE4IDE3LjQ3ODUgMTcuOTg0NSAxNy41NTY2IDE3Ljk1NDMgMTcuNjI5NEMxNy45MjQxIDE3LjcwMjMgMTcuODc5OSAxNy43Njg0IDE3LjgyNDIgMTcuODI0MkMxNy43Njg0IDE3Ljg3OTkgMTcuNzAyMyAxNy45MjQxIDE3LjYyOTQgMTcuOTU0M0MxNy41NTY2IDE3Ljk4NDUgMTcuNDc4NSAxOCAxNy4zOTk3IDE4QzE3LjMyMDkgMTggMTcuMjQyOCAxNy45ODQ1IDE3LjE3IDE3Ljk1NDNDMTcuMDk3MSAxNy45MjQxIDE3LjAzMSAxNy44Nzk5IDE2Ljk3NTIgMTcuODI0MkwxMiAxMi44NDgyTDcuMDI0NzggMTcuODI0MkM2LjkxMjIgMTcuOTM2OCA2Ljc1OTUxIDE4IDYuNjAwMyAxOEM2LjQ0MTA5IDE4IDYuMjg4NCAxNy45MzY4IDYuMTc1ODIgMTcuODI0MkM2LjA2MzI1IDE3LjcxMTYgNiAxNy41NTg5IDYgMTcuMzk5N0M2IDE3LjI0MDUgNi4wNjMyNSAxNy4wODc4IDYuMTc1ODIgMTYuOTc1MkwxMS4xNTE4IDEyTDYuMTc1ODIgNy4wMjQ3OEM2LjA2MzI1IDYuOTEyMiA2IDYuNzU5NTEgNiA2LjYwMDNDNiA2LjQ0MTA5IDYuMDYzMjUgNi4yODg0IDYuMTc1ODIgNi4xNzU4MkM2LjI4ODQgNi4wNjMyNSA2LjQ0MTA5IDYgNi42MDAzIDZDNi43NTk1MSA2IDYuOTEyMiA2LjA2MzI1IDcuMDI0NzggNi4xNzU4MkwxMiAxMS4xNTE4TDE2Ljk3NTIgNi4xNzU4MkMxNy4wODc4IDYuMDYzMjUgMTcuMjQwNSA2IDE3LjM5OTcgNkMxNy41NTg5IDYgMTcuNzExNiA2LjA2MzI1IDE3LjgyNDIgNi4xNzU4MkMxNy45MzY4IDYuMjg4NCAxOCA2LjQ0MTA5IDE4IDYuNjAwM0MxOCA2Ljc1OTUxIDE3LjkzNjggNi45MTIyIDE3LjgyNDIgNy4wMjQ3OEwxMi44NDgyIDEyTDE3LjgyNDIgMTYuOTc1MloiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L3N2Zz4K');
  content: '';
  position: absolute;
  top: 6px;
  right: 6px;
  width: 24px;
  height: 24px;
}
.breadcrumbs {
  padding: 16px 0;
  line-height: 30px;
}
@media (min-width: 992px) {
  .breadcrumbs {
    padding: 24px 0;
    line-height: 20px;
  }
}
.breadcrumbs a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding-right: 8px;
}
.breadcrumbs a + a:before,
.breadcrumbs a + span:before,
.breadcrumbs a.breadcrumb-icon:before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMTQ1ODYgMy4zNTM3MkM1LjA5OTQgMy4zMDcyNiA1LjA2MjU1IDMuMjUyMTEgNS4wMzc0MSAzLjE5MTQxQzUuMDEyMjcgMy4xMzA3MiA0Ljk5OTMzIDMuMDY1NjYgNC45OTkzMyAyLjk5OTk3QzQuOTk5MzMgMi45MzQyNyA1LjAxMjI3IDIuODY5MjEgNS4wMzc0MSAyLjgwODUyQzUuMDYyNTUgMi43NDc4MiA1LjA5OTQgMi42OTI2NyA1LjE0NTg2IDIuNjQ2MjJDNS4xOTIzMSAyLjU5OTc2IDUuMjQ3NDYgMi41NjI5MSA1LjMwODE2IDIuNTM3NzdDNS4zNjg4NiAyLjUxMjYzIDUuNDMzOTEgMi40OTk2OSA1LjQ5OTYxIDIuNDk5NjlDNS41NjUzMSAyLjQ5OTY5IDUuNjMwMzYgMi41MTI2MyA1LjY5MTA2IDIuNTM3NzdDNS43NTE3NSAyLjU2MjkxIDUuODA2OSAyLjU5OTc2IDUuODUzMzYgMi42NDYyMkwxMC44NTM0IDcuNjQ2MjJDMTAuODk5OCA3LjY5MjY1IDEwLjkzNjcgNy43NDc4IDEwLjk2MTkgNy44MDg1QzEwLjk4NyA3Ljg2OTIgMTEgNy45MzQyNiAxMSA3Ljk5OTk3QzExIDguMDY1NjcgMTAuOTg3IDguMTMwNzQgMTAuOTYxOSA4LjE5MTQ0QzEwLjkzNjcgOC4yNTIxNCAxMC44OTk4IDguMzA3MjggMTAuODUzNCA4LjM1MzcyTDUuODUzMzYgMTMuMzUzN0M1Ljc1OTU0IDEzLjQ0NzUgNS42MzIyOSAxMy41MDAyIDUuNDk5NjEgMTMuNTAwMkM1LjM2NjkyIDEzLjUwMDIgNS4yMzk2OCAxMy40NDc1IDUuMTQ1ODYgMTMuMzUzN0M1LjA1MjA0IDEzLjI1OTkgNC45OTkzMyAxMy4xMzI2IDQuOTk5MzMgMTNDNC45OTkzMyAxMi44NjczIDUuMDUyMDQgMTIuNzQgNS4xNDU4NiAxMi42NDYyTDkuNzkyNzMgNy45OTk5N0w1LjE0NTg2IDMuMzUzNzJaIiBmaWxsPSIjMUQxNzQ3IiBzdHJva2U9IiMxRDE3NDciIHN0cm9rZS13aWR0aD0iMC41Ii8+Cjwvc3ZnPgo=');
  vertical-align: text-bottom;
}
.breadcrumbs a.reverse.breadcrumb-icon:before {
  transform: scaleX(-1);
}
.breadcrumbs.dark-mode {
  color: white;
}
.breadcrumbs.dark-mode a {
  color: white;
}
.breadcrumbs.dark-mode a + a:before,
.breadcrumbs.dark-mode a + span:before,
.breadcrumbs.dark-mode a.breadcrumb-icon:before {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjg1NDEgMTIuNjQ2M0MxMC45MDA2IDEyLjY5MjcgMTAuOTM3NCAxMi43NDc5IDEwLjk2MjYgMTIuODA4NkMxMC45ODc3IDEyLjg2OTMgMTEuMDAwNyAxMi45MzQzIDExLjAwMDcgMTNDMTEuMDAwNyAxMy4wNjU3IDEwLjk4NzcgMTMuMTMwOCAxMC45NjI2IDEzLjE5MTVDMTAuOTM3NCAxMy4yNTIyIDEwLjkwMDYgMTMuMzA3MyAxMC44NTQxIDEzLjM1MzhDMTAuODA3NyAxMy40MDAyIDEwLjc1MjUgMTMuNDM3MSAxMC42OTE4IDEzLjQ2MjJDMTAuNjMxMSAxMy40ODc0IDEwLjU2NjEgMTMuNTAwMyAxMC41MDA0IDEzLjUwMDNDMTAuNDM0NyAxMy41MDAzIDEwLjM2OTYgMTMuNDg3NCAxMC4zMDg5IDEzLjQ2MjJDMTAuMjQ4MiAxMy40MzcxIDEwLjE5MzEgMTMuNDAwMiAxMC4xNDY2IDEzLjM1MzhMNS4xNDY2NCA4LjM1Mzc4QzUuMTAwMTUgOC4zMDczNSA1LjA2MzI4IDguMjUyMiA1LjAzODExIDguMTkxNUM1LjAxMjk1IDguMTMwOCA1IDguMDY1NzQgNSA4LjAwMDAzQzUgNy45MzQzMyA1LjAxMjk1IDcuODY5MjYgNS4wMzgxMSA3LjgwODU2QzUuMDYzMjggNy43NDc4NiA1LjEwMDE1IDcuNjkyNzIgNS4xNDY2NCA3LjY0NjI4TDEwLjE0NjYgMi42NDYyOEMxMC4yNDA1IDIuNTUyNDYgMTAuMzY3NyAyLjQ5OTc2IDEwLjUwMDQgMi40OTk3NkMxMC42MzMxIDIuNDk5NzYgMTAuNzYwMyAyLjU1MjQ2IDEwLjg1NDEgMi42NDYyOEMxMC45NDggMi43NDAxIDExLjAwMDcgMi44NjczNSAxMS4wMDA3IDMuMDAwMDNDMTEuMDAwNyAzLjEzMjcyIDEwLjk0OCAzLjI1OTk2IDEwLjg1NDEgMy4zNTM3OEw2LjIwNzI3IDguMDAwMDNMMTAuODU0MSAxMi42NDYzWiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC41Ii8+Cjwvc3ZnPgo=');
  transform: none;
}
.button {
  display: inline-block;
  border-radius: 6px;
  background-color: #F1EBF9;
  border: 1px solid #5A3098;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  padding: 10px 12px;
}
.button.large {
  padding: 12px 16px;
}
.button.purple {
  background-color: #5A3098;
  border-color: #5A3098;
  color: white;
}
.button.purple:hover {
  background-color: #1D1747;
}
.button > * {
  vertical-align: text-bottom;
}
.button img:first-child {
  margin-right: 8px;
}
.button.arrow.right.purple:after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMjY1NDkgMy4yMzQ4M0wxMy43NjU1IDcuNzM0ODNDMTMuODM1NyA3LjgwNTE0IDEzLjg3NTIgNy45MDA0NiAxMy44NzUyIDcuOTk5ODNDMTMuODc1MiA4LjA5OTIxIDEzLjgzNTcgOC4xOTQ1MiAxMy43NjU1IDguMjY0ODNMOS4yNjU0OSAxMi43NjQ4QzkuMTk0NCAxMi44MzExIDkuMTAwMzggMTIuODY3MSA5LjAwMzIzIDEyLjg2NTRDOC45MDYwOCAxMi44NjM3IDguODEzMzggMTIuODI0MyA4Ljc0NDY4IDEyLjc1NTZDOC42NzU5NyAxMi42ODY5IDguNjM2NjIgMTIuNTk0MiA4LjYzNDkgMTIuNDk3MUM4LjYzMzE5IDEyLjM5OTkgOC42NjkyNSAxMi4zMDU5IDguNzM1NDkgMTIuMjM0OEwxMi41OTQ5IDguMzc0ODNMMi41MDA0OSA4LjM3NDgzQzIuNDAxMDMgOC4zNzQ4MyAyLjMwNTY1IDguMzM1MzIgMi4yMzUzMiA4LjI2NUMyLjE2NSA4LjE5NDY3IDIuMTI1NDkgOC4wOTkyOSAyLjEyNTQ5IDcuOTk5ODNDMi4xMjU0OSA3LjkwMDM4IDIuMTY1IDcuODA0OTkgMi4yMzUzMiA3LjczNDY3QzIuMzA1NjUgNy42NjQzNCAyLjQwMTAzIDcuNjI0ODMgMi41MDA0OSA3LjYyNDgzTDEyLjU5NDkgNy42MjQ4M0w4LjczNTQ5IDMuNzY0ODNDOC42NjkyNSAzLjY5Mzc0IDguNjMzMTkgMy41OTk3MiA4LjYzNDkgMy41MDI1N0M4LjYzNjYxIDMuNDA1NDIgOC42NzU5NyAzLjMxMjczIDguNzQ0NjggMy4yNDQwMkM4LjgxMzM4IDMuMTc1MzEgOC45MDYwOCAzLjEzNTk2IDkuMDAzMjMgMy4xMzQyNEM5LjEwMDM4IDMuMTMyNTMgOS4xOTQ0IDMuMTY4NTkgOS4yNjU0OSAzLjIzNDgzWiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==');
}
.button.arrow.right:after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMjY1NDkgMy4yMzQ4M0wxMy43NjU1IDcuNzM0ODNDMTMuODM1NyA3LjgwNTE0IDEzLjg3NTIgNy45MDA0NiAxMy44NzUyIDcuOTk5ODNDMTMuODc1MiA4LjA5OTIxIDEzLjgzNTcgOC4xOTQ1MiAxMy43NjU1IDguMjY0ODNMOS4yNjU0OSAxMi43NjQ4QzkuMTk0NCAxMi44MzExIDkuMTAwMzggMTIuODY3MSA5LjAwMzIzIDEyLjg2NTRDOC45MDYwOCAxMi44NjM3IDguODEzMzggMTIuODI0MyA4Ljc0NDY4IDEyLjc1NTZDOC42NzU5NyAxMi42ODY5IDguNjM2NjIgMTIuNTk0MiA4LjYzNDkgMTIuNDk3MUM4LjYzMzE5IDEyLjM5OTkgOC42NjkyNSAxMi4zMDU5IDguNzM1NDkgMTIuMjM0OEwxMi41OTQ5IDguMzc0ODNMMi41MDA0OSA4LjM3NDgzQzIuNDAxMDMgOC4zNzQ4MyAyLjMwNTY1IDguMzM1MzIgMi4yMzUzMiA4LjI2NUMyLjE2NSA4LjE5NDY3IDIuMTI1NDkgOC4wOTkyOSAyLjEyNTQ5IDcuOTk5ODNDMi4xMjU0OSA3LjkwMDM4IDIuMTY1IDcuODA0OTkgMi4yMzUzMiA3LjczNDY3QzIuMzA1NjUgNy42NjQzNCAyLjQwMTAzIDcuNjI0ODMgMi41MDA0OSA3LjYyNDgzTDEyLjU5NDkgNy42MjQ4M0w4LjczNTQ5IDMuNzY0ODNDOC42NjkyNSAzLjY5Mzc0IDguNjMzMTkgMy41OTk3MiA4LjYzNDkgMy41MDI1N0M4LjYzNjYxIDMuNDA1NDIgOC42NzU5NyAzLjMxMjczIDguNzQ0NjggMy4yNDQwMkM4LjgxMzM4IDMuMTc1MzEgOC45MDYwOCAzLjEzNTk2IDkuMDAzMjMgMy4xMzQyNEM5LjEwMDM4IDMuMTMyNTMgOS4xOTQ0IDMuMTY4NTkgOS4yNjU0OSAzLjIzNDgzWiIgZmlsbD0iIzFEMTc0NyIgc3Ryb2tlPSIjMUQxNzQ3Ii8+Cjwvc3ZnPgo=');
  content: ' ';
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 6px;
  vertical-align: text-bottom;
}
ul.gold-dot li {
  padding-left: 16px;
}
ul.gold-dot li:before {
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #F6C864;
  margin-right: 8px;
  margin-left: -16px;
}
[data-qty]:before {
  content: attr(data-qty);
  background-color: #5A3098;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 12px;
  color: white;
  font-size: 12px;
  font-weight: 700;
  vertical-align: text-top;
  margin-right: 8px;
}
/** Icon **/
.icon:before {
  content: '';
  vertical-align: text-bottom;
  display: inline-block;
  background: no-repeat center center;
  margin-right: 6px;
}
.icon-16:before {
  width: 16px;
  height: 16px;
}
.icon-24:before {
  width: 24px;
  height: 24px;
}
.icon.panier:before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljg2MDYgMy4xNzUyMkMxNS44MDQ5IDMuMTA4NjcgMTUuNzM1NCAzLjA1NTEzIDE1LjY1NjggMy4wMTg0QzE1LjU3ODIgMi45ODE2NyAxNS40OTI1IDIuOTYyNjQgMTUuNDA1OCAyLjk2MjY1SDMuNDU3NDJMMy4wOTUyMyAwLjk3MzIzMkMzLjA0NTYzIDAuNzAwMTc1IDIuOTAxNzYgMC40NTMxOSAyLjY4ODcxIDAuMjc1MzM2QzIuNDc1NjcgMC4wOTc0ODEzIDIuMjA2OTUgNC4wMTEwMmUtMDUgMS45Mjk0MyAwSDAuNTkyNTMxQzAuNDM1MzgyIDAgMC4yODQ2NjkgMC4wNjI0MjcyIDAuMTczNTQ4IDAuMTczNTQ4QzAuMDYyNDI3MiAwLjI4NDY2OSAwIDAuNDM1MzgyIDAgMC41OTI1MzFDMCAwLjc0OTY4IDAuMDYyNDI3MiAwLjkwMDM5MiAwLjE3MzU0OCAxLjAxMTUxQzAuMjg0NjY5IDEuMTIyNjMgMC40MzUzODIgMS4xODUwNiAwLjU5MjUzMSAxLjE4NTA2SDEuOTI1NzNMMy44MTg4NiAxMS41NzU4QzMuODc0NjMgMTEuODg0IDQuMDEwODEgMTIuMTcxOSA0LjIxMzY0IDEyLjQxMDZDMy45MzM3IDEyLjY3MiAzLjczMTY1IDEzLjAwNTkgMy42Mjk4OSAxMy4zNzUyQzMuNTI4MTMgMTMuNzQ0NSAzLjUzMDYzIDE0LjEzNDcgMy42MzcxMiAxNC41MDI3QzMuNzQzNjIgMTQuODcwNyAzLjk0OTk0IDE1LjIwMTkgNC4yMzMyMSAxNS40NTk4QzQuNTE2NDggMTUuNzE3NiA0Ljg2NTYzIDE1Ljg5MiA1LjI0MTk0IDE1Ljk2MzVDNS42MTgyNiAxNi4wMzUgNi4wMDcwMyAxNi4wMDEgNi4zNjUxNSAxNS44NjVDNi43MjMyOCAxNS43MjkxIDcuMDM2NzUgMTUuNDk2NiA3LjI3MDgzIDE1LjE5MzRDNy41MDQ5IDE0Ljg5MDIgNy42NTA0MyAxNC41MjgxIDcuNjkxMjcgMTQuMTQ3MkM3LjczMjEgMTMuNzY2NCA3LjY2NjY2IDEzLjM4MTYgNy41MDIxOCAxMy4wMzU3SDEwLjg2NjNDMTAuNzMzNyAxMy4zMTMyIDEwLjY2NTEgMTMuNjE2OSAxMC42NjU2IDEzLjkyNDVDMTAuNjY1NiAxNC4zMzQ2IDEwLjc4NzIgMTQuNzM1NiAxMS4wMTUxIDE1LjA3NjZDMTEuMjQyOSAxNS40MTc3IDExLjU2NjggMTUuNjgzNSAxMS45NDU4IDE1Ljg0MDVDMTIuMzI0NyAxNS45OTc0IDEyLjc0MTcgMTYuMDM4NSAxMy4xNDQgMTUuOTU4NUMxMy41NDYzIDE1Ljg3ODUgMTMuOTE1OCAxNS42ODA5IDE0LjIwNTkgMTUuMzkwOUMxNC40OTU5IDE1LjEwMDkgMTQuNjkzNCAxNC43MzE0IDE0Ljc3MzQgMTQuMzI5MUMxNC44NTM0IDEzLjkyNjggMTQuODEyNCAxMy41MDk4IDE0LjY1NTQgMTMuMTMwOEMxNC40OTg0IDEyLjc1MTkgMTQuMjMyNiAxMi40MjggMTMuODkxNiAxMi4yMDAxQzEzLjU1MDUgMTEuOTcyMiAxMy4xNDk2IDExLjg1MDYgMTIuNzM5NCAxMS44NTA2SDUuNTY3NTdDNS40Mjg4MSAxMS44NTA2IDUuMjk0NDUgMTEuODAxOSA1LjE4NzkzIDExLjcxMjlDNS4wODE0IDExLjYyNCA1LjAwOTQ3IDExLjUwMDUgNC45ODQ2NyAxMS4zNjRMNC43NDk4OCAxMC4wNzNIMTMuMzQxNkMxMy43NTc5IDEwLjA3MyAxNC4xNjA5IDkuOTI2OCAxNC40ODA1IDkuNjYwMDJDMTQuODAwMSA5LjM5MzI0IDE1LjAxNTkgOS4wMjI3NiAxNS4wOTAzIDguNjEzMThMMTUuOTkwOSAzLjY2MTFDMTYuMDA2MiAzLjU3NTUxIDE2LjAwMjQgMy40ODc2MSAxNS45Nzk5IDMuNDAzNjRDMTUuOTU3MyAzLjMxOTY3IDE1LjkxNjYgMy4yNDE2OSAxNS44NjA2IDMuMTc1MjJaTTYuNTE3ODQgMTMuOTI0NUM2LjUxNzg0IDE0LjEwMDMgNi40NjU3MSAxNC4yNzIxIDYuMzY4MDUgMTQuNDE4M0M2LjI3MDM5IDE0LjU2NDQgNi4xMzE1OCAxNC42NzgzIDUuOTY5MTcgMTQuNzQ1NkM1LjgwNjc3IDE0LjgxMjkgNS42MjgwNiAxNC44MzA1IDUuNDU1NjUgMTQuNzk2MkM1LjI4MzI0IDE0Ljc2MTkgNS4xMjQ4NyAxNC42NzcyIDUuMDAwNTcgMTQuNTUyOUM0Ljg3NjI3IDE0LjQyODYgNC43OTE2MiAxNC4yNzAzIDQuNzU3MzMgMTQuMDk3OUM0LjcyMzAzIDEzLjkyNTUgNC43NDA2MyAxMy43NDY4IDQuODA3OSAxMy41ODQzQzQuODc1MTcgMTMuNDIxOSA0Ljk4OTA5IDEzLjI4MzEgNS4xMzUyNSAxMy4xODU1QzUuMjgxNDIgMTMuMDg3OCA1LjQ1MzI2IDEzLjAzNTcgNS42MjkwNCAxMy4wMzU3QzUuODY0NzcgMTMuMDM1NyA2LjA5MDg0IDEzLjEyOTMgNi4yNTc1MiAxMy4yOTZDNi40MjQyIDEzLjQ2MjcgNi41MTc4NCAxMy42ODg4IDYuNTE3ODQgMTMuOTI0NVpNMTMuNjI4MiAxMy45MjQ1QzEzLjYyODIgMTQuMTAwMyAxMy41NzYxIDE0LjI3MjEgMTMuNDc4NCAxNC40MTgzQzEzLjM4MDggMTQuNTY0NCAxMy4yNDE5IDE0LjY3ODMgMTMuMDc5NSAxNC43NDU2QzEyLjkxNzEgMTQuODEyOSAxMi43Mzg0IDE0LjgzMDUgMTIuNTY2IDE0Ljc5NjJDMTIuMzkzNiAxNC43NjE5IDEyLjIzNTIgMTQuNjc3MiAxMi4xMTA5IDE0LjU1MjlDMTEuOTg2NiAxNC40Mjg2IDExLjkwMiAxNC4yNzAzIDExLjg2NzcgMTQuMDk3OUMxMS44MzM0IDEzLjkyNTUgMTEuODUxIDEzLjc0NjggMTEuOTE4MyAxMy41ODQzQzExLjk4NTUgMTMuNDIxOSAxMi4wOTk1IDEzLjI4MzEgMTIuMjQ1NiAxMy4xODU1QzEyLjM5MTggMTMuMDg3OCAxMi41NjM2IDEzLjAzNTcgMTIuNzM5NCAxMy4wMzU3QzEyLjk3NTEgMTMuMDM1NyAxMy4yMDEyIDEzLjEyOTMgMTMuMzY3OSAxMy4yOTZDMTMuNTM0NiAxMy40NjI3IDEzLjYyODIgMTMuNjg4OCAxMy42MjgyIDEzLjkyNDVaTTEzLjkyNDUgOC40MDEzNUMxMy44OTk2IDguNTM4MjUgMTMuODI3MyA4LjY2MjA0IDEzLjcyMDQgOC43NTEwMUMxMy42MTM0IDguODM5OTggMTMuNDc4NSA4Ljg4ODQ2IDEzLjMzOTQgOC44ODc5Nkg0LjUzNDM0TDMuNjcyOTUgNC4xNDc3MkgxNC42OTU1TDEzLjkyNDUgOC40MDEzNVoiIGZpbGw9IiM1QTMwOTgiLz4KPC9zdmc+Cg==');
}
.button.panier:before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5Ljg2MDYgNy4xNzUyMkMxOS44MDQ5IDcuMTA4NjcgMTkuNzM1NCA3LjA1NTEzIDE5LjY1NjggNy4wMTg0QzE5LjU3ODIgNi45ODE2NyAxOS40OTI1IDYuOTYyNjQgMTkuNDA1OCA2Ljk2MjY1SDcuNDU3NDJMNy4wOTUyMyA0Ljk3MzIzQzcuMDQ1NjMgNC43MDAxOCA2LjkwMTc2IDQuNDUzMTkgNi42ODg3MSA0LjI3NTM0QzYuNDc1NjcgNC4wOTc0OCA2LjIwNjk1IDQuMDAwMDQgNS45Mjk0MyA0SDQuNTkyNTNDNC40MzUzOCA0IDQuMjg0NjcgNC4wNjI0MyA0LjE3MzU1IDQuMTczNTVDNC4wNjI0MyA0LjI4NDY3IDQgNC40MzUzOCA0IDQuNTkyNTNDNCA0Ljc0OTY4IDQuMDYyNDMgNC45MDAzOSA0LjE3MzU1IDUuMDExNTFDNC4yODQ2NyA1LjEyMjYzIDQuNDM1MzggNS4xODUwNiA0LjU5MjUzIDUuMTg1MDZINS45MjU3M0w3LjgxODg2IDE1LjU3NThDNy44NzQ2MyAxNS44ODQgOC4wMTA4MSAxNi4xNzE5IDguMjEzNjQgMTYuNDEwNkM3LjkzMzcgMTYuNjcyIDcuNzMxNjUgMTcuMDA1OSA3LjYyOTg5IDE3LjM3NTJDNy41MjgxMyAxNy43NDQ1IDcuNTMwNjMgMTguMTM0NyA3LjYzNzEyIDE4LjUwMjdDNy43NDM2MiAxOC44NzA3IDcuOTQ5OTQgMTkuMjAxOSA4LjIzMzIxIDE5LjQ1OThDOC41MTY0OCAxOS43MTc2IDguODY1NjMgMTkuODkyIDkuMjQxOTQgMTkuOTYzNUM5LjYxODI2IDIwLjAzNSAxMC4wMDcgMjAuMDAxIDEwLjM2NTIgMTkuODY1QzEwLjcyMzMgMTkuNzI5MSAxMS4wMzY4IDE5LjQ5NjYgMTEuMjcwOCAxOS4xOTM0QzExLjUwNDkgMTguODkwMiAxMS42NTA0IDE4LjUyODEgMTEuNjkxMyAxOC4xNDcyQzExLjczMjEgMTcuNzY2NCAxMS42NjY3IDE3LjM4MTYgMTEuNTAyMiAxNy4wMzU3SDE0Ljg2NjNDMTQuNzMzNyAxNy4zMTMyIDE0LjY2NTEgMTcuNjE2OSAxNC42NjU2IDE3LjkyNDVDMTQuNjY1NiAxOC4zMzQ2IDE0Ljc4NzIgMTguNzM1NiAxNS4wMTUxIDE5LjA3NjZDMTUuMjQyOSAxOS40MTc3IDE1LjU2NjggMTkuNjgzNSAxNS45NDU4IDE5Ljg0MDVDMTYuMzI0NyAxOS45OTc0IDE2Ljc0MTcgMjAuMDM4NSAxNy4xNDQgMTkuOTU4NUMxNy41NDYzIDE5Ljg3ODUgMTcuOTE1OCAxOS42ODA5IDE4LjIwNTkgMTkuMzkwOUMxOC40OTU5IDE5LjEwMDkgMTguNjkzNCAxOC43MzE0IDE4Ljc3MzQgMTguMzI5MUMxOC44NTM0IDE3LjkyNjggMTguODEyNCAxNy41MDk4IDE4LjY1NTQgMTcuMTMwOEMxOC40OTg0IDE2Ljc1MTkgMTguMjMyNiAxNi40MjggMTcuODkxNiAxNi4yMDAxQzE3LjU1MDUgMTUuOTcyMiAxNy4xNDk2IDE1Ljg1MDYgMTYuNzM5NCAxNS44NTA2SDkuNTY3NTdDOS40Mjg4MSAxNS44NTA2IDkuMjk0NDUgMTUuODAxOSA5LjE4NzkzIDE1LjcxMjlDOS4wODE0IDE1LjYyNCA5LjAwOTQ3IDE1LjUwMDUgOC45ODQ2NyAxNS4zNjRMOC43NDk4OCAxNC4wNzNIMTcuMzQxNkMxNy43NTc5IDE0LjA3MyAxOC4xNjA5IDEzLjkyNjggMTguNDgwNSAxMy42NkMxOC44MDAxIDEzLjM5MzIgMTkuMDE1OSAxMy4wMjI4IDE5LjA5MDMgMTIuNjEzMkwxOS45OTA5IDcuNjYxMUMyMC4wMDYyIDcuNTc1NTEgMjAuMDAyNCA3LjQ4NzYxIDE5Ljk3OTkgNy40MDM2NEMxOS45NTczIDcuMzE5NjcgMTkuOTE2NiA3LjI0MTY5IDE5Ljg2MDYgNy4xNzUyMlpNMTAuNTE3OCAxNy45MjQ1QzEwLjUxNzggMTguMTAwMyAxMC40NjU3IDE4LjI3MjEgMTAuMzY4MSAxOC40MTgzQzEwLjI3MDQgMTguNTY0NCAxMC4xMzE2IDE4LjY3ODMgOS45NjkxNyAxOC43NDU2QzkuODA2NzcgMTguODEyOSA5LjYyODA2IDE4LjgzMDUgOS40NTU2NSAxOC43OTYyQzkuMjgzMjQgMTguNzYxOSA5LjEyNDg3IDE4LjY3NzIgOS4wMDA1NyAxOC41NTI5QzguODc2MjcgMTguNDI4NiA4Ljc5MTYyIDE4LjI3MDMgOC43NTczMyAxOC4wOTc5QzguNzIzMDMgMTcuOTI1NSA4Ljc0MDYzIDE3Ljc0NjggOC44MDc5IDE3LjU4NDNDOC44NzUxNyAxNy40MjE5IDguOTg5MDkgMTcuMjgzMSA5LjEzNTI1IDE3LjE4NTVDOS4yODE0MiAxNy4wODc4IDkuNDUzMjYgMTcuMDM1NyA5LjYyOTA0IDE3LjAzNTdDOS44NjQ3NyAxNy4wMzU3IDEwLjA5MDggMTcuMTI5MyAxMC4yNTc1IDE3LjI5NkMxMC40MjQyIDE3LjQ2MjcgMTAuNTE3OCAxNy42ODg4IDEwLjUxNzggMTcuOTI0NVpNMTcuNjI4MiAxNy45MjQ1QzE3LjYyODIgMTguMTAwMyAxNy41NzYxIDE4LjI3MjEgMTcuNDc4NCAxOC40MTgzQzE3LjM4MDggMTguNTY0NCAxNy4yNDE5IDE4LjY3ODMgMTcuMDc5NSAxOC43NDU2QzE2LjkxNzEgMTguODEyOSAxNi43Mzg0IDE4LjgzMDUgMTYuNTY2IDE4Ljc5NjJDMTYuMzkzNiAxOC43NjE5IDE2LjIzNTIgMTguNjc3MiAxNi4xMTA5IDE4LjU1MjlDMTUuOTg2NiAxOC40Mjg2IDE1LjkwMiAxOC4yNzAzIDE1Ljg2NzcgMTguMDk3OUMxNS44MzM0IDE3LjkyNTUgMTUuODUxIDE3Ljc0NjggMTUuOTE4MyAxNy41ODQzQzE1Ljk4NTUgMTcuNDIxOSAxNi4wOTk1IDE3LjI4MzEgMTYuMjQ1NiAxNy4xODU1QzE2LjM5MTggMTcuMDg3OCAxNi41NjM2IDE3LjAzNTcgMTYuNzM5NCAxNy4wMzU3QzE2Ljk3NTEgMTcuMDM1NyAxNy4yMDEyIDE3LjEyOTMgMTcuMzY3OSAxNy4yOTZDMTcuNTM0NiAxNy40NjI3IDE3LjYyODIgMTcuNjg4OCAxNy42MjgyIDE3LjkyNDVaTTE3LjkyNDUgMTIuNDAxM0MxNy44OTk2IDEyLjUzODMgMTcuODI3MyAxMi42NjIgMTcuNzIwNCAxMi43NTFDMTcuNjEzNCAxMi44NCAxNy40Nzg1IDEyLjg4ODUgMTcuMzM5NCAxMi44ODhIOC41MzQzNEw3LjY3Mjk1IDguMTQ3NzJIMTguNjk1NUwxNy45MjQ1IDEyLjQwMTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
  content: ' ';
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.back-icon,
.edit-icon {
  font-weight: 700;
}
.back-icon:before,
.edit-icon:before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
  margin-right: 8px;
}
.back-icon:before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjg1NDEgMTIuNjQ2M0MxMC45MDA2IDEyLjY5MjcgMTAuOTM3NCAxMi43NDc5IDEwLjk2MjYgMTIuODA4NkMxMC45ODc3IDEyLjg2OTMgMTEuMDAwNyAxMi45MzQzIDExLjAwMDcgMTNDMTEuMDAwNyAxMy4wNjU3IDEwLjk4NzcgMTMuMTMwOCAxMC45NjI2IDEzLjE5MTVDMTAuOTM3NCAxMy4yNTIyIDEwLjkwMDYgMTMuMzA3MyAxMC44NTQxIDEzLjM1MzhDMTAuODA3NyAxMy40MDAyIDEwLjc1MjUgMTMuNDM3MSAxMC42OTE4IDEzLjQ2MjJDMTAuNjMxMSAxMy40ODc0IDEwLjU2NjEgMTMuNTAwMyAxMC41MDA0IDEzLjUwMDNDMTAuNDM0NyAxMy41MDAzIDEwLjM2OTYgMTMuNDg3NCAxMC4zMDg5IDEzLjQ2MjJDMTAuMjQ4MiAxMy40MzcxIDEwLjE5MzEgMTMuNDAwMiAxMC4xNDY2IDEzLjM1MzhMNS4xNDY2NCA4LjM1Mzc4QzUuMTAwMTUgOC4zMDczNSA1LjA2MzI4IDguMjUyMiA1LjAzODExIDguMTkxNUM1LjAxMjk1IDguMTMwOCA1IDguMDY1NzQgNSA4LjAwMDAzQzUgNy45MzQzMyA1LjAxMjk1IDcuODY5MjYgNS4wMzgxMSA3LjgwODU2QzUuMDYzMjggNy43NDc4NiA1LjEwMDE1IDcuNjkyNzIgNS4xNDY2NCA3LjY0NjI4TDEwLjE0NjYgMi42NDYyOEMxMC4yNDA1IDIuNTUyNDYgMTAuMzY3NyAyLjQ5OTc2IDEwLjUwMDQgMi40OTk3NkMxMC42MzMxIDIuNDk5NzYgMTAuNzYwMyAyLjU1MjQ2IDEwLjg1NDEgMi42NDYyOEMxMC45NDggMi43NDAxIDExLjAwMDcgMi44NjczNSAxMS4wMDA3IDMuMDAwMDNDMTEuMDAwNyAzLjEzMjcyIDEwLjk0OCAzLjI1OTk2IDEwLjg1NDEgMy4zNTM3OEw2LjIwNzI3IDguMDAwMDNMMTAuODU0MSAxMi42NDYzWiIgZmlsbD0iIzFEMTc0NyIgc3Ryb2tlPSIjMUQxNzQ3IiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L3N2Zz4K');
}
.edit-icon:before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjExOTQgNC42NzQ0NEwxMS4zMjYzIDEuODgxMzFDMTEuMjQ1IDEuODAwMDUgMTEuMTQ4NSAxLjczNTU5IDExLjA0MjQgMS42OTE2MUMxMC45MzYyIDEuNjQ3NjQgMTAuODIyNCAxLjYyNSAxMC43MDc1IDEuNjI1QzEwLjU5MjYgMS42MjUgMTAuNDc4OCAxLjY0NzY0IDEwLjM3MjYgMS42OTE2MUMxMC4yNjY1IDEuNzM1NTkgMTAuMTcgMS44MDAwNSAxMC4wODg4IDEuODgxMzFMMi4zODEyNSA5LjU4ODE5QzIuMjk5ODQgOS42NjkzMiAyLjIzNTI4IDkuNzY1NzYgMi4xOTEzIDkuODcxOTZDMi4xNDczMiA5Ljk3ODE1IDIuMTI0NzkgMTAuMDkyIDIuMTI1IDEwLjIwNjlWMTMuMDAwMUMyLjEyNSAxMy4yMzIxIDIuMjE3MTkgMTMuNDU0NyAyLjM4MTI4IDEzLjYxODhDMi41NDUzOCAxMy43ODI5IDIuNzY3OTQgMTMuODc1MSAzIDEzLjg3NTFIMTMuNUMxMy41OTk1IDEzLjg3NTEgMTMuNjk0OCAxMy44MzU2IDEzLjc2NTIgMTMuNzY1MkMxMy44MzU1IDEzLjY5NDkgMTMuODc1IDEzLjU5OTUgMTMuODc1IDEzLjUwMDFDMTMuODc1IDEzLjQwMDYgMTMuODM1NSAxMy4zMDUyIDEzLjc2NTIgMTMuMjM0OUMxMy42OTQ4IDEzLjE2NDYgMTMuNTk5NSAxMy4xMjUxIDEzLjUgMTMuMTI1MUg2LjkwNTYzTDE0LjExOTQgNS45MTE5NEMxNC4yMDA2IDUuODMwNjkgMTQuMjY1MSA1LjczNDIyIDE0LjMwOTEgNS42MjgwNkMxNC4zNTMxIDUuNTIxODkgMTQuMzc1NyA1LjQwODEgMTQuMzc1NyA1LjI5MzE5QzE0LjM3NTcgNS4xNzgyNyAxNC4zNTMxIDUuMDY0NDkgMTQuMzA5MSA0Ljk1ODMyQzE0LjI2NTEgNC44NTIxNSAxNC4yMDA2IDQuNzU1NjkgMTQuMTE5NCA0LjY3NDQ0Wk01Ljg0NSAxMy4xMjUxSDNDMi45NjY4NSAxMy4xMjUxIDIuOTM1MDYgMTMuMTExOSAyLjkxMTYxIDEzLjA4ODVDMi44ODgxNyAxMy4wNjUgMi44NzUgMTMuMDMzMiAyLjg3NSAxMy4wMDAxVjEwLjIwNjlDMi44NzUxNCAxMC4xNzM4IDIuODg4NCAxMC4xNDIxIDIuOTExODggMTAuMTE4OEw4LjUgNC41MzA2OUwxMS40NyA3LjUwMDA2TDUuODQ1IDEzLjEyNTFaTTEzLjU4ODggNS4zODEzMUwxMiA2Ljk3MDA2TDkuMDMwNjMgNC4wMDAwNkwxMC42MTg4IDIuNDExOTRDMTAuNjMwNCAyLjQwMDMyIDEwLjY0NDEgMi4zOTExIDEwLjY1OTMgMi4zODQ4MUMxMC42NzQ1IDIuMzc4NTIgMTAuNjkwOCAyLjM3NTI4IDEwLjcwNzIgMi4zNzUyOEMxMC43MjM2IDIuMzc1MjggMTAuNzM5OSAyLjM3ODUyIDEwLjc1NTEgMi4zODQ4MUMxMC43NzAyIDIuMzkxMSAxMC43ODQgMi40MDAzMiAxMC43OTU2IDIuNDExOTRMMTMuNTg4OCA1LjIwNDQ0QzEzLjYwMDQgNS4yMTYwNSAxMy42MDk2IDUuMjI5ODMgMTMuNjE1OSA1LjI0NTAxQzEzLjYyMjIgNS4yNjAxOCAxMy42MjU0IDUuMjc2NDUgMTMuNjI1NCA1LjI5Mjg4QzEzLjYyNTQgNS4zMDkzIDEzLjYyMjIgNS4zMjU1NyAxMy42MTU5IDUuMzQwNzRDMTMuNjA5NiA1LjM1NTkyIDEzLjYwMDQgNS4zNjk3IDEzLjU4ODggNS4zODEzMVoiIGZpbGw9IiMxRDE3NDciIHN0cm9rZT0iIzFEMTc0NyIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPC9zdmc+Cg==');
}
.trash {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IiMxRDE3NDciLz4KPHBhdGggZD0iTTIxLjUgMTFIMTlWMTAuNUMxOSAxMC4xMDIyIDE4Ljg0MiA5LjcyMDY0IDE4LjU2MDcgOS40MzkzNEMxOC4yNzk0IDkuMTU4MDQgMTcuODk3OCA5IDE3LjUgOUgxNC41QzE0LjEwMjIgOSAxMy43MjA2IDkuMTU4MDQgMTMuNDM5MyA5LjQzOTM0QzEzLjE1OCA5LjcyMDY0IDEzIDEwLjEwMjIgMTMgMTAuNVYxMUgxMC41QzEwLjM2NzQgMTEgMTAuMjQwMiAxMS4wNTI3IDEwLjE0NjQgMTEuMTQ2NEMxMC4wNTI3IDExLjI0MDIgMTAgMTEuMzY3NCAxMCAxMS41QzEwIDExLjYzMjYgMTAuMDUyNyAxMS43NTk4IDEwLjE0NjQgMTEuODUzNkMxMC4yNDAyIDExLjk0NzMgMTAuMzY3NCAxMiAxMC41IDEySDExVjIxQzExIDIxLjI2NTIgMTEuMTA1NCAyMS41MTk2IDExLjI5MjkgMjEuNzA3MUMxMS40ODA0IDIxLjg5NDYgMTEuNzM0OCAyMiAxMiAyMkgyMEMyMC4yNjUyIDIyIDIwLjUxOTYgMjEuODk0NiAyMC43MDcxIDIxLjcwNzFDMjAuODk0NiAyMS41MTk2IDIxIDIxLjI2NTIgMjEgMjFWMTJIMjEuNUMyMS42MzI2IDEyIDIxLjc1OTggMTEuOTQ3MyAyMS44NTM2IDExLjg1MzZDMjEuOTQ3MyAxMS43NTk4IDIyIDExLjYzMjYgMjIgMTEuNUMyMiAxMS4zNjc0IDIxLjk0NzMgMTEuMjQwMiAyMS44NTM2IDExLjE0NjRDMjEuNzU5OCAxMS4wNTI3IDIxLjYzMjYgMTEgMjEuNSAxMVpNMTQgMTAuNUMxNCAxMC4zNjc0IDE0LjA1MjcgMTAuMjQwMiAxNC4xNDY0IDEwLjE0NjRDMTQuMjQwMiAxMC4wNTI3IDE0LjM2NzQgMTAgMTQuNSAxMEgxNy41QzE3LjYzMjYgMTAgMTcuNzU5OCAxMC4wNTI3IDE3Ljg1MzYgMTAuMTQ2NEMxNy45NDczIDEwLjI0MDIgMTggMTAuMzY3NCAxOCAxMC41VjExSDE0VjEwLjVaTTIwIDIxSDEyVjEySDIwVjIxWk0xNSAxNC41VjE4LjVDMTUgMTguNjMyNiAxNC45NDczIDE4Ljc1OTggMTQuODUzNiAxOC44NTM2QzE0Ljc1OTggMTguOTQ3MyAxNC42MzI2IDE5IDE0LjUgMTlDMTQuMzY3NCAxOSAxNC4yNDAyIDE4Ljk0NzMgMTQuMTQ2NCAxOC44NTM2QzE0LjA1MjcgMTguNzU5OCAxNCAxOC42MzI2IDE0IDE4LjVWMTQuNUMxNCAxNC4zNjc0IDE0LjA1MjcgMTQuMjQwMiAxNC4xNDY0IDE0LjE0NjRDMTQuMjQwMiAxNC4wNTI3IDE0LjM2NzQgMTQgMTQuNSAxNEMxNC42MzI2IDE0IDE0Ljc1OTggMTQuMDUyNyAxNC44NTM2IDE0LjE0NjRDMTQuOTQ3MyAxNC4yNDAyIDE1IDE0LjM2NzQgMTUgMTQuNVpNMTggMTQuNVYxOC41QzE4IDE4LjYzMjYgMTcuOTQ3MyAxOC43NTk4IDE3Ljg1MzYgMTguODUzNkMxNy43NTk4IDE4Ljk0NzMgMTcuNjMyNiAxOSAxNy41IDE5QzE3LjM2NzQgMTkgMTcuMjQwMiAxOC45NDczIDE3LjE0NjQgMTguODUzNkMxNy4wNTI3IDE4Ljc1OTggMTcgMTguNjMyNiAxNyAxOC41VjE0LjVDMTcgMTQuMzY3NCAxNy4wNTI3IDE0LjI0MDIgMTcuMTQ2NCAxNC4xNDY0QzE3LjI0MDIgMTQuMDUyNyAxNy4zNjc0IDE0IDE3LjUgMTRDMTcuNjMyNiAxNCAxNy43NTk4IDE0LjA1MjcgMTcuODUzNiAxNC4xNDY0QzE3Ljk0NzMgMTQuMjQwMiAxOCAxNC4zNjc0IDE4IDE0LjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') no-repeat center center;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.lock-icon:before {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggOEM3LjU3OTc1IDguMDAwMTQgNy4xNzM1OCA4LjE1MTUxIDYuODU1NzQgOC40MjY0NEM2LjUzNzg5IDguNzAxMzcgNi4zMjk2IDkuMDgxNDkgNi4yNjg5MiA5LjQ5NzM0QzYuMjA4MjUgOS45MTMxOSA2LjI5OTI1IDEwLjMzNyA2LjUyNTI5IDEwLjY5MTNDNi43NTEzMyAxMS4wNDU2IDcuMDk3MzEgMTEuMzA2NyA3LjUgMTEuNDI2OVYxMi41QzcuNSAxMi42MzI2IDcuNTUyNjggMTIuNzU5OCA3LjY0NjQ1IDEyLjg1MzZDNy43NDAyMSAxMi45NDczIDcuODY3MzkgMTMgOCAxM0M4LjEzMjYxIDEzIDguMjU5NzkgMTIuOTQ3MyA4LjM1MzU1IDEyLjg1MzZDOC40NDczMiAxMi43NTk4IDguNSAxMi42MzI2IDguNSAxMi41VjExLjQyNjlDOC45MDI2OSAxMS4zMDY3IDkuMjQ4NjcgMTEuMDQ1NiA5LjQ3NDcxIDEwLjY5MTNDOS43MDA3NSAxMC4zMzcgOS43OTE3NSA5LjkxMzE5IDkuNzMxMDggOS40OTczNEM5LjY3MDQgOS4wODE0OSA5LjQ2MjExIDguNzAxMzcgOS4xNDQyNiA4LjQyNjQ0QzguODI2NDIgOC4xNTE1MSA4LjQyMDI1IDguMDAwMTQgOCA4Wk04IDEwLjVDNy44NTE2NiAxMC41IDcuNzA2NjYgMTAuNDU2IDcuNTgzMzIgMTAuMzczNkM3LjQ1OTk5IDEwLjI5MTIgNy4zNjM4NiAxMC4xNzQxIDcuMzA3MDkgMTAuMDM3QzcuMjUwMzIgOS44OTk5NyA3LjIzNTQ3IDkuNzQ5MTcgNy4yNjQ0MSA5LjYwMzY4QzcuMjkzMzUgOS40NTgyIDcuMzY0NzggOS4zMjQ1NiA3LjQ2OTY3IDkuMjE5NjdDNy41NzQ1NiA5LjExNDc4IDcuNzA4MiA5LjA0MzM1IDcuODUzNjggOS4wMTQ0MUM3Ljk5OTE3IDguOTg1NDcgOC4xNDk5NyA5LjAwMDMzIDguMjg3MDEgOS4wNTcwOUM4LjQyNDA2IDkuMTEzODYgOC41NDExOSA5LjIwOTk5IDguNjIzNiA5LjMzMzMyQzguNzA2MDEgOS40NTY2NiA4Ljc1IDkuNjAxNjYgOC43NSA5Ljc1QzguNzUgOS45NDg5MSA4LjY3MDk4IDEwLjEzOTcgOC41MzAzMyAxMC4yODAzQzguMzg5NjggMTAuNDIxIDguMTk4OTEgMTAuNSA4IDEwLjVaTTEzIDZIMTFWNC41QzExIDMuNzA0MzUgMTAuNjgzOSAyLjk0MTI5IDEwLjEyMTMgMi4zNzg2OEM5LjU1ODcxIDEuODE2MDcgOC43OTU2NSAxLjUgOCAxLjVDNy4yMDQzNSAxLjUgNi40NDEyOSAxLjgxNjA3IDUuODc4NjggMi4zNzg2OEM1LjMxNjA3IDIuOTQxMjkgNSAzLjcwNDM1IDUgNC41VjZIM0MyLjczNDc4IDYgMi40ODA0MyA2LjEwNTM2IDIuMjkyODkgNi4yOTI4OUMyLjEwNTM2IDYuNDgwNDMgMiA2LjczNDc4IDIgN1YxNEMyIDE0LjI2NTIgMi4xMDUzNiAxNC41MTk2IDIuMjkyODkgMTQuNzA3MUMyLjQ4MDQzIDE0Ljg5NDYgMi43MzQ3OCAxNSAzIDE1SDEzQzEzLjI2NTIgMTUgMTMuNTE5NiAxNC44OTQ2IDEzLjcwNzEgMTQuNzA3MUMxMy44OTQ2IDE0LjUxOTYgMTQgMTQuMjY1MiAxNCAxNFY3QzE0IDYuNzM0NzggMTMuODk0NiA2LjQ4MDQzIDEzLjcwNzEgNi4yOTI4OUMxMy41MTk2IDYuMTA1MzYgMTMuMjY1MiA2IDEzIDZaTTYgNC41QzYgMy45Njk1NyA2LjIxMDcxIDMuNDYwODYgNi41ODU3OSAzLjA4NTc5QzYuOTYwODYgMi43MTA3MSA3LjQ2OTU3IDIuNSA4IDIuNUM4LjUzMDQzIDIuNSA5LjAzOTE0IDIuNzEwNzEgOS40MTQyMSAzLjA4NTc5QzkuNzg5MjkgMy40NjA4NiAxMCAzLjk2OTU3IDEwIDQuNVY2SDZWNC41Wk0xMyAxNEgzVjdIMTNWMTRaIiBmaWxsPSIjMUQxNzQ3Ii8+Cjwvc3ZnPgo=') no-repeat center center;
  content: '';
  vertical-align: text-bottom;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.hamburger-icon {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjY2NjYgOEMyMS42NjY2IDguMjM1NzUgMjEuNTcyOSA4LjQ2MTg0IDIxLjQwNjIgOC42Mjg1NEMyMS4yMzk1IDguNzk1MjQgMjEuMDEzNCA4Ljg4ODg5IDIwLjc3NzcgOC44ODg4OUgxLjIyMjE0QzAuOTg2MzkzIDguODg4ODkgMC43NjAzMDEgOC43OTUyNCAwLjU5MzYwMiA4LjYyODU0QzAuNDI2OTAzIDguNDYxODQgMC4zMzMyNTIgOC4yMzU3NSAwLjMzMzI1MiA4QzAuMzMzMjUyIDcuNzY0MjUgMC40MjY5MDMgNy41MzgxNiAwLjU5MzYwMiA3LjM3MTQ2QzAuNzYwMzAxIDcuMjA0NzYgMC45ODYzOTMgNy4xMTExMSAxLjIyMjE0IDcuMTExMTFIMjAuNzc3N0MyMS4wMTM0IDcuMTExMTEgMjEuMjM5NSA3LjIwNDc2IDIxLjQwNjIgNy4zNzE0NkMyMS41NzI5IDcuNTM4MTYgMjEuNjY2NiA3Ljc2NDI1IDIxLjY2NjYgOFpNMS4yMjIxNCAxLjc3Nzc4SDIwLjc3NzdDMjEuMDEzNCAxLjc3Nzc4IDIxLjIzOTUgMS42ODQxMyAyMS40MDYyIDEuNTE3NDNDMjEuNTcyOSAxLjM1MDczIDIxLjY2NjYgMS4xMjQ2NCAyMS42NjY2IDAuODg4ODg5QzIxLjY2NjYgMC42NTMxNDEgMjEuNTcyOSAwLjQyNzA0OSAyMS40MDYyIDAuMjYwMzVDMjEuMjM5NSAwLjA5MzY1MDcgMjEuMDEzNCAwIDIwLjc3NzcgMEgxLjIyMjE0QzAuOTg2MzkzIDAgMC43NjAzMDEgMC4wOTM2NTA3IDAuNTkzNjAyIDAuMjYwMzVDMC40MjY5MDMgMC40MjcwNDkgMC4zMzMyNTIgMC42NTMxNDEgMC4zMzMyNTIgMC44ODg4ODlDMC4zMzMyNTIgMS4xMjQ2NCAwLjQyNjkwMyAxLjM1MDczIDAuNTkzNjAyIDEuNTE3NDNDMC43NjAzMDEgMS42ODQxMyAwLjk4NjM5MyAxLjc3Nzc4IDEuMjIyMTQgMS43Nzc3OFpNMjAuNzc3NyAxNC4yMjIySDEuMjIyMTRDMC45ODYzOTMgMTQuMjIyMiAwLjc2MDMwMSAxNC4zMTU5IDAuNTkzNjAyIDE0LjQ4MjZDMC40MjY5MDMgMTQuNjQ5MyAwLjMzMzI1MiAxNC44NzU0IDAuMzMzMjUyIDE1LjExMTFDMC4zMzMyNTIgMTUuMzQ2OSAwLjQyNjkwMyAxNS41NzMgMC41OTM2MDIgMTUuNzM5N0MwLjc2MDMwMSAxNS45MDY0IDAuOTg2MzkzIDE2IDEuMjIyMTQgMTZIMjAuNzc3N0MyMS4wMTM0IDE2IDIxLjIzOTUgMTUuOTA2NCAyMS40MDYyIDE1LjczOTdDMjEuNTcyOSAxNS41NzMgMjEuNjY2NiAxNS4zNDY5IDIxLjY2NjYgMTUuMTExMUMyMS42NjY2IDE0Ljg3NTQgMjEuNTcyOSAxNC42NDkzIDIxLjQwNjIgMTQuNDgyNkMyMS4yMzk1IDE0LjMxNTkgMjEuMDEzNCAxNC4yMjIyIDIwLjc3NzcgMTQuMjIyMloiIGZpbGw9IiM1QTMwOTgiLz4KPC9zdmc+Cg==') no-repeat center center;
  width: 22px;
  height: 16px;
  display: inline-block;
  vertical-align: text-bottom;
}
#targetIframe {
  width: 100%;
  height: 1200px;
  background-color: #ffffff;
  max-width: 600px;
  margin: auto;
  border: none;
}
.isMadeInCanada {
  margin: 8px 8px 0 0;
  padding: 6px;
  background-color: #ed1c24;
  display: inline-block;
  width: fit-content;
}
.isMadeInCanada > div {
  width: 41px;
  height: 41px;
  background-position: -102px -188px;
  background-image: url(../img/icons-sprites.png);
}
.isGreen {
  margin: 8px 8px 0 0;
  padding: 6px;
  background-color: #227443;
  display: inline-block;
  width: fit-content;
}
.isGreen > div {
  width: 41px;
  height: 41px;
  background-position: -135px 5px;
  background-image: url(../img/icons-sprites.png);
  background-size: 700px;
}
.red-flag-show {
  display: none;
}
.red + .red-flag-show {
  display: inline;
}
.loading-overlay {
  z-index: 1;
  background-color: white;
  opacity: 70%;
  position: absolute;
  height: 100%;
  width: 100%;
}
/*! 
Header */
/* Header */
.on:before {
  display: inline-block;
  content: ' ';
  background-color: #288F3A;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  vertical-align: middle;
}
.header-top-wrapper {
  color: #ffffff;
  background: #1D1747;
}
.header-top {
  padding: 0 24px 0 24px;
  height: 37px;
}
@media (min-width: 992px) {
  .header-top {
    padding: 0 80px 0 80px;
  }
}
.header-top > * {
  display: inline-block;
}
.header-top > * img {
  vertical-align: middle;
}
.header-top .lang-menu,
.header-top > a {
  padding: 8px 16px 7px 16px;
  cursor: pointer;
  float: right;
  max-height: 37px;
}
.header-top .succursale {
  padding: 8px 16px 7px 0;
}
.header-top .succursale img {
  margin: 0 2px 0 2px;
}
.header-top > a {
  background-color: #5A3098;
  color: white;
}
.header-search-wrapper {
  border-bottom: 1px solid #E7E7E5;
}
#autocomplete {
  --aa-search-input-height: 38px;
  visibility: hidden;
}
@media (min-width: 768px) {
  #autocomplete {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  #search-icon {
    display: none;
  }
}
#mobile-icon-container {
  display: flex;
  justify-content: end;
  flex: 1;
  align-items: center;
}
#mobile-icon-container a#cart-qty {
  display: flex;
  flex-wrap: nowrap;
}
@media (min-width: 992px) {
  #mobile-icon-container {
    display: block;
    margin: auto;
    flex: 0;
  }
}
.header-search {
  padding: 12px 24px 12px 24px;
  display: flex;
}
@media (min-width: 992px) {
  .header-search {
    padding: 16px 80px 16px 80px;
  }
}
.header-search .hamburger {
  padding: 7px 16px 0 0;
}
.header-search a {
  padding: 8px 10px 7px 10px;
  font-weight: 600;
}
.header-search a > * {
  vertical-align: middle;
}
.header-search a:first-child {
  padding-left: 0;
}
.header-search a[data-qty] {
  position: relative;
}
.header-search a[data-qty]:before {
  content: attr(data-qty);
  position: absolute;
  z-index: 1;
  background: #EB3030;
  color: white;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  left: 18px;
}
.menu-main-wrapper {
  border-bottom: 1px solid #E7E7E5;
  display: none;
  /* Mobile version */
}
@media (min-width: 992px) {
  .menu-main-wrapper {
    display: inherit;
  }
}
@media (max-width: 991px) {
  .menu-main-wrapper {
    position: absolute;
    z-index: 10;
    background: white;
    width: 100%;
    height: 0;
    transition: height 250ms;
  }
  .menu-main-wrapper ul {
    display: flex;
    flex-direction: column;
  }
  .menu-main-wrapper .spacer {
    border-top: 1px solid #E7E7E5;
  }
  .menu-main-wrapper.selected {
    display: inherit;
    height: fit-content;
  }
}
.menu-main {
  padding: 24px 24px 0 24px;
}
@media (min-width: 992px) {
  .menu-main {
    padding: 8px 96px 8px 80px;
  }
}
.menu-main ul {
  display: flex;
}
.menu-main ul .spacer {
  flex: 1;
  margin: 8px 0;
}
.menu-main ul + ul {
  background: #F8F8F7;
  margin: 0 -24px 0;
  padding: 8px 24px 0;
}
.menu-main li {
  display: inline-block;
}
.menu-main a {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #5A3098;
  padding: 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.menu-main a.bold {
  font-weight: 700;
  color: #1D1747;
}
.menu-main .catalogue {
  background: #F1EBF9;
  padding: 8px 10px 8px 10px;
  border-radius: 4px;
}
.menu-main .catalogue:before {
  content: ' ';
  vertical-align: middle;
  background-image: url(../img/menu/menu.svg);
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 8px;
}
.menu-main .catalogue.selected {
  background: #5A3098;
  color: white;
}
.menu-main .catalogue.selected:before {
  background-image: url(../img/menu/close.svg);
}
.menu-main .promotions:before {
  content: ' ';
  vertical-align: middle;
  background-image: url(../img/menu/tag.svg);
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 8px;
}
.menu-main .boutique {
  padding-right: 0;
}
.menu-main .boutique:after {
  content: ' ';
  vertical-align: middle;
  background-image: url(../img/menu/arrow.svg);
  width: 16px;
  height: 16px;
  margin-left: 8px;
  display: inline-block;
}
@media (max-width: 991px) {
  .menu-main .boutique:after {
    float: right;
  }
}
.menu-main .catalog-hamster-menu {
  background-color: #5A3098;
  margin: 0 -24px -1px;
  padding: 0 24px 0;
}
.menu-main .catalog-hamster-menu a {
  color: white;
}
.menu-main .catalog-hamster-menu a img {
  vertical-align: text-top;
}
.menu-main img {
  vertical-align: middle;
}
.menu-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  background: linear-gradient(to right, #5A3098 50%, white 50%);
  display: none;
}
.menu-wrapper.selected {
  display: block;
}
.menu {
  display: flex;
}
.level-1 {
  padding: 30px 30px 30px 80px;
  background: #5A3098;
  width: 383px;
}
.level-1 a {
  color: white;
  display: block;
  padding: 6px 0;
  font-weight: 500;
}
.level-1 a span {
  display: inline-block;
  width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.level-1 a.selected {
  font-weight: 700;
}
.level-1 a.selected:after {
  content: ' ';
  background-image: url(../img/menu/chevron.svg);
  width: 20px;
  height: 20px;
  float: right;
  display: block;
}
.level-2,
.level-3 {
  background: white;
}
.level-2 h4 a,
.level-3 h4 a {
  float: right;
  font-weight: 700;
  color: #1D1747;
  font-size: 14px;
  line-height: 20px;
  margin-top: 2px;
}
.level-2 h4 a.underline-small:before,
.level-3 h4 a.underline-small:before {
  z-index: 1;
}
.level-2 h4 span,
.level-3 h4 span {
  display: inline-block;
  width: calc(100% - 60px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.level-2 > div,
.level-3 > div {
  height: 100%;
  border-right: 1px solid #E7E7E5;
  display: none;
}
.level-2 > div.selected,
.level-3 > div.selected {
  display: block;
}
.level-2 ul a,
.level-3 ul a {
  display: block;
  padding: 6px 0;
  font-size: 14px;
}
.level-2 {
  padding: 30px 0;
  width: 415px;
}
.level-2 > div {
  padding: 0 64px;
}
.level-2 ul a {
  color: #5A3098;
  line-height: 20px;
}
.level-2 ul a span {
  display: inline-block;
  width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.level-2 ul a:after {
  content: ' ';
  background-image: url(../img/menu/chevron-2.svg);
  width: 20px;
  height: 20px;
  float: right;
  display: block;
}
.level-2 ul a.selected {
  font-weight: 700;
}
.level-2 ul a.selected:after {
  background-image: url(../img/menu/chevron-2-selected.svg);
}
.level-3 {
  padding: 30px;
  flex: 1;
}
.level-3 > div {
  padding: 0 64px 0 64px;
}
.level-3 ul a {
  color: #1D1747;
  line-height: 48px;
}
.level-3 ul a .icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: #fff no-repeat center center;
  vertical-align: middle;
  margin-right: 12px;
  border-radius: 24px;
  padding: 4px;
  background-size: 60px;
  border: 1px solid #C8C8C8;
}
.level-3 ul a.selected {
  color: #5A3098;
  font-weight: 700;
}
.level-3 ul a.selected .icon {
  border-color: #F6C864;
}
.headerCat {
  line-height: 15px;
}
#librairie-logo-container {
  display: flex;
  align-items: center;
}
#librairie-logo-container #logo {
  height: 32px;
  margin-left: -5px;
  padding-right: 10px;
}
/*!
Footer */
/* Footer */
.footer-wrapper {
  background-color: #1D1747;
  color: #ffffff;
}
.footer {
  padding: 80px 24px 0 24px;
}
@media (min-width: 992px) {
  .footer {
    padding: 120px 80px 0 80px;
  }
  .footer .copyright {
    float: right;
  }
}
.footer.small {
  padding: 12px 24px 12px 24px;
}
@media (min-width: 992px) {
  .footer.small {
    padding: 24px 80px 24px 80px;
  }
}
.footer .footer-logo {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}
.footer .footer-logo img {
  width: 220px;
}
@media (min-width: 992px) {
  .footer .footer-logo img {
    width: 302px;
  }
}
.footer ul.footer-menu {
  width: 100%;
  display: inline-block;
  float: right;
}
.footer ul.footer-menu > li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.footer ul.footer-menu > li span {
  text-transform: uppercase;
}
.footer ul.footer-menu > li a {
  display: block;
  padding: 4px 0;
  color: white;
}
.footer ul.footer-menu > li a:hover {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .footer ul.footer-menu {
    width: 850px;
  }
  .footer ul.footer-menu > li {
    width: 25%;
  }
}
.footer .social-media {
  text-align: center;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 30px 0;
  margin: 30px 0 0;
}
.footer .social-media > div {
  display: inline-block;
  vertical-align: middle;
}
.footer .social-media > div > div {
  display: inline-block;
  vertical-align: middle;
}
.footer .social-media .social-media-list {
  float: right;
}
@media (min-width: 992px) {
  .footer .social-media {
    text-align: left;
  }
}
.footer .last-menu a {
  margin: 0 15px;
  color: white;
}
.footer .last-menu a:hover {
  text-decoration: underline;
}
/*!
Bannière */
.banner [data-slider] {
  max-width: 1059px;
  max-height: 610px;
}
.banner [data-slider] img {
  width: 1059px;
}
.banner .buttons {
  background: #FFFFFF;
  width: 100%;
  flex: none;
  overflow: hidden;
  overflow-x: scroll;
}
@media (min-width: 992px) {
  .banner .buttons {
    overflow-x: hidden;
    width: 381px;
  }
}
.banner .buttons > div {
  padding: 24px;
  white-space: nowrap;
  cursor: pointer;
  border-right: 2px solid #F8F8F7;
  border-bottom: 2px solid #F8F8F7;
  position: relative;
}
@media (min-width: 992px) {
  .banner .buttons > div {
    padding: 15px 0 0 30px;
  }
}
.banner .buttons > div > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  right: 30px;
  margin: auto;
  height: fit-content;
  width: calc(100% - 60px);
}
.banner .buttons > div span:first-child {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1D1747;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.banner .buttons > div span:last-child {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #5A3098;
}
.banner .buttons > div + div {
  border-top: 2px solid transparent;
}
.banner .buttons > div.selected {
  background: #F1EBF9;
  border-bottom: 4px solid #5A3098;
}
.banner .buttons > div.selected + div {
  border-top: none;
}
/*!
Bannière statique */
.static-banner-wrapper img {
  width: 100%;
  height: auto;
}
/*!
Succursales */
/* succursale */
.succursale {
  padding: 50px 0 50px 0;
}
.succursale ul {
  width: 90%;
  display: inline-block;
  margin: 0 auto;
}
.succursale ul li {
  width: 33%;
  display: inline-block;
}
.succursale ul li:nth-child(1),
.succursale ul li:nth-child(2) {
  width: 50%;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .succursale ul li {
    width: 20% !important;
    border-right: 1px solid #e7e7e5;
  }
  .succursale ul li:last-child {
    border-right: none;
  }
}
.succursale ul li span {
  color: #1d1747;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  border-bottom: 2px solid #f6c864;
}
.succursale ul li a:hover span {
  border-bottom: 2px solid #5A3098;
}
.succursale ul li img {
  width: 42px;
}
@media (min-width: 992px) {
  .succursale ul li img {
    width: 60px;
  }
}
/*!
Categories */
.prev:hover,
.next:hover {
  box-shadow: 0 0 5px #1D1747;
  border-radius: 20px;
}
.category {
  padding: 40px 0 40px 0;
  overflow: hidden;
  position: relative;
}
@media (min-width: 992px) {
  .category {
    padding: 60px 0 60px 0;
  }
}
.category [data-slider] > div {
  margin-left: 24px;
}
@media (min-width: 992px) {
  .category [data-slider] > div {
    margin-left: 80px;
  }
}
.category .prev,
.category .next {
  position: absolute;
  cursor: pointer;
  top: 150px;
  z-index: 10;
}
.category .prev {
  left: 35px;
}
.category .next {
  right: 35px;
}
.category .degrade-left,
.category .degrade-right {
  position: absolute;
  top: 0;
  z-index: 1;
}
.category .degrade-left {
  transform: scaleX(-1);
  left: -35px;
}
.category .degrade-right {
  right: -35px;
}
.category .item {
  white-space: normal;
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.category .item .image-container {
  width: 302px;
  height: 360px;
  background-size: cover;
  background-position: 90%;
}
.category .item img {
  width: 240px;
}
@media (min-width: 992px) {
  .category .item img {
    width: fit-content;
  }
}
.category .item span {
  position: absolute;
  left: 40px;
  right: 40px;
  top: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
  text-align: center;
}
@media (min-width: 992px) {
  .category .item span {
    left: 50px;
    right: 50px;
    top: 40px;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
  }
}
.category .item .content {
  position: absolute;
  bottom: 40px;
  right: 0;
  left: 0;
  text-align: center;
}
.category .item .content > div {
  display: inline-block;
  padding: 8px 16px 8px 16px;
  background-color: #fff;
  color: #5A3098;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  border-radius: 24px;
}
.category .item a:hover .content > div {
  background-color: #F1EBF9;
}
/*!
Offer */
.offer {
  padding: 40px 24px 40px 24px;
}
@media (min-width: 992px) {
  .offer {
    padding: 60px 80px 80px 80px;
  }
}
.gallery-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .gallery-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
.gallery-wrapper a {
  display: block;
}
.gallery-wrapper img {
  border: 1px solid #CFD6E3;
  padding: 10px;
  width: 628px;
  max-width: 100%;
}
.promotions .inline-block {
  text-align: center;
  width: 235px;
}
.promotions .inline-block .bg-purple {
  margin-bottom: 4px;
  padding: 8px 0;
}
.circulaires ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.circulaires ul * {
  vertical-align: top;
}
.circulaires .name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  vertical-align: top;
}
.circulaires img {
  width: auto;
  height: 360px;
}
/*!
Product */
.product-slider {
  padding: 40px 0 40px 0;
}
@media (min-width: 992px) {
  .product-slider {
    padding: 80px 0 80px 0;
  }
}
.product-slider .header {
  padding: 0 24px 0 24px;
}
@media (min-width: 992px) {
  .product-slider .header {
    padding: 0 80px 0 80px;
  }
}
.product-slider .carousel {
  display: flex;
  gap: 19px;
}
.product-slider [data-slider] {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.product-slider [data-slider] .arrow-left,
.product-slider [data-slider] .arrow-right {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  top: 120px;
}
.product-slider [data-slider] .arrow-left {
  left: 70px;
  transform: scaleX(-1);
}
.product-slider [data-slider] .arrow-right {
  right: 70px;
}
.product-slider [data-slider] .carousel {
  display: flex;
  padding-left: 24px;
}
@media (min-width: 992px) {
  .product-slider [data-slider] .carousel {
    padding-left: 89px;
  }
}
.products-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: 1fr;
}
@media (min-width: 675px) and (max-width: 991px) {
  .products-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 991px) and (max-width: 1439px) {
  .products-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1440px) and (max-width: 100vw) {
  .products-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.product {
  vertical-align: top;
  white-space: normal;
  display: block;
  margin: 0 auto;
  background: #F8F8F7;
  padding: 24px 24px 24px 24px;
  width: 302px;
  height: 100%;
}
@media (min-width: 0) and (max-width: 374px) {
  .product {
    width: 270px;
  }
}
.product .image-wrapper {
  position: relative;
  padding: 16px 7px 38px 7px;
  border-bottom: 1px solid #E7E7E5;
}
.product .image-wrapper .image-container {
  background-color: white;
  max-width: 100%;
  width: 240px;
  height: 240px;
  margin: 0 auto;
}
.product .image-wrapper .discount {
  position: absolute;
  top: 0;
  left: 0;
  background: #F1EBF9;
  border-radius: 4px;
  padding: 4px 6px 4px 6px;
  color: #1D1747;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}
.product .image-wrapper .button {
  position: absolute;
  bottom: 16px;
  left: 0;
}
.product .price {
  margin-top: 16px;
}
.product .price span {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #1D1747;
}
.product .price .solde {
  color: #EB3030;
}
.product .price .solde + span {
  text-decoration: line-through #1D1747;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #1D1747;
  margin-left: 8px;
  opacity: 0.5;
}
.product .description {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #1D1747;
}
.product .options img {
  margin-right: 4px;
  vertical-align: text-bottom;
}
.product .options span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  color: #5A3098;
}
.empty-list {
  min-height: 120px;
  border: 1px dashed #1D1747;
}
.filterBtn {
  border: 1px solid #E7E7E5;
  border-radius: 4px;
  padding: 8px 16px;
}
.filterBtn:after {
  content: '';
  width: 17px;
  height: 16px;
  background: url('../img/filter.svg');
  display: inline-block;
  vertical-align: sub;
  margin-left: 8px;
}
.searchSort {
  border: 1px solid #E7E7E5;
  border-radius: 4px;
  padding: 8px 16px;
}
.searchSort .select {
  display: inline-block;
}
.searchSort select {
  color: #5A3098;
  font-weight: 700;
  border: none;
  outline: none !important;
}
.pagging,
.ais-Pagination-list {
  display: flex;
  gap: 10px;
  width: fit-content;
  margin: 32px auto 0;
}
.pagging > li,
.ais-Pagination-item {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  line-height: 27px;
  text-align: center;
  border: 1px solid transparent;
  font-size: 16px;
}
.pagging > li.current,
.ais-Pagination-item--selected {
  border: 1px solid #5A3098;
}
.pagging > li a {
  display: block;
  width: 100%;
  height: 100%;
}
.ais-Pagination-item .ais-Pagination-link {
  display: block;
  width: 100%;
  height: 100%;
}
.ais-Pagination-item--nextPage,
.ais-Pagination-item--lastPage,
.ais-Pagination-item--firstPage,
.ais-Pagination-item--previousPage {
  background: #5A3098;
  line-height: 25px;
  font-size: 22px;
}
.ais-Pagination-item--nextPage .ais-Pagination-link,
.ais-Pagination-item--lastPage .ais-Pagination-link,
.ais-Pagination-item--firstPage .ais-Pagination-link,
.ais-Pagination-item--previousPage .ais-Pagination-link {
  color: white;
}
/*!
Brands */
.featured-brands {
  padding: 40px 24px 40px 24px;
}
@media (min-width: 992px) {
  .featured-brands {
    padding: 80px 80px 80px 80px;
  }
}
.featured-brands div {
  width: 100%;
}
.featured-brands div img {
  width: 100%;
}
@media (min-width: 992px) {
  .featured-brands div {
    width: 49%;
  }
}
.brands {
  margin-bottom: 40px;
  padding: 40px 24px 40px 24px;
  border-top: 1px solid #E7E7E5;
  border-bottom: 1px solid #E7E7E5;
  text-align: center;
}
@media (min-width: 992px) {
  .brands {
    padding: 80px 80px 20px 80px;
    margin-bottom: 80px;
  }
}
.brands img {
  filter: grayscale(1);
  margin-left: 20px;
  margin-right: 20px;
}
.brands a.underline-small {
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 30px;
}
.featured-brands > div:nth-child(2) a:nth-child(2) {
  position: absolute;
  left: 5%;
  bottom: 10%;
}
.featured-brands > div:nth-child(3) a:nth-child(2) {
  position: absolute;
  bottom: 50%;
  left: 4%;
}
.featured-brands > div:nth-child(3) a:nth-child(4) {
  position: absolute;
  bottom: 6.3%;
  left: 5%;
}
/*!
Lozenges */
.lozenges > div {
  display: inline-block;
}
.lozenges .pastille-wrapper {
  position: relative;
  margin-bottom: -5px;
}
@media (min-width: 992px) {
  .lozenges .pastille-wrapper {
    margin-bottom: 0;
  }
}
.lozenges .pastille-wrapper img {
  width: 100%;
  height: 100%;
}
.lozenges .pastille-wrapper .pastille {
  position: absolute;
}
.lozenges .pastille-wrapper .pastille img.focus {
  margin-top: -4px;
  margin-left: -4px;
}
.lozenges .pastille-wrapper .pastille .focus {
  display: none;
}
.lozenges .pastille-wrapper .pastille:hover .focus {
  display: inherit;
}
.lozenges .pastille-wrapper .pastille:hover .no-focus {
  display: none;
}
.lozenges .pastille-wrapper .pastille .product {
  position: absolute;
  background: white;
  padding: 12px;
  min-width: 200px;
  max-width: 260px;
  top: -5px;
  right: 52px;
  z-index: 5;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  color: #1D1747;
}
.lozenges .pastille-wrapper .pastille .product p {
  margin: 5px 0;
}
.lozenges .pastille-wrapper .pastille .product .price {
  font-size: 14px;
}
.lozenges .pastille-wrapper .pastille .product .number {
  color: #1D1747;
}
.lozenges .pastille-wrapper .pastille .product.right {
  left: 52px;
}
.lozenges .content-wrapper {
  position: relative;
  background: no-repeat #1D1747 bottom right;
  min-height: 400px;
}
.lozenges .content-wrapper img {
  width: 100%;
}
.lozenges .content-wrapper > div {
  /*position: absolute;
			top: 40px;
			left: 50px;
			
			.media(@sm, {
				top: 175px;
				left: 100px;
			});*/
}
.lozenges .content-wrapper > div span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
}
.lozenges .content-wrapper > div h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: white;
}
.lozenges .content-wrapper > div a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
  background-color: white;
  border: 1px solid #F1EBF9;
}
/*!
Service */
.service-wrapper {
  margin-top: -75px;
}
.service {
  padding: 75px 24px 65px;
}
@media (min-width: 992px) {
  .service {
    background: 0 0 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEwIiBoZWlnaHQ9IjY5NSIgdmlld0JveD0iMCAwIDMxMCA2OTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMTUuMzUxOSA2OTEuMDAzQzUzLjM3OTMgNjgzLjA4IDExNi4xODUgNjYxLjk1MSAxNjkuNTExIDYxOS45MTNDMTg0LjQ0MyA2MDguMDI4IDE5OC42NjMgNTk1LjA0NCAyMTMuMTIgNTgyLjQ5OEMyMTMuNTk0IDU4MS44MzggMjE0LjA2OCA1ODAuOTU4IDIxNC43NzkgNTgwLjI5N0MyNzAuMDAxIDUyMS45NzMgMzAyLjk0NSA0NTQuNDA1IDMwOS4xMDcgMzc2LjcxM0MzMTIuNDI1IDMzMy41NzUgMzA2LjUgMjkxLjA5NyAyOTEuMzMxIDI0OS45NEMyMjEuNDE1IDYzLjA4MjQgMzQuNDE5IC0yMC4xMTE4IC0xNTYuMTMyIDQuMDk4MjVDLTI3My45MjMgMTkuMDY0NSAtMzY2LjU5MiA3NC4zMDc2IC00MjkuMzk4IDE3MC4wNDdDLTQ2MS4zOTMgMjE4LjkwOCAtNDc4LjQ1OCAyNzEuNzI5IC00NzkuODggMzI5LjE3M0MtNDgyLjI1IDQyMS4xNzEgLTQ0OS41NDMgNTAxLjI4NCAtMzg5LjM0NCA1NzIuNTk0Qy0zNTkuMDA4IDYwOC42ODkgLTMxOC45NTQgNjMzLjExOSAtMjc2LjA1NiA2NTMuODA4Qy0yNDguMzI3IDY2My40OTIgLTIyMS41NDUgNjc1LjU5NyAtMTkzLjEwNSA2ODIuNDJDLTEzNC44MDIgNjk2LjUwNiAtNzUuMzEzOSA2OTcuODI2IC0xNS4zNTE5IDY5MS4wMDNaIiBmaWxsPSIjRkVGNkU3Ii8+Cjwvc3ZnPgo=') no-repeat;
    padding-left: 0;
    padding-right: 0;
  }
  .service div + div {
    margin-left: 20px;
  }
}
.service .inline-block {
  margin-bottom: 20px;
}
.service h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.service img {
  float: right;
}
.service div {
  text-align: left;
  max-width: 100%;
}
.service div img {
  max-width: 100%;
  margin-bottom: 20px;
}
.service div h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #5A3098;
  text-transform: uppercase;
}
.service div p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
  color: #1D1747;
}
/*!
Login */
.login {
  overflow: hidden;
}
.login #log {
  padding: 40px 80px;
}
.login #log span {
  color: #5A3098;
}
.login-page {
  background: #1D1747 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzA2IiBoZWlnaHQ9IjI1MyIgdmlld0JveD0iMCAwIDMwNiAyNTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01NTcuNzc0IDI0Mi41NzJDNTUxLjM3OCAxOTEuMzI5IDUzNC4zMjMgMTQ0LjUwMiA1MDAuMzkxIDEwNC43NDRDNDkwLjc5NyA5My42MTE4IDQ4MC4zMTYgODMuMDA5NiA0NzAuMTg5IDcyLjIzMDhDNDY5LjY1NiA3MS44NzczIDQ2OC45NDYgNzEuNTIzOSA0NjguNDEzIDcwLjk5MzhDNDIxLjMzNCAyOS44MjIgMzY2Ljc5MyA1LjI2MDMxIDMwNC4wOCAwLjY2NjAzNEMyNjkuMjYgLTEuODA3ODEgMjM0Ljk3MiAyLjYwOTc3IDIwMS43NSAxMy45MTg4QzUwLjkxOTcgNjYuMDQ2MSAtMTYuMjM0MSAyMDUuNDY1IDMuMzA4MSAzNDcuNTM0QzE1LjM4ODcgNDM1LjM1NSA1OS45ODA3IDUwNC40NDYgMTM3LjI2MSA1NTEuMjczQzE3Ni43MDEgNTc1LjEyNyAyMTkuMzM4IDU4Ny44NSAyNjUuNzA3IDU4OC45MUMzMzkuOTY3IDU5MC42NzcgNDA0LjYzNCA1NjYuMjkyIDQ2Mi4xOTUgNTIxLjQxQzQ5MS4zMyA0OTguNzkyIDUxMS4wNSA0NjguOTI5IDUyNy43NSA0MzYuOTQ2QzUzNS41NjcgNDE2LjI3MSA1NDUuMzM4IDM5Ni4zMDQgNTUwLjg0NSAzNzUuMUM1NjIuMjE1IDMzMS42MzEgNTYzLjI4MSAyODcuMjc4IDU1Ny43NzQgMjQyLjU3MlpNNDI5LjMyOCA0MjMuODdDNDIxLjY4OSA0NTcuMjY3IDQwNi45NDMgNDg4LjM2NiAzODEuMTgzIDUxMi43NTFDMzU5Ljg2NCA1MzIuODk1IDMzNC40NiA1NDMuMzIxIDMwNC43OTEgNTQ0LjczNEMyNDYuMTY1IDU0Ny41NjIgMjA1LjEyNiA1MTkuMjg5IDE3Mi45NyA0NzQuMjNDMTQ2LjMyMSA0MzYuNTkyIDEzMS45MzEgMzk0LjE4NCAxMjUuNzEzIDM0OS4zMDFDMTIxLjQ0OSAzMTguMjAxIDExOC40MjkgMjg2LjM5NSAxMTkuMzE4IDI1NS4xMThDMTIwLjkxNyAxOTUuNzQ2IDEzMy44ODUgMTM5LjAyNCAxNzIuNDM3IDkxLjEzOEMxOTYuNTk4IDYxLjI3NTIgMjI3LjY4OCA0My4yNTE1IDI2My41NzUgNDQuMzExN0MzMDguNjk5IDQzLjk1ODMgMzQyLjA5OSA2MC4wMzgzIDM2OS44MTMgODguNjY0MUM0MDYuOTQ0IDEyNy4xODUgNDI2LjY2MyAxNzQuMzY1IDQzMy41OTIgMjI1Ljk2MkM0MzguNTY2IDI2Mi41NCA0NDAuMTY1IDI5OS44MjQgNDM5LjgxIDMzNi43NTVDNDM5LjQ1NSAzNjUuOTExIDQzNS43MjQgMzk1LjQyMSA0MjkuMzI4IDQyMy44N1oiIGZpbGw9IiNGNkM4NjQiLz4KPC9zdmc+Cg==') no-repeat bottom right;
  color: white;
}
.login-page h2,
.login-page p {
  color: white;
}
.login-page ul li {
  margin-bottom: 6px;
}
.login-page .container {
  padding: 0 24px 0 24px;
}
@media (min-width: 992px) {
  .login-page .container {
    padding: 0 80px 0 80px;
  }
}
@media (max-width: 549px) {
  .login-page .container {
    background-size: 60%;
  }
}
.login-container {
  background: white;
  margin-top: 40px;
  width: 600px;
  max-width: 100%;
  border-radius: 12px;
  padding: 16px;
}
@media (min-width: 992px) {
  .login-container {
    padding: 40px;
  }
}
.login-container h1 {
  margin: 0;
}
@media (min-width: 992px) {
  .login-container h1 {
    margin-bottom: 20px;
  }
}
.pro:after {
  background-color: #F1EBF9;
  display: inline-block;
  content: 'PRO';
  color: #5A3098;
  border-radius: 6px 6px 6px 0;
  padding: 3px 8px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 600;
}
.pro.large:after {
  font-size: 14px;
  line-height: 20px;
}
.after_line + .after_line {
  padding-top: 32px;
  border-top: 1px solid #1D1747;
}
.checkable ul {
  margin-left: 16px;
}
.checkable li:before {
  content: '- ';
}
.check:before {
  content: '✓' !important;
}
/*!
Newsletters */
.newsletter {
  padding: 40px 24px 0 24px;
}
@media (min-width: 992px) {
  .newsletter {
    padding: 64px 128px 0  128px;
  }
}
.newsletter .links {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #1D1747;
  text-align: center;
  display: flex;
  margin-bottom: 64px;
}
@media (min-width: 992px) {
  .newsletter .links {
    text-align: left;
  }
}
.newsletter .links a {
  color: #1D1747;
}
.newsletter .links .spacer {
  flex: 1;
}
.newsletter .form-wrapper {
  position: relative;
  background: bottom right no-repeat url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIzIiBoZWlnaHQ9Ijk0IiB2aWV3Qm94PSIwIDAgMTIzIDk0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQzLjU5MSAxMDcuMTY2QzI0MC43OTggODQuNjMyNiAyMzMuMzUgNjQuMDQxNyAyMTguNTMxIDQ2LjU1OUMyMTQuMzQxIDQxLjY2MzggMjA5Ljc2NCAzNy4wMDE3IDIwNS4zNDEgMzIuMjYxOUMyMDUuMTA4IDMyLjEwNjUgMjA0Ljc5OCAzMS45NTExIDIwNC41NjUgMzEuNzE4QzE4NC4wMDUgMTMuNjEzNiAxNjAuMTg2IDIuODEzMTEgMTMyLjc5OCAwLjc5Mjg3NEMxMTcuNTkxIC0wLjI5NDk0NCAxMDIuNjE3IDEuNjQ3NTkgODguMTA4MyA2LjYyMDQ3QzIyLjIzNzcgMjkuNTQyNCAtNy4wODk3NiA5MC44NDg3IDEuNDQ0NzEgMTUzLjMyMUM2LjcyMDU3IDE5MS45MzggMjYuMTk0OCAyMjIuMzE5IDU5Ljk0NDcgMjQyLjkxQzc3LjE2ODkgMjUzLjQgOTUuNzg5NCAyNTguOTk0IDExNi4wMzkgMjU5LjQ2MUMxNDguNDcgMjYwLjIzOCAxNzYuNzEyIDI0OS41MTUgMjAxLjg1IDIyOS43NzlDMjE0LjU3NCAyMTkuODMzIDIyMy4xODYgMjA2LjcwMSAyMzAuNDc5IDE5Mi42MzdDMjMzLjg5MyAxODMuNTQ2IDIzOC4xNiAxNzQuNzY2IDI0MC41NjUgMTY1LjQ0MkMyNDUuNTMxIDE0Ni4zMjcgMjQ1Ljk5NiAxMjYuODI0IDI0My41OTEgMTA3LjE2NlpNMTg3LjQ5NiAxODYuODg4QzE4NC4xNiAyMDEuNTczIDE3Ny43MiAyMTUuMjQ4IDE2Ni40NyAyMjUuOTcxQzE1Ny4xNiAyMzQuODI5IDE0Ni4wNjUgMjM5LjQxNCAxMzMuMTA4IDI0MC4wMzVDMTA3LjUwNSAyNDEuMjc4IDg5LjU4MjUgMjI4Ljg0NiA3NS41Mzk0IDIwOS4wMzJDNjMuOTAxNSAxOTIuNDgyIDU3LjYxNyAxNzMuODM0IDU0LjkwMTQgMTU0LjA5OEM1My4wMzk0IDE0MC40MjIgNTEuNzIwNSAxMjYuNDM2IDUyLjEwODUgMTEyLjY4M0M1Mi44MDY3IDg2LjU3NTEgNTguNDcwNCA2MS42MzMgNzUuMzA2NiA0MC41NzZDODUuODU4NCAyNy40NDQ0IDk5LjQzNiAxOS41MTg5IDExNS4xMDggMTkuOTg1MUMxMzQuODE1IDE5LjgyOTcgMTQ5LjQwMiAyNi45MDA1IDE2MS41MDUgMzkuNDg4MUMxNzcuNzIgNTYuNDI3IDE4Ni4zMzMgNzcuMTczMyAxODkuMzU4IDk5Ljg2MkMxOTEuNTMxIDExNS45NDYgMTkyLjIyOSAxMzIuMzQxIDE5Mi4wNzQgMTQ4LjU4MUMxOTEuOTE5IDE2MS40MDEgMTkwLjI4OSAxNzQuMzc4IDE4Ny40OTYgMTg2Ljg4OFoiIGZpbGw9IiNGMUVDRjkiLz4KPC9zdmc+Cg==') #5A3098;
  background-size: contain;
  padding: 24px;
  border-radius: 8px;
  width: 1184px;
  max-width: 100%;
  margin: 0 auto -54px;
}
@media (min-width: 992px) {
  .newsletter .form-wrapper {
    background: bottom right no-repeat url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUzIiBoZWlnaHQ9IjIxNiIgdmlld0JveD0iMCAwIDQ1MyAyMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMjEyLjQ5IDQ2NC41NjRDMTE5OC41OSAzNTMuMTE1IDExNjEuNTMgMjUxLjI3NCAxMDg3LjggMTY0LjgwNUMxMDY2Ljk2IDE0MC41OTQgMTA0NC4xOCAxMTcuNTM1IDEwMjIuMTggOTQuMDkyN0MxMDIxLjAyIDkzLjMyNDEgMTAxOS40NyA5Mi41NTU1IDEwMTguMzIgOTEuNDAyNkM5MTYuMDE4IDEuODU5MTYgNzk3LjUwNyAtNTEuNTU5NSA2NjEuMjM4IC02MS41NTE1QzU4NS41NzYgLTY2LjkzMTggNTExLjA3MiAtNTcuMzI0MSA0MzguODg0IC0zMi43Mjg1QzExMS4xNDQgODAuNjQxOSAtMzQuNzc1MiAzODMuODYgNy42ODgxOSA2OTIuODQyQzMzLjkzODMgODgzLjg0MyAxMzAuODMyIDEwMzQuMTEgMjk4Ljc1NiAxMTM1Ljk1QzM4NC40NTQgMTE4Ny44MyA0NzcuMTAxIDEyMTUuNSA1NzcuODU1IDEyMTcuOEM3MzkuMjE2IDEyMjEuNjUgODc5LjczMSAxMTY4LjYxIDEwMDQuOCAxMDcxQzEwNjguMTEgMTAyMS44MSAxMTEwLjk2IDk1Ni44NjEgMTE0Ny4yNSA4ODcuMzAxQzExNjQuMjQgODQyLjMzOCAxMTg1LjQ3IDc5OC45MTEgMTE5Ny40NCA3NTIuNzk0QzEyMjIuMTQgNjU4LjI1NSAxMjI0LjQ2IDU2MS43OTQgMTIxMi40OSA0NjQuNTY0Wk05MzMuMzg5IDg1OC44NjNDOTE2Ljc5IDkzMS40OTcgODg0Ljc1IDk5OS4xMzQgODI4Ljc3NSAxMDUyLjE3Qzc4Mi40NTEgMTA5NS45OCA3MjcuMjUgMTExOC42NSA2NjIuNzgyIDExMjEuNzNDNTM1LjM5MiAxMTI3Ljg4IDQ0Ni4yMTkgMTA2Ni4zOSAzNzYuMzQ3IDk2OC4zOUMzMTguNDQyIDg4Ni41MzMgMjg3LjE3NCA3OTQuMjk5IDI3My42NjMgNjk2LjY4NUMyNjQuMzk4IDYyOS4wNDcgMjU3LjgzNiA1NTkuODcyIDI1OS43NjYgNDkxLjg1QzI2My4yNCAzNjIuNzIzIDI5MS40MiAyMzkuMzYxIDM3NS4xODkgMTM1LjIxM0M0MjcuNjg5IDcwLjI2NTcgNDk1LjI0NSAzMS4wNjY1IDU3My4yMjMgMzMuMzcyM0M2NzEuMjc1IDMyLjYwMzcgNzQzLjg0OSA2Ny41NzU2IDgwNC4wNyAxMjkuODMzQzg4NC43NSAyMTMuNjEyIDkyNy41OTkgMzE2LjIyMiA5NDIuNjU1IDQyOC40MzlDOTUzLjQ2NCA1MDcuOTkxIDk1Ni45MzggNTg5LjA3OSA5NTYuMTY2IDY2OS40Qzk1NS4zOTQgNzMyLjgxIDk0Ny4yODYgNzk2Ljk4OSA5MzMuMzg5IDg1OC44NjNaIiBmaWxsPSIjRjFFQ0Y5Ii8+Cjwvc3ZnPgo=') #5A3098;
    background-size: contain;
    padding: 48px;
  }
}
.newsletter .form-wrapper > form {
  color: white;
}
.newsletter .form-wrapper > form h2 {
  margin-top: 0;
  margin-bottom: 24px;
  color: white;
}
.newsletter .form-wrapper > form p {
  margin: 0;
  color: white;
}
.newsletter .form-wrapper > form .field-container {
  margin-top: 24px;
  width: 410px;
}
/*!
Catalog */
.catalog-wrapper {
  padding-bottom: 24px;
}
.catalog-wrapper .catalog-level {
  overflow: hidden;
  position: relative;
}
.catalog-wrapper .catalog-level-3 {
  background-color: #F3F3F1;
  height: 168px;
}
.catalog-wrapper .catalog-level-2 {
  position: relative;
}
.catalog-wrapper .catalog-level-2:after {
  content: '';
  margin-right: auto;
  margin-left: auto;
  background: #F3F3F1;
  position: absolute;
  left: -50vw;
  right: 0;
  width: 200vw;
  height: 200vw;
  border-radius: 200vw;
  z-index: -1;
  bottom: -150vw;
}
@media (min-width: 550px) {
  .catalog-wrapper .catalog-level-2:after {
    bottom: -160vw;
  }
}
@media (min-width: 768px) {
  .catalog-wrapper .catalog-level-2:after {
    top: 10vw;
    bottom: unset;
  }
}
@media (min-width: 2160px) {
  .catalog-wrapper .catalog-level-2:after {
    left: -65.5vw;
  }
}
.mw-1024 {
  max-width: 1024px;
}
.catalog-header {
  padding: 0 24px 0 24px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .catalog-header {
    padding: 0 80px 0 80px;
  }
}
.catalog-header h1 {
  position: absolute;
  color: white;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 15%;
  height: fit-content;
  width: fit-content;
}
.catalog-header .h5 {
  position: relative;
  color: #1D1747;
  /* top: 0; */
  /* bottom: 0; */
  margin: unset;
  left: 0 !important;
  /* height: fit-content; */
  /* width: fit-content; */
}
@media (max-width: 549px) {
  .catalog-header .h5 {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 500 !important;
  }
}
.catalog-header img.head {
  width: 100%;
}
.catalog-header .children {
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
  padding: 16px 24px;
  margin: 0 -24px;
}
.catalog-header .children a {
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  padding: 8px 16px;
  background-color: #F1EBF9;
  border-radius: 50px;
  display: inline-block;
  margin: 0 16px 16px 0;
}
@media (min-width: 992px) {
  .catalog-header .children {
    white-space: inherit;
    overflow-x: inherit;
    padding: 48px 0;
  }
  .catalog-header .children a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 14px 16px;
  }
}
.catalog-header .children-image {
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
  padding-top: 32px;
}
.catalog-header .children-image a {
  display: inline-block;
  margin: 0 32px 32px 0;
  white-space: normal;
  width: 140px;
  vertical-align: top;
}
.catalog-header .children-image .image {
  width: 140px;
  height: 140px;
  border-radius: 70px;
  background-position: center center;
  background-size: 225px;
  background-color: white;
  background-repeat: no-repeat;
  margin-bottom: 16px;
}
.catalog-header .children-image .name {
  max-width: 100%;
}
.catalog-header p {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.catalog {
  padding: 0 24px 0 24px;
}
@media (min-width: 1200px) {
  .catalog {
    padding: 0 80px 0 80px;
  }
}
.catalog .algolia {
  border-top: 1px solid #F1EBF9;
}
.drapeau {
  position: absolute;
  bottom: 25px;
  right: 0;
  width: 50px;
  height: auto !important;
}
.drapeau.large {
  right: 25px;
  width: 100px;
}
#filters {
  overflow-y: auto;
  z-index: 101;
  position: fixed;
  width: 300px;
  top: 0;
  right: 0;
  bottom: 0;
  background: white;
  padding: 24px;
}
#filters .close {
  cursor: pointer;
}
#filters .close:after {
  display: inline-block;
  width: 24px;
  height: 24px;
  content: '';
  background: url('../img/close.svg');
  margin-top: 6px;
  float: right;
}
.ais-RefinementList-label {
  display: block;
  margin-bottom: 4px;
  padding-left: 30px;
}
.ais-RefinementList-checkbox {
  margin-right: 16px;
  margin-left: -30px;
  vertical-align: top;
  margin-top: 4px;
}
.ais-RefinementList-labelText {
  color: #5A3098;
  text-align: left;
  width: 160px;
  display: inline-block;
}
.ais-RefinementList-count {
  float: right;
  color: #5A3098;
}
.ais-RefinementList-count:before {
  content: ' (';
}
.ais-RefinementList-count:after {
  content: ')';
}
/*!
Detail */
.subtitle {
  margin-top: 0;
  opacity: 0.6;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #1D1747;
}
.details {
  padding: 0 24px 0 24px;
}
@media (min-width: 992px) {
  .details {
    padding: 0 80px 0 80px;
  }
}
.details .buttons {
  height: 450px;
  overflow: hidden;
}
.details .buttons .item {
  width: 88px;
  height: 88px;
  flex: none;
  border: 1px solid #F3F3F1;
  flex: none !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.details .buttons .item a {
  display: block;
  width: 100%;
  height: 100%;
}
.details [data-slider="carousel"] {
  flex: unset;
  width: 520px;
  border: 1px solid #F3F3F1;
}
.details [data-slider="carousel"] .item {
  display: inline-block;
  width: 520px;
  height: 450px;
  flex: none !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.details [data-slider="carousel"] .item a {
  display: block;
  width: 100%;
  height: 100%;
}
.details h1 {
  margin-bottom: 0;
}
.details form {
  margin-top: 32px;
  margin-bottom: 32px;
}
.details form .price {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: #1D1747;
}
.details form .price span.small {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}
.details form .number-field-container + .button {
  margin-left: 8px;
}
.details .dispo {
  border: 1px solid #E7E7E5;
  padding: 24px;
  margin-bottom: 36px;
}
.details .dispo > * {
  display: inline-block;
}
.details .dispo .image-container {
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.details .conseils {
  background: #F1EBF9 url('../img/vector-bottom-right-white.svg') no-repeat bottom right;
  padding: 24px;
  border-radius: 8px;
  margin-top: 36px;
}
.details .conseils p {
  margin: 10px 0;
}
.disponibility:before {
  content: '';
  background-color: #EB3030;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  display: inline-block;
  margin-right: 6px;
}
.disponibility.yes:before {
  background-color: #288F3A;
}
.faq {
  background: #F8F8F7 url('../img/vector-bottom-left-white.svg') no-repeat bottom left;
  padding: 80px 190px;
}
.faq h3 {
  position: relative;
  z-index: 1;
  float: left;
}
.faq h3 span {
  display: inline-block;
  position: relative;
}
.faq h3 span:before {
  z-index: -1;
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 4px;
  display: inline-block;
  content: ' ';
  border-bottom: 8px solid #f6c864;
  border-radius: 4px;
}
.faq ul {
  float: right;
  width: 630px;
}
.faq ul li {
  cursor: pointer;
  background: url('../img/faq-chevron-close.svg') no-repeat right 40px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  color: #5A3098;
  padding: 32px 0;
}
.faq ul li + li {
  border-top: 1px solid #E7E7E5;
}
.faq ul li > div {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  line-height: 25px;
  margin-top: 6px;
  color: #1D1747;
  height: 0;
  overflow: hidden;
  transition: height 250ms;
}
.faq ul li.selected > div {
  height: fit-content;
}
.clear:after {
  content: '';
  clear: both;
  display: block;
}
.complementary-products .item {
  background-color: #F8F8F7;
  padding: 16px;
  margin-bottom: 12px;
}
.complementary-products .item .image-container {
  width: 110px;
  height: 110px;
}
.complementary-products .item .bookmark {
  flex: none !important;
}
.preview-products {
  margin-bottom: 48px;
}
.preview-products .image-wrapper {
  display: inline-block;
  padding: 12px;
  background-color: #F8F8F7;
}
.preview-products .image-container {
  width: 136px;
  height: 136px;
}
/*!
Cart */
.cart .item {
  background: #F8F8F7;
  padding: 16px;
  margin-bottom: 12px;
}
.cart .item .image-container {
  width: 130px;
  height: 130px;
}
.cart-resume {
  box-shadow: inset 15px 0 20px -10px rgba(0, 0, 0, 0.1);
}
.cart-resume h3 {
  margin: 0;
}
.cart-resume .shipping h3:before {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjY4MyA5LjkxODdMMjIuMzM0MyA2LjYzNzQ1QzIyLjIxOTggNi4zNTk2OCAyMi4wMjIyIDYuMTIxNzkgMjEuNzY3MSA1Ljk1NDYyQzIxLjUxMiA1Ljc4NzQ2IDIxLjIxMTIgNS42OTg3MyAyMC45MDM3IDUuNjk5OTVIMTcuNTcyNFY0Ljk0OTk1QzE3LjU3MjQgNC43NTEwNCAxNy40OTEyIDQuNTYwMjcgMTcuMzQ2NiA0LjQxOTYyQzE3LjIwMjEgNC4yNzg5NyAxNy4wMDYxIDQuMTk5OTUgMTYuODAxNyA0LjE5OTk1SDIuMTU4NTdDMS43NDk3NyA0LjE5OTk1IDEuMzU3NzEgNC4zNTc5OSAxLjA2ODY1IDQuNjM5MjlDMC43Nzk1ODIgNC45MjA2IDAuNjE3MTg4IDUuMzAyMTMgMC42MTcxODggNS42OTk5NVYxNi4yQzAuNjE3MTg4IDE2LjU5NzggMC43Nzk1ODIgMTYuOTc5MyAxLjA2ODY1IDE3LjI2MDZDMS4zNTc3MSAxNy41NDE5IDEuNzQ5NzcgMTcuNyAyLjE1ODU3IDE3LjdIMy43OTYyOEMzLjk2NjA3IDE4LjM0NTMgNC4zNTE3MiAxOC45MTcyIDQuODkyNDQgMTkuMzI1N0M1LjQzMzE3IDE5LjczNDEgNi4wOTgyIDE5Ljk1NTggNi43ODI3IDE5Ljk1NThDNy40NjcyMSAxOS45NTU4IDguMTMyMjQgMTkuNzM0MSA4LjY3Mjk3IDE5LjMyNTdDOS4yMTM2OSAxOC45MTcyIDkuNTk5MzQgMTguMzQ1MyA5Ljc2OTEzIDE3LjdIMTQuNTg1OUMxNC43NTU3IDE4LjM0NTMgMTUuMTQxNCAxOC45MTcyIDE1LjY4MjEgMTkuMzI1N0MxNi4yMjI4IDE5LjczNDEgMTYuODg3OSAxOS45NTU4IDE3LjU3MjQgMTkuOTU1OEMxOC4yNTY5IDE5Ljk1NTggMTguOTIxOSAxOS43MzQxIDE5LjQ2MjYgMTkuMzI1N0MyMC4wMDMzIDE4LjkxNzIgMjAuMzg5IDE4LjM0NTMgMjAuNTU4OCAxNy43SDIyLjE5NjVDMjIuNjA1MyAxNy43IDIyLjk5NzQgMTcuNTQxOSAyMy4yODY0IDE3LjI2MDZDMjMuNTc1NSAxNi45NzkzIDIzLjczNzkgMTYuNTk3OCAyMy43Mzc5IDE2LjJWMTAuMkMyMy43MzggMTAuMTAzNyAyMy43MTk0IDEwLjAwODIgMjMuNjgzIDkuOTE4N1pNNi43ODI3IDE4LjQ1QzYuNDc3ODUgMTguNDUgNi4xNzk4NCAxOC4zNjIgNS45MjYzNiAxOC4xOTcyQzUuNjcyODggMTguMDMyMyA1LjQ3NTMyIDE3Ljc5ODEgNS4zNTg2NiAxNy41MjRDNS4yNDE5OSAxNy4yNDk5IDUuMjExNDcgMTYuOTQ4MyA1LjI3MDk0IDE2LjY1NzNDNS4zMzA0MiAxNi4zNjYzIDUuNDc3MjIgMTYuMDk5MSA1LjY5Mjc4IDE1Ljg4OTNDNS45MDgzNSAxNS42Nzk1IDYuMTgzIDE1LjUzNjcgNi40ODIgMTUuNDc4OEM2Ljc4MDk5IDE1LjQyMDkgNy4wOTA5MSAxNS40NTA2IDcuMzcyNTYgMTUuNTY0MUM3LjY1NDIxIDE1LjY3NzcgNy44OTQ5NSAxNS44Njk5IDguMDY0MzEgMTYuMTE2NkM4LjIzMzY4IDE2LjM2MzMgOC4zMjQwOCAxNi42NTMzIDguMzI0MDggMTYuOTVDOC4zMjQwOCAxNy4zNDc4IDguMTYxNjkgMTcuNzI5MyA3Ljg3MjYyIDE4LjAxMDZDNy41ODM1NiAxOC4yOTE5IDcuMTkxNSAxOC40NSA2Ljc4MjcgMTguNDVaTTIuMTU4NTcgMTEuN1Y1LjY5OTk1SDE2LjAzMVYxMS43SDIuMTU4NTdaTTE3LjU3MjQgMTguNDVDMTcuMjY3NSAxOC40NSAxNi45Njk1IDE4LjM2MiAxNi43MTYgMTguMTk3MkMxNi40NjI1IDE4LjAzMjMgMTYuMjY1IDE3Ljc5ODEgMTYuMTQ4MyAxNy41MjRDMTYuMDMxNiAxNy4yNDk5IDE2LjAwMTEgMTYuOTQ4MyAxNi4wNjA2IDE2LjY1NzNDMTYuMTIwMSAxNi4zNjYzIDE2LjI2NjkgMTYuMDk5MSAxNi40ODI0IDE1Ljg4OTNDMTYuNjk4IDE1LjY3OTUgMTYuOTcyNyAxNS41MzY3IDE3LjI3MTcgMTUuNDc4OEMxNy41NzA2IDE1LjQyMDkgMTcuODgwNiAxNS40NTA2IDE4LjE2MjIgMTUuNTY0MUMxOC40NDM5IDE1LjY3NzcgMTguNjg0NiAxNS44Njk5IDE4Ljg1NCAxNi4xMTY2QzE5LjAyMzMgMTYuMzYzMyAxOS4xMTM3IDE2LjY1MzMgMTkuMTEzNyAxNi45NUMxOS4xMTM3IDE3LjM0NzggMTguOTUxMyAxNy43MjkzIDE4LjY2MjMgMTguMDEwNkMxOC4zNzMyIDE4LjI5MTkgMTcuOTgxMiAxOC40NSAxNy41NzI0IDE4LjQ1Wk0xNy41NzI0IDkuNDQ5OTVWNy4xOTk5NUgyMC45MDM3TDIxLjgyODUgOS40NDk5NUgxNy41NzI0WiIgZmlsbD0iIzFEMTc0NyIvPgo8L3N2Zz4K');
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 16px;
  display: inline-block;
  vertical-align: text-bottom;
}
.cart-resume p {
  margin-top: 8px;
  margin-bottom: 16px;
}
.cart-resume .meter {
  background-color: #E7E7E5;
  border-radius: 2px;
}
.cart-resume .gauge {
  background-color: #5A3098;
  width: 50%;
  height: 6px;
}
.cart-details {
  padding: 32px;
  background: white;
}
.cart-details h3 {
  padding-bottom: 16px;
  border-bottom: 1px solid #E7E7E5;
}
.cart-details h3 span {
  float: right;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.cart-details .cart-products {
  border-bottom: 1px solid #E7E7E5;
}
.cart-details .cart-product {
  padding: 16px;
  margin-bottom: 12px;
}
.cart-details .cart-product .image-container {
  width: 65px;
  height: 65px;
}
.cart-details .promo {
  padding: 16px 0;
  border-bottom: 1px solid #E7E7E5;
}
.cart-details .promo a {
  margin-top: 12px;
}
.cart-details .item {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-top: 8px;
  display: flex;
}
.cart-details .item > div:first-child {
  flex: 1;
}
.cart-details .item.bold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.cart-details p {
  margin-top: 16px;
  margin-bottom: 16px;
}
.empty-cart {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCAzOCA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjEzNiA4LjI0MTM1VjYuNTE3MjJDMjQuMTM2IDMuNDcwMTQgMjEuNjY1OSAxIDE4LjYxODggMUMxNS41NzE3IDEgMTMuMTAxNiAzLjQ3MDE0IDEzLjEwMTYgNi41MTcyMlY4LjI0MTM1IiBzdHJva2U9IiNGNkM4NjQiIHN0cm9rZS13aWR0aD0iMiIvPgo8cmVjdCB4PSIxLjM5ODQ0IiB5PSI3Ljg5Njk3IiB3aWR0aD0iMzQuNDgyNiIgaGVpZ2h0PSI1LjUxNzIxIiBmaWxsPSIjRjZDODY0Ii8+CjxwYXRoIGQ9Ik0xLjM5ODQ0IDcuODk2OTdMNC44NDY3IDEwLjY1NTZWMTMuNDE0MkgxLjM5ODQ0VjcuODk2OTdaIiBmaWxsPSIjNUEzMDk4Ii8+CjxwYXRoIGQ9Ik0zNS44NDM4IDcuODk2OTdMMzIuMzk1NSAxMC42NTU2VjEzLjQxNDJIMzUuODQzOFY3Ljg5Njk3WiIgZmlsbD0iIzVBMzA5OCIvPgo8cGF0aCBkPSJNNC44Mjc1NiAxMC42NTQ1TDAgMTMuNDEzMUg0LjgyNzU2VjEwLjY1NDVaIiBmaWxsPSIjMUQxNzQ3Ii8+CjxwYXRoIGQ9Ik0zMi40MjI0IDEwLjY1NDVMMzcuMjUgMTMuNDEzMUgzMi40MjI0VjEwLjY1NDVaIiBmaWxsPSIjMUQxNzQ3Ii8+CjxyZWN0IHk9IjEzLjQxNDEiIHdpZHRoPSIzNy4yNDEyIiBoZWlnaHQ9IjI3LjU4NjEiIGZpbGw9IiM1QTMwOTgiLz4KPGVsbGlwc2UgY3g9IjEzLjEyMzYiIGN5PSIyMC4zMDk3IiByeD0iMi4wNjg5NiIgcnk9IjIuMDY4OTUiIGZpbGw9IndoaXRlIi8+CjxlbGxpcHNlIGN4PSIyNC4xMTU4IiBjeT0iMjAuMzA5NyIgcng9IjIuMDY4OTYiIHJ5PSIyLjA2ODk1IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjQuMTM2IDIwLjY1NDVWMTYuMTcxOEMyNC4xMzYgMTMuMTI0NyAyMS42NjU5IDEwLjY1NDUgMTguNjE4OCAxMC42NTQ1QzE1LjU3MTcgMTAuNjU0NSAxMy4xMDE2IDEzLjEyNDcgMTMuMTAxNiAxNi4xNzE4VjIwLjY1NDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K') no-repeat center top;
  max-width: 850px;
  margin: 48px auto 48px;
  padding: 64px 220px 0;
  text-align: center;
  color: #1D1747;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.add-product-field-container {
  padding: 64px 220px 128px;
}
.add-product-field {
  background: #F1EBF9;
  padding: 16px;
}
@media (min-width: 992px) {
  .add-product-field {
    padding: 32px;
  }
}
.add-product-field h3 {
  margin: 0 0 16px;
}
.add-product-field .number-field-container,
.add-product-field .button,
.add-product-field .flex-row {
  flex: none;
}
@media (min-width: 1200px) {
  .add-product-field .field-container {
    flex: none;
  }
}
/*!
Checkout */
#checkoutForm p.error {
  color: red;
  font-size: 12px;
  line-height: 1;
}
/*!
About */
.containerApropos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  padding-top: 6rem;
  padding-bottom: 5rem;
  margin: 0 auto;
}
.containerApropos img {
  width: 50%;
  height: auto;
}
.containerApropos div {
  max-width: 410px;
}
.containerApropos div a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  display: block;
  height: 48px;
  width: 209px;
  padding: 14px 12px 16px 12px;
  border-radius: 8px;
  background: #5A3098;
  color: white;
}
@media (max-width: 991px) {
  .containerApropos {
    flex-direction: column;
  }
  .containerApropos img {
    width: 100%;
  }
  .containerApropos div {
    max-width: 410px;
  }
  .containerApropos div a {
    display: none;
  }
}
.containerAproposB {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  padding-top: 6rem;
  padding-bottom: 5rem;
  margin: 0 auto;
}
.containerAproposB img {
  width: 50%;
  height: auto;
}
.containerAproposB div {
  max-width: 410px;
}
.containerAproposB div a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  display: block;
  height: 48px;
  width: 209px;
  padding: 14px 12px 16px 12px;
  border-radius: 8px;
  background: #5A3098;
  color: white;
}
@media (max-width: 991px) {
  .containerAproposB {
    flex-direction: column;
  }
  .containerAproposB img {
    width: 100%;
  }
  .containerAproposB div {
    max-width: 410px;
  }
  .containerAproposB div a {
    display: none;
  }
}
@media (max-width: 991px) {
  .containerAproposB {
    flex-direction: column-reverse;
  }
}
.containerAproposBlue {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #1D1747;
  padding-bottom: 6rem;
  position: relative;
}
.containerAproposBlue h2 {
  color: white;
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
  letter-spacing: 0em;
  text-align: center;
  padding-top: 4rem;
}
.containerAproposBlue div {
  max-width: 845px;
  color: white;
  padding-top: 3rem;
  z-index: 2;
}
.containerAproposBlue p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: white;
}
.containerAproposBlue h3 {
  color: white;
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.containerAproposBlue h3 span {
  display: inline-block;
  position: relative;
}
.containerAproposBlue h3 span:before {
  z-index: -1;
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 0px;
  display: inline-block;
  content: ' ';
  border-bottom: 15px solid #5A3098;
  border-radius: 4px;
}
@media (max-width: 549px) {
  .containerAproposBlue > h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
  }
}
@media (max-width: 991px) {
  .containerAproposBlue img {
    display: none;
  }
}
.bannerAProposMobile {
  display: none;
}
@media (max-width: 991px) {
  .bannerAProposMobile {
    display: block;
    width: 100%;
    height: auto;
  }
}
.bannerAPropos {
  width: 100%;
}
@media (max-width: 991px) {
  .bannerAPropos {
    display: none;
  }
}
.apropos {
  padding-top: 8rem;
  padding-bottom: 10rem;
  position: relative;
  margin: auto;
}
.aboutBulle {
  position: absolute;
  padding: 8px;
  background: #F1EBF9;
  border-radius: 12px;
  width: fit-content;
  color: #5A3098;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.aboutBulle:hover {
  background: #5A3098;
  color: #F1EBF9;
}
.bullesAbout > p:first-child {
  top: 16%;
  left: 22%;
}
.bullesAbout > p:nth-child(2) {
  top: 5%;
  right: 14%;
}
.bullesAbout > p:nth-child(3) {
  top: 43.5%;
  right: -7%;
}
.bullesAbout > p:nth-child(4) {
  top: 80%;
  right: 85%;
}
.bullesAbout > p:nth-child(5) {
  top: 71%;
  right: 45%;
}
@media (max-width: 991px) {
  .bullesAbout {
    display: none;
  }
}
.bannerContainer {
  position: relative;
}
.bullesAboutBanner > a:first-child {
  top: 28.5%;
  left: 28%;
}
@media (max-width: 991px) {
  .bullesAboutBanner > a:first-child {
    display: none;
  }
}
.bullesAboutBanner > a:nth-child(2) {
  top: 19%;
  right: 27%;
}
@media (max-width: 991px) {
  .bullesAboutBanner > a:nth-child(2) {
    top: 19%;
    right: 40%;
  }
}
.bullesAboutBanner > a:nth-child(3) {
  top: 45.5%;
  right: 11%;
}
@media (max-width: 991px) {
  .bullesAboutBanner > a:nth-child(3) {
    display: none;
  }
}
.bullesAboutBanner > a:nth-child(4) {
  top: 71.5%;
  right: 77.5%;
}
@media (max-width: 991px) {
  .bullesAboutBanner > a:nth-child(4) {
    top: 76.5%;
    right: 64%;
  }
}
.bullesAboutBanner > a:nth-child(5) {
  top: 65%;
  right: 48.5%;
}
@media (max-width: 991px) {
  .bullesAboutBanner > a:nth-child(5) {
    top: 62%;
    right: 41%;
  }
}
.wrapperBlue {
  background: #1D1747;
  position: relative;
}
.blueVector {
  z-index: 1;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 20%;
}
@media (max-width: 991px) {
  .blueVector {
    display: none;
  }
}
/*!
brands_list */
.marques-wrapper .headerBrands {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  background: #F8F8F7;
  padding-top: 5rem;
  padding-bottom: 5rem;
  z-index: -1;
}
@media (max-width: 991px) {
  .marques-wrapper .h1Desktop {
    display: none;
  }
}
@media (min-width: 992px) {
  .marques-wrapper .h1Mobile {
    display: none;
  }
}
.containerListe {
  padding-top: 20rem;
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: auto;
  padding-bottom: 4rem;
}
.containerListe > div:first-child {
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
  padding-top: 2rem;
  padding-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  letter-spacing: 0em;
  text-transform: uppercase;
}
@media screen and (max-width: 1347px) {
  .containerListe > div:first-child {
    justify-content: left;
  }
}
.containerListe > div:first-child a {
  color: #1D1747;
  padding-right: 20px;
}
.containerListe > div:first-child a:hover {
  color: #5A3098;
  text-decoration: underline;
}
@media (max-width: 1199px) {
  .containerListe > div:first-child {
    justify-content: left;
  }
}
.containerListe div hr {
  border: 1px solid;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #1D1747;
}
.sectionContainer .containerSections {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.sectionContainer .containerSections > h2 {
  margin-top: 1.5rem;
  margin-bottom: 0px;
}
.sectionContainer .containerSections > .button {
  flex: none;
}
.sectionContainer .containerSections .sectionMarques {
  padding-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  margin-left: 3rem;
}
@media (max-width: 991px) {
  .sectionContainer .containerSections .sectionMarques {
    margin-left: 0;
    margin-right: 0;
  }
}
.sectionContainer .containerSections .sectionMarques div {
  display: flex;
  width: calc(33% - 10px);
  overflow: hidden;
  white-space: nowrap;
  margin-right: 10px;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .sectionContainer .containerSections .sectionMarques div {
    width: calc(90% - 10px);
  }
}
.sectionContainer .containerSections .sectionMarques div a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
}
.sectionContainer .containerSections .sectionMarques div a:hover {
  color: #5A3098;
  text-decoration: underline;
}
.sectionContainer hr {
  border: 1px solid #E7E7E5 !important;
}
@media (max-width: 991px) {
  .sectionContainer .containerSections {
    display: flex;
    flex-direction: column;
  }
  .sectionContainer .containerSections .sectionMarques {
    flex-direction: column;
    align-items: unset;
  }
  .sectionContainer .containerSections .sectionMarques div {
    justify-content: left;
  }
}
/*!
stores */
@media (max-width: 991px) {
  .succursale-wrapper {
    display: flex;
    flex-direction: column;
  }
}
.succursale-wrapper hr {
  margin-top: 2rem;
}
.succursale-wrapper .succursale-wrapper {
  padding-top: 35rem;
}
@media (max-width: 991px) {
  .succursale-wrapper .succursale-wrapper {
    padding-top: 40rem;
  }
}
.headerSuccursale {
  background: #1D1747;
  height: 485px;
  position: absolute;
  right: 0px;
  left: 0px;
  display: flex;
  flex-direction: row;
}
.headerSuccursale > .button {
  flex: none;
}
@media (max-width: 991px) {
  .headerSuccursale {
    display: flex;
    flex-direction: column;
  }
}
.headerSuccursale .containerSuccursale {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
}
@media (max-width: 991px) {
  .headerSuccursale .containerSuccursale {
    width: 100%;
  }
}
.headerSuccursale .containerSuccursale div {
  margin-left: 5rem;
}
.headerSuccursale .containerSuccursale > h2 {
  color: white !important;
}
.headerSuccursale .containerSuccursale > div:first-child p {
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
  color: white;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.headerSuccursale .containerSuccursale p {
  display: flex;
  padding: 0;
  margin: 5px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: white;
}
.headerSuccursale .containerSuccursale p img {
  padding-right: 1rem;
}
.headerSuccursale .containerSuccursale a {
  display: flex;
  align-items: end;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: white;
}
.headerSuccursale .containerSuccursale a span {
  margin-top: 1rem;
  z-index: 2;
}
.headerSuccursale .containerSuccursale a > img {
  padding-left: 1rem;
}
@media (max-width: 991px) {
  .headerSuccursale .containerSuccursale div {
    margin-left: 5%;
  }
}
.headerSuccursale .containerMap {
  z-index: 3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 50%;
}
@media (max-width: 991px) {
  .headerSuccursale .containerMap {
    width: 100%;
  }
}
.headerSuccursale .containerMap > .button {
  flex: none;
}
.headerSuccursale .containerMap iframe {
  width: 80%;
  height: 90%;
  margin-top: 15%;
}
@media (max-width: 991px) {
  .headerSuccursale .containerMap iframe {
    width: 90%;
    height: 150%;
  }
}
.headerSuccursale > img:last-child {
  z-index: 2;
  position: absolute;
  right: 0px;
}
@media (max-width: 991px) {
  .headerSuccursale > img:last-child {
    display: none;
  }
}
.containerContact {
  display: flex;
  flex-direction: column;
  margin-top: 3%;
}
.containerContact h3 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.containerContact p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
}
.containerContact p > .button {
  flex: none;
}
.containerContact p img {
  padding-right: 1rem;
}
.containerConseillers {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .containerConseillers {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
@media (max-width: 991px) {
  .containerConseillers > div {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
  }
}
.containerConseillers h3 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  padding-bottom: 2rem;
}
.containerConseillers button {
  padding: 1rem;
  background: #F1EBF9;
  border: 0px;
  border-radius: 2rem;
  color: #1D1747;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.containerConseillers button:hover {
  background: #5A3098;
  color: white;
}
.containerConseillers .containerCards {
  padding-top: 2rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .containerConseillers .containerCards {
    display: flex;
    flex-direction: column;
  }
}
.cardConseillers {
  margin: 0.75rem;
  flex: 1 0 calc(25% - 1.5rem);
  max-width: 23.5%;
  background: #F1EBF9;
  padding: 2rem 1rem 1rem 1rem;
  border-bottom: 5px solid #5A3098;
  border-radius: 5px;
  overflow: auto;
}
@media (max-width: 991px) {
  .cardConseillers {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.cardConseillers p {
  padding: 0;
  margin: 0;
}
.cardConseillers p:first-child {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}
.cardConseillers p:nth-child(2) {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding-bottom: 2px;
}
.cardConseillers p:nth-child(3) {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.containerBoutique {
  display: flex;
  padding-top: 8rem;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.containerBoutique > .button {
  flex: none;
}
@media (max-width: 991px) {
  .containerBoutique {
    flex-direction: column-reverse;
    padding-right: 0;
    align-items: unset;
  }
}
.containerBoutique > div {
  display: flex;
  flex-direction: column;
  margin-right: 10rem;
}
.containerBoutique > div h3 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: #1D1747;
}
.containerBoutique > div p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #1D1747;
}
.containerBoutique > div a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
}
@media (max-width: 991px) {
  .containerBoutique > div {
    margin-right: 0;
  }
}
.hidden {
  display: none;
}
.succursaleForm textarea {
  max-width: 100%;
}
/*!
estampes */
.estampes-wrapper {
  background: linear-gradient(to right, white 50%, #F3F3F1 50%);
}
.estampes .underline-small:before {
  z-index: 0;
}
.estampes [data-toolbar] ul a.selected span:before {
  content: __('en cours');
}
.estampes [data-items] {
  color: #1D1747;
}
.estampes [data-items] h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  margin: 0 0 16px 0;
}
.estampes [data-items] h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin: 0 0 40px 0;
}
.estampes [data-items] div + h3 {
  margin-top: 40px;
}
.estampes [data-items] > div > div {
  padding: 40px 0;
  border-top: 1px solid #1D1747;
}
.estampes [data-items] > div > div:first-child {
  border-top: none;
}
.estampes [data-step="0"] input[type=radio] {
  display: none;
}
.estampes [data-step="0"] input[type=radio]:checked + label {
  border: 1px solid #5A3098;
}
.estampes [data-step="0"] label {
  border: 1px solid white;
  background: white;
  border-radius: 4px;
  padding: 16px;
}
.estampes .types .icon {
  flex: none;
  width: 100px;
  height: 100px;
}
.estampes .types .printy-trodat-icon {
  background: url('../img/timbres/printy-trodat.svg');
}
.estampes .types .caoutchouc-traditionnels-icon {
  background: url('../img/timbres/caoutchouc-traditionnels.svg');
}
.estampes .types .dateur-printy-icon {
  background: url('../img/timbres/dateur-printy.svg');
}
.estampes .types .dateur-icon {
  background: url('../img/timbres/dateur.svg');
}
.estampes .modeles {
  text-align: center;
}
.estampes .modeles .icon {
  flex: none;
  width: 60px;
  height: 60px;
  margin-right: 12px;
  background: url('../img/timbres/models.svg');
}
.estampes .modeles .icon + span {
  padding-top: 8px;
}
.estampes .color .icon {
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-right: 12px;
}
.estampes .font .icon {
  flex: none;
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.estampes .font .icon + span {
  padding-top: 8px;
}
.estampes textarea {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 10px;
  resize: none;
  width: 100%;
  height: 140px;
  border: 1px solid #1D174766;
  border-radius: 4px;
}
/*!
ink toner */
.ink-toner-wrapper {
  background: linear-gradient(to right, white 50%, #F3F3F1 50%);
}
.ink-toner [data-toolbar] h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}
.ink-toner [data-toolbar] ul li {
  border: 1px solid #E7E7E5;
  border-radius: 8px;
}
.ink-toner [data-toolbar] ul a {
  display: block;
  padding: 7px 12px 7px 17px;
}
.ink-toner [data-toolbar] ul a span {
  font-size: 8px;
  line-height: 12px;
  font-weight: 500;
  display: block;
}
.ink-toner [data-toolbar] ul a div {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}
.ink-toner [data-toolbar] ul a + a {
  padding-left: 8px;
}
.ink-toner [data-toolbar] ul a + a span {
  border-left: 1px solid #E7E7E5;
  display: inline-block;
  height: fit-content;
  margin-top: 3px;
  padding-top: 6px;
  padding-bottom: 1px;
  padding-left: 9px;
}
.ink-toner [data-step] h2 {
  margin-bottom: 0;
}
.ink-toner [data-step] h3 {
  margin-top: 0;
}
.ink-toner [data-step] h2 + h3 {
  margin-top: 16px;
}
.ink-toner [data-step] a {
  font-weight: 700;
}
.ink-toner [data-step] a .underline-small:before {
  z-index: 0;
}
.ink-toner [data-step] > div {
  max-width: 629px;
}
.ink-toner [data-step] .toners {
  margin: 48px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 16px;
}
.ink-toner [data-step] .toners input {
  display: none;
}
.ink-toner [data-step] .toners input:checked + label {
  border: 1px solid #5A3098;
}
.ink-toner [data-step] .toners label {
  border: 1px solid white;
  background: white;
  border-radius: 4px;
  height: 48px;
  cursor: pointer;
  position: relative;
}
.ink-toner [data-step] .toners label span {
  line-height: 48px;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
}
.ink-toner [data-step] .toners label img {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 80%;
}
.ink-toner [data-step] .toners label img.show-empty {
  max-width: 100%;
}
.ink-toner [data-step] .toners label img.show-empty:after {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: attr(data-empty);
  font-size: 18px;
  line-height: 48px;
  font-weight: 700;
  text-align: center;
}
.ink-toner [data-step] label.field-container {
  margin: 48px 0;
}
.ink-toner [data-step] > div > div + div {
  padding-top: 48px;
  border-top: 1px solid #1D1747;
}
.ink-toner [data-step] .toners-models {
  margin-bottom: 48px;
}
.ink-toner [data-step] .toners-models .item,
.ink-toner [data-step] .toners-models .head {
  border-bottom: 1px solid #E7E7E5;
  padding: 8px 0;
}
.ink-toner [data-step] .toners-models .head {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  color: #1D1747;
  margin: 24px 0;
}
.ink-toner [data-step] .toners-models .item {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #5A3098;
}
#test {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(10, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
@media (max-width: 991px) {
  #test {
    margin-top: -11rem;
    margin-bottom: -10rem;
  }
}
#test > div:nth-child(1) {
  grid-area: 5 / 9 / 6 / 11;
}
#test > div:nth-child(2) {
  grid-area: 2 / 4 / 3 / 5;
}
#test > div:nth-child(3) {
  grid-area: 1 / 7 / 2 / 8;
}
#test > div:nth-child(4) {
  grid-area: 9 / 3 / 10 / 4;
}
#test > div:nth-child(5) {
  grid-area: 3 / 3 / 8 / 10;
}
#test > div:nth-child(6) {
  grid-area: 8 / 6 / 9 / 7;
}
/*!
jobs */
@media (max-width: 991px) {
  .jobs-wrapper {
    display: flex;
    flex-direction: column;
  }
}
.headerJobs {
  background: #1D1747;
  height: 485px;
  display: flex;
  flex-direction: row;
}
.headerJobs > .button {
  flex: none;
}
@media (max-width: 991px) {
  .headerJobs {
    display: flex;
    flex-direction: column;
  }
}
.headerJobs .containerJobs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
}
@media (max-width: 991px) {
  .headerJobs .containerJobs {
    width: 100%;
    padding-top: 2rem;
  }
}
.headerJobs .containerJobs div {
  margin-left: 21%;
}
.headerJobs .containerJobs div > p:nth-child(2) {
  padding-bottom: 2rem;
}
.headerJobs .containerJobs p {
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
  color: white;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.headerJobs .containerJobs a {
  padding: 1rem;
  background: #F1EBF9;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
}
.headerJobs .containerJobs a:hover {
  background: #5A3098;
  color: #F1EBF9;
}
@media (max-width: 991px) {
  .headerJobs .containerJobs div {
    margin-left: 5%;
  }
}
.headerJobs .containerImage {
  z-index: 3;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-right: 10.5rem;
}
@media (max-width: 991px) {
  .headerJobs .containerImage {
    width: 100%;
    justify-content: center;
    padding: 0 24px 0 24px;
  }
}
.headerJobs .containerImage > .button {
  flex: none;
}
.headerJobs .containerImage img {
  margin-top: 15%;
  margin-bottom: -10%;
  width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .headerJobs .containerImage img {
    width: 100%;
    height: auto;
    margin-top: 10%;
  }
}
.headerJobs > img:last-child {
  z-index: 2;
  position: absolute;
  right: 0px;
}
@media (max-width: 991px) {
  .headerJobs > img:last-child {
    display: none;
  }
}
.containerSectionMid {
  display: flex;
  flex-direction: column;
  padding-top: 13rem;
}
@media (max-width: 991px) {
  .containerSectionMid {
    padding-top: 30rem;
  }
}
@media (max-width: 767px) {
  .containerSectionMid {
    padding-top: 20rem;
  }
}
@media (max-width: 549px) {
  .containerSectionMid {
    padding-top: 13rem;
  }
}
.containerSectionMid > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5rem;
}
.containerSectionMid > div > .button {
  flex: none;
}
@media (max-width: 991px) {
  .containerSectionMid > div {
    flex-direction: column;
  }
}
.containerSectionMid > div div {
  display: flex;
  flex-direction: column;
  max-width: 40%;
}
@media (max-width: 991px) {
  .containerSectionMid > div div {
    max-width: 80%;
  }
}
.containerSectionMid > div div p:first-child {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: #1D1747;
  margin-bottom: 1rem;
}
.containerSectionMid > div div p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #1D1747;
  margin: 0;
  padding: 0;
}
.containerSectionMid img {
  width: 50%;
  height: auto;
}
@media (max-width: 991px) {
  .containerSectionMid img {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .containerSectionMid > div:nth-child(2) {
    flex-direction: column-reverse;
    margin-left: 0;
  }
}
.containerPostes {
  padding-bottom: 8rem;
}
.containerPostes > p {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  padding-bottom: 2rem;
}
.containerPostes .rowJobs {
  display: flex;
  flex-direction: row;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.containerPostes .rowJobs > .button {
  flex: none;
}
@media (max-width: 991px) {
  .containerPostes .rowJobs {
    flex-direction: column;
  }
}
.containerPostes .rowJobs p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #1D1747;
}
.containerPostes .rowJobs div {
  display: flex;
  flex-direction: row;
  width: calc(25%);
  align-items: center;
}
.containerPostes .rowJobs div > .button {
  flex: none;
}
@media (max-width: 991px) {
  .containerPostes .rowJobs div {
    width: 100%;
  }
}
.containerPostes .rowJobs > div:nth-child(2) {
  justify-content: center;
}
@media (max-width: 991px) {
  .containerPostes .rowJobs > div:nth-child(2) {
    justify-content: flex-start;
  }
}
.containerPostes .rowJobs > div:nth-child(3) {
  justify-content: center;
}
@media (max-width: 991px) {
  .containerPostes .rowJobs > div:nth-child(3) {
    justify-content: flex-start;
  }
}
.containerPostes .rowJobs > div:nth-child(4) {
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .containerPostes .rowJobs > div:nth-child(4) {
    justify-content: flex-start;
  }
}
.containerPostes .rowJobs a {
  padding: 0.75rem;
  background: #5A3098;
  border-radius: 8px;
  color: white;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.containerPostes hr {
  margin-top: 2rem;
}
.avantagesBold {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
}
/*!
jobs single */
.jobBody {
  padding-top: 10rem;
}
.jobBody .jobTitleBig {
  font-size: 48px;
  line-height: 56px;
  font-weight: 400;
  color: #1D1747;
}
.jobBody .jobTitle {
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
  color: #1D1747;
}
.jobBody .jobText {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #1D1747;
}
.succursaleForm form > p {
  padding: 0;
  margin: 0;
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
  color: #1D1747;
}
.jobContent {
  padding-top: 12rem;
}
/*!
account */
.account h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
  color: #1D1747;
}
.grey-wrapper {
  background: #F8F8F7;
}
.squaresSelection {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 4rem;
  flex-wrap: wrap;
}
.squaresSelection > .button {
  flex: none;
}
.accountSquare {
  display: flex;
  flex-direction: column;
  background: #F1EBF9;
  margin: 3px;
  align-items: center;
  padding-top: 3rem;
  width: calc(16.666% - 10px);
  border-radius: 6px;
  border-bottom: #5A3098 solid 6px;
}
@media (max-width: 991px) {
  .accountSquare {
    width: calc(33.33% - 10px);
  }
}
.accountSquare > div:first-child {
  position: absolute;
  height: 4rem;
  width: 4rem;
  background-color: #F6C864;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 549px) {
  .accountSquare > div:first-child {
    height: 3rem;
    width: 3rem;
  }
}
.accountSquare > div:nth-child(2) {
  padding-top: 6rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 549px) {
  .accountSquare > div:nth-child(2) {
    padding-top: 4rem;
  }
}
.accountSquare img {
  max-height: 1rem;
  max-width: 1rem;
  scale: 2;
}
@media (max-width: 549px) {
  .accountSquare img {
    scale: 1;
  }
}
.accountSquare p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 549px) {
  .accountSquare p {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
  }
}
@media (max-width: 549px) {
  .accountSquare {
    padding-top: 1rem;
  }
}
.accountSquare:hover,
.accountSquare.selected {
  background: #5A3098 url('../img/account/gold_bottom.svg') no-repeat bottom center;
  border-bottom: none;
}
.accountSquare:hover > div:first-child,
.accountSquare.selected > div:first-child {
  background-color: #a58ec8;
}
.accountSquare:hover > div:first-child > img,
.accountSquare.selected > div:first-child > img {
  filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(150deg) brightness(109%) contrast(101%);
}
.accountSquare:hover p,
.accountSquare.selected p {
  color: white;
}
/*!
users */
.bg-right {
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
}
.headerUsers {
  background: #1D1747;
  height: 161px;
  position: absolute;
  right: 0px;
  left: 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.headerUsers > .button {
  flex: none;
}
.headerUsers p {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: white;
}
.headerUsers img {
  z-index: 2;
  position: absolute;
  right: 0px;
}
@media (max-width: 991px) {
  .headerUsers img {
    display: none;
  }
}
.usersForm {
  padding-top: 24px;
}
.usersForm p {
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
}
.usersForm form {
  display: flex;
  flex-direction: column;
}
.usersForm form div {
  display: flex;
  flex-direction: row;
}
.usersForm form div > .button {
  flex: none;
}
@media (max-width: 991px) {
  .usersForm form div {
    display: flex;
    flex-direction: column;
    padding-top: 0.5rem;
  }
}
.usersForm form > div:nth-child(2) {
  padding-top: 1rem;
}
.usersForm form > div:nth-child(3) {
  padding-top: 2rem;
}
.usersForm ::placeholder {
  color: red;
  opacity: 1;
  /* Firefox */
}
.input-group {
  position: relative;
  padding-right: 1.5rem;
}
.select-group {
  position: relative;
  padding-right: 1.5rem;
}
.input-label {
  font-size: 8px;
  line-height: 12px;
  font-weight: 500;
  position: absolute;
  top: 5px;
  left: 5px;
  color: #666;
}
.input-element {
  border: 1px solid #1D174766;
  border-radius: 4px;
  padding: 16px 16px 8px 16px;
  width: 370px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .input-element {
    width: 300px;
  }
}
.input-submit {
  padding: 12px 16px 12px 16px;
  border-radius: 8px;
  border-style: none;
  width: 227px;
  background: #5A3098;
  color: white;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.usersAccount {
  padding-top: 3rem;
  padding-bottom: 4rem;
  display: flex;
  flex-direction: column;
}
.usersAccount p {
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
}
.usersAccount form {
  display: flex;
  flex-direction: column;
}
.usersAccount form div {
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.usersAccount form div .input-group .input-element {
  background: #E7E7E5;
}
@media (max-width: 991px) {
  .usersAccount form div {
    flex-wrap: nowrap;
    display: flex;
    flex-direction: column;
  }
}
.usersAccount form .userSubmit {
  padding-top: 2rem;
}
.usersAccount div {
  display: flex;
  flex-direction: row;
}
.usersAccount div > .button {
  flex: none;
}
.usersAccount .userDelete {
  height: 3rem;
  width: 3rem;
  background-color: #1D1747;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.usersAccount .userDelete a {
  margin-top: 5px;
}
.userH3text {
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
  color: #1D1747;
  padding-top: 2rem;
}
@media (max-width: 991px) {
  .usersCent {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
}
/*!
orders */
.orderSection {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.orderSection p {
  margin: 0;
}
.orderSection .timeSelector {
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.orderSection div:first-child {
  display: flex;
  flex-direction: row;
}
.orderSection div:first-child > .button {
  flex: none;
}
.orderSection .textTop {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.orderSection .orderBand {
  background: #F8F8F7;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orderSection .orderBand .orderCard {
  background: white;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
  width: -webkit-fill-available;
}
.orderSection .orderBand .orderCard > div:first-child {
  display: flex;
  flex-direction: row;
}
.orderSection .orderBand .orderCard > div:first-child > .button {
  flex: none;
}
.orderSection .orderBand .orderCard > div:first-child > div:first-child {
  display: flex;
  flex-direction: row;
}
.orderSection .orderBand .orderCard > div:first-child > div:first-child > .button {
  flex: none;
}
@media (max-width: 549px) {
  .orderSection .orderBand .orderCard > div:first-child > div:first-child {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.orderSection .orderBand .orderCard > div:first-child > div:first-child > div:first-child {
  display: flex;
  flex-direction: column;
}
.orderSection .orderBand .orderCard > div:first-child > div:first-child > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
  padding-right: 2rem;
}
.orderSection .orderBand .orderCard > div:first-child > div:first-child > div:nth-child(2) p:nth-child(2) {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (max-width: 549px) {
  .orderSection .orderBand .orderCard > div:first-child > div:first-child > div:nth-child(2) {
    padding-left: 0rem;
    padding-right: 0rem;
    text-align: right;
  }
}
.orderSection .orderBand .orderCard > div:first-child > div:first-child > div:nth-child(3) {
  display: flex;
  flex-direction: column;
  padding-right: 3rem;
}
.orderSection .orderBand .orderCard > div:first-child > div:first-child > div:nth-child(3) p:nth-child(2) {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (max-width: 549px) {
  .orderSection .orderBand .orderCard > div:first-child > div:first-child > div:nth-child(3) {
    padding-right: 0rem;
  }
}
@media (max-width: 549px) {
  .orderSection .orderBand .orderCard > div:first-child > div:first-child > div:nth-child(4) {
    text-align: right;
  }
}
.orderSection .orderBand .orderCard > div:first-child > div:nth-child(2) {
  display: flex;
  flex-direction: row;
  padding-left: 7rem;
}
.orderSection .orderBand .orderCard > div:first-child > div:nth-child(2) > .button {
  flex: none;
}
.orderSection .orderBand .orderCard > div:first-child > div:nth-child(2) div {
  display: flex;
  flex-direction: column;
}
.orderSection .orderBand .orderCard > div:first-child > div:nth-child(2) > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
}
.orderSection .orderBand .orderCard > div:first-child p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.orderSection .orderBand .orderCard > div:nth-child(2) {
  display: flex;
  flex-direction: row;
}
.orderSection .orderBand .orderCard > div:nth-child(2) > .button {
  flex: none;
}
.orderSection .orderBand .orderCard > div:nth-child(2) > p:first-child {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.orderSection .orderBand .orderCard > div:nth-child(2) > p:nth-child(2) {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (max-width: 549px) {
  .orderSection .orderBand .orderCard .degrade:before {
    display: none;
  }
}
@media (max-width: 549px) {
  .orderSection .orderBand .orderCard .degrade:after {
    display: none;
  }
}
.cardProduitOrdered {
  display: flex;
  background: #F8F8F7;
  height: 167px;
  padding: 1rem;
  margin-right: 1.5rem;
  width: min-content;
}
@media (max-width: 991px) {
  .cardProduitOrdered {
    margin-top: 1.5rem;
  }
}
.cardProduitOrdered img {
  max-width: 135px;
  max-height: 135px;
}
.cardProduitOrdered > div {
  display: flex;
  flex-direction: column;
  padding-left: 2rem !important;
}
.cardProduitOrdered > div p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
  overflow: hidden;
  min-height: 50px;
}
.cardProduitOrdered > div > div {
  display: flex;
  padding-top: 1rem;
  width: max-content;
  align-items: center;
}
@media (max-width: 991px) {
  .cardProduitOrdered > div > div {
    padding-top: 0;
  }
}
.cardProduitOrdered > div > div a:first-child {
  padding: 12px 16px 12px 16px;
  border-radius: 8px;
  background: #5A3098;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: white;
}
.cardProduitOrdered > div > div a:nth-child(2) {
  padding-left: 1.5rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #1D1747;
}
@media (max-width: 991px) {
  .cardProduitOrdered > div > div a:nth-child(2) {
    padding-left: 0;
    margin-top: 1rem;
  }
}
@media (max-width: 991px) {
  .cardProduitOrdered > div > div {
    flex-direction: column;
  }
}
.cardProduitOrdered .image-container {
  width: 135px;
  height: 135px;
}
@media (max-width: 549px) {
  .cardProduitOrdered {
    scale: 0.7;
    margin-right: unset;
    margin-top: unset !important;
  }
}
.order-select-group {
  position: relative;
  margin-left: 1rem;
}
.order-select-group form select {
  padding: 8px 8px 8px 8px;
  border: 1px solid #E7E7E5;
  border-radius: 4px;
  color: #1D1747;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.client-input-element {
  border-style: unset;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.orderedName {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #5A3098;
}
.bandDiv {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  margin-top: 1.5rem;
}
.bandDiv > .button {
  flex: none;
}
@media (max-width: 991px) {
  .bandDiv {
    flex-direction: column!important;
  }
}
@media (max-width: 549px) {
  .bandDiv {
    align-items: center;
  }
}
.bandDiv {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
.bandDiv::-webkit-scrollbar {
  display: none;
}
.smallOrder {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  color: #1D1747;
}
.elseMessage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.elseMessage p {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: #1D1747;
}
.buttonContRight {
  align-items: center;
}
.buttonContRight .scroll-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  position: absolute;
  right: 2%;
  top: 51%;
  z-index: 99;
}
.buttonContRight .scroll-button img {
  display: block;
}
@media (max-width: 549px) {
  .buttonContRight {
    display: none;
  }
}
.buttonContRight .scroll-button:hover {
  box-shadow: 0 0 4px #1D1747;
  border-radius: 20px;
}
.buttonContLeft {
  align-items: center;
}
.buttonContLeft .scroll-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  position: absolute;
  left: 2%;
  top: 50%;
  rotate: 180deg;
  z-index: 99;
}
.buttonContLeft .scroll-button img {
  display: block;
}
@media (max-width: 549px) {
  .buttonContLeft {
    display: none!important;
  }
}
.buttonContLeft .scroll-button:hover {
  box-shadow: 0 0 5px #1D1747 !important;
  border-radius: 20px !important;
}
.orderBand:before {
  background: linear-gradient(to right, transparent, #fff) !important;
  left: 0;
}
.orderBand:after {
  background: linear-gradient(to right, transparent, #fff) !important;
  right: 0;
}
/*!
adress */
.componentAdresse {
  width: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
}
.componentAdresse p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #1D1747;
}
.componentAdresse > .button {
  flex: none;
}
@media (max-width: 991px) {
  .componentAdresse {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.componentAdresse > div {
  padding: 1rem;
  background: white;
  width: calc(50% - 20px);
  justify-content: space-between;
  border-left: #F6C864 4px solid;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
}
.componentAdresse > div > .button {
  flex: none;
}
.componentAdresse > div h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
}
@media (max-width: 991px) {
  .componentAdresse > div {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.adresseCont {
  align-items: center;
  display: flex;
  flex-direction: column;
}
#formAddressShip label,
#formAddressBill label,
#showFormUser label,
#showFormOtherUser label {
  margin-top: 1rem;
}
#formAddressShip button,
#formAddressBill button,
#showFormUser button,
#showFormOtherUser button {
  margin-top: 1.5rem;
}
/*!
order details */
.headerOrderDetails p {
  margin: 0;
}
.headerOrderDetails .container > div {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  margin-bottom: 2rem;
}
.headerOrderDetails .container > div > .button {
  flex: none;
}
.headerOrderDetails .container > div > div:first-child > p {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: #1D1747;
}
@media (max-width: 991px) {
  .headerOrderDetails .container > div > div:first-child > p {
    margin-bottom: 2rem;
  }
}
.headerOrderDetails .container > div > div:nth-child(2) {
  display: flex;
  flex-direction: row;
}
.headerOrderDetails .container > div > div:nth-child(2) > .button {
  flex: none;
}
@media (max-width: 991px) {
  .headerOrderDetails .container > div > div:nth-child(2) {
    justify-content: space-between;
  }
}
.headerOrderDetails .container > div > div:nth-child(2) > div:nth-child(2) {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (max-width: 991px) {
  .headerOrderDetails .container > div > div:nth-child(2) > div:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
    text-align: end;
  }
}
.headerOrderDetails .container > div > div:nth-child(2) > div {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .headerOrderDetails .container > div {
    flex-direction: column;
  }
}
.textTop {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
}
.orderDetailBody {
  padding-top: 2rem;
}
.orderDetailBody p {
  margin: 0;
}
.orderDetailBody > div:first-child {
  margin-bottom: 2rem;
}
.orderDetailBody > div {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10rem;
}
.orderDetailBody > div > .button {
  flex: none;
}
.orderDetailBody > div > p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
}
.orderDetailBody > div > a {
  padding: 12px 16px 12px 16px;
  border-radius: 8px;
  background: #5A3098;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: white;
}
.orderDetailBody > div:nth-child(2) {
  min-height: 10rem;
}
@media (max-width: 991px) {
  .orderDetailBody > div:nth-child(2) {
    flex-direction: column;
  }
}
.factureDetail {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  width: 30%;
  background: #F8F8F7;
}
.factureDetail hr {
  opacity: 0.3;
}
.factureDetail div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.factureDetail div > p:first-child {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #1D1747;
}
.factureDetail div > p:nth-child(2) {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #1D1747;
}
.factureDetail > div:first-child > p:first-child {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  color: #1D1747;
}
.factureDetail > div:first-child > p:nth-child(2) {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
}
.factureDetail > div:nth-child(8) p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
}
.factureDetail > div:nth-child(9) p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1D1747;
}
@media (max-width: 991px) {
  .factureDetail {
    position: relative;
    width: 100%;
  }
}
.rightMoney {
  align-items: flex-end !important;
  text-align: right !important;
}
.summary {
  align-items: stretch !important;
  flex-direction: column !important;
}
.summary div {
  flex-direction: row !important;
}
.listeProduits {
  width: 60%;
  height: fit-content;
  max-height: 600px;
  overflow-y: scroll;
  display: flex !important;
  flex-direction: column !important;
}
.listeProduits > div {
  background: #F8F8F7;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding: 1rem;
}
.listeProduits > div > .button {
  flex: none;
}
.listeProduits > div .image-container {
  height: 135px;
  width: 135px;
}
.listeProduits > div > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.listeProduits > div > div > div {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
  margin-left: 1rem;
}
.listeProduits > div > div > div > p:first-child {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #1D1747;
}
.listeProduits > div > div > div > p:nth-child(2) {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #1D1747;
  opacity: 0.7;
}
.detailButt {
  vertical-align: text-top;
}
/*!
invoices */
.invoicesBody {
  padding-bottom: 3rem;
}
.invoicesBody > div:first-child {
  padding-top: 2rem;
  margin-left: 1.5rem;
  width: 17%;
  display: flex;
  flex-direction: row;
}
.invoicesBody > div:first-child > div:first-child {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: max-content;
}
.invoicesBody > div:first-child > div:first-child > .button {
  flex: none;
}
.invoicesBody > div:first-child > .button {
  flex: none;
}
.invoicesBody > div:first-child a {
  color: #1D1747;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  width: max-content;
  padding-bottom: 1.5rem;
}
.invoicesBody > div:first-child a:nth-child(2) {
  margin-left: 2rem;
}
.invoicesBody .lineSelector {
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
  flex-direction: row;
}
.invoicesBody .lineSelector p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #1D1747;
}
.invoicesBody .lineSelector > .button {
  flex: none;
}
.invoicesMain {
  background: white;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  display: flex;
  flex-direction: column;
}
.invoicesMain > div:first-child {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.invoicesMain > div:first-child > .button {
  flex: none;
}
.invoicesMain > div:first-child > div:first-child p:first-child {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #1D1747;
}
.invoicesMain > div:first-child > div:first-child p:nth-child(2) {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #EB3030;
}
.invoicesMain > div:first-child {
  display: flex;
  flex-direction: row;
}
.invoicesMain > div:first-child > .button {
  flex: none;
}
.invoicesTable {
  overflow-x: scroll;
}
.invoicesTable table {
  width: 100%;
}
.invoicesTable table thead tr th {
  background: #F3F3F1;
  text-align: left;
  padding: 0.5rem 12px 0.5rem 12px;
  border: 1px solid #E7E7E5;
}
.invoicesTable table tbody tr td {
  background: #F8F8F7;
  text-align: left;
  padding: 0.5rem 12px 0.5rem 12px;
  border: 1px solid #E7E7E5;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #1D1747;
}
.invoiceClick {
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  color: #1D1747;
  border-bottom: 1px solid #1D1747;
}
.invoiceClick:hover {
  color: #5A3098 !important;
}
.line-select-group {
  position: relative;
  padding-right: 1.5rem;
}
.line-input-element {
  border: 1px solid #1D174766;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
  width: 4.5rem;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin-left: 2rem;
  color: #1D1747;
}
.invoiceSelected {
  color: #5A3098 !important;
  border-bottom: 3px solid #5A3098;
}
hr {
  margin: 0;
}
.breadInvoice {
  position: absolute;
  top: 3%;
  left: 9.5%;
}
.breadInvoice a {
  color: white;
}
.directPayment {
  display: flex;
  justify-content: center;
}
.directPayment a {
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  color: #1D1747;
  border-bottom: 1px solid #1D1747;
}
#selectButtonA:hover {
  color: #5A3098 !important;
}
#selectButtonB:hover {
  color: #5A3098 !important;
}
/*!
invoice */
.invoiceBody h3 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: #1D1747;
}
.invoiceBody > p:nth-child(2) {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  color: #1D1747;
}
.invoiceBody .cardLabel {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #1D1747;
}
.invoiceBody .cardInput {
  color: #5A3098;
}
.invoiceBody .cardRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 11%;
  justify-content: space-between;
}
.invoiceBody .cardRow > .button {
  flex: none;
}
.invoiceBody .invoiceTotal {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #1D1747;
}
.invoiceBody .invoiceTotal input {
  text-align: right;
  border: none;
  background: none;
  width: 150px;
}
.invoiceBody form {
  padding-bottom: 5rem;
}
.invoiceTable table {
  width: 40%;
}
.invoiceTable table thead tr th {
  background: #F3F3F1;
  text-align: left;
  padding: 0.5rem 12px 0.5rem 12px;
  border: 1px solid #E7E7E5;
}
.invoiceTable table tbody tr td {
  background: #F8F8F7;
  text-align: left;
  padding: 0.5rem 12px 0.5rem 12px;
  border: 1px solid #E7E7E5;
}
.extraFeeRow {
  align-items: center;
  padding-top: 2rem;
  display: flex;
  flex-direction: row;
}
.extraFeeRow > .button {
  flex: none;
}
.extraFeeRow .extraFee {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #1D1747;
}
.invoiceSubmit {
  padding: 12px 16px 12px 16px;
  border-radius: 8px;
  background: #5A3098;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: white;
}
/*!
privileges */
.headerPrivileges {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.headerPrivileges > .button {
  flex: none;
}
.headerPrivileges img {
  z-index: 2;
  position: absolute;
  right: 0px;
}
@media (max-width: 991px) {
  .headerPrivileges img {
    display: none;
  }
}
.headerPrivileges > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.headerPrivileges > div p {
  padding: 0;
  margin: 0;
}
.headerPrivileges > div > p:first-child {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: white;
  padding-bottom: 2rem;
}
.headerPrivileges > div > p:nth-child(2) {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: white;
}
.headerPrivileges > div > p:nth-child(3) {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: white;
  padding-bottom: 3rem;
}
.headerPrivileges > div > p:nth-child(4) {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: white;
}
.headerPrivileges > div > p:nth-child(5) {
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
  color: white;
}
/*!
favorites */
/*!
politiques */
.polTable {
  width: 100%;
  overflow-x: scroll;
}
.polTable thead tr th {
  background: #F3F3F1;
  text-align: left;
  padding: 0.5rem 12px 0.5rem 12px;
  border: 1px solid #E7E7E5;
}
.polTable tbody tr td {
  background: #F8F8F7;
  text-align: left;
  padding: 0.5rem 12px 0.5rem 12px;
  border: 1px solid #E7E7E5;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #1D1747;
}
/*!
services */
.servicesWrapper {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  margin-bottom: 5rem;
}
@media (max-width: 991px) {
  .servicesWrapper {
    justify-content: center;
  }
}
.servicesWrapper .paragraphColumns {
  justify-content: center;
  margin-top: 2rem;
  display: flex;
  flex-direction: row;
}
@media (max-width: 991px) {
  .servicesWrapper .paragraphColumns {
    flex-direction: column;
    align-items: center;
  }
}
.servicesWrapper .paragraphColumns > .button {
  flex: none;
}
.servicesWrapper .paragraphColumns > .column {
  width: 40%;
}
@media (max-width: 991px) {
  .servicesWrapper .paragraphColumns > .column {
    width: 100%;
  }
}
.servicesWrapper .paragraphColumns .grayBox {
  width: 45%;
  margin-left: 10%;
  padding: 1rem;
  border-style: solid;
  border-width: 1px;
  border-color: #5A3098;
}
@media (max-width: 991px) {
  .servicesWrapper .paragraphColumns .grayBox {
    width: 100%;
    margin-left: unset;
    margin-top: 10%;
  }
}
.servicesWrapper .paragraphColumns .twinColumns {
  display: flex;
}
@media (max-width: 991px) {
  .servicesWrapper .paragraphColumns .twinColumns {
    flex-direction: column;
  }
}
.servicesWrapper .paragraphColumns .twinColumns > div:nth-child(2) {
  margin-right: 1rem;
}
.servicesWrapper .topServices {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .servicesWrapper .topServices {
    align-items: center;
    justify-content: unset;
  }
}
.servicesWrapper .topServices h1 {
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
  color: #1D1747;
}
.servicesWrapper .topServices div {
  padding: 0.5rem;
  border-style: solid;
  border-width: 1px;
  border-color: #F1EBF9;
}
@media (max-width: 991px) {
  .servicesWrapper .topServices div {
    display: none;
  }
}
.servicesWrapper .miniHelpLady a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.servicesWrapper .miniHelpLady a > .button {
  flex: none;
}
.servicesWrapper .buyNow {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.servicesWrapper .buyNow > .button {
  flex: none;
}
/*!
services */
.realTitle h1 {
  margin-top: 3rem;
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
  color: #1D1747;
}
.buttonsCont {
  margin-bottom: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.buttonsCont > .button {
  flex: none;
}
.buttonsCont .buttonsReal {
  width: 100%;
  justify-content: center;
  gap: 1%;
}
.buttonsCont .buttonsReal div {
  max-width: 20px;
  padding: 15px;
  cursor: pointer;
  background-color: #F8F8F7;
  border: 1px solid #1D1747;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .buttonsCont .buttonsReal div {
    margin: 0.25rem;
  }
}
.buttonsCont .buttonsReal div:hover {
  background-color: #5A3098;
  box-shadow: 0 0 5px #1D1747;
  border-radius: 20px;
}
.buttonsCont .buttonsReal .selected {
  background-color: #5A3098;
  box-shadow: 0 0 5px #1D1747;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .buttonsCont .buttonsReal {
    flex-wrap: wrap;
    justify-content: left;
  }
}
.realisations-slider {
  padding: 40px 0 40px 0;
}
@media (min-width: 992px) {
  .realisations-slider {
    padding: 0px 0 20px 0;
  }
}
.realisations-slider .header {
  padding: 0 24px 0 24px;
}
@media (min-width: 992px) {
  .realisations-slider .header {
    padding: 0 80px 0 80px;
  }
}
.realisations-slider .carousel {
  display: flex;
  gap: 19px;
}
@media (min-width: 992px) {
  .realisations-slider .carousel {
    padding: 80px 0 80px 0;
  }
}
.realisations-slider [data-slider] {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 79.5%;
  padding-left: 2.25%;
  margin: auto;
}
.realisations-slider [data-slider] .arrow-left,
.realisations-slider [data-slider] .arrow-right {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  top: 47%;
}
.realisations-slider [data-slider] .arrow-left {
  left: 0px;
  transform: scaleX(-1);
}
.realisations-slider [data-slider] .arrow-right {
  right: 0px;
}
.realisations-slider [data-slider] .carousel {
  display: flex;
  padding-left: 50px;
  padding-right: 50px;
  gap: 50px;
}
@media (max-width: 991px) {
  .realisations-slider [data-slider] .carousel {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .realisations-slider [data-slider] .carousel {
    padding-left: 0px;
  }
}
.realisations-slider [data-slider] .carousel a img {
  height: auto;
  width: 960px;
}
@media (max-width: 1199px) {
  .realisations-slider [data-slider] .carousel a img {
    width: 792px;
  }
}
@media (max-width: 991px) {
  .realisations-slider [data-slider] .carousel a img {
    width: 692px;
  }
}
@media (max-width: 767px) {
  .realisations-slider [data-slider] .carousel a img {
    width: 492px;
  }
}
@media (max-width: 549px) {
  .realisations-slider [data-slider] .carousel a img {
    width: 292px;
  }
}
.realisationsBot-slider {
  padding: 40px 0 40px 0;
}
@media (min-width: 992px) {
  .realisationsBot-slider {
    padding: 80px 0 80px 0;
  }
}
.realisationsBot-slider .header {
  padding: 0 24px 0 24px;
}
@media (min-width: 992px) {
  .realisationsBot-slider .header {
    padding: 0 80px 0 80px;
  }
}
.realisationsBot-slider .carousel {
  display: flex;
  gap: 19px;
}
.realisationsBot-slider .carousel a img {
  border-style: solid;
  border-width: 2px;
  border-color: #1D1747;
}
.realisationsBot-slider [data-slider] {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 91.5%;
  padding-left: 2.25%;
  margin: auto;
}
.realisationsBot-slider [data-slider] .arrow-left,
.realisationsBot-slider [data-slider] .arrow-right {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  top: 39%;
}
.realisationsBot-slider [data-slider] .arrow-left {
  left: 0px;
  transform: scaleX(-1);
}
.realisationsBot-slider [data-slider] .arrow-right {
  right: 0px;
}
.realisationsBot-slider [data-slider] .carousel {
  display: flex;
  padding-left: 50px;
  padding-right: 50px;
  gap: 45px;
}
@media (min-width: 992px) {
  .realisationsBot-slider [data-slider] .carousel {
    padding-left: 0px;
  }
}
.sectionChoix > h2:first-child {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: #1D1747;
  margin-top: 2rem;
}
.sectionChoix > h2:nth-child(2) {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: #1D1747;
  margin-top: 2rem;
  margin-bottom: 0;
}
/*!
quicksearch_results */
.quicksearch-results-container {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 12px;
  align-items: center;
}
.quicksearch-results-container .image-container {
  height: 64px;
  width: 64px;
}
.quicksearch-results-container .result-link {
  flex: 1;
  height: fit-content;
}
/*!
characteristics */
#characteristics-container {
  max-width: 1170px;
  color: #1d1747;
}
@media (max-width: 1199px) {
  #characteristics-container {
    padding: 0 20px;
  }
}
#characteristics-container #characteristics-header {
  background-color: #1d1747 !important;
  width: fit-content !important;
  color: white !important;
  padding: 8px 30px !important;
  margin-bottom: 0 !important;
  font-size: 20px !important;
}
.characteristics-accordion {
  width: 100%;
}
.characteristics-accordion > .ploiu-accordion-title {
  font-weight: 600;
  background-color: transparent !important;
  padding: 10px 0 !important;
  padding-left: 10px !important;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.characteristics-accordion > .ploiu-accordion-title .chevron-open {
  display: none;
}
.characteristics-accordion > .ploiu-accordion-title .chevron-close {
  display: block;
}
.characteristics-accordion.open > .ploiu-accordion-title .chevron-open {
  display: block;
}
.characteristics-accordion.open > .ploiu-accordion-title .chevron-close {
  display: none;
}
.characteristics-accordion.open > .ploiu-accordion-body {
  border-top: 1px solid #b7b7b7 !important;
}
.characteristics-accordion > .ploiu-accordion-body {
  width: 100% !important;
  padding: 0 30px;
}
.characteristics-accordion .attribute-row {
  display: flex;
  border-bottom: 1px solid #b7b7b7 !important;
  padding: 10px 0;
  font-size: 14px;
}
@media (max-width: 1199px) {
  .characteristics-accordion .attribute-row {
    display: block;
  }
}
.characteristics-accordion .attribute-row .attribute-title {
  flex-basis: 33.4%;
}
@media (max-width: 1199px) {
  .characteristics-accordion .attribute-row .attribute-title {
    font-weight: 700;
  }
}
.characteristics-accordion .attribute-row .attribute-value {
  flex-basis: 66.6%;
}
/*# sourceMappingURL=inline */