/*
===================================== 
=====================================
assets/js/slick/slick.scss 
===================================== 
=====================================
*/

/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-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;

    &:focus {
        outline: none;
    }

    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }

    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }

    display: none;

    &.dragging img {
        pointer-events: none;
    }

    .slick-initialized & {
        display: block;
    }

    .slick-loading & {
        visibility: hidden;
    }

    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}
.slick-arrow.slick-hidden {
    display: none;
}



/*
===================================== 
=====================================
assets/css/custom-forms.css 
===================================== 
=====================================
*/

/*
 Custom Select Menu
 By Wallace Erick
 Reference: http://jsfiddle.net/BB3JK/47/
 */
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 25px;
}

.select-styled {
  /*
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  */
  display: inline-block;
  color: #959595;
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
  background-color: #fff;
  padding: 0;
  line-height: 25px;
  height: 25px;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  /*
  &:after {


    content:"";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    //border-color: $select-color transparent transparent transparent;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  */
}
.select-styled:after {
  content: "";
  display: block;
  position: absolute;
  background: #959595;
  left: 0;
  top: 21px;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}
.select-styled:hover {
  color: #00f;
}
.select-styled:active, .select-styled.active {
  border-bottom: none;
  white-space: nowrap;
}
.select-styled:active:after, .select-styled.active:after {
  display: none;
}
.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #00f transparent;
}

