@charset "utf-8";

:root {
    --color-group-4: #0F8DBB !important;
}


.group-4 .btn-link:hover, .group-4 [data-order].active, .group-4 #all-to-cart:hover, .group-4 #pay-orders:hover, .group-4 .loader-company:first-of-type, .group-4 .loader-colisage:first-of-type, .group-4 .loader-orders:first-of-type, .group-4 .catalog .block-product.hidden, .group-4 .choice-date.selected, .group-4 #prices-infos table tr td:last-child, .group-4 #basket-details td a, .group-4 #basket-details th a, .group-4 #basket-recap td a, .group-4 #basket-recap th a, .group-4 #historic-orders td a, .group-4 #historic-orders th a, .group-4 article.company .btn.glyphicon, .group-4 article.company .btn.glyphicon.close, .group-4 a.cc-btn.cc-dismiss, .group-4 .radio-field-selector, .group-4 .header-menu-middle nav.submenu a.active, .group-4 .fa.fa-phone, .group-4 #prefooter h2 .active, .group-4 .landing-views h2 .active, .group-4 .landing-views h2 b, .group-4 #menu-catalog .menu-catalog-list nav li a:before, .group-4#page-tunnel h5:before, .group-4 #modalCart .modal-footer button[data-dismiss=modal], .group-4 #modalGroup .modal-title > span, .group-4 .landing-activity .landing-activity-banner-title strong, .group-4 .landing-activity .landing-activity-banner-title b, .group-4 .header-menu-middle nav.submenu a:hover, .group-4 .full .active .add-cart-title, .group-4 .full .btn-add-on-click:focus, .group-4 .full button:hover .add-cart-title, .group-4 .product-delivery-informations a, .group-4 .header-menu-middle nav.submenu a.active, .btn-add-on-click:hover button span {
    color: var(--color-group-4) !important;
}

.group-4 .catalog .block-product.hidden {
    border-top: 5px solid var(--color-group-4)
}

.group-4 .product-full-description section h3:before {
    border-color: var(--color-group-4);
}

.group-4 .btn-primary, .group-4 .btn-primary:hover, .group-4 .btn-primary:focus, .group-4 .btn-primary:active, .group-4 .btn-default, .group-4 .btn-log, .group-4 .btn-ajouter {
    background: var(--color-group-4);
    color: #fff;
}

.group-4 .footer-contact .fa.fa-phone, .group-4 .header-selector.active, .group-4 .header-rightbar a.btn.btn-small.btn-primary, .group-4 footer a {
    color: #fff;
}

.group-4 header .badge, .group-4 #menu-catalog .menu-catalog-list nav li a:before {
    background: var(--color-group-4);
}

.group-4 .dropdown-level-2 > a {
    color: #2F2F2F;
}

.group-4 .header-rightbar a.btn.btn-small {
    color: #333;
}

.group-4 a.header-selector, .group-4 a.header-selector:hover, .group-4 a.header-selector:focus {
    color: #333;
}

.group-4 a.header-selector.active {
    color: #fff;
    box-shadow: inset 0 -3px var(--color-group-4) !important;
}

.group-4 .link-mdp {
    color: var(--color-group-4);
}

.group-4 .input-field-selector:before {
    border-bottom: 2px solid var(--color-group-4) !important;
    border-right: 2px solid var(--color-group-4) !important;
}


.footer-contact .btn-small.btn-phone {
    color: #fff;
}

.header-selector.active {
    box-shadow: inset 0 -3px var(--color-main);
}

.group-4 .btn-add-on-click:hover button:before, .group-4 .active .btn-add-on-click button:before {color: var(--color-group-4)}
.group-4 .btn-add-on-click {background: linear-gradient(45deg, #9CD7EC, #3BB1DA);}
.group-4 .btn-add-on-click:hover, .group-4 .active .btn-add-on-click {border: 1px solid var(--color-group-4); background: transparent;}
.group-4 .full .btn-add-on-click button { background: transparent }
.group-4 .landing-views .landing-row-button:hover {border-color: var(--color-group-4);color: var(--color-group-4);}
.group-4 .dropdown-level-2 > a:hover {color: var(--color-group-4)}
.group-4 .product-prices-table div > span {color: var(--color-group-4)}


nav#menu {
    display: inline-block;
    letter-spacing: 0.03em;
}

#menu #language-selector .dropdown-menu {
  min-width: auto !important;
}

#menu .dropdown-menu .dropdown-item:hover {
  color: #26256a;
}

#menu li {
    vertical-align: top;
    list-style: none;
    display: inline-block;
    padding: 26px 14px;
    font-size: 13px;
    transition: all 0.3s;
}

#menu li a:hover {
  color: #26256a;
}

@media(max-width: 1200px) {
  #menu li {
    padding: 29px 8px;
  }
}

#menu li a, #menu li button {
    color: #333;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    box-shadow: none !important;
    outline: none;
    padding: 0;
    font-size: 13px;
    text-transform: uppercase;
    transition: all 0.3s;
}

#menu li a .glyphicon {
  vertical-align: top;
  top: 2px;
  margin-right: 4px;
}

#menu li a span#user-name {
  display: inline-block;
  overflow: hidden;
  max-height: 20px;
  white-space: nowrap;
  /* text-overflow: ellipsis; */
  max-width: 100px;
}

#menu .dropdown-menu .dropdown-item.active {
  color: #26256a;
}

#menu ul {
    margin: 0;
    padding: 0;
}

#menu li.active a {
    background: #26256a;
    color: #fff;
    padding: 10px 20px;
    border-radius: 40px;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

#menu-company li {
  z-index: 999999999;
  display: block;
  position: relative;
  padding: 0px 17px;
  border: 0;
  font-weight: 600;
}

#menu > ul > li > ul {
  border: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.1);
  margin-top: 30px;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  padding: 10px 2px;
}

/* line 2, ../../sass/layouts/_nav.scss */
footer > .container > .row > div {
  padding: 0 20px;
}

.landing-header {width: 100%;background: url(/images/header/image-example.png) 100% / cover;text-align: center;}

/* line 8, ../../sass/layouts/_nav.scss */
header .contact {
  width: 150px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
}
/* line 14, ../../sass/layouts/_nav.scss */
header .contact > span {
  font-size: 60%;
  color: #969695;
}
@media (min-width: 768px) {
  /* line 20, ../../sass/layouts/_nav.scss */
  header .profile {
    margin-top: 0;
    padding-top: 5px;
    margin-left: 66.66666667%;
    background-color: #222;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
@media (max-width: 767px) {
  /* line 20, ../../sass/layouts/_nav.scss */
  header .profile {
    margin-top: -40px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 20, ../../sass/layouts/_nav.scss */
  header .profile {
    margin-left: 15%;
    width: 86%;
  }
}

#basket-details tr.incart {
  border-left: 6px solid #26256a;
  background-color: #f3f3f3;
}

/* line 39, ../../sass/layouts/_nav.scss */
header .profile > a {
  color: #fff;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 13px;
  max-width: 54%;
}
/* line 46, ../../sass/layouts/_nav.scss */
header .profile > a:hover, header .profile > a:focus {
  color: #aaa;
}
@media (min-width: 768px) {
  /* line 50, ../../sass/layouts/_nav.scss */
  header .profile > a:last-child {
    border-right: 2px solid #000;
  }
}
@media (max-width: 767px) {
  /* line 50, ../../sass/layouts/_nav.scss */
  header .profile > a:last-child {
    border-left: 2px solid #000;
    height: 24px;
    line-height: 1px;
  }
}
@media (max-width: 767px) {
  /* line 39, ../../sass/layouts/_nav.scss */
  header .profile > a {
    font-size: 20px;
    padding: 0 12px;
    margin-top: 10px;
    color: #000;
  }
}
/* line 71, ../../sass/layouts/_nav.scss */
header #block-question {
  transform-origin: top center;
}
/* line 75, ../../sass/layouts/_nav.scss */
header #block-logo {
  transition: 0.5s;
  margin: 27px 20px 0 10px;
  max-height: inherit;
  width: 230px;
}
@media (max-width: 767px) {
  /* line 75, ../../sass/layouts/_nav.scss */
  header #block-logo {
    max-height: 40px;
    margin: 10px auto 10px auto;
    position: relative;
    float: none !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 75, ../../sass/layouts/_nav.scss */
  header #block-logo {
    max-height: 40px;
    margin: 10px auto 10px auto;
    position: relative;
    float: none !important;
  }
}

@media(min-width: 992px) and (max-width: 1199px) {
  header #block-logo {
    width: 160px;
    margin-right: 10px;
  }
}

/* line 92, ../../sass/layouts/_nav.scss */
header #block-logo:hover {
}
@media (max-width: 767px) {
  /* line 97, ../../sass/layouts/_nav.scss */
  header > .container {
    padding-left: 0;
    padding-right: 0;
    margin-right: -15px;
    margin-left: -15px;
    padding: 0px;
  }
}
/* line 106, ../../sass/layouts/_nav.scss */
header .badge {
  background-color: #535390;
  color: #fff;
  transition:0.2s;
  position: relative;
  top: 3px;
  left: -2px;
  font-size: 11px;
  width: 20px;
  height: 20px;
  line-height: 13px;
  padding: 3px 0;
  text-align: center;
}

header .badge {
    position: absolute;
    top: 19px;
    width: auto;
    height: auto;
    line-height: 9px;
    left: 25px;
    font-size: 9px;
    padding: 0px 3px 1px;
    border-radius: 100px;
    background: var(--color-main);
    color: #fff;
}
header .badge.change {
  transform: scale(1.5);
}

/* line 111, ../../sass/layouts/_nav.scss */
header .glyphicon-briefcase {
  margin-top: 6px;
}
/* line 115, ../../sass/layouts/_nav.scss */
header .menu-user {
  position: absolute;
  list-style: none;
  border: 1px solid #222;
  padding: 0 10px;
  background-color: #fff;
  z-index: 1000000;
  margin-top: 39px;
  margin-left: 33%;
  border-radius: 6px;
  -ms-overflow-style: none;
  max-height: 90vh;
  overflow: auto;
}
@media (max-width: 767px) {
  /* line 115, ../../sass/layouts/_nav.scss */
  header .menu-user {
    margin-left: -1px;
    margin-top: 50px;
    width: calc(100vw + 2px);
  }
}
/* line 133, ../../sass/layouts/_nav.scss */
header .menu-user#menu-search {
  margin-top: 10px;
  margin-left: 0;
  width: 260px;
}
@media (max-width: 767px) {
  /* line 133, ../../sass/layouts/_nav.scss */
  header .menu-user#menu-search {
    margin-left: -100%;
    width: 92vw;
  }
}
/* line 142, ../../sass/layouts/_nav.scss */
header .menu-user#menu-search li {
  min-height: 48px;
  height: auto;
  padding: 6px 0;
  line-height: 16px;
}
/* line 148, ../../sass/layouts/_nav.scss */
header .menu-user#menu-search li span {
  float: right;
}
/* line 152, ../../sass/layouts/_nav.scss */
header .menu-user#menu-search li img {
  max-width: 36px;
  max-height: 36px;
  margin-right: 5px;
}
/* line 160, ../../sass/layouts/_nav.scss */
header .menu-user:before, header .menu-user:after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  width: 0;
}
/* line 168, ../../sass/layouts/_nav.scss */
header .menu-user:after {
  border-style: solid;
  border-width: 0 7px 9px 7px;
  border-color: transparent transparent #ffffff transparent;
  margin-left: 50px;
  top: -9px;
}
@media (max-width: 767px) {
  /* line 168, ../../sass/layouts/_nav.scss */
  header .menu-user:after {
    border-width: 0 8px 10px 8px;
    margin-left: 45%;
  }
}
/* line 180, ../../sass/layouts/_nav.scss */
header .menu-user:before {
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #222 transparent;
  margin-left: 49px;
  margin-top: -10px;
  position: relative;
  z-index: 999999;
  opacity: 0;
}
@media (max-width: 767px) {
  /* line 180, ../../sass/layouts/_nav.scss */
  header .menu-user:before {
    margin-left: 45%;
  }
}
/* line 191, ../../sass/layouts/_nav.scss */
header .menu-user li {
  height: 42px;
  line-height: 42px;
  width: 220px;
}
@media (max-width: 767px) {
  /* line 191, ../../sass/layouts/_nav.scss */
  header .menu-user li {
    height: 36px;
    line-height: 36px;
    width: 100%;
  }
}
/* line 202, ../../sass/layouts/_nav.scss */
header .menu-user li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
/* line 206, ../../sass/layouts/_nav.scss */
header .menu-user li a {
  border: none !important;
  color: #222;
  font-size: 13px;
}
@media (max-width: 767px) {
  /* line 206, ../../sass/layouts/_nav.scss */
  header .menu-user li a {
    font-size: var(--font-size);
  }
}
/* line 215, ../../sass/layouts/_nav.scss */
header .menu-user li a:hover {
  color: #aaa;
}
/* line 222, ../../sass/layouts/_nav.scss */
header .icon-user {
  padding-right: 15px;
}
@media (max-width: 767px) {
  /* line 222, ../../sass/layouts/_nav.scss */
  header .icon-user {
    float: left !important;
    margin-left: 15%;
  }
}

/* line 234, ../../sass/layouts/_nav.scss */
nav.container-produits ul {
  list-style: none;
}
/* line 237, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav {
  display: table;
  width: 100%;
  padding-left: 120px;
}
/* line 245, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav:hover li.item-menu > a {
  color: #444;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 237, ../../sass/layouts/_nav.scss */
  nav.container-produits ul.nav {
    text-align: right;
  }
}
@media (max-width: 767px) {
  /* line 237, ../../sass/layouts/_nav.scss */
  nav.container-produits ul.nav {
    display: block;
    padding-left: 0;
  }
}
/* line 263, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav .open a {
  background-color: transparent;
}
/* line 268, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li {
  position: initial;
}
/* line 269, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li.item-menu {
  padding-top: 15px;
  padding-bottom: 15px;
  height: 37px;
  line-height: 22px;
  text-transform: uppercase;
  display: table-cell;
  width: 14.28571%;
  position: relative;
  font-weight: 600;
  transition: 0.3s;
  color: #333;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 269, ../../sass/layouts/_nav.scss */
  nav.container-produits ul.nav li.item-menu {
    display: block;
  }
}
/* line 286, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li.item-menu:hover {
}
/* line 292, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li.item-menu:hover > a {
  border-right: none;
}
/* line 301, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li.item-menu > a {
  color: #333;
  text-transform: uppercase;
  padding: 0 6px 0 6px;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 301, ../../sass/layouts/_nav.scss */
  nav.container-produits ul.nav li.item-menu > a {
    border-right: none;
  }
}
@media (max-width: 767px) {
  /* line 301, ../../sass/layouts/_nav.scss */
  nav.container-produits ul.nav li.item-menu > a {
    text-align: right;
    border: none;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  /* line 269, ../../sass/layouts/_nav.scss */
  nav.container-produits ul.nav li.item-menu {
    display: block;
  }
}
/* line 325, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li:hover .container-links {
  padding: 15px;
  height: auto;
  opacity: 1;
}
/* line 335, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links {
  opacity: 0;
  transition: 0.2s;
  display: block;
  overflow: scroll;
  -ms-overflow-style: none;
  max-height: calc(100vh - 100px);
  width: 300px;
  position: absolute;
  padding: 0;
  background-color: #fff;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 0;
  z-index: 1;
  height: 0;
  text-align: left;
  margin-top: -1px;
  line-height: 22px;
  overflow: hidden;
}
/* line 356, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links .submenu-list {
  padding-left: 10px;
}
/* line 359, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links .submenu-list li {
  min-height: 18px;
  font-size: 13px;
}
/* line 363, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links .submenu-list li a {
  color: #000;
  text-transform: capitalize;
  text-decoration: none;
  font-weight: 400;
}
/* line 369, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links .submenu-list li a:hover {
  color: #aaa;
}
@media (max-width: 767px) {
  /* line 335, ../../sass/layouts/_nav.scss */
  nav.container-produits ul.nav li .container-links {
    position: initial;
    box-shadow: none;
    width: auto;
    display: none !important;
  }
}
/* line 383, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links h5 {
  color: #535390;
  font-weight: 700;
  font-size: var(--font-size);
  padding-bottom: 4px;
  border-bottom: 2px solid #eee;
}
/* line 391, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links .container {
  display: table;
}
@media (max-width: 767px) {
  /* line 391, ../../sass/layouts/_nav.scss */
  nav.container-produits ul.nav li .container-links .container {
    display: block;
  }
}
/* line 398, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links .container > li {
  width: 33%;
}
/* line 402, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links .container li {
  display: table-cell;
  text-align: left;
  padding-left: 10px;
}
@media (max-width: 767px) {
  /* line 402, ../../sass/layouts/_nav.scss */
  nav.container-produits ul.nav li .container-links .container li {
    display: block;
    text-align: right;
  }
}
@media (min-width: 768px) {
  /* line 412, ../../sass/layouts/_nav.scss */
  nav.container-produits ul.nav li .container-links .container li:not(:last-child) {
    border-right: 1px solid #ececec;
  }
}
/* line 418, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links .container li .submenu-list {
  padding: 0;
}
/* line 421, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links .container li .submenu-list li {
  display: block;
  border: none;
}
/* line 425, ../../sass/layouts/_nav.scss */
nav.container-produits ul.nav li .container-links .container li .submenu-list li:hover {
  border-left: 2px solid #333;
}

@media (max-width: 767px) {
  /* line 439, ../../sass/layouts/_nav.scss */
  .mobile-push-6 {
    left: 50%;
  }

  /* line 443, ../../sass/layouts/_nav.scss */
  .mobile-pull-6 {
    right: 50%;
  }
}
/* line 449, ../../sass/layouts/_nav.scss */
.breadcrumb > .active {
  color: #535390;
}

/* line 452, ../../sass/layouts/_nav.scss */
.block-search {
  margin-bottom: 10px;
  float: right;
}

/* line 456, ../../sass/layouts/_nav.scss */
.block-img {
  max-width: 30%;
  transition: 0.5s;
}

