/* Minification failed. Returning unminified contents.
(1593,43): run-time error CSS1019: Unexpected token, found ' '
(1593,43): run-time error CSS1019: Unexpected token, found ' '
(1593,43): run-time error CSS1042: Expected function, found ' '
(1593,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4298,43): run-time error CSS1019: Unexpected token, found ' '
(4298,43): run-time error CSS1019: Unexpected token, found ' '
(4298,43): run-time error CSS1042: Expected function, found ' '
(4298,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4339,44): run-time error CSS1019: Unexpected token, found ' '
(4339,44): run-time error CSS1019: Unexpected token, found ' '
(4339,44): run-time error CSS1042: Expected function, found ' '
(4339,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4345,43): run-time error CSS1019: Unexpected token, found ' '
(4345,43): run-time error CSS1019: Unexpected token, found ' '
(4345,43): run-time error CSS1042: Expected function, found ' '
(4345,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5644,45): run-time error CSS1019: Unexpected token, found ' '
(5644,45): run-time error CSS1019: Unexpected token, found ' '
(5644,45): run-time error CSS1042: Expected function, found ' '
(5644,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5653,45): run-time error CSS1019: Unexpected token, found ' '
(5653,45): run-time error CSS1019: Unexpected token, found ' '
(5653,45): run-time error CSS1042: Expected function, found ' '
(5653,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5726,43): run-time error CSS1019: Unexpected token, found ' '
(5726,43): run-time error CSS1019: Unexpected token, found ' '
(5726,43): run-time error CSS1042: Expected function, found ' '
(5726,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5736,43): run-time error CSS1019: Unexpected token, found ' '
(5736,43): run-time error CSS1019: Unexpected token, found ' '
(5736,43): run-time error CSS1042: Expected function, found ' '
(5736,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5755,43): run-time error CSS1019: Unexpected token, found ' '
(5755,43): run-time error CSS1019: Unexpected token, found ' '
(5755,43): run-time error CSS1042: Expected function, found ' '
(5755,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5781,45): run-time error CSS1019: Unexpected token, found ' '
(5781,45): run-time error CSS1019: Unexpected token, found ' '
(5781,45): run-time error CSS1042: Expected function, found ' '
(5781,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5872,43): run-time error CSS1019: Unexpected token, found ' '
(5872,43): run-time error CSS1019: Unexpected token, found ' '
(5872,43): run-time error CSS1042: Expected function, found ' '
(5872,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5900,43): run-time error CSS1019: Unexpected token, found ' '
(5900,43): run-time error CSS1019: Unexpected token, found ' '
(5900,43): run-time error CSS1042: Expected function, found ' '
(5900,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6024,43): run-time error CSS1019: Unexpected token, found ' '
(6024,43): run-time error CSS1019: Unexpected token, found ' '
(6024,43): run-time error CSS1042: Expected function, found ' '
(6024,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6044,45): run-time error CSS1019: Unexpected token, found ' '
(6044,45): run-time error CSS1019: Unexpected token, found ' '
(6044,45): run-time error CSS1042: Expected function, found ' '
(6044,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6053,45): run-time error CSS1019: Unexpected token, found ' '
(6053,45): run-time error CSS1019: Unexpected token, found ' '
(6053,45): run-time error CSS1042: Expected function, found ' '
(6053,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6126,45): run-time error CSS1019: Unexpected token, found ' '
(6126,45): run-time error CSS1019: Unexpected token, found ' '
(6126,45): run-time error CSS1042: Expected function, found ' '
(6126,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6186,45): run-time error CSS1019: Unexpected token, found ' '
(6186,45): run-time error CSS1019: Unexpected token, found ' '
(6186,45): run-time error CSS1042: Expected function, found ' '
(6186,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6200,45): run-time error CSS1019: Unexpected token, found ' '
(6200,45): run-time error CSS1019: Unexpected token, found ' '
(6200,45): run-time error CSS1042: Expected function, found ' '
(6200,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6223,43): run-time error CSS1019: Unexpected token, found ' '
(6223,43): run-time error CSS1019: Unexpected token, found ' '
(6223,43): run-time error CSS1042: Expected function, found ' '
(6223,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6282,45): run-time error CSS1019: Unexpected token, found ' '
(6282,45): run-time error CSS1019: Unexpected token, found ' '
(6282,45): run-time error CSS1042: Expected function, found ' '
(6282,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6327,45): run-time error CSS1019: Unexpected token, found ' '
(6327,45): run-time error CSS1019: Unexpected token, found ' '
(6327,45): run-time error CSS1042: Expected function, found ' '
(6327,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6366,45): run-time error CSS1019: Unexpected token, found ' '
(6366,45): run-time error CSS1019: Unexpected token, found ' '
(6366,45): run-time error CSS1042: Expected function, found ' '
(6366,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6410,45): run-time error CSS1019: Unexpected token, found ' '
(6410,45): run-time error CSS1019: Unexpected token, found ' '
(6410,45): run-time error CSS1042: Expected function, found ' '
(6410,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6449,45): run-time error CSS1019: Unexpected token, found ' '
(6449,45): run-time error CSS1019: Unexpected token, found ' '
(6449,45): run-time error CSS1042: Expected function, found ' '
(6449,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/*
	SLICK
	Styles pour le plugin jQuery Slick
*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/**
 * Adaptation responsive des tailles de police
 */
/* Slider */
.slick-loading .slick-list {
  background: #fff url("/Themes/Shared/Images/ajax-loader.gif") center center no-repeat;
}

/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 50px;
  width: 22px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.gallery-nav .slick-prev, .article__slideshow-nav .slick-prev, .gallery-nav .slick-next, .article__slideshow-nav .slick-next {
  width: 13px;
  height: 30px;
}
@media (max-width: 767px) {
  .js-carousel-article .slick-prev, .js-carousel-article .slick-next {
    width: 13px;
    height: 30px;
  }
}

.slick-prev {
  left: -25px;
  background: url(/Themes/Shared/Images/carousel-prev.svg) no-repeat 0 0;
}
.gallery-nav .slick-prev {
  left: 6px;
  background-size: 13px 30px;
}
.article__slideshow-nav .slick-prev {
  left: 0;
  background-size: 13px 30px;
}
.js-carousel-article .slick-prev {
  background: url(/Themes/MDP/Images/carousel-prev-red.svg) no-repeat 0 0;
}
@media (max-width: 767px) {
  .js-carousel-article .slick-prev {
    left: -25px;
    background-size: 13px 30px;
  }
}
@media (min-width: 768px) {
  .js-carousel-article .slick-prev {
    left: -50px;
  }
}

.slick-next {
  right: -25px;
  background: url(/Themes/Shared/Images/carousel-next.svg) no-repeat 0 0;
}
.gallery-nav .slick-next {
  right: 6px;
  background-size: 13px 30px;
}
.article__slideshow-nav .slick-next {
  right: 0;
  background-size: 13px 30px;
}
.js-carousel-article .slick-next {
  background: url(/Themes/MDP/Images/carousel-next-red.svg) no-repeat 0 0;
}
@media (max-width: 767px) {
  .js-carousel-article .slick-next {
    right: -25px;
    background-size: 13px 30px;
  }
}
@media (min-width: 768px) {
  .js-carousel-article .slick-next {
    right: -50px;
  }
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 30px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
}
.slick-dots li {
  list-style: none;
  padding: 0 5px;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: white;
  display: block;
  padding: 0;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
@media (min-width: 768px) {
  .slick-dots li {
    padding: 0 6px;
  }
  .slick-dots li button {
    height: 12px;
    width: 12px;
    border-radius: 12px;
  }
}
.slick-dots li.slick-active button {
  background: #e1141b;
}
body.compensate-for-scrollbar {
  overflow: hidden; }

.fancybox-active {
  height: auto; }

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden; }

.fancybox-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  height: 100%;
  left: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992; }

.fancybox-container * {
  box-sizing: border-box; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: .87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s, visibility 0s linear .25s;
  visibility: hidden;
  z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s, visibility 0s;
  visibility: visible; }

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  text-align: center;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-toolbar {
  right: 0;
  top: 0; }

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 99994; }

.fancybox-is-open .fancybox-stage {
  overflow: hidden; }

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -.25em;
  vertical-align: middle;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide--image {
  overflow: visible;
  padding: 44px 0; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--html {
  padding: 6px 6px 0 6px; }

.fancybox-slide--iframe {
  padding: 44px 44px 0; }

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0 0 6px 0;
  max-width: 100%;
  overflow: auto;
  padding: 0;
  padding: 24px;
  position: relative;
  text-align: left;
  vertical-align: middle; }

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  margin: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-drag .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-dragging .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-container [data-selectable='true'] {
  cursor: text; }

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--html .fancybox-content {
  margin-bottom: 6px; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: 100%; }

.fancybox-slide--video .fancybox-content {
  background: #000; }

.fancybox-slide--map .fancybox-content {
  background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
  height: calc(100% - 44px);
  margin-bottom: 44px; }

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%; }

.fancybox-iframe {
  vertical-align: top; }

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%; }

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0; }

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  outline: none;
  padding: 10px;
  transition: color .2s;
  vertical-align: top;
  width: 44px; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }

.fancybox-button:focus,
.fancybox-button:hover {
  color: #fff; }

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default; }

.fancybox-button svg {
  display: block;
  overflow: visible;
  position: relative;
  shape-rendering: geometricPrecision; }

.fancybox-button svg path {
  fill: transparent;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3; }

.fancybox-button--play svg path:nth-child(2) {
  display: none; }

.fancybox-button--pause svg path:nth-child(1) {
  display: none; }

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
  fill: currentColor; }

.fancybox-button--share svg path {
  stroke-width: 1; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  height: 38px;
  opacity: 0;
  padding: 6px;
  position: absolute;
  top: 50%;
  width: 38px; }

.fancybox-show-nav .fancybox-navigation .fancybox-button {
  transition: opacity .25s, visibility 0s, color .25s; }

.fancybox-navigation .fancybox-button::after {
  content: '';
  left: -25px;
  padding: 50px;
  position: absolute;
  top: -25px; }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 6px; }

.fancybox-navigation .fancybox-button--arrow_right {
  right: 6px; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #555;
  cursor: pointer;
  height: 44px;
  margin: 0;
  padding: 6px;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  z-index: 10; }

.fancybox-close-small svg {
  fill: transparent;
  opacity: .8;
  stroke: currentColor;
  stroke-width: 1.5;
  transition: stroke .1s; }

.fancybox-close-small:focus {
  outline: none; }

.fancybox-close-small:hover svg {
  opacity: 1; }

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
  color: #ccc;
  padding: 5px;
  right: -12px;
  top: -44px; }

.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg,
.fancybox-slide--iframe .fancybox-close-small:hover svg {
  background: transparent;
  color: #fff; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none; }

/* Caption */
.fancybox-caption {
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px 25px 44px;
  right: 0; }

.fancybox-caption::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -25px;
  z-index: -1; }

.fancybox-caption::after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  content: '';
  display: block;
  left: 44px;
  position: absolute;
  right: 44px;
  top: 0; }

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none; }

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  border: 6px solid rgba(100, 100, 100, 0.5);
  border-radius: 100%;
  border-top-color: #fff;
  height: 60px;
  left: 50%;
  margin: -30px 0 0 -30px;
  opacity: .6;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center; }

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0; }

.fancybox-share p {
  margin: 0;
  padding: 0; }

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%; }

/* Thumbs */
.fancybox-thumbs {
  background: #fff;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs > ul {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%; }

.fancybox-thumbs-x > ul {
  overflow: hidden; }

.fancybox-thumbs-y > ul::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }

.fancybox-thumbs > ul > li {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px; }