.select-options {
  width: 166px;
  display: none;
  position: absolute;
  top: 100%;
  left: -10px;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
}
.select-options li {
  margin: 0;
  padding: 0 10px;
  line-height: 25px;
  white-space: nowrap;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:hover {
  color: #00f;
}
.select-options li[rel=hide] {
  display: none;
}


/*
===================================== 
=====================================
assets/css/styles.css 
===================================== 
=====================================
*/

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Raleway:600");
@font-face {
  font-family: "TimesTen";
  src: url("/assets/css/../fonts/TimesTenLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("/assets/css/../fonts/TimesTenLTStd-Roman.otf") format("opentype"), url("/assets/css/../fonts/TimesTenLTStd-Roman.woff") format("woff"), url("/assets/css/../fonts/TimesTenLTStd-Roman.ttf") format("truetype"), url("/assets/css/../fonts/TimesTenLTStd-Roman.svg#TimesTenLTStd-Roman") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TimesTen";
  src: url("/assets/css/../fonts/TimesTenLTStd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/css/../fonts/TimesTenLTStd-Bold.otf") format("opentype"), url("/assets/css/../fonts/TimesTenLTStd-Bold.woff") format("woff"), url("/assets/css/../fonts/TimesTenLTStd-Bold.ttf") format("truetype"), url("/assets/css/../fonts/TimesTenLTStd-Bold.svg#TimesTenLTStd-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "TimesTen";
  src: url("/assets/css/../fonts/TimesTenLTStd-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/css/../fonts/TimesTenLTStd-BoldItalic.otf") format("opentype"), url("/assets/css/../fonts/TimesTenLTStd-BoldItalic.woff") format("woff"), url("/assets/css/../fonts/TimesTenLTStd-BoldItalic.ttf") format("truetype"), url("/assets/css/../fonts/TimesTenLTStd-BoldItalic.svg#TimesTenLTStd-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "TimesTen";
  src: url("/assets/css/../fonts/TimesTenLTStd-Italic.eot?#iefix") format("embedded-opentype"), url("/assets/css/../fonts/TimesTenLTStd-Italic.otf") format("opentype"), url("/assets/css/../fonts/TimesTenLTStd-Italic.woff") format("woff"), url("/assets/css/../fonts/TimesTenLTStd-Italic.ttf") format("truetype"), url("/assets/css/../fonts/TimesTenLTStd-Italic.svg#TimesTenLTStd-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
} /*
@font-face {
  font-family: 'XXO';
  src: url('/assets/css/../fonts/XXO-Titre.eot?#iefix') format('embedded-opentype'),  url('/assets/css/../fonts/XXO-Titre.otf')  format('opentype'),
  url('/assets/css/../fonts/XXO-Titre.woff') format('woff'), url('/assets/css/../fonts/XXO-Titre.ttf')  format('truetype'), url('/assets/css/../fonts/XXO-Titre.svg#XXO-Titre') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
@font-face {
  font-family: "ds_sysdotregular";
  src: url("/assets/css/../fonts/ds-sys-dot-regular-webfont.woff2") format("woff2"), url("/assets/css/../fonts/ds-sys-dot-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
--------------------
RESET
--------------------
*/
html {
  color: #000;
  height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit;
}

del, ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

legend {
  color: #000;
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input, button, textarea, select {
  font-size: 100%;
}

/*
--------------------
GENERAL
--------------------
*/
.sep {
  clear: both;
  overflow: hidden;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.justify {
  text-align: justify;
}

.content_text p,
.text p {
  margin: 0 0 1em;
}

.content_text ul,
.text ul {
  margin: 0 0 1em;
  padding-left: 1em;
}

.content_text li,
.text li {
  list-style: disc;
  margin-bottom: 0.33em;
}

img.image-droite, img.right, .image-droite img {
  float: right;
  margin: 0 10px 0 10px;
}

img.image-gauche, img.left, .image-gauche img {
  float: left;
  margin: 0 10px 10px 0;
}

a {
  text-decoration: none;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

iframe {
  border: none;
}

/* BREAKPOINTS */
#msg {
  margin: 30px 20px 30px 30px;
  color: #00ce00;
  text-align: left;
  font-size: 27.5px;
}
#msg .msg {
  display: block;
}
.mobilePixel {
  display: block;
}

.tabletPixel,
.desktopPixel,
.largePixel {
  display: none;
}

.desktop {
  display: none;
}

@media screen and (min-width: 737px) {
  .mobilePixel {
    display: none;
  }
  .tabletPixel {
    display: block;
  }
  .desktop {
    display: block;
  }
  .mobile {
    display: none;
  }
}
@media screen and (min-width: 967px) {
  .tabletPixel {
    display: none;
  }
  .desktopPixel {
    display: block;
  }
}
body.isVt .hz {
  display: none;
}
body.isVt .vt {
  display: block;
}

body.isHz .hz {
  display: block;
}
body.isHz .vt {
  display: none;
}

/*
@import "font-awesome/scss/font-awesome.scss";
*/
@font-face {
  font-family: "VerdanaProCondSemiBold";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/css/../fonts/VerdanaPro-SemiBoldCondensed.woff2") format("woff2"), url("/assets/css/../fonts/VerdanaPro-SemiBoldCondensed.woff") format("woff"), url("/assets/css/../fonts/VerdanaPro-SemiBoldCondensed.ttf") format("truetype"); /* Safari, AndroiVerdanaPro-SemiBoldCondensed $typo, Times, Helvetica, Arial; */
}
body {
  font-family: "TimesTen", Times, Helvetica, Arial;
  font-feature-settings: "onum" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* partials */
body {
  color: #959595;
}
body a {
  color: #808080;
  transition: all 0.33s ease;
}

.contentWrapper {
  opacity: 0;
  transition: opacity 0.5s ease;
  position: relative;
}
.contentWrapper .contentWrapperIn::after {
  clear: both;
  content: "";
  display: block;
}

main {
  margin: 0 10px 20px 20px;
}
main::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 737px) {
  main {
    margin-left: 30px;
  }
}
main p a:hover,
main .content_text li a:hover {
  color: #000;
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
}
main p a:hover:after,
main .content_text li a:hover:after {
  content: "";
  display: block;
  position: absolute;
  background: #000;
  left: 0;
  top: 27px;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}

@media screen and (min-width: 967px) {
  main#mainCatalogShow {
    width: 53.75%;
    float: left;
  }
  body.column3 main {
    width: 73.75%;
    float: left;
  }
  body.column3 aside {
    width: 11.25%;
  }
}
aside {
  margin: 20px 10px 0 20px;
  position: relative;
  z-index: 3;
  padding-bottom: 30px;
}
aside::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 967px) {
  aside {
    margin-left: 0;
    float: left;
    width: 31.25%;
  }
}

.clickfirst {
  cursor: pointer;
}

p.back {
  margin-block: 30px !important;
  padding: 0;
}
p.back a {
  color: #808080;
  display: inline-block;
}
p.back a::before {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-right: 8px solid #808080;
  border-bottom: 5px solid transparent;
  margin-right: 5px;
}
p.back a:hover {
  color: #000;
}
p.back a:hover::before {
  border-right-color: #000;
}
p.back a::after {
  display: none !important;
}

p.sequence {
  margin: 0;
  display: none;
}
p.sequence span {
  width: auto !important;
  display: block;
}
p.sequence span.back {
  float: left;
}
p.sequence span.back a {
  color: #808080;
}
p.sequence span.back a .fa.fa-search {
  position: relative;
  left: 3px;
}
p.sequence span.back a .fa.fa-arrow-left {
  position: relative;
  font-size: 0.4em;
  top: -5px;
}
p.sequence span.prev {
  float: right;
}
p.sequence span.next {
  float: right;
}
p.sequence span.disabled {
  opacity: 0.075;
}
p.sequence span a {
  color: #000;
  text-decoration: none;
  font-size: 2em;
}
p.sequence span a span {
  display: none;
}

.arrow-right {
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 1em;
  vertical-align: middle;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #000;
}
@media screen and (min-width: 737px) {
  .arrow-right {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #000;
  }
}

.more {
  font-size: 27px;
  text-align: center;
  margin-bottom: 30px;
}
.more a,
.more .a {
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
}
.more a:after,
.more .a:after {
  content: "";
  display: block;
  position: absolute;
  background: #959595;
  left: 0;
  top: 27px;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}
.more a:hover,
.more .a:hover {
  color: #000;
}

.admin-shortcut {
  background: white;
  padding: 10px;
  margin: 0 !important;
  border: 4px solid #f00;
  position: absolute;
  top: 0;
  right: 0;
}
.admin-shortcut a {
  color: #f00;
}

header search input,
nav li,
subnav li,
subnav p {
  font-size: 27px;
  line-height: 1.27em;
}
@media screen and (min-width: 737px) {
  header search input,
nav li,
subnav li,
subnav p {
    font-size: 27px;
  }
}
@media screen and (min-width: 967px) {
  header search input,
nav li,
subnav li,
subnav p {
    font-size: 27px;
  }
}

.shareIt ul a {
  line-height: 1.5em;
  display: block;
}

header {
  top: 0;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  padding: 10px 0 7px;
  background-color: #fff;
  box-sizing: border-box;
  width: 100%;
  z-index: 10;
}
header form {
  margin: 0;
  padding: 0;
  display: block;
}
header div.tools {
  font-size: 0;
  position: absolute;
  top: 10px;
  z-index: 12;
  right: 15px;
  /* .searchIt, */
}
header div.tools > * {
  vertical-align: top;
}
header div.tools search {
  display: none;
  /*
  @include media(desktop) {
    display: inline-block;
  }
  input {
    color: $grey;
    border: none;
    display: block;
    text-align: right;
    &:hover {
      text-decoration: underline;
    }
    &:focus,
    &:active {
      color: $blue;
      text-decoration: none;
    }
    &::placeholder {
      opacity: 1;
    }
    width: 100%;
    box-sizing: border-box;
    padding: 0 5px;

  }
  */
}
header div.tools #cart-summary {
  display: inline-block;
  width: 48px;
}
header div.tools #cart-summary a {
  font-size: 16px;
  height: 20px;
  width: 40px;
  display: block;
  line-height: 1em;
  border-bottom: none;
  white-space: nowrap;
  color: #f00;
  font-family: "Raleway", "helvetica", "san-serif";
  font-weight: 600;
  text-align: center;
  background: url("/assets/css/../i/svg/cart.svg") no-repeat center center;
  transition: all ease 0.5s;
}
header div.tools #cart-summary a:after {
  display: none;
}
header div.tools #cart-summary a:hover {
  background-image: url("/assets/css/../i/svg/cart2.svg");
}
header div.tools #hamburger {
  display: inline-block;
  width: 22px;
  height: 20px;
  background: url("/assets/css/../i/svg/menu.svg") no-repeat center center;
  background-size: contain;
  transition: all ease 0.5s;
  margin-right: 20px;
}
@media screen and (min-width: 737px) {
  header div.tools #hamburger {
    display: none;
  }
}
header div.tools #hamburger.on {
  background: url("/assets/css/../i/svg/close.svg") no-repeat center center;
}
@media screen and (min-width: 967px) {
  header div.tools #hamburger {
    margin-right: 40px;
  }
}
@media screen and (min-width: 967px) {
  header div.tools .searchIt {
    display: none !important;
  }
}
header div.tools .shareIt {
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
@media screen and (min-width: 967px) {
  header div.tools .shareIt {
    margin-right: 40px;
  }
}
header div.tools .shareIt > a {
  display: block;
  position: relative;
  height: 30px;
}
header div.tools .shareIt > a:hover:after {
  background-image: url("/assets/css/../i/svg/share2.svg");
}
header div.tools .shareIt > a:after {
  content: " ";
  display: block;
  background-image: url("/assets/css/../i/svg/share.svg");
  transition: all ease 0.25s;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 20px;
  width: 20px;
}
header div.tools .shareIt > a i.icon-share {
  display: none;
}
header div.tools .shareIt a {
  color: #000;
  font-size: 12px;
  line-height: 15px;
}
header div.tools .shareIt ul {
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  position: absolute;
  left: 0;
}
header div.tools .shareIt ul a {
  display: block;
  padding: 2px 0;
}
header div.tools .shareIt ul li:first-child a {
  padding-top: 8px;
}
header div.tools .shareIt.open > a {
  color: #000;
}
header div.tools .shareIt.open ul {
  height: 80px;
}
header .cartList {
  display: none;
}

nav {
  margin: 0 0 0 20px;
  min-height: 26px;
  position: relative;
}
@media screen and (min-width: 737px) {
  nav {
    margin-left: 30px;
  }
}
nav > ul > li {
  display: inline-block;
  margin-right: 10px;
}
nav > ul > li > a {
  border-bottom: none;
  white-space: nowrap;
}
nav > ul > li > a:after {
  display: none;
}
nav > ul > li > a strong {
  font-weight: normal;
}
nav > ul > li a:hover {
  color: #000;
}
nav > ul > li.sel > a, nav > ul > li.active > a {
  color: #000;
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
}
nav > ul > li.sel > a:after, nav > ul > li.active > a:after {
  content: "";
  display: block;
  position: absolute;
  background: #000;
  left: 0;
  top: 27px;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}
nav > ul > li > ul {
  display: none;
}
nav .menuIntro {
  display: none;
}

subnav {
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  subnav {
    display: none !important;
  }
}
@media screen and (min-width: 737px) {
  subnav {
    display: block;
  }
}
subnav strong {
  pointer-events: none;
}
subnav a.sel,
subnav a.active,
subnav .sel a,
subnav .active a {
  color: #000;
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
}
subnav a.sel:after,
subnav a.active:after,
subnav .sel a:after,
subnav .active a:after {
  content: "";
  display: block;
  position: absolute;
  background: #000;
  left: 0;
  top: 27px;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}
subnav a:hover {
  color: #000;
}
subnav ul {
  margin: 8px 20px 10px 30px;
}
subnav ul li {
  display: inline-block;
  margin-right: 20px;
}
subnav ul li a {
  display: inline-block;
}
subnav ul li a strong {
  font-weight: normal;
}
@media screen and (min-width: 737px) {
  subnav ul {
    display: none;
  }
}
subnav p {
  display: none;
  margin: 8px 20px 10px 30px;
}
@media screen and (min-width: 737px) {
  subnav p {
    display: block;
  }
}

@media screen and (max-width: 736px) {
  header nav {
    transition: all ease 0.5s;
    /* Menu icon fa-bars */
    /*
    &:not(.on) {
      > ul {
        > li.active {
          > ul {
            display: inline-block;
            > li {
              display: none;
              &.sel, &.active {
                display: inline-block;
              }
            }
          }
        }
      }
    }
    */
  }
  header nav > ul {
    /*
    &::before {
      content:" ";
      display: block;
      position: absolute;
      cursor: pointer;
      background: no-repeat url("/assets/css/../i/svg/menu.svg") center center;
      background-size: contain;
      width: 20px;
      height: 20px;
    }*/
  }
  header nav > ul > li > ul {
    display: none;
    padding-bottom: 10px;
  }
  header nav > ul > li > ul > li {
    display: none;
    padding-left: 30px;
    margin: 10px 0;
  }
  header nav > ul > li > ul > li > a {
    font-size: 27px;
    color: #959595;
  }
  header nav > ul > li > ul > li > a strong {
    font-weight: normal;
  }
  header nav > ul > li > ul > li.sel > a {
    color: #000;
    /*text-decoration: underline;
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;*/
    position: relative;
    white-space: nowrap;
  }
  header nav > ul > li > ul > li.sel > a:after {
    content: "";
    display: block;
    position: absolute;
    background: #000;
    left: 0;
    top: 27px;
    width: 100%;
    height: 2px;
    transition: all ease 0.25s;
  }
  header nav.on {
    position: relative;
    width: calc(100% - 30px);
    background: #fff;
    box-sizing: border-box;
    height: 100vh;
    overflow: auto;
  }
  header nav.on li {
    display: block;
    font-size: 27px;
  }
  header nav.on li.active > ul,
header nav.on li.sel > ul {
    display: block;
  }
  header nav li {
    display: none;
    font-size: 27px;
    line-height: 1.35em;
  }
  header nav li.active,
header nav li.sel {
    display: block;
  }
}
subnav p a {
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
}
subnav p a:after {
  content: "";
  display: block;
  position: absolute;
  background: "transparent";
  left: 0;
  top: 27px;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}

header div.tools .shareIt a {
  color: #000;
  font-size: 16px;
  line-height: 17px;
}

body:not(.pHome) header div.tools .shareIt ul {
  background: #FFF;
  margin-left: -12px;
  box-sizing: border-box;
  padding: 0 10px;
  height: 0;
  overflow: hidden;
}

body:not(.pHome) header div.tools .shareIt.open ul {
  display: block;
  height: 70px;
}

footer {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 25%;
  height: 100px;
  z-index: 3;
}
footer a {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  padding-top: 7%;
  padding-left: 7%;
}
@media screen and (min-width: 737px) {
  footer a {
    background: none;
    padding: 0;
  }
}
footer a img {
  width: 100%;
  display: block;
}
footer .what {
  display: none;
}
footer .logo {
  transition: all ease 1s;
}

body.scrolled footer .logo {
  opacity: 0;
  pointer-events: none;
}

.back-to-top {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 5px;
  visibility: hidden;
}

.form p::after {
  clear: both;
  content: "";
  display: block;
}
.form p > label {
  margin: 0 1%;
  float: left;
  text-align: right;
}
.form .inputtext input,
.form .input textarea {
  border-bottom: 1px solid #959595;
  display: block;
  float: left;
  line-height: 1.875em;
  box-sizing: border-box;
}
.form .inputtext input::placeholder,
.form .input textarea::placeholder {
  opacity: 1;
  color: #959595;
}
.form .inputtext input:hover,
.form .input textarea:hover {
  color: #000;
}
.form .inputtext input:focus,
.form .input textarea:focus {
  color: #000;
  border-bottom: none;
  white-space: nowrap;
}
.form .inputtext input:focus::placeholder,
.form .input textarea:focus::placeholder {
  color: #000;
}
.form .inputtext input:focus:after,
.form .input textarea:focus:after {
  display: none;
}
.form .input textarea {
  height: 3.75em;
  line-height: 1.125em;
}
.form label.error {
  clear: both;
  color: #f00;
  display: block !important;
}
.form p.optin {
  min-height: auto;
  margin-top: 0.625em;
  margin-bottom: 0.625em;
}
.form p.optin,
.form .inputradio,
.form label.error,
.form p.submit {
  margin-left: 30%;
}

input:focus {
  outline-width: 0;
}

input[type=radio] {
  vertical-align: text-top;
}

/* The container */
label.container-form {
  display: inline-block !important;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Create a custom radio button */
/* On mouse-over, add a grey background color */
.container-form {
  /* Hide the browser's default radio button */
  /* Show the indicator (dot/circle) when checked */
}
.container-form input[type=radio],
.container-form input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.container-form:hover input ~ .checkmark {
  background-color: #ccc;
}
.container-form input:checked ~ .checkmark {
  background-color: #FFF;
}
.container-form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  width: 26px;
  border-radius: 100%;
  border: 2px solid grey;
  box-sizing: border-box;
  /* Create the indicator (the dot/circle - hidden when not checked) */
}
.container-form .checkmark.square {
  border-radius: 0;
}
.container-form .checkmark.square:after {
  border-radius: 0;
}
.container-form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #000;
}
.container-form input:checked ~ .checkmark:after {
  display: block;
}