/* line 460, ../../sass/layouts/_nav.scss */
.container-header {
  width: 82%;
  height: auto;
  padding: 15px 0px 15px 0px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

[data-action=choose-promotion] [data-role=add-unique-to-cart] {
  display: none;
}

/* line 470, ../../sass/layouts/_nav.scss */
.container-produits {
  background-color: #fff;
  display: block;
}

/* line 475, ../../sass/layouts/_nav.scss */
.container-search {
  display: inline-flex;
}

/* line 478, ../../sass/layouts/_nav.scss */
.container-nav {
  width: 51%;
  margin: auto;
  left: 7%;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* line 485, ../../sass/layouts/_nav.scss */
.close-nav {
  display: none;
  float: right;
  margin-right: 25px;
  font-size: 35px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 485, ../../sass/layouts/_nav.scss */
  .close-nav {
    display: block;
  }
}
@media (max-width: 767px) {
  /* line 485, ../../sass/layouts/_nav.scss */
  .close-nav {
    display: block;
  }
}

/* line 503, ../../sass/layouts/_nav.scss */
.float-right {
  float: right !important;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 503, ../../sass/layouts/_nav.scss */
  .float-right {
    float: none !important;
  }
}
@media (max-width: 767px) {
  /* line 503, ../../sass/layouts/_nav.scss */
  .float-right {
    float: none !important;
  }
}

.loader {
  margin: 0;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  border: 4px solid #eee;
  border-top: 4px solid #555;
  animation: spin 1s linear infinite;
  display: block;
  border-radius: 50%;
}

/* line 512, ../../sass/layouts/_nav.scss */
.hidden-btn-question {
  transform: scale(0.3);
  opacity: 0;
  height: 0;
}

/* line 517, ../../sass/layouts/_nav.scss */
.logo-transition {
  transition: 0.5s;
}

/* line 520, ../../sass/layouts/_nav.scss */
.group-nav, .group-nav-rp > li {
  list-style: none;
  padding-left: 0;
}

/* line 524, ../../sass/layouts/_nav.scss */
.group-nav > li, .group-nav-rp > li > li {
  display: inline-flex;
  margin-top: 15px;
  padding-right: 20px;
  padding-left: 20px;
  border-right: 1px solid #111;
}

/* line 534, ../../sass/layouts/_nav.scss */
.img-logo {
  height: 100%;
  vertical-align: top;
}

/* line 538, ../../sass/layouts/_nav.scss */
.item-links {
  color: #111;
  text-transform: uppercase;
  padding: 0 34.5px 0 34.5px !important;
  border-right: 1px solid #111;
}
/* line 543, ../../sass/layouts/_nav.scss */
.item-links:hover, .item-links:focus {
  color: #535390;
  text-decoration: none;
  cursor: pointer;
}

/* line 549, ../../sass/layouts/_nav.scss */
.item-submenu {
  color: #000;
  text-transform: capitalize;
}
/* line 552, ../../sass/layouts/_nav.scss */
.item-submenu:hover, .item-submenu:focus {
  color: #535390;
  cursor: pointer;
}

/* line 557, ../../sass/layouts/_nav.scss */
.icon-bar {
  background-color: #000 !important;
}

/* line 560, ../../sass/layouts/_nav.scss */
.input-search {
  margin-top: 9px;
  transition: 0.2s;
  background-color: #fafafa;
}
@media (max-width: 767px) {
  /* line 560, ../../sass/layouts/_nav.scss */
  .input-search {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 560, ../../sass/layouts/_nav.scss */
  .input-search {
    margin-bottom: 5px;
    margin-left: 15%;
    width: 86%;
  }
}
/* line 575, ../../sass/layouts/_nav.scss */
.input-search:focus {
  border: 1px solid #ddd;
  border-radius: 17px;
}
@media (min-width: 768px) {
  /* line 575, ../../sass/layouts/_nav.scss */
  .input-search:focus {
    margin-left: -10px;
    width: calc(100% + 10px);
  }
}
/* line 584, ../../sass/layouts/_nav.scss */
.input-search:focus::-webkit-input-placeholder {
  color: #eee;
}

/* line 589, ../../sass/layouts/_nav.scss */
.list-style-not {
  list-style: none;
  padding-left: 0;
}

/* line 593, ../../sass/layouts/_nav.scss */
.list-style-not > li {
  margin: .5em;
}

/* line 596, ../../sass/layouts/_nav.scss */
.little {
  max-width: 50%;
  overflow: hidden;
  transition: 0.5s;
  margin: auto;
}

/* line 603, ../../sass/layouts/_nav.scss */
.navbar-nav > li > a {
  margin-bottom: 15px;
}

/* line 606, ../../sass/layouts/_nav.scss */
.navbar {
  margin-bottom: 0;
  border-bottom: none;
  background-color: #fff;
}

/* line 611, ../../sass/layouts/_nav.scss */
.navbar-fixed-top {
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.06);
}

/* line 614, ../../sass/layouts/_nav.scss */
.nav > li > a:hover {
  background-color: transparent;
}

/* line 617, ../../sass/layouts/_nav.scss */
.navbar-toggle {
  font-size: 24px;
  float: left;
  padding: 0;
  margin: 11px 0 7px;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 617, ../../sass/layouts/_nav.scss */
  .navbar-toggle {
    display: block;
  }
}
@media (max-width: 767px) {
  /* line 617, ../../sass/layouts/_nav.scss */
  .navbar-toggle {
    margin-top: -32px;
  }
}
/* line 631, ../../sass/layouts/_nav.scss */
.navbar-toggle:hover {
  background-color: transparent !important;
}

@media (min-width: 768px) and (max-width: 992px) {
  /* line 635, ../../sass/layouts/_nav.scss */
  .navbar-collapse {
    width: 50%;
    height: 100vh !important;
    z-index: 20;
    background-color: #fff;
    position: fixed;
    right: 0;
    top: 0%;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 767px) {
  /* line 635, ../../sass/layouts/_nav.scss */
  .navbar-collapse {
    width: 60%;
    height: 100vh !important;
    z-index: 20;
    background-color: #fff;
    position: fixed;
    right: 0;
    top: 0%;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  /* line 657, ../../sass/layouts/_nav.scss */
  div.navbar-collapse.collapse:not(.in) {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  /* line 662, ../../sass/layouts/_nav.scss */
  div.navbar-collapse.collapse.in {
    height: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  /* line 667, ../../sass/layouts/_nav.scss */
  .navbar-collapse {
    max-height: none !important;
  }
}
@media (max-width: 767px) {
  /* line 667, ../../sass/layouts/_nav.scss */
  .navbar-collapse {
    max-height: none !important;
  }
}

/*.menu-responsive {
	@include mobile{
		width: 60% !important;
	}
}*/
/* line 682, ../../sass/layouts/_nav.scss */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.21);
}

/* line 692, ../../sass/layouts/_nav.scss */
.title-submenu {
  color: #535390;
  font-weight: 100;
}

/* line 696, ../../sass/layouts/_nav.scss */
li.dropdown:hover > .dropdown-menu {
  display: block;
}

/*********
.item-links2 {
	border-left: 1px solid #000;
	padding: 0 32px 0 32px !important;
    margin-top: 15px;
	color: $color-text-b !important;
	font-size: small;
	&:hover {
		color: $color-text-w !important;
	}
}
******/
/* line 713, ../../sass/layouts/_nav.scss */
.nav-catalog {
  margin-top: 20px;
}

/* line 717, ../../sass/layouts/_nav.scss */
.nav > li > a:focus, .nav > li > a:hover {
  background-color: transparent !important;
}

/* line 6, ../../sass/layouts/_footer.scss */
footer a {
  color: #fff;
}

footer a:hover {
  font-weight: 800;
  color: #fff;
  cursor: pointer;
}
/* line 11, ../../sass/layouts/_footer.scss */
footer ul li {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  /* line 11, ../../sass/layouts/_footer.scss */
  footer ul li {
    text-transform: none;
    font-weight: 100;
    font-size: 13px;
    margin-left: 20px;
  }
}
/* line 25, ../../sass/layouts/_footer.scss */
footer .row.main > div:not(:last-child) {
  position: relative;
}
@media (min-width: 992px) {
  /* line 29, ../../sass/layouts/_footer.scss */
  footer .row.main > div:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    top: 8px;
    left: 100%;
    height: 130px;
    background-color: #272727;
  }
}
/* line 44, ../../sass/layouts/_footer.scss */
footer .picto {
  max-width: calc(33% - 10px);
  max-height: 30px;
  height: auto;
  width: auto;
  float: left;
  margin: 0 5px;
}
/* line 53, ../../sass/layouts/_footer.scss */
footer .picto-footer {
  max-width: 24px;
  display: none;
}

/* line 59, ../../sass/layouts/_footer.scss */
.block-produits, .block-info, .block-paiment, .block-tele {
  height: 100px;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 59, ../../sass/layouts/_footer.scss */
  .block-produits, .block-info, .block-paiment, .block-tele {
    height: auto;
  }
}

/* line 68, ../../sass/layouts/_footer.scss */
.block-info {
  width: auto;
}

/* line 71, ../../sass/layouts/_footer.scss */
.block-logo-info {
  height: 15px;
}

/* line 74, ../../sass/layouts/_footer.scss */
.block-logo-apple {
  display: inline-block;
  height: 30px;
  margin-right: 20px;
}

/* line 79, ../../sass/layouts/_footer.scss */
.block-logo-google {
  display: inline-block;
  height: 30px;
}

/* line 83, ../../sass/layouts/_footer.scss */
.border-right {
  border-right: 1px solid #fff;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 83, ../../sass/layouts/_footer.scss */
  .border-right {
    border-right: none;
  }
}

/* line 89, ../../sass/layouts/_footer.scss */
.footerbase {
  width: 50%;
  margin: auto;
}

/* line 93, ../../sass/layouts/_footer.scss */
.container-footer {
  background-color: #28293D;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  font-size: 20px;
}

/* line 99, ../../sass/layouts/_footer.scss */
.container-infos {
  margin-left: 109px;
  margin-right: 109px;
}

/* line 103, ../../sass/layouts/_footer.scss */
.links-footer {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}
/* line 107, ../../sass/layouts/_footer.scss */
.links-footer:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

/* line 112, ../../sass/layouts/_footer.scss */
.message {
  font-weight: 100;
  text-transform: uppercase;
  opacity: 0.5;
}

/* line 117, ../../sass/layouts/_footer.scss */
.padd-left {
  padding-left: 0;
}

/* line 120, ../../sass/layouts/_footer.scss */
.text-footer {
  font-size: 13.5px !important;
}

/* line 124, ../../sass/layouts/_footer.scss */
.text-footerbase {
  font-size: 12px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  /* line 124, ../../sass/layouts/_footer.scss */
  .text-footerbase {
    margin-top: 70px;
  }
}

/* line 2, ../../sass/layouts/_overall.scss */
section.main {
  padding-top: var(--nav-margin);
  padding-bottom: 40px;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 2, ../../sass/layouts/_overall.scss */
  section.main {
    padding-top: 130px;
  }
}
@media (max-width: 767px) {
  /* line 2, ../../sass/layouts/_overall.scss */
  section.main {
    padding-top: var(--nav-margin);
  }
}

/* line 19, ../../sass/layouts/_overall.scss */
.modal .catalog .block-product.hidden {
  margin-left: calc(25% - 25px);
  margin-right: calc(25% - 25px);
}

@media (min-width: 992px) {
  /* line 26, ../../sass/layouts/_overall.scss */
  aside {
    /* margin-top: -80px; */
    z-index: 99;
  }
}

.form-control {
    border: 0;
    border-bottom: 2px solid #eee;
    border-radius: 0;
    padding-left: 2px;
    font-weight: 600;
    color: #000;
    box-shadow: none;
    background: transparent;
}

/* line 32, ../../sass/layouts/_overall.scss */
.form-control:focus {
  box-shadow: none;
}

/* line 36, ../../sass/layouts/_overall.scss */
.detail-products {
  margin-bottom: 30px;
}

/* line 40, ../../sass/layouts/_overall.scss */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none;
  /* font-size: 105%; */
  color: #fff;
}

/* line 45, ../../sass/layouts/_overall.scss */
.closed-panel {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0 !important;
}

/* line 52, ../../sass/layouts/_overall.scss */
a {
  color: var(--color-main);
}
/* line 55, ../../sass/layouts/_overall.scss */
a:focus {
  color: var(--color-main);
  outline: -webkit-focus-ring-color auto 0;
}

/* line 61, ../../sass/layouts/_overall.scss */
a:hover, .btn-link:hover {
  color: var(--color-main);
}

/* line 65, ../../sass/layouts/_overall.scss */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background-color: #fff;
}

/* line 69, ../../sass/layouts/_overall.scss */
header {
  font-size: 12px;
}
@media (min-width: 992px) {
  /* line 69, ../../sass/layouts/_overall.scss */
  header {
    min-height: 74px;
  }
  /* line 75, ../../sass/layouts/_overall.scss */
  header .container-produits, header .container {
  }
}

/* line 82, ../../sass/layouts/_overall.scss */
.has-promo:after {
  /* font-family: 'Glyphicons Halflings'; */
  /* content: "\20ac"; */
  position: absolute;
  margin-top: calc(-100% + 15px);
  margin-left: calc(-50% + 10px);
  color: #fff;
  z-index: 3;
}
/* line 92, ../../sass/layouts/_overall.scss */


/* line 108, ../../sass/layouts/_overall.scss */
.is-new:after {
  font-family: 'Glyphicons Halflings';
  content: "\e006";
  position: absolute;
  color: #fff;
  z-index: 3;
  top: 5px;
  right: 6px;
  font-size: 20px;
}
/* line 117, ../../sass/layouts/_overall.scss */
.is-new:before {
    background: #f5a623;
    content: "Nouveauté";
    color: #fff;
    top: 20px;
    left: 20px;
    border-radius: 3px;
    padding: 4px 13px;
    height: auto;
    width: auto;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
}

/* line 132, ../../sass/layouts/_overall.scss */
.breadcrumb {
  margin-top: 10px;
  background-color: transparent;
  padding-left: 0;
}
/* line 138, ../../sass/layouts/_overall.scss */
.breadcrumb li a {
  color: #8F90A6;
  text-decoration: none;
  transition: 0.3s;
  font-size: var(--font-size);
}
/* line 144, ../../sass/layouts/_overall.scss */
.breadcrumb li a.active {
  color: #28293D;
  font-weight: 500;
}
/* line 148, ../../sass/layouts/_overall.scss */
.breadcrumb li a:hover {
  opacity: 0.4;
}

/* line 157, ../../sass/layouts/_overall.scss */
a:hover {
  color: var(--color-main);
}
/* line 161, ../../sass/layouts/_overall.scss */
a:active {
  color: var(--color-main);
}

/* line 167, ../../sass/layouts/_overall.scss */
.modal-dialog .address-container {
  padding: 15px;
}

/* line 174, ../../sass/layouts/_overall.scss */
.pagination li {
  display: inline-block;
  padding: 0;
  width: 34px;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
  text-align: center;
  margin-top: 10px;
  margin-right: -1px;
  color: #969695;
  border: 1px solid #ccc;
}
/* line 187, ../../sass/layouts/_overall.scss */
.pagination li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 192, ../../sass/layouts/_overall.scss */
.pagination li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* line 197, ../../sass/layouts/_overall.scss */
.pagination li.active {
  color: white;
  background-color: #535390;
  border-color: #535390;
}
/* line 203, ../../sass/layouts/_overall.scss */
.pagination li:not(.active):hover {
  background-color: #eee;
  border-color: #ccc;
}
/* line 208, ../../sass/layouts/_overall.scss */
.pagination li.hidden:nth-child(odd) {
  display: inline-block !important;
  width: 1px;
  height: 1px;
  font-size: 0;
  margin-right: 2px;
  vertical-align: bottom;
}
/* line 218, ../../sass/layouts/_overall.scss */
.pagination:first-child {
  margin-bottom: 0;
}

/* line 232, ../../sass/layouts/_overall.scss */
[data-order] {
  cursor: pointer;
}
/* line 235, ../../sass/layouts/_overall.scss */
[data-order].active {
  color: var(--color-main);
}

/* line 240, ../../sass/layouts/_overall.scss */
.disabled {
  cursor: default !important;
  opacity: 0.5 !important;
}

/* line 245, ../../sass/layouts/_overall.scss */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

/* line 252, ../../sass/layouts/_overall.scss */
.transition {
  transition: 0.5s;
}

/* line 256, ../../sass/layouts/_overall.scss */
.position-free {
  position: initial !important;
}

/* line 260, ../../sass/layouts/_overall.scss */
.collapse {
  transition: 0.5s;
}

@media (min-width: 768px) and (max-width: 992px) {
  /* line 264, ../../sass/layouts/_overall.scss */
  .small-pull-right {
    float: right !important;
  }
}
@media (max-width: 767px) {
  /* line 264, ../../sass/layouts/_overall.scss */
  .small-pull-right {
    float: right !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  /* line 274, ../../sass/layouts/_overall.scss */
  .small-mt-1 {
    margin-top: 1em;
  }
}
@media (max-width: 767px) {
  /* line 274, ../../sass/layouts/_overall.scss */
  .small-mt-1 {
    margin-top: 1em;
  }
}

@media (max-width: 767px) {
  /* line 284, ../../sass/layouts/_overall.scss */
  h1 {
    font-size: 24px;
  }
}
/* line 289, ../../sass/layouts/_overall.scss */
h1.no-t-m {
  margin-top: 0;
}

/* line 348, ../../sass/layouts/_overall.scss */
.text-valid {
  color: #48aa00 !important;
}
/* line 352, ../../sass/layouts/_overall.scss */
.text-warning {
  color: #fda000 !important;
}

/* line 357, ../../sass/layouts/_overall.scss */
h1 {
  font-family: 'Be Vietnam', sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #26256a;
  text-transform: none;
  text-align: left;
  padding: 0 0px 15px;
}

/* line 367, ../../sass/layouts/_overall.scss */
h2 {
  font-weight: 600;
  font-size: 18px;
  text-align: left;
  padding: 5px 0;
}

h2.promotion-section-name.empty-promos {
    margin-left: 15px;
}

/* line 375, ../../sass/layouts/_overall.scss */
.two-cols {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  /* line 375, ../../sass/layouts/_overall.scss */
  .two-cols {
    column-count: 2;
  }
}

/* line 382, ../../sass/layouts/_overall.scss */
.cursor-pointer {
  cursor: pointer;
}

/* line 386, ../../sass/layouts/_overall.scss */
.m-r-47 {
  margin-right: 47px !important;
}

/* line 390, ../../sass/layouts/_overall.scss */
.transparent {
  opacity: 0;
}

/* line 3, ../../sass/components/_buttons.scss */
a {
  text-decoration: none !important;
}

/* line 7, ../../sass/components/_buttons.scss */
.btn-nouveautes, .btn-slider {
  background-color: #fff;
  color: #22215f;
  font-weight: 600;
  font-size: 16px;
  padding: 8px 16px;
  margin-top: 20px;
  text-shadow: none;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(170, 170, 170, 0.67);
  border: 0;
  transition: all 0.3s;
}
/* line 15, ../../sass/components/_buttons.scss */
.btn-nouveautes a, .btn-slider a {
  text-transform: uppercase;
  color: #535390;
}
/* line 19, ../../sass/components/_buttons.scss */
.btn-nouveautes:hover, .btn-slider:hover {
  color: #22215f;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}

/* line 27, ../../sass/components/_buttons.scss */
.btn-search {
  background-color: transparent;
  padding: 5px 12px;
  border-right: none;
}

/* line 32, ../../sass/components/_buttons.scss */
.btn-ajouter, .btn-main, .btn-ajouter-p, .btn-ajouter-c, .btn-confirmer, .btn-log, .btn-fb, .btn-question, .btn-achats {
  background-color: #535290;
  color: #fff;
  border-radius: 20px;
  padding: 8px 30px;
  font-size: var(--font-size);
  border: none;
  font-weight: 800;
}
/* line 39, ../../sass/components/_buttons.scss */
.btn-ajouter:hover, .btn-main:hover, .btn-ajouter-p:hover, .btn-ajouter-c:hover, .btn-confirmer:hover, .btn-log:hover, .btn-fb:hover, .btn-question:hover, .btn-achats:hover {
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

/* line 44, ../../sass/components/_buttons.scss */
.btn-default, .btn-log,
.btn-ajouter {
  color: #fff;
  border-radius: 0;
  padding: 17px 28px;
  font-size: 16px;
  border: 0;
  border-radius: 50px;
  font-weight: 700;
  background: #EF7D4C;
  transition: background-color 0.3s !important;
  background-color: var(--color-main);
  min-width: 184px;
}
@media (min-width: 768px) {
  /* line 44, ../../sass/components/_buttons.scss */
  .btn-default {
  }
}
@media (max-width: 767px) {
  /* line 44, ../../sass/components/_buttons.scss */
  .btn-default {
    font-size: var(--font-size);
    /* padding: 6px 16px; */
  }
}
/* line 59, ../../sass/components/_buttons.scss */
.btn-default:hover, .btn-default:focus, .btn-default:active {
  color: #fff;
  /* background-color: #535390; */
}
/* line 64, ../../sass/components/_buttons.scss */
.btn-default a {
  color: #fff;
}
/* line 68, ../../sass/components/_buttons.scss */
.btn-default.disabled:hover {
  background-color: #535390;
}

/* line 73, ../../sass/components/_buttons.scss */
.btn-main {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* line 80, ../../sass/components/_buttons.scss */
#myCompany {
  background-color: #FFF;
  color: #000;
  border: none;
  margin-bottom: 0;
  box-shadow: none;
  border-radius: 0;
  display: block !important;
  margin-top: -3px;
  padding-right: 36px;
  font-size: 12px;
}
@media (min-width: 768px) {
  /* line 80, ../../sass/components/_buttons.scss */
  #myCompany {
    width: auto;
  }
}
@media (max-width: 767px) {
  /* line 80, ../../sass/components/_buttons.scss */
  #myCompany {
    margin-left: 5vw;
    margin-top: 51px;
    max-width: 120px;
    font-size: 11px;
    position: absolute;
  }
}

/* line 105, ../../sass/components/_buttons.scss */
.btn-grey {
  background-color: #aaa !important;
}

/* line 109, ../../sass/components/_buttons.scss */
.btn-ajouter-p, .btn-ajouter-c {
  width: 100%;
  padding: .8em;
  margin-bottom: 15px;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 109, ../../sass/components/_buttons.scss */
  .btn-ajouter-p, .btn-ajouter-c {
    display: inline-block;
    width: 49%;
  }
}
@media (max-width: 767px) {
  /* line 109, ../../sass/components/_buttons.scss */
  .btn-ajouter-p, .btn-ajouter-c {
    display: block;
    width: 100%;
  }
}

/* line 123, ../../sass/components/_buttons.scss */
.btn-ajouter-c {
  background-color: #666;
}

/* line 127, ../../sass/components/_buttons.scss */
.btn-confirmer {
  font-size: 11px;
  text-transform: uppercase;
}

/* line 132, ../../sass/components/_buttons.scss */
.btn-log {
  text-transform: none;
  margin-bottom: 5px;
}

/* line 137, ../../sass/components/_buttons.scss */
.btn-fb {
  color: #fff;
  background-color: #405D9B;
}

/* line 142, ../../sass/components/_buttons.scss */
.btn-section-pro {
  color: #4A4A4A !important;
  background-color: #f5f5f5;
  width: 100%;
  height: auto;
  text-align: left;
  font-weight: 400;
  border-radius: 0;
  background: transparent;
  padding-left: 0;
  font-size: var(--font-size);
  text-transform: capitalize;
}
/* line 153, ../../sass/components/_buttons.scss */
.btn-section-pro:hover {
  color: #535390;
}

/* line 163, ../../sass/components/_buttons.scss */
.container-menu-icon {
  display: none;
}

/* line 166, ../../sass/components/_buttons.scss */
.line1, .line2, .line3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

/* line 174, ../../sass/components/_buttons.scss */
.change .line1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

/* line 179, ../../sass/components/_buttons.scss */
.change .line2 {
  opacity: 0;
}

/* line 181, ../../sass/components/_buttons.scss */
.change .line3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

/* line 187, ../../sass/components/_buttons.scss */
input:not(.input-search):not(.text-valeur):not(.default), select, textarea {
  font-style: normal;
  margin-bottom: 15px;
}
/* line 190, ../../sass/components/_buttons.scss */
input:not(.input-search):not(.text-valeur):not(.default) .input-modal-sign-n, select .input-modal-sign-n, textarea .input-modal-sign-n {
  display: inline-block;
  width: 46%;
  float: right;
}
/* line 195, ../../sass/components/_buttons.scss */
input:not(.input-search):not(.text-valeur):not(.default) .input-modal-sign-p, select .input-modal-sign-p, textarea .input-modal-sign-p {
  width: 46%;
  display: inline-block;
}

@media (max-width: 767px) {
  /* line 201, ../../sass/components/_buttons.scss */
  #pay-orders {
    margin: 41px 0 0;
    padding: 0;
    font-size: 16px;
    min-width: 120px;
    color: #000;
    font-weight: bold;
    text-decoration: underline !important;
    cursor: pointer;
    text-align: right;
    border-left: 1px solid #eee;
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  /* line 201, ../../sass/components/_buttons.scss */
  #pay-orders {
    margin: 41px 0 0;
    padding: 0;
    font-size: 16px;
    min-width: 120px;
    color: #000;
    font-weight: bold;
    text-decoration: underline !important;
    cursor: pointer;
    text-align: right;
    border-left: 1px solid #eee;
    border-radius: 0;
  }
  /* line 216, ../../sass/components/_buttons.scss */
  #all-to-cart:hover, #pay-orders:hover {
  color: var(--color-main);
  }
}

/* line 222, ../../sass/components/_buttons.scss */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, transparent 50%), linear-gradient(135deg, transparent 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important;
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}
/* line 223, ../../sass/components/_buttons.scss */
select#myCompany {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #535390 50%), linear-gradient(135deg, #535390 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important;
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}

/* line 259, ../../sass/components/_buttons.scss */
input::placeholder {
  font-style: italic;
}

/* line 263, ../../sass/components/_buttons.scss */
.account select {
  padding: 0;
}

/* line 268, ../../sass/components/_buttons.scss */
.modal {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  /* line 274, ../../sass/components/_buttons.scss */
  .modal > .modal-dialog {
    position: absolute;
    transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    top: 50%;
    left: 50%;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  /* line 274, ../../sass/components/_buttons.scss */
  .modal > .modal-dialog {
    width: 90%;
  }
}

@media (max-width: 767px) {
  /* line 287, ../../sass/components/_buttons.scss */
  .modal > .modal-dialog {
    width: 90%;
  }
}

/* line 293, ../../sass/components/_buttons.scss */
.modal-form {
  width: 80%;
  margin: auto;
  padding-top: 31px;
}

/* line 298, ../../sass/components/_buttons.scss */
.modalConnexion {
  background-color: #f6d04b;
  border-radius: 0;
}

/* line 302, ../../sass/components/_buttons.scss */
.modal-inscription {
  background-color: #fff;
  border-radius: 5px;
  padding: 17px 10px;
  color: #000;
  border: 0;
  box-shadow: none;
}

/* line 306, ../../sass/components/_buttons.scss */
.modal-block-btn {
  margin-bottom: 30px;
  margin-top: 35px;
}

@media (max-width: 767px) {
  /* line 310, ../../sass/components/_buttons.scss */
  .btn-endform {
    position: fixed;
    left: 5%;
    width: 90%;
    bottom: 20px;
    z-index: 999;
    padding: 12px;
  }
}

/* line 3, ../../sass/pages/_home.scss */
body {
  -webkit-font-smoothing: antialiased;
  color: #28293D;
}

/* line 7, ../../sass/pages/_home.scss */
#menu-company {
  margin-left: -4%;
}
@media (max-width: 767px) {
  /* line 7, ../../sass/pages/_home.scss */
  #menu-company {
    margin-left: 5px;
    width: calc(100% - 40px);
    margin-top: 95px;
  }
}
/* line 16, ../../sass/pages/_home.scss */
#menu-search.collapse li, #menu li ul.collapse li, #menu li ul.collapsing li {
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  color: #222;
  font-size: 13px;
  width: 270px;
  padding: 5px 21px;
  overflow: hidden;
  border: 0;
}
/* line 23, ../../sass/pages/_home.scss */
#menu-search.collapse li:hover, #menu li ul.collapse li:hover {
  color: #000;
}

/* line 29, ../../sass/pages/_home.scss */
.selector-company {
  margin-top: -5px;
}
@media (max-width: 767px) {
  /* line 29, ../../sass/pages/_home.scss */
  .selector-company {
    position: absolute;
    top: 53px;
    left: -10%;
    font-size: var(--font-size) !important;
    width: 50%;
    overflow: hidden;
    height: 22px;
    margin-top: 0 !important;
  }
}

.company-sheet h3 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* line 44, ../../sass/pages/_home.scss */
.member {
  float: left;
  width: 22%;
  margin: 1.5%;
  text-align: center;
  font-size: 16px;
  height: 260px;
  padding: 1em;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 44, ../../sass/pages/_home.scss */
  .member {
    width: 30%;
  }
}
@media (max-width: 767px) {
  /* line 44, ../../sass/pages/_home.scss */
  .member {
    width: 80%;
    margin: 10%;
    height: auto;
  }
}
/* line 63, ../../sass/pages/_home.scss */
.member img {
  border-radius: 50%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: 0.5s;
  height: auto;
  max-width: 100%;
}
/* line 71, ../../sass/pages/_home.scss */
.member img:hover {
  border-radius: 12px;
  transform: scale(1.05);
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
/* line 79, ../../sass/pages/_home.scss */
.member span {
  font-size: var(--font-size);
  font-style: italic;
}

/* line 86, ../../sass/pages/_home.scss */
#contact > div {
  float: left;
  width: 50%;
  padding: 0 15px;
  min-height: 90px;
}
/* line 92, ../../sass/pages/_home.scss */
#contact > div:nth-child(7), #contact > div:nth-child(8) {
  width: 100%;
}
/* line 96, ../../sass/pages/_home.scss */
#contact > div:nth-child(8) {
  text-align: center;
}
@media (max-width: 767px) {
  /* line 86, ../../sass/pages/_home.scss */
  #contact > div {
    width: 100%;
  }
}
/* line 104, ../../sass/pages/_home.scss */
#contact > div textarea {
  height: 180px;
}
/* line 108, ../../sass/pages/_home.scss */
#contact > div button[type=submit] {
  background-color: #535390;
  color: #fff;
}

/* line 115, ../../sass/pages/_home.scss */
.block-buttons {
  font-size: 11px;
}

/* line 119, ../../sass/pages/_home.scss */
.block-question {
  margin-top: 10px;
  text-align: center;
}

/* line 123, ../../sass/pages/_home.scss */
.block-promo {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: 1em;
}

/* line 127, ../../sass/pages/_home.scss */
.carousel {
  margin-top: 79px;
  max-height: 480px;
  overflow: hidden;
}
@media (max-width: 767px) {
  /* line 127, ../../sass/pages/_home.scss */
  .carousel {
    margin-top: 94px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 127, ../../sass/pages/_home.scss */
  .carousel {
    margin-top: 130px;
  }
}

/* line 141, ../../sass/pages/_home.scss */
.img-promo {
  max-width: 21%;
  height: auto;
  margin: 1em;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
}
/* line 146, ../../sass/pages/_home.scss */
.img-promo:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 141, ../../sass/pages/_home.scss */
  .img-promo {
    max-width: 30%;
  }
}

/* line 154, ../../sass/pages/_home.scss */
.img-marques {
  max-width: 100%;
  height: auto;
  transition: 0.3s;
}
/* line 159, ../../sass/pages/_home.scss */
.img-marques:hover {
  opacity: 0.8;
  transform: scale(0.9);
  -webkit-filter: grayscale(100%);
}

/* line 165, ../../sass/pages/_home.scss */
.carousel-caption {
  top: 207px;
  width: 80%;
  margin: auto;
  right: 10%;
  left: 10%;
}

/* line 173, ../../sass/pages/_home.scss */
.container-ventes {
  padding-top: 20px;
  padding-bottom: 30px;
}
/* line 179, ../../sass/pages/_home.scss */



