@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-SemiBoldItalic.eot");
  src: local("Hellix SemiBold Italic"), local("Hellix-SemiBoldItalic"), url("../fonts/Hellix-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Hellix-SemiBoldItalic.woff") format("woff"), url("../fonts/Hellix-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-Regular.eot");
  src: local("Hellix Regular"), local("Hellix-Regular"), url("../fonts/Hellix-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-Regular.woff2") format("woff2"), url("../fonts/Hellix-Regular.woff") format("woff"), url("../fonts/Hellix-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-LightItalic.eot");
  src: local("Hellix Light Italic"), local("Hellix-LightItalic"), url("../fonts/Hellix-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-LightItalic.woff2") format("woff2"), url("../fonts/Hellix-LightItalic.woff") format("woff"), url("../fonts/Hellix-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-MediumItalic.eot");
  src: local("Hellix Medium Italic"), local("Hellix-MediumItalic"), url("../fonts/Hellix-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-MediumItalic.woff2") format("woff2"), url("../fonts/Hellix-MediumItalic.woff") format("woff"), url("../fonts/Hellix-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-BlackItalic.eot");
  src: local("Hellix Black Italic"), local("Hellix-BlackItalic"), url("../fonts/Hellix-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-BlackItalic.woff2") format("woff2"), url("../fonts/Hellix-BlackItalic.woff") format("woff"), url("../fonts/Hellix-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-RegularItalic.eot");
  src: local("Hellix Regular Italic"), local("Hellix-RegularItalic"), url("../fonts/Hellix-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-RegularItalic.woff2") format("woff2"), url("../fonts/Hellix-RegularItalic.woff") format("woff"), url("../fonts/Hellix-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-ExtraBoldItalic.eot");
  src: local("Hellix ExtraBold Italic"), local("Hellix-ExtraBoldItalic"), url("../fonts/Hellix-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Hellix-ExtraBoldItalic.woff") format("woff"), url("../fonts/Hellix-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-SemiBold.eot");
  src: local("Hellix SemiBold"), local("Hellix-SemiBold"), url("../fonts/Hellix-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-SemiBold.woff2") format("woff2"), url("../fonts/Hellix-SemiBold.woff") format("woff"), url("../fonts/Hellix-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-BoldItalic.eot");
  src: local("Hellix Bold Italic"), local("Hellix-BoldItalic"), url("../fonts/Hellix-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-BoldItalic.woff2") format("woff2"), url("../fonts/Hellix-BoldItalic.woff") format("woff"), url("../fonts/Hellix-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-Light.eot");
  src: local("Hellix Light"), local("Hellix-Light"), url("../fonts/Hellix-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-Light.woff2") format("woff2"), url("../fonts/Hellix-Light.woff") format("woff"), url("../fonts/Hellix-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-Thin.eot");
  src: local("Hellix Thin"), local("Hellix-Thin"), url("../fonts/Hellix-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-Thin.woff2") format("woff2"), url("../fonts/Hellix-Thin.woff") format("woff"), url("../fonts/Hellix-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-Bold.eot");
  src: local("Hellix Bold"), local("Hellix-Bold"), url("../fonts/Hellix-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-Bold.woff2") format("woff2"), url("../fonts/Hellix-Bold.woff") format("woff"), url("../fonts/Hellix-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-ExtraBold.eot");
  src: local("Hellix ExtraBold"), local("Hellix-ExtraBold"), url("../fonts/Hellix-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-ExtraBold.woff2") format("woff2"), url("../fonts/Hellix-ExtraBold.woff") format("woff"), url("../fonts/Hellix-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-Black.eot");
  src: local("Hellix Black"), local("Hellix-Black"), url("../fonts/Hellix-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-Black.woff2") format("woff2"), url("../fonts/Hellix-Black.woff") format("woff"), url("../fonts/Hellix-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Hellix';
  src: url("../font/Hellix-ThinItalic.eot");
  src: local("Hellix Thin Italic"), local("Hellix-ThinItalic"), url("../font/Hellix-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../font/Hellix-ThinItalic.woff2") format("woff2"), url("../font/Hellix-ThinItalic.woff") format("woff"), url("../font/Hellix-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'Hellix';
  src: url("../fonts/Hellix-Medium.eot");
  src: local("Hellix Medium"), local("Hellix-Medium"), url("../fonts/Hellix-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Hellix-Medium.woff2") format("woff2"), url("../fonts/Hellix-Medium.woff") format("woff"), url("../fonts/Hellix-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?7l0c0m");
  src: url("../fonts/icomoon.eot?7l0c0m#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?7l0c0m") format("truetype"), url("../fonts/icomoon.woff?7l0c0m") format("woff"), url("../fonts/icomoon.svg?7l0c0m#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-back:before {
  content: "\e900"; }

.icon-clock:before {
  content: "\e901"; }

.icon-eye:before {
  content: "\e902";
  color: #fff; }

.icon-filter:before {
  content: "\e903"; }

.icon-heart:before {
  content: "\e904";
  color: #e2deda; }

.icon-pointer:before {
  content: "\e905";
  color: #fff; }

.icon-send:before {
  content: "\e906";
  color: #fff; }

.icon-share:before {
  content: "\e907"; }

.icon-shopping-basket:before {
  content: "\e908"; }

.icon-star:before {
  content: "\e909"; }

.icon-tel:before {
  content: "\e90a";
  color: #fff; }

.icon-timer:before {
  content: "\e90b";
  color: #fff; }

.icon-user:before {
  content: "\e90c"; }

.icon-facebook:before {
  content: "\ea90"; }

.icon-instagram:before {
  content: "\ea92"; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

* {
  box-sizing: border-box; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

.container,
.woocommerce {
  max-width: 1370px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto; }

.woocommerce{
  margin-bottom: 100px;
}
.site-header {
  position: relative;
  margin-bottom: 150px;
  z-index: 2; }
.site-header .container{
  max-width: 97%;
}
  .home .site-header{
    margin-bottom: 0;;
  }
  .logo img,
  .home img.logo-intern{
    display: none;
  }
  img.logo-intern{
    display: block;
  }
  .home img{
    display: block;
  }
  .site-header .logo {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, 0); }

#menuToggle {
  display: none; }

.top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px; }
  .top-header .timer {
    color: #25A333;
    font-size: 13px;
    font-family: 'Hellix';
    font-weight: 500; }
    .top-header .timer span {
      color: #000000;
      margin-right: 5px; }
  .top-header .link-rs {
    display: flex;
    align-items: center; }
    .top-header .link-rs a {
      text-decoration: none;
      width: 25px;
      height: 25px;
      line-height: 20px;
      border-radius: 50%;
      margin-right: 15px;
      background: #000;
      text-align: center;
      border: 1px solid #000;
      transition: all 0.3s; }
      .top-header .link-rs a:last-child{
        margin-right: 0;
      }
      .top-header .link-rs a i {
        color: #fff;
        font-size: 11px; }
      .top-header .link-rs a:hover {
        background: #fff; }
        .top-header .link-rs a:hover i {
          color: #000; }
    .top-header .link-rs span {
      color: #020202;
      font-size: 13px;
      font-family: 'Hellix';
      font-weight: 500;
      padding-right: 15px; }

.menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .menu-header .menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; }
    .menu-header .menu ul li {
      padding-right: 34px; }
      .menu-header .menu ul li a {
        font-family: 'Hellix';
        font-size: 13px;
        font-weight: 500;
        color: #000000;
        text-transform: uppercase;
        text-decoration: none;
        transition: all 0.3s; }
        .menu-header .menu ul li a:hover {
          color: #25A333; }
  .menu-header .login {
    display: flex;
    align-items: center; }
    .menu-header .login .name-client, .menu-header .login .pannier {
      display: flex;
      position: relative; }
      .menu-header .login .name-client a, .menu-header .login .pannier a {
        display: flex;
        align-items: center;
        text-decoration: none; }
      .menu-header .login .name-client span, .menu-header .login .pannier span {
        font-family: 'Hellix';
        font-size: 13px;
        font-weight: 500;
        color: #000000;
        text-transform: uppercase;
        margin-right: 15px; }
      .menu-header .login .name-client i, .menu-header .login .pannier i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: #E2DEDA;
        border-radius: 50%;
        text-align: center;
        font-size: 18px;
        color: #000;
        position: relative; }
      .menu-header .login .name-client .nbr-panier, .menu-header .login .pannier .nbr-panier {
        position: absolute;
        top: -4px;
        right: -4px;
        display: block;
        width: 16px;
        height: 16px;
        color: #fff;
        background: #ED512B;
        border-radius: 50%;
        font-family: 'Hellix';
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        line-height: 16px;
        z-index: 2;
        margin: 0; }
    .menu-header .login .name-client {
      margin-right: 30px; }
      .menu-header .login .name-client span {
        text-decoration: underline; }

.logo-intern {
  display: none; }

.intern .logo img {
  display: none; }
  .intern .logo img.logo-intern {
    display: block; }

.intern .main {
  padding-top: 100px; }

footer.footer {
  background: #000;
  padding: 65px 0; }

footer .content-footer {
  display: flex; }

footer .col-coord {
  width: 25%; }
  footer .col-coord p, footer .col-coord pre {
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    font-family: "Hellix"; }
  footer .col-coord i {
    position: absolute;
    left: -20px;
    top: 0; }

footer .col-menu {
  width: 12.5%; }
  footer .col-menu ul li {
    padding-bottom: 15px; }
    footer .col-menu ul li a {
      color: #fff;
      font-size: 13px;
      line-height: 18px;
      font-weight: 500;
      font-family: "Hellix";
      text-transform: uppercase;
      text-decoration: none;
      transition: all 0.3s; }
      footer .col-menu ul li a:hover {
        color: #ED512B; }

footer .col-logo {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center; }

footer .col-newsletter {
  width: 37%;
  display: flex;
  justify-content: flex-end; }
  footer .col-newsletter .content-col-news {
    max-width: 335px;
    width: 100%; }
  footer .col-newsletter .title-newsletter {
    color: #ED512B;
    font-size: 15px;
    font-weight: 500;
    font-family: "Hellix";
    padding-bottom: 20px; }
  footer .col-newsletter .inner-newsletter {
    padding-bottom: 30px; }
  footer .col-newsletter .bloc-form {
    position: relative;
    border-bottom: 1px solid #707070;
    padding-bottom: 5px; }
    footer .col-newsletter .bloc-form input[type="text"] {
      border: 0;
      background: none;
      color: #E2DEDA;
      font-size: 16px;
      font-weight: normal;
      font-family: "Hellix";
      padding-right: 25px; }
      footer .col-newsletter .bloc-form input[type="text"]::-moz-placeholder {
        color: #E2DEDA; }
      footer .col-newsletter .bloc-form input[type="text"]::placeholder {
        color: #E2DEDA; }
      footer .col-newsletter .bloc-form input[type="text"]:focus {
        outline: none; }
    footer .col-newsletter .bloc-form button {
      width: 21px;
      height: 17px;
      border: none;
      background: none;
      position: absolute;
      right: 0;
      top: 0; }
      footer .col-newsletter .bloc-form button:after {
        font-family: 'icomoon';
        content: "\e906";
        color: #fff;
        font-size: 16px; }
  footer .col-newsletter .copyright {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    font-family: "Hellix";
    display: flex;
  }
  footer .col-newsletter .link-rs {
    display: flex;
    align-items: center;
    padding-bottom: 30px; }
    footer .col-newsletter .link-rs span {
      color: #ED512B;
      font-size: 15px;
      font-weight: 500;
      font-family: "Hellix";
      margin-right: 15px; }
    footer .col-newsletter .link-rs a {
      width: 25px;
      height: 25px;
      line-height: 25px;
      background: #fff;
      border: 1px solid #fff;
      color: #000;
      text-decoration: none;
      border-radius: 50%;
      transition: all 0.3s;
      text-align: center;
      font-size: 13px;
      margin-right: 10px; }
      footer .col-newsletter .link-rs a:hover {
        background: #000;
        color: #fff; }

footer .coord {
  padding-bottom: 25px;
  position: relative; }

footer .tel-commande {
  padding-bottom: 25px;
  position: relative; }
  footer .tel-commande i {
    left: -30px; }

footer .ouvert {
  position: relative; }
  footer .ouvert i {
    left: -30px; }

footer .label-coord {
  color: #ED512B;
  font-size: 15px;
  font-weight: normal;
  font-family: "Hellix"; }

.banner-home {
  min-height: 1115px;
  position: relative;
  z-index: 1;
  margin-top: -35px;
  padding-top: 50px;
  overflow: hidden;
}
  .banner-home .img-banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    overflow: hidden; }
    .banner-home .img-banner .visu-banner{
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: end;
    }
    .banner-home .img-banner.show {
      animation: sliderbanner 0.5s;
      z-index: 2;
    }
    @keyframes sliderbanner {
        0% {
            transform: translate(100%, 0);
        }
        100%{
          transform: translate(0, 0);
        }
     }
  .banner-home .start-02 {
    position: absolute;
    bottom: 0;
    left: 25%;
    z-index: 1;
    font-size: 55px; }
  .banner-home:after {
    content: "";
    width: 100%;
    height: 280px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+99 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 99%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
  .banner-home:before {
    content: "";
    width: 100%;
    height: 280px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    /* IE6-9 */ }
  .banner-home .content-banner {
    max-width: 545px;
    position: relative;
    z-index: 2;
    margin: 75px 0 75px 85px; }
    .banner-home .content-banner .start {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 25px; }
  .banner-home h3 {
    font-size: 30px;
    font-family: "Hellix";
    color: #000;
    font-weight: normal;
    margin: 0 0 20px 0;
    padding-left: 55px; }
  .banner-home h2 {
    font-size: 60px;
    line-height: 68px;
    font-family: "Hellix";
    color: #000;
    font-weight: normal;
    margin: 0 0 20px 0; }
  .banner-home p {
    font-size: 18px;
    line-height: 24px;
    font-family: "Hellix";
    color: #000;
    font-weight: normal;
    margin: 0 0 45px 0;
    max-width: 430px; }

.inner-btn,
.single_add_to_cart_button  {
  background: #E2DEDA;
  font-size: 13px;
  font-family: "Hellix";
  text-transform: uppercase;
  color: #000;
  font-weight: 500;
  padding: 22px 45px;
  text-decoration: none;
  border-radius: 30px;
  display: inline-block;
  transition: all 0.3s; }
  .inner-btn:hover,
  .single_add_to_cart_button:hover {
    background: #000;
    color: #fff; }

.slider-home {
  max-width: 670px;
  width: 100%;
  margin: 0 auto;
  background: #000;
  border-radius: 12px;
  padding-right: 60px;
  position: relative;
  z-index: 3;
}
  .slider-home .items-slider {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 0px 4px 1px rgba(0, 0, 0, 0.1); }
  .slider-home .item {
    padding: 10px;
    display: flex;
    align-items: center; }
  .slider-home .visu-item {
    display: flex;
    width: 147px;
    height: 147px;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
    position: relative; }
    .slider-home .visu-item img {
      display: block;
      height: auto;
      width: 100%; }
    .slider-home .visu-item a {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 80px;
      height: 80px;
      background: #ED512B;
      border: 1px solid #ED512B;
      border-radius: 50%;
      color: #fff;
      font-size: 14px;
      font-family: "Hellix";
      font-weight: normal;
      text-decoration: none;
      transition: all 0.3s; }
      .slider-home .visu-item a:hover {
        color: #ED512B;
        background: #fff; }
        .slider-home .visu-item a:hover span:before {
          color: #ED512B; }
  .slider-home .infos-item {
    display: flex;
    flex-direction: column; }
    .slider-home .infos-item h4 {
      font-size: 24px;
      font-family: "Hellix";
      font-weight: normal;
      color: #000;
      margin-bottom: 10px; }
    .slider-home .infos-item .cat-slider {
      display: flex;
      font-size: 16px;
      font-family: "Hellix";
      color: #969696;
      font-weight: normal;
      margin-bottom: 20px;
      align-items: center; }
      .slider-home .infos-item .cat-slider span {
        border: 1px solid #E2DEDA;
        border-radius: 20px;
        font-size: 11px;
        font-family: "Hellix";
        font-weight: normal;
        text-transform: uppercase;
        color: #000;
        margin-right: 10px;
        padding: 5px 10px; }
    .slider-home .infos-item p {
      display: flex;
      font-size: 16px;
      line-height: 20px;
      font-family: "Hellix";
      color: #969696;
      font-weight: normal;
      max-width: 300px;
      margin-bottom: 0; }
  .slider-home .price-slider {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    font-size: 30px;
    font-family: "Hellix";
    color: #000;
    align-items: flex-end; }
    .slider-home .price-slider span {
      font-size: 16px;
      padding-bottom: 3px;
      padding-left: 5px;
    }

.wraper-progress-bar {
  width: 114px;
  overflow: hidden;
  position: absolute;
  top: 45px;
  right: -25px;
  margin: 20px auto;
  background: #000;
  overflow: hidden;
  transform: rotate(90deg); }

.swiper-progress-bar {
  width: 150px;
  height: 14px; }
  .swiper-progress-bar .progress {
    height: 14px;
    left: 0;
    top: 0;
    position: relative;
    z-index: 3;
    overflow: hidden;
    width: 0;
    pointer-events: none; }
    .swiper-progress-bar .progress span {
      width: 50px;
      height: 1px;
      position: absolute;
      background: #ED512B;
      border-left: 16px solid #000;
      border-right: 4px solid #000;
      left: 50px;
      top: 50%;
      transform: translate(0, -50%); }
      .swiper-progress-bar .progress span:before {
        content: "";
        display: block;
        width: 11px;
        height: 11px;
        background: #fff;
        border: 1px solid #fff;
        border-radius: 50%;
        position: absolute;
        left: -16px;
        top: 50%;
        transform: translate(0, -50%); }
      .swiper-progress-bar .progress span:first-child {
        left: 0; }
      .swiper-progress-bar .progress span:last-child {
        left: 100px; }
  .swiper-progress-bar .progress-sections {
    height: 14px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 2;
    width: 150px; }
    .swiper-progress-bar .progress-sections span {
      width: 50px;
      height: 1px;
      position: absolute;
      background: #808080;
      border-left: 16px solid #000;
      border-right: 4px solid #000;
      left: 50px;
      top: 50%;
      transform: translate(0, -50%);
      cursor: pointer; }
      .swiper-progress-bar .progress-sections span:before {
        content: "";
        display: block;
        width: 11px;
        height: 11px;
        background: #000;
        border: 1px solid #fff;
        border-radius: 50%;
        position: absolute;
        left: -16px;
        top: 50%;
        transform: translate(0, -50%); }
      .swiper-progress-bar .progress-sections span:first-child {
        left: 0; }
      .swiper-progress-bar .progress-sections span:last-child {
        left: 100px; }

.swiper-counter {
  width: 600px;
  margin: 0 auto;
  display: none; }

.inner-product {
  padding-bottom: 140px; }
  .inner-product .more-product {
    text-align: center; }
    .inner-product .more-product a {
      color: #000;
      font-size: 20px;
      font-family: "Hellix";
      font-weight: 500;
      text-decoration: none;
      text-align: center;
      padding-bottom: 10px;
      text-transform: uppercase;
      border-bottom: 1px solid #E2DEDA; }

.intro-product {
  text-align: center;
  padding-bottom: 50px;
  position: relative;
  padding-top: 10px; }
  .intro-product .start-03 {
    position: absolute;
    right: 150px;
    top: 120px;
    font-size: 25px; }
  .intro-product h6 {
    color: #ED512B;
    font-size: 13px;
    font-family: "Hellix";
    font-weight: 500;
    margin-bottom: 45px;
    text-transform: uppercase; }
  .intro-product h2 {
    color: #000000;
    font-size: 80px;
    font-family: "Hellix";
    font-weight: normal;
    max-width: 750px;
    margin: 0 auto 40px auto; }
  .intro-product p {
    color: #969696;
    font-size: 18px;
    line-height: 24px;
    font-family: "Hellix";
    font-weight: normal;
    max-width: 1025px;
    margin: 0 auto; }

.filtre-product {
  padding-bottom: 20px;
  position: relative; }
  .filtre-product .img-dec-01 {
    position: absolute;
    bottom: -230px;
    left: 90px; }
  .filtre-product .filtre {
    margin-bottom: 65px; }
    .filtre-product .filtre .filters {
      display: flex;
      justify-content: center;
      align-items: center; }
      .filtre-product .filtre .filters button {
        border: 1px solid #E2DEDA;
        height: 40px;
        border-radius: 22px;
        padding: 0 28px;
        background: #fff;
        color: #000;
        font-size: 13px;
        font-family: "Hellix";
        font-weight: 500;
        text-transform: uppercase;
        margin: 0 12px;
        cursor: pointer;
        transition: all 0.4s; }
        .filtre-product .filtre .filters button.is-checked, .filtre-product .filtre .filters button:hover {
          background: #E2DEDA; }
      .filtre-product .filtre .filters .btn-filter {
        background: #000;
        height: 60px;
        border-radius: 31px;
        padding: 0 30px;
        color: #fff;
        text-decoration: none;
        font-size: 13px;
        font-family: "Hellix";
        font-weight: 5000;
        text-transform: uppercase;
        display: flex;
        align-items: center; }
        .filtre-product .filtre .filters .btn-filter span {
          margin-left: 20px; }
  .filtre-product .products {
    margin-right: -25px;
    margin-left: -25px;
    display: flex;
    flex-wrap: wrap; }
    .filtre-product .products .product {
      width: 33.33%;
      min-height: 200px;
      padding-left: 25px;
      padding-right: 25px;
      padding-bottom: 65px; }
    .filtre-product .products .content-product {
      padding: 10px;
      border-radius: 20px;
      box-shadow: 1px 0px 4px 1px rgba(0, 0, 0, 0.16); }
      .infos-product a{ text-decoration: none;}
      .filtre-product .products .content-product .visu-product img {
        display: block;
        border-radius: 10px;
        height: auto;
        width: 100%; }
      .filtre-product .products .content-product .infos-product {
        padding: 35px 30px 15px 30px; }
        .woocommerce-LoopProduct-link .price{
          display: none;
        }
        .filtre-product .products .content-product .infos-product h4,
        .woocommerce-loop-product__title {
          color: #000;
          font-size: 24px;
          line-height: 28px;
          font-family: "Hellix";
          font-weight: normal; }
        .filtre-product .products .content-product .infos-product p {
          color: #969696;
          font-size: 16px;
          line-height: 25px;
          font-family: "Hellix";
          font-weight: normal;
          padding-bottom: 20px; }
      .filtre-product .products .content-product .price-product,
      .woocommerce-variation-price {
        margin: 30px 0;
        height: 1px;
        width: 100%;
        background: #E2DEDA;
        position: relative; }
        .filtre-product .products .content-product .price-product > div,
        .woocommerce-variation-price > span,
        .woocommerce-variation-price  span bdi {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: #fff;
          padding: 5px 40px;
          display: flex;
          align-items: flex-end;
          color: #000;
          font-size: 30px;
          font-family: "Hellix";
          font-weight: normal; }
          .filtre-product .products .content-product .price-product > div span,
          .woocommerce-variation-price  span bdi span {
            font-size: 16px;
            margin-left: 5px;
            padding-bottom: 3px;
          }
      .filtre-product .products .content-product .action-product {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .filtre-product .products .content-product .action-product .number {
          display: flex;
          align-items: flex-end; }
          .filtre-product .products .content-product .action-product .number .inner-action {
            width: 40px;
            height: 40px;
            line-height: 40px;
            border: 1px solid #E2DEDA;
            border-radius: 50%;
            text-align: center;
            margin-right: 10px;
            cursor: pointer; }
          .filtre-product .products .content-product .action-product .number .value-number {
            display: flex;
            align-items: flex-end;
            color: #000;
            font-size: 24px;
            font-family: "Hellix";
            font-weight: normal;
            padding-bottom: 8px;
          }
            .filtre-product .products .content-product .action-product .number .value-number span {
              font-size: 16px;
              margin-right: 5px; }
        .filtre-product .products .content-product .action-product .add-action button,
        .single_add_to_cart_button
         {
          color: #000;
          font-size: 13px;
          font-family: "Hellix";
          font-weight: 500;
          width: 185px;
          border: 0;
          height: 40px;
          padding: 0;
          background: #E2DEDA;
          border: 0;
          text-transform: uppercase;
          transition: all 0.3s;
          cursor: pointer; }
          .filtre-product .products .content-product .action-product .add-action button:hover,
          .single_add_to_cart_button:hover {
            background: #000;
            color: #fff; }

.numbre-result {
  color: #000;
  font-size: 16px;
  font-family: "Hellix";
  font-weight: 500;
  padding-bottom: 65px;
  text-transform: uppercase;
  margin: 0 auto;
  max-width: 920px; }
  .numbre-result span {
    color: #ED512B; }

/* The container must be positioned relative: */
.custom-select {
  position: relative;
  font-family: Arial;
  border: 0 !important;
}

.custom-select select {
  display: none;
  /*hide original SELECT element: */ }

.select-selected {
  background-color: #fff;
  border: 1px solid #E2DEDA;
  border-radius: 21px;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 30px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(135deg);
  transform-origin: center center; }

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  transform: rotate(-45deg); }

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
  color: #000;
  font-size: 14px;
  font-family: "Hellix";
  font-weight: 500;
  padding: 12px 30px;
  position: relative;
  cursor: pointer; }

/* Style items (options): */
.select-items {
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 15px;
  padding: 10px 0;
  top: calc(100% + 20px);
  left: 0;
  right: 0;
  z-index: 99;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none; }

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1); }

.popup-detail-produit {
  position: fixed;
  z-index: 99;
  background: #fff;
  top: 0;
  right: -1055px;
  max-width: 1055px;
  width: 100%;
  height: 100%;
  overflow: auto;
  transition: all 0.5s; }
  .popup-detail-produit.show {
    right: 0; }

.intro-detail {
  max-width: 875px;
  margin: 0 auto; }

.head-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 875px;
  margin: 30px auto 85px auto;
  position: relative; }
  .head-detail .link-back {
    position: absolute;
    top: -5px;
    left: -60px;
    width: 15px;
    height: 15px; }
  .head-detail .crumbread ul {
    display: flex; }
    .head-detail .crumbread ul li {
      color: #ED512B;
      font-size: 14px;
      font-family: "Hellix";
      font-weight: normal;
      padding-right: 15px; }
      .head-detail .crumbread ul li a {
        color: #969696;
        text-decoration: none;
        position: relative; }
        .head-detail .crumbread ul li a:after {
          content: "";
          display: block;
          position: absolute;
          right: -9px;
          top: 50%;
          transform: translate(0, -50%);
          width: 4px;
          height: 4px;
          background: #969696;
          border-radius: 50%; }
  .head-detail .partage-produit {
    color: #969696;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: "Hellix";
    font-weight: normal; }
    .head-detail .partage-produit span {
      color: #000;
      margin-left: 15px; }

.body-detail h2 {
  color: #000;
  font-size: 50px;
  font-family: "Hellix";
  font-weight: normal;
  padding-bottom: 10px;
}

.body-detail .cat-detail {
  display: flex;
  font-size: 18px;
  font-family: "Hellix";
  color: #000;
  font-weight: normal;
  margin-bottom: 45px;
  align-items: center; }
  .body-detail .cat-detail span {
    border: 1px solid #ED512B;
    border-radius: 20px;
    font-size: 11px;
    font-family: "Hellix";
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
    margin-right: 10px;
    padding: 5px 20px; }

.body-detail .slide-detail {
  overflow: hidden; }
  .body-detail .slide-detail .swiper-slide {
    width: auto; }

.body-detail .apropos {
  display: flex;
  max-width: 875px;
  margin: 0 auto;
  padding: 40px 0; }

.body-detail .desc-apropo {
  padding-right: 40px;
  padding-top: 30px; }
  .body-detail .desc-apropo h5 {
    margin-bottom: 30px;
    color: #000;
    font-size: 16px;
    font-family: "Hellix";
    font-weight: normal; }
  .body-detail .desc-apropo p {
    margin-bottom: 30px;
    color: #000;
    font-size: 18px;
    line-height: 22px;
    font-family: "Hellix";
    font-weight: normal; }

.body-detail .sup {
  padding: 60px 30px 30px 30px;
  border-radius: 20px;
  box-shadow: 1px 0px 4px 1px rgba(0, 0, 0, 0.16);
  min-width: 320px; }
  .body-detail .sup table{
    width: 100%;
  }
  .body-detail .sup .title-sup {
    color: #000;
    font-size: 16px;
    font-family: "Hellix";
    font-weight: 500;
    padding-bottom: 20px; }
  .body-detail .sup .row-sup {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px; }
    .body-detail .price-sup {
      font-size: 15px;
      color: #000;
      float: right;
      font-family: "Hellix";
      font-weight: 500; }
  .body-detail .sup .price-product {
    margin: 30px 0;
    height: 1px;
    width: 100%;
    background: #E2DEDA;
    position: relative; }
    .body-detail .sup .price-product > div {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fff;
      padding: 5px 40px;
      display: flex;
      align-items: flex-end;
      color: #000;
      font-size: 30px;
      font-family: "Hellix";
      font-weight: normal; }
      .body-detail .sup .price-product > div span {
        font-size: 16px;
        margin-left: 5px; }
  .body-detail .sup .action-product {
    display: flex;
    flex-direction: column; }
    .body-detail .sup .action-product .number {
      display: flex;
      align-items: flex-end;
      margin-bottom: 20px; }
      .body-detail .sup .action-product .number .inner-action {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #E2DEDA;
        border-radius: 50%;
        text-align: center;
        margin-right: 10px;
        cursor: pointer; }
      .body-detail .sup .action-product .number .value-number {
        display: flex;
        align-items: flex-end;
        color: #000;
        font-size: 24px;
        font-family: "Hellix";
        font-weight: normal;
        padding-bottom: 6px;
      }
        .body-detail .sup .action-product .number .value-number span {
          font-size: 16px;
          margin-right: 5px; }
    .body-detail .sup .action-product .add-action button {
      color: #fff;
      font-size: 13px;
      font-family: "Hellix";
      font-weight: 500;
      width: 185px;
      height: 40px;
      padding: 0;
      background: #000;
      border: 0;
      text-transform: uppercase;
      transition: all 0.3s;
      cursor: pointer;
      width: 100%; }
      .body-detail .sup .action-product .add-action button:hover {
        background: #E2DEDA;
        color: #000; }

.body-detail .suggesion {
  background: #F8F8F7;
  padding: 80px 0; }
  .body-detail .suggesion h3 {
    color: #000;
    font-size: 40px;
    font-family: "Hellix";
    font-weight: normal;
    max-width: 885px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto 30px auto; }
  .body-detail .suggesion .list-suggesion {
    max-width: 885px;
    width: 100%;
    display: flex;
    margin: 0 auto; }
    .body-detail .suggesion .list-suggesion .item-suggesion {
      width: 33.33%;
      padding: 0 15px; }
    .body-detail .suggesion .list-suggesion .content-item-suggesion {
      background: #fff;
      padding: 6px 6px 30px 6px;
      border-radius: 20px;
      box-shadow: 1px 0px 4px 1px rgba(0, 0, 0, 0.16);
      display: block;
      text-decoration: none; }
      .body-detail .suggesion .list-suggesion .content-item-suggesion img {
        width: 100%;
        height: auto;
        display: block; }
      .body-detail .suggesion .list-suggesion .content-item-suggesion .desc {
        color: #000;
        font-size: 20px;
        font-family: "Hellix";
        font-weight: normal;
        padding: 20px 20px 10px 20px; }
      .body-detail .suggesion .list-suggesion .content-item-suggesion .price-product {
        margin: 30px 0;
        height: 1px;
        width: 100%;
        background: #E2DEDA;
        position: relative; }
        .body-detail .suggesion .list-suggesion .content-item-suggesion .price-product > div {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: #fff;
          padding: 5px 40px;
          display: flex;
          align-items: flex-end;
          color: #000;
          font-size: 22px;
          font-family: "Hellix";
          font-weight: normal; }
          .body-detail .suggesion .list-suggesion .content-item-suggesion .price-product > div span {
            font-size: 14px;
            margin-left: 5px;
            padding-bottom: 1px;
          }

.form-group input,.value label input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer; }

.form-group label,.value label {
  position: relative;
  cursor: pointer;
  color: #838383;
  font-size: 14px;
  font-family: "Hellix";
  font-weight: normal;
  display: flex;
  align-items: center;
  align-items: flex-start;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  padding-left: 30px;
}
.value label {
  margin: 9px 0;
}
.form-group label:before,.value label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #E2DEDA;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 15px;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  position: absolute;
  top: -3px;
  left: 0;
}

  .value label.active:after{
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: 7px;
    width: 4px;
    height: 11px;
    border: solid #ED512B;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

.form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 7px;
  width: 4px;
  height: 11px;
  border: solid #ED512B;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.services {
  background: #E2DEDA;
  padding: 55px 0; }

.content-services {
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .content-services .img-dec-02 {
    position: absolute;
    top: -20px;
    right: 370px; }
  .content-services .item-service {
    width: 33.33%;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 0 35px; }
  .content-services .visu-service {
    padding: 0 45px; }
    .content-services .visu-service img {
      display: block;
      width: 100%; }
  .content-services .infos-service {
    padding: 0 55px; }
    .content-services .infos-service h3 {
      font-size: 25px;
      font-family: "Hellix";
      color: #000;
      font-weight: normal;
      margin-bottom: 25px; }
    .content-services .infos-service p {
      font-size: 15px;
      line-height: 18px;
      font-family: "Hellix";
      color: #000;
      font-weight: normal; }

.engagement {
  padding: 120px 0 75px 0; }

.content-engagement {
  display: flex;
  align-items: center;
  position: relative; }
  .content-engagement .img-dec-03 {
    position: absolute;
    right: 80px;
    top: -50px; }
  .content-engagement .start-04 {
    position: absolute;
    right: 65px;
    bottom: -10px;
    font-size: 35px; }
  .content-engagement .visu-engagement {
    width: 50%;
    text-align: center;
    padding-right: 80px;
  }
    .content-engagement .visu-engagement img {
      width: 100%;
      display: block; }
  .content-engagement .infos-engagement {
    width: 50%;
    padding: 0 65px; }
    .content-engagement .infos-engagement h2 {
      font-size: 80px;
      font-family: "Hellix";
      font-weight: normal;
      margin-bottom: 20px; }
    .content-engagement .infos-engagement p {
      color: #969696;
      font-size: 18px;
      line-height: 24px;
      font-family: "Hellix";
      font-weight: normal;
      margin-bottom: 40px; }
    .content-engagement .infos-engagement a {
      display: inline-block;
      color: #fff;
      font-size: 13px;
      line-height: 24px;
      font-family: "Hellix";
      font-weight: 500;
      text-transform: uppercase;
      background: #000;
      border: 1px solid #000;
      padding: 15px 80px;
      border-radius: 31px;
      transition: all 0.3s;
      text-decoration: none; }
      .content-engagement .infos-engagement a:hover {
        background: #fff;
        color: #000; }

.actualites {
  padding: 30px 0 145px 0;
  overflow: hidden; }
  .actualites .swiper-wrapper{
    cursor: grab;
  }
  .actualites h2 {
    font-size: 80px;
    font-family: "Hellix";
    font-weight: normal;
    margin-bottom: 40px; }
  .actualites .actus {
    position: relative; }
    .actualites .actus .control-actus {
      position: absolute;
      top: -100px;
      right: 0;
      width: 120px;
      height: 50px; }
      .actualites .actus .control-actus .swiper-button-next, .actualites .actus .control-actus .swiper-button-prev {
        width: 50px;
        height: 50px;
        background: #000;
        border: 1px solid #000;
        border-radius: 26px;
        opacity: 1;
        z-index: 9; }
        .actualites .actus .control-actus .swiper-button-next:after, .actualites .actus .control-actus .swiper-button-prev:after {
          font-size: 16px;
          color: #fff; }
        .actualites .actus .control-actus .swiper-button-next:hover, .actualites .actus .control-actus .swiper-button-prev:hover {
          background: #fff;
          color: #fff; }
          .actualites .actus .control-actus .swiper-button-next:hover:after, .actualites .actus .control-actus .swiper-button-prev:hover:after {
            color: #000; }
      .actualites .actus .control-actus .swiper-button-next {
        right: 0; }
      .actualites .actus .control-actus .swiper-button-prev {
        left: 0; }
  .actualites a {
    text-decoration: none;
    transition: all 0.3s; }
    .actualites a:hover .desc-actus {
      color: #ED512B; }
  .actualites .item-actus {
    width: 413px;
    margin-right: 32px;
    padding: 10px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    box-shadow: -1px 0px 5px 1px #dcdcdc;
    -webkit-box-shadow: -1px 0px 5px 1px #dcdcdc;
    -moz-box-shadow: -1px 0px 5px 1px #dcdcdc; }
    .actualites .item-actus .date-actu {
      background: #F8F8F7;
      border-radius: 10px;
      margin-right: 10px;
      display: flex;
      flex-direction: column;
      padding-left: 20px;
      justify-content: center;
      min-width: 172px; }
      .actualites .item-actus .date-actu .date {
        font-family: "Hellix";
        font-weight: normal;
        color: #8B8B8B;
        font-size: 16px;
        margin-bottom: 20px; }
        .actualites .item-actus .date-actu .date span {
          display: block;
          color: #000;
          font-family: "Hellix";
          font-weight: normal;
          font-size: 13px;
          text-transform: uppercase; }
      .actualites .item-actus .date-actu .cat-actu {
        color: #000;
        font-family: "Hellix";
        font-weight: normal;
        font-size: 16px; }
    .actualites .item-actus .date-visu {
      display: flex;
      overflow: hidden; }
    .actualites .item-actus .visu-actu {
      border-radius: 10px; }
      .actualites .item-actus .visu-actu img {
        display: block;
        width: 100%; }
    .actualites .item-actus .desc-actus {
      color: #000;
      font-size: 24px;
      line-height: 28px;
      padding: 20px;
      font-family: "Hellix";
      font-weight: normal; }

.popup-panier {
  position: fixed;
  top: 0;
  right: -405px;
  height: 100%;
  max-width: 405px;
  width: 100%;
  background: #fff;
  overflow: auto;
  padding-top: 65px;
  z-index: 99;
  transition: all 0.5s; }
  .popup-panier.show {
    right: 0; }

.products-add {
  max-width: 265px;
  margin: 0 auto;
  padding-bottom: 40px; }
  .products-add h2 {
    font-size: 30PX;
    color: #000;
    font-family: "Hellix";
    font-weight: normal;
    padding-bottom: 20px;
    position: relative;
    padding-left: 40px; }
    .products-add h2 .ico-dec-01 {
      position: absolute;
      top: -5px;
      left: 0;
      font-size: 25px; }
    .products-add h2 .ico-dec-02 {
      position: absolute;
      top: -40px;
      left: -40px;
      font-size: 18px; }
  .products-add .msg-info {
    color: #ED512B;
    font-size: 16px;
    font-family: "Hellix";
    font-weight: 500; }
  .products-add .product-add {
    box-shadow: 1px 0px 4px 1px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    padding: 6px; }
    .products-add .product-add:first-child {
      margin-top: 30px; }
    .products-add .product-add img {
      border-radius: 10px;
      display: block;
      width: 100%; }
    .products-add .product-add .desc {
      font-size: 20px;
      padding: 20px 35px;
      color: #000;
      font-family: "Hellix";
      font-weight: normal; }
    .products-add .product-add .list-sup {
      padding: 0 35px 20px 35px; }
    .products-add .product-add .custom-select {
      margin: 0 35px 20px 35px; }
    .products-add .product-add .action-product {
      margin: 0 35px 20px 35px; }
      .products-add .product-add .action-product .number {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 20px; }
        .products-add .product-add .action-product .number .inner-action {
          width: 40px;
          height: 40px;
          line-height: 40px;
          border: 1px solid #E2DEDA;
          border-radius: 50%;
          text-align: center;
          margin-right: 10px;
          cursor: pointer; }
        .products-add .product-add .action-product .number .value-number {
          display: flex;
          align-items: flex-end;
          color: #000;
          font-size: 24px;
          font-family: "Hellix";
          font-weight: normal; }
          .products-add .product-add .action-product .number .value-number span {
            font-size: 16px;
            margin-right: 5px; }
    .products-add .product-add .price-product {
      margin: 30px 35px;
      height: 1px;
      background: #E2DEDA;
      position: relative; }
      .products-add .product-add .price-product > div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        padding: 5px 20px;
        display: flex;
        align-items: flex-end;
        color: #000;
        font-size: 22px;
        font-family: "Hellix";
        font-weight: normal; }
        .products-add .product-add .price-product > div span {
          font-size: 14px;
          margin-left: 5px; }

.suggestion {
  background: #F8F8F7;
  padding: 40px 0 80px 0;
  overflow: hidden; }
  .suggestion h3 {
    color: #000;
    font-size: 30px;
    font-family: "Hellix";
    font-weight: normal;
    max-width: 265px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px; }
  .suggestion .slide-suggestion {
    max-width: 265px;
    width: 100%;
    margin: 0 auto;
    position: relative; }
    .suggestion .slide-suggestion .item-suggestion {
      width: 251px; }
      .suggestion .slide-suggestion .item-suggestion img {
        border-radius: 10px;
        display: block;
        width: 100%; }
      .suggestion .slide-suggestion .item-suggestion .desc {
        color: #000;
        font-size: 20px;
        line-height: 24px;
        padding: 20px;
        font-family: "Hellix";
        font-weight: normal; }
      .suggestion .slide-suggestion .item-suggestion .price-product {
        margin: 30px 35px;
        height: 1px;
        background: #E2DEDA;
        position: relative; }
        .suggestion .slide-suggestion .item-suggestion .price-product > div {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: #F8F8F7;
          padding: 5px 20px;
          display: flex;
          align-items: flex-end;
          color: #000;
          font-size: 22px;
          font-family: "Hellix";
          font-weight: normal; }
          .suggestion .slide-suggestion .item-suggestion .price-product > div span {
            font-size: 14px;
            margin-left: 5px; }
      .suggestion .slide-suggestion .item-suggestion button {
        max-width: 205px;
        height: 40px;
        border-radius: 22px;
        background: #E2DEDA;
        border: 0;
        color: #000;
        font-size: 13px;
        font-family: "Hellix";
        font-weight: 500;
        transition: all 0.3s;
        text-transform: uppercase;
        width: 100%;
        margin: 0 auto;
        display: block; }
        .suggestion .slide-suggestion .item-suggestion button:hover {
          background: #000;
          color: #fff; }
  .suggestion .swiper-button-next, .suggestion .swiper-button-prev {
    background: #fff;
    width: 40px;
    height: 40px;
    border: 1px solid #E2DEDA;
    color: #000;
    border-radius: 50%; }
    .suggestion .swiper-button-next:after, .suggestion .swiper-button-prev:after {
      font-size: 16px; }
  .suggestion .swiper-button-next {
    right: -40px; }
  .suggestion .swiper-button-prev {
    left: -40px; }

.regelement {
  padding-top: 55px; }
  .regelement .cart-type {
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color: #969696;
    font-size: 16px;
    font-family: "Hellix";
    font-weight: 500; }
    .regelement .cart-type img {
      margin-right: 5px; }

/* Customize the label (the container) */
.radio-bow {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  cursor: pointer;
  color: #969696;
  font-size: 16px;
  font-family: "Hellix";
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

/* Hide the browser's default radio button */
.radio-bow input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: -4px;
  left: 0;
  height: 25px;
  width: 25px;
  background: none;
  border-radius: 50%;
  border: 1px solid #E2DEDA; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the indicator (dot/circle) when checked */
.radio-bow input:checked ~ .checkmark:after {
  display: block; }

/* Style the indicator (dot/circle) */
.radio-bow .checkmark:after {
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000; }

.full-mask {
  z-index: 9;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  transition: all 0.5s; }
  .full-mask.show {
    background: rgba(0, 0, 0, 0.25);
    display: block; }

.btn-close {
  background: url(../img/ico-close.svg) no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 15px;
  right: 14px;
  display: block;
  cursor: pointer; }

@media only screen and (max-width: 1320px) {
  .filtre-product .products .content-product .action-product {
    flex-direction: column; }
    .filtre-product .products .content-product .action-product .number {
      margin-bottom: 15px; } }

@media only screen and (max-width: 1024px) {
  .filtre-product .filtre .filters {
    flex-wrap: wrap; }
    .filtre-product .filtre .filters button {
      margin-top: 5px;
      margin-bottom: 5px; }
  .content-engagement .infos-engagement h2 {
    font-size: 40px; } }

@media only screen and (max-width: 960px) {
  .filtre-product .products .product {
    width: 50%; }
  .content-services {
    justify-content: center; }
    .content-services .item-service {
      width: 50%; }
  .content-engagement {
    flex-direction: column; }
    .content-engagement .infos-engagement, .content-engagement .visu-engagement {
      width: 100%;
      padding-right: 0;
    }
  footer .content-footer {
    flex-direction: column;
    text-align: center;
    align-items: center; }
    footer .content-footer > div {
      padding-bottom: 20px; }
    footer .content-footer .col-newsletter {
      text-align: left; }
  #menuToggle {
    display: block;
    position: absolute;
    right: 10px;
    top: 0; }
  .menu-header {
    position: relative; }
    .menu-header .menu {
      display: none; }
  #menuToggle {
    display: block;
    position: relative;
    top: 0px;
    left: 10px;
    z-index: 99;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none; }
  #menuToggle li {
    text-align: center; }
  #menuToggle a {
    text-decoration: none;
    color: #000;
    transition: color 0.3s ease;
    font-size: 24px;
    font-family: "Hellix";
    font-weight: normal;
    text-transform: uppercase; }
  #menuToggle a:hover {
    color: #ccc; }
  #menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    /* hide this */
    z-index: 2;
    /* and place it over the hamburger */
    -webkit-touch-callout: none; }
  /*
 * Just a quick hamburger
 */
  #menuToggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
  #menuToggle span:first-child {
    transform-origin: 0% 0%; }
  #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%; }
  /*
    * Transform all the slices of hamburger
    * into a crossmark.
    */
  #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323; }
  /*
    * But let's hide the middle one.
    */
  #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2); }
  /*
    * Ohyeah and the last one should go the other direction
    */
  #menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px); }
  /*
    * Make this absolute positioned
    * at the top left of the screen
    */
  #menu {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    padding: 50px;
    padding-top: 125px;
    height: 100%;
    background: #fff;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }
    #menu .menu{
      display: block;
    }
  #menu li {
    padding: 10px 0;
    font-size: 22px; }
  /*
    * And let's slide it in from the left
    */
  #menuToggle input:checked ~ #menu {
    transform: none; } }

@media only screen and (max-width: 1060px) {
  .head-detail {
    padding: 0 50px; }
    .head-detail .link-back {
      left: 15px; }
  .body-detail .slide-detail .swiper-slide img {
    height: 350px;
    width: auto; }
  .intro-detail {
    padding: 0 20px; }
  .body-detail .apropos {
    padding: 20px;
    flex-direction: column; }
  .body-detail .suggesion .list-suggesion {
    flex-wrap: wrap; }
    .body-detail .suggesion .list-suggesion .item-suggesion {
      width: 50%;
      margin-bottom: 20px; } }

@media only screen and (max-width: 768px) {
  .site-header .logo {
    top: 45px; }
  .top-header {
    padding-bottom: 85px; }
  .banner-home .content-banner {
    margin: 30px 0; }
    .inner-product{
      overflow: hidden;
    }
    .filtre-product .products .content-product .infos-product p{
      line-height: 19px;
    }
    .filtre-product .products .product{
      padding-bottom: 25px !important;
    }
    .content-services .infos-service h3{
      margin-bottom: 10px;
    }
    .content-engagement .infos-engagement{
      padding: 0 15px;
    }
    .services{
      padding: 25px 0;
    }
    .engagement{
      padding: 60px 0;
    }
  }

@media only screen and (max-width: 600px) {
  .filtre-product .products .product {
    width: 100%; }
  .slider-home .infos-item {
    display: none; }
  .intro-product h2 {
    font-size: 40px; }
  .banner-home h2 {
    font-size: 35px;
    line-height: 35px;
  }
  .content-services .item-service {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }
    .actualites{
      padding-bottom: 30px;
    }
  .actualites h2 {
    font-size: 40px; }
  footer .col-menu, footer .col-coord, footer .col-newsletter {
    width: 100%;
    max-width: 200px; }
    .actualites .actus .control-actus{
      top: -85px;
    }
    .actualites .item-actus{
      width: 360px;
    }
    .actualites .item-actus .desc-actus{
      font-size: 20px;
    line-height: 21px;
    }
  }



    .a-propos .intro-section {
      max-width: 1105px; }

    .content-propo {
      padding-bottom: 100px; }
      .content-propo .desc-visu {
        display: flex;
        align-items: center;
        margin-bottom: 65px; }
        .content-propo .desc-visu .visu-propos {
          width: 50%;
          padding-left: 75px; }
          .content-propo .desc-visu .visu-propos img {
            display: block;
            width: 100%; }
        .content-propo .desc-visu .legend-propos {
          width: 50%;
          padding-left: 75px;
          padding-right: 75px;
          line-height: 20px;
          font-size: 14px;
        }
      .content-propo .text-propos {
        max-width: 1075px;
        padding-left: 402px; }
        .content-propo .text-propos p {
          font-size: 18px;
          color: #272727;
          line-height: 35px;
          padding-bottom: 20px; }

    .chiffres {
      padding-bottom: 135px; }
      .chiffres .intro-section h2 {
        padding-bottom: 15px; }

    .content-chiffres {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .content-chiffres .item-chiffre {
        width: 268px;
        height: 268px;
        border-radius: 50%;
        background: #ED512B;
        margin: 10px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 33px; }
        .content-chiffres .item-chiffre .chiffre {
          font-size: 50px;
          color: #fff;
          font-weight: 500;
          padding-top: 15px;
          padding-bottom: 15px; }
        .content-chiffres .item-chiffre .desc-chiffre {
          font-size: 20px;
          line-height: 24px;
          color: #fff;
          font-weight: 500;
          text-align: center; }
          .content-chiffres .item-chiffre .desc-chiffre span {
            display: block; }

      .gouvernance .intro-section {
        padding-bottom: 168px; }

        .intro-section {
          padding-left: 400px;
          padding-bottom: 40px; }
          .intro-section h2 {
            font-size: 60px;
            font-weight: 500;
            color: #000;
            padding-bottom: 50px; }
          .intro-section p {
            font-size: 18px;
            line-height: 30px;
            font-weight: 400;
            color: #000;
            padding-bottom: 15px; }

          div{
            font-family: 'Hellix';
          }

          .page-header{
            display: none;
          }


.actu-media-detail {
  max-width: 1072px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px; }
  .actu-media-detail .back-link {
    text-align: center;
    padding-bottom: 70px; }
    .actu-media-detail .back-link a {
      color: #272727;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Hellix';
    }
      .actu-media-detail .back-link a:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 3.5px 0 3.5px;
        border-color: #ED512B transparent transparent transparent;
        transform: rotate(90deg);
        margin-right: 20px; }
  .actu-media-detail h2 {
    font-size: 50px;
    line-height: 60px;
    color: #ED512B;
    font-weight: 500;
    text-align: center;
    padding-bottom: 25px; }
  .actu-media-detail .date-detail-actu {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    color: #272727;
    font-size: 14px;
    font-weight: 500;
    padding-right: 20px;
  }
    .actu-media-detail .date-detail-actu:before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      margin-right: 10px;
      background: #ED512B; }
  .actu-media-detail .desc-detail-actu {
    max-width: 805px;
    width: 100%;
    margin: 0 auto; }
    .actu-media-detail .desc-detail-actu img {
      display: block;
      width: 100%;
      margin-bottom: 60px; }
    .actu-media-detail .desc-detail-actu p {
      font-size: 18px;
      font-weight: 400;
      line-height: 26px;
      padding-bottom: 30px; }
      .actu-media-detail .desc-detail-actu p.intro {
        font-size: 25px;
        line-height: 30px;
        color: #ED512B; }
  .actu-media-detail .partage-detail {
    position: relative;
    margin-top: 115px; }
    .actu-media-detail .partage-detail:before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      display: block;
      width: 100%;
      height: 1px;
      background: #ED512B; }
    .actu-media-detail .partage-detail .link-partage-detail {
      display: flex;
      align-items: center;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      position: relative;
      z-index: 1;
      background: #fff;
      color: #272727;
      font-size: 16px;
      padding-right: 50px; }
      .actu-media-detail .partage-detail .link-partage-detail a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 50px;
        margin-right: 15px;
        background: #ED512B;
        border-radius: 50%;
        color: #fff; }

.nav-actu {
  background: #F4F4F4;
  padding: 100px; }
  .nav-actu .content-pager {
    max-width: 1072px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: right;
  }
    .nav-actu .content-pager .col-pager {
      width: 50%;
      display: flex;
      align-items: center; }
      .nav-actu .content-pager .col-pager.prev{
        justify-self: flex-start;
      }
      .nav-actu .content-pager .col-pager.next{
        justify-self: flex-end;
      }
      .nav-actu .content-pager .col-pager img {
        max-width: 146px;
        width: 100%;
        border: 10px; }
      .nav-actu .content-pager .col-pager .info-pager {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 18px;
        font-weight: 500;
        color: #272727; }
        .nav-actu .content-pager .col-pager .info-pager span {
          font-size: 16px;
          font-weight: 400;
          display: block;
          padding-bottom: 15px;
          color: #272727; }
      .nav-actu .content-pager .col-pager.next {
        flex-direction: row-reverse; }
        .nav-actu .content-pager .col-pager.next .info-pager {
          text-align: right; }
          .variations .label,
          .reset_variations,
          .woocommerce-variation-add-to-cart .added_to_cart.wc-forward,
          .qte-for-dev{
            display: none !important;
          }
          .variations{
            width: 100%;
          }
          .woocommerce-variation.single_variation{
            display: block !important;
          }

          .woocommerce-variation-add-to-cart {
            overflow: hidden;
          }
          .woocommerce-variation-add-to-cart .quantity{
            float: left;
          }

          .woocommerce-variation-add-to-cart .single_add_to_cart_button{
            float: right;
          }
          .overflowme{
            overflow: hidden;
          }


    /* style panier */
    .xoo-wsc-container, .xoo-wsc-slider{
      max-width: 405px !important;
      right: -405px !important;
    }
    .xoo-wsc-cart-active .xoo-wsc-container, .xoo-wsc-slider-active .xoo-wsc-slider{
      right: 0 !important;
    }
.xoo-wsc-header{
  position: relative;
  padding-top: 70px;
  padding-bottom: 20px;
}
.xoo-wsc-header:before{
  position: absolute;
  top: 50px;
  left: 35px;
  font-family: 'icomoon' !important;
  content: "\e909";
  font-size: 17px;
}
.xoo-wsc-header .xoo-wscb-count{
  display: none;
}
.xoo-wsc-header .xoo-wscb-icon{
  font-size: 22px;
  font-family: 'icomoon' !important;
  position: relative;
  top: -5px;
  margin-right: 8px;
}
.xoo-wsc-header .xoo-wscb-icon:before{
  content: "\e908";
}
.xoo-wsc-header .xoo-wsch-close{
  width: 40px;
  height: 40px;
  background:#E2DEDA;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  right: 13px;
  line-height: 40px;
  text-align: center;
  font-size: 26px;
  font-weight: normal;
}
.xoo-wsc-header .xoo-wsch-top{
  justify-content: left;
  padding-left: 55px;
}
.xoo-wsc-cart-active .xoo-wsc-basket{
  right: 405px;
}
.xoo-wsc-header .xoo-wsch-text{
  font-size: 30px;
  font-family: 'Hellix';
}
.xoo-wsc-products .xoo-wsc-product{
  max-width: 265px;
  margin: 0 auto;
  flex-direction: column;
  border: 0;
  box-shadow: 1px 0px 4px 1px rgb(0 0 0 / 16%);
  border-radius: 10px;
  padding: 6px;
  margin-top: 5px;
}
.xoo-wsc-product .xoo-wsc-img-col{
  width: 100%;
}
.xoo-wsc-product .xoo-wsc-img-col a{
  display: block;
}
.xoo-wsc-product .xoo-wsc-img-col a img{
  display: block;
  border-radius: 10px;
}
.xoo-wsc-product .xoo-wsc-sum-col{
  padding: 20px 30px;
  width: 100%;
}
.xoo-wsc-product  .xoo-wsc-sm-info{
  flex-direction: column;
}
.xoo-wsc-product  .xoo-wsc-pname a{
  text-decoration: none;
  font-size: 20px;
  font-family: 'Hellix';
  margin-bottom: 15px;
  display: block;
  font-weight: 400;
}

.xoo-wsc-product .xoo-wsc-qty-price{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-transform: lowercase;
}
.xoo-wsc-product .xoo-wsc-qty-price *{
  font-family: 'Hellix';
  font-size: 16px;
}
.xoo-wsc-product .xoo-wsc-qty-price span{
  margin: 0 3px;
}
.xoo-wsc-product .xoo-wsc-sm-right{
  align-items:center;
  max-width: inherit;
}

.xoo-wsc-container .xoo-wsc-footer{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  width: 100%;
  background: #000;
  padding: 30px 50px;
  font-family: "Hellix";
  font-size: 16px;
}
.xoo-wsc-container .xoo-wsc-footer .amount{
  font-size: 30px;
  font-family: 'Hellix';
  font-weight: 400;
}
.xoo-wsc-container .xoo-wsc-footer .xoo-wsc-ft-amt-value .woocommerce-Price-currencySymbol{
  font-size: 18px;
}
.xoo-wsc-container .xoo-wsc-footer span.xoo-wsc-ft-amt-label{
  font-size: 16px;
  font-family: 'Hellix';
  font-weight: 500;
}
.xoo-wsc-container .xoo-wsc-footer .xoo-wsc-ft-totals{
  padding-top: 0;
  padding-bottom: 20px;
}
.xoo-wsc-container .xoo-wsc-footer .xoo-wsc-ft-amt{
  display: flex;
  color: #fff;
  align-items: center;
  padding: 0;
}
.xoo-wsc-container .xoo-wsc-footer .xoo-wsc-ft-buttons-cont a{
  text-decoration: none;
  color: #fff;
  font-family: "Hellix";
  font-size: 14px;
  transition: all 0.3s;
}
.xoo-wsc-container .xoo-wsc-footer .xoo-wsc-ft-buttons-cont a:hover{
  color: #ED512B;
}

/* filtre */
.popup-filtre{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: 838px;
  width: 100%;
  background: #fff;
  border-radius: 20px;
  z-index: 99;

}
.btn-close-filtre{
  position: absolute;
  top: 38px;
  right: 50px;
  font-family: 'Woo-Side-Cart' !important;
  font-size: 24px;
  cursor: pointer;
}
.btn-close-filtre:before{
  content: "\e909";
}
.popup-filtre .title-popup{
  padding-left: 50px;
  text-align: center;
  border-bottom: 1px solid #D6D6D6;
  height: 88px;
  color: #000;
  font-family: "Hellix";
  font-size: 30px;
  display: flex;
  align-items: center;
}

.popup-filtre .body-popup{
  padding: 50px 50px 0 50px;

}
.popup-filtre .body-popup .tags{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.popup-filtre .body-popup .tags .title-tag{
  width: 100%;
  color: #000;
  font-family: "Hellix";
  font-size: 25px;
  padding-bottom: 15px;
}
.popup-filtre .body-popup a{
    border: 1px solid #E2DEDA;
    height: 40px;
    border-radius: 22px;
    padding: 0 28px;
    background: #fff;
    color: #000;
    font-size: 13px;
    font-family: "Hellix";
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 12px 20px 0;
    cursor: pointer;
    transition: all 0.4s;
    line-height: 40px;
    text-decoration: none;
}
.popup-filtre .body-popup a.active,
.popup-filtre .body-popup a:hover{
  background: #E2DEDA;
}

.popup-filtre .footer-popup{
  text-decoration: none;
  background:#000000;
  height: 88px;
  color: #fff;
  font-family: "Hellix";
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.popup-filtre .footer-popup:hover{
  color: #ED512B;
}
.popup-filtre.active{
  display: block;
}
.actualites .item-actus{
float: left;
margin-bottom: 32px;
}

/* To remove */
.popup-detail-produit .summary{
  display: none;
}

.extra-choice{
  display: flex;
  flex-direction: column;
}
.extra-choice .label{
  text-align: left;
  color: #000;
  font-size: 16px;
  font-family: "Hellix";
  font-weight: 500;
  padding-bottom: 20px;
  border: 0 !important;
}
.extra-choice .value{
  display: flex;
  flex-direction: column;
  border: 0 !important;
  margin-bottom: 10px;
  align-items: flex-start;
}
.body-detail .woocommerce-variation-add-to-cart .single_add_to_cart_button{
  width: 100%;
  background: #000;
  color: #fff;
}
.body-detail .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover{
  background: #E2DEDA;
  color: #000;
}

.cat-date{
  display: flex;
  justify-content: center;
}

.with-custom-drag, .with-custom-drag *{
  /*cursor: none !important;*/
  cursor: url("../img/btn_drag_v.png") 32 32, pointer;
}
/*
body .dragIcon{
  width: 60px;
  position: absolute;
  z-index: 100000;
  display: none;
  pointer-events: none;
}*/

#banner-illu{
  opacity: 0;
}