@media screen and (min-width: 737px) {
  .pPage #text-grid h2 {
    font-size: 27px;
  }
}
.pPage.column2 aside {
  display: none;
}
.pPage .intro {
  margin-bottom: 1.25em;
}
.pPage .intro p {
  margin: 0 0 3px;
}
@media screen and (max-width: 736px) {
  .pPage #mainPage {
    padding-top: 20px;
  }
  .pPage.column2 #text-grid p, .pPage.column2 #text-grid ul, .pPage.column2 #text-grid ol, .pPage.column2 #text-grid li, .pPage.column2 #text-grid h2, .pPage.column2 .intro p, .pPage.column2 .intro ul, .pPage.column2 .intro ol, .pPage.column2 .intro li, .pPage.column2 .intro h2 {
    font-size: 13px;
  }
}
@media screen and (min-width: 737px) {
  .pPage {
    /*
    &.column3 {
      #text-grid {
        @include clearfix;
        .group {
          width: .92 / 3 * 100%;
          margin-right: 4%;
          float: left;
          &:nth-child(3) {
            margin-right: 0;
          }
        }
      }
    }
    */
  }
  .pPage.column1 #text-grid {
    font-size: 27px;
    line-height: 1.27em;
  }
}
@media screen and (min-width: 737px) and (min-width: 737px) {
  .pPage.column1 #text-grid {
    font-size: 27px;
  }
}
@media screen and (min-width: 737px) and (min-width: 967px) {
  .pPage.column1 #text-grid {
    font-size: 27px;
  }
}
@media screen and (min-width: 737px) {
  .pPage.column2 #text-grid::after {
    clear: both;
    content: "";
    display: block;
  }
  .pPage.column2 #text-grid .group {
    float: left;
    font-size: 15px;
    line-height: 1.25em;
    width: calc(50% - 15px);
    margin-right: 30px;
  }
  .pPage.column2 #text-grid .group:nth-child(2) {
    margin-right: 0;
  }
  .pPage.column2 #text-grid .group p, .pPage.column2 #text-grid .group ul, .pPage.column2 #text-grid .group ol, .pPage.column2 #text-grid .group li, .pPage.column2 #text-grid .group h2 {
    font-size: 15px;
    margin-bottom: 3px;
  }
}
.pPage main .inside {
  color: #000;
  /* @include media(tablet) {
     column-count: 2;
     column-gap: 30px;
     p {

     -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
     break-inside: avoid;

     }
   }
   */
}
.pPage main .inside h1.pageTitle {
  display: none;
}
.pPage main h1 {
  font-size: 1.625em;
}
.pPage main h2 {
  font-weight: bold;
}
.pPage main p, .pPage main ul, .pPage main ol {
  margin-bottom: 1.25em;
}
.pPage main p + ul,
.pPage main p + ol {
  margin-top: -1.75em;
}
.pPage main li {
  margin-left: 1em;
  margin-bottom: 0.75em;
}
.pPage main ul li {
  list-style: disc;
}
.pPage main ol li {
  list-style: decimal;
}
.pPage main .legende ul, .pPage main .legende ol, .pPage main .legende li, .pPage main .legende p, .pPage main .legend ul, .pPage main .legend ol, .pPage main .legend li, .pPage main .legend p {
  font-size: 16px;
  line-height: 1.25em;
}
.pPage main a {
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
}
.pPage main a:after {
  content: "";
  display: block;
  position: absolute;
  background: #959595;
  left: 0;
  top: 1em;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}
.pPage main .imgContent {
  margin-bottom: 1.25em;
  font-size: 0.875em;
}
.pPage main .imgContent img {
  max-width: 100%;
  display: block;
}
.pPage aside h1 {
  font-size: 1.625em;
}
.pPage aside h2 {
  font-weight: bold;
}
.pPage aside p, .pPage aside ul, .pPage aside ol {
  margin-bottom: 1.25em;
}
.pPage aside p + ul,
.pPage aside p + ol {
  margin-top: -1.75em;
}
.pPage aside li {
  margin-left: 1em;
  margin-bottom: 0.75em;
}
.pPage aside ul li {
  list-style: disc;
}
.pPage aside ol li {
  list-style: decimal;
}
.pPage aside .legende ul, .pPage aside .legende ol, .pPage aside .legende li, .pPage aside .legende p, .pPage aside .legend ul, .pPage aside .legend ol, .pPage aside .legend li, .pPage aside .legend p {
  font-size: 16px;
  line-height: 1.25em;
}
@media screen and (min-width: 967px) {
  .pPage aside {
    float: left;
    width: 11%;
  }
}
.pPage .form {
  width: 66%;
  margin: 0 auto;
  box-sizing: border-box;
}

video {
  width: 100%;
}

.pPage .inside {
  max-width: 2048px;
}
.pPage .video {
  position: relative;
  padding-bottom: 56.25%;
}
.pPage .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.pPage main p, .pPage main ul, .pPage main ol {
  margin-bottom: 1.25em;
  font-size: 27px;
}

.hideScroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-right: 20px;
  padding-bottom: 20px;
  box-sizing: content-box;
  overflow: auto;
}