/* line 203, ../../sass/pages/_home.scss */
.container-promos {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  /* line 203, ../../sass/pages/_home.scss */
  .container-promos {
    padding-top: 40px;
  }
  /* line 211, ../../sass/pages/_home.scss */
  .container-promos .row {
    display: table;
  }
  /* line 214, ../../sass/pages/_home.scss */
  .container-promos .row > div {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
}
/* line 223, ../../sass/pages/_home.scss */
.container-promos a {
  color: #000;
  text-decoration: none;
}

/* line 228, ../../sass/pages/_home.scss */
.carousel-indicators {
  bottom: 0;
}

/* line 232, ../../sass/pages/_home.scss */
.container-marques {
  background-color: #efefef;
  padding-top: 15px;
  padding-bottom: 25px;
  border-top: 5px solid #d6d6d6;
}
/* line 238, ../../sass/pages/_home.scss */
.container-marques h3 {
  color: #252024;
  margin-top: 5px;
  font-weight: 600;
}

/* line 244, ../../sass/pages/_home.scss */
.container-numbers {
  background-image: url("/assets/images/widget.jpg");
  background-position: center;
  background-size: cover;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  filter: grayscale(-70%);
  transition: 0.3s;
  filter: grayscale(100%);
}
/* line 252, ../../sass/pages/_home.scss */
.container-numbers:hover {
  filter: grayscale(0%);
}

/*a.item-links:last-child {
	border-right: none !important;
}*/
/* line 259, ../../sass/pages/_home.scss */
.item-number-1, .item-number-2, .item-number-3, .item-number-4 {
  transition: 0.2s;
}
/* line 262, ../../sass/pages/_home.scss */
.item-number-1:hover, .item-number-2:hover, .item-number-3:hover, .item-number-4:hover {
  transform: scale(1.1);
}

/* line 267, ../../sass/pages/_home.scss */
.item-number-1 {
  background-image: url("/assets/images/picto-number-1.png");
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 50% 0%;
  list-style: none;
  padding-top: 70px;
}

/* line 275, ../../sass/pages/_home.scss */
.item-number-2 {
  background-image: url("/assets/images/picto-number-2.png");
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 50% 0%;
  list-style: none;
  padding-top: 70px;
}

/* line 283, ../../sass/pages/_home.scss */
.item-number-3 {
  background-image: url("/assets/images/picto-number-3.png");
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 50% 0%;
  list-style: none;
  padding-top: 70px;
}

/* line 291, ../../sass/pages/_home.scss */
.item-number-4 {
  background-image: url("/assets/images/picto-number-4.png");
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 50% 0%;
  list-style: none;
  padding-top: 70px;
}

/* line 299, ../../sass/pages/_home.scss */
.picto-start {
  font-size: 15px;
  color: #535390;
}

/* line 303, ../../sass/pages/_home.scss */
.text-block-n, .text-block-m {
  color: #fff;
  width: 70%;
  margin: 20% 0 0 7%;
}
/* line 308, ../../sass/pages/_home.scss */
.text-block-n h3, .text-block-m h3 {
  font-size: 32px;
  font-weight: 600;
}

/* line 313, ../../sass/pages/_home.scss */
.text-ques {
  font-size: 11px;
}

/* line 316, ../../sass/pages/_home.scss */
.text-ins, .text-client, .text-panier {
  margin-right: 15px;
  color: #000;
}
/* line 319, ../../sass/pages/_home.scss */
.text-ins:hover, .text-client:hover, .text-panier:hover {
  text-decoration: none;
  color: #535390;
  cursor: pointer;
}

/* line 325, ../../sass/pages/_home.scss */
.text-con {
  color: #000;
}
/* line 327, ../../sass/pages/_home.scss */
.text-con:hover {
  text-decoration: none;
  color: #535390;
  cursor: pointer;
}

/* line 333, ../../sass/pages/_home.scss */
.text-yellow {
  color: #f6d04b;
}

/* line 336, ../../sass/pages/_home.scss */
.text-light, .link-specification-r, .text-specification, .text-footer, .text-specification-r, .text-conf {
  font-weight: 100;
}

/* line 340, ../../sass/pages/_home.scss */
.text-slider {
  /* text-shadow: 0px 1px 3px #0000008c; */
  font-size: 44px;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 340, ../../sass/pages/_home.scss */
  .text-slider {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 354, ../../sass/pages/_home.scss */
  .navbar-form {
    margin-bottom: 0;
    border-bottom: none;
  }

  /* line 358, ../../sass/pages/_home.scss */
  .btn-slider {
    font-size: 7px;
  }

  /* line 361, ../../sass/pages/_home.scss */
  .block-buttons {
    margin-top: 15px;
    text-align: right;
  }

  /* line 365, ../../sass/pages/_home.scss */
  .carousel {
    height: 30vh;
  }

  /* line 368, ../../sass/pages/_home.scss */
  .carousel-caption {
    top: 5vw;
    width: 69%;
  }

  /* line 372, ../../sass/pages/_home.scss */
  .container-footer {
    padding: 15px;
  }

  /* line 375, ../../sass/pages/_home.scss */
  .img-promo {
    max-width: 44%;
    margin: .5em;
  }

  /* line 379, ../../sass/pages/_home.scss */
  .img-slider {
    height: 30vh !important;
  }

  /* line 382, ../../sass/pages/_home.scss */
  .text-footerbase {
    padding: 10px;
  }

  /* line 385, ../../sass/pages/_home.scss */
  .text-slider {
    font-size: 17px !important;
  }

  /* line 388, ../../sass/pages/_home.scss */
  .text-ins, .text-client, .text-panier {
    padding-right: 0;
  }

  /* line 391, ../../sass/pages/_home.scss */
  .text-con {
    padding-left: 15px;
  }

  /* line 395, ../../sass/pages/_home.scss */
  .container-ventes {
    margin-top: 94px;
  }
}
@media (max-width: 767px) {
  /* line 403, ../../sass/pages/_home.scss */
  .border-right {
    border-right: none;
  }

  /* line 406, ../../sass/pages/_home.scss */
  .container-btn-close {
    margin-bottom: 50px;
    display: block;
  }
  /* line 409, ../../sass/pages/_home.scss */
  .container-btn-close .close {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0.2em;
    font-size: 30px;
  }

  /* line 417, ../../sass/pages/_home.scss */
  .container-footer {
    padding: 0;
  }

  /* line 420, ../../sass/pages/_home.scss */
  .container-menu-icon {
    display: inline-block;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 30px;
  }

  /* line 426, ../../sass/pages/_home.scss */
  .header-menu-middle-home {
    width: 50%;
    height: 100vh;
    background-color: #111;
    position: absolute;
    right: 0;
  }

  .header-menu-middle li {display: inline-block;list-style: none;width: 100%;}

  /* line 433, ../../sass/pages/_home.scss */
  .container-links {
    height: auto;
  }

  /* line 436, ../../sass/pages/_home.scss */
  .block-produits, .block-info, .block-paiment, .block-tele {
    height: auto;
  }

  /* line 439, ../../sass/pages/_home.scss */
  .img-logo {
    max-width: 100% !important;
  }

  /* line 442, ../../sass/pages/_home.scss */
  .item-links {
    text-align: left;
  }

  /* line 445, ../../sass/pages/_home.scss */
  .menu-home {
    display: none;
  }

  /* line 448, ../../sass/pages/_home.scss */
  .padd-left {
    padding-left: 10px;
  }
}
/* line 3, ../../sass/pages/_catalogue.scss */
.barre-input {
  background-color: #535390;
  width: 100%;
  height: 3px;
}
/* line 7, ../../sass/pages/_catalogue.scss */
.barre-input .btn-left, .barre-input .btn-right {
  background-color: #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  border: 1px solid #111;
  display: inline-block;
}
/* line 15, ../../sass/pages/_catalogue.scss */
.barre-input .btn-right {
  float: right;
}

/* line 22, ../../sass/pages/_catalogue.scss */
.nav-catalog .breadcrumb {
  border-radius: 0;
  margin-left: 15px;
}
/* line 26, ../../sass/pages/_catalogue.scss */
.nav-catalog .breadcrumb > li + li:before {
  padding: 0 20px;
  content: ">";
}

/* line 33, ../../sass/pages/_catalogue.scss */
.block-produit {
  background-color: #F5F5F5;
  margin: 15px 0 15px 15px;
  width: 31.2%;
  height: auto;
  display: inline-block;
}
/* line 40, ../../sass/pages/_catalogue.scss */
.block-produit .produit {
  overflow: hidden;
}

/* line 44, ../../sass/pages/_catalogue.scss */
.block-btn-confirmer {
  margin-top: 35px;
  text-align: center;
}

/* line 48, ../../sass/pages/_catalogue.scss */
.container-pg-prix {
  margin: 50px 0 30px 0;
}

/* line 51, ../../sass/pages/_catalogue.scss */
.container-catalog {
  margin: 50px 0 20px 0;
}

/* line 54, ../../sass/pages/_catalogue.scss */
.container-catego {
  font-size: 12px;
  border: 1px solid #eee;
  margin-bottom: 20px;
  padding: 10px 20px;
  border-radius: 5px;
}
/* line 58, ../../sass/pages/_catalogue.scss */
.container-catego:not(:first-child) .btn-section-pro {
}
/* line 63, ../../sass/pages/_catalogue.scss */
.container-catego .collapse {
  padding-left: 10px;
}
/* line 67, ../../sass/pages/_catalogue.scss */
.container-catego .collapse a {
  font-size: 11px;
  color: #999;
}
/* line 73, ../../sass/pages/_catalogue.scss */
.container-catego label {
  transition: 0.4s;
  font-size: 12px;
}

/* line 78, ../../sass/pages/_catalogue.scss */
.container-btn-ajouter {
  float: right;
  clear: both;
}

/* line 82, ../../sass/pages/_catalogue.scss */
#filters {
  padding: 0;
  /* position: sticky; */
  /* top: 94px; */
  padding-right: 38px;
  padding-top: 30px;
}

/* line 85, ../../sass/pages/_catalogue.scss */
.container-ref {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 89, ../../sass/pages/_catalogue.scss */
.pagination {
  margin: 0;
}

/* line 92, ../../sass/pages/_catalogue.scss */
.container-section-pro {
  background-color: inherit;
  padding: 1em 0;
  padding-bottom: 20px;
}
/* line 97, ../../sass/pages/_catalogue.scss */
.container-section-pro label {
  display: block;
}

/* line 101, ../../sass/pages/_catalogue.scss */
.check-section {
  margin: 4px 10px 0 0 !important;
}

/* line 104, ../../sass/pages/_catalogue.scss */
.img-produit {
  text-align: center;
  height: 100%;
  width: auto;
  margin-bottom: 5px;
}

/* line 110, ../../sass/pages/_catalogue.scss */
.item-links-catalog {
  color: #000;
  text-decoration: none;
}
/* line 113, ../../sass/pages/_catalogue.scss */
.item-links-catalog:hover, .item-links-catalog:focus {
  color: #535390;
}

/* line 117, ../../sass/pages/_catalogue.scss */
.links-result {
  color: #000;
  text-decoration: none;
}
/* line 120, ../../sass/pages/_catalogue.scss */
.links-result:hover {
  color: #000;
  text-decoration: none;
}

/* line 125, ../../sass/pages/_catalogue.scss */
.padd-right {
  padding-right: 0;
}

/* line 128, ../../sass/pages/_catalogue.scss */
.produit {
  height: 240px;
  text-align: center;
  background-color: #fff;
  margin: 1em;
}

/* line 134, ../../sass/pages/_catalogue.scss */
.price {
  text-align: right;
  font-weight: bold;
  color: #55548a;
}

/* line 139, ../../sass/pages/_catalogue.scss */
.plus-result {
  margin-top: 10px;
}

/* line 142, ../../sass/pages/_catalogue.scss */
.margin-top-container {
  margin-top: 190px;
}

/* line 145, ../../sass/pages/_catalogue.scss */
.form-control.select-goot {
  background-color: #535390;
  color: #fff;
  border: 0;
  box-shadow: none;
  padding-left: 22px;
  border-radius: 3px;
  background: transparent;
  color: #333;
  line-height: 22px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  width: auto;
  border: 0;
  padding: 0;
  height: 34px;
}

/* line 149, ../../sass/pages/_catalogue.scss */
.text-catego {
  margin: 20px 0 20px 0;
}

/* line 152, ../../sass/pages/_catalogue.scss */
.text-valeur {
  color: #333;
  font-size: 12px;
  border: 0;
}

/* line 157, ../../sass/pages/_catalogue.scss */
.title-range {
  font-size: 12px;
  text-transform: uppercase;
}

/* line 162, ../../sass/pages/_catalogue.scss */
.ui-widget.ui-widget-content {
  border: none;
  border-radius: 0;
  margin: 20px 10px;
}

/* line 166, ../../sass/pages/_catalogue.scss */
.ui-widget-content {
  border: none;
  background: #c5c5c5;
}

/* line 170, ../../sass/pages/_catalogue.scss */
.ui-slider-horizontal {
  height: 4px;
}

/* line 173, ../../sass/pages/_catalogue.scss */
.ui-widget-header {
  border: none;
  background: #00AFEC;
}

/* line 177, ../../sass/pages/_catalogue.scss */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #000;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

/* line 183, ../../sass/pages/_catalogue.scss */
.ui-slider-horizontal .ui-slider-handle {
  top: -.4em;
}

/* line 186, ../../sass/pages/_catalogue.scss */
.ui-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  top: -8px;
  outline: none;
}

/* line 190, ../../sass/pages/_catalogue.scss */
.ui-slider .ui-slider-range {
  border-radius: 0;
}

/* line 193, ../../sass/pages/_catalogue.scss */
.ui-corner-all {
  border-radius: 100%;
}

@media (min-width: 769px) {
  /* line 198, ../../sass/pages/_catalogue.scss */
  .block-product.col-lg-6 {
    width: calc(50% - 20px);
  }
}
@media (max-width: 575px) {
  /* line 206, ../../sass/pages/_catalogue.scss */
  .block-produit {
    width: 95% !important;
  }

  /* line 209, ../../sass/pages/_catalogue.scss */
  .container-pg-prix {
    width: 95% !important;
  }
}
@media (max-width: 767px) {
  /* line 215, ../../sass/pages/_catalogue.scss */
  .breadcrumb {
    margin-left: 0;
  }

  /* line 218, ../../sass/pages/_catalogue.scss */
  .block-produit {
    width: 45%;
    margin: 15px 0 15px 0px;
  }

  /* line 222, ../../sass/pages/_catalogue.scss */
  .container-pg-prix {
    width: 50vw;
  }
}
/* line 3, ../../sass/pages/_login.scss */
.block-title {
  text-align: center;
  margin: 50px 0 50px 0;
}

/* line 7, ../../sass/pages/_login.scss */
.block-log, .block-sign {
  display: inline-block;
  width: 46.5%;
  height: 360px;
  margin: 1em;
  padding: 1em;
  text-align: center;
  vertical-align: top;
  background-color: #F5F5F5;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 7, ../../sass/pages/_login.scss */
  .block-log, .block-sign {
    width: 95%;
    height: auto;
    padding: 3em;
  }
}
@media (max-width: 767px) {
  /* line 7, ../../sass/pages/_login.scss */
  .block-log, .block-sign {
    width: 95%;
    height: auto;
    padding: 2em;
  }
}

/* line 30, ../../sass/pages/_login.scss */
.block-form-log {
  margin-top: 40px;
}

/* line 33, ../../sass/pages/_login.scss */
.block-form-sign {
  margin: 40px 0 30px 0;
}

/* line 36, ../../sass/pages/_login.scss */
.block-btn-connexion {
  margin: 1em;
}
@media (max-width: 767px) {
  /* line 36, ../../sass/pages/_login.scss */
  .block-btn-connexion {
    margin: auto;
  }
}

/* line 42, ../../sass/pages/_login.scss */
.block-btn-inscription {
  margin: 1em;
}
@media (max-width: 767px) {
  /* line 42, ../../sass/pages/_login.scss */
  .block-btn-inscription {
    margin: auto;
  }
}

/* line 48, ../../sass/pages/_login.scss */
.block-left {
  text-align: left;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 48, ../../sass/pages/_login.scss */
  .block-left {
    text-align: center;
  }
}

/* line 54, ../../sass/pages/_login.scss */
.block-right {
  text-align: right;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 54, ../../sass/pages/_login.scss */
  .block-right {
    text-align: center;
    margin-bottom: 10px;
  }
}

/* line 61, ../../sass/pages/_login.scss */
.bg-container {
  background-color: #F5F5F5;
}

/* line 64, ../../sass/pages/_login.scss */
.bg-container-principal {
  background-color: #fff;
}

/* line 67, ../../sass/pages/_login.scss */
.container-id {
  width: 80%;
  margin: auto;
  margin-bottom: 70px;
  margin-top: 140px;
}
@media (max-width: 767px) {
  /* line 67, ../../sass/pages/_login.scss */
  .container-id {
    width: 95%;
  }
}

/* line 76, ../../sass/pages/_login.scss */
.link-mdp {font-weight: bold;text-decoration: underline !important;display: block;text-align: center;}

/* line 79, ../../sass/pages/_login.scss */
.input-log {
  border-radius: 0;
  font-style: italic;
  padding: 1.5em;
}

/* line 84, ../../sass/pages/_login.scss */
.input-sign {
  display: inline-block;
  width: 80%;
  border-radius: 0;
  font-style: italic;
  padding: 1.5em;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 84, ../../sass/pages/_login.scss */
  .input-sign {
    width: 100%;
  }
}
@media (max-width: 767px) {
  /* line 84, ../../sass/pages/_login.scss */
  .input-sign {
    width: 100%;
    margin-bottom: 15px;
  }
}

/* line 98, ../../sass/pages/_login.scss */
.input-sign-2 {
  margin: auto;
  border-radius: 0;
  font-style: italic;
  padding: 1.5em;
}

/* line 2, ../../sass/pages/_ficheproduit.scss */
.product-full h5 {
  color: #b4b6c1;
}
/* line 7, ../../sass/pages/_ficheproduit.scss */
.product-full p.dates {
  font-style: italic;
  font-size: 11px;
  padding-top: 3px;
}
/* line 13, ../../sass/pages/_ficheproduit.scss */
.product-full .wrapper-img {
  overflow: hidden;
  /* box-shadow: 0 2px 3px #eee; */
  background: #fff;
  padding: 0px;
  margin-right: 20px !important;
  width: 100%;
  vertical-align: middle;
  display: block;
  border: 1px solid #eee;
  height: auto !important;
}
/* line 18, ../../sass/pages/_ficheproduit.scss */
.product-full h2 {
  margin-top: 25px;
  padding-top: 0;
  font-size: 36px;
  line-height: 48px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 25, ../../sass/pages/_ficheproduit.scss */
.suggested-products .block-product {
  transition: 0.5s;
  overflow: hidden;
}
/* line 29, ../../sass/pages/_ficheproduit.scss */
.suggested-products .block-product.hidden {
  height: 0;
}

/* line 36, ../../sass/pages/_ficheproduit.scss */
ul .promotion {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 5px;
}
/* line 40, ../../sass/pages/_ficheproduit.scss */
ul .promotion a {
  color: #000;
  text-decoration: none;
  transition: 0.3s;
}
/* line 45, ../../sass/pages/_ficheproduit.scss */
ul .promotion a:hover {
  padding-left: 0;
}
/* line 48, ../../sass/pages/_ficheproduit.scss */
ul .promotion a:hover .media-object {
  /*  */
}
/* line 54, ../../sass/pages/_ficheproduit.scss */
ul .promotion .media-left {
  overflow: hidden;
  min-width: 125px;
}
/* line 58, ../../sass/pages/_ficheproduit.scss */
ul .promotion .media-left .media-object {
  max-width: 120px;
  max-height: 120px;
  transition: 0.5s;
  border-radius: 4px;
}
/* line 65, ../../sass/pages/_ficheproduit.scss */
ul .promotion h5 {
  color: #D4AF37;
}
/* line 69, ../../sass/pages/_ficheproduit.scss */
ul .promotion p {
  margin-bottom: 0;
}
/* line 72, ../../sass/pages/_ficheproduit.scss */
ul .promotion p.dates {
  font-style: italic;
  font-size: 12px;
}

/* line 81, ../../sass/pages/_ficheproduit.scss */
.paginable-item.paginable {
  display: none !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* line 91, ../../sass/pages/_ficheproduit.scss */
.loader-company:first-of-type, .loader-colisage:first-of-type, .loader-orders:first-of-type {
  display: block !important;
  border: 5px solid #e9e9e9;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 6px solid var(--color-main);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-left: calc(50% - 25px);
  margin-right: calc(50% - 25px);
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 106, ../../sass/pages/_ficheproduit.scss */
.catalog {
  position: relative;
}
/* line 122, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.col-lg-4 {
  width: calc(33.333% - 30px);
  background: #fff;
  border-radius: 4px;
  position: relative;
  top: 0;
}
.package-product-list .catalog  .block-product.col-lg-4 {
  width: calc(50% - 30px);
}
/* line 126, ../../sass/pages/_ficheproduit.scss */
.promotions .block-product.col-lg-3 {
  background: #fff;
  width: calc(25% - 30px);
  padding: 10px 20px;
}
@media (max-width: 767px) {
  .catalog .block-product.col-lg-3, .catalog .block-product.col-lg-4 {
    width: calc(100% - 30px);
    height: auto;
  }
}
/* line 130, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.hidden {
  display: block !important;
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid var(--color-main);
  border-radius: 50%;
  width: 50px !important;
  height: 50px !important;
  margin-left: calc(12.5% - 25px);
  margin-right: calc(12.5% - 25px);
  margin-top: 75px;
  margin-bottom: 20px;
  padding: 0;
  background: transparent;
}
/* line 145, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product:hover {border-color: #ccc;box-shadow: 0px 5px 5px #ddd, 0px 1px 13px 0px #eee, 0px -1px 2px #eee;transition: all 0.2s ease-in;background: #fff;}
/* line 149, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product:hover h4 {}
/* line 154, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product:hover div.add-product {
}
/* line 163, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.disabled {
  opacity: 0.5;
}
/* line 167, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.disabled div.add-product {
  opacity: 0;
}
/* line 173, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product h4 {font-size: var(--font-size);line-height: 18px;font-weight: bold;font-weight: 600;}
/* line 180, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product a.img {
  display: block;
  margin: 0 0 15px;
  width: 100%;
  text-align: center;
  height: 220px;
  background-color: #fff;
  overflow: hidden;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  position: static;
  padding: 19px;
}
/* line 192, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product a.img img {
  max-height: 100%;
  transition: 0.5s;
  max-width: 100%;
  height: auto;
  width: auto;
  margin: auto;
}
/* line 203, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product .price {
  float: right;
  line-height: 30px;
  padding-left: 5px;
  font-size: 18px;
  color: #26256a;
  font-size: 15px;
  margin-top: -12px;
}
/* line 211, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product div.add-product {
  margin-right: 0;
  transition: 0.3s;
  opacity: 1 !important;
  height: 56px;
  display: inline-block !important;
  position: absolute;
  left: 0;
  bottom: 20px;
  font-weight: 600;
}

.short_qte {
  width: 25px;
  display: inline-block;
  margin: 0;
  text-align: center;
  font-size: 16px;
  color: #000;
  height: 54px;
  border: 0;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  width: 54px;
  margin-bottom: 0 !important;
  vertical-align: top;
  line-height: 54px;
  margin: 0 -4px;
  outline: none;
}
.block-product div.add-product:hover input.short_qte {
}

.catalog .block-product div.add-product:not(:hover):not(.active) > * {
}

.catalog .block-product div.add-product:hover .glyphicon.pull-left,
.catalog .block-product div.add-product:hover .glyphicon.pull-right
{
}

.block-product .media-heading {
  max-height:47px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 20px;
  height: 47px;
}

.catalog .block-product div.add-product:hover, .catalog .block-product div.add-product.active {
}

.block-product div.add-product .glyphicon {
  transition:0.15s;
  line-height:24px;
  margin: 0;
  transition: all 0.5s;
  font-size: 12px;
}


.catalog .block-product div.add-product .glyphicon:active {
  /* font-size:20px; */
  opacity:0.5;
}

/* line 226, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product .display-full {
  display: none;
}
/* line 230, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.detail-product {
  position: absolute;
  box-shadow: 2px 5px 5px #ccc;
  width: calc(100% - 20px);
  z-index: 1;
  margin-left: 10px;
  height: 380px;
  overflow: hidden;
  border: 0;
}
/* line 240, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.detail-product .block-picto-produit-2 {
  float: none;
}
@media (max-width: 767px) {
  /* line 245, ../../sass/pages/_ficheproduit.scss */
  .catalog .block-product.detail-product a.img {
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 230, ../../sass/pages/_ficheproduit.scss */
  .catalog .block-product.detail-product {
    min-height: 380px;
    height: auto;
  }
}
/* line 257, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.detail-product .second-row {
  width: calc(75% - 380px);
}
@media (max-width: 767px) {
  /* line 257, ../../sass/pages/_ficheproduit.scss */
  .catalog .block-product.detail-product .second-row {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 257, ../../sass/pages/_ficheproduit.scss */
  .catalog .block-product.detail-product .second-row {
    width: calc(100% - 380px);
  }
}
/* line 269, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.detail-product .third-row {
  width: 25%;
}
@media (max-width: 767px) {
  /* line 269, ../../sass/pages/_ficheproduit.scss */
  .catalog .block-product.detail-product .third-row {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 269, ../../sass/pages/_ficheproduit.scss */
  .catalog .block-product.detail-product .third-row {
    width: calc(100% - 380px);
  }
}
/* line 280, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.detail-product .third-row .block-prix-detail {
  padding: 10px;
  margin-bottom: -90px;
  background-color: transparent;
}
/* line 287, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.detail-product h4 {
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  text-align: left;
  border-left: 3px solid #F6D04B;
  padding: 5px 15px;
}
/* line 297, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.detail-product table {
  margin-bottom: 15px;
}
/* line 300, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.detail-product table td {
  padding-right: 15px;
}
@media (min-width: 768px) {
  /* line 305, ../../sass/pages/_ficheproduit.scss */
  .catalog .block-product.detail-product > div {
    float: left;
    width: calc(100% - 380px);
    padding: 15px;
  }
}
@media (max-width: 767px) {
  /* line 230, ../../sass/pages/_ficheproduit.scss */
  .catalog .block-product.detail-product {
    height: auto;
  }
}
/* line 318, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.detail-product a.img {
  width: 350px;
  height: 350px;
  float: left;
  margin-right: 15px;
}
@media (max-width: 767px) {
  /* line 318, ../../sass/pages/_ficheproduit.scss */
  .catalog .block-product.detail-product a.img {
    width: 100%;
  }
}
/* line 330, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.detail-product .display-full {
  display: block;
}
/* line 334, ../../sass/pages/_ficheproduit.scss */
.catalog .block-product.detail-product .display-minus {
  display: none;
}

/* line 343, ../../sass/pages/_ficheproduit.scss */
.block-logos {
  margin: 1em;
  text-align: center;
}

/* line 347, ../../sass/pages/_ficheproduit.scss */
.block-description {
  margin-bottom: 0;
}
/* line 350, ../../sass/pages/_ficheproduit.scss */
.block-description .text-light, .block-description .link-specification-r, .block-description .text-specification, .block-description .text-footer, .block-description .text-specification-r, .block-description .text-conf {
  font-size: 13px;
}

/* line 354, ../../sass/pages/_ficheproduit.scss */
.block-prices {
  margin-bottom: 20px;
  margin-top: -5px;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 354, ../../sass/pages/_ficheproduit.scss */
  .block-prices {
    padding: 0;
  }
}
@media (max-width: 767px) {
  /* line 354, ../../sass/pages/_ficheproduit.scss */
  .block-prices {
    padding: 15px 15px 0 15px;
    margin-top: 20px;
  }
}

/* line 365, ../../sass/pages/_ficheproduit.scss */
.block-btn-ajouter {
  text-align: center;
  display: block;
  margin-top: 15px;
}

/* line 370, ../../sass/pages/_ficheproduit.scss */
.block-compte {
  display: inline-block;
  width: auto;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 370, ../../sass/pages/_ficheproduit.scss */
  .block-compte {
    width: 49%;
  }
}
@media (max-width: 767px) {
  /* line 370, ../../sass/pages/_ficheproduit.scss */
  .block-compte {
    width: auto;
  }
}

/* line 380, ../../sass/pages/_ficheproduit.scss */
.border-right-grey {
  border-right: 1px solid #333333;
}

/* line 383, ../../sass/pages/_ficheproduit.scss */

/* line 389, ../../sass/pages/_ficheproduit.scss */
.block-prix-detail > .width-table-2 {
  font-size: 13px;
}

/* line 409, ../../sass/pages/_ficheproduit.scss */
.block-picto-produit-1 {
  display: inline-block;
  float: left;
  margin-right: 20px;
  height: 45px;
}
@media (max-width: 767px) {
  /* line 409, ../../sass/pages/_ficheproduit.scss */
  .block-picto-produit-1 {
    height: 35px;
  }
}

/* line 418, ../../sass/pages/_ficheproduit.scss */
.block-picto-produit-2 {
  float: left;
  display: inline-block;
  height: 45px;
}
@media (max-width: 767px) {
  /* line 418, ../../sass/pages/_ficheproduit.scss */
  .block-picto-produit-2 {
    height: 35px;
  }
}

/* line 426, ../../sass/pages/_ficheproduit.scss */
.block-panier {
  display: inline-block;
  width: auto;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 426, ../../sass/pages/_ficheproduit.scss */
  .block-panier {
    width: 49%;
  }
}
@media (max-width: 767px) {
  /* line 426, ../../sass/pages/_ficheproduit.scss */
  .block-panier {
    width: auto;
  }
}

/* line 436, ../../sass/pages/_ficheproduit.scss */
.breadcrumb-2 {
  margin-left: 0;
}

/* line 439, ../../sass/pages/_ficheproduit.scss */
.container-fiche {
  padding: 15px 30px 0 30px;
  margin-top: 177px;
}

/* line 443, ../../sass/pages/_ficheproduit.scss */
.container-description {
  padding-bottom: 20px;
}

/* line 447, ../../sass/pages/_ficheproduit.scss */
.close-alert {
  display: block;
}

/* line 450, ../../sass/pages/_ficheproduit.scss */
.dropdown-arrow {
  border-radius: 0;
}
/* line 453, ../../sass/pages/_ficheproduit.scss */
.dropdown-arrow::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 10%;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #ccc transparent;
  z-index: 2;
}