.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.fancybox-thumbs > ul > li:before {
  border: 4px solid #4ea7f9;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991; }

.fancybox-thumbs .fancybox-thumbs-active:before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs > ul > li {
    max-width: calc(100% - 10px); } }

.selectric-wrapper {
  position: relative;
  cursor: pointer; }

.selectric-responsive {
  width: 100%; }

.selectric {
  border: 1px solid #dedede;
  border-radius: 0px;
  background: #FFF;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all; }
  .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 0 33px 0 10px;
    font-size: 18px;
    line-height: 33px;
    color: #3a3a3a;
    height: 33px;
    font-weight: 300;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 33px;
    height: 33px;
    line-height: 33px;
    background-color: #FFF;
    color: #BBB;
    text-align: center;
    background: url(/Themes/Shared/Images/select.png) no-repeat center center;
    font: 0/0 a;
    *font: 20px/33px Lucida Sans Unicode, Arial Unicode MS, Arial;
    -webkit-transition: 0.2s ease opacity;
    -o-transition: 0.2s ease opacity;
    transition: 0.2s ease opacity; }

.selectric-focus .selectric {
  border-color: #ababab; }

.selectric-hover .selectric {
  border-color: #c5c5c5; }
  .selectric-hover .selectric .button {
    opacity: 0.65; }

.selectric-open {
  z-index: 9999; }
  .selectric-open .selectric {
    border-color: #c5c5c5; }
  .selectric-open .selectric-items {
    display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
  .selectric-hide-select select {
    position: absolute;
    left: -100%; }
  .selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10; }
    .selectric-hide-select.selectric-is-native select {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      border: none;
      z-index: 1;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      opacity: 0; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #FFF;
  border: 1px solid #c5c5c5;
  z-index: -1;
  -webkit-box-shadow: 0 0 10px -6px;
  box-shadow: 0 0 10px -6px; }
  .selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
  .selectric-above .selectric-items {
    top: auto;
    bottom: 100%; }
  .selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    min-height: 20px; }
  .selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer; }
    .selectric-items li.selected {
      background: #E0E0E0;
      color: #444; }
    .selectric-items li.highlighted {
      background: #D0D0D0;
      color: #444; }
    .selectric-items li:hover {
      background: #D5D5D5;
      color: #444; }
  .selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #444; }
  .selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1; }
  .selectric-items .selectric-group li {
    padding-left: 25px; }

@charset "UTF-8";
/*
	SITE
	Import des styles qui s'appliquent à l'ensemble du site
*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Adaptation responsive des tailles de police
 */
/*
	GLOBAL
	Feuille de style générale

	SOMMAIRE
	Typographie
	Mise en page
	Tableaux
	Utilitaires
	Responsive
	Impression
*/
/*-----------------------------------------------------------------------
  == Typographie
----------------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  position: relative;
  font-size: 2rem;
  line-height: 1.4;
  font-family: "Yanone Kaffeesatz", Arial, sans-serif;
  color: #000;
  overflow-x: hidden;
}
@media (max-width: 575px) {
  body {
    font-size: 1.8rem;
  }
}
@media (max-width: 991px) {
  body::after {
    -webkit-transition: 0.4s ease all;
    transition: 0.4s ease all;
  }
  body.menu-open::after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(53, 53, 53, 0.65);
    z-index: 9;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  font-weight: normal;
  line-height: 1em;
}

p, ul, ol {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child {
  margin-top: 0;
}

a {
  text-decoration: underline;
}
a:hover, a:focus {
  text-decoration: none;
}

.btn {
  font-size: 2rem;
  font-size: clamp(2rem, 1.8545454545rem + 0.4545454545vw, 2.4rem);
  display: inline-block;
  padding: 0.45em 1.2em;
  border-radius: 5px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  border: 0;
  background: #e1141b;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn:hover {
  background: #FAB63C;
}
.btn:focus {
  outline: none;
}
.btn:disabled {
  opacity: 0.35;
  cursor: default;
}
.btn:disabled:hover {
  background: #e1141b;
}

.btn_alt {
  background: #fff;
  color: #e1141b;
}
.btn_alt:hover {
  background: #e6e6e6;
}

.btn_border {
  border: 1px solid #e1141b;
  background: #fff;
  color: #e1141b;
}
.btn_border:hover {
  background: #fff;
  border-color: #FAB63C;
  color: #FAB63C;
}

.btn_border_alt {
  border: 1px solid #fff;
  background: #fff;
  color: #FAB63C;
}
.btn_border_alt:hover {
  border: 1px solid #fff;
  background: #FAB63C;
  color: #fff;
}

.btn_tiny {
  font-size: 1.6rem;
  padding: 0.2em 0.5em;
}

.btn_tiniest {
  font-size: 1.7rem;
  padding: 0.1em 1em;
}

.btn_smaller {
  padding: 0.2em 0.8em;
}

.btn_larger {
  padding: 0.45em 2.5em;
}

.btn_full {
  display: block;
  width: 100%;
}

.btn_login {
  font-size: 2rem;
  text-transform: uppercase;
}

figure {
  margin: 0;
}

/*-----------------------------------------------------------------------
  == Mise en page
----------------------------------------------------------------------- */
.wrap {
  position: relative;
  margin: 0 auto;
  padding: 0 3rem;
  max-width: 140rem;
}

@media (min-width: 992px) {
  .wrap_pro {
    padding-left: 12rem;
  }
}

/*-----------------------------------------------------------------------
  == Utilitaires
----------------------------------------------------------------------- */
/* Clearfix (cf. http://nicolasgallagher.com/micro-clearfix-hack) */
.cf {
  zoom: 1;
}

.cf:before, .cf:after {
  content: "";
  display: block;
}

.cf:after {
  clear: both;
}

/* Masque le contenu visuellement */
.is-hidden {
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  border: 0;
}

/* Alignements */
.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

/*-----------------------------------------------------------------------
  == Responsive
----------------------------------------------------------------------- */
@media (max-width: 991px) {
  .anchor::before {
    display: block;
    content: "";
  }
}
@media (max-width: 575px) {
  .anchor::before {
    height: 80px;
    margin-top: -80px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .anchor::before {
    height: 95px;
    margin-top: -95px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .anchor::before {
    height: 135px;
    margin-top: -135px;
  }
}

@media (min-width: 992px) {
  .hide-desktop {
    display: none;
  }
}

/* Valeurs maximales */
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
  max-width: 100%;
}

img {
  height: auto;
}

/* Corrections Viewport */
@-webkit-viewport {
  width: device-width;
  zoom: 1;
}
@-moz-viewport {
  width: device-width;
  zoom: 1;
}
@-ms-viewport {
  width: device-width;
  zoom: 1;
}
@-o-viewport {
  width: device-width;
  zoom: 1;
}
@viewport {
  width: device-width;
  zoom: 1;
}
/*-----------------------------------------------------------------------
  == Impression
----------------------------------------------------------------------- */
@media print {
  p, blockquote {
    orphans: 2;
    widows: 2;
  }
  blockquote, ul, ol {
    page-break-inside: avoid;
  }
  h1, h2, h3, caption {
    page-break-after: avoid;
  }
}
/*
    HEADER
*/
.header {
  background: #fff;
}
@media (max-width: 991px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
  }
}

.header__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 190rem;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .header__inner {
    height: 65px;
    padding: 0 1rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .header__inner {
    height: 80px;
    padding: 0 2rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header__inner {
    height: 120px;
    padding: 0 2rem;
  }
}
@media (min-width: 992px) and (max-width: 1599px) {
  .header__inner {
    padding: 2rem 3rem;
  }
}
@media (min-width: 1600px) {
  .header__inner {
    padding: 2rem 10rem;
  }
}

.header__company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .header__company {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.header__company img {
  display: block;
}
@media (max-width: 767px) {
  .header__company img {
    width: 85px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header__company img {
    width: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1599px) {
  .header__company img {
    width: 140px;
  }
}
.header__company p {
  font-size: 1.8rem;
  padding-left: 1.7rem;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  line-height: 1.2;
  color: #e0141a;
}
@media (max-width: 992px) {
  .header__company p {
    font-size: 1.6rem;
  }
}
@media (max-width: 991px) {
  .header__company p {
    display: none;
  }
}
@media (max-width: 1199px) {
  .header--order-mdp .header__company p {
    display: none;
  }
}
.header__company p em {
  font-size: 2.4rem;
  display: block;
  margin-top: 0.625em;
  line-height: 1;
  font-weight: 700;
  color: #000;
}
@media (max-width: 992px) {
  .header__company p em {
    font-size: 2rem;
  }
}

.header__search {
  position: relative;
  padding: 0 3rem;
}
@media (max-width: 991px) {
  .header__search {
    width: 100%;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0.5rem 1rem 1rem;
    border-top: 1px solid #eee;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }
  .header__search.is-open {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .header__search {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (min-width: 1200px) {
  .header__search {
    padding: 0 45px;
  }
}
@media (min-width: 1600px) {
  .header__search {
    margin: 0 15rem 0 10rem;
  }
}
@media (min-width: 1200px) {
  .header--order-mdp .header__search {
    padding: 0 6rem;
  }
}
@media (min-width: 1600px) {
  .header--order-mdp .header__search {
    margin: 0 8rem;
  }
}
.header__search > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.header__search > form input[type=search] {
  display: block;
  width: 100%;
  padding: 0.2em 0.4em;
  border: 0;
  font-family: "Yanone Kaffeesatz", Arial, sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  color: #444;
  -webkit-transition: border-bottom-color 0.2s ease-in-out;
  transition: border-bottom-color 0.2s ease-in-out;
}
@media (min-width: 992px) {
  .header__search > form input[type=search] {
    border-bottom: 1px solid #e6e6e6;
  }
}
.header__search > form input[type=search]:focus {
  outline: none;
  border-bottom-color: #aaa;
}
.header__search > form ::-webkit-input-placeholder {
  color: #b2b2b2;
  opacity: 1;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: normal;
}
.header__search > form ::-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: normal;
}
.header__search > form :-ms-input-placeholder {
  color: #b2b2b2;
  opacity: 1;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: normal;
}
.header__search > form ::-ms-input-placeholder {
  color: #b2b2b2;
  opacity: 1;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: normal;
}
.header__search > form ::placeholder {
  color: #b2b2b2;
  opacity: 1;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: normal;
}
.header__search > form :-ms-input-placeholder {
  color: #b2b2b2 !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 1.4rem !important;
  font-style: italic !important;
  font-weight: normal !important;
}
.header__search > form ::-ms-input-placeholder {
  color: #b2b2b2 !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 1.4rem !important;
  font-style: italic !important;
  font-weight: normal !important;
}
.header__search > form button[type=submit] {
  margin: 0 0 0 6px;
  padding: 0;
  border: 0;
  background: transparent;
}
.header__search > form button[type=submit] img {
  display: block;
}

.header__search__results {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  background: #fff;
  border: 1px solid #b1b1b1;
  z-index: 99;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
@media (max-width: 991px) {
  .header__search__results {
    left: 2rem;
    right: 2rem;
    max-height: calc(100vh - 150px);
    overflow-y: scroll;
  }
}
@media (min-width: 992px) {
  .header__search__results {
    left: calc(50% - 35rem);
    width: 70rem;
  }
}
.header__search__results.is-active {
  opacity: 1;
  visibility: visible;
}
.header__search__results .highlight {
  font-weight: 700;
}

.autocompletion__noresults {
  padding: 1rem;
  text-align: center;
}

.autocompletion__cat {
  margin: 1rem 0;
  padding: 0.6rem 3rem;
  text-transform: uppercase;
  font-size: 2.4rem;
  line-height: 1;
  background: #e0141a;
  color: #fff;
}
.autocompletion__cat:first-child {
  margin-top: 0;
}

.autocompletion__vehicle {
  padding: 0.6rem 3rem;
  font-size: 1.8rem;
  line-height: 1;
  text-transform: uppercase;
}
.autocompletion__vehicle a {
  text-decoration: none;
  color: #444;
  -webkit-transition: 0.1s ease color;
  transition: 0.1s ease color;
}
.autocompletion__vehicle a:hover {
  color: #e0141a;
}

.autocompletion__article {
  padding: 0.2rem 1.5rem;
  font-size: 1.8rem;
}
@media (max-width: 479px) {
  .autocompletion__article {
    font-size: 1.6rem;
  }
}
.autocompletion__article:last-child {
  margin-bottom: 1rem;
}
.autocompletion__article a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-decoration: none;
  color: #444;
}
@media (max-width: 479px) {
  .autocompletion__article a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 3px;
  }
}

.autocompletion__article__ref {
  text-transform: uppercase;
  text-align: center;
  background: #c0c0c0;
  color: #fff;
  -webkit-transition: 0.1s ease background;
  transition: 0.1s ease background;
}
@media (max-width: 479px) {
  .autocompletion__article__ref {
    padding: 0 5px;
  }
}
@media (min-width: 480px) {
  .autocompletion__article__ref {
    min-width: 11rem;
  }
}
.autocompletion__article a:hover .autocompletion__article__ref {
  background: #e0141a;
}

.autocompletion__article__desc {
  line-height: 1.2;
  color: #444;
  -webkit-transition: 0.1s ease color;
  transition: 0.1s ease color;
}
@media (min-width: 480px) {
  .autocompletion__article__desc {
    padding-left: 0.7rem;
  }
}
.autocompletion__article a:hover .autocompletion__article__desc {
  color: #e0141a;
}

.autocomplete__submit {
  margin: 2rem 0 1.5rem;
  text-align: center;
}

.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1199px) {
  .header__fab {
    display: none;
  }
}
@media (max-width: 1599px) {
  .header--order-mdp .header__fab {
    display: none;
  }
}

.nav-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1200px) {
  .nav-tools {
    margin-left: 2rem;
  }
}
.nav-tools > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1rem;
  list-style: none;
}
@media (min-width: 576px) {
  .nav-tools > li {
    margin-left: 2rem;
  }
}
.nav-tools > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  text-decoration: none;
}
.nav-tools > li > a:focus {
  outline: none;
}

.nav-tools__picto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 28px;
}
@media (max-width: 767px) {
  .nav-tools__picto img {
    height: 28px;
  }
}
@media (min-width: 768px) {
  .nav-tools__picto {
    height: 58px;
  }
}

.nav-tools__label {
  display: block;
  margin-top: 2px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  color: #d7212c;
}
@media (min-width: 768px) {
  .nav-tools__label {
    margin-top: 3px;
    font-size: 1.8rem;
  }
}

@media (min-width: 992px) {
  .header__mobilesearch {
    display: none !important;
  }
}

.header__account {
  position: relative;
}
.header__account a.is-loggedin {
  position: relative;
}
.header__account a.is-loggedin::after {
  content: "";
  position: absolute;
  top: 25px;
  left: 50%;
  width: 27px;
  height: 24px;
  background: url(/Themes/MDP/Images/check-thick.svg) no-repeat 0 0;
  background-size: 27px 24px;
}
@media (max-width: 767px) {
  .header__account a.is-loggedin::after {
    width: 18px;
    height: 16px;
    top: 15px;
    background-size: 18px 16px;
  }
}
.header__account a.is-loggedin .nav-tools__label {
  position: relative;
  width: 10rem;
  color: #f9b426;
}
@media (max-width: 767px) {
  .header__account a.is-loggedin .nav-tools__label {
    width: 6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 768px) {
  .header__account__business {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 3.6rem; /* Fallback for non-webkit (max-height = font-size * line-height * line-clamp) */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1;
    text-overflow: ellipsis;
  }
}

.header__account__business--order {
  position: static;
  top: auto;
  right: auto;
  left: auto;
}

.useraccount {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: calc(100% + 20px);
  z-index: 10;
  width: 280px;
  padding-top: 1rem;
  border: 1px solid #ccc;
  border-radius: 0 10px 0 10px;
  background: #fff;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
@media (max-width: 991px) {
  .useraccount {
    right: -40px;
    border-radius: 0 5px 0 5px;
  }
}
@media (min-width: 992px) and (max-width: 1599px) {
  .useraccount {
    left: calc(50% - 140px);
  }
}
@media (min-width: 1600px) {
  .useraccount {
    width: 360px;
    left: calc(50% - 180px);
  }
}
.useraccount > span {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 20px;
  background: transparent;
}
.useraccount::before, .useraccount::after {
  content: "";
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #ccc transparent;
}
@media (max-width: 767px) {
  .useraccount::before, .useraccount::after {
    right: 55px;
  }
}
@media (min-width: 768px) {
  .useraccount::before, .useraccount::after {
    border-width: 0 20px 20px 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .useraccount::before, .useraccount::after {
    right: 70px;
  }
}
@media (min-width: 992px) {
  .useraccount::before, .useraccount::after {
    left: calc(50% - 20px);
  }
}
.useraccount::after {
  bottom: calc(100% - 1px);
  border-bottom-color: #fff;
}
.header__account:hover .useraccount {
  opacity: 1;
  visibility: visible;
}

.useraccount__welcome {
  margin: 0 2rem;
  text-align: center;
  font-size: 2rem;
  border-bottom: 1px solid #cdcdcd;
  color: #e0141a;
}
.useraccount__welcome a {
  display: block;
  text-decoration: none;
  color: #e0141a;
}
@media (min-width: 1600px) {
  .useraccount__welcome {
    margin: 0 5rem;
  }
}
.useraccount__welcome span {
  display: block;
}
.useraccount__welcome strong {
  font-size: 2.4rem;
}

.useraccount__links {
  padding: 1rem 2rem;
  font-size: 1.8rem;
}
@media (min-width: 1600px) {
  .useraccount__links {
    padding: 1rem 5rem;
  }
}
.useraccount__links li {
  line-height: 1.5;
}
.useraccount__links li span {
  font-family: mono, sans-serif;
  color: #e0141a;
}
.useraccount__links a {
  color: #000;
  text-decoration: none;
}
.useraccount__links a:hover {
  text-decoration: underline;
}

.useraccount__logout {
  margin: 0 -1px -1px -1px;
  padding: 0.5rem 2rem;
  background: #f9b426;
  border-bottom-left-radius: 5px;
  font-size: 2rem;
}
@media (min-width: 992px) {
  .useraccount__logout {
    border-bottom-left-radius: 10px;
  }
}
@media (min-width: 1600px) {
  .useraccount__logout {
    padding: 0.5rem 5rem;
  }
}
.useraccount__logout a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #fff;
}
.useraccount__logout a:hover {
  text-decoration: underline;
}
.useraccount__logout a::before {
  content: "";
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-right: 5px;
  border-radius: 18px;
  border: 2px solid #fff;
  background: url(/Themes/Shared/Images/close.svg) no-repeat center center;
  background-size: 10px 10px;
}

.header__cart {
  position: relative;
}

.header__cart__count {
  position: absolute;
  top: -5px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  font-size: 1.6rem;
  line-height: 1;
  background: #f9b426;
  color: #fff;
}
@media (min-width: 768px) {
  .header__cart__count {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 1.8rem;
    right: -5px;
  }
}

.minicart {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: calc(100% + 20px);
  right: 0;
  z-index: 10;
  width: 300px;
  padding-top: 1rem;
  border: 1px solid #ccc;
  border-radius: 0 5px 0 5px;
  background: #fff;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
@media (min-width: 576px) {
  .minicart {
    width: 400px;
  }
}
@media (min-width: 992px) {
  .minicart {
    border-radius: 0 10px 0 10px;
  }
}
@media (min-width: 576px) and (max-width: 1599px) {
  .minicart {
    right: -15px;
  }
}
@media (min-width: 1600px) {
  .minicart {
    right: -80px;
  }
}
.minicart > span {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 20px;
  background: transparent;
}
.minicart::before, .minicart::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #ccc transparent;
}
@media (min-width: 768px) {
  .minicart::before, .minicart::after {
    border-width: 0 20px 20px 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .minicart::before, .minicart::after {
    right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1599px) {
  .minicart::before, .minicart::after {
    right: 18px;
  }
}
@media (min-width: 1600px) {
  .minicart::before, .minicart::after {
    right: 82px;
  }
}
.minicart::after {
  bottom: calc(100% - 1px);
  border-bottom-color: #fff;
}
.header__cart:hover .minicart {
  opacity: 1;
  visibility: visible;
}

.minicart__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 20px 0 5px;
  text-align: right;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #f9b426;
}

.minicart__labels__buy {
  width: 80px;
  padding-right: 15px;
}

.minicart__labels__sale {
  width: 70px;
}

.minicart__slider {
  position: relative;
  padding: 20px 0;
}

.minicart__slider__top, .minicart__slider__btm {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 0;
  left: 70px;
  height: 20px;
}
.minicart__slider__top button, .minicart__slider__btm button {
  width: 26px;
  height: 11px;
  border: 0;
  cursor: pointer;
}

.minicart__slider__top {
  top: 0;
}
.minicart__slider__top button {
  background: url(/Themes/MDP/Images/arrow-top.png) no-repeat center center;
}

.minicart__slider__btm {
  bottom: 0;
}
.minicart__slider__btm button {
  background: url(/Themes/MDP/Images/arrow-btm.png) no-repeat center center;
}

.minicart__wrapper {
  overflow: hidden;
  max-height: 256px;
}
.minicart__wrapper table {
  position: relative;
  top: 0;
  -webkit-transition: 0.2s ease top;
  transition: 0.2s ease top;
}

.minicart__articles {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  font-size: 1.6rem;
}
.minicart__articles tbody tr, .minicart__articles tbody td {
  height: 85px;
}
.minicart__articles td {
  padding: 3px 0;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}
.minicart__articles td.minicart__article__delete {
  width: 25px;
  padding-left: 5px;
  padding-top: 14px;
  border: 0 !important;
}
.minicart__articles td.minicart__article__img {
  width: 50px;
  padding-top: 7px;
  border: 0 !important;
}
.minicart__articles td.minicart__article__img img {
  display: block;
  border: 1px solid #d3d3d3;
}
.minicart__articles td.minicart__article__designation p {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: auto;
  max-height: 5.28rem; /* Fallback for non-webkit (max-height = font-size * line-height * line-clamp) */
  font-size: 1.6rem;
  line-height: 1.1;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.minicart__articles td.minicart__article__designation p strong {
  font-size: 1.8rem;
  color: #d2232a;
}
.minicart__articles td.minicart__article__buy {
  width: 80px;
  padding-right: 15px;
  padding-left: 5px;
  vertical-align: bottom;
  color: #f9b426;
  text-align: right;
}
.minicart__articles td.minicart__article__sale {
  width: 75px;
  border-right: 20px solid #fff;
  vertical-align: bottom;
  text-align: right;
}
.minicart__articles td.minicart__article__sale span {
  display: inline-block;
  padding: 0.2em 0.3em;
  line-height: 1;
  background: #f9b426;
  color: #fff;
}
.minicart__articles tr:last-child td {
  border-bottom: 0;
}

#conteneurMiniPanier tbody tr:first-child td {
  border-top: 1px solid #ccc;
}

.minicart__article__ref {
  display: block;
  font-weight: 700;
}
.minicart__article__ref span {
  color: #d2232a;
}

.minicart__amenagement td {
  background: #e6e6e6;
}
.minicart__amenagement td.minicart__article__sale {
  border-right-color: #e6e6e6;
}

.minicart__total {
  text-align: center;
  color: #f9b426;
}

.minicart__total__price {
  font-size: 1.8rem;
}

.minicart__total__price--poseincluse {
  font-size: 2.4rem;
  font-weight: 700;
  background: #f9b426;
  color: #fff;
}

.minicart__btn {
  padding: 1.5rem 0 1rem;
  text-align: center;
}
.minicart__btn a {
  display: inline-block;
  padding: 0.45em 1.2em;
  border-radius: 5px;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
  text-decoration: none;
  border: 0;
  background: #fff;
  border: 1px solid #FAB63C;
  color: #FAB63C;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.minicart__btn a:hover {
  background: #FAB63C;
  color: #fff;
}

.header__checkboxes {
  background: #f9b426;
  color: #fff;
}
@media (min-width: 992px) {
  .header__checkboxes {
    margin-bottom: -4px;
  }
}
.header__checkboxes ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 1900px;
  margin: 0 auto;
  padding: 0 10px;
  font-size: 1.5rem;
}
@media (min-width: 576px) and (max-width: 767px) {
  .header__checkboxes ul {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .header__checkboxes ul {
    font-size: 1.8rem;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .header__checkboxes ul {
    padding: 0 20px;
  }
}
@media (min-width: 992px) and (max-width: 1599px) {
  .header__checkboxes ul {
    padding: 0 30px;
  }
}
@media (min-width: 1600px) {
  .header__checkboxes ul {
    padding: 0 100px;
  }
}
.header__checkboxes li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 0;
}
.header__checkboxes li + li {
  padding-left: 15px;
}
.header__checkboxes label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  cursor: pointer;
}
.header__checkboxes label[for=changeAdressePose] input[type=button] {
  margin-left: 3px;
}
.header__checkboxes label.cbx::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 0.6rem;
  background: #fff;
  border-radius: 5px;
}
.header__checkboxes label.cbx.is-checked::before {
  background: #fff url(/Themes/MDP/Images/checkbox.png) no-repeat center center;
  background-size: 8px 6px;
}
.header__checkboxes input[type=checkbox] {
  display: none;
}

.header__checkboxes__exclu {
  margin: 0 auto;
  max-width: 1900px;
  line-height: 1;
}
.header__checkboxes__exclu:empty {
  display: none;
}
@media (max-width: 575px) {
  .header__checkboxes__exclu {
    padding: 5px 10px 3px;
    font-size: 1.8rem;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .header__checkboxes__exclu {
    padding: 5px 20px 3px;
    font-size: 2rem;
  }
}
@media (min-width: 992px) and (max-width: 1599px) {
  .header__checkboxes__exclu {
    padding: 5px 30px 3px;
    font-size: 2.1rem;
  }
}
@media (min-width: 1600px) {
  .header__checkboxes__exclu {
    padding: 5px 100px 3px;
    font-size: 2.2rem;
  }
}

.header__nav {
  background: #303030;
}
@media (max-width: 575px) {
  .header__nav {
    top: 65px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .header__nav {
    top: 80px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header__nav {
    top: 120px;
  }
}
@media (max-width: 991px) {
  .header__nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 250px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.4s ease all;
    transition: 0.4s ease all;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .menu-open .header__nav {
    opacity: 1;
    visibility: visible;
  }
  .header__nav .js_submenu {
    display: none;
  }
  .header__nav .wrap {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header__nav {
    position: relative;
    border-top: 4px solid #FAB63C;
  }
}

.nav-main {
  position: static !important;
}
.nav-main a {
  color: white;
  text-decoration: none;
}
@media (max-width: 991px) {
  .nav-main a {
    display: block;
    padding: 0.5em 15px;
  }
  .nav-main > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .nav-main > li > ul, .nav-main > li > div {
    background: #e0141a;
  }
  .nav-main > li > a {
    text-transform: uppercase;
  }
  .nav-main .has-submenu > a {
    background: url(/Themes/Shared/Images/arrow-btm.svg) no-repeat right 15px center;
    background-size: 20px 10px;
  }
  .nav-main .nav-main__catalog {
    display: none;
  }
}
@media (min-width: 992px) {
  .nav-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    max-width: 1300px;
    text-align: center;
  }
  .nav-main > li {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-top: 8px solid transparent;
  }
  .nav-main > li.hover, .nav-main > li:not(.has-submenu):hover {
    background: #e0141a;
    border-color: #e0141a;
  }
  .nav-main > li.hover > ul, .nav-main > li.hover > div {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .nav-main > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.682em 0.9em;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
  }
  .nav-main > li > ul, .nav-main > li > div {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    background: #e0141a;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    pointer-events: none;
  }
}

@media (min-width: 992px) {
  .nav-main__submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2.5rem 0;
    font-size: 2.2rem;
  }
  .nav-main__submenu > li {
    padding: 0 1em;
    border-right: 1px solid #fff;
    line-height: 1;
  }
  .nav-main__submenu > li:last-child {
    border: 0;
  }
  .nav-main__submenu > li > a {
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
    text-decoration-line: underline;
    -webkit-transition: 0.1s ease all;
    transition: 0.1s ease all;
  }
  .nav-main__submenu > li > a:hover {
    text-decoration-color: white;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  .nav-main__families {
    max-width: 750px;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .nav-main__families a figure {
    display: none;
  }
}
@media (min-width: 992px) {
  .nav-main__families {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
    padding: 30px;
  }
  .nav-main__families a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    width: 160px;
    height: 160px;
    border-radius: 160px;
    margin: 0 auto;
    padding: 0 30px;
    text-wrap: balance;
    font-size: 1.8rem;
    line-height: 1.1;
    overflow: hidden;
    background: #ab1c21;
    outline: transparent 2px solid;
    -webkit-transition: 0.15s ease all;
    transition: 0.15s ease all;
  }
  .nav-main__families a figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 65px;
  }
  .nav-main__families a img {
    max-width: 85px;
    max-height: 65px;
  }
  .nav-main__families a span {
    position: relative;
    z-index: 2;
  }
  .nav-main__families a:hover {
    outline-color: white;
  }
}

.nav-main__brands {
  background: #e0141a;
}

.nav-main__brands__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .nav-main__brands__logos {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .nav-main__brands__logos li {
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .nav-main__brands__logos {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1rem;
  }
  .nav-main__brands__logos li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nav-main__brands__logos a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.2rem;
    border: 1px solid transparent;
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
  }
  .nav-main__brands__logos a:hover {
    border-color: #fff;
  }
  .nav-main__brands__logos img {
    max-height: 5rem;
    max-width: 6rem;
  }
}

.nav-main__brands__ref {
  padding: 1.5rem 1rem 0;
  background: #990e12;
}
@media (min-width: 992px) {
  .nav-main__brands__ref {
    padding: 1.5rem 1rem 3rem;
  }
}
.nav-main__brands__ref p {
  margin-bottom: 0.8em;
  text-align: center;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #f9b426;
}
@media (min-width: 992px) {
  .nav-main__brands__ref p {
    font-size: 2.6rem;
  }
}
@media (max-width: 991px) {
  .nav-main__brands__ref .manufacturers li {
    width: 50%;
  }
  .nav-main__brands__ref .manufacturers a {
    padding: 0;
  }
  .nav-main__brands__ref .manufacturers img {
    max-width: 100%;
  }
}

.nav-main__products {
  padding: 30px;
  max-width: 1400px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .nav-main__products {
    padding: 0;
  }
  .nav-main__products > ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .nav-main__products > ul > li:last-child {
    border: 0;
  }
  .nav-main__products ul ul li {
    font-size: 1.8rem;
    font-weight: 400;
    opacity: 0.8;
  }
}
@media (min-width: 992px) {
  .nav-main__products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .nav-main__products > ul {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    text-align: left;
  }
  .nav-main__products > ul > li > a {
    font-size: 2.6rem;
    font-weight: 700;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
    text-decoration-line: underline;
    -webkit-transition: 0.1s ease all;
    transition: 0.1s ease all;
  }
  .nav-main__products > ul > li > a:hover {
    text-decoration-color: white;
  }
  .nav-main__products > ul ul {
    font-size: 1.9rem;
    line-height: 1.4;
  }
  .nav-main__products > ul ul a {
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: transparent;
    text-decoration-line: underline;
    -webkit-transition: 0.1s ease all;
    transition: 0.1s ease all;
  }
  .nav-main__products > ul ul a:hover {
    text-decoration-color: white;
  }
  .nav-main__products > div {
    width: 220px;
    padding: 25px 0;
    background: #ab1c21;
  }
  .nav-main__products > div a {
    margin: 0 auto;
  }
}

.header__support {
  position: absolute;
  top: 0;
  right: 100px;
  padding: 0.1em 1.2em;
  border-radius: 0 0 5px 5px;
  font-weight: 700;
  text-decoration: none;
  background: #e0141a;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.header__support:hover {
  background: #FAB63C;
}

/* Menu mobile */
.burger {
  position: relative;
  z-index: 11;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 1rem;
  cursor: pointer;
}
@media (min-width: 480px) {
  .burger {
    margin-right: 2rem;
  }
}
@media (min-width: 992px) {
  .burger {
    display: none;
  }
}

.burger__label {
  padding-top: 5px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  color: #d7212c;
}

.burger__button {
  width: 25px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.burger__button span, .burger__button::before, .burger__button::after {
  position: absolute;
  top: 10px;
  left: 0;
  width: 25px;
  height: 3px;
  background: #000;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.burger__button::before {
  content: "";
  top: 0;
}
.menu-open .burger__button::before {
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.burger__button::after {
  content: "";
  top: 20px;
}
.menu-open .burger__button::after {
  top: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.menu-open .burger__button span {
  opacity: 0;
}

/* Menu marques */
.header__brands {
  background: #ab1c21;
}
@media (max-width: 991px) {
  .header__brands ul {
    display: none;
    overflow: auto;
    padding: 20px 15px;
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    -webkit-column-rule: 1px solid rgba(255, 255, 255, 0.2);
       -moz-column-rule: 1px solid rgba(255, 255, 255, 0.2);
            column-rule: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .header__brands.is-open ul {
    display: block;
  }
}
@media (min-width: 992px) {
  .header__brands ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px 30px;
  }
}
.header__brands a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px 10px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 1.9rem;
  text-align: center;
  color: white;
  -webkit-transition: 0.1s ease background;
  transition: 0.1s ease background;
}
@media (min-width: 1200px) {
  .header__brands a {
    font-size: 2.1rem;
  }
}
.header__brands a:hover {
  background: #e0141a;
}

.header__brands__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  font-size: 1.8rem;
  line-height: 1;
  background: transparent;
  border: 0;
  color: white;
  cursor: pointer;
}
.header__brands__toggle svg {
  fill: white;
}
.is-open .header__brands__toggle svg {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
@media (min-width: 992px) {
  .header__brands__toggle {
    display: none;
  }
}

/* Raccourcis */
.shortcuts {
  position: fixed;
  top: 25vh;
  right: -240px;
  z-index: 5;
  color: #fff;
}
@media (max-width: 991px) {
  .shortcuts {
    display: none;
  }
}
.shortcuts::after {
  content: "";
  position: absolute;
  top: 80px;
  left: 15px;
  width: 55px;
  height: 1px;
  background: #fff;
}
.shortcuts li:first-child {
  border-top-left-radius: 15px;
}
.shortcuts li:last-child {
  border-bottom-left-radius: 15px;
}
.shortcuts > li > a {
  display: block;
  text-decoration: none;
  color: white;
}

.shortcuts__phone {
  display: block;
  height: 80px;
  width: 320px;
  padding: 1.2rem 1.8rem 0 8rem;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  border-width: 1px 0 1px 1px;
  background: #d2232a url(/Themes/Shared/Images/phone-white.svg) no-repeat 15px center;
}
.shortcuts__phone > a {
  height: 80px;
}
.shortcuts__phone:hover {
  -webkit-transform: translateX(-220px);
          transform: translateX(-220px);
  border-radius: 15px 0 0 15px;
}
.shortcuts__phone span {
  display: block;
  padding-left: 1rem;
  border-left: 1px solid #fff;
  line-height: 1.1;
  font-size: 1.8rem;
}
.shortcuts__phone strong {
  display: block;
  font-size: 3.6rem;
  font-weight: 700;
}

.shortcuts__3d {
  display: block;
  min-height: 80px;
  width: 320px;
  padding: 1.2rem 1.8rem 0 8rem;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  border-width: 1px 0 1px 1px;
  background: #d2232a;
}
.shortcuts__3d:hover, .shortcuts__3d.is-open {
  -webkit-transform: translateX(-220px);
          transform: translateX(-220px);
  border-radius: 15px 0 0 15px;
}

.shortcuts__3d__text {
  display: block;
  padding-left: 1rem;
  border-left: 1px solid #fff;
  line-height: 1.1;
  font-size: 2rem;
  font-weight: 400;
}

.shortcuts__3d__gif {
  display: none;
  margin: 0.5rem 0 0;
}
.shortcuts__3d:hover .shortcuts__3d__gif, .is-open .shortcuts__3d__gif {
  display: block;
}

.shortcuts__3d__picto {
  position: absolute;
  top: 14px;
  left: 16px;
  width: 52px;
  height: 49px;
  background: url(/Themes/Shared/Images/3D.png) no-repeat 0 0;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-name: shake-3D-picto;
          animation-name: shake-3D-picto;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.shortcuts__3d:hover .shortcuts__3d__picto, .is-open .shortcuts__3d__picto {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@-webkit-keyframes shake-3D-picto {
  2% {
    -webkit-transform: translate(2px, 1px) rotate(-0.5deg);
            transform: translate(2px, 1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-5px, -7px) rotate(-2.5deg);
            transform: translate(-5px, -7px) rotate(-2.5deg);
  }
  6% {
    -webkit-transform: translate(5px, 3px) rotate(2.5deg);
            transform: translate(5px, 3px) rotate(2.5deg);
  }
  8% {
    -webkit-transform: translate(5px, 4px) rotate(1.5deg);
            transform: translate(5px, 4px) rotate(1.5deg);
  }
  10% {
    -webkit-transform: translate(-4px, -7px) rotate(-0.5deg);
            transform: translate(-4px, -7px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(-2px, -7px) rotate(1.5deg);
            transform: translate(-2px, -7px) rotate(1.5deg);
  }
  14% {
    -webkit-transform: translate(0px, 6px) rotate(3.5deg);
            transform: translate(0px, 6px) rotate(3.5deg);
  }
  16% {
    -webkit-transform: translate(7px, 2px) rotate(2.5deg);
            transform: translate(7px, 2px) rotate(2.5deg);
  }
  18% {
    -webkit-transform: translate(-4px, -1px) rotate(1.5deg);
            transform: translate(-4px, -1px) rotate(1.5deg);
  }
  20% {
    -webkit-transform: translate(7px, 2px) rotate(-2.5deg);
            transform: translate(7px, 2px) rotate(-2.5deg);
  }
  22% {
    -webkit-transform: translate(-2px, -4px) rotate(1.5deg);
            transform: translate(-2px, -4px) rotate(1.5deg);
  }
  24% {
    -webkit-transform: translate(-7px, 5px) rotate(-0.5deg);
            transform: translate(-7px, 5px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(-3px, -5px) rotate(3deg);
            transform: translate(-3px, -5px) rotate(3deg);
  }
  28% {
    -webkit-transform: translate(6px, 2px) rotate(2.5deg);
            transform: translate(6px, 2px) rotate(2.5deg);
  }
  30% {
    -webkit-transform: translate(-5px, -2px) rotate(2.5deg);
            transform: translate(-5px, -2px) rotate(2.5deg);
  }
  32% {
    -webkit-transform: translate(5px, -6px) rotate(-2.5deg);
            transform: translate(5px, -6px) rotate(-2.5deg);
  }
  34% {
    -webkit-transform: translate(5px, -7px) rotate(-1.5deg);
            transform: translate(5px, -7px) rotate(-1.5deg);
  }
  36% {
    -webkit-transform: translate(3px, -7px) rotate(0.5deg);
            transform: translate(3px, -7px) rotate(0.5deg);
  }
  38% {
    -webkit-transform: translate(6px, -2px) rotate(-0.5deg);
            transform: translate(6px, -2px) rotate(-0.5deg);
  }
  0%, 40%, 100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}

@keyframes shake-3D-picto {
  2% {
    -webkit-transform: translate(2px, 1px) rotate(-0.5deg);
            transform: translate(2px, 1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-5px, -7px) rotate(-2.5deg);
            transform: translate(-5px, -7px) rotate(-2.5deg);
  }
  6% {
    -webkit-transform: translate(5px, 3px) rotate(2.5deg);
            transform: translate(5px, 3px) rotate(2.5deg);
  }
  8% {
    -webkit-transform: translate(5px, 4px) rotate(1.5deg);
            transform: translate(5px, 4px) rotate(1.5deg);
  }
  10% {
    -webkit-transform: translate(-4px, -7px) rotate(-0.5deg);
            transform: translate(-4px, -7px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(-2px, -7px) rotate(1.5deg);
            transform: translate(-2px, -7px) rotate(1.5deg);
  }
  14% {
    -webkit-transform: translate(0px, 6px) rotate(3.5deg);
            transform: translate(0px, 6px) rotate(3.5deg);
  }
  16% {
    -webkit-transform: translate(7px, 2px) rotate(2.5deg);
            transform: translate(7px, 2px) rotate(2.5deg);
  }
  18% {
    -webkit-transform: translate(-4px, -1px) rotate(1.5deg);
            transform: translate(-4px, -1px) rotate(1.5deg);
  }
  20% {
    -webkit-transform: translate(7px, 2px) rotate(-2.5deg);
            transform: translate(7px, 2px) rotate(-2.5deg);
  }
  22% {
    -webkit-transform: translate(-2px, -4px) rotate(1.5deg);
            transform: translate(-2px, -4px) rotate(1.5deg);
  }
  24% {
    -webkit-transform: translate(-7px, 5px) rotate(-0.5deg);
            transform: translate(-7px, 5px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(-3px, -5px) rotate(3deg);
            transform: translate(-3px, -5px) rotate(3deg);
  }
  28% {
    -webkit-transform: translate(6px, 2px) rotate(2.5deg);
            transform: translate(6px, 2px) rotate(2.5deg);
  }
  30% {
    -webkit-transform: translate(-5px, -2px) rotate(2.5deg);
            transform: translate(-5px, -2px) rotate(2.5deg);
  }
  32% {
    -webkit-transform: translate(5px, -6px) rotate(-2.5deg);
            transform: translate(5px, -6px) rotate(-2.5deg);
  }
  34% {
    -webkit-transform: translate(5px, -7px) rotate(-1.5deg);
            transform: translate(5px, -7px) rotate(-1.5deg);
  }
  36% {
    -webkit-transform: translate(3px, -7px) rotate(0.5deg);
            transform: translate(3px, -7px) rotate(0.5deg);
  }
  38% {
    -webkit-transform: translate(6px, -2px) rotate(-0.5deg);
            transform: translate(6px, -2px) rotate(-0.5deg);
  }
  0%, 40%, 100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
.shortcuts__3d__btn {
  display: none;
  text-align: center;
  padding: 15px 15px 15px 0;
}
.shortcuts__3d:hover .shortcuts__3d__btn, .is-open .shortcuts__3d__btn {
  display: block;
}

.shortcuts__3d__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.shortcuts__3d__actions .btn {
  padding-left: 0;
  padding-right: 0;
  font-size: 2rem;
}
.shortcuts__3d__actions .btn:first-child {
  width: 60%;
}
.shortcuts__3d__actions .btn:last-child {
  width: calc(40% - 10px);
}

.shortcuts__3d__vehicle {
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 10px;
  background: #ab1c21;
}
.shortcuts__3d__vehicle span {
  display: block;
  line-height: 1;
  margin-bottom: 5px;
}
.shortcuts__3d__vehicle .btn {
  font-size: 2rem;
  border: 1px solid white;
  background: transparent;
}
.shortcuts__3d__vehicle .btn:hover {
  background: white;
  color: #ab1c21;
}

/* Fenêtre de connexion */
.login {
  width: 33rem;
  padding: 8rem 1.5rem 1.5rem;
  background: #1D1D1B;
  font-family: "Yanone Kaffeesatz", Arial, sans-serif;
}
.login::before {
  content: "";
  position: absolute;
  top: -5rem;
  left: 50%;
  width: 10rem;
  height: 10rem;
  margin-left: -5rem;
  border-radius: 50%;
  background: #fff url(/Themes/Shared/Images/user-black.svg) no-repeat bottom -2px center;
}

.login__title {
  margin-bottom: 0.5em;
  font-weight: 400;
  font-size: 3rem;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #e0141a;
  color: #e0141a;
}

.login__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 4.2rem;
  height: 4.2rem;
  background: transparent url(/Themes/Shared/Images/close.svg) no-repeat center center;
  border: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.login__close:hover {
  opacity: 0.6;
}
.login__close:focus {
  outline: none;
}

.login__form {
  text-align: center;
  padding: 0 3rem 1.5rem;
  border-bottom: 1px solid #e0141a;
}
.login__form input[type=text], .login__form input[type=password] {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  padding: 0.5em;
  border: 0;
  border-radius: 5px;
  font-size: 1.8rem;
  text-align: center;
  background: #fff;
  color: #303030;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.login__form input[type=text]:focus, .login__form input[type=password]:focus {
  background: #efefef;
  outline: none;
}
.login__form button[type=submit] {
  margin-top: 1.5rem;
}
.login__form ::-webkit-input-placeholder {
  color: #303030;
  opacity: 1;
}
.login__form ::-moz-placeholder {
  color: #303030;
  opacity: 1;
}
.login__form :-ms-input-placeholder {
  color: #303030;
  opacity: 1;
}
.login__form ::-ms-input-placeholder {
  color: #303030;
  opacity: 1;
}
.login__form ::placeholder {
  color: #303030;
  opacity: 1;
}
.login__form :-ms-input-placeholder {
  color: #303030;
}
.login__form ::-ms-input-placeholder {
  color: #303030;
}

.login__errors {
  text-align: center;
  color: #fab63c;
}

.login__links {
  padding: 3rem 0 1.5rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 300;
}
.login__links li + li {
  margin-top: 1.5rem;
}
.login__links a {
  color: #fff;
  text-decoration: none;
}
.login__links a:hover {
  text-decoration: underline;
}

/*
    BODY
*/
/* Bannière */
.banner {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url(/Themes/MDP/Images/bg-banner.jpg) no-repeat top left;
  background-size: cover;
}
@media (max-width: 575px) {
  .banner {
    padding: 3rem 0;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .banner {
    padding: 5rem 0;
  }
}
@media (min-width: 992px) {
  .banner {
    height: 21rem;
    padding-top: 3rem;
  }
}

.banner__wrap {
  max-width: 1180px;
  padding: 0 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .banner__wrap {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 1180px;
            flex: 1 1 1180px;
  }
}

.banner__title {
  font-size: 6rem;
  color: #fff;
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.1;
}
@media (max-width: 992px) {
  .banner__title {
    font-size: 5.5rem;
  }
}
@media (max-width: 768px) {
  .banner__title {
    font-size: 5rem;
  }
}
@media (max-width: 576px) {
  .banner__title {
    font-size: 4rem;
  }
}

/* Corps */
.global {
  padding: 0 0 10rem;
  background: #f2f3f3;
}

.global_order, .global_cart, .global_contact, .global_pro {
  background: #fff;
}

.global_order {
  padding-bottom: 5rem;
}

.global_pro {
  padding: 5rem 0;
}

.global--products {
  padding-bottom: 0;
  background: white;
}

/* En-tête de page */
.head {
  position: relative;
  margin-bottom: 3rem;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .head {
    margin-bottom: 5rem;
  }
  .head::before {
    content: "";
    position: absolute;
    top: -14px;
    right: calc(100% - 30px);
    width: 99px;
    height: 182px;
    background: url(/Themes/MDP/Images/bg-head.png) no-repeat 0 0;
  }
}
.head .head__title {
  font-size: 4.8rem;
  margin-bottom: 0.5em;
  font-weight: 700;
  text-align: center;
  color: #e0141a;
}
@media (max-width: 992px) {
  .head .head__title {
    font-size: 4.4rem;
  }
}
@media (max-width: 768px) {
  .head .head__title {
    font-size: 4rem;
  }
}
@media (max-width: 576px) {
  .head .head__title {
    font-size: 3.4rem;
  }
}
.head .head__subtitle {
  font-size: 3.4rem;
  margin-bottom: 0.3em;
  font-weight: 700;
}
@media (max-width: 992px) {
  .head .head__subtitle {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .head .head__subtitle {
    font-size: 2.8rem;
  }
}
@media (max-width: 576px) {
  .head .head__subtitle {
    font-size: 2.5rem;
  }
}
.head p {
  font-size: 2.4rem;
  font-weight: 300;
}
@media (max-width: 992px) {
  .head p {
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .head p {
    font-size: 2rem;
  }
}
@media (max-width: 576px) {
  .head p {
    font-size: 1.8rem;
  }
}
.head p strong {
  font-weight: 700;
}

.head_article .head__title, .head_cart .head__title, .head_pose .head__title {
  text-align: left;
}
@media (min-width: 768px) {
  .head_article .head__title, .head_cart .head__title, .head_pose .head__title {
    padding: 0 4rem;
  }
}

/* En-tête simple */
.page__head {
  padding: 80px 0;
}

.page__head__title {
  font-size: 4rem;
  font-size: clamp(4rem, 3.4545454545rem + 1.7045454545vw, 5.5rem);
  font-weight: 700;
  text-transform: uppercase;
  color: #e0141a;
}
.page__head__title:not(:last-child) {
  margin-bottom: 30px;
}

.page__head__layout {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1200px) {
  .page__head__layout {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.page__head__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.page__head__content {
  position: relative;
  z-index: 2;
}
.page__head__content h3 {
  font-size: 2.8rem;
  font-size: clamp(2.8rem, 2.562962963rem + 0.7407407407vw, 3.6rem);
  margin-bottom: 0.4em;
  font-weight: 700;
}
.page__head__content p {
  font-size: 2rem;
  font-size: clamp(2rem, 1.9407407407rem + 0.1851851852vw, 2.2rem);
  margin-bottom: 0.4em;
  font-weight: 300;
}
.page__head__content p strong {
  font-weight: 700;
}
@media (min-width: 1200px) {
  .page__head__content {
    max-width: 640px;
  }
}

.page__head__img img {
  display: block;
}

/* Contenu */
.page__title {
  font-size: 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 0 2rem;
  font-weight: 700;
  color: #e0141a;
}
@media (max-width: 992px) {
  .page__title {
    font-size: 4.4rem;
  }
}
@media (max-width: 768px) {
  .page__title {
    font-size: 4rem;
  }
}
@media (max-width: 576px) {
  .page__title {
    font-size: 3.4rem;
  }
}
@media (min-width: 992px) {
  .page__title {
    min-height: 16rem;
    padding-left: 4rem;
  }
}

.page__content {
  background: #f2f3f3;
}
.page__content > .wrap {
  position: relative;
  padding-bottom: 16rem;
}
@media (min-width: 992px) {
  .page__content > .wrap::before {
    content: "";
    position: absolute;
    top: -10px;
    right: calc(100% - 60px);
    width: 99px;
    height: 182px;
    background: url(/Themes/MDP/Images/bg-head.png) no-repeat 0 0;
  }
}

/*
    FOOTER
*/
/* Choix MDP */
.benefits {
  padding: 3rem 0 0;
  text-align: center;
  background: #303030;
  color: #fff;
}

.benefits__title {
  font-size: 4.8rem;
  margin-bottom: 0.7em;
  font-weight: 700;
  line-height: 1.1;
  color: #e0141a;
}
@media (max-width: 768px) {
  .benefits__title {
    font-size: 4.4rem;
  }
}
@media (max-width: 576px) {
  .benefits__title {
    font-size: 3.6rem;
  }
}

.benefits__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
.benefits__list li {
  margin-bottom: 3rem;
}
@media (max-width: 479px) {
  .benefits__list li {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 575px) {
  .benefits__list li {
    width: 50%;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .benefits__list li {
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .benefits__list li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.benefits__list li figure {
  padding: 0 2rem;
}
.benefits__list li img {
  display: block;
  margin: 0 auto 1rem;
}
.benefits__list li figcaption {
  font-size: 2rem;
  line-height: 1.2;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.benefits__list li a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.benefits__list li a:hover figcaption {
  color: rgba(255, 255, 255, 0.7);
}

/* Avis clients */
.ratings {
  padding: 3rem 0;
  background: #e2e2e2;
  border-top: 4px solid #d2232a;
}

.ratings__title {
  margin-bottom: 0.5em;
  font-size: 4.8rem;
  font-weight: 700;
  text-align: center;
  color: #e0141a;
}

/* Pied de page */
.footer {
  padding: 0 0 4rem;
  background: #9e0b0f url(/Themes/MDP/Images/bg-footer.jpg) no-repeat top right;
  background-size: cover;
  border-top: 10px solid #e2e2e2;
  color: #fff;
}

.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.footer__company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 479px) {
  .footer__company {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
.footer__company address {
  font-size: 2rem;
  padding: 2rem 0 0 2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
}
@media (max-width: 768px) {
  .footer__company address {
    font-size: 1.8rem;
  }
}
@media (max-width: 479px) {
  .footer__company address {
    padding-left: 0;
  }
}
.footer__company address strong {
  font-size: 3rem;
  display: block;
  margin-top: 0.2em;
}
@media (max-width: 768px) {
  .footer__company address strong {
    font-size: 2.8rem;
  }
}
@media (max-width: 576px) {
  .footer__company address strong {
    font-size: 2.5rem;
  }
}

.footer__logo {
  padding: 2rem;
  background: #e2e2e2;
}
.footer__logo img {
  display: block;
}
@media (max-width: 575px) {
  .footer__logo img {
    max-width: 140px;
  }
}

.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4rem;
}
@media (max-width: 575px) {
  .footer__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.lnk-catalog {
  display: block;
  width: 186px;
  margin: 0 auto;
  padding-top: 25px;
  text-align: center;
  text-decoration: none;
  background: url(/Themes/MDP/Images/magazine.png) no-repeat top center;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 0.95;
  text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
  color: #e0141a !important;
}
@media (max-width: 575px) {
  .lnk-catalog {
    margin-bottom: 4rem;
  }
}
.lnk-catalog::before {
  content: "";
  display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto 5px;
  background: url(/Themes/MDP/Images/download.png) no-repeat 0 0;
}

.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 575px) {
  .footer__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: 2rem;
    border: 1px solid #fff;
    border-width: 1px 0;
  }
}
@media (min-width: 576px) {
  .footer__menu ul:first-child {
    border-left: 1px solid #fff;
  }
}
.footer__menu ul {
  padding: 0 1.5rem;
  font-size: 1.8rem;
}
.footer__menu a {
  color: #fff;
  text-decoration: none;
}
.footer__menu a:hover {
  text-decoration: underline;
}

.footer__social {
  padding-top: 4rem;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .footer__social {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.footer__social__title {
  margin-bottom: 0.5em;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

.footer__social__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.2rem;
}
@media (max-width: 1199px) {
  .footer__social__links {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
.footer__social__links li {
  list-style: none;
}
.footer__social__links li + li {
  margin-left: 1.5rem;
}
.footer__social__links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 52px;
  border: 2px solid #fff;
}

#scrollUp {
  width: 60px;
  height: 60px;
  border-radius: 10px 0 0 10px;
  background: #d2232a url(/Themes/Shared/Images/bg-scrollup.png) no-repeat center center;
  background-size: 28px 15px;
  border-width: 1px 0 1px 1px;
  bottom: 20px;
  right: 0;
}
body.fancybox-active #scrollUp {
  display: none !important;
}
@media (max-width: 479px) {
  #scrollUp {
    width: 40px;
    height: 40px;
    background-size: 19px 10px;
    border-radius: 5px 0 0 5px;
  }
}

#bandeauCookies {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  background-color: #f9b426;
  color: #000;
  font-size: 1.8rem;
}

#bandeauCookies p {
  text-align: center;
  padding: 0.5em 5%;
}

#bandeauCookies p a {
  color: #000 !important;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 5px;
  text-decoration: none;
}

#bandeauCookies p a:hover {
  background-color: #000;
  color: #fff !important;
}

/*
    FENÊTRES MODALES
*/
/**
 * Adaptation responsive des tailles de police
 */
.modal__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: transparent url(/Themes/Shared/Images/close-black.svg) no-repeat center center;
  border: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.modal__close:hover {
  opacity: 0.6;
}
.modal__close:focus {
  outline: none;
}

/* --- Fenêtre d'avertissement --- */
.warning {
  max-width: 65rem;
  padding: 30px;
  text-align: center;
  font-family: "Yanone Kaffeesatz", Arial, sans-serif;
}

.warning__title {
  margin-bottom: 1em;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.25;
  color: #d7212c;
}
.warning__title:empty {
  display: none;
}

.warning__text {
  font-size: 2.4rem;
  line-height: 1.25;
}
.warning__text:first-child {
  padding-top: 10px;
}
.warning__text:not(:last-child) {
  margin-bottom: 1.5em;
}
.warning__text p:not(:last-child) {
  margin-bottom: 1em;
}
.warning__text a {
  color: #000;
  font-weight: 700;
}

.warning__text--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  text-align: left;
}
.warning__text--icon p span {
  display: block;
}
.warning__text--icon svg {
  position: relative;
  top: -3px;
  fill: #f9b426;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* --- Formulaires --- */
.modalform {
  width: 100%;
  background: transparent;
  font-family: "Yanone Kaffeesatz", Arial, sans-serif;
}

.modalform__wrap {
  position: relative;
  max-width: 80rem;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  font-family: "Yanone Kaffeesatz", Arial, sans-serif;
}
@media (min-width: 480px) {
  .modalform__wrap {
    padding: 4rem;
  }
}

.modalform__wrap--addresses-selector {
  max-width: 650px;
  padding-bottom: 90px;
}

.modalform__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: transparent url(/Themes/Shared/Images/close-black.svg) no-repeat center center;
  border: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.modalform__close:hover {
  opacity: 0.6;
}
.modalform__close:focus {
  outline: none;
}

.modalform__form {
  max-width: 46rem;
  margin: 0 auto;
}

.modalform__form--full {
  max-width: none;
}

.modalform__title {
  font-size: 3.6rem;
  margin-bottom: 1em;
  font-weight: 700;
  line-height: 1.1;
  color: #e0141a;
}
@media (max-width: 1200px) {
  .modalform__title {
    font-size: 3.2rem;
  }
}
@media (max-width: 992px) {
  .modalform__title {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .modalform__title {
    font-size: 2.9rem;
  }
}
@media (max-width: 576px) {
  .modalform__title {
    font-size: 2.8rem;
  }
}
@media (min-width: 768px) {
  .modalform__title {
    padding-left: 120px;
  }
}

.modalform__title_full {
  padding-left: 0;
  text-align: center;
}

.modalform__text {
  margin: 20px 0;
}

.modalform__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 5px;
}
.modalform__row > label, .modalform__row .modalform__label label {
  display: inline-block;
  padding: 3px 10px 0 0;
  font-weight: 700;
  color: #e0141a;
}
@media (min-width: 576px) {
  .modalform__row > label, .modalform__row .modalform__label label {
    text-align: right;
  }
}
.modalform__row > label {
  width: 100%;
}
@media (min-width: 576px) {
  .modalform__row > label {
    width: 120px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 576px) {
  .modalform__form--full .modalform__row > label {
    width: 280px;
  }
}
.modalform__row input[type=text], .modalform__row input[type=number], .modalform__row input[type=email], .modalform__row input[type=password], .modalform__row input[type=file], .modalform__row textarea {
  min-width: 0;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 1.8rem;
  border: 1px solid #dedede;
  -webkit-transition: 0.2s ease border-color;
  transition: 0.2s ease border-color;
  color: #383737;
}
@media (max-width: 575px) {
  .modalform__row input[type=text], .modalform__row input[type=number], .modalform__row input[type=email], .modalform__row input[type=password], .modalform__row input[type=file], .modalform__row textarea {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .modalform__row input[type=text], .modalform__row input[type=number], .modalform__row input[type=email], .modalform__row input[type=password], .modalform__row input[type=file], .modalform__row textarea {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 2rem;
  }
}
.modalform__row input[type=text]:focus, .modalform__row input[type=number]:focus, .modalform__row input[type=email]:focus, .modalform__row input[type=password]:focus, .modalform__row input[type=file]:focus, .modalform__row textarea:focus {
  border-color: #bbb;
  outline: none;
}
.modalform__row input[type=text], .modalform__row input[type=number], .modalform__row input[type=email], .modalform__row input[type=password] {
  height: 35px;
  padding: 0 10px;
}
@media (max-width: 575px) {
  .modalform__row input[type=number] {
    width: 80px;
  }
}
@media (min-width: 576px) {
  .modalform__row input[type=number] {
    -ms-flex-preferred-size: 80px;
        flex-basis: 80px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
.modalform__row input[type=number]::-webkit-inner-spin-button,
.modalform__row input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}
.modalform__row input[type=file]::-webkit-file-upload-button {
  margin-right: 16px;
  padding: 5px 10px;
  line-height: 1;
  font-size: 1.6rem;
  font-family: "Yanone Kaffeesatz", Arial, sans-serif;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #e0141a;
  color: #e0141a;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  cursor: pointer;
}
.modalform__row input[type=file]::file-selector-button {
  margin-right: 16px;
  padding: 5px 10px;
  line-height: 1;
  font-size: 1.6rem;
  font-family: "Yanone Kaffeesatz", Arial, sans-serif;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #e0141a;
  color: #e0141a;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  cursor: pointer;
}
.modalform__row input[type=file]::-webkit-file-upload-button:hover {
  border-color: #f9b426;
  color: #f9b426;
}
.modalform__row input[type=file]::file-selector-button:hover {
  border-color: #f9b426;
  color: #f9b426;
}
.modalform__row input[type=file]::-webkit-file-upload-button:active {
  color: #f9b426;
}
.modalform__row input[type=file]::file-selector-button:active {
  color: #f9b426;
}
.modalform__row .selectric .label {
  font-weight: 400;
}
.modalform__row > .modalform__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 0;
}
@media (max-width: 575px) {
  .modalform__row > .modalform__field {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .modalform__row > .modalform__field {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.modalform__row > .modalform__field input[type=text] {
  display: block;
}
.modalform__row > .modalform__field > div.selectric-wrapper:only-child {
  width: 100%;
}
.modalform__row > .modalform__field > * + * {
  margin-left: 6px;
}

.modalform__row--spaced {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .modalform__label {
    width: 200px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: right;
  }
}

.modalform__file {
  min-width: 0;
}
@media (max-width: 575px) {
  .modalform__file {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .modalform__file {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.modalform__file__filename {
  width: 100%;
  padding-left: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: url(/Themes/Shared/Images/file-dark.svg) no-repeat left center;
  background-size: 14px 19px;
}
.modalform__file__filename:not(:empty) {
  margin-bottom: 5px;
}

.modalform__file__exts {
  display: block;
  padding-top: 2px;
  font-size: 1.6rem;
}

.modalform__date {
  position: relative;
}
@media (max-width: 575px) {
  .modalform__date {
    display: block;
    width: 100%;
  }
}
@media (min-width: 576px) {
  .modalform__date {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.modalform__date span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modalform__date input[type=text] {
  width: calc(100% - 15px);
  margin-left: 15px;
  background: url(/Themes/MDP/Images/calendar.svg) no-repeat center right 5px;
}

.modalform__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 30px;
}
@media (min-width: 576px) {
  .modalform__actions {
    padding: 30px 30px 0 0;
  }
}
@media (min-width: 576px) {
  .modalform__form--full .modalform__actions {
    padding-right: 0;
  }
}
.modalform__actions > * + * {
  margin-left: 20px;
}

.modalform__error {
  display: none;
  width: 100%;
  font-size: 1.8rem;
  padding-top: 0.2em;
  color: #fab63c;
}
@media (min-width: 576px) {
  .modalform__error {
    padding-left: 120px;
  }
}
@media (min-width: 576px) {
  .modalform__form--full .modalform__error {
    padding-left: 280px;
  }
}

/*
    RÉFÉRENCEMENT CONSTRUCTEURS
*/
.referencing {
  padding: 2rem 0 0;
  background: #cdcdcd;
  text-align: center;
}

.referencing__title {
  font-size: 3.6rem;
  margin-bottom: 0.7em;
  font-weight: 700;
  color: #fff;
}
@media (max-width: 992px) {
  .referencing__title {
    font-size: 3.3rem;
  }
}
@media (max-width: 768px) {
  .referencing__title {
    font-size: 3rem;
  }
}
@media (max-width: 576px) {
  .referencing__title {
    font-size: 2.8rem;
  }
}

.manufacturers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.manufacturers li {
  margin-bottom: 3rem;
  padding: 0 1.5rem;
}
.manufacturers li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}
.manufacturers li img {
  display: block;
  margin: 0 auto;
  max-width: 120px;
  max-width: 120px;
}
.manufacturers li span {
  padding: 0.4em 0.3em;
  border-radius: 5px;
  text-align: left;
  text-transform: uppercase;
  line-height: 1.1;
  font-size: 1.8rem;
  font-weight: 700;
}
.manufacturers li:nth-child(1) span {
  background: #ffc000;
  color: #e0141a;
}
.manufacturers li:nth-child(2) span {
  background: #fff;
  color: #000;
}
.manufacturers li:nth-child(3) span {
  background: #9e0b0f;
  color: #fff;
}
.manufacturers li:nth-child(4) span {
  background: #ffc000;
  color: #000;
}
.manufacturers li:nth-child(5) span {
  background: #e32119;
  color: #fff;
}

@media (max-width: 575px) {
  .referencing .manufacturers li {
    width: 50%;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .referencing .manufacturers li {
    width: 33.3333333333%;
  }
}
@media (max-width: 991px) {
  .referencing .manufacturers li img {
    max-width: 100%;
  }
}

/*
    SÉLECTION DES ADRESSES DE LIVRAISON
*/
#choixAdresseLivraisonPose {
  vertical-align: top !important;
}

.addresses-selector__search {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 8px 38px 8px 12px;
  border: 1px solid #e6e6e8;
  background: #f7f7f7 url(/Themes/Shared/Images/search.svg) no-repeat right 10px center;
  background-size: 16px 16px;
}
.addresses-selector__search:focus {
  border-color: #ccc;
  outline: none;
}

.addresses-selector__list {
  overflow-y: auto;
  max-height: 650px;
  padding-bottom: 20px;
  scrollbar-width: thin;
}
@media (max-height: 1200px) {
  .addresses-selector__list {
    max-height: calc(100vh - 420px);
  }
}
@media (max-width: 575px) {
  .addresses-selector__list {
    margin-right: -10px;
    padding-right: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .addresses-selector__list {
    margin-right: -25px;
    padding-right: 25px;
  }
}
@media (min-width: 768px) {
  .addresses-selector__list {
    margin-right: -85px;
    padding-right: 85px;
  }
}
.addresses-selector__list::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
  background-color: #dedede;
}
.addresses-selector__list::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #dedede;
}
.addresses-selector__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 2px solid transparent;
  background-color: white;
  background-clip: content-box;
}

.delivery-address {
  font-size: 1.9rem;
  position: relative;
  margin-bottom: 10px;
  padding: 10px 10px 10px 57px;
  border-radius: 10px;
  font-style: normal;
  line-height: 1.1;
  border: 2px solid #e6e6e8;
  color: #383737;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  cursor: pointer;
}
@media (max-width: 992px) {
  .delivery-address {
    font-size: 1.8rem;
  }
}
@media (max-width: 576px) {
  .delivery-address {
    font-size: 1.7rem;
  }
}
.delivery-address > p:first-child strong {
  font-size: 2.2rem;
  color: #222;
}
@media (max-width: 992px) {
  .delivery-address > p:first-child strong {
    font-size: 2.1rem;
  }
}
@media (max-width: 576px) {
  .delivery-address > p:first-child strong {
    font-size: 2rem;
  }
}
.delivery-address::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 15px;
  width: 23px;
  height: 23px;
  border-radius: 23px;
  border: 2px solid #e0141a;
}
.delivery-address::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 20px;
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background: transparent;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.delivery-address.is-selected {
  border-color: #e0141a;
  color: black;
}
.delivery-address.is-selected::after {
  background: #e0141a;
}

#modeAjoutAdresse {
  padding-bottom: 40px;
}

.addresses-selector__actions {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  -webkit-box-shadow: 0px -4px 25px 5px rgba(32, 33, 35, 0.1);
          box-shadow: 0px -4px 25px 5px rgba(32, 33, 35, 0.1);
  background: white;
}
.addresses-selector__actions .btn + .btn {
  margin-left: 15px;
}
@media (min-width: 480px) {
  .addresses-selector__actions .btn + .btn {
    margin-left: 30px;
  }
}
@charset "UTF-8";
/*
    PAGE D'ACCUEIL
*/
/**
 * Adaptation responsive des tailles de police
 */
/* Slideshow */
.slideshow {
  position: relative;
  background: #F0F3F8;
}

.slideshow__slides {
  max-width: 1340px;
  margin: 0 auto;
}

.slideshow__link {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  background: #303030 url(/Themes/Shared/Images/arrow-btm.svg) no-repeat center center;
  width: 54px;
  height: 54px;
  border-radius: 54px;
}
@media (max-width: 767px) {
  .slideshow__link {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background-size: 20px 10px;
  }
}

.slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 350px;
  padding: 30px 30px 0;
  background: #aaa;
}
@media (min-width: 992px) {
  .slide {
    height: 420px;
    padding: 60px 60px 0;
  }
}

.slide__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.slide__img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.slide__content {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 20px;
  background: rgba(255, 255, 255, 0.8);
}
@media (min-width: 576px) {
  .slide__content {
    width: 370px;
  }
}

.slide__title {
  font-size: 3.2rem;
  font-size: clamp(3.2rem, 2.8363636364rem + 1.1363636364vw, 4.2rem);
  margin-bottom: 0.4em;
  font-weight: 700;
  line-height: 0.9;
  text-wrap: balance;
}

.slide__desc {
  font-size: 1.8rem;
  font-size: clamp(1.8rem, 1.5818181818rem + 0.6818181818vw, 2.4rem);
  margin-bottom: 0.8em;
  line-height: 1.2;
}

.slide__link {
  text-align: right;
}

/* Présentation société */
.presentation {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 80px 0 40px;
}
@media (min-width: 1200px) {
  .presentation {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding: 120px 0;
  }
}

.presentation__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 30px;
}
@media (min-width: 1200px) {
  .presentation__left {
    padding-right: 0;
  }
}

.presentation__content {
  position: relative;
  z-index: 2;
}
@media (min-width: 1200px) {
  .presentation__content {
    max-width: 640px;
  }
}

.presentation__img img {
  display: block;
}
@media (max-width: 1199px) {
  .presentation__img {
    padding-right: 30px;
  }
  .presentation__img img {
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .presentation__img {
    margin-left: -120px;
  }
}

.presentation__title {
  font-size: 4rem;
  font-size: clamp(4rem, 3.5555555556rem + 1.3888888889vw, 5.5rem);
  margin-bottom: 0.35em;
  text-transform: uppercase;
  text-wrap: balance;
  font-weight: 700;
  color: #e0141a;
}

.presentation__text {
  font-size: 2rem;
  font-size: clamp(2rem, 1.9407407407rem + 0.1851851852vw, 2.2rem);
  line-height: 1.4;
  font-weight: 300;
}
.presentation__text p {
  margin-bottom: 0.5em;
}
.presentation__text strong {
  font-weight: 700;
}

.presentation__link {
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding-top: 30px;
}
.presentation__link a {
  font-size: 2rem;
  font-size: clamp(2rem, 1.7818181818rem + 0.6818181818vw, 2.6rem);
  padding: 0.7em 1em;
  font-weight: 300;
  border-radius: 5px;
}

/* Gamme */
.ranges {
  margin-bottom: 70px;
}

.ranges__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media (min-width: 1200px) {
  .ranges__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}

.ranges__title {
  font-size: 2.8rem;
  font-size: clamp(2.8rem, 2.5090909091rem + 0.9090909091vw, 3.6rem);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 45px 30px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.2;
  background: #d7212c;
  color: white;
}
.ranges__title span {
  position: relative;
  margin-bottom: 33px;
}
@media (max-width: 1199px) {
  .ranges__title span::after {
    content: "";
    position: absolute;
    bottom: -66px;
    left: calc(50% - 25px);
    width: 25px;
    height: 66px;
    background: url(/Themes/Shared/Images/bg-ranges-title.svg) no-repeat 0 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}
@media (min-width: 1200px) {
  .ranges__title {
    padding: 45px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
  }
  .ranges__title span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 66px;
    padding-right: 50px;
    background: url(/Themes/Shared/Images/bg-ranges-title.svg) no-repeat right center;
  }
}

.range {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
  padding: 30px;
}
@media (min-width: 1200px) {
  .range {
    min-height: 550px;
    padding: 10%;
  }
}
.range:nth-child(odd) {
  background: #f4f4f4;
}
.range > *:not(.range__img) {
  position: relative;
  z-index: 2;
}

.range__title {
  font-size: 3rem;
  font-size: clamp(3rem, 1.9090909091rem + 3.4090909091vw, 6rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #303030;
}

.range__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.range__img img {
  max-height: 100%;
}

.range__list {
  font-size: 2rem;
  font-size: clamp(2rem, 1.8545454545rem + 0.4545454545vw, 2.4rem);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .range__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 70%;
  }
}
.range__list li {
  padding-left: 30px;
  background: url(/Themes/MDP/Images/box-checked.svg) no-repeat 0 7px;
}
.range__list li:not(:last-child) {
  margin-bottom: 5px;
}

.range__btn {
  display: inline-block;
  margin-top: auto;
  padding: 14px 20px 12px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.8rem;
  border-radius: 8px;
  line-height: 1;
  background: #010101;
  color: white;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.range__btn:hover {
  background: #fab63c;
}

/* Actualités */
.last-news {
  padding: 3rem 1rem 2rem;
}
@media (min-width: 1600px) {
  .last-news {
    padding: 3rem 0 2rem;
  }
}

@media (min-width: 1600px) {
  .last-news__carousel {
    margin: 0 -10px;
  }
}
.last-news__carousel .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.last-news__carousel .slick-track .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  float: none;
}
.last-news__carousel .slick-track .slick-slide > div {
  height: 100%;
}

.card {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media (min-width: 576px) {
  .card {
    padding: 0 10px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .card {
    display: block !important;
  }
}

.card__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: calc(100% - 40px);
  position: relative;
  z-index: 2;
  margin: -40px 20px 6px;
  padding: 0 10px 40px;
  background: #fff;
  border: 1px solid #323c55;
}
.card__content::after {
  content: "";
  position: absolute;
  top: calc(100% + 1px);
  left: -1px;
  right: -1px;
  height: 6px;
  background: #e01519;
}

.card__img {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 1px solid #ebebeb;
}

.card__label {
  font-size: 2rem;
  font-size: clamp(2rem, 1.8545454545rem + 0.4545454545vw, 2.4rem);
  display: block;
  margin: 0 20px;
  padding: 0.5em;
  text-align: center;
  border-radius: 5px;
  line-height: 1.1;
  background: #e1141b;
  color: #fff;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (min-width: 576px) {
  .card__label {
    margin: 0 38px;
  }
}

.card__title {
  font-size: 2.8rem;
  font-size: clamp(2.8rem, 2.5090909091rem + 0.9090909091vw, 3.6rem);
  margin-top: -15px;
  margin-bottom: 0.4em;
  text-align: center;
  font-weight: 700;
}

.card__desc {
  font-size: 1.6rem;
  font-size: clamp(1.6rem, 1.4545454545rem + 0.4545454545vw, 2rem);
  line-height: 1.2;
}

.card__link {
  position: absolute;
  right: 7px;
  bottom: 7px;
  padding: 0.35em 0.625em;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: #e6e6e6;
  color: #e0141a;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.card__link:hover {
  background: #e0141a;
  color: #fff;
}

/* Vidéo et liens */
.blocks__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.5rem;
}
.blocks__layout > div {
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .blocks__layout > div:first-child {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .blocks__layout {
    padding: 0 2rem;
  }
  .blocks__layout > div {
    width: calc(50% - 1rem);
  }
}

.video-tuto {
  height: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .video-tuto {
    height: auto;
    padding-bottom: 56.25%;
  }
}
.video-tuto iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-tuto__legend {
  font-size: 1.9rem;
  font-size: clamp(1.9rem, 1.6818181818rem + 0.6818181818vw, 2.5rem);
  padding: 0.6em;
  line-height: 1.1;
  background: rgba(255, 255, 255, 0.85);
}
@media (min-width: 768px) {
  .video-tuto__legend {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 66.6666%;
  }
}

.video-tuto__cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
}
.video-tuto__cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.video-tuto__cover::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: calc(50% - 40px);
  left: calc(50% - 41px);
  width: 82px;
  height: 81px;
  background: url(/Themes/Shared/Images/play.svg) no-repeat 0 0;
  opacity: 0.6;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
}
@media (max-width: 767px) {
  .video-tuto__cover::before {
    top: calc(50% - 27px);
    left: calc(50% - 27px);
    width: 55px;
    height: 54px;
    background-size: 55px 54px;
  }
}
.video-tuto__cover:hover::before {
  opacity: 0.8;
}

.callback {
  font-size: 1.7rem;
  font-size: clamp(1.7rem, 1.5909090909rem + 0.3409090909vw, 2rem);
  margin-bottom: 2rem;
  padding: 1.5rem;
  text-align: center;
  font-weight: 300;
  color: #fff;
  background: #d2232a url(/Themes/MDP/Images/bg-callback.jpg) no-repeat top left;
  background-size: cover;
}
.callback p {
  margin-bottom: 0.5em;
}
.callback strong {
  font-size: 3.6rem;
  font-size: clamp(3.6rem, 3.1636363636rem + 1.3636363636vw, 4.8rem);
  display: block;
  font-weight: 700;
  line-height: 1.1;
}

.service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  width: 100%;
  min-height: 165px;
  border: 1px solid #ebd8cd;
}

.service__left {
  font-size: 2rem;
  font-size: clamp(2rem, 1.7818181818rem + 0.6818181818vw, 2.6rem);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 20px;
  line-height: 1.2;
  background: #e0141a;
  color: #fff;
}
@media (min-width: 576px) {
  .service__left {
    width: 45%;
    padding: 0 0 0 10px;
  }
  .service__left::before {
    content: "";
    position: absolute;
    top: calc(50% - 175px);
    right: -20px;
    width: 350px;
    height: 350px;
    background: #e0141a;
    border-radius: 50%;
  }
}
.service__left p {
  position: relative;
  z-index: 2;
}

.service__right {
  position: relative;
  width: 100%;
  padding: 5px 0 0 20px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .service__right {
    min-height: 165px;
  }
}
@media (max-width: 575px) {
  .service__right {
    overflow: hidden;
    padding-bottom: 80px;
  }
}
@media (min-width: 576px) {
  .service__right {
    width: calc(55% - 45px);
    padding: 5px 0 0 0;
  }
}
.service__right p {
  font-size: 3.5rem;
  font-size: clamp(3.5rem, 3.1727272727rem + 1.0227272727vw, 4.4rem);
  position: relative;
  z-index: 4;
  line-height: 0.8;
  font-weight: 700;
  color: #e0141a;
  text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff;
}
.service__right p small {
  display: block;
  font-size: 2.6rem;
}

.service__logo {
  position: absolute;
  bottom: -20px;
  left: 20px;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 115px;
  height: 115px;
  padding: 10px;
  border-radius: 115px;
  border: 2px solid #fab63c;
  background: #fff;
}
.service__logo img {
  width: 100%;
}
@media (min-width: 576px) {
  .service__logo {
    left: 0;
  }
}

.service__btn {
  font-size: 1.8rem;
  font-size: clamp(1.8rem, 1.5818181818rem + 0.6818181818vw, 2.4rem);
  position: absolute;
  bottom: 15px;
  right: 0;
  left: 100px;
  z-index: 2;
  padding: 0.4em 10px 0.4em 20px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  background: #e0141a;
  color: #fff;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.service__btn:hover {
  background: #fab63c;
}

.service__kevin {
  position: absolute;
  top: -5px;
  right: 10px;
}
/*
    CHOIX MARQUE
*/
/**
 * Adaptation responsive des tailles de police
 */
.brands {
  padding: 45px 0;
  text-align: center;
  background: #212121;
}

.brands__title {
  font-size: 2.8rem;
  font-size: clamp(2.8rem, 2.5090909091rem + 0.9090909091vw, 3.6rem);
  margin-bottom: 30px;
  font-weight: 200;
  text-transform: uppercase;
  color: white;
}

.brands__subtitle {
  margin: 30px 0 10px;
  text-align: center;
  font-weight: 300;
  font-size: 2rem;
  color: white;
}

.brands__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  row-gap: 16px;
}
@media (min-width: 1340px) {
  .brands__list {
    row-gap: 8px;
  }
}
.brands__list li.brands__list__separator {
  width: 100%;
}
@media (max-width: 1339px) {
  .brands__list li.brands__list__separator {
    display: none;
  }
}
.brands__list a {
  font-size: 1.6rem;
  font-size: clamp(1.6rem, 1.4545454545rem + 0.4545454545vw, 2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px 8px 12px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 300;
  background: #e32119;
  color: white;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.brands__list a:hover {
  background: #fab63c;
}
.brands__list figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.brands__list figure span img {
  display: block;
  max-height: 30px;
  max-width: 40px;
}

.brands__list-logos {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 15px;
}
.brands__list-logos a {
  font-size: 1.6rem;
  font-size: clamp(1.6rem, 1.4545454545rem + 0.4545454545vw, 2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 15px 10px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 300;
  background: #e32119;
  color: white;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.brands__list-logos a:hover {
  background: #fab63c;
}
.brands__list-logos figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.brands__list-logos figure span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.brands__list-logos figure img {
  max-width: 100px;
  max-height: 83px;
}