#bigVideo {
  /*  position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;*/
  margin-right: 10px;
}
#bigVideo video {
  width: 100%;
  box-sizing: border-box;
  aspect-ratio: 16/9;
}
.moduleGroup .module {
  clear: both;
  margin-bottom: 1em;
}
.moduleGroup .moduleExtra_hugetext {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.moduleGroup .moduleExtra_hugetext a {
  color: #000;
  border-bottom: none;
  white-space: nowrap;
}
.moduleGroup .moduleExtra_hugetext a:after {
  display: none;
}
.moduleGroup .moduleExtra_hugetext p, .moduleGroup .moduleExtra_hugetext ul, .moduleGroup .moduleExtra_hugetext li, .moduleGroup .moduleExtra_hugetext h1, .moduleGroup .moduleExtra_hugetext h2, .moduleGroup .moduleExtra_hugetext h3 {
  margin: 0;
  line-height: 1.25em;
  white-space: nowrap;
  font-size: 6.5vw;
  color: #000;
}
.moduleGroup .moduleExtra_hugetext p strong, .moduleGroup .moduleExtra_hugetext ul strong, .moduleGroup .moduleExtra_hugetext li strong, .moduleGroup .moduleExtra_hugetext h1 strong, .moduleGroup .moduleExtra_hugetext h2 strong, .moduleGroup .moduleExtra_hugetext h3 strong {
  font-weight: normal;
  color: #959595;
}
.moduleGroup .moduleExtra_hugetext .hugeText {
  padding: 50px 20px 0 30px;
  box-sizing: border-box;
  transform: translateZ(0);
  position: absolute;
  top: 0;
  left: 0;
  transition: all 1s ease;
}
.moduleGroup .moduleExtra_hugeimage {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
}
.moduleGroup .moduleExtra_hugeimage img {
  box-sizing: border-box;
  transform: translateZ(0);
  position: absolute;
  top: 0;
  left: 0;
  transition: all 1s ease;
  width: 165%;
  min-width: 1200px;
  margin-left: 30px;
  height: auto;
}
.moduleGroup .moduleImage {
  margin: 2em auto;
}
.moduleGroup .moduleImage .image {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  font-size: 21px;
}
.moduleGroup .moduleImage .image img {
  width: auto;
  height: auto;
  object-fit: contain;
}
.moduleGroup .moduleImage .legend {
  margin-inline: auto;
}
.moduleGroup .moduleQuote {
  margin-block: 2em;
  text-align: center;
  color: #959595;
}
@media screen and (min-width: 737px) {
  .moduleGroup .moduleQuote {
    margin-inline: 2em;
  }
}
.moduleGroup .moduleQuote p {
  margin-bottom: 0 !important;
  line-height: 1.125em !important;
  font-size: 32px !important;
}
@media screen and (min-width: 737px) {
  .moduleGroup .moduleQuote p {
    font-size: 42px !important;
  }
}
.moduleGroup .module_textimage .image {
  text-align: center;
}
.moduleGroup .module_textimage .image img {
  max-width: 100%;
}
@media screen and (min-width: 737px) {
  .moduleGroup .module_textimage .image {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    max-width: 50%;
  }
}
.moduleGroup .moduleLink a {
  border-bottom: none;
  white-space: nowrap;
}
.moduleGroup .moduleLink a:after {
  display: none;
}
.moduleGroup .moduleLink a span {
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
}
.moduleGroup .moduleLink a span:after {
  content: "";
  display: block;
  position: absolute;
  background: #959595;
  left: 0;
  top: 1em;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}
.moduleGroup .moduleLink a:hover {
  color: #000;
}
.moduleGroup .moduleFile a {
  border-bottom: none;
  white-space: nowrap;
}
.moduleGroup .moduleFile a:after {
  display: none;
}
.moduleGroup .moduleFile a span {
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
}
.moduleGroup .moduleFile a span:after {
  content: "";
  display: block;
  position: absolute;
  background: #959595;
  left: 0;
  top: 1em;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}
.moduleGroup .moduleFile a:hover {
  color: #000;
}

.messageNews {
  position: absolute;
  top: 20px;
  z-index: 30;
  width: 100%;
  height: 24px;
  left: 0;
  overflow: hidden;
}
.messageNews p {
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
  transform: translateX(100vw);
  letter-spacing: 0.05em;
  will-change: transform;
  text-transform: uppercase;
  font-size: 31px;
  font-weight: normal;
  font-family: "ds_sysdotregular", "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
}
.messageNews p a {
  color: #fff;
}

.pHome {
  background-color: #DBDBDB;
  overflow: hidden;
}
.pHome .contentWrapper {
  position: relative;
}
.pHome .contentWrapper .slider {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.pHome .contentWrapper .slider .slick-track {
  will-change: transform;
}
.pHome .contentWrapper .slider ul {
  font-size: 0;
}
.pHome .contentWrapper .slider ul li {
  font-size: 1rem;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #DBDBDB;
}
.pHome .contentWrapper .slider ul li a {
  display: block;
}
.pHome .contentWrapper .slider ul li img {
  display: none;
  max-width: 100%;
}
.pHome footer .logo {
  opacity: 0;
}
.pHome footer .logo.show {
  opacity: 1;
}
.pHome footer .what {
  display: inherit;
}

.home_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.home_cover img {
  opacity: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.home_cover.vt {
  background-size: cover;
}

#news-carousel {
  position: relative;
  margin-bottom: 50px;
}
#news-carousel .carousel-text {
  margin-top: 20px;
}
#news-carousel img {
  aspect-ratio: 69/43;
  display: block;
}
#news-carousel ul.slick-dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  text-align: center;
}
#news-carousel ul.slick-dots:before {
  content: "";
  display: block;
  aspect-ratio: 69/43;
}
#news-carousel ul.slick-dots li {
  display: inline-block;
  margin: 0 15px;
  position: relative;
  top: -50px;
}
#news-carousel ul.slick-dots li button {
  pointer-events: initial;
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  box-shadow: #888 0 0 1px;
  border-radius: 100%;
  font-size: 0;
  width: 20px;
  height: 20px;
}
#news-carousel ul.slick-dots li.slick-active button {
  background-color: white;
}

.pBlog main .listNews {
  margin: auto;
}
.pBlog main .listNews a:after {
  display: none;
}
.pBlog main .news-item {
  margin-bottom: 40px;
}
.pBlog main .news-item .flex-image {
  margin-top: 50px;
  margin-bottom: 20px;
}
@media screen and (min-width: 737px) {
  .pBlog main .news-item {
    display: flex;
    gap: 40px;
  }
  .pBlog main .news-item .flex-image {
    margin-top: 0;
    margin-bottom: 0;
    min-width: 300px;
    text-align: right;
  }
  .pBlog main .news-item .flex-image img {
    aspect-ratio: 1;
    width: 300px;
  }
  .pBlog main .news-item .flex-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.pBlog main p.news-excerpt {
  font-size: 1.25em;
  margin-bottom: 0 !important;
}
.pBlog main p.news-excerpt a {
  color: #000;
  white-space: unset;
}
.pBlog main .news-date {
  color: #959595;
  font-family: "Raleway", "helvetica", "san-serif";
  margin-bottom: 0 !important;
}
.pBlog main h3.news-title {
  margin-bottom: 0.5em;
}
.pBlog main h3.news-title a {
  font-size: 1.75em;
  color: #000;
  white-space: unset;
}
.pBlog main img {
  display: block;
  width: 100%;
}

.pBlog .mainNews h1, .pBlog .mainNews .h1 {
  font-size: 42px !important;
  margin-bottom: 0.25em;
  color: #000;
}
.pBlog .mainNews h1 a::after, .pBlog .mainNews .h1 a::after {
  display: none !important;
}
.pBlog .mainNews img {
  max-width: 100%;
}
.pBlog .mainNews .inside {
  max-width: 1200px;
  margin-block: 10px;
}
.pBlog .mainNews .legend {
  font-size: 16px;
  display: block;
  margin: 1em 0;
}
.pBlog .mainNews p, .pBlog .mainNews ul, .pBlog .mainNews ol {
  margin-bottom: 1.25em;
  line-height: 1.5em;
  font-size: 20px;
}
@media screen and (min-width: 737px) {
  .pBlog .mainNews p.back {
    margin-left: 340px;
  }
}
.pBlog .mainNews h2 {
  font-size: 27px;
  font-weight: normal;
  margin: 1.5em 0 0.75em;
  padding: 0;
  text-decoration: none;
}
.pBlog .mainNews .video {
  position: relative;
  padding-bottom: 56.25%;
}
.pBlog .mainNews .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.pBlog .mainNews .moduleGroup .moduleImage .image {
  text-align: left;
}
.pBlog .mainNews .doYouWantMore {
  color: #959595;
  margin: 1em 0 5em;
}
.pBlog .mainNews .doYouWantMore a {
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
}
.pBlog .mainNews .doYouWantMore a:after {
  content: "";
  display: block;
  position: absolute;
  background: #959595;
  left: 0;
  top: 20px;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}
.pBlog .mainNews .doYouWantMore a:hover {
  color: #000;
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
}
.pBlog .mainNews .doYouWantMore a:hover:after {
  content: "";
  display: block;
  position: absolute;
  background: #000;
  left: 0;
  top: 20px;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}
.pBlog .mainNews .related-articles ul {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 30px;
}
.pBlog .mainNews .related-articles li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pBlog .mainNews .related-articles a {
  text-decoration: none;
}
.pBlog .mainNews .related-articles a:after {
  display: none;
}

#catalog_bar {
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  padding: 0 0 3px;
  z-index: 2;
  margin-left: 20px;
  margin-right: 10px;
}
@media screen and (min-width: 737px) {
  #catalog_bar {
    margin-left: 30px;
  }
}