/* line 465, ../../sass/pages/_ficheproduit.scss */
.link-detail, .link-specification-r {
  font-size: 16px;
  font-weight: 100;
  color: #535390;
}
/* line 469, ../../sass/pages/_ficheproduit.scss */
.link-detail:hover, .link-specification-r:hover {
  color: #535390;
}

/* line 477, ../../sass/pages/_ficheproduit.scss */
.logo-size {
  font-size: 30px;
}

/* line 480, ../../sass/pages/_ficheproduit.scss */
.width-table-1 {
  width: 100%;
  font-size: var(--font-size);
}
/* line 485, ../../sass/pages/_ficheproduit.scss */
.width-table-1 td {
  border-bottom: 1px solid #f5f5f5;
  height: 32px;
  line-height: 32px;
  color: #000;
}
/* line 490, ../../sass/pages/_ficheproduit.scss */
.width-table-1 td:first-child {
  width: 40%;
  font-weight: 500;
}
@media (max-width: 767px) {
  /* line 480, ../../sass/pages/_ficheproduit.scss */
  .width-table-1 {
    width: 100%;
  }
}

/* line 500, ../../sass/pages/_ficheproduit.scss */
.width-table-2 {
  width: 100%;
}

/* line 503, ../../sass/pages/_ficheproduit.scss */
.item-link-compte {
  font-weight: 100 !important;
}
/* line 505, ../../sass/pages/_ficheproduit.scss */
.item-link-compte:hover {
  background-color: inherit !important;
  color: #535390 !important;
}

/* line 510, ../../sass/pages/_ficheproduit.scss */
.navbar-form {
  width: 100%;
  margin-bottom: 0;
  padding: 0;
}

/* line 515, ../../sass/pages/_ficheproduit.scss */
.produit-img {
  height: 300px;
  text-align: center;
}

/* line 519, ../../sass/pages/_ficheproduit.scss */
.padding-td {
  padding: 1em;
}

/* line 522, ../../sass/pages/_ficheproduit.scss */
.size-btn {
  font-size: 20px;
  color: #535390;
  cursor: pointer;
}

/* line 527, ../../sass/pages/_ficheproduit.scss */
.size-btn-detail {
  font-size: 13px;
  color: #535390;
  cursor: pointer;
  padding-left: 10px;
}

/* line 533, ../../sass/pages/_ficheproduit.scss */
.text-client, .text-panier {
  font-weight: 100;
  font-size: 11px;
}
@media (max-width: 767px) {
  /* line 533, ../../sass/pages/_ficheproduit.scss */
  .text-client, .text-panier {
    padding-right: 7%;
  }
}

/* line 542, ../../sass/pages/_ficheproduit.scss */


/* line 545, ../../sass/pages/_ficheproduit.scss */
.text-specification, .text-specification-r {
  font-size: 16px;
  font-weight: 500;
}

.text-footer {
  font-weight: 400;
}

/* line 549, ../../sass/pages/_ficheproduit.scss */
.text-specification-r {
  color: #535390;
}

/* line 553, ../../sass/pages/_ficheproduit.scss */
.text-panier {
  margin-right: 5px;
  margin-left: 10px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  /* line 553, ../../sass/pages/_ficheproduit.scss */
  .text-panier {
    margin-left: 3.5%;
  }
}

/* line 562, ../../sass/pages/_ficheproduit.scss */
.text-price-1, .text-price-2 {
  font-size: 24px;
}

/* line 565, ../../sass/pages/_ficheproduit.scss */
.text-price-2 {
  color: #535390;
}

/* line 570, ../../sass/pages/_ficheproduit.scss */
.text-red {
  color: #535390;
}

/* line 573, ../../sass/pages/_ficheproduit.scss */
.width-5 {
  width: 0;
}

/* line 576, ../../sass/pages/_ficheproduit.scss */
.title-service {
  margin-top: 5px;
  font-size: 24px;
}

/* line 580, ../../sass/pages/_ficheproduit.scss */
.type-services {
  margin-top: 10px;
  padding-left: 0;
}
@media (max-width: 767px) {
  /* line 580, ../../sass/pages/_ficheproduit.scss */
  .type-services {
    margin-top: 60px;
  }
}

/* line 1, ../../sass/pages/_tunnel.scss */
.subnav {
  display: table;
  width: calc(100% + 30px);
}
/* line 5, ../../sass/pages/_tunnel.scss */
.subnav li {
  display: table-cell;
  height: 40px;
  line-height: 40px;
  font-size: var(--font-size);
  text-align: center;
  text-transform: uppercase;
  position: relative;
}
@media (min-width: 768px) {
  /* line 5, ../../sass/pages/_tunnel.scss */
  .subnav li {
    width: 25%;
  }
}
@media (max-width: 767px) {
  /* line 5, ../../sass/pages/_tunnel.scss */
  .subnav li {
    font-size: 9px;
    text-align: center;
  }
}
/* line 25, ../../sass/pages/_tunnel.scss */
.subnav li:not(:last-child):before, .subnav li:not(:last-child):after {
  content: "";
  display: block;
  height: 0;
  margin-left: calc(100% - 5px);
  position: absolute;
  width: 0;
  z-index: 99;
}
/* line 37, ../../sass/pages/_tunnel.scss */
.subnav li:not(:last-child):after {
  margin-top: -41px;
  content: "\e080";
  display: block;
  font-family: 'Glyphicons Halflings';
}
/* line 46, ../../sass/pages/_tunnel.scss */
.subnav li.active {
  color: #535390;
}
/* line 49, ../../sass/pages/_tunnel.scss */
.subnav li.active:after {
  border-color: transparent transparent transparent #535390;
}
/* line 53, ../../sass/pages/_tunnel.scss */
.subnav li.active:before {
  border-color: transparent transparent transparent #ffffff;
}
/* line 58, ../../sass/pages/_tunnel.scss */
.subnav li a {
  color: inherit;
  text-decoration: none;
}

/* line 65, ../../sass/pages/_tunnel.scss */
.choice-date {
  float: left;
  width: calc(25% - 20px);
  margin: 5px 10px;
  background-color: #eee;
  height: 34px;
  line-height: 34px;
  text-align: center;
  transition: 0.2s;
  cursor: pointer;
}
/* line 76, ../../sass/pages/_tunnel.scss */
.choice-date.selected {
  color: #fff;
  background-color: var(--color-main);
}
/* line 82, ../../sass/pages/_tunnel.scss */
.choice-date:not(.selected):hover {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08), 0 1px 11px rgba(0, 0, 0, 0.06);
}

/* line 88, ../../sass/pages/_tunnel.scss */
#prices-infos {
  /*background-color:$bg-color-id;*/
  margin: auto;
  padding: 30px;
}
/* line 93, ../../sass/pages/_tunnel.scss */
#prices-infos table {
  text-transform: uppercase;
  width: 100%;
  font-weight: 700;
}
/* line 98, ../../sass/pages/_tunnel.scss */
#prices-infos table tr {
  height: 26px;
}
/* line 101, ../../sass/pages/_tunnel.scss */
#prices-infos table tr td {
  position: relative;
}
/* line 104, ../../sass/pages/_tunnel.scss */
#prices-infos table tr td span {
  height: 27px;
  line-height: 31px;
  position: absolute;
  top: 0;
}
/* line 112, ../../sass/pages/_tunnel.scss */
#prices-infos table tr td:first-child span {
  background-color: #fff;
  display: inline-block;
  padding-right: 10px;
}
/* line 119, ../../sass/pages/_tunnel.scss */
#prices-infos table tr td:first-child:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #aaa;
  top: 20px;
  position: absolute;
}
/* line 130, ../../sass/pages/_tunnel.scss */
#prices-infos table tr td:last-child {
  width: 90px;
  color: var(--color-main);
  text-align: right;
}
/* line 139, ../../sass/pages/_tunnel.scss */
#prices-infos table.collapse.in {
  display: table;
}
/* line 145, ../../sass/pages/_tunnel.scss */
#prices-infos button {
  background-color: #535390;
  border-radius: 0;
  border: none;
  padding: 8px 30px;
}
/* line 151, ../../sass/pages/_tunnel.scss */
#prices-infos button a {
  color: #fff;
}
@media (max-width: 767px) {
  /* line 145, ../../sass/pages/_tunnel.scss */
  #prices-infos button {
    width: 100%;
    margin-top: 15px;
  }
}
/* line 161, ../../sass/pages/_tunnel.scss */
#prices-infos .see-prices {
  margin: 10px 0;
  display: block;
  text-decoration: underline;
  color: #535390;
}
/* line 167, ../../sass/pages/_tunnel.scss */
#prices-infos .see-prices:after {
  content: "+";
  margin-left: 15px;
}

/* line 175, ../../sass/pages/_tunnel.scss */
.btn-pietrini:after {
  position: absolute;
  color: #fff;
  line-height: 18px;
  width: 18px;
  height: 18px;
  font-size: 24px;
  background-color: #535390;
  border-radius: 12px;
  text-align: center;
}

/* line 188, ../../sass/pages/_tunnel.scss */
#basket-details, #basket-recap, #historic-orders {
  /* text-transform: uppercase; */
  margin-top: 20px;
}
/* line 191, ../../sass/pages/_tunnel.scss */
#basket-details small, #basket-recap small, #historic-orders small {
  font-size: 65%;
  text-transform: none;
}
/* line 196, ../../sass/pages/_tunnel.scss */
#basket-details td, #basket-details th, #basket-recap td, #basket-recap th, #historic-orders td, #historic-orders th {
  padding-top: 8px;
}
/* line 199, ../../sass/pages/_tunnel.scss */
#basket-details td, #basket-details th, #basket-recap td, #basket-recap th, #historic-orders td, #historic-orders th {
  text-align: center;
}
/* line 203, ../../sass/pages/_tunnel.scss */
#basket-details td a, #basket-details th a, #basket-recap td a, #basket-recap th a, #historic-orders td a, #historic-orders th a {
  color: var(--color-main);
  text-decoration: none;
  font-weight: 600;
}
/* line 209, ../../sass/pages/_tunnel.scss */
#basket-details td s, #basket-details th s, #basket-recap td s, #basket-recap th s, #historic-orders td s, #historic-orders th s {
  color: #535390;
}
/* line 215, ../../sass/pages/_tunnel.scss */
#basket-details #promotions td, #basket-recap #promotions td, #historic-orders #promotions td {
  color: #fff;
  background-color: #535390;
}
@media (max-width: 767px) {
  /* line 221, ../../sass/pages/_tunnel.scss */
  #basket-details thead, #basket-recap thead, #historic-orders thead {
    display: none;
  }
}
/* line 226, ../../sass/pages/_tunnel.scss */
#basket-details thead th, #basket-recap thead th, #historic-orders thead th {
  position: relative;
  padding-bottom: 15px;
}
/* line 231, ../../sass/pages/_tunnel.scss */
#basket-details thead th:not(:first-child):not(:last-child):after, #basket-recap thead th:not(:first-child):not(:last-child):after, #historic-orders thead th:not(:first-child):not(:last-child):after {
  position: absolute;
  content: "";
  height: 18px;
  width: 2px;
  background-color: #eee;
  right: 0;
}
/* line 246, ../../sass/pages/_tunnel.scss */
#basket-details tbody tr, #basket-recap tbody tr, #historic-orders tbody tr {
  border-bottom: 1px solid #eee;
}
/* line 249, ../../sass/pages/_tunnel.scss */
#basket-details tbody tr:hover, #basket-recap tbody tr:hover, #historic-orders tbody tr:hover {
  background-color: #fff;
}
/* line 253, ../../sass/pages/_tunnel.scss */
#basket-details tbody tr.no-stock, #basket-recap tbody tr.no-stock, #historic-orders tbody tr.no-stock {
  background: repeating-linear-gradient(-45deg, #eee, #eee 10px, transparent 10px, transparent 20px);
  border-bottom: 1px solid #fafafa;
}
/* line 258, ../../sass/pages/_tunnel.scss */
#basket-details tbody td, #basket-recap tbody td, #historic-orders tbody td {
  padding-bottom: 8px;
}
@media (max-width: 767px) {
  /* line 261, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td .img-responsive, #basket-recap tbody td .img-responsive, #historic-orders tbody td .img-responsive {
    max-width: 70px;
  }
}
@media (max-width: 320px) {
  /* line 261, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td .img-responsive, #basket-recap tbody td .img-responsive, #historic-orders tbody td .img-responsive {
    max-width: 60px;
  }
}
/* line 270, ../../sass/pages/_tunnel.scss */
#basket-details tbody td:not(.header), #basket-recap tbody td:not(.header), #historic-orders tbody td:not(.header) {
  font-size: var(--font-size);
}
@media (max-width: 767px) {
  /* line 270, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td:not(.header), #basket-recap tbody td:not(.header), #historic-orders tbody td:not(.header) {
    font-size: 11px;
  }
}
/* line 277, ../../sass/pages/_tunnel.scss */
#basket-details tbody td:not(.header):nth-child(1), #basket-recap tbody td:not(.header):nth-child(1), #historic-orders tbody td:not(.header):nth-child(1) {
  width: 8%;
  text-align: center;
}
@media (max-width: 767px) {
  /* line 277, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td:not(.header):nth-child(1), #basket-recap tbody td:not(.header):nth-child(1), #historic-orders tbody td:not(.header):nth-child(1) {
    width: 7%;
  }
}
@media (max-width: 320px) {
  /* line 277, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td:not(.header):nth-child(1), #basket-recap tbody td:not(.header):nth-child(1), #historic-orders tbody td:not(.header):nth-child(1) {
    width: 1%;
  }
}
/* line 288, ../../sass/pages/_tunnel.scss */
#basket-details tbody td:not(.header):nth-child(2), #basket-recap tbody td:not(.header):nth-child(2), #historic-orders tbody td:not(.header):nth-child(2) {
  width: 27%;
  padding-left: 10px;
}
@media (max-width: 767px) {
  /* line 288, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td:not(.header):nth-child(2), #basket-recap tbody td:not(.header):nth-child(2), #historic-orders tbody td:not(.header):nth-child(2) {
    width: 32%;
  }
}
@media (max-width: 320px) {
  /* line 288, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td:not(.header):nth-child(2), #basket-recap tbody td:not(.header):nth-child(2), #historic-orders tbody td:not(.header):nth-child(2) {
    width: 20%;
  }
}
/* line 300, ../../sass/pages/_tunnel.scss */
#basket-details tbody td:not(.header):nth-child(3), #basket-recap tbody td:not(.header):nth-child(3), #historic-orders tbody td:not(.header):nth-child(3) {
  /* width: 11%; */
}
/* line 304, ../../sass/pages/_tunnel.scss */
#basket-details tbody td:not(.header):nth-child(4), #basket-recap tbody td:not(.header):nth-child(4), #historic-orders tbody td:not(.header):nth-child(4) {
  width: 11%;
}
/* line 308, ../../sass/pages/_tunnel.scss */
#basket-details tbody td:not(.header):nth-child(5), #basket-recap tbody td:not(.header):nth-child(5), #historic-orders tbody td:not(.header):nth-child(5) {
  width: 11%;
}
/* line 312, ../../sass/pages/_tunnel.scss */
#basket-details tbody td:not(.header):nth-child(6), #basket-recap tbody td:not(.header):nth-child(6), #historic-orders tbody td:not(.header):nth-child(6) {
  width: 10%;
  min-width: 25px;
}
/* line 317, ../../sass/pages/_tunnel.scss */
#basket-details tbody td:not(.header):nth-child(7), #basket-recap tbody td:not(.header):nth-child(7), #historic-orders tbody td:not(.header):nth-child(7) {
  width: 5%;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 317, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td:not(.header):nth-child(7), #basket-recap tbody td:not(.header):nth-child(7), #historic-orders tbody td:not(.header):nth-child(7) {
    width: 7%;
  }
}
@media (max-width: 767px) {
  /* line 317, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td:not(.header):nth-child(7), #basket-recap tbody td:not(.header):nth-child(7), #historic-orders tbody td:not(.header):nth-child(7) {
    width: 17%;
  }
}
@media (max-width: 320px) {
  /* line 317, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td:not(.header):nth-child(7), #basket-recap tbody td:not(.header):nth-child(7), #historic-orders tbody td:not(.header):nth-child(7) {
    width: 15%;
  }
}
/* line 331, ../../sass/pages/_tunnel.scss */
#basket-details tbody td:not(.header):nth-child(8), #basket-recap tbody td:not(.header):nth-child(8), #historic-orders tbody td:not(.header):nth-child(8) {
  width: 4%;
}
@media (max-width: 767px) {
  /* line 331, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td:not(.header):nth-child(8), #basket-recap tbody td:not(.header):nth-child(8), #historic-orders tbody td:not(.header):nth-child(8) {
    width: 1%;
  }
}
@media (max-width: 320px) {
  /* line 331, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td:not(.header):nth-child(8), #basket-recap tbody td:not(.header):nth-child(8), #historic-orders tbody td:not(.header):nth-child(8) {
    width: 1%;
  }
}
/* line 343, ../../sass/pages/_tunnel.scss */
#basket-details tbody td.header, #basket-recap tbody td.header, #historic-orders tbody td.header {
  padding-left: 8%;
  background-color: #F5F5F5;
  text-align: left;
}
/* line 350, ../../sass/pages/_tunnel.scss */
#basket-details tbody td span.legend, #basket-recap tbody td span.legend, #historic-orders tbody td span.legend {
  color: #4A4A4A;
  font-size: var(--font-size);
  text-transform: none;
  font-weight: 400;
  display: block;
}
/* line 357, ../../sass/pages/_tunnel.scss */
#basket-details tbody td span.qte, #basket-recap tbody td span.qte, #historic-orders tbody td span.qte {
}
@media (max-width: 767px) {
  /* line 357, ../../sass/pages/_tunnel.scss */
  #basket-details tbody td span.qte, #basket-recap tbody td span.qte, #historic-orders tbody td span.qte {
    vertical-align: sub;
  }
}
/* line 371, ../../sass/pages/_tunnel.scss */
#basket-details tbody td span.qte:before, #basket-recap tbody td span.qte:before, #historic-orders tbody td span.qte:before {
  display: table-cell;
  width: 18px;
}
/* line 377, ../../sass/pages/_tunnel.scss */
#basket-details tbody td span.delete, #basket-recap tbody td span.delete, #historic-orders tbody td span.delete {
  cursor: pointer;
}

/* line 385, ../../sass/pages/_tunnel.scss */
.wrapper-thumbnail {
  width: 110px;
}
/* line 388, ../../sass/pages/_tunnel.scss */
.wrapper-thumbnail img {
  max-height: 110px;
  display: inline-block;
  max-width: 110px;
  height: auto;
}

/* line 394, ../../sass/pages/_tunnel.scss */
.header-tunnel {
  background-color: #eee;
  color: #555;
  padding: 0 15px;
  text-transform: uppercase;
  height: 34px;
  line-height: 34px;
  margin-bottom: 15px;
  border-radius: 6px;
}
/* line 404, ../../sass/pages/_tunnel.scss */
.header-tunnel a {
  float: right;
  color: #fff;
  line-height: 18px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  background-color: #26256a;
  border-radius: 9px;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
  text-decoration: none;
}

/* line 420, ../../sass/pages/_tunnel.scss */
#basket-recap {
  margin: 30px 0;
}
/* line 424, ../../sass/pages/_tunnel.scss */
#basket-recap tbody.header {
  background-color: #F5F5F5;
  text-align: left;
  display: block;
  height: 38px;
}
/* line 430, ../../sass/pages/_tunnel.scss */
#basket-recap tbody.header tr {
  display: block;
}
/* line 433, ../../sass/pages/_tunnel.scss */
#basket-recap tbody.header tr td {
  position: relative;
  display: inline-block;
  float: left;
}
/* line 439, ../../sass/pages/_tunnel.scss */
#basket-recap tbody.header tr td:not(:first-child):not(:last-child):after {
  position: absolute;
  content: "";
  height: 18px;
  width: 1px;
  background-color: #aaa;
  right: 0;
}
/* line 450, ../../sass/pages/_tunnel.scss */
#basket-recap tbody.header tr td span.lines {
  margin-left: 5px;
  color: #535390;
}
/* line 456, ../../sass/pages/_tunnel.scss */
#basket-recap tbody.header tr td a {
  text-transform: none;
  text-decoration: underline;
  color: #535390;
  font-size: var(--font-size);
}
/* line 462, ../../sass/pages/_tunnel.scss */
#basket-recap tbody.header tr td a.collapsible {
  text-decoration: none;
  color: #fff;
  line-height: 18px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  background-color: #535390;
  border-radius: 12px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}

/* line 483, ../../sass/pages/_tunnel.scss */
#addresses .address {
  border: 1px solid #eee;
  margin: 15px;
  width: calc(50% - 30px);
  padding-bottom: 30px;
  border-radius: 6px;
  background-color: #fafafa;
}
@media (max-width: 767px) {
  /* line 483, ../../sass/pages/_tunnel.scss */
  #addresses .address {
    width: calc(100% - 30px);
  }
}
/* line 495, ../../sass/pages/_tunnel.scss */
#addresses .address h5 {
  background-color: #eee;
  margin: 0 -15px 15px;
  padding: 12px 15px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* line 503, ../../sass/pages/_tunnel.scss */
#addresses .address table {
  width: 100%;
}
/* line 507, ../../sass/pages/_tunnel.scss */
#addresses .address a {
  text-transform: none;
  text-decoration: underline;
  color: #535390;
  font-size: var(--font-size);
  float: right;
}

/* line 517, ../../sass/pages/_tunnel.scss */
#payments-methods {
  margin-bottom: 30px;
}
/* line 520, ../../sass/pages/_tunnel.scss */
#payments-methods > div {
  text-align: center;
}
/* line 524, ../../sass/pages/_tunnel.scss */
#payments-methods > div input {
  margin-right: 20px;
}

/* line 530, ../../sass/pages/_tunnel.scss */
#cb-details {
  display: none;
  margin-top: 30px;
}

/* line 535, ../../sass/pages/_tunnel.scss */
#confirm-order {
  margin-bottom: 30px;
  color: #fff;
  border-radius: 100px;
}

/* line 542, ../../sass/pages/_tunnel.scss */
#historic-orders {
  margin: 30px 0;
}
/* line 548, ../../sass/pages/_tunnel.scss */
#historic-orders tbody tr td {
  text-transform: none;
}
/* line 553, ../../sass/pages/_tunnel.scss */
#historic-orders tbody tr:nth-child(odd) {
  background-color: #F5F5F5;
}
/* line 557, ../../sass/pages/_tunnel.scss */
#historic-orders tbody tr:hover {
  cursor: pointer;
  color: #666;
}

/* line 566, ../../sass/pages/_tunnel.scss */
textarea.comments {
  margin-bottom: 30px;
  box-shadow: 0 1px 2px #ddd;
  background: #fff;
}

/* line 3, ../../sass/pages/_confirmation.scss */
.block-btn-achats {
  position: absolute;
  right: 0;
  top: 56%;
}
@media (max-width: 767px) {
  /* line 3, ../../sass/pages/_confirmation.scss */
  .block-btn-achats {
    top: 108%;
    width: 100%;
  }
}

/* line 12, ../../sass/pages/_confirmation.scss */
.clearfix-conf {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  /* line 12, ../../sass/pages/_confirmation.scss */
  .clearfix-conf {
    margin-bottom: 60px;
  }
}

/* line 18, ../../sass/pages/_confirmation.scss */
.container-conf {
  padding: 3em;
}
@media (max-width: 767px) {
  /* line 18, ../../sass/pages/_confirmation.scss */
  .container-conf {
    padding: 1em;
  }
}

/* line 24, ../../sass/pages/_confirmation.scss */
.media-conf {
  width: 10%;
  padding: 0 40px 0 0;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 24, ../../sass/pages/_confirmation.scss */
  .media-conf {
    width: 883px;
  }
}
@media (max-width: 767px) {
  /* line 24, ../../sass/pages/_confirmation.scss */
  .media-conf {
    width: 29%;
    padding: 0 20px 0 20px;
  }
}

