/*basic area*/
/*
 * Breakpoints : use *_max when using max-width to prevent overlap
 */
/* 
 * Colors
 * The closer to 0 the darker it is
 */
/* not from kitui - footer */
/* not from kitui - footer */
/*#f63*/
/*
 * Font size
 */
/*
 * Font weight
 */
/*
 * Fonts
 */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYag.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Qanelas-regular';
  src: url("../../fonts/Qanelas-Regular.otf");
}
@font-face {
  font-family: 'Qanelas-black';
  src: url("../../fonts/Qanelas-Black.otf");
}
@font-face {
  font-family: 'Qanelas-regular-italic';
  src: url("../../fonts/Qanelas-RegularItalic.otf");
}
@font-face {
  font-family: 'Qanelas-bold';
  src: url("../../fonts/Qanelas-Bold.otf");
}
@font-face {
  font-family: 'Qanelas-heavy';
  src: url("../../fonts/Qanelas-Heavy.otf");
}
@font-face {
  font-family: 'Qanelas-medium';
  src: url("../../fonts/Qanelas-Medium.otf");
}
@font-face {
  font-family: 'Qanelas-light';
  src: url("../../fonts/Qanelas-Light.otf");
}
@font-face {
  font-family: 'EdwardCondensed-Bold';
  src: url("../../fonts/EdwardCondensed-Bold.otf");
}
@font-face {
  font-family: 'EdwardCondensed-Regular';
  src: url("../../fonts/EdwardCondensed-Regular.otf");
}
@font-face {
  font-family: 'EdwardCondensed-SemiBold';
  src: url("../../fonts/EdwardCondensed-SemiBold.otf");
}
body {
  height: 100%;
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 16px;
  color: #333333;
}
h1 {
  font-family: 'Qanelas-black', Helvetica, Arial;
  text-transform: uppercase;
  color: #035a77;
  font-size: 25px;
}
h2 {
  font-family: 'Qanelas-black', Helvetica, Arial;
  color: #035a77;
  font-size: 18px;
  text-transform: uppercase;
}
/*menu cc*/
h3 {
  font-family: 'Qanelas-bold', Helvetica, Arial;
  color: #035a77;
  font-size: 14px;
  text-transform: uppercase;
}
ul {
  list-style: none;
}
ul.column-2 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.important {
  color: #ff6633;
}
.alert {
  color: #ff0000;
  padding: 0;
}
.text-blue {
  color: #00624d;
}
.cgv_box {
  border: 1px black solid;
  padding: 5px;
}
.reverseY {
  transform: scaleY(-1);
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
/*svg*/
[class*="svg-"] {
  display: inline-block;
  vertical-align: middle;
  margin: 4px;
}
div .title {
  position: relative;
  margin: 24px 0;
}
div .title:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #035a77;
}
div .title h1 {
  font-family: 'Qanelas-black', Helvetica, Arial;
  font-size: 25px;
  color: #035a77;
  text-align: left;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  background-color: #ffffff;
  margin: 0;
  padding-right: 16px;
}
div .title h1 b {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
div .title h1 span {
  font-family: 'Qanelas-regular', Helvetica, Arial;
}
div .title a {
  color: #035a77;
}
/*
 * burger
 */
.burger {
  display: inline-block;
}
/*
 * counter bootstrap
 */
.row {
  margin-left: 0;
  margin-right: 0;
}
.row > .row {
  padding-left: 0;
  padding-right: 0;
}
/*slider*/
.wrapper {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  padding: 0 48px;
  width: 100%;
}
.wrapper > div {
  display: inline-block;
  overflow-x: scroll;
  width: 100%;
}
.wrapper > div ul {
  display: flex;
}
.wrapper [class*="arrow"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 48px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
.wrapper .arrow-left {
  left: 0;
}
.wrapper .arrow-right {
  right: 0;
}
/*
 * Toggle Content
 */
.toggle-content label {
  cursor: pointer;
}
.toggle-content > p {
  display: none;
}
/*
 * List-Style
 */
.list_disc {
  list-style-type: disc;
}
.step-list li {
  list-style-type: decimal;
}
/*
 * Quantity container 
 */
.quantity-container {
  position: relative;
  display: flex;
  height: 44px;
  border: 1px solid #999999;
  font-size: 18px;
  font-family: 'Qanelas-regular', Helvetica, Arial;
  padding-left: 32px;
  padding-right: 32px;
  text-align: center;
  line-height: 40px;
}
.quantity-container span {
  margin: auto;
}
.quantity-container span input[type="text"] {
  width: 100%;
  text-align: center;
  height: 40px;
  bordeR: none;
  padding: 0;
}
.quantity-container .btn-minus,
.quantity-container .btn-plus {
  width: 32px;
  height: 100%;
  position: absolute;
  border: none;
}
.quantity-container .btn-minus {
  left: 0;
}
.quantity-container .btn-plus {
  right: 0;
}
/*
 * media
 */
@media (min-width: 992px) {
  .hidden-gt-lg {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-gt-md {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-lt-lg {
    display: none !important;
  }
  /*counter bootstrap*/
  .container {
    max-width: 992px;
  }
}
@media (max-width: 767px) {
  .hidden-lt-md {
    display: none !important;
  }
  /*counter bootstrap*/
  .container {
    max-width: 768px;
  }
}
button {
  background-color: #ffffff;
  border: 1px solid #999999;
}
button:focus {
  outline: none;
}
.btn-buy {
  border: none;
  font-family: 'Qanelas Regular', Helvetica, Arial;
  height: 40px;
  text-transform: uppercase;
  font-size: 16.8px;
  /* based on kit ui specification */
  color: #ffffff;
  background-color: #ff6633;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
}
.btn-buy:disabled {
  background-color: #999999;
  cursor: default;
}
.btn-action {
  /* by default font-family: 'Qanelas Regular'*/
  height: 32px;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  background-color: #ffffff;
  color: #035a77;
  border: 1px solid #035a77;
  padding: 8px 20px;
  line-height: normal;
  display: inline-block;
  cursor: pointer;
  margin-top: 12px;
  margin-bottom: 12px;
  -webkit-appearance: none;
  border-radius: 0;
}
.btn-action:hover {
  background-color: #035a77;
  text-decoration: none;
  color: #ffffff;
}
@media (max-width: 767px) {
  .btn-action,
  .btn-buy {
    width: 100%;
    height: 45px;
  }
}
input[type="text"] {
  padding: 4px 20px;
}
input:focus {
  outline: none !important;
  box-shadow: none !important;
}
textarea {
  width: 100%;
}
.custom-radio-lab {
  vertical-align: top;
  display: inline-block;
  height: 16px;
  width: 16px;
  top: 4px;
  position: relative;
  cursor: pointer;
}
.custom-radio-lab input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-radio-lab input:checked ~ .custom-radio:after {
  display: block;
}
.custom-radio-lab .custom-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #818181;
  border-radius: 50%;
  background-color: #ffffff;
}
.custom-radio-lab .custom-radio:after {
  content: "";
  position: absolute;
  display: none;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #035a77;
}
.custom-file-input-lab {
  min-width: 200px;
}
.custom-file-input-lab > input {
  display: none;
}
.checkbox-container {
  position: relative;
  padding-left: 24px;
}
.checkbox-container input[type="checkbox"] {
  position: absolute;
  top: 5px;
  left: 4px;
}
.navigation_bar {
  font-size: 14px;
  color: #737373;
  margin-top: 10px;
}
.navigation_bar .breadcrumb-level {
  font-style: italic;
  display: inline;
}
.navigation_bar .breadcrumb-level span {
  color: #999999;
}
.navigation_bar .breadcrumb-level:hover {
  color: #ff6633;
}
.navigation_bar a {
  color: #737373;
}
/*partial area*/
.slideshow .container {
  position: relative;
  height: 100%;
  padding: 0;
  overflow: hidden;
  height: 350px;
}
.slideshow .container a.static-slide,
.slideshow .container a.slide {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.slideshow .container a.static-slide:first-child,
.slideshow .container a.slide:first-child {
  display: block;
}
.slideshow .container a.static-slide > img,
.slideshow .container a.slide > img {
  height: 300px;
}
.slideshow .container .slideshow-content {
  background-color: rgba(3, 90, 119, 0.7);
}
.slideshow .container .slideshow-content h1 {
  text-align: center;
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 30px;
  color: #ffffff;
}
.slideshow .container .slideshow-content h1 strong {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
.slideshow .container ol {
  bottom: 40px;
}
.slideshow .container ol li {
  width: 15px;
  height: 12px;
  border-radius: 100%;
  bottom: 35px;
  border: solid 2px white;
  background: transparent;
}
.slideshow .container ol .active {
  width: 10px !important;
  height: 8px !important;
  background: white !important;
  margin-top: 3px;
}
.slideshow .container .btn-action {
  position: absolute;
  bottom: 75px;
  left: 144px;
  min-width: 138px;
}
.slideshow .container .gallery {
  padding-top: 15px;
  padding-bottom: 15px;
}
.slideshow .container .gallery .carousel-inner {
  overflow: visible;
}
@media (max-width: 767px) {
  .slideshow {
    height: auto;
    position: inherit;
    margin-bottom: 50px;
  }
  .slideshow a.static-slide {
    display: contents !important;
  }
  .slideshow a.static-slide > img {
    width: 100%;
    height: auto !important;
  }
  .slideshow a.static-slide div.slideshow-content {
    height: auto;
    width: 100%;
    background-color: rgba(3, 90, 119, 0.7);
    padding: 15px;
  }
  .slideshow a.static-slide div.slideshow-content h1 {
    font-size: 18px;
    font-family: 'Roboto', Helvetica, Arial;
  }
  .slideshow .container {
    overflow: visible !important;
    height: auto;
  }
}
@media (min-width: 768px) {
  .slideshow {
    height: 300px;
    text-align: center;
    margin-bottom: 70px;
  }
  .slideshow .static {
    display: none;
  }
  .slideshow .slideshow-content {
    position: absolute;
    top: -16px;
    right: 0;
    height: 332px;
    width: 400px;
    padding: 68px 24px 32px;
    height: 345px;
    margin-top: -17px;
  }
  .slideshow .slideshow-contenth1 {
    margin-bottom: 16px;
  }
  .carousel ol {
    left: 53.6%;
  }
}
@media (min-width: 992px) {
  .slideshow {
    margin-top: 210px;
  }
  .slideshow .slideshow-content {
    right: 20px;
  }
  .carousel ol {
    left: 58.5%;
  }
}
@media (min-width: 1200px) {
  .carousel ol {
    left: 63%;
  }
}
form.newsletter-form {
  margin-top: 12px;
  margin-bottom: 12px;
  padding-right: 58px;
  width: 100%;
}
form.newsletter-form .newsletter-input {
  height: 40px;
  text-transform: uppercase;
  padding: 8px 20px;
  border: 1px solid #d1d1d1;
  border-radius: 4px 0 0 4px;
  width: 100%;
}
form.newsletter-form .newsletter-input::placeholder {
  font-family: 'Qanelas-regular-italic', Helvetica, Arial;
  font-size: 13px;
  color: #d1d1d1;
}
form.newsletter-form .newsletter-btn {
  background-color: #d1d1d1;
  border-radius: 0 4px 4px 0;
  border-width: 0px;
  padding: 10px 24px;
  position: absolute;
  right: 0;
  height: 40px;
  top: 0;
}
.ui-dialog {
  border: none;
  border-radius: 0;
}
.ui-dialog .ui-dialog-titlebar {
  background: #ffffff;
  color: #035a77;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Qanelas-bold', Helvetica, Arial;
  font-size: 25px;
  border: none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background-image: url(/img/croix-fermer.png) !important;
  background: grey;
  border: none;
  background-size: 100%;
  height: 24px;
  width: 24px;
  top: 20px;
  right: 16px;
}
.ui-dialog .ui-dialog-content {
  padding: 24px 36px;
}
.ui-dialog .ui-dialog-content .popin-point-ul ul {
  list-style: inside;
  padding-left: 40px;
}
.ui-dialog .ui-dialog-content ul {
  padding: 0;
}
.ui-dialog p {
  color: #333333;
}
.ui-dialog p.subtitle {
  font-family: 'Qanelas-bold', Helvetica, Arial;
  font-size: 18px;
  text-transform: uppercase;
  color: #035a77;
}
.ui-dialog.info-cookie-popup {
  min-width: 300px;
  position: fixed;
  top: auto !important;
  left: auto !important;
  right: 35px;
  bottom: 30px;
  border: 1px solid #737373;
}
.ui-dialog.info-cookie-popup .ui-dialog-titlebar {
  font-size: 16px;
}
.ui-dialog .return-link {
  color: #00624d;
  text-decoration: underline;
}
.bckGroundPopin {
  background: rgba(64, 64, 64, 0.3);
  position: absolute;
  width: 100%;
  height: 180%;
  z-index: 16;
  top: 0;
  display: none;
}
.popin_product_alert_display {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  width: 17px !important;
  height: 17px !important;
}
.popin_product_alert_display:hover + .popin_product_alert {
  display: block;
}
.popin_product_alert {
  display: none;
  width: 175px;
  background-color: white;
  color: #333333;
  border-radius: 6px;
  border: 2px solid #ff6633;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 38px;
  left: 6px;
  font-size: 13px;
}
.popin_product_alert p {
  margin-bottom: 0;
}
.popin_product_alert_bubble:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 13px;
  margin-left: -5px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #ff6633 transparent;
}
.popin_detail_price_reference_picto,
.popin_detail_price_lancement_picto {
  position: absolute;
  top: 5px;
  left: 79px;
  z-index: 2;
  width: 17px !important;
  height: 17px !important;
}
.popin_detail_price_lancement_picto {
  left: 130px;
}
.popin_detail_price_reference_picto:hover + .popin_detail_price_reference {
  display: block;
}
.popin_detail_price_lancement_picto:hover + .popin_detail_price_reference {
  display: block;
}
.popin_detail_price_reference {
  display: none;
  width: 300px;
  max-width: 100%;
  background-color: white;
  color: #333333;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: -128px;
  font-size: 13px;
  border: 1px solid #ddd;
  padding: 10px;
  box-shadow: 5px 10px 8px #888888;
}
.popin_detail_price_reference p {
  margin-bottom: 0;
}
.popin_consents .popin_consents_title {
  text-align: center;
  font-family: 'Qanelas-bold', Helvetica, Arial;
}
.popin_consents .popin_consents_title p {
  color: #035a77;
  font-size: 25px;
  text-transform: uppercase;
  line-height: 30px;
}
.popin_consents .popin_consents_line_separator {
  width: 100%;
  border-bottom: 3px solid #eeeeee;
  margin: 20px 0px 30px 0px;
}
.popin_consents .popin_consents_optin_line_separator {
  width: 100%;
  border-bottom: 3px solid #ffffff;
  margin: 0px 0px 15px 0px;
}
.popin_consents .popin_consents_text {
  text-align: center;
  font-family: 'Qanelas-bold', Helvetica, Arial;
  margin-bottom: 20px;
}
.popin_consents .popin_consents_text p {
  color: #035a77;
  font-size: 18px;
  text-transform: uppercase;
}
.popin_consents .popin_consents_text p a {
  color: #035a77;
  text-decoration: underline;
}
.popin_consents .popin_consents_mail {
  background-color: #ff6633;
}
.popin_consents .popin_consents_sms {
  background-color: #035a77;
}
.popin_consents .popin_consents_mail,
.popin_consents .popin_consents_sms {
  text-align: center;
  min-height: 106px;
  color: #ffffff;
  border: 2px solid #ffffff;
}
.popin_consents .popin_consents_mail p,
.popin_consents .popin_consents_sms p {
  font-weight: bold;
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 15px;
  white-space: nowrap;
}
.popin_consents .popin_consents_mail div div img,
.popin_consents .popin_consents_sms div div img {
  margin-top: -20px;
}
.popin_consents .popin_consents_radio {
  display: flex;
}
.popin_consents .popin_consents_radio span {
  margin-left: 10px;
}
.popin_consents .popin_consents_profiling {
  text-align: center;
  margin-top: 20px;
}
.popin_consents .popin_consents_profiling p {
  background-image: url(/img/optin_decor.png) !important;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  font-weight: bold;
  padding: 10px;
}
.popin_consents .popin_consents_profiling .popin_consents_profiling_text {
  font-family: 'Qanelas-bold', Helvetica, Arial;
  color: #035a77 !important;
  text-transform: uppercase;
  line-height: 20px;
  font-size: 20px;
  margin-top: -40px;
}
.popin_consents .popin_consents_profiling .popin_consents_profiling_text a {
  color: #035a77 !important;
  text-decoration: underline;
}
.btn_action_consents {
  height: 32px;
  text-transform: uppercase;
  font-size: 14px;
  color: white !important;
  padding: 5px 25px;
  line-height: normal;
  display: inline-block;
  cursor: pointer;
  margin-top: 12px;
  margin-bottom: 12px;
  border: none;
}
.btn_action_consents {
  background-color: #035a77;
}
#consents-info,
#consents-wish {
  background-color: white;
  display: none;
  border: 3px solid #ff6633;
  padding: 30px;
  width: 96%;
  left: 2%;
  top: 30px;
  position: absolute;
  z-index: 2;
  text-align: left;
}
#consents-info p,
#consents-wish p {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: #333333;
  font-size: 12px;
  text-transform: none;
  margin: 0;
  line-height: 14px;
}
#consents-info p span,
#consents-wish p span {
  font-family: 'Qanelas-bold', Helvetica, Arial;
}
#consents-info a,
#consents-wish a {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 3;
}
@media (max-width: 767px) {
  .popin_consents .popin_consents_mail,
  .popin_consents .popin_consents_sms {
    min-height: 205px;
  }
  .popin_consents div div img {
    max-height: 110px;
  }
  #popin_consents_form {
    padding: 5px;
  }
  .popin_consents_profiling .popin_consents_radio {
    margin-left: 25%;
  }
}
.product-tile-container {
  padding: 8px;
}
.product-tile {
  background-color: #ffffff;
  padding-top: 20px;
  padding-bottom: 24px;
}
.product-tile img {
  height: 240px;
  display: block;
  margin: auto;
  max-width: 100%;
}
.product-tile .description {
  position: relative;
  display: block;
  height: 130px;
  padding-top: 54px;
  margin-bottom: 18px;
}
.product-tile .description h3 {
  font-family: 'Qanelas-black', Helvetica, Arial;
  font-size: 18px;
  text-align: center;
  text-transform: none;
}
.product-tile .description .stamp {
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
}
.product-tile .description .stamp > span {
  display: inline-block;
  border: 1px solid #8dc8d9;
  text-transform: uppercase;
  color: #8dc8d9;
  padding: 2px 8px;
  margin: 12px;
  text-align: center;
}
.product-tile p {
  margin-bottom: 12px;
  font-family: 'Roboto Condensed', Helvetica, Arial;
  line-height: 20px;
}
.product-tile .price {
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  font-weight: bold;
}
.product-tile .promo-price {
  color: #737373;
  text-decoration: line-through;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  margin-top: -20px;
  margin-bottom: 3px;
}
.best-seller {
  background-color: #f1f1f1;
  border-top: 2px solid #035a77;
  padding-bottom: 32px;
  margin-top: 64px;
}
.best-seller h1 {
  position: relative;
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: #035a77;
  display: table;
  margin: auto;
  top: -22px;
  padding: 0 24px;
  background-color: #ffffff;
}
.best-seller h1 strong {
  font-family: 'Qanelas-black', Helvetica, Arial;
  font-size: 30px;
}
.best-seller .product-tile {
  height: 464px;
}
.best-seller .product-tile .price {
  font-weight: bold;
  color: #333333;
}
.best-seller .product-tile .product-tile-img-container {
  height: 240px;
  display: block;
  margin: auto;
}
.best-seller .product-tile .product-tile-img-container img {
  width: 90%;
  height: auto;
}
.best-seller .product-tile:hover .product-tile-img-container img {
  width: 100%;
}
[class*="js-edit-address-wrapper"] {
  display: none;
}
.address-container .alloc-radio-space {
  padding-left: 12px;
  display: inline-block;
}
.address-container .address-info {
  margin-top: 15px;
  margin-bottom: 40px;
}
.address-container .address-info a {
  color: #818181;
  text-decoration: underline;
  margin-right: 10px;
}
.address-container .address-info a:hover {
  color: #818181;
}
.address-container .address-info span {
  color: #737373;
}
.address-container .address-info span strong {
  font-family: 'Qanelas-Bold', Helvetica, Arial;
}
.address-container p a {
  font-family: 'Qanelas-Bold', Helvetica, Arial;
  color: #035a77;
}
.address-container p a:hover {
  color: #ff6633;
}
.address-container .address-simple-view h1 {
  font-size: 17px;
  display: inline;
}
.edit-address-container {
  display: block;
  width: 100%;
  margin: auto;
  margin-top: 15px;
  /*.row {
		margin-bottom: 24px;
	}*/
}
.edit-address-container a {
  color: #818181;
  text-decoration: underline;
  margin-right: 10px;
}
.edit-address-container a:hover {
  color: #818181;
}
.edit-address-container input[type="text"] {
  padding: 4px !important;
}
.edit-address-wrapper {
  max-height: 90%;
  position: fixed;
  background-color: white;
  width: 800px;
  max-width: 100%;
  padding: 20px !important;
  border: 1px solid #999999;
  top: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow-y: auto;
  z-index: 16;
}
.edit-address-wrapper h3 {
  margin-top: 20px !important;
  display: none;
  font-size: 16px;
  font-weight: normal !important;
}
.edit-address-wrapper label {
  padding-left: 0px;
}
.edit-address-wrapper-close {
  position: absolute;
  top: 15px;
  right: 10px;
}
.edit-address-wrapper-close a {
  text-decoration: none !important;
  font-weight: bold;
  font-size: 17px;
}
.billing_addresses .title {
  margin: auto !important;
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.billing_addresses .title h1 span {
  font-family: 'Qanelas-regular', Helvetica, Arial;
}
#account_other_adress_title {
  margin-top: -10px !important;
  margin-bottom: 0px !important;
}
.addresse_title {
  font-style: italic;
  color: #035a77 !important;
  font-weight: bold;
}
.address-form-container {
  display: none;
}
.address-form-container a {
  color: #818181;
  text-decoration: underline;
  margin-right: 10px;
}
.beneficiary h2 {
  margin-bottom: 0 !important;
  font-weight: bold !important;
  text-align: left !important;
  font-family: 'Qanelas-bold', Helvetica, Arial !important;
}
.beneficiary a {
  color: #818181;
  text-decoration: underline;
  margin-right: 10px;
}
.beneficiary .custom-radio-lab {
  position: absolute !important;
  left: -5px !important;
  top: 26px !important;
}
.beneficiary-form-container {
  display: none;
}
.beneficiary-form-container a {
  color: #818181;
  text-decoration: underline;
  margin-right: 10px;
}
.faq_content {
  text-align: justify;
}
.faq_content div div .toggle-content {
  border-bottom: 1px solid #d1d1d1;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}
.faq_content div div .toggle-content label {
  width: 100%;
  padding-right: 25px;
  font-size: 18px;
  margin-bottom: 15px;
}
.faq_content div div .toggle-content img {
  position: absolute;
  top: 17px;
  right: 0;
  z-index: -1;
}
.faq_content div div .toggle-content div {
  margin-left: 15px;
  display: none;
}
.faq_content div div .toggle-content div ul {
  list-style-type: circle;
}
.faq_content div div h2 {
  text-align: left;
  margin-top: 60px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .faq_content {
    text-align: left;
    padding: 0;
  }
}
/*static area*/
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #000000;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
  width: 50px;
  height: 50px;
  display: block;
  color: white;
  font-size: 25px;
  padding-top: 6px;
  font-weight: bold;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
.header {
  width: 100%;
  margin-bottom: 183px;
}
.header .top-header {
  height: 36px;
  background-color: #035a77;
  color: #ffffff;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 16;
}
.header .top-header ul {
  margin-bottom: 0;
  /*counter bootstrap*/
  height: 100%;
}
.header .top-header ul > li {
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  padding: 8px 0;
}
.header .top-header ul > li span {
  margin: 0 4px;
}
.header .top-header ul > li .header-label {
  position: absolute;
  top: 9px;
}
.header .main-container {
  height: 100px;
  padding: 20px 0;
}
.header .main-container .navbar .logo {
  display: inline-block;
  margin-right: 40px;
}
.header .main-container .navbar .logo img {
  height: 50px;
}
.header .main-container .navbar .navbar-toggler {
  border: none;
  border-right: 1px solid grey;
  border-radius: unset;
  position: relative;
  outline: none;
}
.header .main-container .navbar .navbar-toggler:after {
  content: ' ';
  display: block;
  position: absolute;
  height: 72px;
  left: 100%;
  top: 0;
}
.header .main-container .navbar .search-bar {
  display: inline-block;
  width: 50%;
  padding-right: 58px;
}
.header .main-container .navbar .search-bar input[type="text"] {
  height: 40px;
  width: 100%;
  border-radius: unset;
  border: 1px solid #999999;
  padding-left: 20px;
}
.header .main-container .navbar .search-bar input[type="text"]::placeholder {
  font-size: 16px;
  color: #999999;
}
.header .main-container .navbar .search-bar button[type="submit"].btn-search {
  background-color: #ffffff;
  border: 1px solid #999999;
  height: 40px;
  width: 50px;
  position: absolute;
  right: -49px;
  top: 0;
  cursor: pointer;
}
.header .main-container .navbar .actions-container {
  text-transform: uppercase;
}
.header .main-container .navbar .actions-container hr {
  transform: rotate(90deg);
  width: 48px;
  background-color: #d1d1d1;
  margin: auto;
}
.header .main-container .navbar .actions-container .action {
  position: relative;
  display: inline-block;
  margin: 0 14px;
  text-align: center;
  font-family: 'Qanelas-regular', Arial, sans-serif;
  font-size: 14px;
}
.header .main-container .navbar .actions-container .action [class*="svg-"] {
  margin: 0px;
}
.header .main-container .navbar .actions-container .action a {
  color: #333333;
}
.header .main-container .navbar .actions-container .action a:hover {
  color: #333333;
  text-decoration: none;
}
.header .main-container .navbar .actions-container .action .counter {
  position: absolute;
  padding: 0 4px;
  font-size: 10px;
  height: 20px;
  min-width: 20px;
  border-radius: 10px;
  background-color: #ff6633;
  color: #ffffff;
  top: -8px;
  right: -4px;
}
.header .main-container .navbar .actions-container .action .counter > span {
  position: relative;
  top: 2px;
}
.header .mob-search-space {
  display: none;
  background-color: #035a77;
  height: 60px;
}
.header .menu-container {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
.header .menu-container > nav {
  height: 100%;
}
.header .menu-container > nav > ul {
  position: relative;
  height: 100%;
  padding-left: 0;
  /* counter bootstrap */
  margin-bottom: 0;
  /* counter bootstrap */
}
.header .menu-container > nav > ul > li {
  padding: 12px 4px;
  cursor: pointer;
  position: static;
  display: flex;
}
.header .menu-container > nav > ul > li hr {
  width: 1px;
  background-color: #d1d1d1;
  height: 30px;
  position: absolute;
  top: -11px;
}
.header .menu-container > nav > ul > li > h3 {
  display: inline-block;
  margin: auto;
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 14px;
}
.header .menu-container > nav > ul > li > h3 a {
  color: #035a77;
  white-space: nowrap;
}
.header .menu-container > nav > ul > li > h3 strong {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
.header .menu-container > nav > ul > li .display-indicator {
  font-family: 'Roboto', Helvetica, Arial;
  font-weight: 400;
  color: #035a77;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.header .menu-container > nav > ul > li:hover {
  background-color: #035a77;
}
.header .menu-container > nav > ul > li:hover > h3 {
  color: #ffffff;
}
.header .menu-container > nav > ul > li:hover > h3 > a {
  color: #ffffff;
}
.header .menu-container > nav > ul > li:hover > h3 > .display-indicator {
  color: #ffffff;
}
.header .menu-container > nav > ul > li:hover > .sub-menu {
  display: block;
}
.header .menu-container > nav > ul > li > .sub-menu {
  display: none;
  background-color: #ffffff;
  cursor: default;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 16;
  min-height: 280px;
  width: 100%;
  padding: 0;
}
.header .menu-container > nav > ul > li > .sub-menu > div {
  min-height: 280px;
}
.header .menu-container > nav > ul > li > .sub-menu img {
  width: 100%;
}
.header .menu-container > nav > ul > li > .sub-menu .content {
  position: relative;
  padding: 12px 24px 40px;
}
.header .menu-container > nav > ul > li > .sub-menu .content .redirection-category {
  font-family: 'Qanelas-medium', Helvetica, Arial;
  font-size: 14px;
  color: #ffffff;
  background-color: #387cc0;
  max-height: 40px;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  line-height: 30px;
  height: 30px;
}
.header .menu-container > nav > ul > li > .sub-menu .content > div:first-child {
  padding-left: 0;
}
.header .menu-container > nav > ul > li > .sub-menu .content > div:last-child {
  padding-right: 0;
}
.header .menu-container > nav > ul > li > .sub-menu .content h3 {
  font-family: 'Qanelas-heavy', Helvetica, Arial;
  color: #035a77;
  margin-bottom: 24px;
}
.header .menu-container > nav > ul > li > .sub-menu .content ul {
  padding-left: 0;
  margin-bottom: 24px;
}
.header .menu-container > nav > ul > li > .sub-menu .content ul li {
  line-height: 18px;
}
.header .menu-container > nav > ul > li > .sub-menu .content ul a {
  font-family: 'Qanelas-medium', Helvetica, Arial;
  font-size: 14px;
  text-decoration: none;
  color: #737373;
}
.header .menu-container > nav > ul > li > .sub-menu .content ul a:hover {
  text-decoration: none;
  color: #035a77;
}
.header .menu-container > nav > ul > li > .sub-menu .content .pos-bottom {
  position: absolute;
  bottom: 0;
  padding: 0 30px 12px;
  width: 100%;
  left: 0;
}
.header .menu-container > nav > ul > li > .sub-menu .content .pos-bottom a {
  color: #035a77;
  text-decoration: underline;
}
.header .js-header-sticky-scroll.sticky {
  position: fixed;
  top: 36px;
  width: 100%;
  z-index: 16;
  background-color: #ffffff;
}
#popin_cart {
  position: absolute;
  background-color: white;
  padding: 10px;
  border: solid 1px #999999;
  right: 20px;
  color: black;
  width: 320px;
  padding: 0 5px 15px 5px;
  z-index: 1;
  display: none;
  top: 80px;
  /* Turn on single button up on top, and down on bottom */
  /* Turn off the down area up on top, and up area on bottom */
  /* Place The scroll down button at the bottom */
  /* Place The scroll up button at the up */
  /*popin product cart zone*/
}
#popin_cart hr {
  transform: none;
  width: auto;
  margin-top: 15px;
}
#popin_cart #popin_cart_info {
  text-transform: uppercase;
  text-align: left;
  margin: 15px;
}
#popin_cart #popin_cart_products {
  max-height: 300px;
  overflow-y: auto;
  font-size: 14px;
  scrollbar-width: 15px;
  scrollbar-color: #eeeeee white;
}
#popin_cart #popin_cart_products hr {
  transform: none;
  width: auto;
  margin: 20px 0;
}
#popin_cart #popin_cart_products::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px white;
  background-color: white;
}
#popin_cart #popin_cart_products::-webkit-scrollbar {
  width: 15px;
  background-color: white;
}
#popin_cart #popin_cart_products::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 white;
  background-color: #eeeeee;
}
#popin_cart ::-webkit-scrollbar-button:start:decrement,
#popin_cart ::-webkit-scrollbar-button:end:increment {
  display: block;
}
#popin_cart ::-webkit-scrollbar-button:start:increment,
#popin_cart ::-webkit-scrollbar-button:end:decrement {
  display: none;
}
#popin_cart ::-webkit-scrollbar-button:end:increment {
  background-image: url('/img/header/scrollbar_down.png');
}
#popin_cart ::-webkit-scrollbar-button:start:decrement {
  background-image: url('/img/header/scrollbar_up.png');
}
#popin_cart .popin_cart_quantity {
  text-align: center;
  padding-top: 10px;
}
#popin_cart .popin_cart_quantity p {
  margin: 3px 10px;
}
#popin_cart .popin_cart_quantity .btn-minus,
#popin_cart .popin_cart_quantity .btn-plus {
  border-color: #d1d1d1 !important;
  width: 25px !important;
  height: 25px !important;
}
#popin_cart .popin_cart_product_name {
  margin: 0;
  color: #035a77;
  font-family: 'Qanelas-black', Helvetica, Arial;
  text-transform: uppercase;
  padding: 0 5px;
  font-size: 12px;
}
#popin_cart .picto-sticker-cart-topLeft,
#popin_cart .picto-sticker-cart-topRight,
#popin_cart .picto-sticker-cart-bottomLeft,
#popin_cart .picto-sticker-cart-bottomRight {
  width: 30px;
  height: 30px;
}
#popin_cart img {
  width: 100%;
}
#popin_cart .popin_cart_product_description {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: #999999;
  text-transform: none;
  margin: 0;
  padding: 0 5px;
}
#popin_cart .popin_cart_product_price {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  margin-top: 2px;
  font-size: 14px;
  margin-bottom: 0;
  letter-spacing: -1px;
  padding: 0 5px;
}
#popin_cart .popin_cart_product_price span {
  color: #999999;
  text-decoration: line-through;
  font-size: ;
  margin-left: 10px;
}
#popin_cart .delete-btn {
  position: absolute;
  bottom: 6px;
  border: none;
  right: 0;
}
#popin_cart #popin_cart_summary {
  margin-top: 15px;
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  padding: 0 20px;
  font-size: 15px;
}
#popin_cart #popin_cart_summary #popin_cart_total_quantity {
  text-align: left;
  text-transform: none;
}
#popin_cart #popin_cart_summary #popin_cart_total_quantity span {
  font-weight: bold;
}
#popin_cart #popin_cart_summary #popin_cart_total_amount {
  text-align: right;
}
#popin_cart #popin_cart_summary #popin_cart_total_amount p {
  text-transform: uppercase;
}
#popin_cart #popin_cart_summary #popin_cart_total_amount p span {
  margin: 0 10px;
  color: #ff6633;
  font-weight: bold;
}
#popin_cart #popin_cart_finalize_purchase {
  padding: 0 15px;
}
#popin_cart .popin_cart_empty {
  margin-left: 15px;
}
#popin_cart .btn-action {
  text-transform: uppercase;
  background-color: #ff6633;
  width: 100%;
  color: white;
  border: none;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .header .main-container .logo {
    margin-right: 20px;
  }
  .header .main-container .navbar .navbar-collapse {
    flex-basis: 0;
    /*counter bootstrap*/
    vertical-align: middle;
    text-align: right;
  }
}
@media (min-width: 992px) {
  .header .menu-container > nav > ul > li .sub-menu {
    display: none !important;
  }
  .header .menu-container > nav > ul > li .sub-menu .content ul {
    display: block !important;
  }
  .header .menu-container > nav > ul > li:hover .sub-menu {
    display: block !important;
  }
  .header .width-lens-contact {
    width: 20.5%;
    flex: none;
  }
  .header .width-lens-color {
    width: 20.3%;
    flex: none;
  }
  .header .width-product-ent {
    width: 20.3%;
    flex: none;
  }
  .header .width-solar {
    width: 10.7%;
    flex: none;
  }
  .header .width-ski-goggle {
    width: 15.7%;
    flex: none;
  }
  .header .width-concept {
    width: 12.5%;
    flex: none;
  }
  .reinsurance-banner-lg {
    padding-left: 40px !important;
  }
}
@media (max-width: 992px) {
  .header {
    border-bottom: 1px solid #d1d1d1;
  }
  .header .main-container {
    height: 70px;
    padding: 12px 0;
  }
  .header .main-container .navbar .logo {
    margin-left: 4px;
    margin-right: 4px;
  }
  .header .main-container .navbar .logo img {
    height: 40px;
  }
  .header .main-container .navbar .search-bar {
    vertical-align: middle;
  }
  .header .main-container .navbar .actions-container {
    display: inline;
    padding: 0 12px 0 0;
  }
  .header .main-container .navbar .actions-container hr {
    display: none;
  }
  .header .main-container .navbar .actions-container .action {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 10px;
    margin: 0;
  }
  .header .menu-container > nav {
    padding-left: 0;
    padding-right: 0;
  }
  .header .menu-container > nav > ul > li {
    position: relative;
    display: block;
    padding: 0;
    border-bottom: 1px solid #737373;
  }
  .header .menu-container > nav > ul > li:last-child {
    border: none;
  }
  .header .menu-container > nav > ul > li:hover {
    background-color: #ffffff;
    /*counter default behavior*/
  }
  .header .menu-container > nav > ul > li:hover > h3 {
    background-color: #035a77;
    color: #ffffff;
    margin-bottom: 0;
    /*counter default behavior*/
  }
  .header .menu-container > nav > ul > li:hover > .sub-menu {
    display: none;
    /*counter default behavior*/
  }
  .header .menu-container > nav > ul > li .megaMenu_title {
    display: none;
  }
  .header .menu-container > nav > ul > li h3 {
    height: 48px;
    position: relative;
    display: block;
    text-align: left;
    line-height: 48px;
    margin: auto;
    width: 100%;
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px;
  }
  .header .menu-container > nav > ul > li h3.active {
    background-color: #035a77;
    color: #ffffff;
  }
  .header .menu-container > nav > ul > li h3.active > .display-indicator {
    color: #ffffff;
  }
  .header .menu-container > nav > ul > li .sub-menu {
    position: relative;
    top: auto;
    width: 100%;
    padding: 0;
    min-height: unset;
    /*counter default behavior*/
  }
  .header .menu-container > nav > ul > li .sub-menu > div {
    display: block;
    min-height: unset;
    /*counter default behavior*/
  }
  .header .menu-container > nav > ul > li .sub-menu > div .content {
    padding: 0;
  }
  .header .menu-container > nav > ul > li .sub-menu > div .content > div {
    padding-left: 0;
    padding-right: 0;
  }
  .header .menu-container > nav > ul > li .sub-menu > div .content > div > h3 {
    font-family: 'Qanelas-black', Helvetica, Arial;
    height: 48px;
    line-height: 48px;
    margin: auto;
    padding-left: 36px;
  }
  .header .menu-container > nav > ul > li .sub-menu > div .content > div > ul {
    display: none;
    margin: 0;
    padding: 0 38px;
    line-height: 38px;
  }
  .header .menu-container > nav > ul > li .sub-menu > div .content > div > ul > li > a {
    display: block;
  }
  .header #popin_cart {
    top: 70px;
    right: 0;
  }
}
.ui-autocomplete-small-former-price {
  font-size: 9px;
  font-style: italic;
  color: #777;
  text-decoration: line-through;
}
@media (max-width: 991px) {
  .header {
    margin-bottom: 117px;
  }
  .js-header-sticky-scroll {
    max-height: 100vh;
  }
}
@media (max-width: 768px) {
  .header {
    margin-bottom: 129px;
  }
  .header .main-container {
    max-width: 768px;
  }
  .header .main-container .navbar {
    padding: 0px;
  }
  .header .main-container .navbar .actions-container .action {
    padding-left: 7px;
    padding-right: 7px;
  }
  .header .main-container .navbar .logo img {
    height: 30px;
  }
  .header .main-container .navbar .search-bar {
    position: absolute;
    top: 180%;
    width: 100%;
    left: 0;
    padding: 0 58px 0 12px;
  }
  .header .mob-search-space {
    display: block;
  }
  .redirection-category {
    padding-left: 35px;
    text-decoration: none !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .header {
    margin-top: 0px;
  }
  .header .js-header-sticky-scroll.sticky {
    top: 0;
  }
  #popin_cart {
    width: 100%;
    top: 58px !important;
  }
  .btn-action {
    padding-top: 15px;
  }
  #return-to-top {
    padding-top: 10px;
  }
}
footer {
  margin-top: 54px;
}
footer .top-footer {
  background-color: #f1f1f1;
  font-family: 'Roboto Condensed', Helvetica, Arial;
  font-weight: 400;
  padding: 40px 0;
}
footer .top-footer .footer-item {
  height: 135px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
footer .top-footer .footer-item:after {
  position: absolute;
  content: ' ';
  top: 0;
  right: 0;
  height: 100%;
  border-right: solid 1px #737373;
}
footer .top-footer .footer-item:last-child:after {
  border: none;
}
footer .top-footer .footer-item .text-footer-item {
  margin-left: 20px;
  margin-right: 20px;
}
footer .top-footer .footer-item span {
  display: block;
  margin: auto;
  font-family: 'Roboto Condensed', Helvetica, Arial;
  font-size: 14px;
  text-align: center;
  color: #333333;
}
footer .top-footer .footer-item span strong {
  color: #035a77;
}
footer .top-footer .footer-item span[class*="svg-"] {
  margin-bottom: 16px;
}
footer .top-footer .footer-item span .sub {
  color: #999999;
  font-size: 13px;
}
footer .top-footer img {
  cursor: pointer;
}
footer .main-footer {
  padding-top: 25px;
  padding-bottom: 12px;
}
footer .main-footer label {
  font-family: 'Qanelas-bold', Helvetica, Arial;
  margin-top: 16px;
  display: inline-block;
  text-transform: uppercase;
  color: #333333;
  font-size: 11px;
}
footer .main-footer a {
  display: block;
  font-family: 'Roboto Condensed', Helvetica, Arial;
  font-size: 11px;
  text-decoration: none;
  color: #333333;
}
footer .main-footer a:hover {
  text-decoration: none;
}
footer .main-footer .newsletter-container {
  position: relative;
}
footer .main-footer .newsletter-container .newsletter-content-wrapper {
  padding-right: 24px;
}
footer .main-footer .newsletter-container p {
  font-size: 12px;
  text-align: justify;
  color: #999999;
  font-family: 'Qanelas-regular', Helvetica, Arial;
}
footer .main-footer .newsletter-container p.sub-mention {
  font-family: 'Roboto Condensed', Helvetica, Arial;
}
footer .main-footer .newsletter-container label {
  font-family: 'Qanelas-medium', Helvetica, Arial;
  text-transform: none;
  font-size: 18px;
}
footer .main-footer .redirect-container {
  position: relative;
  float: left;
  width: 60%;
  font-size: 11px;
}
footer .main-footer .redirect-container .redirect-category {
  padding-right: 28px;
}
footer .network-content a {
  display: inline-block;
}
footer .footer-legal-info {
  text-align: center;
  color: #9d9d9d;
  font-size: 11px;
  margin-top: 12px;
}
footer .footer_icon {
  margin-bottom: 15px !important;
}
@media (max-width: 1199px) {
  footer .top-footer .footer-contact .text-footer-contact {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (max-width: 991px) {
  footer .top-footer .footer-contact {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  footer .top-footer {
    padding: 30px 0;
  }
  footer .top-footer .footer-item {
    width: 50%;
  }
  footer .top-footer .footer-item:after {
    display: none;
  }
  footer .top-footer .footer-item .text-footer-item {
    margin-left: 5px;
    margin-right: 5px;
  }
  footer .main-footer .redirect-container {
    width: 80%;
  }
  footer .main-footer .redirect-container .redirect-category label {
    cursor: pointer;
  }
  footer .main-footer .redirect-container .redirect-category > div {
    display: none;
  }
}
@media (min-width: 768px) {
  footer .redirect-container .redirect-category > div {
    display: block !important;
  }
}
.home .home-newsletter h3 {
  font-family: 'Roboto', Helvetica, Arial;
  font-weight: 300;
  font-size: 20px;
  color: #7e7e7e;
  text-transform: uppercase;
}
.home .home-newsletter p {
  color: #7e7e7e;
  font-size: 13px;
}
.home .home-newsletter p.sub-mention {
  font-size: 10px;
}
.home .slide-brand-container {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  margin-bottom: 24px;
  margin-top: 24px;
}
.home .slide-brand-container h1 {
  position: relative;
  color: #999999;
  background-color: #ffffff;
  text-align: center;
  padding-left: 24px;
  padding-right: 24px;
  top: -25px;
  display: table;
  margin: auto;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 400;
}
.home .slide-brand-container h1 .e_leclerc_log {
  width: 200px;
  height: 50px;
}
.home .slide-brand-container h1 span {
  vertical-align: middle;
}
.home .slide-brand-container h1 strong {
  color: #035a77;
  font-weight: 900;
}
.home .slide-brand-container h1 img {
  vertical-align: middle;
}
.home .slide-brand-container .brand-slide-content {
  position: relative;
  text-align: center;
  margin-top: 36px;
  margin-bottom: 36px;
}
.home .slide-brand-container .brand-slide-content .wrapper {
  max-height: 80px;
}
.home .slide-brand-container .brand-slide-content .wrapper > div {
  min-height: 97px;
}
.home .slide-brand-container .brand-slide-content .wrapper > div ul {
  margin-bottom: 0;
}
.home .slide-brand-container .brand-slide-content .wrapper > div ul > li {
  height: 70px;
  margin: 0 24px;
}
.home .slide-brand-container .brand-slide-content .wrapper > div ul > li img {
  max-width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
}
.home .home-grid {
  position: relative;
  border: 1px solid #ffffff;
  margin: 24px auto;
}
.home .home-grid a {
  color: #333333;
  padding: 0;
}
.home .home-grid a:hover {
  text-decoration: none;
  color: #333333;
}
.home .home-grid .product-tile {
  position: relative;
}
.home .home-grid .product-tile .product-tile-img-container {
  height: 240px;
  display: block;
  margin: auto;
}
.home .home-grid .product-tile .product-tile-img-container img {
  width: 85%;
  height: auto;
}
.home .home-grid .product-tile:hover .product-tile-img-container img {
  width: 95%;
}
.home .home-grid .product-tile,
.home .home-grid .static-container {
  border: 1px solid #d1d1d1;
  height: 456px;
}
.home .home-grid .static-container {
  display: flex;
  flex-direction: column;
  background-color: #f1f1f1;
}
.home .home-grid .static-container > div {
  margin: auto;
}
.home .home-grid .static-container h3 {
  font-family: 'Qanelas-light', Helvetica, Arial;
  font-size: 15px;
  text-align: center;
}
.home .home-grid .static-container h3 b {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
.home .home-grid h1 {
  margin: auto;
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 26px;
  text-align: center;
}
.home .home-grid h1 strong {
  font-family: 'Qanelas-bold', Helvetica, Arial;
}
.home .home-grid .product-card {
  padding-left: 0px;
  padding-right: 0px;
}
.home .home-grid .slide-product {
  width: 100%;
}
.home .home-discovery {
  margin-top: 24px;
  margin-bottom: 24px;
}
.home .home-discovery .home-discovery-item {
  position: relative;
  height: 272px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.home .home-discovery .home-discovery-item img {
  width: 100%;
}
.home .home-discovery .home-discovery-item.main {
  height: 564px;
}
.home .home-discovery .home-discovery-item .content-container {
  position: absolute;
  bottom: 20px;
  right: -20px;
  background-color: rgba(3, 90, 119, 0.7);
  width: 330px;
  padding: 20px;
}
.home .home-discovery .home-discovery-item .content-container * {
  color: #ffffff;
}
.home .home-discovery .home-discovery-item .content-container h2 {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 18px;
  text-align: center;
}
.home .home-discovery .home-discovery-item .content-container h2 strong {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
.home .best-seller {
  border: none;
  margin-bottom: -54px;
  padding-bottom: 1px;
}
.home .best-seller h1 {
  background: linear-gradient(to bottom, white 0%, white 58%, #f1f1f1 58%, #f1f1f1 100%);
}
.home .best-seller a {
  color: #333333;
  padding: 0;
}
.home .best-seller a:hover {
  text-decoration: none;
  color: #333333;
}
.home .kickers-container,
.home .kickers-container-mutuelle {
  padding: 0;
  margin-top: -25px;
  margin-bottom: 40px;
}
.home .kickers-container .home-kickers,
.home .kickers-container-mutuelle .home-kickers {
  width: 100%;
  max-height: 200px;
}
.home .bandeau-home {
  padding: 5px 10px;
}
.home .bandeau-home p {
  margin-bottom: 0px;
}
.home .kickers-container-mutuelle {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .home .home-discovery .home-discovery-item .content-container {
    width: auto;
    position: static;
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .home .home-discovery {
    margin-bottom: -30px;
  }
  .home .home-discovery .home-discovery-concepts-small {
    margin-top: -19px;
  }
  .home .home-discovery .home-discovery-item {
    height: auto;
  }
  .home .home-discovery .home-discovery-item.main {
    height: auto;
  }
  .home .home-grid .wrapper {
    height: 456px;
  }
  .home .home-grid .static-container {
    height: auto;
    padding: 24px;
  }
  .home .home-grid .static-container:last-child {
    background-color: #ffffff;
  }
  .home .home-grid .slide-product {
    display: block !important;
  }
  .home .home-grid .slide-product .wrapper {
    padding: 0px;
  }
  .home .home-grid .slide-product .wrapper .list-inline-item {
    margin: 0px;
    position: static;
    padding: 0px;
  }
  .home .home-grid .slide-product .product-tile {
    display: inline-block;
    position: relative;
  }
  .home .home-grid > .row > .product-tile {
    display: none;
  }
  .home .slide-brand-container {
    margin-top: 0px;
    border: none;
  }
  .home .slide-brand-container .brand-slide-content .wrapper > div ul > li {
    margin: 0px;
  }
  .home .home-grid .row .product-card:nth-last-child(-n+2),
  .home .home-grid .row .product-card:nth-last-child(-n+3) {
    display: none;
  }
  .kickers-container,
  .kickers-container-mutuelle {
    display: none;
  }
  .bandeau-home {
    margin-bottom: 10px;
  }
}
@media (min-width: 991px) {
  .bandeau-home {
    margin-bottom: -200px;
  }
}
.ordonnance_content .tel_ordonnance {
  margin-left: 10px;
  width: 300px;
}
.ordonnance_content .tel_ordonnance > span {
  font-size: 27px;
  display: block;
  font-style: normal;
}
.ordonnance_content > div > div > img {
  width: 100%;
}
.step_block {
  margin: 25px 0 60px;
}
.step_block > img,
.step_block > div {
  display: inline-block;
  vertical-align: middle;
}
.step_block > div {
  width: 80%;
  margin-left: 40px;
}
.step_block .to_know {
  text-transform: uppercase;
  font-style: italic;
  font-size: 18px;
  color: #747474;
}
.link_block {
  display: block;
  font-style: italic;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .step_block > img {
    width: 100%;
    background-position: center;
  }
}
.lens_info .lens_qa span {
  margin-left: 25px;
  display: inline-block;
}
@media (max-width: 991px) {
  .lens_info {
    margin-top: 15px;
  }
}
/* Couleurs */
.concept {
  padding-left: 0;
  padding-right: 0;
  line-height: 20px;
}
.concept .btn-action {
  margin-top: 0px;
}
.concept .btn-action span {
  text-transform: lowercase;
}
.concept .concept_intro {
  margin-top: 25px;
  margin-bottom: 60px;
}
.concept .concept_bloc {
  text-align: center;
  background-color: #035a77;
}
.concept .concept_window {
  background-color: #ff6633;
  padding: 5px;
}
.concept .concept_view {
  margin-top: 35px;
}
.concept .concept_view h1 span {
  font-family: 'Qanelas-regular', Helvetica, Arial;
}
.concept .concept_view div div p {
  margin-top: 15px;
}
.concept .concept_view div div img {
  width: 100%;
}
.concept .concept_discovery {
  margin-top: 24px;
  margin-bottom: 24px;
}
.concept .concept_discovery .concept_link:hover div .concept_container {
  background-color: #ff6633;
}
.concept .concept_discovery .concept_discovery_item {
  position: relative;
  height: auto;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.concept .concept_discovery .concept_discovery_item img {
  width: 100%;
}
.concept .concept_discovery .concept_discovery_item .concept_container {
  position: absolute;
  bottom: 15px;
  right: -10px;
  background-color: rgba(3, 90, 119, 0.7);
  padding: 15px 15px 5px 15px;
}
.concept .concept_discovery .concept_discovery_item .concept_container * {
  color: #ffffff;
}
.concept .concept_discovery .concept_discovery_item .concept_container h2 {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 18px;
  text-align: center;
}
.concept .concept_discovery .concept_discovery_item .concept_container h2 strong {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
.concept .concept_discovery .concept_selected div .concept_container {
  background-color: #ff6633;
}
.concept .concept_anchor {
  display: block;
  height: 250px;
  margin-top: -250px;
  visibility: hidden;
}
.concept .concept_picto {
  margin-bottom: 30px;
}
.concept .concept_picto img {
  width: 70px !important;
  float: left;
  margin-right: 25px;
}
@media (max-width: 768px) {
  .concept div div a {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .concept .title {
    margin-top: 40px;
  }
  .concept .concept_view {
    margin-top: 0;
  }
  .concept .concept_btn {
    padding: 0;
  }
  .concept .concept_btn .btn-action {
    height: 35px !important;
  }
  .concept .concept_intro {
    margin-top: -10px;
  }
  .concept .concept_discovery_item .concept_container {
    padding: 15px 10px 5px 10px !important;
  }
  .concept .concept_discovery_item .concept_container h2 {
    font-size: 13px !important;
  }
}
@media (max-width: 574px) {
  .concept #nosMagasins .concept_container {
    padding: 15px 15px 5px 15px !important;
    bottom: 50px;
  }
  .concept #nosMagasins .concept_container h2 {
    font-size: 25px !important;
  }
}
.errors_not_found {
  margin-top: 160px;
}
.errors_not_found div {
  position: relative;
}
.errors_not_found div img {
  width: 100%;
}
.errors_not_found div p {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  position: absolute;
  top: 30%;
  left: -20%;
  color: #035a77;
  font-size: 25px;
  line-height: 30px;
}
.errors_not_found div p span {
  font-family: 'Qanelas-Bold', Helvetica, Arial;
  font-size: 70px;
}
.errors_not_found div p a {
  margin-top: 45px;
}
@media (max-width: 991px) {
  .errors_not_found {
    margin-top: 200px;
  }
  .errors_not_found div {
    position: initial;
  }
  .errors_not_found div p {
    top: 0;
    left: 0;
    position: initial;
  }
  .errors_not_found .errors_not_found_img {
    display: none;
  }
}
#shipup-container {
  max-width: 950px;
  margin: 0 auto;
}
.shipup-home-container,
.shipup-modal-container {
  font-family: 'Qanelas-Regular', Helvetica, Arial !important;
}
.shipup-order-page-element {
  border: 1px solid lightgrey;
  padding: 24px;
  margin: 16px;
}
.shipup-order-page-line-items {
  order: initial;
}
.shipup-line-item-container {
  font-weight: 900;
}
.shipup-order-page-title-order-date {
  margin-left: 16px;
  color: #00624d;
  font-size: 20px;
  font-weight: 900;
}
.shipup-order-page-title-order-date::before {
  content: '-';
  margin-right: 16px;
}
.shipup-order-page-title-order-number {
  font-size: 20px;
  font-weight: 900;
}
.shipup-order-page-title {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  shipup-order-page-shipping-status-container,
  .shipup-order-page-line-items {
    margin: 5px;
  }
}
/*account area*/
.account {
  padding: 0;
  /*FIXME might be on form less*/
}
.account .account_title {
  position: relative;
  background: linear-gradient(#ffffff 0%, #ffffff 39%, #035a77 40%, #ffffff 42%, #ffffff 100%);
}
.account .account_title h1 {
  background: #fff;
  position: relative;
  text-transform: uppercase;
  padding-right: 12px;
  display: inline-block;
}
.account .account_title h1 span {
  font-family: 'Qanelas-regular', Helvetica, Arial;
}
.account .account_index .account_stamp_menu {
  background-color: #035a77;
  min-height: 95px;
  max-height: 95px;
  padding-top: 12px;
  margin-top: 25px;
}
.account .account_index .account_stamp_menu img {
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  background-position: right;
  margin-top: 10px;
}
.account .account_index .account_stamp_menu h2 {
  text-transform: uppercase;
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 15px;
  color: #ffffff;
  text-align: left;
}
.account .account_index .account_stamp_menu h2 a {
  color: #ffffff;
}
.account .account_index .account_stamp_menu h2 a :hover {
  color: #ffffff;
}
.account .account_index .account_stamp_menu h2 span {
  font-family: 'Qanelas-black', Helvetica, Arial;
  display: block;
}
.account .account_index .account_stamp_menu:hover {
  background-color: #ff6633;
}
.account .account_index .account_stamp_menu div {
  text-align: right;
}
.account div .title {
  position: relative;
  margin: 24px 0;
}
.account div .title:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #035a77;
}
.account div .title h1 {
  font-family: 'Qanelas-black', Helvetica, Arial;
  font-size: 25px;
  color: #035a77;
  text-align: left;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  background-color: #ffffff;
  margin: 0;
  padding-right: 16px;
}
.account div .title h1 b {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
.account input:not([type="submit"]) {
  width: 100%;
  padding: 4px;
}
.account input::placeholder {
  font-family: 'Qanelas-italic', Helvetica, Arial;
  font-size: 16px;
  color: #999999;
}
.account h2 {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 18px;
  color: #035a77;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
.account h2 b {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
@media (max-width: 767px) {
  .account .account_index .col-6,
  .account .account_index .col-12 {
    padding-left: 7px;
    padding-right: 7px;
  }
  .account .account_index .account_stamp_menu {
    min-height: 156px;
    margin-top: 15px;
  }
  .account .account_index .account_stamp_menu div {
    text-align: left;
  }
  .account .account_index .account_stamp_menu img {
    margin-top: 0px;
  }
  .account .account_index .account_stamp_menu h2 {
    margin-top: 0px;
  }
  .account .account_stamp_menu_main {
    padding-top: 50px !important;
  }
}
.account .account-register h2 {
  font-family: 'Qanelas-black', Helvetica, Arial;
  text-transform: uppercase;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 8px;
}
.account-default .option-container {
  border: 1px solid #d1d1d1;
  min-height: 332px;
  height: 100%;
}
.account-default .option-container .content {
  min-height: 192px;
}
.account-default .option-container .content label {
  display: block;
  font-size: 16px;
}
.account-default .option-container .content a {
  color: #7e7e7e;
  text-decoration: underline;
  font-size: 14px;
}
.account-default .option-container .tip {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: #7e7e7e;
  /*psd 136,136,136*/
  font-size: 12px;
}
.account-default .title {
  margin: auto !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
  margin-bottom: 24px !important;
}
@media (min-width: 768px) {
  .account-default .option-container {
    padding: 12px 32px;
  }
  .account-default .option-container .btn-action {
    position: absolute;
    bottom: 40px;
  }
}
@media (max-width: 767px) {
  .account-default h1 {
    text-align: left;
  }
  .account-default .option-container {
    padding: 12px 10px;
  }
  .account-default .option-container .btn-action {
    display: block;
    width: 100%;
    text-align: center;
  }
  .account-default .lift {
    margin-top: 30px;
  }
}
.success-reset-message {
  color: #0a490d !important;
}
.account-register,
.account-contact {
  padding-top: 0px !important;
}
.account-register .signup_form,
.account-contact .signup_form {
  margin-top: 20px;
  padding: 0;
}
.account-register .signup_form .profil-form,
.account-contact .signup_form .profil-form {
  max-width: 800px;
}
.account-register .signup_form div div,
.account-contact .signup_form div div {
  padding: 0;
  margin-bottom: 15px;
}
.account-register .signup_form div div input[type=text],
.account-contact .signup_form div div input[type=text],
.account-register .signup_form div div input[type=password],
.account-contact .signup_form div div input[type=password],
.account-register .signup_form div div select,
.account-contact .signup_form div div select {
  width: 100%;
  border: 1px solid #d1d1d1;
  color: #333333;
  font-size: 14px;
  height: 30px;
}
.account-register .signup_form div div textarea,
.account-contact .signup_form div div textarea {
  border: 1px solid #d1d1d1;
}
.account-register .signup_form div div ::placeholder,
.account-contact .signup_form div div ::placeholder {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 13px;
  color: #818181;
  font-style: italic;
}
.account-register .signup_form div div a,
.account-contact .signup_form div div a {
  text-decoration: none;
}
.account-register .signup_form #file-upload-filename,
.account-contact .signup_form #file-upload-filename {
  float: left;
}
.account-register .account_field_title,
.account-contact .account_field_title {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 16px;
  color: #333333;
}
.account-register .account_inscription_subtitle,
.account-contact .account_inscription_subtitle {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 16px;
  color: #035a77;
  text-transform: uppercase;
  margin-top: 30px;
}
.account-register .account_inscription_subtitle span,
.account-contact .account_inscription_subtitle span {
  font-family: 'Qanelas-Black', Helvetica, Arial;
}
.account-register .account_gender,
.account-contact .account_gender,
.account-register .account_checkbox,
.account-contact .account_checkbox {
  width: auto !important;
  height: auto !important;
}
.account-register .account_left_margin,
.account-contact .account_left_margin {
  margin-left: 10px;
}
.account-register .account_gender_error,
.account-contact .account_gender_error {
  margin-bottom: 0px;
}
.account-register .contact_text_area,
.account-contact .contact_text_area {
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #818181 white;
}
.account-register .contact_text_area::-webkit-scrollbar,
.account-contact .contact_text_area::-webkit-scrollbar {
  width: 10px;
  /* width of the entire scrollbar */
}
.account-register .contact_text_area::-webkit-scrollbar-track,
.account-contact .contact_text_area::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: white;
  /* color of the tracking area */
}
.account-register .contact_text_area::-webkit-scrollbar-thumb,
.account-contact .contact_text_area::-webkit-scrollbar-thumb {
  background-color: #818181;
  /* color of the scroll thumb */
  border-radius: 20px;
  /* roundness of the scroll thumb */
  border: 3px solid #818181;
  /* creates padding around scroll thumb */
}
.account-register .account_checkbox,
.account-contact .account_checkbox {
  margin-right: 10px;
}
.account-register .account_legend,
.account-contact .account_legend {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  color: #999999;
  font-size: 11px;
}
.account-register .btn_create_account,
.account-contact .btn_create_account {
  /* by default font-family: 'Qanelas Regular'*/
  height: 32px;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  background-color: #ffffff;
  color: #035a77;
  border: 1px solid #035a77 !important;
  padding: 8px 20px;
  line-height: normal;
  display: inline-block;
  cursor: pointer;
  margin-top: 12px;
  margin-bottom: 12px;
  width: 180px !important;
}
.account-register .btn_create_account:hover,
.account-contact .btn_create_account:hover {
  background-color: #035a77;
  text-decoration: none;
  color: #ffffff;
}
.account-register .account_info_client,
.account-contact .account_info_client {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  color: #999999;
  font-size: 10px;
  text-align: justify;
}
.account-register .account_field_error,
.account-contact .account_field_error {
  margin-bottom: 0px;
  height: 20px;
}
.account-register #account-mypassword-info,
.account-contact #account-mypassword-info {
  left: 0;
}
@media (max-width: 767px) {
  .account-register .signup_form div div,
  .account-contact .signup_form div div {
    padding: 0;
    margin-bottom: 5px;
  }
  .account-register .account_field_title,
  .account-contact .account_field_title {
    margin-top: 10px;
  }
  .account-register .btn_create_account,
  .account-contact .btn_create_account {
    width: 100% !important;
  }
  .account-register .account_checkbox,
  .account-contact .account_checkbox {
    margin-top: 10px;
  }
}
.new_inscription tr td label,
.new_inscription tr td input {
  margin-left: 7px;
  padding-top: 7px;
}
.new_inscription tr td label {
  padding-top: 7px;
}
.new_inscription tr td span {
  margin-left: 0;
  padding-right: 15px;
  text-align: justify;
}
.account-contact {
  font-size: 14px;
}
.account-contact h2 {
  font-family: 'Qanelas-regular';
  color: #035a77;
  font-size: 18px;
  text-transform: uppercase;
  text-align: left;
  font-weight: normal;
  margin-top: 16px;
  margin-bottom: 16px;
}
.account-contact h2 strong {
  font-family: 'Qanelas-black';
}
.account-contact .contact-form h2 {
  margin-bottom: 0;
}
.account-contact .account_field_title {
  font-size: 14px;
}
.account-contact .picto-form {
  width: 35px;
  height: 29px;
  margin-top: 11px;
  margin-right: 20px;
  float: left;
}
.account-contact #fileList ul {
  padding: 0;
}
.account-contact .js-contact-file-delete-btn {
  margin-left: 5px;
  border: none;
  display: inline;
  color: #7e7e7e;
}
.account-contact .js-contact-file-delete-btn span {
  top: -3px;
  position: relative;
  right: -5px;
}
@media (max-width: 767px) {
  .account-contact .title {
    margin-bottom: 5px !important;
  }
}
.account_menu {
  background-color: #f1f1f1;
  max-width: 100%;
}
.account_menu .account_menu_title {
  display: none;
}
.account_menu .account_menu_title span {
  float: right;
  color: #035a77;
  font-size: 20px;
  font-weight: bold;
  margin-top: -5px;
}
.account_menu ul {
  padding: 15px;
}
.account_menu ul li {
  cursor: pointer;
}
.account_menu ul li h3 {
  font-family: 'Qanelas-black', Helvetica, Arial;
  font-size: 14px;
  color: #035a77;
  margin-top: 10px;
  margin-bottom: 5px;
}
.account_menu ul li h3 span {
  float: right;
}
.account_menu ul li a {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  display: block;
  text-decoration: none;
  color: #737373;
}
.account_menu ul li a:hover {
  color: #ff6633;
  font-weight: bold;
}
.account_menu ul li .account_logout {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 13px;
  color: #737373;
  margin-top: 15px;
}
.account_menu .menu-cc div .active {
  color: #ff6633;
  font-weight: bold;
}
@media (max-width: 991px) {
  .account_menu {
    background-color: #ffffff;
    width: 300px;
    border: 1px solid #d1d1d1;
    margin-bottom: 20px;
  }
  .account_menu .account_menu_title {
    font-family: 'Qanelas-regular', Helvetica, Arial;
    font-size: 13px;
    color: #818181;
    display: block;
    text-transform: uppercase;
    margin: 15px;
  }
  .account_menu ul li div {
    display: none;
  }
  .account_menu p img {
    margin-top: 5px;
    float: right;
  }
  #menu-cc-list {
    display: none;
  }
}
.title.prescriptions {
  margin-top: 0px !important;
}
.account-prescription form input[type="file"] {
  display: none;
}
.account-prescription form div.row:first-child div {
  display: flex;
  text-align: center;
  align-items: center;
}
.account-prescription form div.row row {
  padding-left: 0px;
}
.account-prescription .prescription-file-name {
  color: #818181;
  text-decoration: underline;
  font-style: italic;
  margin-top: 18px;
}
.account-prescription .prescription-picto {
  position: relative;
  top: -4px;
  width: 25px;
  text-align: left;
  display: inline-block;
}
.account-prescription .prescription-list {
  color: #818181;
}
.account-prescription .prescription-list a {
  color: #818181;
  text-decoration: underline;
}
.account-prescription .upload_success {
  color: #19b921;
}
.account-prescription .prescription-fileName {
  width: 33%;
  padding-right: 20px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  line-height: 18px;
}
.account-prescription .prescription-options {
  width: 67%;
}
.account-prescription .prescription-date {
  width: 20%;
}
.account-prescription .prescription-download {
  width: 26%;
}
.account-prescription .prescription-see,
.account-prescription .prescription-delete {
  width: 27%;
}
.account-prescription .prescription-date,
.account-prescription .prescription-download,
.account-prescription .prescription-see,
.account-prescription .prescription-delete {
  float: left;
}
@media (max-width: 767px) {
  .account-prescription .prescription-center-small {
    text-align: center;
  }
  .account-prescription #prescription_import_button {
    top: -30px;
  }
  .account-prescription .prescription-fileName,
  .account-prescription .prescription-options,
  .account-prescription .prescription-date,
  .account-prescription .prescription-download,
  .account-prescription .prescription-see,
  .account-prescription .prescription-delete {
    margin-top: 3px;
  }
  .account-prescription .prescription-fileName,
  .account-prescription .prescription-options {
    width: 100%;
  }
  .account-prescription .prescription-date,
  .account-prescription .prescription-download,
  .account-prescription .prescription-see,
  .account-prescription .prescription-delete {
    width: 50%;
  }
}
#confirmPrescriptionBox {
  display: none;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #aaa;
  width: 500px;
  padding: 6px 8px 8px;
  box-sizing: border-box;
  text-align: justify;
  position: absolute;
  top: 0;
  z-index: 17;
  width: 100%;
  max-width: 600px;
  text-align: right;
}
#confirmPrescriptionBox .message_p {
  margin-bottom: 8px;
  text-align: justify;
}
#confirmPrescriptionBox .title_p {
  text-align: left;
}
#confirmPrescriptionBox hr {
  margin: 5px 0px;
}
@media (min-width: 768px) {
  #confirmPrescriptionBox .btn-action {
    margin-left: 20px;
  }
}
.account_login .title {
  margin-top: 0px !important;
}
.account_login .login_box {
  border: 1px solid #d1d1d1;
}
.account_login .login_box input[type="submit"] {
  width: 52px;
  background-color: #035a77;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border: none;
}
.account_login .login_box .inputs {
  margin-top: 25px;
  position: relative;
  max-width: 450px;
  padding-right: 52px;
}
.login_info_message {
  font-size: 16px;
  display: none;
  color: #0a490d;
  margin: 0;
}
@media (max-width: 991px) {
  .account_login .login_box {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .account_login .login_box {
    padding: 40px;
  }
}
.title.myorders {
  margin: auto !important;
  margin-bottom: 30px !important;
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.title.myorders h1 span {
  font-family: 'Qanelas-regular', Helvetica, Arial;
}
.myorder_pagination {
  color: #7e7e7e;
  font-size: 14px;
}
.myorder_pagination a {
  color: #7e7e7e;
  margin-left: 5px;
  margin-right: 5px;
}
.myorder_pagination a > img {
  height: 40px;
}
.myorder_pagination a img:last-child {
  display: none;
}
.myorder_pagination a:hover img:last-child {
  display: inline-block;
}
.myorder_pagination a:hover img:first-child {
  display: none;
}
.myorder_pagination .current_page {
  border: 1px solid #999999;
  padding: 8px;
}
div.account-myorders {
  margin-top: 25px;
}
div.account-myorders h1 {
  font-size: 18px;
}
div.account-myorders a {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  text-decoration: underline;
  color: #737373;
}
div.account-myorders a:hover {
  color: #ff6633;
  font-weight: bold;
}
div.account-myorders [class*="svg-"] {
  margin: 0;
}
div.account-myorders .order {
  color: #737373;
  font-size: 14px;
}
div.account-myorders .order span {
  padding-right: 25px;
}
div.account-myorders .order div.display-indicator {
  text-align: right;
  float: right;
}
div.account-myorders .order div.display-indicator span.display-indicator {
  padding-right: 0;
}
div.account-myorders .order div.display-indicator button {
  font-weight: bolder;
  font-size: 25px;
  padding: 0px;
  color: #035a77;
  margin-top: -7px;
}
div.account-myorders .order div.display-indicator .btn:focus {
  box-shadow: auto;
}
div.account-myorders .order div {
  padding-left: 0px;
  padding-right: 0px;
}
div.account-myorders .order .renew {
  white-space: nowrap;
  float: right;
}
div.account-myorders .order .renew span {
  padding-right: 0px;
}
div.account-myorders .content .product {
  border: 1px solid #737373;
  padding: 30px 0;
}
div.account-myorders .content .product .img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0;
}
div.account-myorders .content .product .img .picto-sticker-order-topLeft {
  top: 0px;
  left: initial;
  margin-right: 80px;
}
div.account-myorders .content .product .img .picto-sticker-order-topRight {
  top: 0px;
  right: initial;
  margin-left: 80px;
}
div.account-myorders .content .product .img .picto-sticker-order-bottomLeft {
  bottom: 0px;
  left: initial;
  margin-right: 80px;
}
div.account-myorders .content .product .img .picto-sticker-order-bottomRight {
  bottom: 0px;
  right: initial;
  margin-left: 80px;
}
div.account-myorders .content .product .img img {
  max-width: 120px;
}
div.account-myorders .content .product .price {
  padding: 20px 0px 20px 70px;
}
div.account-myorders .content .product .price strong {
  font-size: 20px;
}
div.account-myorders .content .product .price .promo-sticker-small {
  left: 160px;
  top: 7px;
}
div.account-myorders .content .product .price .prix_barre {
  font-size: 15px;
  text-decoration: line-through;
  color: #737373;
  margin-top: -7px;
}
div.account-myorders .content .product .product-info {
  font-size: 14px;
  color: #737373;
}
div.account-myorders .content .product .product-info h1,
div.account-myorders .content .product .product-info h5,
div.account-myorders .content .product .product-info p {
  margin-bottom: 0;
}
div.account-myorders .content .product .product-info h1 {
  margin-top: 5px;
}
div.account-myorders .content .product .product-info h5 {
  font-size: 14px;
}
div.account-myorders .content .product .product-info .product-info-status {
  color: #ff6633;
  font-family: 'Qanelas-bold';
}
div.account-myorders .content .product:not(:first-child) {
  margin-top: -1px;
}
div.account-myorders .content .product:first-child {
  margin-top: 10px;
}
div.account-myorders .content .address {
  margin-top: -1px;
  border: 1px solid #737373;
  display: flex;
  justify-content: center;
  padding: 18px 0;
}
div.account-myorders .content .address div:first-child {
  text-align: left;
  padding-left: 30px;
}
div.account-myorders .content .address div:last-child {
  color: #737373;
  font-size: 12px;
  padding-left: 0;
}
div.account-myorders .content .invoice {
  margin-bottom: 25px;
  margin-top: 20px;
}
div.account-myorders .content .invoice div {
  padding-left: 0px;
  padding-right: 0px;
}
div.account-myorders .content .invoice div div {
  float: right;
  margin-left: 25px;
  font-size: 14px;
}
@media (max-width: 767px) {
  div.account-myorders .renew {
    float: left !important;
  }
  div.account-myorders .content .product .img {
    margin-top: 20px;
  }
  div.account-myorders .content .product .price .promo-sticker-small {
    top: 70px;
    left: 70px;
  }
  div.account-myorders .content .address div:last-child {
    padding-left: 30px;
  }
}
.account-mypassword {
  padding: 50px 0 0 0;
}
.account-mypassword .eye_pwd i {
  cursor: pointer;
  pointer-events: all;
  position: relative;
  top: -30px;
  float: right;
  margin-right: 5px;
}
.account-mypassword .eye_pwd i img {
  width: 17px;
}
.account-mypassword form div div {
  padding: 0;
}
.account-mypassword .account_title_top_confirmation {
  margin-top: -40px;
}
.account_pwd_strength {
  margin-top: -10px;
  margin-bottom: 10px;
}
.account_pwd_strength div .progress {
  margin-top: 8px;
  height: 10px;
}
.account_pwd_strength div .progress div {
  margin-bottom: 0;
}
.account-mypassword-legend {
  color: #999999;
  font-size: 10px;
}
.account-mypassword-legend img {
  margin-right: 5px;
}
.account-mypassword-info:hover + div {
  display: block;
}
#show-account-mypassword-info {
  margin-top: -3px;
  width: 14px;
}
#account-mypassword-info {
  background-color: white;
  display: none;
  border-style: solid;
  border-width: 1px;
  padding: 5px;
  margin-bottom: 20px;
  width: 161px;
  border-color: #aebabd;
  left: 140px;
  position: absolute;
  z-index: 2;
  margin-top: -8px;
  border-radius: 5px;
}
#account-mypassword-info p {
  margin-bottom: 2px;
}
@media (max-width: 991px) {
  #account-mypassword-info {
    left: 0;
    width: 100%;
  }
}
.account-mysubscriptions {
  padding: 20px 0 0 0;
}
.account-mysubscriptions input[type=radio] {
  width: auto !important;
}
.account-mysubscriptions .account-mysubscriptions-check input:not([type="submit"]) {
  width: auto;
}
.account-mysubscriptions .account-mysubscriptions-check label {
  margin-left: 10px;
}
.account-mysubscriptions .account-mysubscriptions-check input[type=checkbox] {
  width: 50px;
}
.account-mysubscriptions form div div {
  padding: 0;
  margin-bottom: 15px;
}
.account-mysubscriptions .account-mysubscriptions-legend p {
  color: #999999;
  font-size: 10px;
}
.account-mysubscriptions .account-mysubscriptions-legend p a {
  color: #999999;
  font-weight: bold;
}
.account-mysubscriptions .account-mysubscriptions-legend p a:hover {
  color: #ff6633;
}
.account-mysubscriptions .account-mysubscriptions-entities {
  font-size: 10px;
}
.account-mysubscriptions .account-mysubscriptions-entities b {
  color: #7e7e7e;
  font-family: 'Qanelas-bold', Helvetica, Arial;
  font-size: 11px;
}
.account-mysubscriptions .account-mysubscriptions-entities ul {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  margin-top: 7px;
  padding-left: 0;
  color: #999999;
}
.account-mysubscriptions .account-mysubscriptions-check-outer,
.account-mysubscriptions .account-mysubscriptions-radio {
  height: 15px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: -2px;
}
.account-mysubscriptions .account-mysubscriptions-check-outer span,
.account-mysubscriptions .account-mysubscriptions-radio span {
  margin-left: 5px;
}
.account-mysubscriptions .account-mysubscriptions-check-outer {
  cursor: pointer;
  width: 15px;
  border: 1px solid #a4a4a4;
}
.account-mysubscriptions .account-mysubscriptions-check-outer span {
  margin-left: 20px;
}
.account-mysubscriptions .account-mysubscriptions-check-inner {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.account-mysubscriptions .account-mysubscriptions-check-inner:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 6px;
  background: transparent;
  top: 3px;
  left: 2px;
  border: 1px solid #fff;
  border-top: none;
  border-right: none;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.account-mysubscriptions input[type=checkbox] {
  display: none;
}
.account-mysubscriptions input[type=checkbox]:checked + input + .account-mysubscriptions-check-inner:after {
  border: 3px solid #000;
  border-top: none;
  border-right: none;
}
@media (max-width: 768px) {
  .account-mysubscriptions .account-mysubscriptions-check-outer,
  .account-mysubscriptions .account-mysubscriptions-radio {
    position: static;
  }
}
@media (max-width: 767px) {
  .account-mysubscriptions .account-mysubscriptions-message {
    font-size: 12px;
  }
  .account-mysubscriptions .account-mysubscriptions-check {
    padding-top: 25px;
  }
  .account-mysubscriptions .account-mysubscriptions-check-outer,
  .account-mysubscriptions .account-mysubscriptions-radio {
    margin-top: 5px;
    margin-bottom: 10px;
  }
}
@media (max-width: 320px) {
  .account-mysubscriptions .account-mysubscriptions-message {
    font-size: 12px;
  }
  .account-mysubscriptions input[type=radio] {
    margin-top: 10px;
  }
}
.account-myreturns .account-return-info {
  font-size: 14px;
  color: #999999;
}
.account-myreturns .return-error {
  display: none;
  color: #ff0000;
  font-size: 14px;
}
.account-myreturns .return-error {
  display: none;
  color: #ff0000;
  font-size: 14px;
}
.account-myreturns .return-success {
  display: none;
  color: #19b921;
  font-size: 14px;
}
.account-myreturns .return-detail {
  padding-bottom: 50px;
}
.account-myreturns .return-detail .product {
  padding: 15px 0 0 0 !important;
}
.account-myreturns .return-detail .return-caption {
  position: relative;
  bottom: 4px;
  color: #aebabd;
  left: 10px;
  font-size: 12px;
  font-style: italic;
}
.account-myreturns .return-detail .product-info h1 {
  font-size: 15px;
  margin-top: 2px;
}
.account-myreturns .return-detail .product-info .product-detail {
  font-size: 12px;
}
.account-myreturns .retractation-list {
  color: #ff6633;
  font-size: 14px;
}
.account-myreturns .retractation-list div {
  padding: 0;
}
.account-myreturns .retractation-list .retractation-completed {
  color: #19b921;
}
.account-myreturns .retractation-status {
  white-space: nowrap;
}
.account-myreturns .retractation-picto img {
  margin-top: -9px;
  margin-right: 5px;
}
.account-myreturns .btn-delete-retractation {
  max-width: 150px;
  height: 26px;
  padding: 3px 10px !important;
}
.account-myreturns .retract-delete-message {
  color: #19b921;
  font-weight: bold;
}
@media (min-width: 768px) {
  .account-myreturns .btn-delete-retractation {
    margin-top: -2px !important;
  }
}
@media (max-width: 767px) {
  .account-myreturns .return-detail .product .img {
    justify-content: left !important;
  }
  .account-myreturns .btn-delete-retractation {
    max-width: 150px;
    height: 26px;
    padding: 3px 10px;
  }
}
.devis-container .js-devis-form .devis .sub-info {
  color: #818181;
  font-size: 11px;
}
.devis-container .js-devis-form .devis a {
  font-family: 'Qanelas-black', Helvetica, Arial;
  font-size: 15px;
  color: #035a77;
}
.devis-container .js-devis-form .devis .continue-shopping {
  position: absolute;
  bottom: 7px;
  text-decoration: underline;
}
/*tunnel area*/
.tunnel-header {
  margin: 48px auto;
}
.tunnel-main-container .back {
  color: #818181;
}
.tunnel-main-container .back span {
  text-decoration: underline;
}
.tunnel-steps {
  color: #999999;
  height: 84px;
  max-width: 800px;
  margin: 48px auto;
  text-transform: uppercase;
}
.tunnel-steps .step {
  position: relative;
  text-align: center;
  height: 84px;
}
.tunnel-steps .step:before {
  content: ' ';
  position: absolute;
  width: 50%;
  top: 35%;
  right: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: #999999;
}
.tunnel-steps .step:after {
  content: ' ';
  position: absolute;
  width: 50%;
  top: 35%;
  left: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: #999999;
}
.tunnel-steps .step:first-child:before {
  display: none;
}
.tunnel-steps .step:last-child:after {
  display: none;
}
.tunnel-steps .step a {
  display: block;
  color: #999999;
}
.tunnel-steps .step a:hover {
  text-decoration: none;
}
.tunnel-steps .step a.disabled {
  pointer-events: none;
  cursor: default;
}
.tunnel-steps .step.active {
  color: #035a77;
}
.tunnel-steps .step.active a {
  color: #035a77;
}
.tunnel-steps .step.active:before,
.tunnel-steps .step.active:after {
  background-color: #035a77;
}
.tunnel-steps .step.is-next-step:before {
  background-color: #035a77;
}
.tunnel-steps .step .icon-wrapper {
  position: relative;
  z-index: 1;
  padding: 4px;
  display: inline-block;
  background-color: #ffffff;
}
.tunnel-panier h2 {
  font-family: 'Qanelas-black', Helvetica, Arial;
  font-size: 18px;
  color: #035a77;
  text-transform: uppercase;
  display: inline;
}
.tunnel-panier h2:hover {
  text-decoration: none;
}
.tunnel-panier label {
  margin: auto;
}
.tunnel-panier .product-list-header {
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  color: #999999;
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 16px;
  height: 44px;
}
.tunnel-panier .product {
  border-bottom: 1px solid #999999;
  padding: 48px 0 16px;
  position: relative;
}
.tunnel-panier .product .product_img {
  max-width: 120px;
}
.tunnel-panier .product .option {
  padding: 4px 0;
}
.tunnel-panier .product .option > div:last-child {
  padding-right: 32px;
}
.tunnel-panier .product .option > div:last-child button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: none;
}
.tunnel-panier .product .option > div:last-child button.delete-btn {
  font-size: 14px;
  text-decoration: underline;
  color: #737373;
  cursor: pointer;
}
.tunnel-panier .product .option label {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 16px;
  color: #333333;
  margin: 0;
}
.tunnel-panier .product .option .setting {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 11px;
  color: #999999;
}
.tunnel-panier .product .option .price {
  font-size: 20px;
  font-family: 'Roboto Condensed', Helvetica, Arial;
  color: #333333;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tunnel-panier .product .option .price b {
  font-weight: 700;
}
.tunnel-panier .product .option .panier-price-barre {
  font-size: 17px;
  color: #737373;
  font-family: 'Roboto Condensed', Helvetica, Arial;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: line-through;
  position: absolute;
  top: -17px;
}
.tunnel-panier .product a.modify {
  font-family: 'Qanelas-bold', Helvetica, Arial;
  color: #035a77;
  padding-left: 15px;
}
.tunnel-panier .product div .promo-sticker-small {
  position: relative;
  margin: auto;
  left: 0;
}
.tunnel-panier .care_container {
  padding: 12px;
}
.tunnel-panier .care_container .care_content {
  background-color: #f1f1f1;
  padding: 24px;
  height: 100%;
}
.tunnel-panier .prescription_container {
  padding: 12px;
}
.tunnel-panier .prescription_container .prescription_content {
  background-color: #f1f1f1;
  padding: 24px;
  height: 100%;
}
.tunnel-panier .devis-container {
  padding: 12px;
}
.tunnel-panier .devis-container .devis-content {
  background-color: #f1f1f1;
  padding: 24px;
  height: 100%;
}
.tunnel-panier .promo-container {
  padding: 12px;
}
.tunnel-panier .promo-container .promo-content {
  border: 1px solid #999999;
  padding: 24px;
  height: 100%;
}
.tunnel-panier .promo-container label {
  text-transform: uppercase;
  font-family: 'Qanelas-regular', Helvetica, Arial;
}
.tunnel-panier .promo-container input[type="text"] {
  text-transform: uppercase;
}
.tunnel-panier .promo-container input[type="text"]::placeholder {
  text-transform: uppercase;
}
.tunnel-panier .help-container {
  padding: 12px;
}
.tunnel-panier .help-container .help-content {
  padding: 24px;
  background-color: #f1f1f1;
}
.tunnel-panier .help-container .help-content b {
  font-family: 'Qanelas-bold', Helvetica, Arial;
  color: #035a77;
}
.tunnel-panier .help-container .help-content .sub-info {
  font-size: 13px;
}
.tunnel-panier .help-container .info-content {
  padding: 12px;
  text-transform: uppercase;
  font-size: 13px;
  font-family: 'Qanelas-bold', Helvetica, Arial;
}
.tunnel-panier .price-container {
  padding: 12px;
}
.tunnel-panier .price-container .price-content {
  background-color: #f1f1f1;
  padding: 24px;
}
.tunnel-panier .price-container .price-content span {
  font-size: 20px;
}
.tunnel-panier .price-container .price-content .detail-cost-container {
  border-bottom: 1px solid #d1d1d1;
  padding: 8px 0;
  margin-bottom: 24px;
}
.tunnel-panier .price-container .price-content .sub-info {
  font-size: 10px;
  display: block;
}
.tunnel-panier .price-container .price-content .total-cost label {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 8px;
}
.tunnel-panier .back {
  color: #999999;
}
.tunnel-panier .back span {
  text-decoration: underline;
}
.tunnel-panier #file-upload-filename {
  word-break: break-all;
}
.tunnel-panier .bandeau {
  padding: 5px 10px;
  margin-top: -20px;
  margin-bottom: 10px;
}
.tunnel-panier .bandeau p {
  margin-bottom: 0;
  width: 90%;
}
.tunnel-panier .panier-alert {
  background-color: #ff6633;
  padding: 10px;
  color: white;
  margin-top: -19px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .tunnel-panier .btn-buy {
    width: 100%;
  }
  .tunnel-panier .promo-container .code-promo {
    padding: 0px;
  }
  .tunnel-panier .product .option > div:last-child {
    padding-right: 0;
  }
  .tunnel-panier .product .option > div:last-child .amount {
    display: block;
    text-align: center;
  }
  .tunnel-panier .product .option > div:last-child button.delete-btn {
    position: relative;
    display: block;
    margin: auto;
    top: auto;
    transform: none;
    cursor: pointer;
  }
  .tunnel-panier .product .option .price {
    width: 100%;
  }
}
.tunnel-delivery {
  /*FIXME : seems to be used everywhere. same style ? go global ?*/
}
.tunnel-delivery h2 {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 18px;
  margin: 24px 0;
}
.tunnel-delivery h2 strong,
.tunnel-delivery h2 b {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
.tunnel-delivery h3 {
  font-family: Qanelas-black, Helvetica, Arial;
  font-size: 16px;
  color: #035a77;
  text-transform: uppercase;
  margin: 0;
}
.tunnel-delivery label b {
  color: #035a77;
  font-family: 'Qanelas-black', Helvetica, Arial;
}
.tunnel-delivery .sub-info {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 12px;
}
.tunnel-delivery .delivery-mode-container {
  margin: 24px 0;
}
.tunnel-delivery .delivery-mode-container > div label {
  padding-left: 8px;
  line-height: 16px;
}
.tunnel-delivery .delivery-rem-form a {
  text-decoration: underline;
  font-family: 'Qanelas-black', Helvetica, Arial;
  font-size: 15px;
  color: #035a77;
}
.tunnel-delivery .delivery-rem-form .shops-container {
  margin: 24px 0;
}
.tunnel-delivery .delivery-rem-form .shops-container .shop-list {
  background-color: #f1f1f1;
  padding: 24px 8px;
}
.tunnel-delivery .delivery-rem-form .shops-container .shop-list .shop {
  position: relative;
}
.tunnel-delivery .delivery-rem-form .shops-container .shop-list .shop .custom-radio-lab {
  position: absolute;
}
.tunnel-delivery .delivery-rem-form .shops-container .shop-list .shop .shop-info {
  margin-bottom: 24px;
  margin-left: 24px;
  display: inline-block;
}
.tunnel-delivery .delivery-rem-form .shops-container .shop-list .shop .shop-info span {
  font-size: 15px;
}
.tunnel-delivery .delivery-rem-form .shops-container .shop-details .times ul {
  padding: 0;
}
.tunnel-delivery .delivery-rem-form .shops-container .shop-details .times ul li {
  font-size: 15px;
}
.tunnel-delivery .delivery-rem-form .map-container #mapCanvas {
  min-height: 400px;
}
.tunnel-delivery .delivery-rem-form .address-input-container {
  position: relative;
  padding-right: 52px;
  width: 100%;
  max-width: 400px;
}
.tunnel-delivery .delivery-rem-form .address-input-container .address-input {
  width: 100%;
}
.tunnel-delivery .delivery-rem-form .address-input-container input[type="submit"] {
  width: 52px;
  background-color: #035a77;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border: none;
}
.tunnel-delivery .delivery-rem-form .shop-info ul {
  padding: 0;
}
.tunnel-delivery .delivery-rem-form .shop-info ul li {
  font-size: 15px;
}
.tunnel-delivery .addresses-container {
  padding: 8px;
  margin-bottom: 48px;
}
.tunnel-delivery .addresses-container .delivery-home {
  background-color: #f1f1f1;
}
.tunnel-delivery .addresses-container .delivery-home .btn-action:hover {
  background-color: #035a77;
  color: #ffffff;
}
.tunnel-delivery .address-container .address-info .custom-radio-lab {
  display: inline;
}
.tunnel-delivery .address-container .address-info .address-simple-view {
  padding-left: 20px;
}
.tunnel-delivery .address-container .address-info i {
  padding-left: 20px;
}
.tunnel-delivery .addresses-container-billing-selection .hide-for-billing {
  display: none;
}
@media (max-width: 767px) {
  .tunnel-delivery .addresses-container .delivery-home .btn-action {
    margin-left: 0;
  }
}
.tunnel-summary h2 {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  margin-bottom: 24px;
  margin-top: 24px;
}
.tunnel-summary h2 b {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
.tunnel-summary .sub-info {
  color: #818181;
  font-size: 11px;
}
.tunnel-summary .summary-header {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  color: #818181;
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 16px;
  height: 44px;
}
.tunnel-summary .summary-header label {
  margin: 0;
}
.tunnel-summary .product {
  border-bottom: 1px solid #999999;
  padding: 24px 0;
}
.tunnel-summary .product h3 {
  margin: 0;
}
.tunnel-summary .promotion-container {
  padding: 24px 0;
  border-bottom: 1px solid #999999;
}
.tunnel-summary .promotion-container p {
  margin: 2px;
}
.tunnel-summary .price-container {
  padding: 24px 0;
}
.tunnel-summary .price-container .final-price h3 {
  font-size: 18px;
}
.tunnel-summary .price-container .final-price .price {
  font-size: 18px;
}
.tunnel-summary .price b {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
.tunnel-summary .price .summary-price-barre {
  font-size: 17px;
  color: #737373;
  font-family: 'Roboto Condensed', Helvetica, Arial;
  text-decoration: line-through;
  position: absolute;
  top: -17px;
}
.tunnel-summary p {
  margin: 0;
  line-height: 16px;
}
.tunnel-summary p .sub-info {
  vertical-align: text-top;
}
.tunnel-summary .address-container {
  background-color: #f1f1f1;
  padding: 24px 8px;
  margin-bottom: 24px;
}
.tunnel-summary .address-container .important {
  font-size: 14px;
}
.tunnel-summary .address-container h4 {
  font-size: 16px;
  margin-top: 24px;
}
.tunnel-summary .address-container a {
  color: #818181;
  text-decoration: underline;
}
.tunnel-summary .address-container a:hover {
  color: #818181;
}
.tunnel-summary .payment-mode-container {
  background-color: #f1f1f1;
  padding: 1px 24px;
  margin-bottom: 48px;
}
.tunnel-summary .payment-mode-container p {
  line-height: 24px;
}
.tunnel-summary .payment-mode-container .prescription-mode {
  background-color: #aebabd;
}
.tunnel-summary .payment-mode-container .disabled-prescription {
  pointer-events: none;
}
.tunnel-summary .payment-mode-container .payment-mode {
  border-bottom: 1px solid #999999;
  position: relative;
  padding-left: 20px;
}
.tunnel-summary .payment-mode-container .payment-mode .custom-radio-lab {
  position: absolute;
  top: 5px;
  left: 0;
}
.tunnel-summary .payment-mode-container .payment-mode .disabled-message {
  margin-bottom: 12px;
}
.tunnel-summary .payment-mode-container .payment-mode .disabled-prescription-radio {
  display: none;
}
.tunnel-summary .payment-mode-container .payment-mode .mutual-description-content .PrescriptionComment {
  margin-top: 12px;
}
.tunnel-summary .payment-mode-container .payment-mode .payment-mode-header {
  margin: 24px 0;
}
.tunnel-summary .payment-mode-container .payment-mode .content {
  display: none;
  margin-bottom: 12px;
}
.tunnel-summary .payment-mode-container .payment-mode label.summary-title {
  font-family: 'Qanelas-black', Helvetica, Arial;
  font-size: 18px;
  color: #035a77;
  margin-left: 8px;
}
.tunnel-summary .payment-mode-container .payment-mode label.summary-title span {
  margin-right: 8px;
}
.tunnel-summary .payment-mode-container .payment-mode .custom-radio {
  top: 7px;
}
.tunnel-summary .payment-mode-container .payment-mode .custom-radio.uneo {
  top: 25px;
}
.tunnel-summary .payment-mode-container .checkbox-container {
  margin: 24px 0;
}
.tunnel-summary .panier-alert {
  background-color: #ff6633;
  padding: 10px;
  color: white;
  margin-top: 6px;
  margin-bottom: -13px;
}
@media (max-width: 991px) {
  .tunnel-summary .payment-mode-container .payment-mode .custom-radio {
    top: 2px;
  }
  .tunnel-summary .payment-mode-container label.summary-title .summary-payment-img {
    display: block;
    margin-top: 10px;
  }
  .tunnel-summary .payment-mode-container label.summary-title .summary-payment-img .summary-payment-logo {
    max-width: 30%;
  }
}
.tunnel-summary #prescription-filename {
  word-break: break-all;
}
.tunnel-summary .disable-on-summary {
  display: none;
}
.tunnel-confirmation h2 {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  margin-bottom: 24px;
  margin-top: 24px;
}
.tunnel-confirmation h2 b {
  font-family: 'Qanelas-black', Helvetica, Arial;
}
.tunnel-confirmation p {
  margin: 0;
  line-height: 16px;
}
.tunnel-confirmation .game_info {
  text-align: center;
  margin-bottom: 40px;
}
.tunnel-confirmation .game_info #formHC_banner_submit {
  padding: 0;
  border: none;
}
.tunnel-confirmation .game_info .game_banner {
  margin-bottom: 20px;
  width: 100%;
}
.tunnel-confirmation .game_info .game_info_anchor {
  font-size: 16px;
  color: #999999;
  margin-bottom: 15px;
}
.tunnel-confirmation .game_info .game_info_legal_notice {
  margin-top: 15px;
  font-size: 12px;
  text-align: center;
}
.tunnel-confirmation .confirmation_banner {
  width: 1140px;
  max-width: 100%;
  text-align: center;
  margin-top: 20px;
}
.tunnel-confirmation .confirmation_banner a img {
  width: 100%;
}
.mutual-form form h2 {
  text-align: center;
}
.mutual-form form label {
  margin: auto;
}
.mutual-form form select,
.mutual-form form input {
  margin: 8px 0;
}
.mutual-form form span {
  margin-bottom: 0;
}
.mutual-form form .container {
  max-width: 700px;
  margin: auto;
}
.mutual-form form .form-title {
  margin: 48px 0;
}
.mutual-form form .row .sub-info {
  color: #818181;
  font-size: 11px;
}
.mutual-form form #btn-validate-mutal-form:disabled {
  background: #999999;
}
/*product area*/
@media (min-width: 992px) {
  .catalogue {
    min-height: 1750px;
  }
}
.catalogue,
.boutique {
  /*
	@media(max-width: @xs_max) {
		.catalogue_header {
			div.catalogue_header_text {
				background-color: @grey-7;
			}
			// Center image
			div.catalogue_header_img {
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}

	@media(min-width: @md) {
		.catalogue_header {
			background-color: @grey-7;
			// Image offset
			img {
				position: relative;
				left: -20px;
				top: -20px;
			}
		}
	}
		*/
}
.catalogue .navigation_bar,
.boutique .navigation_bar {
  margin-bottom: 20px;
}
.catalogue .navigation_bar a,
.boutique .navigation_bar a {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: #737373;
}
.catalogue .navigation_bar a:hover,
.boutique .navigation_bar a:hover {
  color: #ff6633;
  font-weight: bold;
}
.catalogue .catalogue_header,
.boutique .catalogue_header {
  background-color: #f1f1f1;
  border-top: 1px solid #035a77;
}
.catalogue .catalogue_header .title,
.boutique .catalogue_header .title {
  margin-top: -15px;
}
.catalogue .catalogue_header .title h1,
.boutique .catalogue_header .title h1 {
  background: linear-gradient(to bottom, white 0%, white 50%, #f1f1f1 50%, #f1f1f1 100%);
}
.catalogue .catalogue_header p,
.boutique .catalogue_header p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  margin: 0 35px 25px 30px;
}
.catalogue .switch_list,
.boutique .switch_list,
.catalogue .switch_grid,
.boutique .switch_grid {
  float: right;
  margin-right: 10px;
  width: 52px;
  height: 52px;
}
.catalogue .switch_list,
.boutique .switch_list {
  background: url('../../img/catalogue/mode_liste.png') no-repeat;
  background-size: 52px;
}
.catalogue .switch_grid,
.boutique .switch_grid {
  background: url('../../img/catalogue/mode_grille.png') no-repeat;
  background-size: 52px;
}
@media (min-width: 768px) {
  .catalogue .switch_list:hover,
  .boutique .switch_list:hover {
    background: url('../../img/catalogue/mode_liste.png') no-repeat;
    background-position: center;
    background-size: 42px;
  }
  .catalogue .switch_grid:hover,
  .boutique .switch_grid:hover {
    background: url('../../img/catalogue/mode_grille.png') no-repeat;
    background-position: center;
    background-size: 42px;
  }
}
.catalogue .catalogue_product,
.boutique .catalogue_product {
  position: relative;
}
.catalogue .catalogue_product h2.product_title,
.boutique .catalogue_product h2.product_title {
  font-size: 17px;
}
.catalogue .catalogue_product h6,
.boutique .catalogue_product h6 {
  color: black;
}
.catalogue .catalogue_product h6.product_title > p,
.boutique .catalogue_product h6.product_title > p {
  display: inline;
}
.catalogue .catalogue_product .catalogue_image,
.boutique .catalogue_product .catalogue_image {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .catalogue .catalogue_product .catalogue_image img,
  .boutique .catalogue_product .catalogue_image img {
    max-width: 200px;
  }
}
@media (min-width: 768px) {
  .catalogue .catalogue_product .catalogue_image img,
  .boutique .catalogue_product .catalogue_image img {
    max-width: 100px;
  }
}
.catalogue .catalogue_product .catalogue_image .solar_img,
.boutique .catalogue_product .catalogue_image .solar_img {
  width: 170px !important;
  max-width: none !important;
  height: 170px !important;
}
.catalogue .catalogue_product .catalogue_description,
.boutique .catalogue_product .catalogue_description {
  font-size: 14px;
  color: #737373;
}
.catalogue .catalogue_product p,
.boutique .catalogue_product p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.catalogue .catalogue_product .catalogue_prix_barre,
.boutique .catalogue_product .catalogue_prix_barre {
  font-size: 20px;
  text-decoration: line-through;
  color: #737373;
  margin: 0;
}
.catalogue .catalogue_product h4,
.boutique .catalogue_product h4 {
  font-size: 2rem;
  font-weight: bold;
  color: black;
  letter-spacing: 1px;
}
.catalogue .catalogue_product .btn-action,
.boutique .catalogue_product .btn-action {
  margin-top: 15px;
  display: block;
}
.catalogue .catalogue_product .catalogue_color a,
.boutique .catalogue_product .catalogue_color a {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: #737373;
  margin-right: 20px;
}
.catalogue .catalogue_product .catalogue_color a:hover,
.boutique .catalogue_product .catalogue_color a:hover {
  color: #ff6633;
  font-weight: bold;
}
.catalogue .dropdown-list-achat-express,
.boutique .dropdown-list-achat-express {
  width: 100%;
  margin-bottom: 13px;
}
.catalogue .btn-add-cart-express,
.boutique .btn-add-cart-express,
.catalogue .btn-achat-express,
.boutique .btn-achat-express {
  background-color: #ff6633;
  border: none;
  color: white;
  margin-top: 0 !important;
}
.catalogue .form-achat-express,
.boutique .form-achat-express {
  display: none;
}
.catalogue .achat-express-error,
.boutique .achat-express-error {
  display: none;
  color: red;
  margin-top: -13px;
}
.catalogue .catalogue_nav,
.boutique .catalogue_nav,
.catalogue .catalogue_nav_search,
.boutique .catalogue_nav_search {
  cursor: pointer;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
}
.catalogue .catalogue_nav a,
.boutique .catalogue_nav a,
.catalogue .catalogue_nav_search a,
.boutique .catalogue_nav_search a {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: #737373;
}
.catalogue .catalogue_nav a:hover,
.boutique .catalogue_nav a:hover,
.catalogue .catalogue_nav_search a:hover,
.boutique .catalogue_nav_search a:hover {
  color: #ff6633;
  font-weight: bold;
}
.catalogue .catalogue_nav ul,
.boutique .catalogue_nav ul,
.catalogue .catalogue_nav_search ul,
.boutique .catalogue_nav_search ul {
  padding-left: 0px;
}
.catalogue .catalogue_nav span.display-indicator,
.boutique .catalogue_nav span.display-indicator,
.catalogue .catalogue_nav_search span.display-indicator,
.boutique .catalogue_nav_search span.display-indicator {
  font-family: 'Roboto', Helvetica, Arial;
  color: #035a77;
  position: absolute;
  right: 12px;
  font-size: 1rem;
  font-weight: bold;
}
.catalogue .catalogue_nav .sub-menu,
.boutique .catalogue_nav .sub-menu {
  margin-top: 20px;
  margin-bottom: 25px;
}
.catalogue .catalogue_nav_search .menu,
.boutique .catalogue_nav_search .menu {
  margin-top: 20px;
  margin-bottom: 25px;
}
.catalogue .catalogue_nav_search .menu h4,
.boutique .catalogue_nav_search .menu h4 {
  font-family: ' Qanelas-bold', Helvetica, Arial;
  color: #737373;
  font-weight: bold;
  font-size: 14px;
}
.catalogue .catalogue_nav_search .menu h4 span.display-indicator,
.boutique .catalogue_nav_search .menu h4 span.display-indicator {
  font-family: 'Roboto', Helvetica, Arial;
  color: #035a77;
  position: absolute;
  right: 12px;
  font-size: 1rem;
  font-weight: bold;
}
.catalogue .catalogue_nav_search .menu ul li,
.boutique .catalogue_nav_search .menu ul li {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: #737373;
  font-weight: 100;
  font-size: 13px;
  padding-left: 15px;
}
.catalogue .catalogue_nav_search .sub-menu,
.boutique .catalogue_nav_search .sub-menu {
  display: none;
}
@media (min-width: 992px) {
  .catalogue .catalogue_nav,
  .boutique .catalogue_nav,
  .catalogue .catalogue_nav_search,
  .boutique .catalogue_nav_search {
    max-width: 30%;
    background-color: #f1f1f1;
    position: absolute;
    top: 0;
    left: -33.33%;
  }
}
@media (max-width: 991px) {
  .catalogue .catalogue_nav,
  .boutique .catalogue_nav,
  .catalogue .catalogue_nav_search,
  .boutique .catalogue_nav_search {
    display: none;
    border: 1px solid #999999;
  }
  .catalogue .catalogue_nav .sub-menu,
  .boutique .catalogue_nav .sub-menu {
    display: none;
  }
}
.catalogue .catalogue_options,
.boutique .catalogue_options {
  margin-top: 20px;
}
.catalogue .catalogue_options .catalogue_filter,
.boutique .catalogue_options .catalogue_filter {
  cursor: pointer;
  font-family: 'Roboto', Helvetica, Arial;
  font-weight: 400;
  color: #737373;
  border: 1px solid #999999;
}
.catalogue .catalogue_options .catalogue_filter h4,
.boutique .catalogue_options .catalogue_filter h4 {
  margin: 10px;
  font-size: 1rem;
}
.catalogue .catalogue_options .catalogue_filter span.display-indicator,
.boutique .catalogue_options .catalogue_filter span.display-indicator {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.3rem;
}
.catalogue .catalogue_pagination,
.boutique .catalogue_pagination {
  color: #7e7e7e;
  font-size: 14px;
  float: right;
  padding-top: 7px;
}
.catalogue .catalogue_pagination a,
.boutique .catalogue_pagination a {
  color: #7e7e7e;
  margin-left: 5px;
  margin-right: 5px;
}
.catalogue .catalogue_pagination a > img,
.boutique .catalogue_pagination a > img {
  height: 40px;
}
.catalogue .catalogue_pagination a img:last-child,
.boutique .catalogue_pagination a img:last-child {
  display: none;
}
.catalogue .catalogue_pagination a:hover img:last-child,
.boutique .catalogue_pagination a:hover img:last-child {
  display: inline-block;
}
.catalogue .catalogue_pagination a:hover img:first-child,
.boutique .catalogue_pagination a:hover img:first-child {
  display: none;
}
.catalogue .catalogue_pagination .current_page,
.boutique .catalogue_pagination .current_page {
  border: 1px solid #999999;
  padding: 8px;
}
.catalogue .catalogue_total_number,
.boutique .catalogue_total_number {
  margin-top: 15px;
  font-size: 14px;
  padding: 0;
}
.catalogue .catalogue_grille,
.boutique .catalogue_grille {
  margin-top: 18px;
  margin-bottom: 18px;
}
.catalogue .catalogue_grille_product,
.boutique .catalogue_grille_product {
  border: 1px #eee solid;
  margin-top: -1px;
  margin-left: -1px;
  padding: 5px 0 5px 0;
  position: relative;
}
.catalogue .catalogue_grille_product h6,
.boutique .catalogue_grille_product h6 {
  color: #737373;
  height: 19px;
  margin-top: -7px;
  font-size: 13px;
  margin-bottom: 12px;
}
.catalogue .catalogue_grille_product h6.product_title > p,
.boutique .catalogue_grille_product h6.product_title > p {
  display: inline;
}
.catalogue .catalogue_grille_product h4,
.boutique .catalogue_grille_product h4 {
  font-size: 2rem;
  font-weight: bold;
  color: black;
  letter-spacing: 1px;
  font-size: 24px;
  margin-top: 9px;
}
.catalogue .catalogue_grille_product h2,
.boutique .catalogue_grille_product h2 {
  height: 44px;
  text-align: left;
  text-transform: initial;
  margin-top: -7px;
}
.catalogue .catalogue_grille_product .catalogue_prix_barre,
.boutique .catalogue_grille_product .catalogue_prix_barre {
  font-size: 18px;
  text-decoration: line-through;
  color: #737373;
  height: 28px;
  margin: 11px 0 0 15px;
}
.catalogue .catalogue_grille_product .catalogue_image .img_grille_solar,
.boutique .catalogue_grille_product .catalogue_image .img_grille_solar {
  width: 90% !important;
  max-width: 90% !important;
  height: auto !important;
}
.catalogue .catalogue_grille_product .product_img img,
.boutique .catalogue_grille_product .product_img img {
  margin: auto;
  width: auto;
  max-width: 75%;
  height: auto;
  max-height: 100%;
}
.catalogue .catalogue_grille_product .product_img .img_grille_solar,
.boutique .catalogue_grille_product .product_img .img_grille_solar {
  max-width: 85%;
}
.catalogue .catalogue_grille_product .product_img .picto_cart,
.boutique .catalogue_grille_product .product_img .picto_cart {
  width: 46px;
  height: 46px;
  background: url('../../img/catalogue/picto_panier.png') no-repeat;
  background-size: 46px;
  position: absolute;
  left: auto;
  top: auto;
  right: 20px;
  bottom: -113px;
  z-index: 3;
}
.catalogue .catalogue_grille_product .product_img .picto_cart a,
.boutique .catalogue_grille_product .product_img .picto_cart a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.catalogue .catalogue_grille_product .fill-div,
.boutique .catalogue_grille_product .fill-div {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
  position: absolute;
  z-index: 2;
}
.catalogue .catalogue_grille_product .details,
.boutique .catalogue_grille_product .details {
  margin-top: -5px;
}
.catalogue .catalogue_grille_product .product_disponible,
.boutique .catalogue_grille_product .product_disponible,
.catalogue .catalogue_grille_product .product_indisponible,
.boutique .catalogue_grille_product .product_indisponible {
  font-size: 14px;
}
@media (min-width: 768px) {
  .catalogue .catalogue_grille_product .product_img,
  .boutique .catalogue_grille_product .product_img {
    position: relative;
    height: 250px;
  }
  .catalogue .catalogue_grille_product .product_img img,
  .boutique .catalogue_grille_product .product_img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .catalogue .catalogue_grille_product .fill-div:hover ~ div > div > .product_img,
  .boutique .catalogue_grille_product .fill-div:hover ~ div > div > .product_img,
  .catalogue .catalogue_grille_product .picto_cart:hover + .product_img,
  .boutique .catalogue_grille_product .picto_cart:hover + .product_img {
    width: 90%;
    max-width: 90%;
    max-height: none;
    height: auto;
  }
  .catalogue .catalogue_grille_product .fill-div:hover ~ div > div > .img_grille_solar,
  .boutique .catalogue_grille_product .fill-div:hover ~ div > div > .img_grille_solar,
  .catalogue .catalogue_grille_product .picto_cart:hover + .img_grille_solar,
  .boutique .catalogue_grille_product .picto_cart:hover + .img_grille_solar {
    width: 94%;
    max-width: 100%;
    max-height: none;
    height: auto;
  }
  .catalogue .catalogue_grille_product .picto_cart:hover,
  .boutique .catalogue_grille_product .picto_cart:hover {
    background: url('../../img/catalogue/picto_panier_hover.png') no-repeat;
    background-size: 46px;
  }
}
@media (max-width: 767px) {
  .catalogue .catalogue_grille_product .product_img img,
  .boutique .catalogue_grille_product .product_img img {
    display: block;
  }
}
.boutique {
  padding-top: 20px;
}
.boutique input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}
.boutique input[type=checkbox] {
  height: 15px;
  width: 15px;
  background: #fff;
  border: 1px solid #ccc;
}
.boutique input[type="checkbox"]:checked {
  margin: 0px;
  position: relative;
}
.boutique input[type="checkbox"]:checked:before {
  content: '✓';
  display: block;
  color: black;
  font-size: 11px;
  position: absolute;
  font-weight: bold;
  margin-top: -1px;
  margin-left: 2px;
}
.boutique .boutique_filter {
  color: #737373;
}
.boutique .boutique_bg_tetiere {
  background-color: #f1f1f1;
  margin-top: -1px;
}
.boutique .boutique_bg_tetiere p {
  font-size: 17px;
}
.boutique .boutique_bg_tetiere .boutique_tetiere_text_img {
  margin: 10px 20px 10px 0px;
}
.boutique .boutique_bg_tetiere .boutique_tetiere_img {
  background-color: #f1f1f1;
  margin-top: -1px;
  min-height: 270px;
}
.boutique .boutique_bg_tetiere div .boutique_tetiere_blank_separator_xs {
  display: none;
}
.boutique .boutique_bg_tetiere div div img {
  width: 100%;
  margin-top: -10px;
  margin-left: -10px;
}
.boutique .boutique_bg_tetiere div div .title p {
  width: 100%;
}
.boutique #current_filters {
  padding-bottom: 10px;
}
.boutique #current_filters a {
  display: block;
}
.boutique #reset_filters {
  padding-top: 10px;
  padding-bottom: 20px;
  display: none;
}
.boutique .catalogue_nav,
.boutique .catalogue_nav_search {
  padding: 10px 1px;
}
.boutique .catalogue_nav .sub-menu,
.boutique .catalogue_nav_search .sub-menu {
  margin-top: 0;
  margin-bottom: 15px;
}
.boutique .catalogue_nav .sub-menu li,
.boutique .catalogue_nav_search .sub-menu li {
  margin-bottom: -10px;
}
.boutique .catalogue_nav .sub-menu li label,
.boutique .catalogue_nav_search .sub-menu li label {
  top: -2px;
  left: 4px;
  position: relative;
}
@media (max-width: 991px) {
  .boutique #current_filters,
  .boutique #reset_filters {
    display: none;
  }
}
@media (min-width: 768px) {
  .boutique .boutique-content {
    min-height: 1800px;
  }
}
@media (max-width: 767px) {
  .boutique .boutique_bg_tetiere p,
  .boutique .boutique_bg_tetiere h1 {
    padding-left: 10px;
  }
  .boutique .boutique_bg_tetiere div .boutique_tetiere_blank_separator_xs {
    display: block;
    height: 35px;
    background-color: white;
  }
  .boutique .boutique_bg_tetiere div .boutique_bg_tetiere {
    background-color: white;
    display: inline-block;
    height: 30px;
  }
  .boutique .boutique_bg_tetiere div .boutique_bg_tetiere .boutique_tetiere_img {
    background-color: #f1f1f1;
    margin-top: -1px;
    min-height: initial;
  }
  .boutique .boutique_bg_tetiere div div img {
    margin: 0;
  }
  .boutique .switch_list,
  .boutique .switch_grid {
    margin-top: 5px;
  }
}
.boutique .catalogue_grille {
  margin-top: 18px;
  margin-bottom: 18px;
}
.catalogue .catalogue_header {
  background-color: white !important;
}
.catalogue .catalogue_header .title {
  background-color: white !important;
}
.catalogue .catalogue_header .title h1 {
  background: white !important;
}
.catalogue .catalogue-tetiere {
  color: #737373;
  font-size: 12px;
  margin-top: 15px;
}
.catalogue .catalogue-tetiere .catalogue-tetiere-show-more {
  display: none;
}
.catalogue .catalogue-tetiere .catalogue-tetiere-show-less {
  display: none;
}
.catalogue .catalogue-more-info {
  margin-top: -15px;
  padding-left: 10px;
  font-size: 14px;
}
.catalogue .catalogue-more-info a {
  position: relative;
  color: #333333;
}
.catalogue .catalogue-more-info a span {
  position: absolute;
  top: 2px;
  right: -20px;
  color: #737373;
}
@media (max-width: 767px) {
  .catalogue .catalogue-tetiere p {
    position: relative;
  }
  .catalogue .catalogue-tetiere .only-show-5-lines-xs {
    max-height: 90px;
    overflow-y: hidden;
  }
  .catalogue .catalogue-tetiere .catalogue-tetiere-show-more {
    position: absolute;
    width: 20px;
    background-color: white;
    top: 72px;
    text-align: right;
    right: 0px;
    display: none;
  }
  .catalogue .catalogue-tetiere .catalogue-tetiere-show-less {
    width: auto;
    display: none;
  }
  .catalogue .switch_list,
  .catalogue .switch_grid {
    margin-top: 5px;
  }
}
/* Couleurs */
.details {
  padding-left: 0;
  padding-right: 0;
}
.details .detail_anchor {
  display: block;
  height: 250px;
  margin-top: -250px;
  visibility: hidden;
}
.details .product_informations {
  margin-top: 24px;
  margin-bottom: 50px;
}
.details .product_informations .modal-dialog {
  width: 95%;
  max-width: 600px;
}
.details .product_name,
.details .product_model {
  margin-left: -2px;
}
.details .product_name_solaire {
  margin-top: -10px;
  font-family: 'Qanelas-Bold', Helvetica, Arial;
  color: #333333;
  font-size: 16px;
  text-transform: none;
}
.details .product_name_solaire span {
  font-family: 'Qanelas-regular', Helvetica, Arial;
}
.details .product_manifacturer {
  margin-top: -5px;
}
.details .product_manifacturer a {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: #333333;
  text-decoration: none;
  font-weight: 700;
  margin-top: -10px;
}
.details .product_manifacturer a p {
  display: inline;
  font-weight: normal;
}
.details .product_stock {
  margin-top: 5px;
  margin-bottom: 20px;
}
.details .alert-info-popin-text {
  margin-top: -12px;
  margin-bottom: 22px;
  font-size: 14px;
}
.details .product_disponible,
.details .product_indisponible {
  font-family: 'Qanelas-Bold', Helvetica, Arial;
  font-size: 16px;
}
.details .product_disponible {
  color: #19b921;
}
.details .product_indisponible {
  color: #ff0000;
}
.details .product_more_info {
  margin-top: -17px;
}
.details .product_description {
  font-family: 'Qanelas-light', Helvetica, Arial;
  color: #999999;
  font-size: 14px;
  margin-top: -10px;
  margin-bottom: 10px;
}
.details .product_solaire_size {
  padding-top: 4px;
  height: 26px;
}
.details .product_caracteristics {
  background-color: #eeeeee;
  padding-top: 5px;
  padding-bottom: 5px;
}
.details .product_caracteristics p {
  font-family: 'Qanelas-Black', Helvetica, Arial;
  color: #035a77;
  font-size: 18px;
  padding-left: 20px;
  margin-bottom: 5px;
}
.details .product_caracteristics ul li {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: #818181;
  font-size: 14px;
}
.details .product_caracteristics > ul {
  margin-left: -20px;
}
.details .product_help_info {
  font-family: 'Qanelas-light', Helvetica, Arial;
  display: inline;
  color: black;
  font-weight: 100;
}
.details .secondary_image > img {
  width: 80px;
  height: 80px;
  border: 1px solid #aebabd;
  margin-right: 8px;
}
.details .product_price {
  margin-top: 5px;
  margin-bottom: 25px;
  position: relative;
}
.details .product_price .promo-sticker {
  top: inherit;
  left: 160px;
}
.details .product_price_big {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  font-size: 35px;
  color: black;
}
.details .product_price_strickthrough {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  font-size: 20px;
  color: #999999;
  text-decoration: line-through;
}
.details .product_price_per_product {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  font-size: 14px;
  color: #999999;
  margin-top: -5px;
  margin-bottom: 15px;
}
.details .product_step_number {
  font-family: 'Qanelas-Black', Helvetica, Arial;
  font-size: 25px;
  color: #035a77;
}
.details .product_shop_title_text {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 25px;
  color: #035a77;
}
.details .product_quantity {
  margin-bottom: 15px;
}
.details .product_quantity_option {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 16px;
  color: #333333;
  margin-left: 10px;
}
.details .product_quantity_price {
  font-family: 'Qanelas-Black', Helvetica, Arial;
  font-size: 16px;
  color: #035a77;
}
.details .product_container_radio_button {
  border: 1px solid #aebabd;
  padding-top: 15px;
  margin-top: 25px;
}
.details .product_container_box_lentille_number {
  padding-top: 0px 25px 0ox 25px;
  margin-top: 25px;
}
.details .product_lentille_selection_info {
  border: 1px solid #aebabd;
  padding-top: 15px;
  margin-top: 25px;
  padding-bottom: 30px;
}
.details .product_lentille_selection_info_title {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 18px;
  color: #035a77;
  text-align: center;
  text-transform: uppercase;
}
.details .product_lentille_caracteristics {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 16px;
  color: black;
  margin-bottom: 20px;
  white-space: nowrap;
}
.details .eyes_options > div > div > div > select {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 13px;
  width: 100%;
  border: 1px solid #818181;
  height: 26px;
}
.details .product_lentille_caracteristics_text {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 13px;
  color: #818181;
}
.details .product_lentille_caracteristics_advice {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  font-size: 12px;
  font-weight: 700;
  color: #035a77;
  line-height: 12px;
}
.details .product_european_conformity_img {
  float: left;
}
.details .product_european_conformity_img img {
  width: 30px;
  height: 20px;
  margin-top: 10px;
}
.details .product_european_conformity_text {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  font-size: 11px;
  margin-left: 40px;
  margin-top: 7px;
  line-height: 14px;
}
.details .product_european_conformity_text .product_ce_solaire {
  margin-top: 14px;
}
.details .product_expedition_img > img {
  width: 25px;
  background-size: 25px;
}
.details .product_expedition_img {
  height: 25px;
  margin-top: 6px;
  float: right;
  margin-right: 10px;
}
.details .product_expedition_text,
.details .product_solaire_text {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 16px;
  line-height: 14px;
  text-align: left;
  margin: 12px 0 5px auto;
}
.details .product_expedition_text img,
.details .product_solaire_text img {
  vertical-align: -2px;
}
.details .product_expedition_text span,
.details .product_solaire_text span {
  padding-left: 5px;
}
.details .product_total_price_text_light {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  font-size: 18px;
  color: #035a77;
}
.details .product_total_price_text {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  font-weight: 700;
  font-size: 18px;
  color: #035a77;
}
.details .product_total_price_value {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  font-size: 30px;
  color: #035a77;
  margin-left: 10px;
}
.details .product_photo {
  width: 100%;
}
.details .product_detail_spec {
  position: relative;
  background-color: #f1f1f1;
  border-top: 1px solid #035a77;
  margin-top: 45px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.details .product_detail_spec_content {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  background-color: #ffffff;
  font-size: 14px;
  color: #999999;
  padding: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 15px;
}
.details .product_relative_title {
  display: inline-block;
  font-family: 'Qanelas-Black', Helvetica, Arial;
  color: #035a77;
  font-size: 25px;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 40px;
  background: -webkit-linear-gradient(top, white, white 50%, #f1f1f1 50%, #f1f1f1);
  background: -moz-linear-gradient(top, white 0%, white 50%, #f1f1f1 50%, #f1f1f1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, white 50%, #f1f1f1 50%, #f1f1f1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, white 50%, #f1f1f1 50%, #f1f1f1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f1f1, GradientType=0);
  /* IE6-9 */
  text-align: center;
  text-transform: uppercase;
  padding: 0 13px 0 13px;
  white-space: nowrap;
}
.details .product_recommandation_marque {
  font-family: 'Qanelas-Black', Helvetica, Arial;
  color: #035a77;
  font-size: 18px;
  text-align: center;
}
.details .product_recommandation_name {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  font-size: 16px;
  text-align: center;
  color: black;
  margin-top: 10px;
}
.details .product_recommandation_price {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  font-size: 22px;
  text-align: center;
  color: black;
  margin-top: 10px;
}
.details .product_recommandation_price_strike {
  font-family: 'Roboto-Condensed', Helvetica, Arial;
  font-size: 16px;
  color: #818181;
  text-align: center;
  text-decoration: line-through;
  display: none;
}
.details .product_detail_recommandation_content {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  background-color: white;
  font-size: 14px;
  color: #999999;
  padding-bottom: 20px;
  margin-top: 20px;
  min-width: 220px;
  position: relative;
}
.details .product_detail_recommandation_content .promo-sticker {
  right: 35px;
  top: 40px;
  z-index: 2;
}
.details .product_select_no_lentille {
  font-family: 'Qanelas-Regular', Helvetica, Arial;
  font-size: 13px;
  width: 100%;
  border: 1px solid #818181;
  height: 26px;
  max-width: 300px;
  margin-top: 25px;
}
.details .product_relative_title_img {
  display: none;
}
.details .product_font_qanelas_black {
  font-family: 'Qanelas-Black', Helvetica, Arial;
}
.details .product_uppercase {
  text-transform: uppercase;
}
.details .product_reverseY {
  transform: scaleY(-1);
}
.details .overflow-hide {
  overflow: hidden;
}
.details .product_info_size_link {
  text-decoration: underline;
  font-size: 18px;
  color: #035a77;
}
.details a.product-card {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: black;
}
.details .product-tile {
  border: 1px solid #d1d1d1;
}
.details .product-tile .product-tile-img-container {
  height: 200px;
  display: block;
  margin: auto;
}
.details .product-tile .product-tile-img-container img {
  max-width: 185px;
  height: auto;
  margin: auto;
}
.details .product-tile .product-tile-img-container:hover {
  height: 200px;
  display: block;
  margin: auto;
}
.details .product-tile .product-tile-img-container:hover img {
  max-width: 200px;
  height: auto;
  margin: auto;
}
.details .product_solaire_text {
  margin-top: 2px;
}
.details .spec_solaire {
  margin-bottom: -35px;
}
.details .spec_solaire div {
  text-align: center;
  margin-top: 0;
}
.details .spec_solaire div p {
  margin-top: 15px;
}
.details .spec_solaire div .ski-goggle-size {
  margin-top: -20px;
}
.details .spec_solaire div img {
  width: 150px;
  max-width: 100%;
}
.details .taille-lunettes {
  display: inline-block;
}
.details .taille-lunettes div {
  float: left;
  margin: 0 15px 0 0;
  width: 100px;
  height: 35px;
  text-align: center;
  position: relative;
}
.details .taille-lunettes .unique-size-label {
  width: 130px;
}
.details .taille-lunettes .unique-size-label label {
  cursor: initial;
}
.details .taille-lunettes label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1px;
  color: #035a77;
  border: 1px solid #035a77;
  cursor: pointer;
}
.details .taille-lunettes label:hover {
  background: #035a77;
  color: white;
}
.details .taille-lunettes input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.details .taille-lunettes input[type="radio"] {
  opacity: 0.01;
}
.details .taille-lunettes input[type="radio"]:checked + label {
  background: #035a77;
  color: white;
}
.details .lunette_color div a {
  width: 26px;
  height: 26px;
  float: left;
}
.details .lunette_color div a:hover {
  border: 2px solid #035a77;
}
.details .wrapper-product {
  padding: 0 25px;
}
.details .recommand-product {
  width: 33%;
}
.details .product_image_preview {
  width: 100%;
}
.details .btn_box_lentille {
  margin-top: 16px;
  margin-bottom: 0 !important;
  width: 100% !important;
  padding: 9px 0px !important;
  height: 40px !important;
  font-size: 16px !important;
}
.details .btn_box_entretien {
  margin-top: 16px;
  margin-bottom: 0 !important;
  width: 100% !important;
  font-size: 16px !important;
  height: auto;
  padding: 10px 0;
}
.details .btn_box_lentille_active,
.details .btn_box_entretien_active {
  background-color: #035a77;
  color: #ffffff;
}
.details .ski-goggles-caracteristics {
  padding-left: 5px;
}
.details .competitive_price_text {
  position: absolute;
  left: 159px;
  width: 60px;
  line-height: 16px;
  font-weight: bold;
  font-size: 14px;
  bottom: -5px;
  color: #035a77;
}
@media (max-width: 991px) {
  .details .product_md_dnone {
    display: none;
  }
  .details .secondary_image > img {
    margin-bottom: 10px;
  }
  .details .product_shop {
    margin-top: 10px;
    margin-bottom: -10px;
  }
  .details .product_container_box_lentille_number {
    padding: 0;
  }
  .details .btn_box_lentille {
    margin-top: 16px;
    margin: 10px;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .details .product_relative_title_img {
    display: inline-block;
    font-size: 25px;
    position: absolute;
    top: -20px;
    right: 0;
    height: 40px;
    background: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1 50%, white 50%, white);
    text-align: center;
    width: 50px;
  }
  .details .product_photo {
    width: 90%;
    margin-left: 5%;
  }
  .details .product_bg_white {
    background: white;
    background-color: white;
  }
  .details .product_name,
  .details .product_model {
    margin-top: 15px;
  }
  .details .product_relative_title {
    font-size: 23px;
  }
  .details .product_european_conformity_img img {
    width: 30px;
    height: 22px;
  }
  .details .product_european_conformity_text {
    margin-top: 7px;
    margin-left: 40px;
  }
  .details .product_expedition_text,
  .details .product_solaire_text {
    font-size: 15px;
    text-align: left;
  }
  .details .recommand-product {
    width: 100%;
    margin-right: 0 !important;
    flex: 0 0 100%;
  }
  .details .product_solaire_size {
    padding-top: 6px;
    height: 30px;
  }
  .details .product_total_price_value {
    font-size: 40px;
    font-weight: 600;
  }
  .details .product_detail_recommandation_content {
    width: 100%;
  }
  .details .taille-lunettes {
    width: 100%;
  }
  .details .taille-lunettes div {
    width: 100%;
  }
  .details .btn_box_lentille {
    padding-top: 13px;
    margin: 10px 0 0 0;
  }
  .details .product_container_box_lentille_number {
    margin-top: 10px;
  }
  .details .product_buy_info {
    margin-bottom: -30px;
  }
  .details .product_select_no_lentille {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .details .product_detail_spec_content {
    display: block !important;
    height: 95%;
  }
  .details .lunette_color {
    margin-bottom: -360px;
  }
  .details .lunette_color div {
    top: -110px;
  }
}
.promo-sticker {
  background-image: url(../../img/promo/brii.png);
  position: absolute;
  right: 15px;
  top: 20px;
  background-size: 100%;
  width: 85px;
  height: 85px;
  color: #ffffff;
  text-align: center;
  padding-top: 11px;
  font-size: 42px;
  font-family: 'EdwardCondensed-Bold';
}
.promo-sticker .promo-minus {
  position: absolute;
  left: 14px;
  font-family: 'EdwardCondensed-Regular';
  width: 12px;
  overflow: hidden;
}
.promo-sticker .promo-minus-one-digit {
  left: 21px;
}
.promo-sticker .promo-amount-integer-part {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: -5px;
}
.promo-sticker .promo-amount-decimal-part {
  position: absolute;
  top: 29px;
  font-size: 16px;
  font-family: 'EdwardCondensed-Regular';
}
.promo-sticker .promo-brii-type {
  position: absolute;
  top: 10px;
  font-size: 22px;
  font-family: 'EdwardCondensed-Regular';
}
.promo-sticker-grid {
  background-image: url(../../img/promo/brii.png);
  position: absolute;
  right: 15px;
  top: 5px;
  background-size: 100%;
  width: 55px;
  height: 55px;
  color: #ffffff;
  text-align: center;
  padding-top: 7px;
  font-size: 25px;
  font-family: 'EdwardCondensed-Bold';
}
.promo-sticker-grid .promo-minus-grid {
  position: absolute;
  left: 11px;
  font-family: 'EdwardCondensed-Regular';
  width: 7px;
  overflow: hidden;
}
.promo-sticker-grid .promo-minus-one-digit-grid {
  left: 15px;
}
.promo-sticker-grid .promo-amount-integer-part-grid {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: -3px;
}
.promo-sticker-grid .promo-amount-decimal-part-grid {
  position: absolute;
  top: 14px;
  font-size: 12px;
  font-family: 'EdwardCondensed-Regular';
}
.promo-sticker-grid .promo-brii-type-grid {
  position: absolute;
  top: 5px;
  font-size: 14px;
  font-family: 'EdwardCondensed-Regular';
}
.promo-sticker-small {
  background-image: url(../../img/promo/brii.png);
  position: absolute;
  right: 15px;
  top: 0px;
  background-size: 100%;
  width: 55px;
  height: 55px;
  color: #ffffff;
  text-align: center;
  padding-top: 7px;
  font-size: 25px;
  font-family: 'EdwardCondensed-Bold';
}
.promo-sticker-small .promo-minus-small {
  position: absolute;
  left: 11px;
  font-family: 'EdwardCondensed-Regular';
  width: 7px;
  overflow: hidden;
}
.promo-sticker-small .promo-minus-one-digit-small {
  left: 15px;
}
.promo-sticker-small .promo-amount-integer-part-small {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: -3px;
}
.promo-sticker-small .promo-amount-decimal-part-small {
  position: absolute;
  top: 14px;
  font-size: 12px;
  font-family: 'EdwardCondensed-Regular';
}
.promo-sticker-small .promo-brii-type-small {
  position: absolute;
  top: 5px;
  font-size: 14px;
  font-family: 'EdwardCondensed-Regular';
}
/*Picto sticker normal size*/
/*renew and best seller zone*/
.picto-sticker-home-topLeft,
.picto-sticker-home-topRight,
.picto-sticker-home-bottomLeft,
.picto-sticker-home-bottomRight,
.picto-sticker-recommandation-topLeft,
.picto-sticker-recommandation-topRight,
.picto-sticker-recommandation-bottomLeft,
.picto-sticker-recommandation-bottomRight {
  position: absolute;
  background-size: 100%;
  width: 60px;
  height: 60px;
  z-index: 1;
}
/*product detail zone*/
.picto-sticker-detail-topLeft,
.picto-sticker-detail-topRight,
.picto-sticker-detail-bottomLeft,
.picto-sticker-detail-bottomRight {
  position: absolute;
  background-size: 100%;
  width: 85px;
  height: 85px;
  z-index: 1;
}
/*Picto sticker small size*/
/*catalog zone*/
.picto-sticker-catalogue-topLeft,
.picto-sticker-catalogue-topRight,
.picto-sticker-catalogue-bottomLeft,
.picto-sticker-catalogue-bottomRight,
.picto-sticker-cart-topLeft,
.picto-sticker-cart-topRight,
.picto-sticker-cart-bottomLeft,
.picto-sticker-cart-bottomRight,
.picto-sticker-order-topLeft,
.picto-sticker-order-topRight,
.picto-sticker-order-bottomLeft,
.picto-sticker-order-bottomRight {
  position: absolute;
  background-size: 100%;
  width: 45px;
  height: 45px;
  z-index: 1;
}
.picto-sticker-home-topLeft,
.picto-sticker-recommandation-topLeft,
.picto-sticker-order-topLeft {
  top: 5px;
  left: 5px;
}
.picto-sticker-home-topRight,
.picto-sticker-recommandation-topRight,
.picto-sticker-order-topRight {
  top: 5px;
  right: 5px;
}
.picto-sticker-order-bottomLeft {
  bottom: 5px;
  left: 5px;
}
.picto-sticker-order-bottomRight {
  bottom: 5px;
  right: 5px;
}
.picto-sticker-catalogue-topLeft,
.picto-sticker-detail-topLeft,
.picto-sticker-cart-topLeft {
  top: 0px;
  left: 0px;
}
.picto-sticker-catalogue-topRight,
.picto-sticker-detail-topRight,
.picto-sticker-cart-topRight {
  top: 0px;
  right: 0px;
}
.picto-sticker-catalogue-bottomLeft,
.picto-sticker-detail-bottomLeft,
.picto-sticker-cart-bottomLeft {
  bottom: 0px;
  left: 0px;
}
.picto-sticker-catalogue-bottomRight,
.picto-sticker-detail-bottomRight,
.picto-sticker-cart-bottomRight {
  bottom: 0px;
  right: 0px;
}
.picto-sticker-home-bottomLeft {
  bottom: 180px;
  left: 5px;
}
.picto-sticker-home-bottomRight {
  bottom: 180px;
  right: 5px;
}
.picto-sticker-recommandation-bottomLeft {
  bottom: 210px;
  left: 5px;
}
.picto-sticker-recommandation-bottomRight {
  bottom: 210px;
  right: 5px;
}
.picto-important-small {
  width: 13px;
  height: 13px;
  margin-top: -2px;
  margin-right: 4px;
}
.rappel-produit-div {
  margin-top: 20px;
}
div .rappel-produit-image {
  margin-top: 26px;
}
div .rappel-produit-image .rappel-produit-itemImage {
  margin: auto;
  width: 100%;
  outline: none;
}
div .rappel-produit-product-line {
  border-top: 1px solid #737373;
  height: 2px;
  margin-top: 10px;
}
div .rappel-produit-itemDate {
  color: #737373;
  font-size: 13px;
  margin-bottom: 0px;
}
div .rappel-produit-itemDescription {
  color: #737373;
  font-size: 15px;
  margin-bottom: 0px;
}
div .rappel-produit-itemContent {
  margin-top: 20px;
  margin-bottom: 20px;
}
div .rappel-produit-itemTitle {
  color: #035a77;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
}
/*service area*/
.retract .retract_form .tip {
  font-family: 'Qanelas-regular', Helvetica, Arial;
  color: #7e7e7e;
  /*psd 136,136,136*/
  font-size: 12px;
}
.retract .retract_form .summary {
  color: #ff6633;
  font-family: 'Qanelas-regular', Helvetica, Arial;
  font-size: 14px;
  width: auto;
}
.retract .retract_form .line_confirmation {
  height: 2px;
  background: #7e7e7e;
}
.retract .txt_orange {
  color: #ff6633;
}
.shops-container a {
  text-decoration: underline;
  font-family: 'Qanelas-black', Helvetica, Arial;
  font-size: 15px;
  color: #035a77;
}
.shops-container .shops-list-container .redirection-postion {
  margin-top: 250px;
}
.shops-container .shops-list-container .shop-list .js-shop-list {
  height: 500px;
  overflow-y: scroll;
  border-style: solid;
  border-color: #818181;
  padding: 0;
}
.shops-container .shops-list-container .shop-details {
  height: 500px;
  border-style: solid;
  border-color: #818181;
}
.shops-container .shops-list-container .shop-details ul {
  padding: 0;
  list-style-type: none;
}
.shops-container .address-input-container {
  position: relative;
  padding-right: 52px;
  width: 100%;
  max-width: 400px;
}
.shops-container .address-input-container .shop-address-input {
  width: 100%;
}
.shops-container .address-input-container input[type="submit"] {
  width: 52px;
  background-color: #035a77;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border: none;
}
.shop-infos-container .doctor-word {
  background-color: #aebabd;
  padding: 12px 8px;
}
.shop-infos-container ul {
  padding: 0;
  list-style-type: none;
}
.shop-infos-container .image-shop {
  width: 100%;
}
.selected-shops-container .shop-details ul {
  padding: 0;
  list-style-type: none;
}
.selected-shops-container .shop-list {
  background-color: #f1f1f1;
  padding: 24px 8px;
}
.selected-shops-container .shop-list .shop {
  position: relative;
}
.selected-shops-container .shop-list .shop .custom-radio-lab {
  position: absolute;
}
.selected-shops-container .shop-list .shop .shop-info {
  margin-bottom: 24px;
  margin-left: 24px;
  display: inline-block;
}
@media (max-width: 767px) {
  .shops-container .shops-list-container .shop-list {
    padding: 0px;
  }
  .shop-infos-container .shop-description {
    margin-top: 1.5rem;
  }
  .shop-infos-container .title h1 {
    text-align: center;
    padding-left: 0px;
  }
  .shop-infos-container .address {
    text-align: center;
  }
  .shop-infos-container .times {
    text-align: center;
  }
}