#catalog_display {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -6px;
  box-sizing: border-box;
  background: #fff;
  z-index: 5;
}
@media screen and (min-width: 737px) {
  #catalog_display {
    margin-bottom: 0;
  }
}
#catalog_display > * {
  vertical-align: top;
}
#catalog_display span.number {
  color: #000;
  display: inline-block;
  line-height: 25px;
  margin-left: 5px;
}
#catalog_display > a {
  padding: 5px;
  position: relative;
  top: -3px;
  display: inline-block;
}
#catalog_display > a i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("/assets/css/../i/pictos/display.png") no-repeat;
}
#catalog_display > a span {
  display: none;
}
#catalog_display a.small.sel i, #catalog_display a.small:hover i {
  background-position: 0 -10px;
}
#catalog_display a.medium i {
  background-position: -10px 0;
}
#catalog_display a.medium.sel i, #catalog_display a.medium:hover i {
  background-position: -10px -10px;
}
#catalog_display a.big i {
  background-position: -20px 0;
}
#catalog_display a.big.sel i, #catalog_display a.big:hover i {
  background-position: -20px -10px;
}

#catalog_bar {
  background: white;
}
#catalog_bar.active {
  /*p#searchS {
    flex-grow: initial;
    display: block;
    width: auto;

    span.field {
      input.text {
        width: calc(100% - 30px) !important;
      }
    }
  }*/
}
#catalog_bar.active p#searchEpoque {
  margin-left: 20px;
}
@media screen and (max-width: 736px) {
  #catalog_bar {
    /*p#searchS {
      flex-grow: initial;
      display: block;
      width: auto;

      span.field {
        input.text {
          width: calc(100% - 30px) !important;
        }
      }
    }
    p#searchEpoque {
      margin-left: 20px;
    }*/
  }
}
#catalog_bar form {
  display: block;
  color: #000;
}
#catalog_bar form > * {
  display: inline-block;
  line-height: 20px;
}
#catalog_bar form > .searchFields.active .select-styled,
#catalog_bar form > .searchFields.active label,
#catalog_bar form > #searchRecent.active .select-styled,
#catalog_bar form > #searchRecent.active label {
  color: #000;
}
#catalog_bar form > .searchFields.active .select-styled:after,
#catalog_bar form > .searchFields.active label:after,
#catalog_bar form > #searchRecent.active .select-styled:after,
#catalog_bar form > #searchRecent.active label:after {
  background-color: #000;
}
#catalog_bar form > #searchRecent {
  padding-top: 3px;
}
#catalog_bar form > #searchRecent input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
#catalog_bar form > #searchRecent label {
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
#catalog_bar form > #searchRecent label:after {
  content: "";
  display: block;
  position: absolute;
  background: #959595;
  left: 0;
  top: 16px;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}
#catalog_bar form > #searchRecent label:hover, #catalog_bar form > #searchRecent label:focus {
  color: #00f;
}
#catalog_bar form > #searchS {
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
  flex-grow: 1;
  margin-right: 10px;
}
#catalog_bar form > #searchS:after {
  content: "";
  display: block;
  position: absolute;
  background: #000;
  left: 0;
  top: 21px;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}
#catalog_bar form > #searchS:before {
  display: inline-block;
  content: " ";
  background: url("/assets/css/../i/pictos/search.png") no-repeat center center;
  width: 15px;
  height: 15px;
  vertical-align: top;
  position: absolute;
  left: 0;
  top: 3px;
}
#catalog_bar form > #searchS input {
  width: 240px;
  letter-spacing: -0.2px;
}
@media screen and (min-width: 737px) {
  #catalog_bar form > #searchS input {
    width: 312px;
  }
}
#catalog_bar form > #searchS span.field {
  margin-left: 20px;
}
#catalog_bar form p {
  vertical-align: top;
  transition: all ease 0.5s;
  font-size: 0.815em;
  position: relative;
  padding-right: 10px;
}
#catalog_bar form p span.search_submit {
  display: none;
  /*
  background: url('/assets/css/../i/pictos/open.png') no-repeat center center;
  span {

    display: block;
    cursor: pointer;
    border:none;
    padding: 10px;
    line-height: 1em;
    color: #fff;
    background:$grey;
    &:hover {
      background: $black;
    }
  }
  */
}
@media screen and (min-width: 737px) {
  #catalog_bar form p {
    font-size: 0.94em;
  }
}
#catalog_bar form p span.label {
  display: none;
}
#catalog_bar form p span.field input, #catalog_bar form p span.field select, #catalog_bar form p span.field .select2-container {
  width: 100%;
  box-sizing: border-box;
}
#catalog_bar form p span.field input::placeholder, #catalog_bar form p span.field select::placeholder, #catalog_bar form p span.field .select2-container::placeholder {
  opacity: 1;
  color: #000;
}
#catalog_bar form p span.field input:focus, #catalog_bar form p span.field select:focus, #catalog_bar form p span.field .select2-container:focus {
  color: #00f;
}
#catalog_bar form p span.field input:focus::placeholder, #catalog_bar form p span.field select:focus::placeholder, #catalog_bar form p span.field .select2-container:focus::placeholder {
  color: #00f;
}
#catalog_bar form p span.field input.text {
  display: inline-block;
  max-width: 100%;
  width: auto;
  line-height: 25px;
  height: 25px;
  padding: 0;
  border: none;
}
#catalog_bar form p span.field #check_recent {
  width: auto;
}
#catalog_bar form p span.field label {
  color: #959595;
}
#catalog_bar form p.submit {
  display: none;
}
#catalog_bar form p.submit input {
  border: none;
  display: inline-block;
  cursor: pointer;
  line-height: 25px;
  height: 25px;
  padding: 0;
}
#catalog_bar form p.reset a {
  display: inline-block;
  line-height: 25px;
  height: 25px;
  color: #959595;
  /*text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;*/
  position: relative;
  white-space: nowrap;
}
#catalog_bar form p.reset a:hover, #catalog_bar form p.reset a:focus {
  color: #00f;
}
#catalog_bar form p.reset a:after {
  content: "";
  display: block;
  position: absolute;
  background: #959595;
  left: 0;
  top: 21px;
  width: 100%;
  height: 2px;
  transition: all ease 0.25s;
}

#mainCatalogShow #catalog_display a.big i {
  background-position: -20px -10px;
}

.mainCatalog {
  position: relative;
  margin-top: 0;
}

em.cart-p {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: block;
  background: url("/assets/css/../i/pictos/cart-p-s.png") center top;
  height: 17px;
  width: 30px;
}

.cart-product.in em.cart-p,
body.cart_in em.cart-p,
em.cart-p:hover {
  background-position: center -20px;
}

@media screen and (min-width: 737px) {
  .big ul.listProduct span.thumb {
    display: none;
  }
  .big ul.listProduct span.big {
    display: block;
  }
}

@media screen and (max-width: 736px) {
  .small ul.listProduct strong span {
    display: none;
  }
}

.noArticles {
  /*background: #000 ;
  color: #fff;
  font-size: 15px;
  @include media(tablet) {
    font-size: 1.8vw;
  }
  margin-top: 4%;
  padding: 15px;

  */
  margin: 20px 0;
  padding: 0 0 0 18px;
  color: #000;
  font-size: 24px;
}
.noArticles a {
  color: #000;
}

ul.listProduct {
  font-size: 0;
}
ul.listProduct li {
  vertical-align: top;
  display: inline-block;
  transition: none;
  overflow: hidden;
  width: 200px;
  margin: 0 10px 10px 0;
  font-size: 0.6875rem;
  position: relative;
}
@media screen and (min-width: 737px) {
  ul.listProduct li {
    font-size: 0.8125rem;
  }
}
ul.listProduct li span.big {
  display: none;
}
ul.listProduct li img {
  display: block;
  width: 100%;
  height: auto;
}
ul.listProduct li a {
  border-bottom: none;
  white-space: nowrap;
  color: #000;
  position: relative;
  display: block;
  padding-bottom: 10px;
}
ul.listProduct li a:after {
  display: none;
}
ul.listProduct li a strong {
  font-weight: normal;
  display: block;
  padding: 4px 0;
}
ul.listProduct li a em.stock {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  padding: 0;
  box-sizing: border-box;
  font-style: normal;
}
ul.listProduct li em.cart-p {
  top: auto;
  bottom: 12px;
  height: 16px;
  background-color: #fff;
}