/* line 35, ../../sass/pages/_confirmation.scss */
div.container-conf > div > div > .media-body {
  line-height: 40px;
}
@media (max-width: 767px) {
  /* line 35, ../../sass/pages/_confirmation.scss */
  div.container-conf > div > div > .media-body {
    line-height: 20px;
  }
}

/* line 41, ../../sass/pages/_confirmation.scss */
.medi-block-conf {
  margin-left: 100px;
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  /* line 41, ../../sass/pages/_confirmation.scss */
  .medi-block-conf {
    margin-left: 20px;
  }
}

/* line 49, ../../sass/pages/_confirmation.scss */
.img-picto-conf {
  text-align: center;
  width: 100%;
  height: auto;
}

/* line 54, ../../sass/pages/_confirmation.scss */
.line-height-conf {
  line-height: 21px;
}

/* line 57, ../../sass/pages/_confirmation.scss */
.position {
  position: relative;
}

/* line 60, ../../sass/pages/_confirmation.scss */
.text-conf {
  line-height: 16px;
  font-size: larger;
}
@media (max-width: 767px) {
  /* line 60, ../../sass/pages/_confirmation.scss */
  .text-conf {
    font-size: 15px;
  }
}

/* line 68, ../../sass/pages/_confirmation.scss */
.text-small {
  font-size: 60%;
  color: #969695;
  text-transform: uppercase;
  vertical-align: top;
}

/* line 74, ../../sass/pages/_confirmation.scss */
.text-number {
  color: #535390;
  font-weight: 600;
  font-size: 21px;
}

/* line 79, ../../sass/pages/_confirmation.scss */
.well-conf {
  padding: 15px 0 15px 100px;
  margin-bottom: 20px;
  background-color: #F5F5F5;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (max-width: 767px) {
  /* line 79, ../../sass/pages/_confirmation.scss */
  .well-conf {
    padding-left: 20px;
    font-size: small;
  }
}

/* line 3, ../../sass/pages/_moncompte.scss */
div.container-compte > div > div > a {
  color: #000;
  font-size: 18px;
}
/* line 6, ../../sass/pages/_moncompte.scss */
div.container-compte > div > div > a:hover, div.container-compte > div > div > a:focus {
  color: #535390;
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 3, ../../sass/pages/_moncompte.scss */
  div.container-compte > div > div > a {
    font-size: medium;
  }
}
@media (max-width: 767px) {
  /* line 3, ../../sass/pages/_moncompte.scss */
  div.container-compte > div > div > a {
    font-size: small;
  }
}

/* line 57, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a .picto-box {
  background: url("/assets/images/picto-box.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 57, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a .picto-box {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
/* line 72, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a:hover .picto-box, div.container-compte > div > div > a:focus .picto-box {
  background: url("/assets/images/picto-box-r.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 72, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a:hover .picto-box, div.container-compte > div > div > a:focus .picto-box {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
/* line 57, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a .picto-profil {
  background: url("/assets/images/picto-profil.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 57, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a .picto-profil {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
/* line 72, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a:hover .picto-profil, div.container-compte > div > div > a:focus .picto-profil {
  background: url("/assets/images/picto-profil-r.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 72, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a:hover .picto-profil, div.container-compte > div > div > a:focus .picto-profil {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
/* line 57, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a .picto-magasin {
  background: url("/assets/images/picto-magasin.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 57, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a .picto-magasin {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
/* line 72, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a:hover .picto-magasin, div.container-compte > div > div > a:focus .picto-magasin {
  background: url("/assets/images/picto-magasin-r.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 72, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a:hover .picto-magasin, div.container-compte > div > div > a:focus .picto-magasin {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
/* line 57, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a .picto-compte {
  background: url("/assets/images/picto-compte.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 57, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a .picto-compte {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
/* line 72, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a:hover .picto-compte, div.container-compte > div > div > a:focus .picto-compte {
  background: url("/assets/images/picto-compte-r.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 72, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a:hover .picto-compte, div.container-compte > div > div > a:focus .picto-compte {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
/* line 57, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a .picto-carnet {
  background: url("/assets/images/picto-carnet.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 57, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a .picto-carnet {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
/* line 72, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a:hover .picto-carnet, div.container-compte > div > div > a:focus .picto-carnet {
  background: url("/assets/images/picto-carnet-r.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 72, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a:hover .picto-carnet, div.container-compte > div > div > a:focus .picto-carnet {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
/* line 57, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a .picto-caddie {
  background: url("/assets/images/picto-caddie.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 57, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a .picto-caddie {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
/* line 72, ../../sass/helpers/_mixins.scss */
div.container-compte > div > div > a:hover .picto-caddie, div.container-compte > div > div > a:focus .picto-caddie {
  background: url("/assets/images/picto-caddie-r.png") 0 0 no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  /* line 72, ../../sass/helpers/_mixins.scss */
  div.container-compte > div > div > a:hover .picto-caddie, div.container-compte > div > div > a:focus .picto-caddie {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}

/* line 3, ../../sass/pages/_gestionprofil.scss */
.block-btn-update {
  width: 50%;
  margin: auto;
  margin-top: 30px;
}
@media (max-width: 767px) {
  /* line 3, ../../sass/pages/_gestionprofil.scss */
  .block-btn-update {
    width: 100%;
  }
}

/* line 11, ../../sass/pages/_gestionprofil.scss */
.container-profil {
  width: auto;
  max-width: 560px;
  margin: auto;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  /* line 11, ../../sass/pages/_gestionprofil.scss */
  .container-profil {
    padding: 1em;
  }
}

/* line 21, ../../sass/pages/_gestionprofil.scss */
label[id*="-error"] {
  color: #535390;
}

/* line 1, ../../sass/pages/_statistiques.scss */
#stats {
  position: relative;
}
/* line 4, ../../sass/pages/_statistiques.scss */
#stats #global-graph, #stats #global-pie {
  width: 100%;
  height: 500px;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 4, ../../sass/pages/_statistiques.scss */
  #stats #global-graph, #stats #global-pie {
    height: 320px;
  }
}
@media (max-width: 767px) {
  /* line 4, ../../sass/pages/_statistiques.scss */
  #stats #global-graph, #stats #global-pie {
    height: 200px;
  }
}
/* line 17, ../../sass/pages/_statistiques.scss */
#stats .overlay-pie-value {
  position: absolute;
  margin-top: -320px;
  font-size: 30px;
  width: 50%;
  text-align: center;
  margin-left: 60px;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 17, ../../sass/pages/_statistiques.scss */
  #stats .overlay-pie-value {
    margin-top: -210px;
  }
}
@media (max-width: 767px) {
  /* line 17, ../../sass/pages/_statistiques.scss */
  #stats .overlay-pie-value {
    margin-top: -130px;
    font-size: 18px;
  }
}
/* line 35, ../../sass/pages/_statistiques.scss */
#stats .overlay-pie-label {
  position: absolute;
  margin-top: -265px;
  font-size: var(--font-size);
  width: 50%;
  text-align: center;
  margin-left: 60px;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 35, ../../sass/pages/_statistiques.scss */
  #stats .overlay-pie-label {
    margin-top: -170px;
  }
}
@media (max-width: 767px) {
  /* line 35, ../../sass/pages/_statistiques.scss */
  #stats .overlay-pie-label {
    margin-top: -110px;
    font-size: 9px;
  }
}
/* line 53, ../../sass/pages/_statistiques.scss */
#stats .stats-parameters {
  background-color: #efefef;
  border-radius: 12px;
  margin-bottom: 15px;
}
/* line 58, ../../sass/pages/_statistiques.scss */
#stats .stats-parameters label {
  height: 34px;
  line-height: 34px;
  margin-bottom: 0;
}
/* line 64, ../../sass/pages/_statistiques.scss */
#stats .stats-parameters select {
  border-radius: 17px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  /* line 71, ../../sass/pages/_statistiques.scss */
  svg text {
    x: 136;
    y: 140;
  }
}


.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-top: 20px;
}
.slider.slider-horizontal {
  width: 190px;
  height: 20px;
  border-left: 2px solid #eee;
  border-right: 2px solid #eee;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  /* margin-left: -10px; */
}
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #2e6da4;
  margin-top: 0;
}
.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}
.slider.slider-horizontal .tooltip {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}
.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}
.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}
.slider.slider-horizontal.slider-rtl .tooltip {
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-top: -10px;
}
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #2e6da4;
  border-right-color: #2e6da4;
  margin-left: 0;
  margin-right: 0;
}
.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}
.slider.slider-vertical .tooltip {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%;
}
.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0;
}
.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0;
}
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
  padding-left: initial;
  padding-right: 4px;
}
.slider.slider-disabled .slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.slider.slider-disabled .slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
  cursor: not-allowed;
}
.slider input {
  display: none;
}
.slider .tooltip {
  pointer-events: none;
}
.slider .tooltip.top {
  margin-top: -36px;
}
.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}
.slider .hide {
  display: none;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: 1px !important;
  top: 14px !important;
}
.slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  height: 6px !important;
  top: -2px !important;
}
.slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
}
.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  top: 1px;
  width: 18px;
  height: 18px;
  background-color: #26256a;
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  border: 0px solid transparent;
}
.slider-handle:hover {
  cursor: pointer;
}
.slider-handle.round {
  border-radius: 50%;
}
.slider-handle.triangle {
  background: transparent none;
}
.slider-handle.custom {
  background: transparent none;
}
.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.slider-tick {
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}
.slider-tick.round {
  border-radius: 50%;
}
.slider-tick.triangle {
  background: transparent none;
}
.slider-tick.custom {
  background: transparent none;
}
.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
  opacity: 1;
}

#user-company {
  max-height: 32px;
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
}

btn#delete-cart {
  padding: 12px 18px;
}

#no-results-found {
  font-size: 17px;
  font-weight: bold;
  padding-left: 20px;
}


#menu .dropdown-menu .dropdown-item {
    display: block;
    padding: 9px 20px;
}

#menu .open>.dropdown-menu {
    border: 0;
}

.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent; }
}

#carousel-example-generic {
    display: none;
}

div#carousel-example-generic {
    display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.form-group input:-webkit-autofill,
.form-group input:-webkit-autofill:hover,
.form-group input:-webkit-autofill:focus,
.form-group input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fafafa inset !important;
}


.form-control:hover,
.form-control:focus,
.form-control:active {
    border-color: #ccc;
}

.catalog .block-product .btn.btn-primary.add-product:hover,
.catalog .block-product:hover
.btn.btn-primary.add-product {
}

.block-product div.add-product .glyphicon {
    display: inline-block !important;
    color: #2F2F2F !important;
    margin: 0 12px;
    width: 16px;
    height: 54px;
    line-height: 54px;
    text-align: center;
}

.block-product:hover div.add-product .glyphicon {
    display: inline-block !important;
    color: #fff;
    cursor: pointer;
}

aside h6 {
    color: #9e9e9e;
    font-weight: 600;
    font-size: 11px;
}

#menu li a.icon-user.selector-company {
  margin-top: 0;
}

#menu li a.icon-user.selector-company span {
  margin-top:0;
  overflow: hidden;
  max-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
}

[class^=container-index-] {
  background-position: center;
  background-size: cover;
  width: auto;
  height: 343px;
  margin: 1em;
  border-radius: 2px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.promotion .media-body {
  padding-left: 30px;
}

.media-heading.text-danger {
  color: #26256a;
}

li.media.promotion.paginable-item {
  background: #fff;
  padding: 20px;
  width: 48%;
  float: left;
  vertical-align: top;
  margin: 0;
  box-shadow: 0px 0px 2px #eaeaea;
  transition: top .3s, box-shadow linear .3s;
  position: relative;
  top: 0;
}

li.media.promotion.paginable-item:hover {
  box-shadow: 0 4px 6px #ddd, 0 0px 1px #ddd;
  z-index: 99;
  position: relative;
  top: -2px;
}

#promotion .container-description .col-sm-8.col-xs-12 {
  background: #fff;
  padding: 25px 25px;
  box-shadow: 0 2px 3px #eee;
  border-radius: 3px;
  /* width: 63%; */
  /* margin-left: 2%; */
}

.catalog.promotion .block-product a.img img {
  padding: 0;
}

.landing-view.landing-view1 {
  background: #fff;
  padding: 20px;
  box-shadow: 0 1px 2px #eee,  0 -1px 2px #eee;
  margin-bottom: 5px;
}

.landing-view section {
  padding-top: 30px !important;
}

.landing-view .catalog .block-product.col-lg-3 {
  width: calc(25% - 20px);
  margin: 10px;
  padding: 8px 30px;
}

.landing-view1 section > h2 {
  margin-top: 0;
}

.catalog.row.promotion {
  padding: 0 0px;
}

.landing-view .block-product .media-heading {
  max-height: 64px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.landing-view .catalog .block-product .price {
  display: block;
  width: 100%;
  float: left;
  text-align: left;
  margin-top: 0;
  font-size: var(--font-size);
  padding: 8px 27px;
  display: inline-block;
  width: 100%;
  border-radius: 123px;
  box-shadow: 0 1px 4px #d3d3d3;
  text-align: center;
  margin-bottom: 13px;
}

.landing-view .block-product .media-heading {
  height: 64px;
  margin-bottom: 0;
}

.landing-view .catalog p.small {
  display: block;
  width: 100%;
  float: left;
  width: 100%;
  color: #888;
  font-size: 11px;
  text-align: center;
}

.catalog .block-product a.img {
  margin-bottom: 5px;
}

section.container-ventes {
  padding: 0;
  margin: 0;
  border: 0;
  margin-bottom: 5px;
}

.landing-header + .landing-view #commander {
  width: auto;
  position: absolute;
  left: 50%;
  margin-left: -120px;
  top: 50%;
  background: #fff;
  color: #23215e;
}

.landing-header img {
  width: 100%;
}

.landing-header #commander {
  background: #fff;
  color: #23215e;
  width: auto;
  margin: 0 auto;
  display: inline-block;
  padding: 11px 45px;
}

.landing-header .header-overlay {
  width: 100%;
  text-align: center;
}

.landing-header section {
  padding: 0 !important;
}

a.cc-btn.cc-dismiss {
  background-color: var(--color-main) !important;
  color: #fff !important;
}

.btn-ajouter, .btn-main, .btn-ajouter-p, .btn-ajouter-c, .btn-confirmer, .btn-log, .btn-fb, .btn-question, .btn-achats {
}

#prices-infos table tr td:first-child span {
  background: #fff;
}

@media(max-width: 991px) {
  #prices-infos table tr td:first-child span {line-height: 17px;}

  #prices-infos table tr {
    height: 60px;
  }

  #prices-infos table tr td:last-child {
    vertical-align: top;
  }

  #prices-infos table tr td {
    vertical-align: top;
  }

  #prices-infos table tr td:first-child:before {
    display: none;
  }

  .landing-view .catalog .block-product.col-lg-3 {
    width: calc(50% - 20px);
    margin: 10px;
    height: 452px;
  }

  [class^=container-index-] {
    height: 213px;
  }

  .catalog .block-product a.img {
    height: 290px;
  }

}

@media(max-width :768px) {
  .catalog.row.promotion {
    padding: 0 20px;
  }

  [class^=container-index-] {
    height: auto;
    width: 100%;
    padding-top: 100%;
    margin-left: 0;
  }
}

@media(max-width: 550px) {

  .landing-view .catalog .block-product.col-lg-3 {
    width: 100%;
    margin: 10px 0;
    height: 642px;
  }

  .catalog .block-product a.img {
    /* height: 490px; */
  }

  [class^=container-index-] {
    height: 213px;
  }

  .catalog.row.promotion {
    padding: 0;
  }
}

@media(max-width: 450px) {
  .catalog .block-product a.img {
    height: 200px;
  }

  .landing-view .catalog .block-product.col-lg-3 {
    height: auto;
  }
}

#menu ul.dropdown-menu.container-links h5 {
  margin-bottom: 0;
}

#menu .nav-catalog-item li ul.submenu-list li a:hover {
  box-shadow: 0 1px 2px;
  margin-left: 5px;
}

#menu .nav-catalog-item li h5 a:hover {
  background: #f7f7f9;
  border-radius: 2px;
}

.searchbar {
  width: 44px;
  position: relative;
  padding-top: 22px;
}

.searchbar.in input.input-search.form-control {
}

.searchbar input.input-search.form-control {
  box-shadow: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  display: inline-block;
  padding-left: 25px;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 3px solid rgba(0, 0, 0, 0.15);
  margin-bottom: -10px;
  background: #fff;
  transition: all 0.5s;
  box-shadow: 0 1px 12px  #fff;
  width: 0px;
}

.searchbar span.fa.fa-search {
  display: inline-block;
  position: absolute;
  left: 15px;
  padding: 10px;
  cursor: pointer;
  top: 22px;
  transition: all 0.5s;
  left: 6px;
}

.searchbar input.input-search.form-control {
  padding: 0;
}

.searchbar.in {
  width: 130px;
}

.searchbar {
  width: 44px;
  position: relative;
  padding-top: 22px;
  padding: 8px 14px;
  transition: all 0.3s;
  padding: 3px;
  margin-top: 9px;
  border: 1px solid transparent;
  border-radius: 30px;
  display: inline-block;
}

.searchbar.in input.input-search.form-control {
  width: 100%;
  color: #fff;
}

.searchbar input.input-search.form-control {
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  transition: all 0.5s;
  width: 0px;
  height: 34px;
  font-size: var(--font-size);
  font-weight: 500;
}

.searchbar span.fa.fa-search {
  display: inline-block;
  position: absolute;
  left: 15px;
  padding: 8px 10px;
  cursor: pointer;
  top: 5px;
  transition: all 0.5s;
  left: 10px;
}

.searchbar input.input-search.form-control {
}

.searchbar.in input.input-search.form-control {
  padding-left: 50px;
  color: #000;
  border: 0;
  background: transparent;
}

.searchbar.in {
  width: 320px;
  border-color:  #eee;
}

header #menu-search li img {
  max-width: 36px;
  max-height: 36px;
  margin-right: 15px;
}

header #menu-search {
  position: absolute;
  list-style: none;
  padding: 0 10px;
  background-color: #fff;
  z-index: 10;
  max-height: 70vh;
  margin-top: 0;
  width: 100%;
  border-radius: 0;
  left: 100%;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px #999;
  overflow-y: scroll;
  overflow-x: hidden;
  top: 27px;
  width: 320px;
  display: inline-block;
  left: 15px !important;
  border-radius: 0 0 3px 3px;
  border: 0;
}

#menu-search li {
  width: 100% !important;
}


#menu-search .image-wrapper {
  width: 57px;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
  text-align: center;
}

header #menu-search li img {
  margin: 0 auto;
  text-align: center;
  display: block;
  float: none !important;
}

#menu-search.collapse li, #menu li ul.collapse li, #menu li ul.collapsing li {
  padding: 5px 21px;
}

#menu-search h5 {
  font-weight: bold;
  padding-left: 10px;
}

.searchbar ul#menu-search {
  display: none;
  z-index: 999999;
}

@media(max-width: 1200px) {
  #menu li a.icon-user.selector-company span > span {
    display: none;
  }
}

@media(max-width: 991px) {
  #menu li, #menu button   {
    padding: 27px 5px;
  }

  #menu li a span#user-name {
    display: none;
  }

  #menu li.active a {
    padding-left:  14px;
    padding-right: 14px;
  }

  #menu li a {
    font-size: 12px;
  }

  #menu .nav-catalog {
    max-width: 100%;
  }

  #menu .nav-catalog .nav-catalog-item > a {
    padding: 25px 5px !important;
    font-size: 11px;
  }

  #menu .nav-catalog-item li ul.submenu-list li a {
    font-size: 11px !important;
  }
}


button.toggle-menu {
  display: none;
  outline: none !important;
}

@media(max-width: 991px) {
  .catalog .block-product.col-lg-4 {
    width: calc(50% - 30px);
  }
}

@media(max-width: 991px) {
  .choice-date {
    width: 100%;
    margin: 10px 0;
  }

   [data-target="#filters"] {
     margin-bottom: 20px;
   }

  .catalog .block-product.col-lg-4:not(.hidden), .catalog .block-product.col-lg-3:not(.hidden) {
    width: calc(100% - 30px) !important;
  }

  header #menu li a.icon-user.selector-company span > span {
    display: inline-block !important;
    max-width: 100%;
    width: 100%;
  }

  header #menu li a span#user-name {
    display: inline-block !important;
    max-width: 100%;
  }

  header #menu li a.icon-user.selector-company {
    position: static;
    margin-left: 0;
    float: none !important;
    width: 100%;
  }

  header #menu li, button {
    padding: 8px 14px;
    display: block;
    width: 100%;
  }

  header #menu nav{
    width: 100%;
    display: block;
  }

  header #menu .icon-user {
    float: none;
    margin: 0;
  }

  header #menu #icon-cart {
    float: none !important;
  }

  header #menu li a {display: inline-block;float: none !important;margin: 0 auto;}
  header #menu li a.icon-user.selector-company span {max-width: 100%;display: inline-block;max-width: 100%;}

  header .searchbar {width: 100%;}

  header #menu > ul > li > ul {
    margin-top: 0;
  }

  header #menu nav{
    float: none !important;
    position: fixed;
    width: 100%;
    background: #fff;
    left: 0;
    top: 60px;
    padding: 0 40px;
    box-shadow: 0 2px 1px #eee, 0 2px 12px #eee;
    height: calc(100% - 80px);
    overflow: scroll;
  }

  header #menu li.active a {
    padding-left: 28px;
    padding-right: 28px;
  }

  header #menu #block-logo {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .searchbar input.input-search.form-control {
    width: 100%;
  }

  header .searchbar {
    width: 100% !important;
    margin-bottom: 7px;
  }

  .searchbar input.input-search.form-control {
    width: 100% !important;
  }

  .searchbar input.input-search.form-control {
    padding-left: 21px;
    border-bottom-color: #eee;
    background: #eee;
    border-radius: 100px;
    padding-left: 40px !important;
    background: transparent;
    box-shadow: none;
    border: 0;
  }

  .searchbar span.fa.fa-search {
    top: 11px;
    left: 20px;
  }

  header #menu li .glyphicon {display: none !important;}

  header #menu li  span.btn.glyphicon.glyphicon-shopping-cart.pull-right {
      display: block !important;
  }

  header #menu button#dropdownMenuButton {
    padding: 10px !important;
    text-align: left;
  }

  header #menu a {}

  header #menu .nav-catalog .nav-catalog-item > a {
    padding: 14px 9px !important;
    width: 99%;
    text-align: left;
    font-size: 12px;
  }

  header #menu .nav-catalog {
    background: #fafafa;
    z-index: 9999;
    padding: 0px 20px;
    display: inline-block;
    width: 100%;
    top: 90px;
  }

  header #menu .nav-catalog-item > ul > li {
    width: 100%;
  }

  header #menu span.nav-catalog-item {
    display: block;
    text-align: left;
    padding-left: 10px;
    width: 100%;
  }

  header #menu ul.dropdown-menu.container-links {
    position: relative;
    z-index: 999999;
    background: #fff;
    box-shadow: 0 1px 2px #e0dfdf;
    border-radius: 5px;
  }

  header #menu-search {
    top: 28px;
    width: 100%;
  }

  header nav#menu {
    width: 100%;
    padding: 20px;
    overflow: scroll;
    height: calc(100% - 53px);
    display: none;
    position: fixed;
    z-index: 9999999999;
    background: white;
  }

  button.toggle-menu {
    position: absolute;
    width: auto;
    background: transparent;
    border: 0;
    left: 20px;
    top: 10px;
    font-size: 20px;
  }

  header nav#menu.open {
    display: block;
  }

  button.toggle-menu {
    display: block;
  }

  .product-full h2 {
    margin-top: 20px;
  }

  .catalog .block-product {
    height: auto;
    width: calc(100% - 30px);
    padding-bottom: 100px;
  }
  .product-full .wrapper-img, .product-full .wrapper-img img {width: 100%;height: auto !important;}
}

.promotion .row > h2 {
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #333;
  font-size: 20px;
}

.promotion .description.hidden-xs {
  line-height: 16px;
  max-height: 47px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 47px;
}

.promotion .block-product {
  height: 432px;
}

.cart .block-product div.add-product:hover input.short_qte {
  /* display: none; */
}

.choose-promo-product {
  margin-bottom: 30px;
}

.wrapper-thumbnail {position: relative;}
.wrapper-thumbnail.has-promo:before {font-size: 60%;padding: 0px 7px;line-height: 17px;left: 10px;top: 10px;font-weight: 800;}
.wrapper-thumbnail.is-new:before {border-width: 0 25px 25px 0;}
.wrapper-thumbnail.is-new:after {font-size: 10px;right: 2px;top: 1px;margin: 0;}

.product-full .wrapper-img img {
    max-height: 100%;
    margin: 5px auto;
    padding: 20px;
    /* height: 100%; */
    border-radius: 6px;
}

textarea.comments {
  margin-bottom: 30px;
  box-shadow: 0 1px 2px #ddd;
  background: #fff;
  border-radius: 5px;
}

#prefooter {
	background: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #000;
	border: 0;
}

#prefooter .row.main > div:not(:last-child):after {
    background: transparent;
}

#prefooter .media-heading {
    text-align: center;
}

#prefooter .media-description {
    text-align: center;
    margin-top: 45px;
    font-size: var(--font-size);
    font-weight: 400;
}

#prefooter h2, .landing-views h2 {
    text-align: center;
    margin-bottom: 22px;
    margin-top: 5px;
    font-size: 36px;
    font-weight: 700;
}

#prefooter .media-img {/* width: 87px; */height: 107px;background-repeat: no-repeat !important;background-position: center !important;}

#prefooter .media-img-1 {background: url(/images/prefooter/1.png)}
#prefooter .media-img-2 {background: url(/images/prefooter/2.png)}
#prefooter .media-img-3 {background: url(/images/prefooter/3.png)}
#prefooter .media-img-4 {background: url(/images/prefooter/4.png)}
#prefooter .media-img-5 {background: url(/images/prefooter/5.png)}

.subnav li a.glyphicon-plus:before,
.subnav li a.glyphicon-plus:after {
    content: "";
}