.pCatalogShow main {
  max-width: 550px;
}
.pCatalogShow main .photo .show {
  position: relative;
  display: block;
}
.pCatalogShow main .photo .show em.cart-p {
  top: auto;
  left: auto;
  bottom: -22px;
  right: 0;
}
.pCatalogShow main .photo img {
  display: block;
  max-width: 100%;
}
.pCatalogShow main .photo .hide {
  margin-top: 30px;
  display: block;
}
.pCatalogShow aside {
  color: #000;
  margin-top: 0;
}
@media screen and (min-width: 737px) {
  .pCatalogShow aside {
    top: 135px;
    position: sticky;
  }
}
.pCatalogShow aside p.stock.attention {
  color: #f00;
}
.pCatalogShow aside p {
  margin-block: 0 5px;
  font-size: 16px;
  line-height: 1.25em;
}
.pCatalogShow aside p > span {
  display: inline-block;
  width: 25%;
  margin-right: 5%;
  vertical-align: top;
}
.pCatalogShow aside p strong {
  display: inline-block;
  width: 52.75%;
  vertical-align: top;
  font-weight: normal;
}
.pCatalogShow aside p strong i {
  font-style: normal;
}
.pCatalogShow p.indication {
  margin-top: 0.66em;
}
@media screen and (min-width: 737px) {
  .pCatalogShow p.indication {
    max-width: 82.75%;
  }
}
.pCatalogShow p.indication em {
  font-style: normal;
  font-weight: normal;
  color: #959595;
  display: inline-block;
  line-height: 1.25em;
}

/*
.pCatalogIndex {
  aside {
    float: none !important;
    width: auto !important;
    margin: 20px 20px 0 30px;
    padding-bottom: 0 !important;
  }
}*/
aside .in {
  z-index: 2;
  position: relative;
}
aside p.title {
  font-size: 0.94em;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: none;
}
@media screen and (min-width: 967px) {
  aside p.title {
    display: block;
    height: 50px;
  }
}

/*
.select2-selection-multiple ul {
  background: $white;
  border: solid $grey;
  border-width: 0;
  height: auto !important;
  padding: 0;
  min-height: 20px;
}

.select2-selection__choice {

  border: 1px $grey dotted !important;
}
.select2-selection-multiple .select2-choices .select2-search-choice {
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: 0;
  color: $black;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 1px 1px 0;
  padding: 0 25px 0 0;
  box-sizing: border-box;
}
.select2-selection-multiple .select2-choices .select2-search-field input {
  padding: 5px 0 0;
  font-family: "TimesTen";
}
.select2-selection-multiple .select2-search-choice-close {
  left: auto;
  right: 1px;
  top:1px;
  height: 26px;
  width: 18px;
  background-color: rgba(#000, .05);
  background-position: center center;
  background-image: url('/assets/css/../i/pictos/close.png');
  background-repeat: no-repeat;
  box-sizing: border-box;
  &:hover {
    background-color: white;
  }
}
.select2-results .select2-result-label {
  font-size: 15px;
}
.select2-selection-multiple.select2-container-active .select2-choices {
  border: $grey solid;
  border-width: 0 0 1px 0;
}

.select2-results .select2-highlighted {
  background-color: $white;
  color: $blue;
}
*/
/* Linkes */
.linked h3 {
  font-size: 15px;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.linked ul::after {
  clear: both;
  content: "";
  display: block;
}
.linked ul li {
  width: 20%;
  display: block;
  float: left;
}
.linked ul li img {
  margin-right: 2%;
  margin-bottom: 2%;
  display: block;
  width: 98%;
}
.linked .compositions ul li {
  width: 33.33%;
}

.cart-in-show {
  position: relative;
  margin: 15px 0;
}
.cart-in-show .on, .cart-in-show .off {
  color: #f00;
  cursor: pointer;
  margin-left: 30%;
  font-size: 15px;
  font-family: "Raleway", "helvetica", "san-serif";
  font-weight: 600;
}
.cart-in-show em.cart-p {
  right: auto;
  left: 0;
}
.cart-in-show .qty, .cart-in-show .on {
  display: none;
}
.cart-in-show .qty > span input {
  top: -5px !important;
  left: 33px !important;
}

body.cart_in .cart-in-show {
  padding-bottom: 34px;
}
body.cart_in .cart-in-show .qty, body.cart_in .cart-in-show .on {
  display: block;
}
body.cart_in .cart-in-show .off {
  display: none;
}

#mainPage {
  /*.contact-coords,
  .contact-time,
  .contact-map,
  .contact-access,
  .contact-question,
  .contact-nl ,
  .contact-about {
    margin-bottom: 6%;
    h2 {
      font-weight: normal;
      font-size: 1.5em;
      line-height: 1.6em;
      color: #000;
    }
    p:last-child {
      margin-bottom: 0;
    }
  }
  .contact-about {
    h2{
      margin-bottom:.75em;
    }
  }
  .contact-coords,
  .contact-time {
    @include media(tablet) {
      float: left;
      width: 48%;
    }
    box-sizing: border-box;
    clear: none;
  }
  .contact-time {
    @include media(tablet) {
      margin-left: 4%;
    }
  }
  .contact-map {
    > div {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }
    iframe {
      width: 100%;
      height: 250px;
      border: 0;
    }
  }
  .contact-question,
  .contact-nl {
    @include media(tablet) {
      float: left;
      width: 48%;
      clear: none !important;
    }
    box-sizing: border-box;
  }

  .contact-nl {
    @include media(tablet) {
      margin-left: 4%;
    }
  }
  .contact-access {
    margin-top: -4%;
    p {
      font-size: .85em;
    }
  }*/
}
#mainPage .formContact,
#mainPage .formNewsletter {
  width: auto;
}
#mainPage .formContact form p,
#mainPage .formNewsletter form p {
  margin-top: 0;
  margin-bottom: 9px;
}
#mainPage .formContact form p:last-child,
#mainPage .formNewsletter form p:last-child {
  margin-bottom: 0;
}
#mainPage .formContact form label,
#mainPage .formNewsletter form label {
  display: none;
}
#mainPage .formContact form .inputtext input,
#mainPage .formContact form .input textarea,
#mainPage .formNewsletter form .inputtext input,
#mainPage .formNewsletter form .input textarea {
  width: 100%;
  float: none;
  border: 0;
  line-height: 1em;
  background: none;
}
#mainPage .formContact form p.optin,
#mainPage .formContact form .inputradio,
#mainPage .formContact form label.error,
#mainPage .formContact form p.submit,
#mainPage .formNewsletter form p.optin,
#mainPage .formNewsletter form .inputradio,
#mainPage .formNewsletter form label.error,
#mainPage .formNewsletter form p.submit {
  margin-left: 0;
}
#mainPage .formContact form p.submit input,
#mainPage .formNewsletter form p.submit input {
  border: none;
  color: #00ce00;
  background: none;
  padding: 0;
  cursor: pointer;
}

.form.formNewsletter {
  color: #959595;
}
.form.formNewsletter label {
  display: none;
  font-size: 27px;
}
.form.formNewsletter .inputtext input, .form.formNewsletter .input textarea {
  border: none;
}
.form.formNewsletter p.obli {
  margin-bottom: 0 !important;
}
.form.formNewsletter p.submit {
  margin-left: 0;
}
.form.formNewsletter p.submit input.bt {
  border: none;
  color: #00ce00;
  cursor: pointer;
}

.mainCompos {
  float: none;
  width: auto;
  padding-bottom: 200px;
}
.mainCompos .inside .intro {
  margin-bottom: 1em;
}
@media screen and (max-width: 736px) {
  .mainCompos .inside .intro {
    margin-top: 0.5em;
  }
}
.mainCompos .inside .intro p {
  color: #000;
  font-size: 16px;
}
@media screen and (min-width: 737px) {
  .mainCompos .inside .intro p {
    font-size: 27px;
  }
}
@media screen and (min-width: 967px) {
  .mainCompos .inside > ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px 15px;
  }
  .mainCompos .inside > ul > li {
    margin: 0;
  }
  .mainCompos .inside > ul > li:nth-child(1), .mainCompos .inside > ul > li:nth-child(6n-1), .mainCompos .inside > ul > li:nth-child(6n+1) {
    grid-column: span 2;
    grid-row: span 2;
  }
}
.mainCompos .inside > ul > li {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 15px;
  /*@include media(tablet) {
    margin-right: 2%;
    width: 49%;
    &:nth-child(2n) {
      margin-right: 0;
    }
  }
  @include media(desktop) {
    margin-right: 2%;
    width: 32%;
    &:nth-child(2n) {
      margin-right: 2%;
    }
    &:nth-child(3n) {
      margin-right: 0;
    }
  }
  */
}
.mainCompos .inside > ul > li a {
  display: flex;
  height: 100%;
  overflow: hidden;
}
.mainCompos .inside > ul > li a img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
}
.mainCompos .inside > ul > li a .hover {
  display: block;
  opacity: 0;
  transition: all ease 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 1em;
  box-sizing: border-box;
  color: #000;
  font-size: 11px;
}
@media screen and (min-width: 737px) {
  .mainCompos .inside > ul > li a .hover {
    font-size: 20px;
  }
}
.mainCompos .inside > ul > li a .hover span.hover-title {
  color: #000;
  font-size: 16px;
}
@media screen and (min-width: 737px) {
  .mainCompos .inside > ul > li a .hover span.hover-title {
    font-size: 27px;
  }
}
.mainCompos .inside > ul > li a .hover span.hover-text {
  display: block;
  line-height: 1.33em;
  position: absolute;
  padding: 1em 1em 0;
  width: calc(100% - 60px);
  left: 0;
  bottom: 15px;
  max-height: calc(100% - 85px);
  overflow: hidden;
}
.mainCompos .inside > ul > li a .hover span.hover-link {
  display: block;
  position: absolute;
  width: 60px;
  right: 15px;
  text-align: right;
  bottom: 15px;
}
.mainCompos .inside > ul > li a:hover .hover {
  opacity: 1;
}
.mainCompos .inside > ul > li strong {
  display: none;
}

.numero {
  display: inline-block;
  background: rgba(255, 255, 255, 0.75);
  color: rgba(0, 0, 0, 0.75);
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  box-sizing: border-box;
  transition: all ease 0.25s;
}
.numero:hover {
  background-color: white;
}

#fullCompositionsShow .photo {
  position: relative;
  display: block;
}
#fullCompositionsShow .photo .dragging {
  position: absolute;
  transition: all ease 0.5s;
}
@media screen and (min-width: 967px) {
  #fullCompositionsShow .photo .dragging {
    opacity: 0;
  }
}
@media screen and (min-width: 967px) {
  #fullCompositionsShow .photo:hover .dragging {
    opacity: 1;
  }
}
#fullCompositionsShow .photo .numero {
  display: block;
  position: absolute;
  top: -20px;
  left: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
#fullCompositionsShow .photo img {
  max-width: 100%;
}

.pComposShow .compositionTitle {
  margin: 1em 30px;
}
.pComposShow .compositionTitle h1 {
  color: #000;
  font-size: 16px;
}
@media screen and (min-width: 737px) {
  .pComposShow .compositionTitle h1 {
    font-size: 27px;
  }
}
.pComposShow .compositionTitle h2 {
  color: #000;
  font-size: 11px;
}
@media screen and (min-width: 737px) {
  .pComposShow .compositionTitle h2 {
    font-size: 20px;
  }
}
.pComposShow .compositionText {
  margin: 1em 0;
  line-height: 1.5em;
}
.pComposShow .compositionText h2, .pComposShow .compositionText p, .pComposShow .compositionText li {
  color: #000;
  font-size: 16px;
}
.pComposShow .compositionText ol {
  margin-top: 0.5em;
}
.pComposShow .compositionText ol li {
  list-style: decimal;
  margin-left: 1.5em;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}
.pComposShow .compositionText h2 {
  margin-bottom: 0.33em;
}
.pComposShow .full img {
  display: block;
  width: 100%;
}
.pComposShow main#mainCompositionsShow {
  padding-top: 20px;
  padding-bottom: 100px;
}
.pComposShow main#mainCompositionsShow .linked h3 {
  margin-top: 0;
  font-size: 1em;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
}
.pComposShow .listProduct .numero {
  position: absolute;
  top: 3px;
  left: 3px;
}
.pComposShow aside p.reference {
  display: none;
}
.pComposShow aside p.title {
  font-size: 2em;
  line-height: 1em;
}
.pComposShow aside p.title span {
  display: none;
}
.pComposShow aside p.title em {
  font-style: normal;
  display: none;
}
.pComposShow aside p.title strong {
  width: auto;
  text-transform: none;
}

.cartList .qty, .cart-full-product .qty {
  position: relative;
}
.cartList .qty .plus,
.cartList .qty .minus, .cart-full-product .qty .plus,
.cart-full-product .qty .minus {
  border-radius: 100%;
  background: #959595;
  color: #fff;
  transition: all ease 0.5s;
  border-bottom: none;
  white-space: nowrap;
  width: 24px;
  height: 24px;
  display: block;
  font-family: arial, sans-serif;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  position: absolute;
}
.cartList .qty .plus:hover,
.cartList .qty .minus:hover, .cart-full-product .qty .plus:hover,
.cart-full-product .qty .minus:hover {
  background: #000;
}
.cartList .qty .plus:after,
.cartList .qty .minus:after, .cart-full-product .qty .plus:after,
.cart-full-product .qty .minus:after {
  display: none;
}
.cartList .qty .plus span,
.cartList .qty .minus span, .cart-full-product .qty .plus span,
.cart-full-product .qty .minus span {
  display: block;
}
.cartList .qty .plus, .cart-full-product .qty .plus {
  top: 20px;
  left: 0px;
}
.cartList .qty .minus, .cart-full-product .qty .minus {
  top: 20px;
  left: 26px;
  line-height: 19px;
  font-size: 26px;
}
.cartList .qty > span input, .cart-full-product .qty > span input {
  position: absolute;
  left: 0;
  top: 0;
  color: #f00;
  background: none;
  border: 0;
  border-bottom: 1px solid transparent;
  text-align: left;
  width: 30px;
  font-size: 16px;
  font-family: "Raleway", "helvetica", "san-serif";
  font-weight: 600;
}
.cartList .qty > span input:hover, .cart-full-product .qty > span input:hover {
  border-color: #959595;
}