#menu-search .image-wrapper.pull-right, #menu-search .image-wrapper.pull-right img {
    width: 20px;
    height: 20px;
}

#menu-search .image-wrapper.pull-right {
    position: relative;
    top: 4px;
    margin-right: 7px;
}

.company-sheet img,
.company .image-wrapper img {
    float: right;
    display: inline-block;
    width: 23px;
    margin-right: 5px;
}

article.company h3 {
    padding-right: 67px;
    padding-bottom: 20px;
}

/** start App/main.css */
/* Conservation des choix customisés */
.wrapper-thumbnail.is-custom:before {
    border-width: 0 25px 25px 0;
}

.is-custom:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    right: 0;
    top: 0;
    z-index: 2;
    border: transparent;
}

.wrapper-thumbnail.is-custom:after {
    font-size: 17px;
    right: 2px;
    top: 1px;
    margin: 0;
}

.is-custom:after {
    font-family: 'Glyphicons Halflings';
    content: "\e006";
    position: absolute;
    margin-top: calc(-50% + 15px);
    margin-left: calc(100% - 35px);
    z-index: 3;
    color: #333;
}

.is-custom {position: relative;}














#page-content h1 {
    font-size: 48px;
    color: #2F2F2F;
}

/* grid */
@media (min-width: 1270px) {
    .container {
        width: 1270px;
    }
}

.px-0 {padding: 0 !important;}
.pl-0 {padding-left: 0 !important;}
.pr-0 {padding-right: 0 !important;}

/* ui */
.form-control {
    border: 1px solid #ccc;
    box-shadow: none !important;
    font-size: 16px;
    font-weight: 400;
    padding: 16px 32px;
    border-radius: 5px;
    height: 56px;
}

.form-control::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 300;
}
.form-control::-moz-placeholder {
  font-size: 16px;
  font-weight: 300;
}
.form-control:-ms-input-placeholder {
  font-size: 16px;
  font-weight: 300;
}
.form-control:-moz-placeholder {
  font-size: 16px;
  font-weight: 300;
}

.checked {
    width: 30px;
    height: 30px;
    background: url("/images/icons/check.png");
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 100px;
}

.display-table {
    display: table;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

/** .btn */
.btn-bordered {
  border: 1px solid #cdcddd;
  padding: 10px 20px;
  margin: 15px 5px;
  font-size: var(--font-size);
  font-weight: bold;
  color: #333;
  border-radius: 30px;
}

.btn .badge, .btn.btn-bordered img {
    margin-top: -1px;
    margin-bottom: -1px;
    margin-right: 10px;
    margin-left: -3px;
    font-size: var(--font-size);
    padding: 3px 8px;
}

.btn.btn-bordered:hover,
.btn.btn-bordered:active,
.btn.btn-bordered:focus {
    box-shadow: none;
    font-size: 100%;
    background: #777;
    border-color: #777;
    color: #fff;
}

.badge-danger {
    background: #FF5F5F;
}

.btn-small, .btn-commander {
    border: 1px solid ##cdcddd;
    border-radius: 20px;
    color: #333;
    font-size: var(--font-size);
    font-weight: bold;
    line-height: 28px;
    padding: 5px 15px;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-commander, .btn-primary:active:focus, .btn-primary:active:hover {
    background: #EF7D4C;
    color: #fff;
    border: 0;
}

.btn-small.btn-primary, .btn-commander {
    font-size: 16px;
    padding: 6px 27px;
}

/** radio fields */
.radio-field {
  position: relative;
  padding-left: 0;
  font-size: 16px;
  font-weight: 400;
  vertical-align: middle;
}

.radio-field input {
    opacity: 0.01;
}

.radio-field-selector {
    background: var(--color-main);
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 100px;
    box-shadow: 0 0 0 1px #ccc;
    transition: all 0.3s;
    border: 9px solid #fff;
    cursor: pointer;
    top: 4px;
    left: 0;
}

.radio-field input:checked + .radio-field-selector {
    border: 3px solid #fff;
}

/* header */
.header-selector {
    padding-top: 15px;
    /* border-right: 1px solid #eee; */
    margin-right: -4px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
    transition: all 0.3s;
    cursor: pointer;
    line-height: 38px;
}

.header-selector:first-of-type {
    /* border-left: 1px solid #eee; */
}


.header-selector.active {
  /* background: #2D3946 !important; */
  color: inherit !important;
  box-shadow: inset 0 -3px var(--color-main);
}

.header-selector,
.header-selector:hover,
.header-selector:focus {
  color: #28293D;
}

.header-selector.active img {
    filter: brightness(10) saturate(0);
}

.header-selector-row {
    padding: 0;
    padding-right: 0px;
    margin-right: 0px;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    padding-left: 20px;
}

.header-selector-image {
    text-align: center;
    display: inline-block;
    padding: 7px 15px 0;
}

.header-selector-title {
    font-weight: bold;
    font-size: 16px;
}

.header-selector-desc {
    font-weight: 300;
    font-size: 12px;
}

header .btn.btn-small {
    margin-top: 17px;
    border-color: #cdcddd;
}

.btn.btn-phone,
.btn.btn-phone:active,
.btn.btn-phone:focus {
  user-select: inherit;
  color: inherit;
  box-shadow: none;
  cursor: inherit;
}

/** submenu */
.header-menu-middle {
    border-top: 2px solid #eee;
    box-shadow: 0 1px 2px rgba(238, 238, 238, 0.08);
    /* box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08); */
}

.header-menu-middle .btn.btn-small {
    margin-top: 10px;
}

.header-menu-middle nav.submenu a {
    font-size: var(--font-size);
    font-weight: 400;
    color: #28293D;
    padding: 22px 17px 20px;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: all 0.2s;
}

.header-menu-middle li {display: inline-block;list-style: none;}

.header-menu-middle nav.submenu a:first-of-type {
}

.header-menu-middle nav.submenu a:hover,
.header-menu-middle nav.submenu a.active {
    color: var(--color-main);
}

.fa.fa-phone {
    color: var(--color-main);
    font-size: 19px;
    position: relative;
    vertical-align: middle;
    margin-right: 9px;
}

/* dropdown menus */
.header-menu-middle nav.submenu .dropdown-menu {
    margin-top: 0;
    border-radius: 0px 0 3px 3px;
    padding: 0;
    border: 0;
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.08);
}

.header-menu-middle nav.submenu .dropdown-menu li a {
    padding: 13px 20px !important;
    width: 100%;
    background: transparent;
}

.header-menu-middle nav.submenu .dropdown-menu li {
    width: 100%;
}

footer .dropdown-caret {width: 10px;height: 10px;border: 2px solid #25a550;right: 15px;top: 10px;position: absolute;border-right: 0;border-bottom: 0;transform: rotate(225deg);transition: all 0.3s;}
footer .dropdown:hover .dropdown-caret {transform: rotate(45deg);}


footer .dropdown-menu {
    background: transparent;
    position: static;
    width: 100%;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

footer li.dropdown {
    display: inline-block;
    width: 100%;
}

footer li.dropdown a {
    color: #fff;
}

footer .dropdown-menu>li>a:hover {
    background: transparent;
    color: #fff;
}

/** progressbar */
.header-menu-progress {
    background: var(--color-main);
    height: 2px;
    width: 0%;
}

/** searchbar overrides */
.searchbar span.fa.fa-search {
    background: url(https://goot-master-shard.web.app/images/icons/v1/icon-search.svg);
    width: 22px;
    height: 22px;
    top: 11px;
    left: 4px;
    z-index: 99999;
}

.searchbar span.fa.fa-search:before {
  content: "";
}

.searchbar.in input.input-search.form-control::placeholder {
    font-weight: 500;
    font-size: var(--font-size);
}

.searchbar .input-group-addon {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    opacity: 0;
    transition: all 0.3s;
}

.searchbar.in .input-group-addon {
    opacity: 1;
}

.searchbar .input-group-addon button {
    border-radius: 30px;
    font-weight: bold;
    padding-left: 7px;
    padding-right: 7px;
}

.searchbar.in span.fa.fa-search {
    left: 15px;
}

header #menu-search {
    border: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.1);
    margin-top: 13px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 8px 2px;
    margin-left: -15px;
}

header #menu-search li a {
    color: #333;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    box-shadow: none !important;
    outline: none;
    padding: 0;
    font-size: 13px;
    text-transform: uppercase;
    transition: all 0.3s;
}

/* header icons */
.icons > a,
.icons > div {
    display: inline-block;
    margin: 0 11px;
    vertical-align: bottom;
}

.icons a > span {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.icons a > span, .searchbar span.fa.fa-search {background-size: 26px}
.searchbar span.fa.fa-search {width: 26px;height: 26px;top: 9px}

/** prefooter */
#prefooter h2 .active, .landing-views h2 .active, .landing-views h2 b {
    color: var(--color-main);
    line-height: 60px;
}

#prefooter .media-body {
    padding: 43px 0;
}

.container-flex {
    display:-webkit-flex;
    display:flex;
    flex-flow: row wrap;
    width: 100%;
}

.container-flex div {
    -webkit-flex:1;
    flex: 1;
    text-align: center;
    margin: 0 auto;
}

@media(max-width: 991px) {
    .container-flex div {flex: 0 0 50%;}
}

@media(max-width: 767px) {
    .container-flex div {flex: 0 0 100%;}
}

/** footer */
footer > .container > .row > .foooter-rightbar {position: relative;z-index: 9;padding-top: 10px;}
footer > .container > .row > .foooter-rightbar:before {content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 10000px;height: 10000px;z-index: -1;background: #28293D;border-left: 1px solid #555770;}
footer > .container > .row > .footer-leftbar {
    padding: 80px 0 120px;
}

#footer-bottom {
    border: 0;
    background: #1A1B28;
    font-size: var(--font-size);
}

#footer-bottom .footer-leftbar {
  padding: 30px;
}

/** radio fields **/

/** menu catalog **/
#menu-catalog {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1000px;
    background: rgba(0, 0, 0, 0.7);
    transition: all 0.3s;
    left: -20px;
    opacity: 0;
    top: var(--nav-margin);
}

#menu-catalog.selected {
    background: #fff;
    box-shadow: inset 0 2px 10px #f3f3f3;
}

#menu-catalog.active {
  left: 0;
  opacity: 1;
}

#menu-catalog .menu-catalog-list nav a {
    color: #fff;
    font-size: var(--font-size);
    line-height: 25px;
    display: block;
    cursor: pointer;
    z-index: 999;
    letter-spacing: -0.03em;
    padding: 12px 0;
    font-weight: 400;
}

#menu-catalog .menu-catalog-list nav {
    position: relative;
    z-index: 999;
    height: 100%;
    /* overflow-x: scroll; */
}

#menu-catalog .menu-catalog-list nav ul {
    list-style: none;
    padding: 0;
    /* max-height: 250px; */
    /* overflow: scroll; */
}

#menu-catalog .menu-catalog-list:before {
    content: "";
    display: block;
    background: #2d3946;
    width: 2000%;
    height: 100%;
    left: -2000%;
    margin-left: 100%;
    position: absolute;
    z-index: 9;
}

#menu-catalog .menu-catalog-content {
    color: #fff;
    padding-top: 70px;
    height: 100%;
}

#menu-catalog .menu-catalog-list nav a:before {}

#menu-catalog .menu-catalog-list nav li.active:before,  #menu-catalog .menu-catalog-list nav li:hover:not(.active):before, #menu-catalog .menu-catalog-list nav [data-toggle=nav]:before {
    content: "";
    display: block;
    background: #ffffff;
    position: absolute;
    z-index: -1;
    top: 0;
    height: 100%;
    left: -10000px;
    width: 10000px;
    margin-left: 100%;
    color: #fff;
}

#menu-catalog .menu-catalog-list {
    padding: 0;
    /* max-height: 100%; */
    /* height: 100%; */
}

#menu-catalog .menu-catalog-list nav li {
    position: relative;
}

#menu-catalog .menu-catalog-list nav li.active a {
    color: #000;
    font-weight: bold;
}

#menu-catalog .menu-catalog-list nav [data-toggle=nav]:before {
    content: "";
    background: #425466;
}

#menu-catalog .menu-catalog-list nav [data-toggle=nav] a {
    color: #fff;
    font-weight: 400;
    line-height: 70px;
    margin-bottom: 30px;
    padding: 0;
}

#menu-catalog .menu-catalog-list nav [data-toggle="nav"] img {
    margin-right: 10px;
}

#menu-catalog .menu-catalog-list nav li ul {
    display: none !important;
}

#menu-catalog .menu-catalog-content > ul > li > ul {/* display: none; */}
#menu-catalog .menu-catalog-list nav li a:before {
    content: "";
    display: inline-block;
    position: relative;
    top: -1px;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background: var(--color-main);
    margin: 0;
    opacity: 0;
    transition: all 0.3s;
}

#menu-catalog .menu-catalog-list nav li.active a:before {opacity: 1; margin: 0 6px;}


#menu-catalog .menu-catalog-content ul {
    list-style: none;
}


#menu-catalog .menu-catalog-content li.dropdown-level-2 {
    width: 20%;
    float: left;
    margin-left: 5%;
    margin-bottom: 50px;
    min-height: 61px;
    padding-bottom: 20px;
}

#menu-catalog .menu-catalog-content > ul > li h5 a {
    font-weight: bold;
    color: #333;
}

#menu-catalog .menu-catalog-content > ul > li > ul {
    margin: 20px 0;
    padding: 0;
}

#menu-catalog .menu-catalog-content > ul > li > ul > li > a {
    color: #333;
    font-size: var(--font-size);
    margin: 9px 0;
    display: block;
}

.dropdown-level-2 > a {
    font-size: var(--font-size);
    font-weight: bold;
    color: #2F2F2F;
}

.dropdown-level-2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/** footer */
#footer-details .logo-footer {
    margin-top: 50px;
    margin-bottom: 34px;
    max-width: 100%;
}

.container-footer h2 {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 35px;
}

#footer-details .media-body {
    line-height: 32px;
    padding-bottom: 30px;
}

#footer-details .media-body {
    margin-bottom: 70px;
}

.footer-links h2 {
    margin-bottom: 35px;
}

.container-footer .media-body {
    font-size: 16px;
}

ul.footer-links-ul {
    margin: 0;
    padding: 0;
    line-height: 32px;
}

ul.footer-links-ul li {
    text-transform: unset;
}

/** footer links inline */
.footer-links-inline ul li {
    text-transform: unset;
    display: inline-block;
    padding: 0px 14px;
    border-left: 1px solid #505a65;
    font-size: var(--font-size);
    cursor: text;
}
.footer-links-inline ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    color: #fff;
}

.footer-links-inline span {
    font-size: 16px;
    margin-right: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
}




.form-field.form-newsletter {
    background: #fff;
    border-radius: 30px;
}

.form-field.form-newsletter input[type="text"] {
    margin-top: 7px;
    text-align: center;
    margin-left: 20px;
    margin-bottom: 10px;
    border: 0;
    font-size: 13px;
    padding: 10px;
    color: #000;
    width: calc(100% - 95px);
    text-align: left;
    outline: none;
}

.footer-rightbar-wrapper {
    margin-left: 70px;
}

.footer-newsletter {
    margin-top: 170px;
}

.footer-newsletter p {
    font-size: 16px;
    margin: 10px 0 25px;
    line-height: 23px;
}

.form-field.form-newsletter .btn-primary {
    border-radius: 100px;
    float: right;
    margin-top: 4px;
    margin-right: 7px;
    height: 48px;
    width: 48px;
    font-weight: 600;
    font-size: 17px;
}

::-webkit-input-placeholder {
    font-weight: 500;
    font-size: var(--font-size);
    color: #000;
}

/* mobile store links */
.footer-section-mobile, .footer-contact {
    margin: 50px 0;
}

.footer-rs {
    margin-top: 40px;
}

.footer-section-mobile div {
    margin-bottom: 15px;
}

/* contact section */
.footer-contact .btn-small {
    color: #fff;
    min-width: 180px;
    text-align: left;
    border: 1px solid #cdcddd;
    color: #EF7D4C;
}

.footer-contact .fa.fa-phone {
    color: #fff;
}

.footer-links .footer-contact h2 {
    font-size: 16px;
    margin-bottom: 20px;
}

.footer-contact .btn.btn-small.btn-primary {
    font-size: var(--font-size);
    font-weight: 600;
    padding-left: 15px;
    border: 0;
    color: #fff;
}

.footer-contact .btn.btn-small.btn-primary img {
    margin-right: 10px;
}

/* footer reseaux sociaux */
.footer-rs .btn-small.btn-primary {
    padding: 10px 10px;
    line-height: 10px;
    margin-right: 35px;
    margin-top: 13px;
}

@media(max-width: 991px) {
    footer > .container > .row > .foooter-rightbar:before {
        left: -100%;
    }

    .footer-newsletter {
        margin-top: 0;
    }

    .footer-rightbar-wrapper {
        margin: 0;
    }

    #footer-details .logo-footer {
    }

    footer > .container > .row > .foooter-rightbar, footer > .container > .row > .footer-leftbar {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 0;
        padding-top: 40px;
    }

    .footer-rs, .footer-section-mobile, .footer-newsletter {
        margin-left: 15px;
        margin-right: 15px;
    }

    footer > .container > .row > .foooter-rightbar {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .footer-rs {
        margin: 0 15px;
    }

    ul.footer-links-ul li {
        list-style: none;
        margin: 0;
        font-weight: 600;
        font-size: 16px;
    }

    .footer-links h2 {
    margin-bottom: 15px;
}

    .footer-links .media {
        margin-bottom: 30px;
    }

    .footer-links-inline ul li a {
        border-left: 0;
        padding-left: 0;
    }
}

@media(max-width: 767px) {
    .footer-links-inline ul li {
        display: block;
        margin: 10px 0;
    }
}

.breadcrumb>li+li:before {
    content: ">";
    color: #8F90A6;
    font-size: 12px;
    padding: 0 12px;
}


@media(max-width: 1200px) {
    .header-rightbar.row .col-md-6 {
        padding: 0 4px;
        margin-left: 0px;
    }
}
/** @mobile menu */
@media(max-width: 991px) {
  button.toggle-menu {z-index: 99999;}
  header #block-logo {margin: 25px auto; box-shadow: inset 0 1px #aaa;}
  .header-middlebar-row {width: 100% !important;height: auto !important;}
  .header-rightbar-row {display: none !important;}
  header .btn.btn-small {width: 100%;}
  .header-selector {width: 100%;margin: 0;border: 0 !important;box-shadow: 0 1px 2px #ccc;margin-top: 2px;}
  .submenu a {display: block;padding-left: 0 !important;width: 100%;}
  nav.navigation {overflow-y: scroll;width: 100%;max-height: 100%;padding-top: 30px;position: fixed;top: 60px;background: #fff;display: none;padding: 10px 30px;}
  .header-row {padding: 0; margin: 0; }
  .header-menu-middle {background: #fff;padding-bottom: 40px;}
  .navigation .header-logo {display: none;}

  #menu-catalog .menu-catalog-content {
      z-index: 99;
      margin-left: 0px;
  }

  #menu-catalog .menu-catalog-content li.dropdown-level-2 {
      width: 100%;
      margin-left: 0;
      cursor: pointer;
      margin-bottom: 17px;
      padding-bottom: 18px;
  }

  #menu-catalog.selected .menu-catalog-content {
      background: #fafafa;
      left: -35px;
      padding-top: 30px;
      width: calc(100% + 35px);
  }

  #menu-catalog .menu-catalog-content ul {
      padding-left: 20px;
  }

  #menu-catalog.active {
      left: 20px;
  }

  .search-wrapper {
      float: left !important;
      width: 100%;
  }

  .searchbar.in {
      width: 100%;
  }
}



.header-page {
    background: #28293D;
    color: #fff;
    height: 224px;
    margin-top: var(--nav-margin);
    padding-top: 22px;
    float: left;
    width: 100%;
}

#page-espace_client .header-page, #page-mes_commandes .header-page, #page-shopping_list .header-page {
  height: 175px;
}

#page-content .header-page h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-top: 15px;
    text-align: left;
    float: left;
    width: 100%;
    text-align: center;
}

#page-espace_client .header-page .breadcrumb, #page-mes_commandes .header-page .breadcrumb, #page-shopping_list .header-page .breadcrumb {
    margin-bottom: 0px;
}

.header-page .container.main {
    padding: 0 15px;
}

.back-button, .back-button:hover, .back-button:focus {
    font-weight: 600;
    color: #fff;
    padding: 18px 0px;
    float: left;
    margin-right: 35px;
    color: #000;
}

.header-page .back-button {
    color: #fff;
}

.back-button img {
    width: 21px;
    margin-right: 4px;
    filter: brightness(0);
}

section.header-page .back-button img {
    filter: none;
}

#page-nouveautes_catalogue .main .col-md-9:before,
#page-section_catalogue .main .col-md-9:before,
#page-nouveautes_catalogue_group .main .col-md-9:before,
.search-result .col-md-9:before {
    content: "";
    display: block;
    width: 10000px;
    height: 100000px;
    top: 0;
    z-index: 0;
    position: absolute;
    background: #fbfbfb;
}

#page-nouveautes_catalogue .product-listing,
#page-section_catalogue .product-listing,
#page-nouveautes_catalogue_group .product-listing,
.search-result .product-listing {
    padding-left: 80px;
    padding-top: 30px;
}

#page-section_catalogue .slider-selection {
    border-radius: 0;
    background: #25a550;
}

#page-section_catalogue .slider-handle, .ui-slider .ui-slider-handle {
    background: #25a550;
    border: 2px solid #fff;
    border-radius: 270px;
    margin-left: -10px;
}


.has-promo:before {
    background: #f5a623;
    content: "Promotion";
    color: #fff;
    top: 20px;
    left: 20px;
    border-radius: 3px;
    padding: 4px 13px;
    height: auto;
    width: auto;
    font-size: 12px;
    font-weight: 700;
}


.catalog .block-product h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    max-height: 56px;
    overflow: hidden;
    height: 56px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.catalog .block-product .price {
    color: #111;
    font-size: var(--font-size);
    border-left: 1px solid #eee;
    line-height: 15px;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-left: 15px;
    display: block;
}






.btn-add-on-click button {
    border: 0;
    width: 72px;
    height: 54px;
    display: inline-block;
    float: right;
    outline: none;
}

.btn-add-on-click {
    border-radius: 0 30px 30px 0;
    background: #EF7D4C;
    border: 1px solid #fff;
    transition: background-color 0.3s !important;
    display: inline-block;
    vertical-align: top;
    z-index: 999;
    position: relative;
}

.is-package .btn-add-on-click {
    border-radius: 30px;
}

.btn-add-on-click:hover, .active .btn-add-on-click {
    background: #fff;
}