#overWindow {
  transition: opacity 1s ease;
  z-index: 0;
  opacity: 0;
  top: 100%;
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  overflow: auto;
  /*
  .validate {
    display: block;
    text-align: right;
    @include noline;

    color: $red;
    font-family: $typo_number;
    font-weight: $typo_number_weight;
  }
  */
}
#overWindow.open {
  z-index: 10;
  opacity: 1;
  top: 0;
}
#overWindow .cartList {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 15px 0;
  background: #ececec;
  position: relative;
  height: 92vh;
  max-width: 98%;
  width: 65.0505050505vh;
  top: 4vh;
  overflow: auto;
  /*
  .prevStep {
    left: 10px;
    span:before {
      content: '← ';
    }
  }
  .nextStep {
    right: 10px;
    span:after {
      content: ' →';
    }
  }
  */
  /*
  .part3 {
    .form p > label {
      width: 46%;
    }
    .form .inputtext input,
    .form .input textarea {
      width: 46%;
      margin-left: 1%;
      box-sizing: border-box;
      padding-left: 5px;
      border: 1px solid $grey;
    }
    .form .inputradio {
      margin-left: 0;
      color: $black;
      padding: .5em;
      display: block;
    }
    label.error {
      margin-bottom: 0;
      padding: 4px 0;
      border: none;
    }
  }
  */
}
@media screen and (min-width: 737px) {
  #overWindow .cartList {
    padding: 0 30px 0;
    min-width: 690px;
  }
}
#overWindow .cartList .close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 5px;
  background: url("/assets/css/../i/svg/close-red.svg") no-repeat center center;
  height: 16px;
  width: 16px;
}
#overWindow .cartList .close span {
  display: none;
}
#overWindow .cartList .prevStep,
#overWindow .cartList .nextStep {
  display: none;
  /*
  position: absolute;
  cursor: pointer;
  color: $black;
  top:133px;
  */
}
#overWindow .cartList.step1 li.step1, #overWindow .cartList.step2 li.step2, #overWindow .cartList.step3 li.step3, #overWindow .cartList.step4 li.step4 {
  color: #000;
}
#overWindow .cartList .part {
  display: none;
  padding-bottom: 50px;
}
#overWindow .cartList.step1 div.part1, #overWindow .cartList.step2 div.part2, #overWindow .cartList.step3 div.part3, #overWindow .cartList.step4 div.part4 {
  display: block;
}
#overWindow .cartList a.print {
  color: #f00;
  position: absolute;
  top: 5px;
  right: 26px;
  display: inline-block;
  font-size: 0;
  line-height: 25px;
  border-bottom: none;
  white-space: nowrap;
  text-transform: uppercase;
}
#overWindow .cartList a.print:before {
  content: "";
  display: block;
  background: url("/assets/css/../i/svg/print.svg") no-repeat;
  background-size: contain;
  height: 16px;
  width: 16px;
}
@media screen and (min-width: 737px) {
  #overWindow .cartList a.print {
    right: 26px;
  }
}
#overWindow .cartList a.print:after {
  display: none;
}
#overWindow .cartList a.print em {
  font-style: normal;
}
#overWindow .cartList a.print:hover em {
  color: #000;
}
#overWindow .cartList .cart-header {
  margin-top: 30px;
  padding: 16px 0 16px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  margin-bottom: 8px;
}
#overWindow .cartList .cart-header::after {
  clear: both;
  content: "";
  display: block;
}
#overWindow .cartList .cart-header ol {
  float: left;
  padding: 0;
  margin: 0 20px 0 0;
}
#overWindow .cartList .cart-header ol li {
  list-style: none;
  font-size: 1.063em;
}
#overWindow .cartList .cart-header > div {
  font-size: 12px;
  float: right;
  color: #000;
  box-sizing: border-box;
  width: calc(50% - 10px);
}
@media screen and (min-width: 737px) {
  #overWindow .cartList .cart-header > div {
    width: calc(25% - 5px);
    padding-right: 15px;
  }
}
@media screen and (max-width: 736px) {
  #overWindow .cartList .cart-header > div.xxo-opening {
    display: none;
  }
}
#overWindow .cartList .cart-header > div.xxo-address .email a {
  color: #000;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#overWindow .cartList div.cart_empty {
  padding: 5px;
  text-align: center;
  color: #f00;
}
#overWindow .cartList .price-warning-mobile {
  font-size: 12px;
  color: #000;
  padding: 10px 0;
}
#overWindow .cartList ul li {
  padding-top: 8px;
}
#overWindow .cartList ul li::after {
  clear: both;
  content: "";
  display: block;
}
#overWindow .cartList ul li:not(:last-child) {
  padding-bottom: 8px;
  border-bottom: 2px solid #000;
}
#overWindow .cartList ul li .thumb {
  width: calc(50% - 70px);
  height: auto;
  background-color: #959595;
  overflow: hidden;
  float: left;
  margin-left: 60px;
}
#overWindow .cartList ul li .thumb img {
  display: block;
  width: 100%;
}
#overWindow .cartList ul li .price-warning-desktop {
  display: none;
}
#overWindow .cartList ul li .infos {
  font-size: 0.815em;
  color: #000;
  float: right;
  width: calc(50% - 10px);
}
#overWindow .cartList ul li .infos p {
  transition: all 1s ease;
  margin: 0 0 1px;
}
#overWindow .cartList ul li .infos p > span {
  display: none;
}
#overWindow .cartList ul li .infos p strong {
  font-weight: normal;
}
@media screen and (min-width: 737px) {
  #overWindow .cartList ul li .infos p {
    /*
    > span {
      display: inline-block;
      width: 25%;
      margin-right: 5%;
      vertical-align: top;
    }
    strong {
      display: inline-block;
      width: 52.75%;
      vertical-align: top;
    }
    */
  }
}
#overWindow .cartList ul li .infos p.attention {
  color: #f00;
}
#overWindow .cartList .part2 h4,
#overWindow .cartList .part3 h4 {
  display: none;
}
#overWindow .cartList .part2 .form,
#overWindow .cartList .part3 .form {
  width: auto;
}
#overWindow .cartList .part2 .form p > label,
#overWindow .cartList .part3 .form p > label {
  margin: 0;
  float: left;
  width: calc(50% - 10px);
  text-align: left;
}
#overWindow .cartList .part2 .form .input,
#overWindow .cartList .part3 .form .input {
  width: calc(50% - 10px);
  display: block;
  float: right;
}
#overWindow .cartList .part2 .form .inputtext input,
#overWindow .cartList .part2 .form .input textarea,
#overWindow .cartList .part3 .form .inputtext input,
#overWindow .cartList .part3 .form .input textarea {
  box-sizing: border-box;
  padding-left: 5px;
  border: 1px solid #959595;
  display: block;
  width: 100%;
}
#overWindow .cartList .part2 .form .inputradio,
#overWindow .cartList .part3 .form .inputradio {
  margin-left: 0;
  color: #000;
  padding: 0.5em;
  display: block;
}
#overWindow .cartList .part2 .form label.error,
#overWindow .cartList .part3 .form label.error {
  margin-bottom: 0;
  padding: 5px 0 0;
  border: none;
  margin-left: 0;
  display: block;
}
#overWindow .cartList .part4 p.title {
  font-weight: bold;
}
#overWindow .cartList .part4 p {
  color: #000;
  margin: 0 0 20px;
}
#overWindow .cartList .form p {
  margin: 5px 0 10px;
}
#overWindow .cartList .form p > label {
  color: #000;
  line-height: 1em;
  padding: 0;
}
#overWindow .cartList .form p.submit {
  display: none;
}
#overWindow .cartList .form .optin {
  clear: both;
  padding-left: calc(50% + 10px);
  display: block;
  padding-top: 10px;
  color: black;
}
#overWindow .cartLink {
  display: none;
}
#overWindow .buttons-top {
  background: #ececec;
  position: sticky;
  top: 0;
}
#overWindow .buttons {
  background: #ececec;
  position: sticky;
  bottom: 0;
  padding-bottom: 30px;
}
#overWindow .bt.nextStep {
  position: inherit;
  border-top: 2px solid #f00;
  margin-top: 30px;
  padding-top: 8px;
  cursor: pointer;
  display: block;
  text-align: right;
  font-size: 16px;
  font-family: "Raleway", "helvetica", "san-serif";
  font-weight: 600;
  color: #f00;
}
#overWindow .bt.prevStep {
  cursor: pointer;
  display: block;
  text-align: right;
  font-size: 16px;
  font-family: "Raleway", "helvetica", "san-serif";
  margin-top: 8px;
}

#fullShowtimesShow {
  max-width: 1366px;
}
#fullShowtimesShow .cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#fullShowtimesShow .cover img {
  opacity: 0;
  max-height: 90vh !important;
}

.showtimeTitle h1, .showtimeTitle h2,
.mainShowtimes h1,
.mainShowtimes h2 {
  font-size: 2em;
  line-height: 1.125em;
  font-family: "ds_sysdotregular";
  text-transform: uppercase;
}
@media screen and (min-width: 737px) {
  .showtimeTitle h1, .showtimeTitle h2,
.mainShowtimes h1,
.mainShowtimes h2 {
    font-size: 3em;
  }
}
.showtimeTitle h2,
.mainShowtimes h2 {
  color: #959595;
  font-size: 3em;
  font-family: "ds_sysdotregular";
  text-transform: uppercase;
}

.showtimeTitle {
  margin-bottom: 30px;
}

.mainShowtimes {
  max-width: 1366px;
  color: #000;
  margin-bottom: 1em;
  font-size: 13px;
}
.mainShowtimes .text {
  margin-top: 1em;
}
.mainShowtimes .text .intro {
  margin-top: 1em;
  font-size: 1.4em;
  max-width: 1350px;
}
@media screen and (min-width: 737px) {
  .mainShowtimes {
    font-size: 16px;
  }
}

/* Page article */
.pShowtimesShow .cart-p,
.pShowtimesShow .cart-in-show {
  display: none;
}
@media screen and (min-width: 737px) {
  .pShowtimesShow aside {
    top: 40px;
  }
}

.suggestions p {
  display: inline-block;
}
.suggestions ul {
  display: inline-block;
}
.suggestions ul li {
  display: inline-block;
}
.suggestions ul li a {
  color: #f00;
}
.suggestions ul li a:hover {
  text-decoration: underline;
}

.pPage main .clients ul {
  line-height: 1.5em;
}
@media screen and (min-width: 737px) {
  .pPage main .clients ul {
    font-size: 27px;
  }
}
.pPage main .clients ul, .pPage main .clients li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.pPage main .clients li {
  display: block;
}
@media screen and (min-width: 737px) {
  .pPage main .clients li {
    display: inline-block;
  }
}
@media screen and (min-width: 737px) {
  .pPage main .clients li span, .pPage main .clients li a {
    white-space: nowrap;
  }
}
@media screen and (min-width: 737px) {
  .pPage main .clients li span:after, .pPage main .clients li a:after {
    content: " — ";
  }
}
.pPage main .clients li:last-child span:after, .pPage main .clients li:last-child a:after {
  content: "…";
}
#block-trust {
  margin: 50px 0;
  filter: grayscale(1);
}
.pStudio {
  overflow-y: hidden;
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pStudio .app {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pStudio .app header {
  flex-grow: 0;
  flex-shrink: 0;
}
.pStudio .contentWrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pStudio .contentWrapperIn {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: unset !important;
}
.pStudio main {
  margin: 0;
  height: 100%;
}

#mainSlidesIndex {
  display: flex;
  height: 100%;
}
.studio-slider-images {
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-snap-type: y proximity;
  scroll-behavior: smooth;
  position: relative;
  height: 100%;
  width: 100%;
}
.studio-slider-images .slide {
  scroll-snap-align: start;
  scroll-margin: 0;
}
.studio-slider-images .slide.end {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 27px;
  font-weight: 500;
  text-align: center;
  line-height: 2em;
}
.studio-slider-images .slide.end a {
  color: black;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.studio-slider-images .slide-image {
  display: flex;
  height: 100%;
}
.studio-slider-images .slide-image img {
  object-fit: cover;
}
.studio-slider-images .slide {
  position: relative;
  width: 100%;
  transition: opacity 0.5s ease-in-out;
}
.studio-slider-images .slide.active {
  opacity: 1;
}

.studio-slider-texts {
  margin: 5px 5px 0 20px;
  pointer-events: none;
}
@media screen and (min-width: 737px) {
  .studio-slider-texts {
    margin-left: 30px;
  }
}
.studio-slider-texts .slide-text {
  color: black;
  font-size: 1.5rem;
  font-weight: 500;
  display: none;
}
.studio-slider-texts .slide-text.active {
  display: block;
  animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}