.badge {border-radius: 3px;padding: 6px 13px;height: auto;width: auto;font-size: 12px;font-weight: 700;}
.badge.badge-primary {color: #fff;background: #f5a623;}

.catalog .block-product .price small {
    margin-left: 5px;
    font-size: 12px;
}

.catalog .block-product .block-product-stock {display: inline-block;/* float: left; */width: 100%;margin-bottom: 0;}
.catalog .block-product-reference {margin-top: 12px;font-size: 12px;color: #000;margin-bottom: 3px;}
.block-product-quantity {
    position: relative;
    top: -3px;
}

.block-product-quantity span:before {
    width: 3px;
    height: 3px;
    display: inline-block;
    content: "";
    background: #000;
    border-radius: 4px;
    top: -2px;
    margin-right: 5px;
    position: relative;
}
.add-cart-title {display: none;}

.block-product-select-quantity {
    display: inline-block;
    border: 1px solid #eee;
    border-radius: 30px 0 0 30px;
    vertical-align: top;
    margin-right: -4px;
    background: #fff;
    z-index: 999;
    position: relative;
    line-height: 0;
}

/* catalog full */
.catalog.full .block-product.col-lg-4 {
    width: 100%;
    height: 100%;
    display: table;
    margin-left: 0;
    margin-right: 0;
}

.catalog.full .block-product div.add-product {
    width: auto;
    left: 0;
    right: auto;
    width: 100%;
    text-align: left;
}

.catalog.full .block-product-image,
.catalog.full .block-product-wrapper {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.catalog.full .block-product-wrapper {
  padding-bottom: 85px;
}

.catalog.full .block-product-image {
    width: 197px;
}

.catalog.full .block-product h4 {
    font-size: 20px;
}

.catalog.full .block-product-description {
    display: table;
    width: 100%;
}

.catalog.full .block-product h4 {
    float: left;
    height: auto;
    overflow: unset;
}

.catalog.full .block-product-stock,
.catalog.full .block-product .price {
    float: right;
    margin-top: 10px;
}

.catalog.full .block-product-description-row {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.catalog.full .block-product-reference {
    float: left;
    margin-right: 10px;
    margin-top: 0;
}

.catalog.full .block-product .price {
    text-align: left;
    font-size: 20px;
    min-width: 120px;
}

.catalog.full .block-picto-produit {
    width: auto;
    max-width: initial;
    line-height: 16px;
}

.full .add-cart-title {
    display: block;
}

.full .block-product-select-quantity {
    border-radius: 30px;
    margin-bottom: 20px;
}

.full .btn-add-on-click {
    border-radius: 100px;
    float: right;
}

.full .btn-add-on-click button {
    width: auto;
    background: transparent;
    padding: 0 33px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    outline: none;
    min-width: 210px;
}

.full .active .add-cart-title,
.full .btn-add-on-click:focus,
.full button:hover .add-cart-title {
    color: #fff !important;
}


.product-listing-filters {
    z-index: 999;
    padding-top: 10px;
}


.catalog-view-type-selector {
    margin: 10px;
}

@media(max-width: 991px) {
  .catalog-view-type-selector {display: none}
}

.catalog-view-type.active {
    filter: none;
    cursor: default;
}

.catalog-view-type {
    position: relative;
    width: 24px;
    height: 16px;
    margin: 0 15px;
    transition: all 0.3s;
    z-index: 1;
    filter: brightness(160%) saturate(0);
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

.catalog-view-type[data-type=list] {
	background: none;
}

.catalog-view-type[data-type=mosaic] {
	background: none
}

.catalog-view-type-separator {
    height: 24px;
    width: 2px;
    margin: -4px 0;
    background: #cfcfcf;
    z-index: 9999;
    display: inline-block;
}

/* stock */
.block-picto-produit {
    border-radius: 3px;
    padding: 5px 13px;
    height: auto;
    width: auto;
    font-size: 12px;
    font-weight: 700;
    background: #e7f7fd;
    height: 25px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin-top: 0px;
}

.block-picto-produit.text-danger {
    background: rgba(169, 68, 66, 0.10);
}

.block-picto-produit.text-success {background: #e3f4de;color: var(--color-main);}
.block-picto-produit.text-warning {background: #fff4e5}

.block-picto-produit small {
    border: 0;
    font-size: 12px !important;
}


.slider.slider-horizontal {
    max-width: 100%;
}

@media(max-width: 1200px) {

    .catalog .block-product.col-lg-4, .catalog .block-product.col-lg-3 {
        width: calc(50% - 30px);
    }

    #page-section_catalogue .product-listing {
        padding-left: 40px;
    }

    #filters {
        padding-right: 20px;
        padding-left: 20px;
    }

    .catalog .block-product a.img img {
        max-width: 200px;
    }
}

@media(max-width: 991px) {
    .header-page {
        margin-top: 65px;
        height: auto !important;
        padding: 20px 20px 40px;
    }

    #page-section_catalogue .product-listing,
    .search-result .product-listing {
        padding-left: 0;
    }

    [data-target="#filters"] {
        margin-top: 20px;
        display: inline-block !important;
    }

    .catalog .block-product a.img img {
        max-width: 100%;
    }
}

.filter-block {
    margin-bottom: 32px;
}

.filter-block strong {
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
}

.filter-block .badge {
    margin-bottom: 23px;
    margin-right: 18px;
    opacity: 0.3;
}

.filter-block .badge.active {
    opacity: 1;
}

section.header-page .breadcrumb>li+li:before,
section.header-page .breadcrumb li a.active,
section.header-page .breadcrumb li a {
    color: #fff;
}


/* fiche produit */
.product-section-row {
    float: left;
    padding: 20px 0;
    width: 100%;
}

.block-description .text-light {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #000;
    text-align: justify;
    display: inline;
}

.block-description a.more-info {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    text-decoration: underline !important;
    margin-left: 10px;
}

.text-specification {
    margin-right: 15px;
    font-size: var(--font-size);
    margin-top: 4px;
    color: #000;
}

td.text-specification:before {content: "";width: 3px;height: 3px;background: #000;display: inline-block;border-radius: 100px;margin-left: 30px;left: -20px;position: relative;top: -3px;}

.product-full-description h2 {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    padding-left: 15px;
    padding-bottom: 60px;
}

.product-full-description h2:before, #page-tunnel h5:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #a0da8c;
    display: inline-block;
    border-radius: 100px;
    left: -15px;
    position: relative;
}

#page-tunnel h5:before {
  left: 0;
  margin-right: 10px;
  background: var(--color-main);
}

#page-tunnel h5.text-center:before {
  display: none;
}

.product-full-description h3 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-top: 32px;
    margin-bottom: 0;
}

.product-full-description section {
    /* padding-left: 10px; */
    /* border-top: 1px solid #eee; */
    float: left;
    width: 100%;
}


.product-page .table {
    display: table;
}

.product-page .table-cell {
    display: table-cell;
}

.product-page .sticky {
    position: sticky !important;
    top: 223px;
    float: left;
    padding-left: 15px;
    width: 100%;
}

.product-page .product-full .details {
    width: 49%;
    padding-right: 10%;
    max-width: 600px;
}


.suggested-products-container {
    background: #f2f5f8;
}

.suggested-products-container section.main {
    padding-top: 80px;
}

.suggested-products-container h2.text-title {
    background: #2d3946;
    border-radius: 100px;
    width: auto;
    display: inline-block;
    color: #fff;
    padding: 17px 40px;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 40px;
}

.product-page .suggested-products .block-product .btn.btn-primary.add-product {text-align: center;}

.suggested-products-container .block-product {
}

.block-product .btn.btn-primary.add-product {
    background: transparent;
    box-shadow: none;
    display: block;
    width: 100%;
    cursor: default;
    padding: 0;
}

.product-page .block-product .btn.btn-primary.add-product {
    width: 100%;
    text-align: center;
}

.product-page  [data-role=product-price] .btn.btn-primary.add-product {
    text-align: left;
}

.block-product.show-price .price {
     display: none;
     background: #efeeee;
     border-radius: 0 30px 30px 0;
     margin-left: -30px;
     z-index: -1;
     position: relative;
     color: #000;
     line-height: 56px;
     width: 180px;
     text-align: center;
}

.block-product.show-price .price {
    display: inline-block;
}

.full .block-product-select-quantity + .price.ttc {
    width: 155px;
    padding-left: 8px;
    margin-bottom: 20px;
}

/* modals */
.modal-backdrop {
    background-color: #27323D;
}

.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}

.modal-header .close {
    opacity: 1;
    margin-top: 10px;
}

.modal-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
}

@media(min-width: 991px) {
    .modal-dialog {
        width: 800px;
    }
}

#modalCart h4.modal-title small {
    display: none !important;
}

#modalCart .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#modalCart .modal-footer2 .block-product h4 {
    margin-left: 0;
}

#modalCart .catalog .block-product {
    min-width: 210px;
}

#modalCart .catalog .block-product.hidden {
    min-width: auto;
    height: 50px;
}

.modal-header,
.modal-footer {
    border: 0;
    padding: 17px 37px;
}

/* modal global ui */
#modalConnexion .close span {display: none;}
#modalConnexion .close {
    background: url("https://goot-master-shard.web.app/images/icons/popup-close.png");
    width: 26px;
    height: 26px;
}

/* cart modal specific */

#modalCart .modal-footer button[data-dismiss=modal] {
    background: transparent;
    color: #333;
    border-bottom: 1px solid;
    border-radius: 0;
    padding: 0;
    width: auto;
    display: block;
    min-width: auto;
    font-weight: bold;
    color: var(--color-main);
    margin-top: 10px;
}

#modalCart .modal-content {
    float: left;
    width: 100%;
    padding: 15px 30px;
}

#modalCart .cart-product-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
}

#modalCart .cart-summary .cart-product-image img {
    border: 1px solid #efeeee;
    border-radius: 5px;
    padding: 20px;
    max-width: 150px;
    max-height: 150px;
}

#modalCart .cart-product-total {
    font-size: 16px;
}

#modalCart .cart-product-total strong {
    font-weight: 400;
}

#modalCart .cart-product-total .pull-left:first-of-type span {
    opacity: 0.6;
    padding-right: 40px;
    border-right: 1px solid #aaa;
    margin-right: 50px;
}

#modalCart .cart-product-total span.bold {
    font-weight: bold;
    color: #000;
    opacity: 1;
    font-size: 20px;
    margin-right: 5px;
    margin-left: 10px;
}

#modalCart .modal-body .modal-footer {
    float: left;
    width: 90%;
    margin-left: 10%;
    margin: 50px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 30px;
    padding-bottom: 30px;
}

#modalCart .cart-summary .pull-left {
    line-height: 40px;
}

#modalCart .modal-footer2 h4 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-left: 30px;
    margin-bottom: 40px;
}

#modalCart .modal-footer2 h5 {
    font-weight: bold;
    margin-top: 20px;
    color: #000;
}

#modalCart .modal-footer2 h5 img {
    margin-left: 10px;
}

#modalCart .modal-footer2 .col-md-4 {
    text-align: center;
}

#modalCart .modal-footer2 {
    padding-bottom: 50px;
    float: left;
    width: 100%;
}

#modalCart .cart-product-image {
    /* float: left; */
}

#modalCart .cart-summary {
    margin-top: 40px;
}


@media(max-width: 991px) {
  #modalCart .cart-summary .cart-product-image img{float:none!important;margin:0 auto 30px}
  #modalCart .modal-body .modal-footer{margin-left:0;margin-right:0;text-align:center;width:100%;padding:17px 10px}
  #modalCart .btn-default{margin-top:30px}
  #modalCart .cart-summary{margin:10px}
  #modalCart .modal-footer button[data-dismiss=modal]{float:none!important;margin:0 auto;}
  #modalCart .cart-product-total .pull-left:first-of-type span{border:0}
  #modalCart .modal-footer2 h4{margin-left:0}
}


/** page espace client */
#page-espace_client #page-content h1 {
    color: #fff;
}

.info-block {
    margin-top: 70px;
}

.info-block h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 40px;
    color: #000;
}

.info-block h3 {
    font-size: 18px;
    font-weight: 800;
    color: #000;
    float: left;
}

.info-block h2:before {
    width: 16px;
    height: 16px;
    background: #A0DA8C;
    border-radius: 300px;
    content: "";
    display: inline-block;
    margin-right: 10px;
}

.info-block .info-block-content {
    background: #fff;
    box-shadow: 0 1px 15px #ddd;
    float: left;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 16px 56px;
}

@media(max-width: 991px) {
  .info-block h2 {
      margin-bottom: 20px;
  }

  .info-block {
      float: left;
      width: 100%;
      margin-top: 40px;
  }
}

#page-tunnel #page-content h1,
#page-cart #page-content h1 {
    color: #2F2F2F;
    font-weight: 700;
}

#page-tunnel .breadcrumb {margin-bottom: 0;}
#page-tunnel #page-content h1 {margin-top: 10px;}

/* recapitulatif panier */
.tunnel-order-details {
    width: 56%;
    float: left;
    margin-right: 11%;
}

.tunnel-order-summary-line {
    float: left;
    width: 100%;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 300;
}

.tunnel-order-info > div {
    padding-left: 30px !important;
    padding-right: 30px !important;
    float: left;
    width: 100%;
}

.tunnel-order-info .btn-main {
    margin: 0;
    max-width: 280px;
    width: 100%;
}

.tunnel-order-info {
    float: left;
    width: 31%;
    padding: 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    position: sticky;
    top: 170px;
}


.tunnel-order-info > div.tunnel-order-total {
    width: 100%;
    border-top: 1px solid #eee;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
}

.tunnel-order-info > div.tunnel-order-total table {
    width: 100%;
}

.tunnel-order-summary-line {
    display: table;
}

.tunnel-order-summary-line .cell-left,
.tunnel-order-summary-line .cell-right {
    display: table-cell;
    vertical-align: middle;
}

.tunnel-order-summary-line .cell-right {
    max-width: 200px;
    min-width: 100px;
    text-align: right;
}

.tunnel-order-summary-line {
    display: table;
}

.tunnel-order-summary-line .cell-left,
.tunnel-order-summary-line .cell-right {
    display: table-cell;
    vertical-align: middle;
}

.tunnel-order-summary-line .cell-right {
    text-align: right;
    font-weight: 500;
    max-width: 150px;
    min-width: 80px;
}

.cart-line-TOTTVA td {
    font-size: var(--font-size);
    font-weight: 400;
    padding: 10px 0 0;
}

tr.cart-line-TOTTTC td {
    padding-top: 10px;
}
.delivery-date {
    border-radius: 3px;
    padding: 14px;
    color: #121310;
    background: #e2f3dc;
    color: #25a54f;
}

.delivery-date span.glyphicon.glyphicon-shopping-cart:before {
    content: none;
}

.delivery-date span.glyphicon.glyphicon-shopping-cart {
    background: url("/images/icons/edit.png") 100% / 100%;
    width: 16px;
    height: 17px;
}

.delivery-date strong {
    margin-right: 3px;
}

.delivery-date span {
    color: #121310;
}

.delivery-date #change-date {
    margin-top: -5px;
    margin-bottom: -5px;
    margin-right: -3px;
    color: #fff;
    border: 0;
    padding: 7px 10px;
    min-width: auto;
}

#page-tunnel #page-content h5, #page-cart #page-content h5 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
}

#page-cart #page-content h5 {
    margin: 30px 0;
}


/** page historic-orders */
#historic-orders thead th {
    color: #2D3946;
    font-weight: normal;
    font-size: var(--font-size);
    text-transform: initial;
    padding: 30px 0;
    border: 0 !important;
}

#historic-orders tr {
    display: block;
    width: 100%;
    float: left;
}

#historic-orders td,
#historic-orders th {
    width: calc(100% / 6) !important;
    float: left;
}

#historic-orders tbody tr {
    background: #eee;
}

#historic-orders tbody tr {
    padding: 20px 0;
    margin: 20px 0 5px;
    background: #fff !important;
    border: 1px solid #eee;
    border-radius: 4px;
}

#page-mes_commandes .page-body, #page-shopping_list .page-body {
    background: #f7f9fa;
}

/* modal inscription */

.modal-block-inscription {
    border: 1px solid #ccc;
    border-radius: 50px;
    height: 72px;
    line-height: 72px;
    padding-left: 30px;
    margin-top: 65px;
    font-size: 16px;
    padding-right: 7px;
    margin-bottom: 40px;
}

.link-mdp {
    margin-top: 40px;
    display: block;
    font-size: 15px;
    letter-spacing: -0.01em;
    margin-bottom: 30px;
}


/* modal */
@media(max-width: 991px) {
.modal-header .close{position:absolute;right:0;text-align:right}
.modal-header{position:relative;padding:7px 37px}
.modal-title{font-size:24px;line-height:30px}
}

.modal-form p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
}

@media(max-width: 991px) {
    .modal-block-inscription .pull-right {
        width: 100%;
        margin-top: 20px;
    }

    .modal-block-inscription {line-height: 30px;height: auto;float: left;border: 0;border-top: 1px solid #eee;padding: 0;border-radius: 0;padding-top: 30px;}
}

@media(max-width: 500px) {

    .modal-form {
        width: 100%;
    }

    .modal-open .modal {
        padding-right: 0 !important;
    }

    button.btn {
        white-space: normal;
    }
}

/* modal choose group */
#modalGroup .modal-content, #modalCatalogPdf .modal-content {
    max-width: 600px;
    margin: 0 auto;
}

#modalGroup .modal-title > span, #modalCatalogPdf .modal-title > span {
    color: var(--color-main);
}

.choose-group-row {
    width: 384px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 auto 20px;
    display: table;
    box-shadow: inset 0 0 0 1px #cbcbcb, 0 0 0px rgba(0,0,0,.0);
    transition: box-shadow 0.3s, filter 0.5s;
    filter: grayscale(100%) opacity(40%);
    cursor: pointer;
}

.choose-group-row:hover {
    box-shadow: inset 0 0 0 1px #eee, 0 0 20px rgba(0,0,0,.2);
    filter: grayscale(0%) opacity(1);
}

.choose-group-image {
    text-align: center;
    max-width: 90px;
    max-height: 100px;
    margin: 0 auto;
    z-index: 999;
    position: relative;
}

.choose-group-title,
.choose-group-desc {
    padding-left: 42px;
    color: #fff;
    font-size: 12px;
    margin-bottom: 2px;
}

.choose-group-title {
    font-size: 16px;
    font-weight: 700;
}

.choose-group-image img {
    max-width: 100%;
    max-height: 100px;
    width: auto;
}

.choose-group-cell-left,
.choose-group-cell-right {
    display: table-cell;
    vertical-align: middle;
}

.choose-group-row .choose-group-cell-right {
    padding: 0 0;
    height: 104px;
    position: relative;
    z-index: 2;
}

.choose-group-row .choose-group-cell-left {
    text-align: center;
    width: 140px;
    margin: 0 auto;
}

.choose-group-row .choose-group-cell-right:before {
    content: "";
    background: #76cae6;
    position: absolute;
    z-index: -1;
    border-radius: 600px;
    width: 600px;
    height: 600px;
    left: -63px;
    top: -60px;
}

@media(max-width: 991px) {
    .choose-group-row {
        width: 100%;
    }

    .choose-group-row .choose-group-cell-right {
        padding-right: 40px;
    }

}


/* confirm-order */
#page-tunnel #page-content .order_confirmed h1 {
    font-size: 36px;
    text-align: center;
    color: #000;
    line-height: 36px;
    margin-top: 80px;
    margin-bottom: 0;
}

#page-content .order_confirmed h1 small {
    font-size: 16px;
    line-height: 26px;
    margin-top: 30px;
    display: block;
    color: #4A4A4A;
}

#page-content .order_confirmed .info-block .info-block-content p {
    font-size: 16px;
    line-height: 24px;
    float: left;
    width: 100%;
    margin: 20px 0;
}

#page-content .order_confirmed .info-block h3 img {
    float: left;
    margin-right: 30px;
}

#page-content .order_confirmed .info-block h3 span {
    font-size: 20px;
    margin-top: 4px;
    display: block;
    font-weight: bold;
    line-height: 30px;
    color: #2F2F2F;
}

#page-content .order_confirmed .info-block {
    margin-top: 40px;
}

/* dropdown product detail */
.product-full-description section h3:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #25a550;
    right: 15px;
    top: 10px;
    position: absolute;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transition: all 0.3s;
}

.product-full-description section.closed h3:before {
    transform: rotate(225deg);
    top: 7px;
}

.product-full-description section.closed .product-section-row {
    display: none;
}

.product-full-description section.closed h3 {
    margin-bottom: 30px;
}

.product-full-description section h3 {
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
}

@media(max-width: 991px) {
    .product-page .sticky {
        display: none;
    }

    .product-page .product-full .details {
        padding: 0;
        display: block;
        width: 100%;
    }

    .product-page .block-product .btn.btn-primary.add-product {
        margin-top: 30px;
    }

    .product-page .add-product > div {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media(max-width: 767px) {
    .product-page .full .btn-add-on-click {
        display: block;
        width: 100%;
        text-align: center;
    }

    .product-page .full .btn-add-on-click button {
        width: 100%;
    }
}

.mobile-label .table-label,
.mobile-label .table-value {
    width: 50%;
    float: left;
    text-align: left;
}

.mobile-label tr td,
.mobile-label#historic-orders tbody tr td {
    width: 100% !important;
    float: left;
    padding-left: 10px;
    text-align: left !important;
}

.mobile-label tbody tr,
.mobile-label#historic-orders tbody tr {
    width: calc(100% - 20px);
    margin: 10px;
    border-radius: 5px;
}

#page-shopping_list .transparent {
    opacity: 1;
}

@media(max-width: 991px) {
  #page-shopping_list .block-product .btn.btn-primary.add-product {
    width: 100%;
    text-align: center;
    left: 0;
  }
}

/* mobile nav */
@media(max-width: 991px) {
  nav.navigation[data-level="2"] {transform: translateX(-10%)}
  nav.navigation[data-level="3"] {transform: translateX(-20%)}
  nav.navigation[data-level="4"] {transform: translateX(-30%)}
  nav.navigation[data-level="5"] {transform: translateX(-40%)}
  nav.navigation[data-level="6"] {transform: translateX(-50%)}
  nav.navigation[data-level="7"] {transform: translateX(-60%)}
  nav.navigation[data-level="8"] {transform: translateX(-70%)}
  nav.navigation[data-level="9"] {transform: translateX(-80%)}
  nav.navigation[data-level="10"] {transform: translateX(-90%)}
  nav.navigation > div {width: 10%;position: relative;left: 0;top: 0;display: inline-block;vertical-align: top;margin: 0;padding: 10px 30px;height: 100%;}
  nav.navigation {
      width: 1000%;
      height: 100%;
      overflow: hidden;
      padding: 0;
      transition: all 0.3s;
      height: 100%;
  }

    /* 2 level */
  #menu-catalog.active {
    display: block;
    background: #2d3946;
    box-shadow: none;
  }

  #menu-catalog {
    display: none;
    position: absolute;
    top: 0;
    transform: translateX(100%);
    left: 0;
    width: 100%;
    z-index: 99;
    background: #2d3946;
    box-shadow: none;
    opacity: 1 !important;
    left: 0 !important;
    height: 100%;
  }

  /* 3 level */
  #menu-catalog.selected .menu-catalog-content {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 99999;
      transform: translateX(100%);
      opacity: 1;
      display: block;
      overflow: initial;
  }

  #menu-catalog .menu-catalog-content li.dropdown-level-2 .submenu-list {
      display: none;
  }

  #menu-catalog .menu-catalog-content li.dropdown-level-2.active .submenu-list {
      display: block;
      position: fixed;
      background: #fff;
      top: 0;
      left: 0;
      z-index: 999;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      transform: translateX(100%);
      padding: 0 30px;
  }

  #menu-catalog.active > div {margin: 0;width: 100%;padding: 0;}
  #menu-catalog .menu-catalog-list {overflow: hidden;}
  #menu-catalog .menu-catalog-list nav [data-toggle=nav] a {display: none;}
  #menu-catalog .menu-catalog-list nav {margin-top: 20px;margin-left: 30px;}

  .icons > a {display: none;}
}

.product-partials {margin-top: 20px}
.block-product-price-details {display: inline-block;}
#page-shopping_list .catalog.full .block-product h4 {/* height: auto; */}
.product-delivery-informations > span {margin-right: 20px;}
.block-product-shoppinglist {cursor: pointer;}
.product-delivery-informations > a {cursor: pointer;}
@media (min-width: 992px) {
  #menu-catalog.active {height: calc(100% - var(--nav-margin) + 20px);overflow: scroll;top: calc(var(--nav-margin) - 1px);position: fixed;z-index: 999;}
  #menu-catalog .menu-catalog-list nav ul {max-height: initial;}
  #menu-catalog .menu-catalog-content:before {content: "";top: 0;width: 100%;height: 100%;background: #2d3946;z-index: 99;display: inline-block;position: absolute;left: -100%;}
}


@media(max-width: 1200px) {
  .header-menu-middle nav.submenu a {padding-left: 15px; padding-right: 15px;}
  .icons > a, .icons > div {margin: 0}
}

@media(max-width: 991px) {
  .header-logo > a {
    float: left;
  }

  .mobile-icons {
    font-size: 30px;
    color: #000;
    margin: 10px;
    float: right;
  }

  .icons > a {display: inline-block;}
  .icons > a, .icons > div {margin: 0;}

  header .searchbar {
    width: 34px !important;
    margin: 0 !important;
    transition: all 0s;
  }

  .search-wrapper {
    width: auto !important;
  }

  .icons {
    margin-top: 5px;
  }

  .icons a > span {
    width: 30px;
  }

  button.toggle-menu {
    left: 0;
  }

  .search-row {
    background: #fff;
    padding: 0;
    overflow: hidden;
  }

  .searchbar ul#menu-search {
    left: 0 !important;
    width: 100% !important;
    margin-left: 0px;
    outline: 1px solid #fff !important;
    box-shadow: none !important;
    border-top: 1px solid #eee;
    top: 28px;
  }

  header #block-logo {
    margin: 25px 0;
    margin-left: 30px;
  }

  header .searchbar.in {
    background: #fff;
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 60px;
    border-radius: 0;
    transition: all 0s;
    height: auto;
    z-index: 0;
  }

  header .header-menu-middle .icons,
  header .header-menu-middle .searchbar {
    display: none;
  }
}

@media(max-width: 390px) {
  header #block-logo {
    width: 119px;
    top: 2px;
  }
}

button.btn.overall-loader {
    display: block !important;
    border: 8px solid #f3f3f3 !important;
    border-top: 8px solid var(--color-main)!important;
    border-radius: 50% !important;
    animation: spin 2s linear infinite;
    margin-left: calc(50% - 20px);
    margin-right: calc(50% - 20px);
    margin-top: 40px;
    height: 40px;
    width: 40px;
    color: transparent !important;
    cursor: auto;
    background: #fff !important;
    min-width: auto;
    padding: 0;
}

#footer-show {padding: 20px;border-radius: 0;font-weight: bold;background: var(--color-main);color: #fff;}
#footer-show i {font-size: 20px;margin-left: 5px;position: relative;top: 1px;}

.landing-views .bx-wrapper .bx-pager.bx-default-pager a:hover, .landing-views .bx-wrapper .bx-pager.bx-default-pager a.active, .landing-views .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #2D3946 !important;}
.landing-views .bx-wrapper .bx-pager {margin-bottom: 30px;}
.landing-views .bx-wrapper {padding-bottom: 80px;}

.landing-views .breadcrumb {text-align: left;color: #fff;margin-top: -35px;}
.landing-views .breadcrumb li a.active, .landing-views .breadcrumb li a {color: #fff;}
.landing-views .breadcrumb>li+li:before {color: #fff;margin: 0px 6px;}
.landing-views .btn-white {background: #fff;padding: 14px 23px;border-radius: 30px;float: left;margin-top: 33px;font-weight: bold;font-size: 16px;color: #333;transition: all 0.3s;border: 2px solid #fff;}
.landing-views .btn-white:hover {color: #fff;background: transparent;border-color: #fff;}
.landing-views .landing-row-button {border-radius: 40px;padding: 17px 30px;display: block;text-align: center;margin: 0 auto 30px;width: calc(100% - 60px);font-size: 16px;font-weight: bold;display: inline-block;display: block;border: 1px solid #fff;transition: all 0.3s;}
.landing-views .landing-row-button:hover {background: #fff;border: 1px solid var(--color-main);color: var(--color-main);}
.landing-views .bx-wrapper .bx-pager.bx-default-pager a {background: transparent;border: 1px solid #2D3946;transition: all 0.3s;width: 9px;height: 9px;margin: 0 10px;}
.landing-views .bx-wrapper .bx-pager.bx-default-pager a.active {border: 1px solid #2D3946;background: #2D3946;}
.landing-views h2 {margin-bottom: 50px;}
.landing-row-title {font-size: 20px; font-weight: bold; text-align: center; padding: 25px 10px; margin-bottom: 25px;}

.landing-row-image {width: 100%;display: block; border-radius: 3px}
.landing-row-image img {width: 100%;border-radius: 3px 3px 0 0;}
.landing-row-container {display: inline-block;vertical-align: top;width: 280px; max-width: 100%;margin: 0 5%;background: #fff;box-shadow: 0 0px 1px 0px #eee;border-radius: 3px;margin-top: 45px;transition: all 0.3s;border: 1px solid #eee;}
.landing-row-container:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.landing-view {padding: 35px 0;clear: both;}
.landing-view .bx-wrapper {border: 0;box-shadow: none;background: transparent;margin: 0 auto;max-width: 100% !important;}
.landing-view .landing-row-container {margin: 0 43px;}
.landing-view .bx-wrapper .bx-controls-direction a {background: url(/images/icons/slider-dark-arrow-left.png) no-repeat;width: 50px;height: 50px;z-index: 999;}
.landing-view .bx-wrapper .bx-controls-direction a.bx-next {background: url(/images/icons/slider-dark-arrow-right.png) no-repeat}
.landing-view .bx-wrapper .bx-controls-direction a.bx-left {background: url(/images/icons/slider-dark-arrow-right.png) no-repeat}

@media(max-width: 991px) {
  .landing-view {padding-top: 40px;padding-bottom: 40px;}
  .landing-view .landing-row-container {width: 100% !important;margin: 0;}
  .landing-views h2 {font-size: 26px;margin: 0;padding: 0;line-height: 40px;}
  .landing-row-slider-row {margin: 0 30px 0 0}
  #prefooter .media-body {padding: 23px 0;}

  .landing-views .bx-wrapper .bx-pager {display: none;}
  .landing-views .bx-wrapper {padding-bottom: 30px;}
  .landing-views .bx-wrapper .bx-controls-direction a {width: 32px;height: 32px;background-size: 100% !important;opacity: 0.7}
  #prefooter {padding-top: 30px;}
  #prefooter .media-description, #prefooter .media-heading {display: table-cell;vertical-align: middle;padding: 0 7px;}
  #prefooter .media-description {text-align: left;}
  #prefooter .media-img {width: 52px;height: 52px;background-size: 100% !important}

}

.spinner3 {display: inline-block;}
.spinner3.small {width: 40px;}
.spinner3.small > div {width: 9px;height: 9px;margin-left: 2px;margin-right: 2px;}
.spinner3 > div {width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner3 .bounce1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner3 .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } }
@keyframes sk-bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0); } 40% {-webkit-transform: scale(1.0); transform: scale(1.0); } }


/** LANDING CMS */
.landing-views ul {margin: 0; padding: 0; list-style: none}
.landing-views ul li {padding-top: 10px;padding-bottom: 10px;}
.landing-views ul li:before {content: "";width: 9px;height: 9px;display: inline-block;background: var(--color-main);margin-right: 20px;margin-left: 5px;border-radius: 100px}

/* landing header */
.landing-header .a-la-une {text-align: left;display: block;color: #fff;font-weight: 100;margin-top: 65px;}
#page-content .landing-header h1 {color: #fff;font-size: 48px;max-width: 880px;padding-top: 28px;font-weight: bold;line-height: 72px;padding-left: 2px;}
@media(max-width: 991px) {
    .landing-header, .landing-header-container .landing-view {height: auto !important;padding: 35px 0 90px !important;}
    #page-content .landing-header h1 {font-size: 32px;line-height: 48px;}
}

.landing-header-container .landing-view {padding: 130px 0 220px;/* height: 655px; */}
.landing-header-container .bx-wrapper .bx-pager {
    color: #fff !important;
    text-align: center;
    margin-bottom: 0;
    bottom: 60px;
}

.landing-header-container .bx-wrapper .bx-pager.bx-default-pager a {
    border-color: #fff;
}

.landing-header-container .bx-wrapper .bx-pager.bx-default-pager a:hover,
.landing-header-container .bx-wrapper .bx-pager.bx-default-pager a.active,
.landing-header-container .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #fff !important;
    border: 0;
}

/* landing header small */
.landing-views .landing-header-page {margin-top: 0;margin-bottom: 0;padding-top: 0;float: none;height: auto;padding-bottom: 25px;}
.landing-views .landing-header-page h1 {line-height: 80px;}
.landing-view.landing-activity {width: 100%;clear: both;}
.landing-views .landing-no-background {background: transparent;}

/* landing typology */
.landing-typology {padding: 0;position: relative;overflow: hidden;}
.landing-typology .container {padding: 35px 0;}
.landing-typology .landing-row-image {position: relative;overflow: hidden; margin-bottom: 45px; min-height: 230px}
.landing-typology .landing-row-image .landing-row-title {position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;color: #fff;width: 100%;padding: 32px;}
/*.landing-typology .landing-row-image:before {position: absolute;display: block;content: "";background: transparent;width: 648px;height: 648px;bottom: -96px;border-radius: 430px / 300px;border: 100px solid #fff;left: 50%;transform: translate(-50%);}*/
.landing-typology .landing-row-container {width: calc(50% - 30px);float: left;padding: 0;margin: 15px;}
.landing-typology .landing-row-image .landing-row-title img {display: block;margin: 0 auto;text-align: center;margin-top: 25px;max-width: 72px; width: auto}
.landing-typology .landing-row-bg {height: 230px;background: transparent;}
.landing-typology .landing-row-bg .landing-row-title {height: 200px;color: #000000;}
.landing-typology .landing-typology-bg {content: "";display: block;left: 0;width: 42%;position: absolute;height: 100%;top: 0;}
.landing-typology h2 {text-align: left;margin-bottom: 30px;}
.landing-typology * + .landing-typology-bg {right: 0;left: auto;}

@media(max-width: 991px) {
    .landing-typology .container, .landing-view {padding-top: 40px;padding-bottom: 40px;}
    .landing-typology .landing-row-container {width: 100%;margin-left: 20px;margin-right: 0;}
    .landing-typology .landing-row-image:before {display: none;}
    .landing-typology .landing-row-container {width: calc(100% - 40px) !important;margin: 20px;}
    .landing-typology {height: auto;}
    .landing-typology * + .landing-typology-bg {background: transparent !important;}
}

/* landing confidence */
.landing-confidence {background: #f2f5f8; }
.landing-confidence .landing-row-container {display: table;max-width: 800px;width: 100%;margin: 0 auto 30px;}
.landing-confidence .landing-row-section {vertical-align: middle; padding: 50px 70px 0 70px; vertical-align: top;}
.landing-confidence .landing-row-image, .landing-confidence .landing-row-section {display: table-cell; }
  .landing-confidence .landing-row-image {width: 280px; margin: 0; padding: 0; }
.landing-confidence .landing-row-image img {border-radius: 3px 0 0 3px; }
.landing-confidence .landing-row-title {text-align: left; font-weight: 400; font-size: 16px; padding: 0 0 40px 0; margin-bottom: 0;}
.landing-confidence .landing-row-title strong {font-weight: bold; font-size: 20px; margin-bottom: 10px; display: block; }
.landing-confidence .landing-row-description {font-size: 16px; opacity: 0.4; font-style: italic; line-height: 30px; color: #000; margin-bottom: 20px; }
.landing-confidence .landing-row-confidence-row {width: 100%;margin: 0 60px 30px;}
.landing-confidence .bx-viewport {overflow: visible !important;}
.landing-confidence.landing-view {overflow: hidden;}
@media(min-width: 991px) {
.landing-confidence .landing-row-confidence-row {width: 1270px !important;transition: all 1s;margin: 0 auto !important;}
.landing-confidence .is-slider .landing-row-confidence-row {margin-right: -200px !important}
}
.landing-confidence .landing-row-confidence-row {transition: all 1s;margin: 0;}

@media(max-width: 991px) {
    .landing-confidence .landing-row-container {display: block;max-width: 100%;}
    .landing-confidence .landing-row-image {display: none;}
    .landing-confidence .landing-row-section {padding: 30px 23px;}
}

/* landing collaboration */
.landing-collaboration .landing-row-container {border: 0;box-shadow: none;width: 100%;margin: 30px 3%}
.landing-collaboration .landing-row-container {vertical-align: middle; text-align: center}
.landing-collaboration .landing-row-image {max-width: 176px;max-height: 72px;display: inline-block;text-align: center}
.landing-collaboration .landing-row-image img {display: inline-block !important;height: auto;max-width: 100%;max-height: 100%;width: auto;}
.landing-collaboration .bx-wrapper {padding-bottom: 0}
.landing-collaboration .bx-wrapper .bx-pager {display: none}
@media(max-width: 991px) {
    .landing-collaboration .landing-row-container {text-align: center;}
}

/* landing catalog client */
.landing-catalog.landing-view .container {padding: 35px 0;}
.landing-catalog.landing-view {padding: 0;position: relative;overflow: hidden;}
.landing-catalog h2 {text-align: left;margin-bottom: 50px;}
.landing-catalog .landing-row-image {position: relative;overflow: hidden; margin-bottom: 45px;}
.landing-catalog .landing-row-image .landing-row-title {position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;color: #fff;width: 100%;padding: 32px;}
.landing-catalog .landing-row-container {width: calc(33% - 30px);float: left;padding: 0 20px;margin: 15px;border: 0}
.landing-catalog .landing-row-image .landing-row-title img {display: block;margin: 0 auto;text-align: center;margin-top: 25px;max-width: 72px; width: auto}
.landing-catalog .landing-row-bg {height: 230px;background: #F6F8F9;}
.landing-catalog .landing-row-bg .landing-row-title {height: 200px;color: #000000;}
.landing-catalog .landing-catalog-bg {content: "";display: block;left: 0;width: 35%;position: absolute;height: 100%;top: 0;}
.landing-catalog * + .landing-catalog-bg {right: 0;left: auto;}

.landing-catalog .landing-row-container {box-shadow: none;}
.landing-catalog .row {margin-left: -30px;margin-right: -30px;}
.landing-catalog .landing-row-image .landing-row-title {position: static;color: #333;padding: 15px 0 10px;margin: 0;transition: none;font-size: var(--font-size);font-weight: 100;/* font-style: italic; */text-align: left;display: inline-block;transform: none;text-align: center;color: #8F90A6;}
.landing-catalog .landing-row-image {margin: 0;}
.landing-catalog .landing-row-section .pull-right {margin-top: 3px}
.landing-catalog .landing-row-section a {font-weight: bold; color: #000; font-size: 16px;}

.landing-catalog .landing-catalog-bottom {margin-top: 40px;}
.landing-catalog .landing-catalog-bottom .landing-row-button {margin-left: 0;width: auto; display: inline-block}

@media(max-width: 991px) {
    .landing-catalog {height: auto;}
    .landing-catalog .landing-catalog-bg {background: transparent !important;}
    .landing-catalog .landing-row-container {width: 100%;margin: 0;padding: 20px 40px 20px;margin-bottom: 0px;border-bottom: 1px solid #eee;}
    .landing-catalog .landing-row-image img {max-width: 176px;display: block;margin: 0 auto;}
    .landing-catalog .landing-catalog-bottom {text-align: center;}
    .landing-catalog .landing-catalog-bottom .landing-row-button {margin-left: auto;margin-right: auto;}
    .landing-catalog.landing-view .container {padding-top: 20px;padding-bottom: 20px;}
}

/* landing activity */
.landing-activity, .landing-background {background: #F1F1F6;}
.landing-activity h2 {text-align: left; margin-bottom: 20px;}
.landing-activity .active {line-height: 60px;display: inline-block}
.landing-activity .landing-activity-content {font-size: 16px;line-height: 30px;padding-right: 130px;}
.landing-activity .landing-row-button {width: auto;padding-left: 70px;padding-right: 70px;margin-left: 0;text-align: left;margin-top: 40px; display: inline-block}
.landing-activity .landing-activity-banner {width: 384px; height: 256px; background: #fff; padding: 20px 40px; position: relative; margin-top: -165px; right: 0; float: right; border-radius: 3px; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.02); }
.landing-activity .landing-activity-banner-title {font-size: 20px; font-weight: bold; text-align: center; }
.landing-activity .landing-activity-banner-title b, .landing-activity .landing-activity-banner-title strong {color: var(--color-main); }
.landing-activity .landing-activity-banner-wrapper {display: inline-block; position: relative; }
.landing-activity .landing-activity-banner-icon {text-align: center; margin: 20px 0; }
.landing-activity .landing-activity-banner-link {font-weight: bold; text-align: center; }
.landing-activity .landing-activity-banner-link a {color: #000}
.landing-activity .landing-activity-banner-link img {position: relative; left: 10px; top: -2px; }

@media(max-width: 991px) {
    .landing-activity .landing-activity-banner {left: 0;right: 0;margin: 0;float: none;width: 100%;height: auto;}
    .landing-activity .landing-activity-banner-wrapper > img {width: 100%;}
    .landing-activity .landing-activity-banner-icon {display: none;}
    .landing-activity .landing-activity-banner-title {margin-bottom: 30px;}
    .landing-activity .landing-activity-content {padding-right: 0;}
}

/* landing section list */
.landing-section-list {background: #f6f8f9;}
.landing-section-list .bx-wrapper .landing-row-image {height: 156px;width: 100%;background: #edeff0;}
.landing-section-list .bx-wrapper .landing-row-image  img {height: 100%;width: auto;margin: 0 auto;}
.landing-section-list .slider-section-list {left: 77px;}

@media(min-width: 992px) {
    .landing-section-list .bx-viewport:after,
    .landing-section-list .bx-viewport:before {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(246, 248, 249, 0.6);
        z-index: 9999999;
        content: "";
        display: inline-block;
        opacity: 1;
    }
}

.landing-section-list .bx-viewport:after {left: calc(100% - 70px);}
.landing-section-list .bx-viewport:before {right: calc(100% - 70px);}
.landing-section-list .bx-viewport {overflow: visible !important;}
.landing-section-list {overflow: hidden;}

.landing-section-list .bx-wrapper .bx-loading,
.landing-section-list .bx-wrapper .bx-loading + div {
    display: none;
}

.landing-section-list .landing-row-title {height: 77px;padding-bottom: 0;line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

@media(max-width: 991px) {
    .landing-section-list .bx-viewport:after, .landing-section-list .bx-viewport:before {background: transparent}
    .landing-section-list .slider-section-list {left: 0;}
    .landing-section-list .bx-wrapper .landing-row-image img {width: 100%;}
    .landing-section-list .bx-wrapper .landing-row-image {height: auto;}
    .landing-section-list {height: auto;}
    .landing-section-list .bx-viewport {overflow: hidden !important;}
}

.landing-views .landing-header-container .bx-wrapper {padding: 0;margin: 0;height: auto;border: 0;}
.landing-views {margin-top: calc(var(--nav-margin) - 1px);font-size: 18px;line-height: 1.7em;}
@media(max-width: 991px) {
    .landing-views {margin-top: 65px;}
}
/* END LANDING CMS */

.landing-activity .landing-activity-banner-link a:after,
.landing-catalog .landing-row-section a:after {display: none}
.landing-activity .landing-activity-banner-link a:after {float: none;display: inline-block;margin-left: 10px;}

.landing-views > .container > .breadcrumb {margin: 10px 0;}
.landing-views > .container > .breadcrumb,
.landing-views > .container > .breadcrumb>li+li:before,
.landing-views > .container > .breadcrumb li a.active, .landing-views .breadcrumb li a {
    color: #333;
}

.tunnel-order-info.loading:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.tunnel-order-info.loading:after {
    content: "";
    position: absolute;
    top: 50%;
    display: block !important;
    border: 5px solid #e9e9e9;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 6px solid var(--color-main);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-left: calc(50% - 25px);
    margin-right: calc(50% - 25px);
    z-index: 99999;
    margin-top: -25px;
}

#basket-details tbody td span.legend.block-product-reference {margin-bottom: 5px;color: #000;margin-top: 4px;font-size: 12px;}
#basket-details tbody td span.legend:before {content: "";width: 3px;height: 3px;float: left;background: #4A4A4A;border-radius: 100px;margin-top: 12px;margin-right: 7px;}
#basket-details tbody td span.legend.block-product-reference:before {display: none;}
#page-service .col-sm-4.wrapper-img {width: 33.33%}
#menu-catalog .menu-catalog-list nav li:hover:not(.active):before {background: rgba(255, 255, 255, 0.08)}
#modalInscription .modal-dialog {width: 820px}
@media(max-width: 991px) {
    #modalInscription .modal-dialog {width: 90%;}
}
.dropdown-level-2 > a:hover {color: var(--color-main)}

.landing-free-list p {font-size: var(--font-size);font-weight: 400;line-height: 28px;color: #000;text-align: justify;}

.modal-block-inscription .pull-left {
  line-height: 19px;
  width: 260px;
  margin-top: 15px;
  font-size: 16px;
}

@media(max-width: 991px) {
  .modal-block-inscription a {
    display: block;
  }
  .modal-block-inscription .pull-left {
    width: 100%;
  }
}

.no-border {border: 0 !important}
.no-margin {margin: 0 !important;}

.icons > a, .icons > div {margin: 11px 0 0}
.searchbar.in {width: 100%;display: none;transition: all 0.3s;}
.searchbar.in:before {content: "";display: inline-block;position: fixed;left: 0;width: 100%;background: #f8f8f8;height: 53px;margin-top: -10px;border-top: 1px solid #eee;}
.searchbar ul#menu-search {width: 100%}
.searchbar .input-group-addon button {display: none}
.searchbar.in .input-group-addon button {display: block}
.searchbar.in input.input-search.form-control, .searchbar {transition: all 0s !important}

header #menu-search li img {max-width: 64px;max-height: 54px}
#menu-search .image-wrapper {width: 80px}
#menu-search.collapse li, #menu li ul.collapse li, #menu li ul.collapsing li {height: 54px;line-height: 50px}

@media(max-width: 991px) {
  .searchbar.in:before {display: none}
  .search-wrapper {margin-top: 12px}
  .header-middlebar-row {margin-bottom: 10px}
}

.block-product div.add-product input.short_qte::-webkit-outer-spin-button,
.block-product div.add-product input.short_qte::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
.block-product div.add-product input.short_qte[type=number] {-moz-appearance: textfield}

.product-buttons .col-sm-12 {width: auto}
.product-page .product-full .details {vertical-align: top}
.product-page .product-full .package-price {font-weight: 700;font-size: 16px;display: block;margin: 10px 0; width: 100%}

#navbar-mobile nav.submenu .header-selector {padding-left: 0 !important;padding-right: 0 !important}

.block-product .product-icons {position:absolute;top:20px;right:30px}
.block-product .product-icons > div{text-transform:uppercase}

#page-product .block-product-price-details [data-role=subtotal]:before {content: "Total :  ";display: inline-block;z-index: 999;margin-right: 5px}
#page-product .block-product-unit-price {color: #000;margin-bottom: 20px;display: block;font-weight: 600}
.full .block-product-select-quantity + .price.ttc {text-align: right;padding: 0 20px 0 40px;width: auto;}

.btn-external-link {border-radius: 4px}

nav.submenu.pull-left {
  margin-left: 150px;
}

img#block-logo {margin-top: -10px;margin-bottom: -100px;border: #fff;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);width: auto;height: auto;}
.header-middlebar-row {height: 72px;}
#menu-catalog .menu-catalog-content > ul > li a {color: #333}
#menu-catalog .menu-catalog-content .dropdown-level-2 ul.submenu-list {padding-left: 15px;font-weight: 600;margin-bottom: 40px}

.dropdown-level-4 {
  display: block;
}

.barcode {margin-right:  40px}
.barcode img {max-height: 100px; display: block; max-width: 150px; min-width: 150px}
.barcode .ean-number {display: inline-block;font-weight: 600;color: #000;width: 150px;text-align: center;}

.landing-typology.triple .landing-typology-bg {width: 32%}
.landing-typology.triple .landing-row-container {width: calc(33.33% - 30px)}

.landing-padding-50 {padding: 200px 0;}

.landing-padding-10 {padding: 40px 0}

.container.main.map {
    text-align: center;
    margin: 0 auto;
    clear: both;
    padding-top: 70px;
}


.map-result {
    background: #f1f1f6;
    margin-bottom: 30px;
    border-radius: 10px;
    padding: 20px 30px;
}

.map-select {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 30px;
}

.map-result > div {
    margin: 9px 0;
}

.btn-full {
    width: 100%;
}

.map-see-more button.btn {
    font-size: var(--font-size);
    font-weight: 600;
}
.map-result .media-wrapper {max-width: 150px;margin: 0 auto 20px;display: block;height: auto;}

.map-result a, .links a {
    color: #28293D;
    margin-left: 10px;
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: middle;
}

.map-result .media-wrapper img {
    border-radius: 5px;
}

.map-results {
    padding-right: 40px;
}

#companyList .modal-body.modal-map {max-height: 700px;overflow-y: scroll;padding: 20px 40px;}
#companyList .modal-dialog {max-width: 1300px;width: 100%}
#companyList .modal-title.text-left {text-align: left}
.active:not(.company) {color: var(--color-main)}
#companyList .wrapper {margin-top: 0;margin-bottom: 30px;}

.links a {
    margin-bottom: 10px;
    margin-top: 10px;
}

#page-contact .col-md-8:not(.footer-leftbar) {border-left: 1px solid #eee;padding-left: 40px}

.links a[href] {
    border-bottom: 1px solid;
    display: inline;
}



.form-group {
    margin-bottom: 30px;
}

.form-control {
    padding: 15px 20px;
    gap: 16px;
    /* width: 800px; */
    

/* NEUTRES/Blanc */
    background: #FFFFFF;
/* NEUTRES/Noir 400 */
    border: 1px solid #CDCDDD;
    border-radius: 16px;
    font-size: 16px;
}

label.control-label.required {
    font-weight: 400;
    font-size: 16px;
}
.landing-catalog .landing-row-container.col-md-3 {
    width: calc(25% - 30px);
}

.landing-catalog .landing-row-container.col-md-3 img {
    border-radius: 15px;
}

.landing-catalog .landing-catalog-bottom .landing-row-button.inactive {
    background: #F1F1F6;
    color: #28293D;
    border-color: #F1F1F6;
}

.landing-catalog .landing-row-container button, .landing-catalog .landing-row-container a.button {
    width: 100%;
    text-transform: uppercase;
    color: var(--color-main);
    font-weight: 500;
    height: 50px;
    border-radius: 50px;
    font-size: 16px;
    background: transparent;
    border: 1px solid #CDCDDD;
    text-align: left;
    padding-left: 30px;
}

.landing-catalog .landing-row-container a.button svg {
  float: right;
  margin-right: 10px;
  margin-top: 13px;
}

.landing-catalog .landing-row-container a.button {
  line-height: 35px;
}

.landing-catalog .landing-row-container button a {
    color: var(--color-main);
    font-weight: 500;
}

.landing-catalog .landing-row-container button svg {
    float: right;
    margin-top: 7px;
    margin-right: 10px;
}


.slider-header-row {
    max-width: 636px;
    height: 235px;
    left: 522px;
    top: 248px;
    background: rgba(40, 41, 61, 0.64);
    border-radius: 16px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.landing-views .btn-white {
    float: none;
    margin: 0;
}

.slider-header-row h1 {
    text-align: center;
}

.slider-header-row a.btn {
    background: var(--color-main);
    border-color: var(--color-main);
    color: #fff;
}

#modalConnexion .modal-form {
    min-height: 400px;
}


.full .btn-add-on-click {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 30px;
    background: #0F8DBB;
    border-color: #0F8DBB;
}

.full .btn-add-on-click button {
    width: 100%;
}

.btn-add-on-click:hover button span {
    color: #fff !important;
}

.border-left {border-left: 1px solid #eee;padding-left: 40px;}
.links.formation img {margin-right: 9px}
.formation.links a {display: inline-block;width: unset;margin: 0;border: 0;}
.formation.links span {display: inline-block;margin-bottom: 10px;border-radius: 100px;padding: 15px 25px;}
.formation.links .active {line-height: inherit; background: var(--color-main)}
.formation.links .active a {color: #fff}
.formation.links .active img {filter: brightness(10)}

span.icon-favoris {filter: brightness(0)}

.text-specification {margin-right: 10px;font-weight: 600}
.product-attributes-div {padding: 0;margin: 30px 0;float: left;width: 100%}
.product-attributes-div > div {width: 100%;margin: 0 0 20px}
span.icon-favoris, span.icon-panier, .catalog .block-product .btn.btn-primary.add-product {display: none !important}
.catalog .block-product.col-lg-4 {height: 430px}
.landing-views.nav-margin {padding: 0}
[data-role="open_catalog"] {display: none !important}

@media(max-width: 991px) {
  .landing-typology.triple .landing-typology-bg {display: none}
  .landing-typology .landing-typology-bg {
      display: none !important;
  }
  
  .landing-padding-50 {
      padding: 50px 0;
  }
  
  .formation.links span {
      width: 100%;
  }
  
  .col-md-4.links {
      margin-bottom: 50px;
  }

  .landing-views .landing-header-page {
      margin: 0 !important;
  }
}

.links.formation {
    margin-bottom: 50px;
}

#page-product h3.text-title {
    font-size: 26px;
    color: #000;
    font-weight: bold;
    margin: 0;
    width: auto;
    display: block;
    padding: 0;
    margin-top: 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-bottom: 10px;
}

#page-product h3.text-title:before {
    content: "";
    width: 15px;
    height: 15px;
    background: var(--color-main);
    display: inline-block;
    border-radius: 100px;
    left: -15px;
    position: relative
}

.panel_title img {
    max-width: 20px;
}


.panel_title {
    font-weight: bold;
    font-size: 16px;
}


.nutriscore_title {
    display: block;
}

span.evaluation_title {
    font-size: var(--font-size);
    font-weight: normal;
    margin-left: 10px;
}

.comments-wrapper ul.accordion {list-style: none;padding: 0;}

.comments-wrapper {
    margin-bottom: 30px;
}

#menu-catalog .menu-catalog-content li.dropdown-level-2 {
  max-height: 50px;
}

[data-target="#modalConnexion"] {
  display: none;
}

@media(max-width: 991px) {
  .dropdown-menu>li>a {
    padding: 20px 30px !important;
    width: 100%;
    font-weight: 600;
  }

  .submenu ul.dropdown-menu {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
  }
}

.product-attributes-div > div {display: table}
.product-attributes-div > div > * {display: table-cell}
.product-attributes-div > div > .text-specification {padding-right: 30px;width: 40%}
.btn-section-pro {text-transform: unset}
.btn-section-pro:first-letter {text-transform: uppercase}
.container-description .pictograms {display: none}
.social-links-wrapper {display: inline-block; margin-left: 10px}
.flash-wrapper {background: var(--color-main)}
.navbar-mobile-fixed-top {height: 110px;}
#navbar-mobile .nav {top: calc(var(--nav-margin) - 4px)}
@media(max-width: 991px) {
    .header-page, .nav-margin {margin-top: calc(var(--nav-margin) - 1px) !important;}
}